@uniquedj95/vform 3.1.4 → 3.3.0

package/dist/index.es.js

@@ -1,128 +1,133 @@
-import { ref as _, computed as E, watch as S, defineComponent as A, createBlock as V, openBlock as v, unref as i, withCtx as g, createVNode as F, createCommentVNode as R, createElementBlock as B, Fragment as $, renderList as G, resolveDynamicComponent as se, normalizeStyle as Ve, createTextVNode as O, toDisplayString as U, toRef as ge, mergeModels as q, useModel as z, resolveDirective as be, withDirectives as _e, normalizeClass as xe, onMounted as ie, createElementVNode as re } from "vue";
-import { IonGrid as ke, IonRow as te, IonCol as le, IonButton as W, IonLabel as N, IonText as Ce, IonInput as ce, IonInputPasswordToggle as Ie, IonChip as we, IonIcon as X, IonList as Ee, IonItem as Re, IonCheckbox as de, actionSheetController as Fe, alertController as Oe, IonTextarea as Ae, IonRadioGroup as Ue, IonRadio as Be } from "@ionic/vue";
-import { chevronDown as qe, close as ze, add as Se, remove as Te } from "ionicons/icons";
-import { maskito as $e } from "@maskito/vue";
-function Le(t) {
-  return new Promise((o) => {
+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) {
+  return new Promise((u) => {
     requestAnimationFrame(async () => {
       const n = await t.getInputElement();
-      o(n);
+      u(n);
     });
   });
 }
-const De = {
+const Me = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Me = {
+}, je = {
   d: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function Pe(t, o) {
-  const n = Me[t];
-  return n[o % n.length];
+function Pe(t, u) {
+  const n = je[t];
+  return n[u % n.length];
 }
-function je(t) {
-  const o = [];
+function Ne(t) {
+  const u = [];
   let n = "", e = 0, l = 0;
   for (; e < t.length; ) {
     const a = t[e];
     if (["d", "a", "*"].includes(a)) {
-      let r = 1;
+      let i = 1;
       if (t[e + 1] === "{") {
-        const u = t.indexOf("}", e + 2);
-        if (u !== -1) {
-          const p = t.slice(e + 2, u);
-          if (p.includes(",")) {
-            const [, c] = p.split(",").map((f) => parseInt(f.trim()));
-            r = c || parseInt(p.split(",")[0]);
+        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]);
           } else
-            r = parseInt(p);
-          e = u;
+            i = parseInt(h);
+          e = s;
         }
       } else {
-        let u = e + 1;
-        for (; t[u] === a; )
-          r++, u++;
-        e = u - 1;
+        let s = e + 1;
+        for (; t[s] === a; )
+          i++, s++;
+        e = s - 1;
       }
-      for (let u = 0; u < r; u++)
-        o.push(De[a]), n += Pe(a, l++);
+      for (let s = 0; s < i; s++)
+        u.push(Me[a]), n += Pe(a, l++);
     } else
-      o.push(a), n += a;
+      u.push(a), n += a;
     e++;
   }
   return {
-    mask: o,
+    mask: u,
     placeholder: n,
-    elementPredicate: Le
+    elementPredicate: De
   };
 }
 function ae(t) {
   return t == null || Array.isArray(t) && !t.length || typeof t == "object" && !Object.keys(t).length || !t;
 }
-function ne(t, o, n) {
-  return typeof t.condition == "function" ? t.condition(o, n) : !0;
+function ne(t, u, n) {
+  return typeof t.condition == "function" ? t.condition(u, n) : !0;
 }
-function oe(t) {
+function ue(t) {
   if (typeof t != "object" || t === null)
     return t;
   if (Array.isArray(t))
-    return t.map((n) => oe(n));
-  const o = {};
+    return t.map((n) => ue(n));
+  const u = {};
   return Object.entries(t).forEach(([n, e]) => {
-    typeof e == "function" ? o[n] = e.bind(o) : o[n] = oe(e);
-  }), o;
+    typeof e == "function" ? u[n] = e.bind(u) : u[n] = ue(e);
+  }), u;
 }
-function ve(t, o) {
-  return o.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
+function pe(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, o) {
-  const n = ve(t, o);
-  n >= 0 ? o[n].isChecked = !0 : o.push({ ...t, isChecked: !0 });
+function D(t, u) {
+  const n = pe(t, u);
+  n >= 0 ? u[n].isChecked = !0 : u.push({ ...t, isChecked: !0 });
 }
-function ee(t, o) {
-  const n = ve(t, o);
-  n >= 0 && (o[n].isChecked = !1);
+function ce(t, u) {
+  const n = pe(t, u);
+  n >= 0 && (u[n].isChecked = !1);
 }
-function Ne(t, o) {
-  return o ? t.filter(
-    (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
+function Ge(t) {
+  t.forEach((u) => {
+    u.isChecked = !1;
+  });
+}
+function He(t, u) {
+  return u ? t.filter(
+    (n) => JSON.stringify(n).toLowerCase().includes(u.toLowerCase())
   ) : t;
 }
-function fe(t) {
-  const o = t.label || "", n = t.required ? " *" : "";
-  return o + n;
+function me(t) {
+  const u = t.label || "", n = t.required ? " *" : "";
+  return u + n;
 }
-function Y(t, o) {
-  if (t === o) return !0;
-  if (t == null || o == null || typeof t != typeof o) return !1;
-  if (typeof t != "object") return t === o;
-  if (Array.isArray(t) && Array.isArray(o))
-    return t.length !== o.length ? !1 : t.every((l, a) => Y(l, o[a]));
-  if (Array.isArray(t) !== Array.isArray(o)) return !1;
-  const n = Object.keys(t), e = Object.keys(o);
+function J(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]));
+  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(o, l) && Y(t[l], o[l])
+    (l) => Object.prototype.hasOwnProperty.call(u, l) && J(t[l], u[l])
   );
 }
-function me() {
-  const t = _([]);
-  async function o() {
+function ye() {
+  const t = C([]);
+  async function u() {
     console.debug("Validating form inputs");
     const a = [];
-    for (const r of t.value)
-      if (typeof (r == null ? void 0 : r.onValueUpdate) == "function" && await r.onValueUpdate(), typeof (r == null ? void 0 : r.getErrors) == "function")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.onValueUpdate) == "function" && await i.onValueUpdate(), typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = r.getErrors();
-          Array.isArray(u) ? a.push(...u) : console.warn("getErrors() returned non-array value:", u);
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, r);
+          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);
         }
       else
-        console.warn("Component does not have getErrors function:", r);
+        console.warn("Component does not have getErrors function:", i);
     return a.every(ae);
   }
   function n() {
@@ -132,13 +137,13 @@ function me() {
   }
   function e() {
     const a = [];
-    for (const r of t.value)
-      if (typeof (r == null ? void 0 : r.getErrors) == "function")
+    for (const i of t.value)
+      if (typeof (i == null ? void 0 : i.getErrors) == "function")
         try {
-          const u = r.getErrors();
-          Array.isArray(u) ? a.push(...u) : a.push(String(u));
-        } catch (u) {
-          console.error("Error calling getErrors on component:", u, r);
+          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);
         }
     return a;
   }
@@ -148,48 +153,50 @@ function me() {
   }
   return {
     dynamicRefs: t,
-    isFormValid: o,
+    isFormValid: u,
     resetForm: n,
     getFormErrors: e,
     updateFormValues: l
   };
 }
-function Ge(t) {
-  const o = E(
-    () => Object.entries(t.value).reduce((c, [f, m]) => (m.value !== void 0 && (typeof m.onChange == "function" ? c[f] = m.onChange(m.value) : c[f] = m.value), c), {})
-  ), n = _({}), e = (c, f, m) => {
-    var s;
-    return typeof ((s = t.value[c].children[f]) == null ? void 0 : s.computedValue) == "function" ? t.value[c].children[f].computedValue(m, t.value) : m;
-  }, l = (c, f, m, s) => {
-    n.value[c][s] || (n.value[c][s] = {}), Object.entries(f.other ?? {}).forEach(([b, h]) => {
-      var d;
-      !Y(h, (d = m.other) == null ? void 0 : d[b]) && (n.value[c][s][b] = e(c, b, h));
+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));
     });
-  }, a = (c, f, m) => {
-    f.forEach((s, b) => {
-      const h = m[b] ?? { other: {} };
-      l(c, s, h, b);
+  }, a = (c, r, d) => {
+    r.forEach((o, m) => {
+      const y = d[m] ?? { other: {} };
+      l(c, o, y, m);
     });
-  }, r = (c, { other: f }) => Object.entries(f ?? {}).reduce(
-    (m, [s, b]) => (m[s] = e(c, s, b), m),
+  }, i = (c, { other: r }) => Object.entries(r ?? {}).reduce(
+    (d, [o, m]) => (d[o] = e(c, o, m), d),
     {}
-  ), u = (c, f, m) => {
+  ), s = (c, r, d) => {
     n.value[c] || (n.value[c] = []);
-    const s = f;
-    Array.isArray(m[c]) ? a(c, s, m[c]) : n.value[c] = s.map((b) => r(c, b));
-  }, p = (c, f, m) => {
-    if (!f) {
+    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];
       return;
     }
-    const s = t.value[c];
-    s.children !== void 0 ? u(c, f, m) : typeof s.computedValue == "function" && (n.value[c] = s.computedValue(f, t.value));
+    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));
   };
   return S(
-    o,
-    (c, f = {}) => {
-      Object.keys(c).forEach((m) => {
-        Y(c[m], f[m]) || p(m, c[m], f);
+    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];
       });
     },
     {
@@ -197,11 +204,11 @@ function Ge(t) {
       deep: !0
     }
   ), {
-    formData: o,
+    formData: u,
     computedData: n
   };
 }
-const Ke = /* @__PURE__ */ A({
+const We = /* @__PURE__ */ F({
   __name: "vForm",
   props: {
     schema: {},
@@ -216,22 +223,22 @@ const Ke = /* @__PURE__ */ A({
     customButtons: {}
   },
   emits: ["submit", "clear", "cancel"],
-  setup(t, { expose: o, emit: n }) {
-    const e = t, l = n, a = _(e.schema), { dynamicRefs: r, isFormValid: u, resetForm: p } = me(), { formData: c, computedData: f } = Ge(a);
-    async function m() {
-      await u() && l("submit", c.value, f.value);
+  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);
     }
-    function s() {
-      p(), l("clear");
+    function o() {
+      h(), l("clear");
     }
-    function b() {
-      p(), l("cancel");
+    function m() {
+      h(), l("cancel");
     }
     return S(
       c,
       async () => {
-        for (const [h, C] of Object.entries(a.value))
-          ne(C, c.value, f.value) || (C.value = e.schema[h].value);
+        for (const [y, _] of Object.entries(a.value))
+          ne(_, c.value, r.value) || (_.value = e.schema[y].value);
       },
       {
         deep: !0,
@@ -239,47 +246,48 @@ const Ke = /* @__PURE__ */ A({
       }
     ), S(
       () => e.schema,
-      (h) => {
-        for (const [C, d] of Object.entries(h))
-          d.value !== void 0 && (a.value[C].value = d.value);
+      (y) => {
+        for (const [_, f] of Object.entries(y))
+          f.value !== void 0 && (a.value[_].value = f.value);
       },
       {
         deep: !0,
         immediate: !0
       }
-    ), o({
-      resetForm: p,
-      isFormValid: u,
+    ), u({
+      resetForm: h,
+      isFormValid: s,
       resolveData: () => ({
         formData: c.value,
-        computedData: f.value
+        computedData: r.value
       })
-    }), (h, C) => (v(), V(i(ke), null, {
-      default: g(() => [
-        F(i(te), null, {
-          default: g(() => [
-            (v(!0), B($, null, G(Object.keys(a.value), (d) => {
-              var I, w, L, M, P;
-              return v(), B($, null, [
-                i(ne)(a.value[d], i(c), i(f)) ? (v(), V(i(le), {
-                  key: d,
-                  size: ((I = a.value[d].grid) == null ? void 0 : I.xs) ?? "12",
-                  "size-sm": (w = a.value[d].grid) == null ? void 0 : w.sm,
-                  "size-md": (L = a.value[d].grid) == null ? void 0 : L.md,
-                  "size-lg": (M = a.value[d].grid) == null ? void 0 : M.lg,
-                  "size-xl": (P = a.value[d].grid) == null ? void 0 : P.xl,
+    }), (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: g(() => [
-                    (v(), V(se(a.value[d].type), {
-                      modelValue: a.value[d],
-                      "onUpdate:modelValue": (K) => a.value[d] = K,
+                  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: r,
-                      "ref-key": d
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "ref-key"]))
+                      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)
@@ -288,44 +296,44 @@ const Ke = /* @__PURE__ */ A({
           ]),
           _: 1
         }),
-        h.hideButtons ? R("", !0) : (v(), V(i(te), { key: 0 }, {
-          default: g(() => [
-            F(i(le), {
+        y.hideButtons ? R("", !0) : (p(), V(v(te), { key: 0 }, {
+          default: b(() => [
+            A(v(le), {
               size: "12",
-              style: Ve([{ display: "flex" }, { justifyContent: h.buttonPlacement }])
+              style: Ve([{ display: "flex" }, { justifyContent: y.buttonPlacement }])
             }, {
-              default: g(() => [
-                h.showCancelButton ? (v(), V(i(W), {
+              default: b(() => [
+                y.showCancelButton ? (p(), V(v(Z), {
                   key: 0,
-                  onClick: b
+                  onClick: m
                 }, {
-                  default: g(() => [
-                    O(U(h.cancelButtonText ?? "Cancel"), 1)
+                  default: b(() => [
+                    I(B(y.cancelButtonText ?? "Cancel"), 1)
                   ]),
                   _: 1
                 })) : R("", !0),
-                h.showClearButton ? (v(), V(i(W), {
+                y.showClearButton ? (p(), V(v(Z), {
                   key: 1,
-                  onClick: s
+                  onClick: o
                 }, {
-                  default: g(() => [
-                    O(U(h.clearButtonText ?? "Reset"), 1)
+                  default: b(() => [
+                    I(B(y.clearButtonText ?? "Reset"), 1)
                   ]),
                   _: 1
                 })) : R("", !0),
-                (v(!0), B($, null, G(h.customButtons, (d) => (v(), V(i(W), {
-                  key: d.label,
-                  onClick: d.action,
-                  color: d.color ?? "primary"
+                (p(!0), q(T, null, K(y.customButtons, (f) => (p(), V(v(Z), {
+                  key: f.label,
+                  onClick: f.action,
+                  color: f.color ?? "primary"
                 }, {
-                  default: g(() => [
-                    O(U(d.label), 1)
+                  default: b(() => [
+                    I(B(f.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick", "color"]))), 128)),
-                F(i(W), { onClick: m }, {
-                  default: g(() => [
-                    O(U(h.submitButtonText ?? "Submit"), 1)
+                A(v(Z), { onClick: d }, {
+                  default: b(() => [
+                    I(B(y.submitButtonText ?? "Submit"), 1)
                   ]),
                   _: 1
                 })
@@ -340,11 +348,11 @@ const Ke = /* @__PURE__ */ A({
     }));
   }
 });
-function We(t) {
+function Ze(t) {
   return {
     applyValidationState: async (e) => {
-      var l, a, r, u, p;
-      (l = t.value) == null || l.$el.classList.remove("ion-invalid"), (a = t.value) == null || a.$el.classList.remove("ion-valid"), e ? (r = t.value) == null || r.$el.classList.add("ion-valid") : (u = t.value) == null || u.$el.classList.add("ion-invalid"), (p = t.value) == null || p.$el.classList.add("ion-touched");
+      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");
     },
     resetValidationState: () => {
       var e, l;
@@ -352,76 +360,76 @@ function We(t) {
     }
   };
 }
-function H(t, o, n, e, l) {
-  const { applyValidationState: a, resetValidationState: r } = We(t);
-  async function u() {
-    if (o.value.required && !n.value)
-      return o.value.error = "This field is required", !1;
+function Q(t, u, n, e, l) {
+  const { applyValidationState: a, resetValidationState: i } = Ze(t);
+  async function s() {
+    if (u.value.required && !n.value)
+      return u.value.error = "This field is required", !1;
     if (l) {
-      const s = await l(n.value);
-      if (typeof s == "string")
-        return o.value.error = s, !1;
-      if (s === !1)
+      const o = await l(n.value);
+      if (typeof o == "string")
+        return u.value.error = o, !1;
+      if (o === !1)
         return !1;
     }
-    if (o.value.validation) {
-      const s = await o.value.validation(n.value, e == null ? void 0 : e.value);
-      if (s && s.length)
-        return o.value.error = s.join(), !1;
+    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;
     }
     return !0;
   }
-  async function p() {
-    const s = await u();
-    s && (o.value.error = "", o.value.value = n.value), await a(s);
+  async function h() {
+    const o = await s();
+    o && (u.value.error = "", u.value.value = n.value), await a(o);
   }
   function c() {
-    r(), o.value.error = "";
+    i(), u.value.error = "";
   }
-  function f(s = "") {
-    n.value = s, o.value.error = "", o.value.value = s;
+  function r(o = "") {
+    n.value = o, u.value.error = "", u.value.value = o;
   }
-  function m() {
-    return o.value.error ? [o.value.error] : [];
+  function d() {
+    return u.value.error ? [u.value.error] : [];
   }
   return {
-    isValid: u,
-    onValueUpdate: p,
+    isValid: s,
+    onValueUpdate: h,
     onFocus: c,
-    onReset: f,
-    getErrors: m,
+    onReset: r,
+    getErrors: d,
     applyValidationState: a,
-    resetValidationState: r
+    resetValidationState: i
   };
 }
-function Ze(t) {
-  const o = E(() => !!t.value.label), n = E(() => !!t.value.required), e = E(() => t.value.label || "");
+function Je(t) {
+  const u = w(() => !!t.value.label), n = w(() => !!t.value.required), e = w(() => t.value.label || "");
   return {
-    showLabel: o,
+    showLabel: u,
     showRequired: n,
     labelText: e
   };
 }
-const ue = /* @__PURE__ */ A({
+const re = /* @__PURE__ */ F({
   __name: "InputLabel",
   props: {
     model: {}
   },
   setup(t) {
-    const o = t, { showLabel: n, showRequired: e, labelText: l } = Ze(ge(o, "model"));
-    return (a, r) => i(n) ? (v(), V(i(N), {
+    const u = t, { showLabel: n, showRequired: e, labelText: l } = Je(be(u, "model"));
+    return (a, i) => v(n) ? (p(), V(v(H), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
-      default: g(() => [
-        O(U(i(l)) + " ", 1),
-        i(e) ? (v(), V(i(Ce), {
+      default: b(() => [
+        I(B(v(l)) + " ", 1),
+        v(e) ? (p(), V(v(Oe), {
           key: 0,
           color: "danger"
         }, {
-          default: g(() => r[0] || (r[0] = [
-            O("*")
+          default: b(() => i[0] || (i[0] = [
+            I("*")
           ])),
           _: 1,
           __: [0]
@@ -430,9 +438,9 @@ const ue = /* @__PURE__ */ A({
       _: 1
     })) : R("", !0);
   }
-}), J = /* @__PURE__ */ A({
+}), X = /* @__PURE__ */ F({
   __name: "BaseInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {},
     type: {}
   }, {
@@ -440,39 +448,39 @@ const ue = /* @__PURE__ */ A({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { isValid: u, onValueUpdate: p, onFocus: c, onReset: f, getErrors: m } = H(
+  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(
       l,
       e,
       a,
-      r
-    ), s = E(() => {
-      if (e.value.pattern) return je(e.value.pattern);
+      i
+    ), o = w(() => {
+      if (e.value.pattern) return Ne(e.value.pattern);
     });
     return S(
       () => e.value.value,
-      (b) => a.value = b
-    ), o({
-      onValueUpdate: p,
-      onReset: f,
-      getErrors: m,
-      isValid: u
-    }), (b, h) => {
-      var d;
-      const C = be("maskito");
-      return _e((v(), V(i(ce), {
+      (m) => a.value = m
+    ), u({
+      onValueUpdate: h,
+      onReset: r,
+      getErrors: d,
+      isValid: s
+    }), (m, y) => {
+      var f;
+      const _ = _e("maskito");
+      return xe((p(), V(v(ve), {
         ref_key: "inputRef",
         ref: l,
         modelValue: a.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (I) => a.value = I),
+        "onUpdate:modelValue": y[0] || (y[0] = (O) => a.value = O),
         "clear-input": !0,
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: b.type ?? "text",
+        type: m.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: ((d = s.value) == null ? void 0 : d.placeholder) ?? e.value.placeholder,
+        placeholder: ((f = o.value) == null ? void 0 : f.placeholder) ?? e.value.placeholder,
         disabled: e.value.disabled,
         counter: e.value.counter,
         min: e.value.min,
@@ -480,53 +488,53 @@ const ue = /* @__PURE__ */ A({
         "max-length": e.value.maxLength,
         "min-length": e.value.minLength,
         pattern: e.value.pattern,
-        onIonFocus: i(c),
-        onIonChange: i(p),
-        onIonBlur: i(p)
+        onIonFocus: v(c),
+        onIonChange: v(h),
+        onIonBlur: v(h)
       }, {
-        default: g(() => [
-          F(ue, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (v(), V(i(N), {
+        default: b(() => [
+          A(re, { model: e.value }, null, 8, ["model"]),
+          e.value.prefix ? (p(), V(v(H), {
             key: 0,
             slot: "start"
           }, {
-            default: g(() => [
-              O(U(e.value.prefix), 1)
+            default: b(() => [
+              I(B(e.value.prefix), 1)
             ]),
             _: 1
           })) : R("", !0),
-          e.value.suffix ? (v(), V(i(N), {
+          e.value.suffix ? (p(), V(v(H), {
             key: 1,
             slot: "end"
           }, {
-            default: g(() => [
-              O(U(e.value.suffix), 1)
+            default: b(() => [
+              I(B(e.value.suffix), 1)
             ]),
             _: 1
           })) : R("", !0),
-          b.type === "password" ? (v(), V(i(Ie), {
+          m.type === "password" ? (p(), V(v(Ee), {
             key: 2,
             slot: "end"
           })) : R("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter", "min", "max", "max-length", "min-length", "pattern", "onIonFocus", "onIonChange", "onIonBlur"])), [
-        [C, s.value]
+        [_, o.value]
       ]);
     };
   }
-}), He = /* @__PURE__ */ A({
+}), Qe = /* @__PURE__ */ F({
   __name: "TextInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _(null);
-    return o({
+  setup(t, { expose: u }) {
+    const n = $(t, "modelValue"), e = C(null);
+    return u({
       onReset: () => {
         var l;
         return (l = e.value) == null ? void 0 : l.onReset();
@@ -539,27 +547,27 @@ const ue = /* @__PURE__ */ A({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (v(), V(J, {
+    }), (l, a) => (p(), V(X, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
       type: "text",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Je = /* @__PURE__ */ A({
+}), Xe = /* @__PURE__ */ F({
   __name: "DateInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _(null);
-    return o({
+  setup(t, { expose: u }) {
+    const n = $(t, "modelValue"), e = C(null);
+    return u({
       onValueUpdate: () => {
         var l;
         return (l = e.value) == null ? void 0 : l.onValueUpdate();
@@ -572,27 +580,27 @@ const ue = /* @__PURE__ */ A({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (v(), V(J, {
+    }), (l, a) => (p(), V(X, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
       type: n.value.enableTime ? "datetime-local" : "date",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Qe = /* @__PURE__ */ A({
+}), Ye = /* @__PURE__ */ F({
   __name: "NumberInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _(null);
-    return o({
+  setup(t, { expose: u }) {
+    const n = $(t, "modelValue"), e = C(null);
+    return u({
       onReset: () => {
         var l;
         return (l = e.value) == null ? void 0 : l.onReset();
@@ -605,27 +613,27 @@ const ue = /* @__PURE__ */ A({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (v(), V(J, {
+    }), (l, a) => (p(), V(X, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
       type: "number",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Xe = /* @__PURE__ */ A({
+}), et = /* @__PURE__ */ F({
   __name: "EmailInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _(null);
-    return o({
+  setup(t, { expose: u }) {
+    const n = $(t, "modelValue"), e = C(null);
+    return u({
       onReset: () => {
         var l;
         return (l = e.value) == null ? void 0 : l.onReset();
@@ -638,27 +646,27 @@ const ue = /* @__PURE__ */ A({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (v(), V(J, {
+    }), (l, a) => (p(), V(X, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
       type: "email",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ye = /* @__PURE__ */ A({
+}), tt = /* @__PURE__ */ F({
   __name: "PasswordInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _(null);
-    return o({
+  setup(t, { expose: u }) {
+    const n = $(t, "modelValue"), e = C(null);
+    return u({
       onReset: () => {
         var l;
         return (l = e.value) == null ? void 0 : l.onReset();
@@ -671,64 +679,74 @@ const ue = /* @__PURE__ */ A({
         var l, a;
         return ((a = (l = e.value) == null ? void 0 : l.getErrors) == null ? void 0 : a.call(l)) ?? [];
       }
-    }), (l, a) => (v(), V(J, {
+    }), (l, a) => (p(), V(X, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
       type: "password",
       schema: l.schema,
       ref_key: "inputRef",
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), et = /* @__PURE__ */ A({
+}), lt = /* @__PURE__ */ F({
   __name: "SelectInput",
-  props: /* @__PURE__ */ q({
-    schema: {},
-    type: {}
+  props: /* @__PURE__ */ z({
+    schema: Object,
+    type: String,
+    formId: String
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = _(null), a = _(null), r = _(!1), u = _([]), p = _(""), c = _(1), f = E(() => e.value.interface ?? "popover"), m = E(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), s = E(() => u.value.filter((y) => !!y.isChecked)), b = E(() => !p.value && ae(s.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
-    S([p, () => e.value.options], Z, {
+  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, {
       immediate: !0,
       deep: !0
-    }), S(() => e.value.value, he, { immediate: !0, deep: !0 });
-    function h() {
-      u.value.forEach((y) => ee(y, u.value)), e.value.error = "", p.value = "", c.value = 1, e.value.value = e.value.multiple ? [] : "";
+    }), 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;
+      }),
+      async (g, x) => {
+        g && x && !J(g, x) && (y(), s.value = [], await N());
+      },
+      { deep: !0 }
+    );
+    function y() {
+      e.value.error = "", h.value = "", c.value = 1, e.value.value = e.value.multiple ? [] : "", Ge(s.value);
     }
-    function C(y) {
-      if (y.isChecked) return ee(y, u.value);
-      e.value.multiple ? D(y, u.value) : (h(), D(y, u.value), j()), p.value = "";
+    function _(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 d() {
-      switch (f.value) {
+    function f() {
+      switch (r.value) {
         case "action-sheet":
-          I();
+          O();
           break;
         case "alert":
-          w();
+          E();
           break;
         case "popover":
         default:
-          r.value = !0;
+          i.value = !0;
           break;
       }
     }
-    async function I() {
-      if (await Z(), e.value.multiple) {
-        r.value = !0;
+    async function O() {
+      if (await N(), e.value.multiple) {
+        i.value = !0;
         return;
       }
-      await (await Fe.create({
+      await (await Ie.create({
         header: e.value.label || "Select an option",
         buttons: [
-          ...u.value.map((k) => ({
-            text: k.label,
-            cssClass: k.isChecked ? "selected-option" : "",
-            handler: () => (C(k), !1)
+          ...s.value.map((x) => ({
+            text: x.label,
+            cssClass: x.isChecked ? "selected-option" : "",
+            handler: () => (_(x), !1)
           })),
           {
             text: "Cancel",
@@ -737,17 +755,17 @@ const ue = /* @__PURE__ */ A({
         ]
       })).present();
     }
-    async function w() {
-      await Z();
-      const y = u.value.map((x) => ({
-        label: x.label,
+    async function E() {
+      await N();
+      const g = s.value.map((k) => ({
+        label: k.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: x,
-        checked: x.isChecked
+        value: k,
+        checked: k.isChecked
       }));
-      await (await Oe.create({
+      await (await Fe.create({
         header: e.value.label || "Select an option",
-        inputs: y,
+        inputs: g,
         buttons: [
           {
             text: "Cancel",
@@ -755,108 +773,117 @@ const ue = /* @__PURE__ */ A({
           },
           {
             text: "OK",
-            handler: (x) => {
+            handler: (k) => {
               if (e.value.multiple)
-                u.value.forEach((T) => ee(T, u.value)), x.forEach((T) => {
-                  const Q = u.value.find((ye) => ye.value === T.value);
-                  Q && D(Q, u.value);
+                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);
                 });
               else {
-                h();
-                const T = u.value.find((Q) => Q.value === x.value);
-                T && D(T, u.value);
+                y();
+                const U = s.value.find((G) => G.value === k.value);
+                U && D(U, s.value);
               }
-              j();
+              P();
             }
           }
         ]
       })).present();
     }
     async function L() {
-      if (e.value.required && ae(s.value))
+      if (e.value.required && ae(o.value))
         return "This field is required";
       if (e.value.validation) {
-        const y = await e.value.validation(s.value, n == null ? void 0 : n.schema);
-        if (y && y.length)
-          return y.join();
+        const g = await e.value.validation(o.value, n == null ? void 0 : n.schema);
+        if (g && g.length)
+          return g.join();
       }
       return !0;
     }
-    const { onFocus: M, applyValidationState: P } = H(
+    const { onFocus: M, applyValidationState: j } = Q(
       l,
       e,
-      E(() => e.value.multiple ? s.value : s.value[0]),
-      E(() => n == null ? void 0 : n.schema),
+      w(() => e.value.multiple ? o.value : o.value[0]),
+      w(() => n == null ? void 0 : n.schema),
       L
     );
-    function K(y) {
-      var k;
-      y.target === ((k = l.value) == null ? void 0 : k.$el) && (M(), f.value === "popover" && (r.value = !0));
-    }
-    async function j(y) {
+    function W(g) {
       var x;
-      if ((x = y == null ? void 0 : y.relatedTarget) != null && x.closest(".suggestions-list")) return;
-      r.value = !1;
-      const k = await L();
-      k === !0 ? (e.value.error = "", e.value.value = e.value.multiple ? s.value : s.value[0]) : e.value.error = typeof k == "string" ? k : "Validation failed", await P(k === !0);
+      g.target === ((x = l.value) == null ? void 0 : x.$el) && (M(), r.value === "popover" && (i.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 Z() {
-      const y = [];
+    async function N() {
+      const g = [];
       if (typeof e.value.options == "function") {
-        const k = await e.value.options(p.value);
-        y.push(...k.filter((x) => !!x.label));
-      } else
-        y.push(...Ne(e.value.options ?? [], p.value));
-      s.value.forEach((k) => D(k, y)), u.value = y;
+        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;
     }
-    function he() {
-      const y = e.value.value;
-      y && (Array.isArray(y) ? y.forEach((k) => D(k, u.value)) : D(typeof y == "object" ? y : {
-        value: y,
-        label: y
-      }, u.value));
+    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));
     }
-    return o({
-      onValueUpdate: j,
-      onReset: h,
+    return oe(() => {
+      N();
+    }), u({
+      onValueUpdate: P,
+      onReset: y,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (y, k) => (v(), B("div", {
+    }), (g, x) => (p(), q("div", {
       class: "autocomplete-container",
-      onFocusout: j,
+      onFocusout: P,
       ref_key: "containerRef",
       ref: a
     }, [
-      F(i(ce), {
+      A(v(ve), {
         ref_key: "inputRef",
         ref: l,
-        modelValue: p.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (x) => p.value = x),
+        modelValue: h.value,
+        "onUpdate:modelValue": x[0] || (x[0] = (k) => h.value = k),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
-        type: y.type ?? "text",
+        type: t.type ?? "text",
         required: e.value.required,
         "error-text": e.value.error,
         autofocus: e.value.autoFocus,
-        placeholder: b.value,
+        placeholder: m.value,
         disabled: e.value.disabled,
         counter: e.value.counter,
-        onIonFocus: K,
+        onIonFocus: W,
         debounce: 300,
-        onClick: d
+        onClick: f
       }, {
-        default: g(() => [
-          F(ue, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (v(), V(i(N), {
+        default: b(() => [
+          A(re, { model: e.value }, null, 8, ["model"]),
+          e.value.multiple ? (p(), V(v(H), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
-            default: g(() => [
-              (v(!0), B($, null, G(s.value, (x, T) => (v(), V(i(we), { key: T }, {
-                default: g(() => [
-                  F(i(N), null, {
-                    default: g(() => [
-                      O(U(x.label), 1)
+            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)
                     ]),
                     _: 2
                   }, 1024)
@@ -865,52 +892,52 @@ const ue = /* @__PURE__ */ A({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (v(), V(i(N), {
+          })) : (p(), V(v(H), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
-            default: g(() => {
-              var x;
+            default: b(() => {
+              var k;
               return [
-                O(U(((x = s.value[0]) == null ? void 0 : x.label) ?? ""), 1)
+                I(B(((k = o.value[0]) == null ? void 0 : k.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
-          F(i(X), {
+          A(v(ee), {
             slot: "end",
-            icon: i(qe)
+            icon: v(qe)
           }, null, 8, ["icon"]),
-          s.value.length > 0 || p.value ? (v(), V(i(X), {
+          o.value.length > 0 || h.value ? (p(), V(v(ee), {
             key: 2,
             slot: "end",
-            icon: i(ze),
-            onClick: h,
+            icon: v(ze),
+            onClick: y,
             style: { "z-index": "999999" }
           }, null, 8, ["icon"])) : R("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "fill", "label-placement", "type", "required", "error-text", "autofocus", "placeholder", "disabled", "counter"]),
-      r.value && u.value.length > 0 && f.value === "popover" ? (v(), V(i(Ee), {
+      i.value && s.value.length > 0 && r.value === "popover" ? (p(), V(v(Re), {
         key: 0,
-        class: xe(["suggestions-list", m.value])
+        class: ke(["suggestions-list", d.value])
       }, {
-        default: g(() => [
-          (v(!0), B($, null, G(u.value, (x) => (v(), V(i(Re), {
+        default: b(() => [
+          (p(!0), q(T, null, K(s.value, (k) => (p(), V(v(Ae), {
             button: "",
-            key: x.label,
-            onClick: (T) => C(x)
+            key: k.label,
+            onClick: (U) => _(k)
           }, {
-            default: g(() => [
-              e.value.multiple ? (v(), V(i(de), {
+            default: b(() => [
+              e.value.multiple ? (p(), V(v(fe), {
                 key: 0,
                 slot: "start",
-                checked: x.isChecked
+                checked: k.isChecked
               }, null, 8, ["checked"])) : R("", !0),
-              F(i(N), null, {
-                default: g(() => [
-                  O(U(x.label), 1)
+              A(v(H), null, {
+                default: b(() => [
+                  I(B(k.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -922,39 +949,39 @@ const ue = /* @__PURE__ */ A({
       }, 8, ["class"])) : R("", !0)
     ], 544));
   }
-}), pe = (t, o) => {
+}), he = (t, u) => {
   const n = t.__vccOpts || t;
-  for (const [e, l] of o)
+  for (const [e, l] of u)
     n[e] = l;
   return n;
-}, tt = /* @__PURE__ */ pe(et, [["__scopeId", "data-v-e2c4eed6"]]), lt = /* @__PURE__ */ A({
+}, at = /* @__PURE__ */ he(lt, [["__scopeId", "data-v-4766dec2"]]), nt = /* @__PURE__ */ F({
   __name: "TextAreaInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { onValueUpdate: u, onFocus: p, onReset: c, getErrors: f } = H(
+  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(
       l,
       e,
       a,
-      r
+      i
     );
     return S(
       () => e.value.value,
-      (m) => a.value = m
-    ), o({
+      (d) => a.value = d
+    ), u({
       onReset: c,
-      onValueUpdate: u,
-      getErrors: f
-    }), (m, s) => (v(), V(i(Ae), {
+      onValueUpdate: s,
+      getErrors: r
+    }), (d, o) => (p(), V(v(Ue), {
       ref_key: "inputRef",
       ref: l,
       modelValue: a.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (b) => a.value = b),
+      "onUpdate:modelValue": o[0] || (o[0] = (m) => a.value = m),
       "clear-input": !0,
       fill: e.value.fill ?? "solid",
       "label-placement": e.value.labelPlacement ?? "stacked",
@@ -972,22 +999,22 @@ const ue = /* @__PURE__ */ A({
       "max-length": e.value.maxLength,
       "min-length": e.value.minLength,
       pattern: e.value.pattern,
-      onIonFocus: i(p),
-      onIonChange: i(u),
-      onIonBlur: i(u)
+      onIonFocus: v(h),
+      onIonChange: v(s),
+      onIonBlur: v(s)
     }, {
-      default: g(() => [
-        F(ue, { model: e.value }, null, 8, ["model"])
+      default: b(() => [
+        A(re, { 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"]));
   }
-}), at = {
+}), ut = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, nt = { style: { display: "flex", "justify-content": "flex-end" } }, ot = /* @__PURE__ */ A({
+}, ot = { style: { display: "flex", "justify-content": "flex-end" } }, rt = /* @__PURE__ */ F({
   __name: "RepeatInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {},
     data: {},
     computedData: {}
@@ -996,66 +1023,66 @@ const ue = /* @__PURE__ */ A({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = _([]), { dynamicRefs: l, resetForm: a, getFormErrors: r, updateFormValues: u } = me(), p = E(() => e.value.map((h, C) => ({
-      label: `Set ${C + 1}`,
-      value: C,
-      other: Object.entries(h).reduce(
-        (d, [I, w]) => (d[I] = w.value, d),
+  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),
         {}
       )
     })));
     S(
-      p,
-      (h) => {
-        n.value.value = h;
+      h,
+      (y) => {
+        n.value.value = y;
       },
       { deep: !0, immediate: !0 }
-    ), ie(c);
+    ), oe(c);
     function c() {
-      n.value.children && e.value.push(oe(n.value.children));
+      n.value.children && e.value.push(ue(n.value.children));
     }
-    function f(h) {
-      e.value.splice(h, 1);
+    function r(y) {
+      e.value.splice(y, 1);
     }
-    function m() {
+    function d() {
       a();
     }
-    function s() {
-      return r();
+    function o() {
+      return i();
     }
-    async function b() {
-      await u();
+    async function m() {
+      await s();
     }
-    return o({
-      onValueUpdate: b,
-      onReset: m,
-      getErrors: s
-    }), (h, C) => (v(!0), B($, null, G(e.value, (d, I) => (v(), B("div", {
+    return u({
+      onValueUpdate: m,
+      onReset: d,
+      getErrors: o
+    }), (y, _) => (p(!0), q(T, null, K(e.value, (f, O) => (p(), q("div", {
       class: "repeat-input-wrapper",
-      key: I
+      key: O
     }, [
-      re("div", at, [
-        F(i(te), null, {
-          default: g(() => [
-            (v(!0), B($, null, G(Object.keys(d), (w) => {
-              var L, M, P, K, j;
-              return v(), B($, null, [
-                i(ne)(d[w], h.data, h.computedData) ? (v(), V(i(le), {
-                  key: `${I}-${w}`,
-                  size: ((L = d[w].grid) == null ? void 0 : L.xs) ?? "12",
-                  "size-sm": (M = d[w].grid) == null ? void 0 : M.sm,
-                  "size-md": (P = d[w].grid) == null ? void 0 : P.md,
-                  "size-lg": (K = d[w].grid) == null ? void 0 : K.lg,
-                  "size-xl": (j = d[w].grid) == null ? void 0 : j.xl,
+      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,
                   class: "ion-margin-bottom"
                 }, {
-                  default: g(() => [
-                    (v(), V(se(d[w].type), {
-                      modelValue: d[w],
-                      "onUpdate:modelValue": (Z) => d[w] = Z,
-                      schema: d,
-                      "ref-key": `${I}-${w}`,
+                  default: b(() => [
+                    (p(), V(de(f[E].type), {
+                      modelValue: f[E],
+                      "onUpdate:modelValue": (N) => f[E] = N,
+                      schema: f,
+                      "ref-key": `${O}-${E}`,
                       ref_for: !0,
                       ref_key: "dynamicRefs",
                       ref: l
@@ -1069,29 +1096,29 @@ const ue = /* @__PURE__ */ A({
           _: 2
         }, 1024)
       ]),
-      re("div", nt, [
-        I === e.value.length - 1 ? (v(), V(i(W), {
+      ie("div", ot, [
+        O === e.value.length - 1 ? (p(), V(v(Z), {
           key: 0,
           onClick: c,
           color: "primary"
         }, {
-          default: g(() => [
-            F(i(X), {
+          default: b(() => [
+            A(v(ee), {
               slot: "icon-only",
-              icon: i(Se)
+              icon: v($e)
             }, null, 8, ["icon"])
           ]),
           _: 1
         })) : R("", !0),
-        e.value.length > 1 ? (v(), V(i(W), {
+        e.value.length > 1 ? (p(), V(v(Z), {
           key: 1,
-          onClick: (w) => f(I),
+          onClick: (E) => r(O),
           color: "warning"
         }, {
-          default: g(() => [
-            F(i(X), {
+          default: b(() => [
+            A(v(ee), {
               slot: "icon-only",
-              icon: i(Te)
+              icon: v(Te)
             }, null, 8, ["icon"])
           ]),
           _: 2
@@ -1099,97 +1126,97 @@ const ue = /* @__PURE__ */ A({
       ])
     ]))), 128));
   }
-}), ut = /* @__PURE__ */ pe(ot, [["__scopeId", "data-v-402695fe"]]), rt = /* @__PURE__ */ A({
+}), st = /* @__PURE__ */ he(rt, [["__scopeId", "data-v-060bdf58"]]), it = /* @__PURE__ */ F({
   __name: "CheckboxInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = E(() => fe(e.value)), { onValueUpdate: p, onFocus: c, getErrors: f } = H(l, e, a, r);
-    function m() {
+  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;
     }
     return S(
       () => e.value.value,
-      (s) => a.value = s
-    ), o({
-      onValueUpdate: p,
-      onReset: m,
-      getErrors: f
-    }), (s, b) => (v(), V(i(de), {
+      (o) => a.value = o
+    ), u({
+      onValueUpdate: h,
+      onReset: d,
+      getErrors: r
+    }), (o, m) => (p(), V(v(fe), {
       modelValue: a.value,
-      "onUpdate:modelValue": b[0] || (b[0] = (h) => a.value = h),
+      "onUpdate:modelValue": m[0] || (m[0] = (y) => a.value = y),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      onIonFocus: i(c),
-      onIonChange: i(p),
-      onIonBlur: i(p)
+      onIonFocus: v(c),
+      onIonChange: v(h),
+      onIonBlur: v(h)
     }, {
-      default: g(() => [
-        O(U(u.value), 1)
+      default: b(() => [
+        I(B(s.value), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), st = /* @__PURE__ */ A({
+}), ct = /* @__PURE__ */ F({
   __name: "RadioInput",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ z({
     schema: {}
   }, {
     modelValue: { type: Object, default: {} },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = _([]), p = E(() => fe(e.value)), { onValueUpdate: c, onFocus: f, getErrors: m } = H(l, e, a, r);
-    function s() {
+  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;
     }
-    function b(C, d) {
-      return C.value === d.value;
+    function m(_, f) {
+      return _.value === f.value;
     }
-    async function h() {
-      typeof e.value.options == "function" ? u.value = await e.value.options() : u.value = e.value.options;
+    async function y() {
+      typeof e.value.options == "function" ? s.value = await e.value.options() : s.value = e.value.options;
     }
     return S(
       () => e.value.value,
-      (C) => a.value = C
-    ), o({
+      (_) => a.value = _
+    ), u({
       onValueUpdate: c,
-      onReset: s,
-      getErrors: m
-    }), ie(h), (C, d) => (v(), V(i(Ue), {
+      onReset: o,
+      getErrors: d
+    }), oe(y), (_, f) => (p(), V(v(Be), {
       modelValue: a.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (I) => a.value = I),
+      "onUpdate:modelValue": f[0] || (f[0] = (O) => a.value = O),
       ref_key: "inputRef",
       ref: l,
       required: e.value.required,
-      "helper-text": p.value,
+      "helper-text": h.value,
       "error-text": e.value.error,
       disabled: e.value.disabled,
-      compareWith: b,
+      compareWith: m,
       "allow-empty-selection": !e.value.required,
-      onIonFocus: i(f),
-      onIonChange: i(c),
-      onIonBlur: i(c)
+      onIonFocus: v(r),
+      onIonChange: v(c),
+      onIonBlur: v(c)
     }, {
-      default: g(() => [
-        (v(!0), B($, null, G(u.value, (I) => (v(), V(i(Be), {
-          key: I.value,
-          value: I,
+      default: b(() => [
+        (p(!0), q(T, null, K(s.value, (O) => (p(), V(v(Se), {
+          key: O.value,
+          value: O,
           disabled: e.value.disabled,
           "label-placement": "end",
           justify: "start"
         }, {
-          default: g(() => [
-            O(U(I.label), 1)
+          default: b(() => [
+            I(B(O.label), 1)
           ]),
           _: 2
         }, 1032, ["value", "disabled"]))), 128))
@@ -1197,13 +1224,70 @@ const ue = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), ft = {
+});
+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 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 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 h(r, d) {
+    return typeof r == "object" && r !== null ? r.value === d : String(r) === String(d);
+  }
+  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
+    )))
+      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}:`, _);
+      }
+  }
+  return S(
+    [u, n],
+    () => {
+      Object.entries(e.value).forEach(([r, d]) => {
+        (u.value[r] !== void 0 || n.value[r] !== void 0) && d.forEach((o) => {
+          c(o);
+        });
+      });
+    },
+    { deep: !0, immediate: !0 }
+  ), {
+    registerDependency: a,
+    updateOptions: c
+  };
+}
+const yt = {
   install(t) {
-    t.component("VForm", Ke), t.component("TextInput", He), t.component("DateInput", Je), t.component("NumberInput", Qe), t.component("EmailInput", Xe), t.component("PasswordInput", Ye), t.component("SelectInput", tt), t.component("TextAreaInput", lt), t.component("RepeatInput", ut), t.component("CheckboxInput", rt), t.component("RadioInput", st), t.directive("maskito", $e);
+    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);
   }
 };
 export {
-  ft as VForm,
-  ft as default
+  yt as VForm,
+  yt as default,
+  Ke as useDataTransformation,
+  mt as useDependentOptions,
+  ye as useFormValidation,
+  Q as useInputValidation
 };
 //# sourceMappingURL=index.es.js.map