@uniquedj95/vform 3.6.2 → 3.6.3

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { ref as I, computed as O, watch as N, defineComponent as q, createElementBlock as $, openBlock as d, normalizeClass as W, createElementVNode as B, createCommentVNode as x, Fragment as L, renderList as X, toDisplayString as A, normalizeStyle as be, createBlock as _, resolveDynamicComponent as he, mergeProps as Re, unref as i, withCtx as V, createVNode as P, createTextVNode as D, toRef as Ae, mergeModels as J, useModel as Q, resolveDirective as Fe, withDirectives as $e, onMounted as we } from "vue";
+import { ref as I, computed as O, watch as N, defineComponent as q, createElementBlock as F, openBlock as d, normalizeClass as K, createElementVNode as B, createCommentVNode as x, Fragment as L, renderList as X, toDisplayString as A, normalizeStyle as be, createBlock as _, resolveDynamicComponent as he, mergeProps as Re, unref as i, withCtx as V, createVNode as P, createTextVNode as U, toRef as Ae, mergeModels as J, useModel as Q, resolveDirective as $e, withDirectives as Fe, onMounted as we } from "vue";
 import { IonGrid as Oe, IonRow as oe, IonCol as ae, IonButton as H, IonLabel as ne, IonText as Pe, IonInput as xe, IonInputPasswordToggle as Be, IonChip as Ue, IonIcon as ge, IonList as De, IonItem as Ve, IonCheckbox as Ie, actionSheetController as Te, alertController as Ne, IonTextarea as qe, IonNote as Le, IonRadioGroup as Me, IonRadio as je } from "@ionic/vue";
 import { chevronDown as Ge, close as He, add as Ke, remove as We } from "ionicons/icons";
 import { maskito as Ze } from "@maskito/vue";
 function Je(t) {
-  return new Promise((u) => {
+  return new Promise((s) => {
     requestAnimationFrame(async () => {
       const l = await t.getInputElement();
-      u(l);
+      s(l);
     });
   });
 }
@@ -20,42 +20,42 @@ const Qe = {
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function Ye(t, u) {
+function Ye(t, s) {
   const l = Xe[t];
-  return l[u % l.length];
+  return l[s % l.length];
 }
 function et(t) {
-  const u = [];
+  const s = [];
   let l = "", e = 0, a = 0;
   for (; e < t.length; ) {
     const o = t[e];
     if (["d", "a", "*"].includes(o)) {
-      let s = 1;
+      let u = 1;
       if (t[e + 1] === "{") {
         const n = t.indexOf("}", e + 2);
         if (n !== -1) {
           const g = t.slice(e + 2, n);
           if (g.includes(",")) {
             const [, p] = g.split(",").map((v) => parseInt(v.trim()));
-            s = p || parseInt(g.split(",")[0]);
+            u = p || parseInt(g.split(",")[0]);
           } else
-            s = parseInt(g);
+            u = parseInt(g);
           e = n;
         }
       } else {
         let n = e + 1;
         for (; t[n] === o; )
-          s++, n++;
+          u++, n++;
         e = n - 1;
       }
-      for (let n = 0; n < s; n++)
-        u.push(Qe[o]), l += Ye(o, a++);
+      for (let n = 0; n < u; n++)
+        s.push(Qe[o]), l += Ye(o, a++);
     } else
-      u.push(o), l += o;
+      s.push(o), l += o;
     e++;
   }
   return {
-    mask: u,
+    mask: s,
     placeholder: l,
     elementPredicate: Je
   };
@@ -63,77 +63,74 @@ function et(t) {
 function Ce(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ke(t, u, l) {
-  return typeof t.condition == "function" ? t.condition(u, l) : !0;
+function ke(t, s, l) {
+  return typeof t.condition == "function" ? t.condition(s, l) : !0;
 }
 function Se(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
     return t.map((l) => Se(l));
-  const u = {};
+  const s = {};
   return Object.entries(t).forEach(([l, e]) => {
-    typeof e == "function" ? u[l] = e.bind(u) : u[l] = Se(e);
-  }), u;
+    typeof e == "function" ? s[l] = e.bind(s) : s[l] = Se(e);
+  }), s;
 }
-function Ee(t, u) {
-  return u.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
+function Ee(t, s) {
+  return s.findIndex((l) => l.value === t.value || l.label === t.label || l.value === t.label || l.label === t.value);
 }
-function le(t, u) {
-  const l = Ee(t, u);
-  l >= 0 ? u[l].isChecked = !0 : u.push({ ...t, isChecked: !0 });
+function le(t, s) {
+  const l = Ee(t, s);
+  l >= 0 ? s[l].isChecked = !0 : s.push({ ...t, isChecked: !0 });
 }
-function tt(t, u) {
-  const l = Ee(t, u);
-  l >= 0 && (u[l].isChecked = !1);
+function tt(t, s) {
+  const l = Ee(t, s);
+  l >= 0 && (s[l].isChecked = !1);
 }
 function lt(t) {
-  t.forEach((u) => {
-    u.isChecked = !1;
+  t.forEach((s) => {
+    s.isChecked = !1;
   });
 }
-function at(t, u) {
-  return u ? t.filter(
-    (l) => JSON.stringify(l).toLowerCase().includes(u.toLowerCase())
+function at(t, s) {
+  return s ? t.filter(
+    (l) => JSON.stringify(l).toLowerCase().includes(s.toLowerCase())
   ) : t;
 }
 function nt(t) {
-  const u = t.label || "", l = t.required ? " *" : "";
-  return u + l;
+  const s = t.label || "", l = t.required ? " *" : "";
+  return s + l;
 }
-function de(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((a, o) => de(a, u[o]));
-  if (Array.isArray(t) !== Array.isArray(u)) return !1;
-  const l = Object.keys(t), e = Object.keys(u);
+function de(t, s) {
+  if (t === s) return !0;
+  if (t == null || s == null || typeof t != typeof s) return !1;
+  if (typeof t != "object") return t === s;
+  if (Array.isArray(t) && Array.isArray(s))
+    return t.length !== s.length ? !1 : t.every((a, o) => de(a, s[o]));
+  if (Array.isArray(t) !== Array.isArray(s)) return !1;
+  const l = Object.keys(t), e = Object.keys(s);
   return l.length !== e.length ? !1 : l.every(
-    (a) => Object.prototype.hasOwnProperty.call(u, a) && de(t[a], u[a])
+    (a) => Object.prototype.hasOwnProperty.call(s, a) && de(t[a], s[a])
   );
 }
-function K(t) {
+function Z(t) {
   return t.type !== "FormSection";
 }
-function ot(t) {
-  return t.type === "FormSection";
-}
 function ze() {
   const t = I([]);
-  async function u() {
+  async function s() {
     console.debug("Validating form inputs");
     const o = [];
-    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 u of t.value)
+      if (typeof (u == null ? void 0 : u.onValueUpdate) == "function" && await u.onValueUpdate(), typeof (u == null ? void 0 : u.getErrors) == "function")
         try {
-          const n = s.getErrors();
+          const n = u.getErrors();
           Array.isArray(n) ? o.push(...n) : console.warn("getErrors() returned non-array value:", n);
         } catch (n) {
-          console.error("Error calling getErrors on component:", n, s);
+          console.error("Error calling getErrors on component:", n, u);
         }
       else
-        console.warn("Component does not have getErrors function:", s);
+        console.warn("Component does not have getErrors function:", u);
     return o.every(Ce);
   }
   function l() {
@@ -143,13 +140,13 @@ function ze() {
   }
   function e() {
     const o = [];
-    for (const s of t.value)
-      if (typeof (s == null ? void 0 : s.getErrors) == "function")
+    for (const u of t.value)
+      if (typeof (u == null ? void 0 : u.getErrors) == "function")
         try {
-          const n = s.getErrors();
+          const n = u.getErrors();
           Array.isArray(n) ? o.push(...n) : o.push(String(n));
         } catch (n) {
-          console.error("Error calling getErrors on component:", n, s);
+          console.error("Error calling getErrors on component:", n, u);
         }
     return o;
   }
@@ -159,20 +156,20 @@ function ze() {
   }
   return {
     dynamicRefs: t,
-    isFormValid: u,
+    isFormValid: s,
     resetForm: l,
     getFormErrors: e,
     updateFormValues: a
   };
 }
-function ut(t) {
-  const u = O(
-    () => Object.entries(t.value).reduce((p, [v, f]) => (K(f) && f.value !== void 0 && (typeof f.onChange == "function" ? p[v] = f.onChange(f.value, t.value) : p[v] = f.value), p), {})
+function ot(t) {
+  const s = O(
+    () => Object.entries(t.value).reduce((p, [v, f]) => (Z(f) && f.value !== void 0 && (typeof f.onChange == "function" ? p[v] = f.onChange(f.value, t.value) : p[v] = f.value), p), {})
   ), l = I({}), e = (p, v, f) => {
     const r = t.value[p];
-    if (K(r) && r.children) {
+    if (Z(r) && r.children) {
       const h = r.children[v];
-      if (h && K(h) && typeof h.computedValue == "function")
+      if (h && Z(h) && typeof h.computedValue == "function")
         return h.computedValue(f, t.value);
     }
     return f;
@@ -186,23 +183,23 @@ function ut(t) {
       const S = f[h] ?? { other: {} };
       a(p, r, S, h);
     });
-  }, s = (p, { other: v }) => Object.entries(v ?? {}).reduce(
+  }, u = (p, { other: v }) => Object.entries(v ?? {}).reduce(
     (f, [r, h]) => (f[r] = e(p, r, h), f),
     {}
   ), n = (p, v, f) => {
     l.value[p] || (l.value[p] = []);
     const r = v;
-    Array.isArray(f[p]) ? o(p, r, f[p]) : l.value[p] = r.map((h) => s(p, h));
+    Array.isArray(f[p]) ? o(p, r, f[p]) : l.value[p] = r.map((h) => u(p, h));
   }, g = (p, v, f) => {
     if (!v) {
       delete l.value[p];
       return;
     }
     const r = t.value[p];
-    K(r) && (r.children !== void 0 ? n(p, v, f) : typeof r.computedValue == "function" && (l.value[p] = r.computedValue(v, t.value)));
+    Z(r) && (r.children !== void 0 ? n(p, v, f) : typeof r.computedValue == "function" && (l.value[p] = r.computedValue(v, t.value)));
   };
   return N(
-    u,
+    s,
     (p, v = {}) => {
       Object.keys(p).forEach((f) => {
         de(p[f], v[f]) || g(f, p[f], v);
@@ -215,31 +212,31 @@ function ut(t) {
       deep: !0
     }
   ), {
-    formData: u,
+    formData: s,
     computedData: l
   };
 }
 function st(t) {
-  const u = I(0), l = I({}), e = I({}), a = I({});
+  const s = I(0), l = I({}), e = I({}), a = I({});
   function o(C) {
     const m = {};
     return C.component || !C.schema || Object.entries(C.schema).forEach(([y, k]) => {
-      K(k) && (m[y] = k.value);
+      Z(k) && (m[y] = k.value);
     }), m;
   }
   t.steps.forEach((C) => {
     l.value[C.id] = o(C), e.value[C.id] = {}, a.value[C.id] = [];
   });
-  const s = I(t.steps.map((C) => C.id)), n = O(() => t.steps.filter((m) => m.condition ? m.condition(l.value, e.value) : !0));
+  const u = I(t.steps.map((C) => C.id)), n = O(() => t.steps.filter((m) => m.condition ? m.condition(l.value, e.value) : !0));
   N(n, (C) => {
     const m = C.map((k) => k.id);
-    s.value.filter(
+    u.value.filter(
       (k) => !m.includes(k)
     ).forEach((k) => {
       R(k);
-    }), s.value = m;
+    }), u.value = m;
   });
-  const g = O(() => n.value.length > 0 ? u.value >= n.value.length ? n.value[n.value.length - 1] : n.value[u.value] : t.steps[u.value]), p = O(() => u.value === 0), v = O(() => u.value === n.value.length - 1), f = O(() => !v.value), r = O(() => !p.value), h = O(() => n.value.length), S = O(() => h.value === 0 ? 0 : Math.round((u.value + 1) / h.value * 100));
+  const g = O(() => n.value.length > 0 ? s.value >= n.value.length ? n.value[n.value.length - 1] : n.value[s.value] : t.steps[s.value]), p = O(() => s.value === 0), v = O(() => s.value === n.value.length - 1), f = O(() => !v.value), r = O(() => !p.value), h = O(() => n.value.length), S = O(() => h.value === 0 ? 0 : Math.round((s.value + 1) / h.value * 100));
   function b(C, m) {
     l.value[C] = { ...l.value[C], ...m };
   }
@@ -250,7 +247,7 @@ function st(t) {
     const m = t.steps.find((y) => y.id === C);
     m && (l.value[C] = o(m), e.value[C] = {});
   }
-  async function F() {
+  async function $() {
     const C = g.value;
     if (!C) return !0;
     const m = [];
@@ -263,17 +260,17 @@ function st(t) {
     }
     return a.value[C.id] = m, m.length === 0;
   }
-  async function Z(C) {
-    return C < 0 || C >= n.value.length || C > u.value && !await F() ? !1 : (u.value = C, !0);
+  async function W(C) {
+    return C < 0 || C >= n.value.length || C > s.value && !await $() ? !1 : (s.value = C, !0);
   }
   async function te() {
-    return f.value ? Z(u.value + 1) : !1;
+    return f.value ? W(s.value + 1) : !1;
   }
   async function Y() {
-    return r.value ? Z(u.value - 1) : !1;
+    return r.value ? W(s.value - 1) : !1;
   }
   function ee() {
-    u.value = 0, a.value = {}, t.steps.forEach((C) => {
+    s.value = 0, a.value = {}, t.steps.forEach((C) => {
       R(C.id), a.value[C.id] = [];
     });
   }
@@ -297,7 +294,7 @@ function st(t) {
   }
   return {
     // State
-    currentStepIndex: u,
+    currentStepIndex: s,
     currentStep: g,
     stepData: l,
     stepComputedData: e,
@@ -314,8 +311,8 @@ function st(t) {
     updateStepData: b,
     updateStepComputedData: w,
     clearStepData: R,
-    validateCurrentStep: F,
-    goToStep: Z,
+    validateCurrentStep: $,
+    goToStep: W,
     nextStep: te,
     previousStep: Y,
     resetForm: ee,
@@ -323,13 +320,13 @@ function st(t) {
     getMultiStepFormData: M
   };
 }
-const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { class: "step-indicator__step-content" }, dt = { class: "step-indicator__step-marker" }, vt = { class: "step-indicator__step-info" }, pt = { class: "step-indicator__step-title" }, ft = {
+const ut = { class: "step-indicator__container" }, rt = ["onClick"], it = { class: "step-indicator__step-content" }, ct = { class: "step-indicator__step-marker" }, dt = { class: "step-indicator__step-info" }, vt = { class: "step-indicator__step-title" }, pt = {
   key: 0,
   class: "step-indicator__step-subtitle"
-}, mt = {
+}, ft = {
   key: 0,
   class: "step-indicator__progress"
-}, ht = { class: "step-indicator__progress-bar" }, gt = { class: "step-indicator__progress-text" }, yt = /* @__PURE__ */ q({
+}, mt = { class: "step-indicator__progress-bar" }, ht = { class: "step-indicator__progress-text" }, gt = /* @__PURE__ */ q({
   __name: "StepIndicator",
   props: {
     steps: {},
@@ -339,62 +336,62 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
     allowNavigation: { type: Boolean, default: !1 }
   },
   emits: ["step-click"],
-  setup(t, { emit: u }) {
-    const l = t, e = u, a = O(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
-    function o(s) {
-      l.allowNavigation && e("step-click", s);
+  setup(t, { emit: s }) {
+    const l = t, e = s, a = O(() => l.steps.length === 0 ? 0 : (l.activeStepIndex + 1) / l.steps.length * 100);
+    function o(u) {
+      l.allowNavigation && e("step-click", u);
     }
-    return (s, n) => (d(), $("div", {
-      class: W(["step-indicator", [`step-indicator--${s.position}`, { "step-indicator--clickable": s.allowNavigation }]])
+    return (u, n) => (d(), F("div", {
+      class: K(["step-indicator", [`step-indicator--${u.position}`, { "step-indicator--clickable": u.allowNavigation }]])
     }, [
-      B("div", rt, [
-        (d(!0), $(L, null, X(s.steps, (g, p) => (d(), $("div", {
+      B("div", ut, [
+        (d(!0), F(L, null, X(u.steps, (g, p) => (d(), F("div", {
           key: g.id,
-          class: W(["step-indicator__step", {
-            "step-indicator__step--active": p === s.activeStepIndex,
-            "step-indicator__step--completed": p < s.activeStepIndex,
-            "step-indicator__step--clickable": s.allowNavigation
+          class: K(["step-indicator__step", {
+            "step-indicator__step--active": p === u.activeStepIndex,
+            "step-indicator__step--completed": p < u.activeStepIndex,
+            "step-indicator__step--clickable": u.allowNavigation
           }]),
           onClick: (v) => o(p)
         }, [
-          B("div", ct, [
-            B("div", dt, [
+          B("div", it, [
+            B("div", ct, [
               B("span", null, A(p + 1), 1)
             ]),
-            B("div", vt, [
-              B("div", pt, A(g.title), 1),
-              g.subtitle ? (d(), $("div", ft, A(g.subtitle), 1)) : x("", !0)
+            B("div", dt, [
+              B("div", vt, A(g.title), 1),
+              g.subtitle ? (d(), F("div", pt, A(g.subtitle), 1)) : x("", !0)
             ])
           ]),
-          p < s.steps.length - 1 ? (d(), $("div", {
+          p < u.steps.length - 1 ? (d(), F("div", {
             key: 0,
-            class: W(["step-indicator__connector", { "step-indicator__connector--completed": p < s.activeStepIndex }])
+            class: K(["step-indicator__connector", { "step-indicator__connector--completed": p < u.activeStepIndex }])
           }, null, 2)) : x("", !0)
-        ], 10, it))), 128))
+        ], 10, rt))), 128))
       ]),
-      s.showProgress && (s.position === "top" || s.position === "bottom") ? (d(), $("div", mt, [
-        B("div", ht, [
+      u.showProgress && (u.position === "top" || u.position === "bottom") ? (d(), F("div", ft, [
+        B("div", mt, [
           B("div", {
             class: "step-indicator__progress-fill",
             style: be({ width: `${a.value}%` })
           }, null, 4)
         ]),
-        B("div", gt, " Step " + A(s.activeStepIndex + 1) + " of " + A(s.steps.length), 1)
+        B("div", ht, " Step " + A(u.activeStepIndex + 1) + " of " + A(u.steps.length), 1)
       ])) : x("", !0)
     ], 2));
   }
-}), ve = (t, u) => {
+}), ve = (t, s) => {
   const l = t.__vccOpts || t;
-  for (const [e, a] of u)
+  for (const [e, a] of s)
     l[e] = a;
   return l;
-}, me = /* @__PURE__ */ ve(yt, [["__scopeId", "data-v-aca1a6d0"]]), _t = { class: "v-form-container" }, bt = {
+}, me = /* @__PURE__ */ ve(gt, [["__scopeId", "data-v-aca1a6d0"]]), yt = { class: "v-form-container" }, _t = {
   key: 0,
   class: "multi-step-form"
-}, Vt = { class: "multi-step-form-content" }, Ct = { class: "step-nav-buttons" }, kt = { class: "step-action-buttons" }, St = { class: "step-nav-buttons" }, wt = {
+}, bt = { class: "multi-step-form-content" }, Vt = { class: "step-nav-buttons" }, Ct = { class: "step-action-buttons" }, kt = { class: "step-nav-buttons" }, St = {
   key: 3,
   class: "step-progress-bottom"
-}, Et = { class: "step-progress-bar" }, Ot = { class: "step-progress-text" }, xt = /* @__PURE__ */ q({
+}, wt = { class: "step-progress-bar" }, Et = { class: "step-progress-text" }, Ot = /* @__PURE__ */ q({
   __name: "vForm",
   props: {
     schema: {},
@@ -410,12 +407,12 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
     customButtons: {}
   },
   emits: ["submit", "multi-step-submit", "step-change", "clear", "cancel"],
-  setup(t, { expose: u, emit: l }) {
-    const e = t, a = l, o = O(() => !!e.multiStepConfig), s = I(e.schema || {}), n = e.multiStepConfig ? st(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: p, resetForm: v } = ze(), { formData: f, computedData: r } = ut(s), h = I(null), S = O(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), b = O(() => n == null ? void 0 : n.currentStep.value), w = O(() => (n == null ? void 0 : n.visibleSteps.value) ?? []), R = O(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), F = O(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), Z = O(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), te = O(() => !o.value || !n ? 0 : n.progressPercentage.value);
+  setup(t, { expose: s, emit: l }) {
+    const e = t, a = l, o = O(() => !!e.multiStepConfig), u = I(e.schema || {}), n = e.multiStepConfig ? st(e.multiStepConfig) : null, { dynamicRefs: g, isFormValid: p, resetForm: v } = ze(), { formData: f, computedData: r } = ot(u), h = I(null), S = O(() => (n == null ? void 0 : n.currentStepIndex.value) ?? 0), b = O(() => n == null ? void 0 : n.currentStep.value), w = O(() => (n == null ? void 0 : n.visibleSteps.value) ?? []), R = O(() => (n == null ? void 0 : n.isLastStep.value) ?? !0), $ = O(() => (n == null ? void 0 : n.canGoNext.value) ?? !1), W = O(() => (n == null ? void 0 : n.canGoPrevious.value) ?? !1), te = O(() => !o.value || !n ? 0 : n.progressPercentage.value);
     N(
       () => b.value,
       (c) => {
-        c && o.value && (s.value = c.schema || {});
+        c && o.value && (u.value = c.schema || {});
       },
       { immediate: !0 }
     ), N(
@@ -428,9 +425,9 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
       () => e.schema,
       (c) => {
         if (!o.value && c) {
-          s.value = c;
-          for (const [z, U] of Object.entries(c))
-            K(U) && "value" in U && U.value !== void 0 && (s.value[z].value = U.value);
+          u.value = c;
+          for (const [z, D] of Object.entries(c))
+            Z(D) && "value" in D && D.value !== void 0 && (u.value[z].value = D.value);
         }
       },
       { deep: !0, immediate: !0 }
@@ -439,8 +436,8 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
       var c;
       if (o.value && n) {
         if ((c = b.value) != null && c.component && h.value && typeof h.value.validate == "function" && !await h.value.validate() || !await n.validateAllSteps()) return;
-        const U = n.getMultiStepFormData();
-        a("multi-step-submit", U);
+        const D = n.getMultiStepFormData();
+        a("multi-step-submit", D);
       } else {
         if (!await p()) return;
         a("submit", f.value, r.value);
@@ -482,10 +479,10 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
       f,
       async () => {
         var c;
-        for (const [z, U] of Object.entries(s.value))
-          if (K(U) && !ke(U, f.value, r.value)) {
+        for (const [z, D] of Object.entries(u.value))
+          if (!ke(D, f.value, r.value)) {
             const G = o.value && b.value && b.value.schema ? b.value.schema[z] : (c = e.schema) == null ? void 0 : c[z];
-            G && K(G) && "value" in G && (U.value = G.value);
+            G && Z(G) && "value" in G && (D.value = G.value);
           }
       },
       {
@@ -496,10 +493,10 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
     function k(c) {
       o.value && n && b.value && n.updateStepData(b.value.id, c);
     }
-    function T(c, z, U) {
-      return ot(c) ? !0 : ke(c, z, U);
+    function T(c, z, D) {
+      return ke(c, z, D);
     }
-    return u({
+    return s({
       resetForm: ee,
       isFormValid: p,
       resolveData: () => o.value && n ? n.getMultiStepFormData() : {
@@ -513,9 +510,9 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
       getCurrentStep: () => b.value,
       getCurrentStepIndex: () => S.value
     }), (c, z) => {
-      var U, G;
-      return d(), $("div", _t, [
-        o.value ? (d(), $("div", bt, [
+      var D, G;
+      return d(), F("div", yt, [
+        o.value ? (d(), F("div", _t, [
           c.multiStepConfig && c.multiStepConfig.stepPosition === "top" ? (d(), _(me, {
             key: 0,
             steps: w.value,
@@ -526,7 +523,7 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
             onStepClick: y
           }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
           B("div", {
-            class: W(["multi-step-content", `multi-step-content--${((U = c.multiStepConfig) == null ? void 0 : U.stepPosition) || "top"}`])
+            class: K(["multi-step-content", `multi-step-content--${((D = c.multiStepConfig) == null ? void 0 : D.stepPosition) || "top"}`])
           }, [
             c.multiStepConfig && c.multiStepConfig.stepPosition === "left" ? (d(), _(me, {
               key: 0,
@@ -538,7 +535,7 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
               onStepClick: y,
               class: "multi-step-sidebar"
             }, null, 8, ["steps", "active-step-index", "position", "show-progress", "allow-navigation"])) : x("", !0),
-            B("div", Vt, [
+            B("div", bt, [
               (G = b.value) != null && G.component ? (d(), _(he(b.value.component), Re({ key: 0 }, b.value.componentProps || {}, {
                 "onUpdate:data": k,
                 ref_key: "customComponentRef",
@@ -547,23 +544,23 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                 default: V(() => [
                   P(i(oe), null, {
                     default: V(() => [
-                      (d(!0), $(L, null, X(Object.keys(s.value), (E) => {
-                        var ue, se, re, ie, ce;
-                        return d(), $(L, { key: E }, [
-                          T(s.value[E], i(f), i(r)) ? (d(), _(i(ae), {
+                      (d(!0), F(L, null, X(Object.keys(u.value), (E) => {
+                        var se, ue, re, ie, ce;
+                        return d(), F(L, { key: E }, [
+                          T(u.value[E], i(f), i(r)) ? (d(), _(i(ae), {
                             key: 0,
-                            size: ((ue = s.value[E].grid) == null ? void 0 : ue.xs) ?? "12",
-                            "size-sm": (se = s.value[E].grid) == null ? void 0 : se.sm,
-                            "size-md": (re = s.value[E].grid) == null ? void 0 : re.md,
-                            "size-lg": (ie = s.value[E].grid) == null ? void 0 : ie.lg,
-                            "size-xl": (ce = s.value[E].grid) == null ? void 0 : ce.xl,
+                            size: ((se = u.value[E].grid) == null ? void 0 : se.xs) ?? "12",
+                            "size-sm": (ue = u.value[E].grid) == null ? void 0 : ue.sm,
+                            "size-md": (re = u.value[E].grid) == null ? void 0 : re.md,
+                            "size-lg": (ie = u.value[E].grid) == null ? void 0 : ie.lg,
+                            "size-xl": (ce = u.value[E].grid) == null ? void 0 : ce.xl,
                             class: "ion-margin-vertical"
                           }, {
                             default: V(() => [
-                              (d(), _(he(s.value[E].type), {
-                                modelValue: s.value[E],
-                                "onUpdate:modelValue": (_e) => s.value[E] = _e,
-                                schema: s.value,
+                              (d(), _(he(u.value[E].type), {
+                                modelValue: u.value[E],
+                                "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                                schema: u.value,
                                 "form-id": E,
                                 ref_for: !0,
                                 ref_key: "dynamicRefs",
@@ -591,27 +588,27 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                     class: "button-container"
                   }, {
                     default: V(() => [
-                      B("div", Ct, [
-                        Z.value ? (d(), _(i(H), {
+                      B("div", Vt, [
+                        W.value ? (d(), _(i(H), {
                           key: 0,
                           onClick: m,
                           fill: "outline"
                         }, {
                           default: V(() => z[0] || (z[0] = [
-                            D(" Previous ")
+                            U(" Previous ")
                           ])),
                           _: 1,
                           __: [0]
                         })) : x("", !0)
                       ]),
-                      B("div", kt, [
+                      B("div", Ct, [
                         c.showCancelButton ? (d(), _(i(H), {
                           key: 0,
                           onClick: M,
                           fill: "outline"
                         }, {
                           default: V(() => [
-                            D(A(c.cancelButtonText ?? "Cancel"), 1)
+                            U(A(c.cancelButtonText ?? "Cancel"), 1)
                           ]),
                           _: 1
                         })) : x("", !0),
@@ -621,28 +618,28 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                           fill: "outline"
                         }, {
                           default: V(() => [
-                            D(A(c.clearButtonText ?? "Reset"), 1)
+                            U(A(c.clearButtonText ?? "Reset"), 1)
                           ]),
                           _: 1
                         })) : x("", !0),
-                        (d(!0), $(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
+                        (d(!0), F(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
                           key: E.label,
                           onClick: E.action,
                           color: E.color ?? "primary"
                         }, {
                           default: V(() => [
-                            D(A(E.label), 1)
+                            U(A(E.label), 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick", "color"]))), 128))
                       ]),
-                      B("div", St, [
-                        F.value ? (d(), _(i(H), {
+                      B("div", kt, [
+                        $.value ? (d(), _(i(H), {
                           key: 0,
                           onClick: C
                         }, {
                           default: V(() => z[1] || (z[1] = [
-                            D(" Next ")
+                            U(" Next ")
                           ])),
                           _: 1,
                           __: [1]
@@ -652,7 +649,7 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                           onClick: Y
                         }, {
                           default: V(() => [
-                            D(A(c.submitButtonText ?? "Submit"), 1)
+                            U(A(c.submitButtonText ?? "Submit"), 1)
                           ]),
                           _: 1
                         })) : x("", !0)
@@ -663,14 +660,14 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                 ]),
                 _: 1
               })),
-              c.multiStepConfig && (c.multiStepConfig.stepPosition === "left" || c.multiStepConfig.stepPosition === "right") && c.multiStepConfig.showProgress ? (d(), $("div", wt, [
-                B("div", Et, [
+              c.multiStepConfig && (c.multiStepConfig.stepPosition === "left" || c.multiStepConfig.stepPosition === "right") && c.multiStepConfig.showProgress ? (d(), F("div", St, [
+                B("div", wt, [
                   B("div", {
                     class: "step-progress-fill",
                     style: be({ width: `${te.value}%` })
                   }, null, 4)
                 ]),
-                B("div", Ot, " Step " + A(S.value + 1) + " of " + A(w.value.length), 1)
+                B("div", Et, " Step " + A(S.value + 1) + " of " + A(w.value.length), 1)
               ])) : x("", !0)
             ]),
             c.multiStepConfig && c.multiStepConfig.stepPosition === "right" ? (d(), _(me, {
@@ -697,23 +694,23 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
           default: V(() => [
             P(i(oe), null, {
               default: V(() => [
-                (d(!0), $(L, null, X(Object.keys(s.value), (E) => {
-                  var ue, se, re, ie, ce;
-                  return d(), $(L, { key: E }, [
-                    T(s.value[E], i(f), i(r)) ? (d(), _(i(ae), {
+                (d(!0), F(L, null, X(Object.keys(u.value), (E) => {
+                  var se, ue, re, ie, ce;
+                  return d(), F(L, { key: E }, [
+                    T(u.value[E], i(f), i(r)) ? (d(), _(i(ae), {
                       key: 0,
-                      size: ((ue = s.value[E].grid) == null ? void 0 : ue.xs) ?? "12",
-                      "size-sm": (se = s.value[E].grid) == null ? void 0 : se.sm,
-                      "size-md": (re = s.value[E].grid) == null ? void 0 : re.md,
-                      "size-lg": (ie = s.value[E].grid) == null ? void 0 : ie.lg,
-                      "size-xl": (ce = s.value[E].grid) == null ? void 0 : ce.xl,
+                      size: ((se = u.value[E].grid) == null ? void 0 : se.xs) ?? "12",
+                      "size-sm": (ue = u.value[E].grid) == null ? void 0 : ue.sm,
+                      "size-md": (re = u.value[E].grid) == null ? void 0 : re.md,
+                      "size-lg": (ie = u.value[E].grid) == null ? void 0 : ie.lg,
+                      "size-xl": (ce = u.value[E].grid) == null ? void 0 : ce.xl,
                       class: "ion-margin-vertical"
                     }, {
                       default: V(() => [
-                        (d(), _(he(s.value[E].type), {
-                          modelValue: s.value[E],
-                          "onUpdate:modelValue": (_e) => s.value[E] = _e,
-                          schema: s.value,
+                        (d(), _(he(u.value[E].type), {
+                          modelValue: u.value[E],
+                          "onUpdate:modelValue": (_e) => u.value[E] = _e,
+                          schema: u.value,
                           "form-id": E,
                           ref_for: !0,
                           ref_key: "dynamicRefs",
@@ -741,7 +738,7 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                       onClick: M
                     }, {
                       default: V(() => [
-                        D(A(c.cancelButtonText ?? "Cancel"), 1)
+                        U(A(c.cancelButtonText ?? "Cancel"), 1)
                       ]),
                       _: 1
                     })) : x("", !0),
@@ -750,23 +747,23 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
                       onClick: ee
                     }, {
                       default: V(() => [
-                        D(A(c.clearButtonText ?? "Reset"), 1)
+                        U(A(c.clearButtonText ?? "Reset"), 1)
                       ]),
                       _: 1
                     })) : x("", !0),
-                    (d(!0), $(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
+                    (d(!0), F(L, null, X(c.customButtons, (E) => (d(), _(i(H), {
                       key: E.label,
                       onClick: E.action,
                       color: E.color ?? "primary"
                     }, {
                       default: V(() => [
-                        D(A(E.label), 1)
+                        U(A(E.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "color"]))), 128)),
                     P(i(H), { onClick: Y }, {
                       default: V(() => [
-                        D(A(c.submitButtonText ?? "Submit"), 1)
+                        U(A(c.submitButtonText ?? "Submit"), 1)
                       ]),
                       _: 1
                     })
@@ -782,12 +779,12 @@ const rt = { class: "step-indicator__container" }, it = ["onClick"], ct = { clas
       ]);
     };
   }
-}), It = /* @__PURE__ */ ve(xt, [["__scopeId", "data-v-a0ab63bd"]]);
-function zt(t) {
+}), xt = /* @__PURE__ */ ve(Ot, [["__scopeId", "data-v-897e5a98"]]);
+function It(t) {
   return {
     applyValidationState: async (e) => {
-      var a, o, s, n, g;
-      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (o = t.value) == null || o.$el.classList.remove("ion-valid"), e ? (s = t.value) == null || s.$el.classList.add("ion-valid") : (n = t.value) == null || n.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
+      var a, o, u, n, g;
+      (a = t.value) == null || a.$el.classList.remove("ion-invalid"), (o = t.value) == null || o.$el.classList.remove("ion-valid"), e ? (u = t.value) == null || u.$el.classList.add("ion-valid") : (n = t.value) == null || n.$el.classList.add("ion-invalid"), (g = t.value) == null || g.$el.classList.add("ion-touched");
     },
     resetValidationState: () => {
       var e, a;
@@ -795,37 +792,37 @@ function zt(t) {
     }
   };
 }
-function pe(t, u, l, e, a) {
-  const { applyValidationState: o, resetValidationState: s } = zt(t);
+function pe(t, s, l, e, a) {
+  const { applyValidationState: o, resetValidationState: u } = It(t);
   async function n() {
-    if (u.value.required && !l.value)
-      return u.value.error = "This field is required", !1;
+    if (s.value.required && !l.value)
+      return s.value.error = "This field is required", !1;
     if (a) {
       const r = await a(l.value);
       if (typeof r == "string")
-        return u.value.error = r, !1;
+        return s.value.error = r, !1;
       if (r === !1)
         return !1;
     }
-    if (u.value.validation) {
-      const r = await u.value.validation(l.value, e == null ? void 0 : e.value);
+    if (s.value.validation) {
+      const r = await s.value.validation(l.value, e == null ? void 0 : e.value);
       if (r && r.length)
-        return u.value.error = r.join(), !1;
+        return s.value.error = r.join(), !1;
     }
     return !0;
   }
   async function g() {
     const r = await n();
-    r && (u.value.error = "", u.value.value = l.value), await o(r);
+    r && (s.value.error = "", s.value.value = l.value), await o(r);
   }
   function p() {
-    s(), u.value.error = "";
+    u(), s.value.error = "";
   }
   function v(r = "") {
-    l.value = r, u.value.error = "", u.value.value = r;
+    l.value = r, s.value.error = "", s.value.value = r;
   }
   function f() {
-    return u.value.error ? [u.value.error] : [];
+    return s.value.error ? [s.value.error] : [];
   }
   return {
     isValid: n,
@@ -834,13 +831,13 @@ function pe(t, u, l, e, a) {
     onReset: v,
     getErrors: f,
     applyValidationState: o,
-    resetValidationState: s
+    resetValidationState: u
   };
 }
-function Rt(t) {
-  const u = O(() => !!t.value.label), l = O(() => !!t.value.required), e = O(() => t.value.label || "");
+function zt(t) {
+  const s = O(() => !!t.value.label), l = O(() => !!t.value.required), e = O(() => t.value.label || "");
   return {
-    showLabel: u,
+    showLabel: s,
     showRequired: l,
     labelText: e
   };
@@ -852,20 +849,20 @@ const ye = /* @__PURE__ */ q({
     slotName: {}
   },
   setup(t) {
-    const u = t, { showLabel: l, showRequired: e, labelText: a } = Rt(Ae(u, "model"));
-    return (o, s) => i(l) ? (d(), _(i(ne), {
+    const s = t, { showLabel: l, showRequired: e, labelText: a } = zt(Ae(s, "model"));
+    return (o, u) => i(l) ? (d(), _(i(ne), {
       key: 0,
       slot: o.slotName,
       class: "input-label"
     }, {
       default: V(() => [
-        D(A(i(a)) + " ", 1),
+        U(A(i(a)) + " ", 1),
         i(e) ? (d(), _(i(Pe), {
           key: 0,
           color: "danger"
         }, {
-          default: V(() => s[0] || (s[0] = [
-            D("*")
+          default: V(() => u[0] || (u[0] = [
+            U("*")
           ])),
           _: 1,
           __: [0]
@@ -884,32 +881,32 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), s = O(() => l.schema), { isValid: n, onValueUpdate: g, onFocus: p, onReset: v, getErrors: f } = pe(
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), { isValid: n, onValueUpdate: g, onFocus: p, onReset: v, getErrors: f } = pe(
       a,
       e,
       o,
-      s
+      u
     ), r = O(() => {
       if (e.value.pattern) return et(e.value.pattern);
     });
     return N(
       () => e.value.value,
       (h) => o.value = h
-    ), u({
+    ), s({
       onValueUpdate: g,
       onReset: v,
       getErrors: f,
       isValid: n
     }), (h, S) => {
       var w;
-      const b = Fe("maskito");
-      return $e((d(), _(i(xe), {
+      const b = $e("maskito");
+      return Fe((d(), _(i(xe), {
         ref_key: "inputRef",
         ref: a,
         modelValue: o.value,
         "onUpdate:modelValue": S[0] || (S[0] = (R) => o.value = R),
-        class: W(e.value.className),
+        class: K(e.value.className),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
@@ -940,7 +937,7 @@ const ye = /* @__PURE__ */ q({
             slot: "start"
           }, {
             default: V(() => [
-              D(A(e.value.prefix), 1)
+              U(A(e.value.prefix), 1)
             ]),
             _: 1
           })) : x("", !0),
@@ -949,7 +946,7 @@ const ye = /* @__PURE__ */ q({
             slot: "end"
           }, {
             default: V(() => [
-              D(A(e.value.suffix), 1)
+              U(A(e.value.suffix), 1)
             ]),
             _: 1
           })) : x("", !0),
@@ -964,7 +961,7 @@ const ye = /* @__PURE__ */ q({
       ]);
     };
   }
-}), At = /* @__PURE__ */ q({
+}), Rt = /* @__PURE__ */ q({
   __name: "TextInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -973,9 +970,9 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
+  setup(t, { expose: s }) {
     const l = Q(t, "modelValue"), e = I(null);
-    return u({
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -990,14 +987,14 @@ const ye = /* @__PURE__ */ q({
       }
     }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "text",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ft = /* @__PURE__ */ q({
+}), At = /* @__PURE__ */ q({
   __name: "DateInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1006,9 +1003,9 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
+  setup(t, { expose: s }) {
     const l = Q(t, "modelValue"), e = I(null);
-    return u({
+    return s({
       onValueUpdate: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onValueUpdate();
@@ -1023,7 +1020,7 @@ const ye = /* @__PURE__ */ q({
       }
     }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: l.value.enableTime ? "datetime-local" : "date",
       schema: a.schema,
       ref_key: "inputRef",
@@ -1039,9 +1036,9 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
+  setup(t, { expose: s }) {
     const l = Q(t, "modelValue"), e = I(null);
-    return u({
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1056,14 +1053,14 @@ const ye = /* @__PURE__ */ q({
       }
     }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "number",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Pt = /* @__PURE__ */ q({
+}), Ft = /* @__PURE__ */ q({
   __name: "EmailInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1072,9 +1069,9 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
+  setup(t, { expose: s }) {
     const l = Q(t, "modelValue"), e = I(null);
-    return u({
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1089,14 +1086,14 @@ const ye = /* @__PURE__ */ q({
       }
     }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "email",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Bt = /* @__PURE__ */ q({
+}), Pt = /* @__PURE__ */ q({
   __name: "PasswordInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1105,9 +1102,9 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
+  setup(t, { expose: s }) {
     const l = Q(t, "modelValue"), e = I(null);
-    return u({
+    return s({
       onReset: () => {
         var a;
         return (a = e.value) == null ? void 0 : a.onReset();
@@ -1122,14 +1119,14 @@ const ye = /* @__PURE__ */ q({
       }
     }), (a, o) => (d(), _(fe, {
       modelValue: l.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+      "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
       type: "password",
       schema: a.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ut = /* @__PURE__ */ q({
+}), Bt = /* @__PURE__ */ q({
   __name: "SelectInput",
   props: /* @__PURE__ */ J({
     schema: Object,
@@ -1140,15 +1137,15 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(null), s = I(!1), n = I([]), g = I(""), p = I(1), v = O(() => e.value.interface ?? "popover"), f = O(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), r = O(() => n.value.filter((m) => !!m.isChecked)), h = O(() => !g.value && Ce(r.value) && !s.value ? e.value.placeholder ?? "Select an option" : "");
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(null), u = I(!1), n = I([]), g = I(""), p = I(1), v = O(() => e.value.interface ?? "popover"), f = O(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), r = O(() => n.value.filter((m) => !!m.isChecked)), h = O(() => !g.value && Ce(r.value) && !u.value ? e.value.placeholder ?? "Select an option" : "");
     N([g, () => e.value.options], M, {
       immediate: !0,
       deep: !0
     }), N(() => e.value.value, C, { immediate: !0, deep: !0 }), N(
       () => !e.value.dependsOn || !l.schema ? null : (Array.isArray(e.value.dependsOn) ? e.value.dependsOn : [e.value.dependsOn]).map((y) => {
         const k = l.schema[y];
-        return K(k) ? k.value : void 0;
+        return Z(k) ? k.value : void 0;
       }),
       async (m, y) => {
         m && y && !de(m, y) && (S(), n.value = [], await M());
@@ -1176,17 +1173,17 @@ const ye = /* @__PURE__ */ q({
           R();
           break;
         case "alert":
-          F();
+          $();
           break;
         case "popover":
         default:
-          s.value = !0;
+          u.value = !0;
           break;
       }
     }
     async function R() {
       if (await M(), e.value.multiple) {
-        s.value = !0;
+        u.value = !0;
         return;
       }
       await (await Te.create({
@@ -1204,7 +1201,7 @@ const ye = /* @__PURE__ */ q({
         ]
       })).present();
     }
-    async function F() {
+    async function $() {
       await M();
       const m = n.value.map((k) => ({
         label: k.label,
@@ -1239,7 +1236,7 @@ const ye = /* @__PURE__ */ q({
         ]
       })).present();
     }
-    async function Z() {
+    async function W() {
       if (e.value.required && Ce(r.value))
         return "This field is required";
       if (e.value.validation) {
@@ -1254,17 +1251,17 @@ const ye = /* @__PURE__ */ q({
       e,
       O(() => e.value.multiple ? r.value : r.value[0]),
       O(() => l == null ? void 0 : l.schema),
-      Z
+      W
     );
     function ee(m) {
       var y;
-      m.target === ((y = a.value) == null ? void 0 : y.$el) && (te(), v.value === "popover" && (s.value = !0));
+      m.target === ((y = a.value) == null ? void 0 : y.$el) && (te(), v.value === "popover" && (u.value = !0));
     }
     async function j(m) {
       var k;
       if ((k = m == null ? void 0 : m.relatedTarget) != null && k.closest(".suggestions-list")) return;
-      s.value = !1;
-      const y = await Z();
+      u.value = !1;
+      const y = await W();
       y === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? r.value : r.value[0]) : e.value.error = typeof y == "string" ? y : "Validation failed", await Y(y === !0);
     }
     async function M() {
@@ -1276,8 +1273,8 @@ const ye = /* @__PURE__ */ q({
           let T = !0;
           if (y = k.reduce(
             (c, z) => {
-              const U = l.schema[z];
-              return c[z] = K(U) ? U.value : void 0, (c[z] === void 0 || c[z] === null || c[z] === "") && (T = !1), c;
+              const D = l.schema[z];
+              return c[z] = Z(D) ? D.value : void 0, (c[z] === void 0 || c[z] === null || c[z] === "") && (T = !1), c;
             },
             {}
           ), T) {
@@ -1310,12 +1307,12 @@ const ye = /* @__PURE__ */ q({
     }
     return we(async () => {
       await M(), await C();
-    }), u({
+    }), s({
       onValueUpdate: j,
       onReset: S,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (m, y) => (d(), $("div", {
-      class: W(["autocomplete-container", e.value.className]),
+    }), (m, y) => (d(), F("div", {
+      class: K(["autocomplete-container", e.value.className]),
       onFocusout: j,
       ref_key: "containerRef",
       ref: o
@@ -1350,11 +1347,11 @@ const ye = /* @__PURE__ */ q({
             slot: "start"
           }, {
             default: V(() => [
-              (d(!0), $(L, null, X(r.value, (k, T) => (d(), _(i(Ue), { key: T }, {
+              (d(!0), F(L, null, X(r.value, (k, T) => (d(), _(i(Ue), { key: T }, {
                 default: V(() => [
                   P(i(ne), null, {
                     default: V(() => [
-                      D(A(k.label), 1)
+                      U(A(k.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1371,7 +1368,7 @@ const ye = /* @__PURE__ */ q({
             default: V(() => {
               var k;
               return [
-                D(A(((k = r.value[0]) == null ? void 0 : k.label) ?? ""), 1)
+                U(A(((k = r.value[0]) == null ? void 0 : k.label) ?? ""), 1)
               ];
             }),
             _: 1
@@ -1390,12 +1387,12 @@ const ye = /* @__PURE__ */ q({
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      s.value && n.value.length > 0 && v.value === "popover" ? (d(), _(i(De), {
+      u.value && n.value.length > 0 && v.value === "popover" ? (d(), _(i(De), {
         key: 0,
-        class: W(["suggestions-list", f.value])
+        class: K(["suggestions-list", f.value])
       }, {
         default: V(() => [
-          (d(!0), $(L, null, X(n.value, (k) => (d(), _(i(Ve), {
+          (d(!0), F(L, null, X(n.value, (k) => (d(), _(i(Ve), {
             button: "",
             key: k.label,
             onClick: (T) => b(k),
@@ -1409,7 +1406,7 @@ const ye = /* @__PURE__ */ q({
               }, null, 8, ["checked"])) : x("", !0),
               P(i(ne), null, {
                 default: V(() => [
-                  D(A(k.label), 1)
+                  U(A(k.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -1421,7 +1418,7 @@ const ye = /* @__PURE__ */ q({
       }, 8, ["class"])) : x("", !0)
     ], 34));
   }
-}), Dt = /* @__PURE__ */ ve(Ut, [["__scopeId", "data-v-9525dee8"]]), Tt = /* @__PURE__ */ q({
+}), Ut = /* @__PURE__ */ ve(Bt, [["__scopeId", "data-v-9525dee8"]]), Dt = /* @__PURE__ */ q({
   __name: "TextAreaInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1430,17 +1427,17 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), s = O(() => l.schema), { onValueUpdate: n, onFocus: g, onReset: p, getErrors: v } = pe(
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), { onValueUpdate: n, onFocus: g, onReset: p, getErrors: v } = pe(
       a,
       e,
       o,
-      s
+      u
     );
     return N(
       () => e.value.value,
       (f) => o.value = f
-    ), u({
+    ), s({
       onReset: p,
       onValueUpdate: n,
       getErrors: v
@@ -1449,7 +1446,7 @@ const ye = /* @__PURE__ */ q({
       ref: a,
       modelValue: o.value,
       "onUpdate:modelValue": r[0] || (r[0] = (h) => o.value = h),
-      class: W(e.value.className),
+      class: K(e.value.className),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -1481,7 +1478,7 @@ const ye = /* @__PURE__ */ q({
       _: 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"]));
   }
-}), Nt = { class: "button-container" }, qt = /* @__PURE__ */ q({
+}), Tt = { class: "button-container" }, Nt = /* @__PURE__ */ q({
   __name: "RepeatInput",
   props: /* @__PURE__ */ J({
     schema: {},
@@ -1492,12 +1489,12 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = Q(t, "modelValue"), e = I([]), { dynamicRefs: a, resetForm: o, getFormErrors: s, updateFormValues: n } = ze(), g = O(() => e.value.map((S, b) => ({
+  setup(t, { expose: s }) {
+    const l = Q(t, "modelValue"), e = I([]), { dynamicRefs: a, resetForm: o, getFormErrors: u, updateFormValues: n } = ze(), g = O(() => e.value.map((S, b) => ({
       label: `Set ${b + 1}`,
       value: b,
       other: Object.entries(S).reduce(
-        (w, [R, F]) => (K(F) && (w[R] = F.value), w),
+        (w, [R, $]) => (Z($) && (w[R] = $.value), w),
         {}
       )
     })));
@@ -1518,17 +1515,17 @@ const ye = /* @__PURE__ */ q({
       o();
     }
     function r() {
-      return s();
+      return u();
     }
     async function h() {
       await n();
     }
-    return u({
+    return s({
       onValueUpdate: h,
       onReset: f,
       getErrors: r
-    }), (S, b) => (d(!0), $(L, null, X(e.value, (w, R) => (d(), $("div", {
-      class: W(["repeat-input-wrapper", l.value.className]),
+    }), (S, b) => (d(!0), F(L, null, X(e.value, (w, R) => (d(), F("div", {
+      class: K(["repeat-input-wrapper", l.value.className]),
       key: R
     }, [
       P(i(oe), { class: "repeat-row" }, {
@@ -1540,24 +1537,24 @@ const ye = /* @__PURE__ */ q({
             default: V(() => [
               P(i(oe), { class: "fields-row" }, {
                 default: V(() => [
-                  (d(!0), $(L, null, X(Object.keys(w), (F) => {
-                    var Z, te, Y, ee, j;
-                    return d(), $(L, null, [
-                      i(ke)(w[F], S.data, S.computedData) ? (d(), _(i(ae), {
-                        key: `${R}-${F}`,
-                        size: ((Z = w[F].grid) == null ? void 0 : Z.xs) ?? "12",
-                        "size-sm": (te = w[F].grid) == null ? void 0 : te.sm,
-                        "size-md": (Y = w[F].grid) == null ? void 0 : Y.md,
-                        "size-lg": (ee = w[F].grid) == null ? void 0 : ee.lg,
-                        "size-xl": (j = w[F].grid) == null ? void 0 : j.xl,
+                  (d(!0), F(L, null, X(Object.keys(w), ($) => {
+                    var W, te, Y, ee, j;
+                    return d(), F(L, null, [
+                      i(ke)(w[$], S.data, S.computedData) ? (d(), _(i(ae), {
+                        key: `${R}-${$}`,
+                        size: ((W = w[$].grid) == null ? void 0 : W.xs) ?? "12",
+                        "size-sm": (te = w[$].grid) == null ? void 0 : te.sm,
+                        "size-md": (Y = w[$].grid) == null ? void 0 : Y.md,
+                        "size-lg": (ee = w[$].grid) == null ? void 0 : ee.lg,
+                        "size-xl": (j = w[$].grid) == null ? void 0 : j.xl,
                         class: "ion-margin-bottom"
                       }, {
                         default: V(() => [
-                          (d(), _(he(w[F].type), {
-                            modelValue: w[F],
-                            "onUpdate:modelValue": (M) => w[F] = M,
+                          (d(), _(he(w[$].type), {
+                            modelValue: w[$],
+                            "onUpdate:modelValue": (M) => w[$] = M,
                             schema: w,
-                            "ref-key": `${R}-${F}`,
+                            "ref-key": `${R}-${$}`,
                             ref_for: !0,
                             ref_key: "dynamicRefs",
                             ref: a,
@@ -1579,7 +1576,7 @@ const ye = /* @__PURE__ */ q({
             class: "button-column"
           }, {
             default: V(() => [
-              B("div", Nt, [
+              B("div", Tt, [
                 R === e.value.length - 1 ? (d(), _(i(H), {
                   key: 0,
                   onClick: p,
@@ -1596,7 +1593,7 @@ const ye = /* @__PURE__ */ q({
                 })) : x("", !0),
                 e.value.length > 1 ? (d(), _(i(H), {
                   key: 1,
-                  onClick: (F) => v(R),
+                  onClick: ($) => v(R),
                   color: "warning",
                   size: "small"
                 }, {
@@ -1617,7 +1614,7 @@ const ye = /* @__PURE__ */ q({
       }, 1024)
     ], 2))), 128));
   }
-}), Lt = /* @__PURE__ */ ve(qt, [["__scopeId", "data-v-0eb7594d"]]), Mt = /* @__PURE__ */ q({
+}), qt = /* @__PURE__ */ ve(Nt, [["__scopeId", "data-v-0eb7594d"]]), Lt = /* @__PURE__ */ q({
   __name: "CheckboxInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1626,15 +1623,15 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), s = O(() => l.schema), n = O(() => nt(e.value)), { onValueUpdate: g, onFocus: p, getErrors: v } = pe(a, e, o, s);
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), n = O(() => nt(e.value)), { onValueUpdate: g, onFocus: p, getErrors: v } = pe(a, e, o, u);
     function f() {
       o.value = !1, e.value.error = "", e.value.value = !1;
     }
     return N(
       () => e.value.value,
       (r) => o.value = r
-    ), u({
+    ), s({
       onValueUpdate: g,
       onReset: f,
       getErrors: v
@@ -1644,7 +1641,7 @@ const ye = /* @__PURE__ */ q({
       ref_key: "inputRef",
       ref: a,
       justify: "start",
-      class: W(e.value.className),
+      class: K(e.value.className),
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
@@ -1654,12 +1651,12 @@ const ye = /* @__PURE__ */ q({
       style: { width: "100%" }
     }, {
       default: V(() => [
-        D(A(n.value), 1)
+        U(A(n.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "class", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), jt = /* @__PURE__ */ q({
+}), Mt = /* @__PURE__ */ q({
   __name: "RadioInput",
   props: /* @__PURE__ */ J({
     schema: {}
@@ -1668,12 +1665,12 @@ const ye = /* @__PURE__ */ q({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: u }) {
-    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), s = O(() => l.schema), n = I([]), { onValueUpdate: g, onFocus: p, getErrors: v, isValid: f } = pe(
+  setup(t, { expose: s }) {
+    const l = t, e = Q(t, "modelValue"), a = I(null), o = I(e.value.value), u = O(() => l.schema), n = I([]), { onValueUpdate: g, onFocus: p, getErrors: v, isValid: f } = pe(
       a,
       e,
       o,
-      s
+      u
     );
     function r() {
       e.value.error = "", o.value = void 0, e.value.value = void 0;
@@ -1687,12 +1684,12 @@ const ye = /* @__PURE__ */ q({
     return N(
       () => e.value.value,
       (b) => o.value = b
-    ), u({
+    ), s({
       onValueUpdate: g,
       onReset: r,
       getErrors: v,
       isValid: f
-    }), we(S), (b, w) => (d(), $(L, null, [
+    }), we(S), (b, w) => (d(), F(L, null, [
       P(ye, { model: e.value }, null, 8, ["model"]),
       w[1] || (w[1] = B("br", null, null, -1)),
       e.value.error ? (d(), _(i(Le), {
@@ -1700,7 +1697,7 @@ const ye = /* @__PURE__ */ q({
         color: "danger"
       }, {
         default: V(() => [
-          D(A(e.value.error), 1)
+          U(A(e.value.error), 1)
         ]),
         _: 1
       })) : x("", !0),
@@ -1709,7 +1706,7 @@ const ye = /* @__PURE__ */ q({
           P(i(Me), {
             modelValue: o.value,
             "onUpdate:modelValue": w[0] || (w[0] = (R) => o.value = R),
-            class: W(e.value.className),
+            class: K(e.value.className),
             required: e.value.required,
             disabled: e.value.disabled,
             compareWith: h,
@@ -1720,7 +1717,7 @@ const ye = /* @__PURE__ */ q({
             style: { width: "100%" }
           }, {
             default: V(() => [
-              (d(!0), $(L, null, X(n.value, (R) => (d(), _(i(Ve), {
+              (d(!0), F(L, null, X(n.value, (R) => (d(), _(i(Ve), {
                 key: R.value,
                 lines: e.value.showOptionsSeparator ? "none" : "full"
               }, {
@@ -1732,7 +1729,7 @@ const ye = /* @__PURE__ */ q({
                     justify: "start"
                   }, {
                     default: V(() => [
-                      D(A(R.label), 1)
+                      U(A(R.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value", "disabled"])
@@ -1747,10 +1744,10 @@ const ye = /* @__PURE__ */ q({
       })
     ], 64));
   }
-}), Gt = { class: "form-section-header" }, Ht = { class: "form-section-title" }, Kt = {
+}), jt = { class: "form-section-header" }, Gt = { class: "form-section-title" }, Ht = {
   key: 0,
   class: "form-section-subtitle"
-}, Wt = /* @__PURE__ */ q({
+}, Kt = /* @__PURE__ */ q({
   __name: "SectionTitle",
   props: {
     modelValue: {},
@@ -1761,27 +1758,27 @@ const ye = /* @__PURE__ */ q({
   setup(t) {
     const l = t.modelValue;
     return (e, a) => {
-      var o, s, n, g, p;
+      var o, u, n, g, p;
       return d(), _(i(ae), {
         size: ((o = i(l).grid) == null ? void 0 : o.xs) ?? "12",
-        "size-sm": (s = i(l).grid) == null ? void 0 : s.sm,
+        "size-sm": (u = i(l).grid) == null ? void 0 : u.sm,
         "size-md": (n = i(l).grid) == null ? void 0 : n.md,
         "size-lg": (g = i(l).grid) == null ? void 0 : g.lg,
         "size-xl": (p = i(l).grid) == null ? void 0 : p.xl,
-        class: W(["form-section-container", i(l).className])
+        class: K(["form-section-container", i(l).className])
       }, {
         default: V(() => [
-          B("div", Gt, [
-            B("h3", Ht, A(i(l).title), 1),
-            i(l).subtitle ? (d(), $("p", Kt, A(i(l).subtitle), 1)) : x("", !0)
+          B("div", jt, [
+            B("h3", Gt, A(i(l).title), 1),
+            i(l).subtitle ? (d(), F("p", Ht, A(i(l).subtitle), 1)) : x("", !0)
           ])
         ]),
         _: 1
       }, 8, ["size", "size-sm", "size-md", "size-lg", "size-xl", "class"]);
     };
   }
-}), Zt = /* @__PURE__ */ ve(Wt, [["__scopeId", "data-v-e0bf7af0"]]);
-function el(t, u, l) {
+}), Wt = /* @__PURE__ */ ve(Kt, [["__scopeId", "data-v-e0bf7af0"]]);
+function Yt(t, s, l) {
   const e = I({}), a = I({});
   function o(v, f, r) {
     a.value[v] = r, f.forEach((h) => {
@@ -1789,9 +1786,9 @@ function el(t, u, l) {
       (S = e.value)[h] ?? (S[h] = []), e.value[h].includes(v) || e.value[h].push(v);
     }), p(v);
   }
-  function s(v) {
+  function u(v) {
     return Object.entries(e.value).filter(([, r]) => r.includes(v)).map(([r]) => r).reduce(
-      (r, h) => (r[h] = u.value[h] ?? l.value[h], r),
+      (r, h) => (r[h] = s.value[h] ?? l.value[h], r),
       {}
     );
   }
@@ -1803,7 +1800,7 @@ function el(t, u, l) {
   }
   async function p(v, f) {
     if (!a.value[v]) return;
-    const r = s(v), h = Object.keys(r);
+    const r = u(v), h = Object.keys(r);
     if (!(h.length === 0 || !h.every(
       (b) => r[b] !== void 0 && r[b] !== null
     )))
@@ -1811,20 +1808,20 @@ function el(t, u, l) {
         const b = a.value[v], w = await b(f, r);
         if (!t.value[v]) return;
         const R = t.value[v];
-        if (!K(R)) return;
+        if (!Z(R)) return;
         R.options = w;
-        const F = R.value;
-        if (!F) return;
-        n(F, w) || (R.value = R.multiple ? [] : "");
+        const $ = R.value;
+        if (!$) return;
+        n($, w) || (R.value = R.multiple ? [] : "");
       } catch (b) {
         console.error(`Error loading options for ${v}:`, b);
       }
   }
   return N(
-    [u, l],
+    [s, l],
     () => {
       Object.entries(e.value).forEach(([v, f]) => {
-        (u.value[v] !== void 0 || l.value[v] !== void 0) && f.forEach((r) => {
+        (s.value[v] !== void 0 || l.value[v] !== void 0) && f.forEach((r) => {
           p(r);
         });
       });
@@ -1835,28 +1832,28 @@ function el(t, u, l) {
     updateOptions: p
   };
 }
-const tl = {
+const el = {
   install(t) {
-    t.component("VForm", It), t.component("TextInput", At), t.component("DateInput", Ft), t.component("NumberInput", $t), t.component("EmailInput", Pt), t.component("PasswordInput", Bt), t.component("SelectInput", Dt), t.component("TextAreaInput", Tt), t.component("RepeatInput", Lt), t.component("CheckboxInput", Mt), t.component("RadioInput", jt), t.component("FormSection", Zt), t.directive("maskito", Ze);
+    t.component("VForm", xt), t.component("TextInput", Rt), t.component("DateInput", At), t.component("NumberInput", $t), t.component("EmailInput", Ft), t.component("PasswordInput", Pt), t.component("SelectInput", Ut), t.component("TextAreaInput", Dt), t.component("RepeatInput", qt), t.component("CheckboxInput", Lt), t.component("RadioInput", Mt), t.component("FormSection", Wt), t.directive("maskito", Ze);
   }
 };
 export {
-  Mt as CheckboxInput,
-  Ft as DateInput,
-  Pt as EmailInput,
-  It as FormBuilder,
-  Zt as FormSection,
+  Lt as CheckboxInput,
+  At as DateInput,
+  Ft as EmailInput,
+  xt as FormBuilder,
+  Wt as FormSection,
   $t as NumberInput,
-  Bt as PasswordInput,
-  jt as RadioInput,
-  Lt as RepeatInput,
-  Dt as SelectInput,
-  Tt as TextAreaInput,
-  At as TextInput,
-  tl as VForm,
-  tl as default,
-  ut as useDataTransformation,
-  el as useDependentOptions,
+  Pt as PasswordInput,
+  Mt as RadioInput,
+  qt as RepeatInput,
+  Ut as SelectInput,
+  Dt as TextAreaInput,
+  Rt as TextInput,
+  el as VForm,
+  el as default,
+  ot as useDataTransformation,
+  Yt as useDependentOptions,
   ze as useFormValidation,
   pe as useInputValidation,
   st as useMultiStepForm