@uniquedj95/vform 3.1.3 → 3.1.4

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { ref as x, computed as E, reactive as Ve, watch as S, defineComponent as A, createBlock as V, openBlock as f, 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 ge, createTextVNode as O, toDisplayString as U, toRef as be, mergeModels as q, useModel as z, resolveDirective as _e, withDirectives as xe, normalizeClass as ke, onMounted as ie, createElementVNode as re } from "vue";
-import { IonGrid as Ce, IonRow as te, IonCol as le, IonButton as W, IonLabel as N, IonText as Ie, IonInput as ce, IonInputPasswordToggle as we, IonChip as Ee, IonIcon as X, IonList as Re, IonItem as Fe, IonCheckbox as de, actionSheetController as Oe, alertController as Ae, IonTextarea as Ue, IonRadioGroup as Be, IonRadio as qe } from "@ionic/vue";
-import { chevronDown as ze, close as Se, add as Te, remove as $e } from "ionicons/icons";
-import { maskito as Le } from "@maskito/vue";
-function De(t) {
+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) => {
     requestAnimationFrame(async () => {
       const n = await t.getInputElement();
@@ -10,21 +10,21 @@ function De(t) {
     });
   });
 }
-const Me = {
+const De = {
   d: /\d/,
   a: /[A-Za-z]/,
   "*": /[A-Za-z0-9]/
   // Default: alphanum, can customize if needed
-}, Pe = {
+}, Me = {
   d: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
   a: ["A", "B", "C", "x", "y", "z", "D", "f"],
   "*": ["A", "3", "b", "8", "z", "4", "D", "0"]
 };
-function je(t, o) {
-  const n = Pe[t];
+function Pe(t, o) {
+  const n = Me[t];
   return n[o % n.length];
 }
-function Ne(t) {
+function je(t) {
   const o = [];
   let n = "", e = 0, l = 0;
   for (; e < t.length; ) {
@@ -36,7 +36,7 @@ function Ne(t) {
         if (u !== -1) {
           const p = t.slice(e + 2, u);
           if (p.includes(",")) {
-            const [, c] = p.split(",").map((v) => parseInt(v.trim()));
+            const [, c] = p.split(",").map((f) => parseInt(f.trim()));
             r = c || parseInt(p.split(",")[0]);
           } else
             r = parseInt(p);
@@ -49,7 +49,7 @@ function Ne(t) {
         e = u - 1;
       }
       for (let u = 0; u < r; u++)
-        o.push(Me[a]), n += je(a, l++);
+        o.push(De[a]), n += Pe(a, l++);
     } else
       o.push(a), n += a;
     e++;
@@ -57,7 +57,7 @@ function Ne(t) {
   return {
     mask: o,
     placeholder: n,
-    elementPredicate: De
+    elementPredicate: Le
   };
 }
 function ae(t) {
@@ -76,23 +76,23 @@ function oe(t) {
     typeof e == "function" ? o[n] = e.bind(o) : o[n] = oe(e);
   }), o;
 }
-function fe(t, o) {
+function ve(t, o) {
   return o.findIndex((n) => n.value === t.value || n.label === t.label || n.value === t.label || n.label === t.value);
 }
 function D(t, o) {
-  const n = fe(t, o);
+  const n = ve(t, o);
   n >= 0 ? o[n].isChecked = !0 : o.push({ ...t, isChecked: !0 });
 }
 function ee(t, o) {
-  const n = fe(t, o);
+  const n = ve(t, o);
   n >= 0 && (o[n].isChecked = !1);
 }
-function Ge(t, o) {
+function Ne(t, o) {
   return o ? t.filter(
     (n) => JSON.stringify(n).toLowerCase().includes(o.toLowerCase())
   ) : t;
 }
-function ve(t) {
+function fe(t) {
   const o = t.label || "", n = t.required ? " *" : "";
   return o + n;
 }
@@ -109,7 +109,7 @@ function Y(t, o) {
   );
 }
 function me() {
-  const t = x([]);
+  const t = _([]);
   async function o() {
     console.debug("Validating form inputs");
     const a = [];
@@ -154,42 +154,42 @@ function me() {
     updateFormValues: l
   };
 }
-function Ke(t) {
+function Ge(t) {
   const o = E(
-    () => Object.entries(t.value).reduce((c, [v, m]) => (m.value !== void 0 && (typeof m.onChange == "function" ? c[v] = m.onChange(m.value) : c[v] = m.value), c), {})
-  ), n = Ve({}), e = (c, v, m) => {
+    () => 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[v]) == null ? void 0 : s.computedValue) == "function" ? t.value[c].children[v].computedValue(m, t.value) : m;
-  }, l = (c, v, m, s) => {
-    n[c][s] || (n[c][s] = {}), Object.entries(v.other ?? {}).forEach(([b, h]) => {
+    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[c][s][b] = e(c, b, h));
+      !Y(h, (d = m.other) == null ? void 0 : d[b]) && (n.value[c][s][b] = e(c, b, h));
     });
-  }, a = (c, v, m) => {
-    v.forEach((s, b) => {
+  }, a = (c, f, m) => {
+    f.forEach((s, b) => {
       const h = m[b] ?? { other: {} };
       l(c, s, h, b);
     });
-  }, r = (c, { other: v }) => Object.entries(v ?? {}).reduce(
+  }, r = (c, { other: f }) => Object.entries(f ?? {}).reduce(
     (m, [s, b]) => (m[s] = e(c, s, b), m),
     {}
-  ), u = (c, v, m) => {
-    n[c] || (n[c] = []);
-    const s = v;
-    Array.isArray(m[c]) ? a(c, s, m[c]) : n[c] = s.map((b) => r(c, b));
-  }, p = (c, v, m) => {
-    if (!v) {
-      delete n[c];
+  ), u = (c, f, m) => {
+    n.value[c] || (n.value[c] = []);
+    const s = f;
+    Array.isArray(m[c]) ? a(c, s, m[c]) : n.value[c] = s.map((b) => r(c, b));
+  }, p = (c, f, m) => {
+    if (!f) {
+      delete n.value[c];
       return;
     }
     const s = t.value[c];
-    s.children !== void 0 ? u(c, v, m) : typeof s.computedValue == "function" && (n[c] = s.computedValue(v, t.value));
+    s.children !== void 0 ? u(c, f, m) : typeof s.computedValue == "function" && (n.value[c] = s.computedValue(f, t.value));
   };
   return S(
     o,
-    (c, v = {}) => {
+    (c, f = {}) => {
       Object.keys(c).forEach((m) => {
-        Y(c[m], v[m]) || p(m, c[m], v);
+        Y(c[m], f[m]) || p(m, c[m], f);
       });
     },
     {
@@ -201,7 +201,7 @@ function Ke(t) {
     computedData: n
   };
 }
-const We = /* @__PURE__ */ A({
+const Ke = /* @__PURE__ */ A({
   __name: "vForm",
   props: {
     schema: {},
@@ -217,9 +217,9 @@ const We = /* @__PURE__ */ A({
   },
   emits: ["submit", "clear", "cancel"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, l = n, a = x(e.schema), { dynamicRefs: r, isFormValid: u, resetForm: p } = me(), { formData: c, computedData: v } = Ke(a);
+    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, v.value);
+      await u() && l("submit", c.value, f.value);
     }
     function s() {
       p(), l("clear");
@@ -231,7 +231,7 @@ const We = /* @__PURE__ */ A({
       c,
       async () => {
         for (const [h, C] of Object.entries(a.value))
-          ne(C, c.value, v.value) || (C.value = e.schema[h].value);
+          ne(C, c.value, f.value) || (C.value = e.schema[h].value);
       },
       {
         deep: !0,
@@ -252,16 +252,16 @@ const We = /* @__PURE__ */ A({
       isFormValid: u,
       resolveData: () => ({
         formData: c.value,
-        computedData: v.value
+        computedData: f.value
       })
-    }), (h, C) => (f(), V(i(Ce), null, {
+    }), (h, C) => (v(), V(i(ke), null, {
       default: g(() => [
         F(i(te), null, {
           default: g(() => [
-            (f(!0), B($, null, G(Object.keys(a.value), (d) => {
+            (v(!0), B($, null, G(Object.keys(a.value), (d) => {
               var I, w, L, M, P;
-              return f(), B($, null, [
-                i(ne)(a.value[d], i(c), i(v)) ? (f(), V(i(le), {
+              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,
@@ -271,7 +271,7 @@ const We = /* @__PURE__ */ A({
                   class: "ion-margin-vertical"
                 }, {
                   default: g(() => [
-                    (f(), V(se(a.value[d].type), {
+                    (v(), V(se(a.value[d].type), {
                       modelValue: a.value[d],
                       "onUpdate:modelValue": (K) => a.value[d] = K,
                       schema: a.value,
@@ -288,14 +288,14 @@ const We = /* @__PURE__ */ A({
           ]),
           _: 1
         }),
-        h.hideButtons ? R("", !0) : (f(), V(i(te), { key: 0 }, {
+        h.hideButtons ? R("", !0) : (v(), V(i(te), { key: 0 }, {
           default: g(() => [
             F(i(le), {
               size: "12",
-              style: ge([{ display: "flex" }, { justifyContent: h.buttonPlacement }])
+              style: Ve([{ display: "flex" }, { justifyContent: h.buttonPlacement }])
             }, {
               default: g(() => [
-                h.showCancelButton ? (f(), V(i(W), {
+                h.showCancelButton ? (v(), V(i(W), {
                   key: 0,
                   onClick: b
                 }, {
@@ -304,7 +304,7 @@ const We = /* @__PURE__ */ A({
                   ]),
                   _: 1
                 })) : R("", !0),
-                h.showClearButton ? (f(), V(i(W), {
+                h.showClearButton ? (v(), V(i(W), {
                   key: 1,
                   onClick: s
                 }, {
@@ -313,7 +313,7 @@ const We = /* @__PURE__ */ A({
                   ]),
                   _: 1
                 })) : R("", !0),
-                (f(!0), B($, null, G(h.customButtons, (d) => (f(), V(i(W), {
+                (v(!0), B($, null, G(h.customButtons, (d) => (v(), V(i(W), {
                   key: d.label,
                   onClick: d.action,
                   color: d.color ?? "primary"
@@ -340,7 +340,7 @@ const We = /* @__PURE__ */ A({
     }));
   }
 });
-function Ze(t) {
+function We(t) {
   return {
     applyValidationState: async (e) => {
       var l, a, r, u, p;
@@ -353,7 +353,7 @@ function Ze(t) {
   };
 }
 function H(t, o, n, e, l) {
-  const { applyValidationState: a, resetValidationState: r } = Ze(t);
+  const { applyValidationState: a, resetValidationState: r } = We(t);
   async function u() {
     if (o.value.required && !n.value)
       return o.value.error = "This field is required", !1;
@@ -378,7 +378,7 @@ function H(t, o, n, e, l) {
   function c() {
     r(), o.value.error = "";
   }
-  function v(s = "") {
+  function f(s = "") {
     n.value = s, o.value.error = "", o.value.value = s;
   }
   function m() {
@@ -388,13 +388,13 @@ function H(t, o, n, e, l) {
     isValid: u,
     onValueUpdate: p,
     onFocus: c,
-    onReset: v,
+    onReset: f,
     getErrors: m,
     applyValidationState: a,
     resetValidationState: r
   };
 }
-function He(t) {
+function Ze(t) {
   const o = E(() => !!t.value.label), n = E(() => !!t.value.required), e = E(() => t.value.label || "");
   return {
     showLabel: o,
@@ -408,15 +408,15 @@ const ue = /* @__PURE__ */ A({
     model: {}
   },
   setup(t) {
-    const o = t, { showLabel: n, showRequired: e, labelText: l } = He(be(o, "model"));
-    return (a, r) => i(n) ? (f(), V(i(N), {
+    const o = t, { showLabel: n, showRequired: e, labelText: l } = Ze(ge(o, "model"));
+    return (a, r) => i(n) ? (v(), V(i(N), {
       key: 0,
       slot: "label",
       class: "input-label"
     }, {
       default: g(() => [
         O(U(i(l)) + " ", 1),
-        i(e) ? (f(), V(i(Ie), {
+        i(e) ? (v(), V(i(Ce), {
           key: 0,
           color: "danger"
         }, {
@@ -441,26 +441,26 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = x(null), a = x(e.value.value), r = E(() => n.schema), { isValid: u, onValueUpdate: p, onFocus: c, onReset: v, getErrors: m } = H(
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { isValid: u, onValueUpdate: p, onFocus: c, onReset: f, getErrors: m } = H(
       l,
       e,
       a,
       r
     ), s = E(() => {
-      if (e.value.pattern) return Ne(e.value.pattern);
+      if (e.value.pattern) return je(e.value.pattern);
     });
     return S(
       () => e.value.value,
       (b) => a.value = b
     ), o({
       onValueUpdate: p,
-      onReset: v,
+      onReset: f,
       getErrors: m,
       isValid: u
     }), (b, h) => {
       var d;
-      const C = _e("maskito");
-      return xe((f(), V(i(ce), {
+      const C = be("maskito");
+      return _e((v(), V(i(ce), {
         ref_key: "inputRef",
         ref: l,
         modelValue: a.value,
@@ -486,7 +486,7 @@ const ue = /* @__PURE__ */ A({
       }, {
         default: g(() => [
           F(ue, { model: e.value }, null, 8, ["model"]),
-          e.value.prefix ? (f(), V(i(N), {
+          e.value.prefix ? (v(), V(i(N), {
             key: 0,
             slot: "start"
           }, {
@@ -495,7 +495,7 @@ const ue = /* @__PURE__ */ A({
             ]),
             _: 1
           })) : R("", !0),
-          e.value.suffix ? (f(), V(i(N), {
+          e.value.suffix ? (v(), V(i(N), {
             key: 1,
             slot: "end"
           }, {
@@ -504,7 +504,7 @@ const ue = /* @__PURE__ */ A({
             ]),
             _: 1
           })) : R("", !0),
-          b.type === "password" ? (f(), V(i(we), {
+          b.type === "password" ? (v(), V(i(Ie), {
             key: 2,
             slot: "end"
           })) : R("", !0)
@@ -515,7 +515,7 @@ const ue = /* @__PURE__ */ A({
       ]);
     };
   }
-}), Je = /* @__PURE__ */ A({
+}), He = /* @__PURE__ */ A({
   __name: "TextInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -525,7 +525,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -539,7 +539,7 @@ 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) => (f(), V(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "text",
@@ -548,7 +548,7 @@ const ue = /* @__PURE__ */ A({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Qe = /* @__PURE__ */ A({
+}), Je = /* @__PURE__ */ A({
   __name: "DateInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -558,7 +558,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onValueUpdate: () => {
         var l;
@@ -572,7 +572,7 @@ 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) => (f(), V(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: n.value.enableTime ? "datetime-local" : "date",
@@ -581,7 +581,7 @@ const ue = /* @__PURE__ */ A({
       ref: e
     }, null, 8, ["modelValue", "type", "schema"]));
   }
-}), Xe = /* @__PURE__ */ A({
+}), Qe = /* @__PURE__ */ A({
   __name: "NumberInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -591,7 +591,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -605,7 +605,7 @@ 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) => (f(), V(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "number",
@@ -614,7 +614,7 @@ const ue = /* @__PURE__ */ A({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), Ye = /* @__PURE__ */ A({
+}), Xe = /* @__PURE__ */ A({
   __name: "EmailInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -624,7 +624,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -638,7 +638,7 @@ 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) => (f(), V(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "email",
@@ -647,7 +647,7 @@ const ue = /* @__PURE__ */ A({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), et = /* @__PURE__ */ A({
+}), Ye = /* @__PURE__ */ A({
   __name: "PasswordInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -657,7 +657,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x(null);
+    const n = z(t, "modelValue"), e = _(null);
     return o({
       onReset: () => {
         var l;
@@ -671,7 +671,7 @@ 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) => (f(), V(J, {
+    }), (l, a) => (v(), V(J, {
       modelValue: n.value,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
       type: "password",
@@ -680,7 +680,7 @@ const ue = /* @__PURE__ */ A({
       ref: e
     }, null, 8, ["modelValue", "schema"]));
   }
-}), tt = /* @__PURE__ */ A({
+}), et = /* @__PURE__ */ A({
   __name: "SelectInput",
   props: /* @__PURE__ */ q({
     schema: {},
@@ -691,7 +691,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = x(null), a = x(null), r = x(!1), u = x([]), p = x(""), c = x(1), v = 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" : "");
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(null), r = _(!1), u = _([]), p = _(""), c = _(1), f = E(() => e.value.interface ?? "popover"), m = E(() => e.value.optionsPlacement === "top" ? "top" : "bottom"), s = E(() => u.value.filter((y) => !!y.isChecked)), b = E(() => !p.value && ae(s.value) && !r.value ? e.value.placeholder ?? "Select an option" : "");
     S([p, () => e.value.options], Z, {
       immediate: !0,
       deep: !0
@@ -704,7 +704,7 @@ const ue = /* @__PURE__ */ A({
       e.value.multiple ? D(y, u.value) : (h(), D(y, u.value), j()), p.value = "";
     }
     function d() {
-      switch (v.value) {
+      switch (f.value) {
         case "action-sheet":
           I();
           break;
@@ -722,7 +722,7 @@ const ue = /* @__PURE__ */ A({
         r.value = !0;
         return;
       }
-      await (await Oe.create({
+      await (await Fe.create({
         header: e.value.label || "Select an option",
         buttons: [
           ...u.value.map((k) => ({
@@ -739,13 +739,13 @@ const ue = /* @__PURE__ */ A({
     }
     async function w() {
       await Z();
-      const y = u.value.map((_) => ({
-        label: _.label,
+      const y = u.value.map((x) => ({
+        label: x.label,
         type: e.value.multiple ? "checkbox" : "radio",
-        value: _,
-        checked: _.isChecked
+        value: x,
+        checked: x.isChecked
       }));
-      await (await Ae.create({
+      await (await Oe.create({
         header: e.value.label || "Select an option",
         inputs: y,
         buttons: [
@@ -755,15 +755,15 @@ const ue = /* @__PURE__ */ A({
           },
           {
             text: "OK",
-            handler: (_) => {
+            handler: (x) => {
               if (e.value.multiple)
-                u.value.forEach((T) => ee(T, u.value)), _.forEach((T) => {
+                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);
                 });
               else {
                 h();
-                const T = u.value.find((Q) => Q.value === _.value);
+                const T = u.value.find((Q) => Q.value === x.value);
                 T && D(T, u.value);
               }
               j();
@@ -791,11 +791,11 @@ const ue = /* @__PURE__ */ A({
     );
     function K(y) {
       var k;
-      y.target === ((k = l.value) == null ? void 0 : k.$el) && (M(), v.value === "popover" && (r.value = !0));
+      y.target === ((k = l.value) == null ? void 0 : k.$el) && (M(), f.value === "popover" && (r.value = !0));
     }
     async function j(y) {
-      var _;
-      if ((_ = y == null ? void 0 : y.relatedTarget) != null && _.closest(".suggestions-list")) return;
+      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);
@@ -804,9 +804,9 @@ const ue = /* @__PURE__ */ A({
       const y = [];
       if (typeof e.value.options == "function") {
         const k = await e.value.options(p.value);
-        y.push(...k.filter((_) => !!_.label));
+        y.push(...k.filter((x) => !!x.label));
       } else
-        y.push(...Ge(e.value.options ?? [], p.value));
+        y.push(...Ne(e.value.options ?? [], p.value));
       s.value.forEach((k) => D(k, y)), u.value = y;
     }
     function he() {
@@ -820,7 +820,7 @@ const ue = /* @__PURE__ */ A({
       onValueUpdate: j,
       onReset: h,
       getErrors: () => e.value.error ? [e.value.error] : []
-    }), (y, k) => (f(), B("div", {
+    }), (y, k) => (v(), B("div", {
       class: "autocomplete-container",
       onFocusout: j,
       ref_key: "containerRef",
@@ -830,7 +830,7 @@ const ue = /* @__PURE__ */ A({
         ref_key: "inputRef",
         ref: l,
         modelValue: p.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (_) => p.value = _),
+        "onUpdate:modelValue": k[0] || (k[0] = (x) => p.value = x),
         fill: e.value.fill ?? "solid",
         "label-placement": e.value.labelPlacement ?? "stacked",
         type: y.type ?? "text",
@@ -846,17 +846,17 @@ const ue = /* @__PURE__ */ A({
       }, {
         default: g(() => [
           F(ue, { model: e.value }, null, 8, ["model"]),
-          e.value.multiple ? (f(), V(i(N), {
+          e.value.multiple ? (v(), V(i(N), {
             key: 0,
             style: { width: "fit-content" },
             slot: "start"
           }, {
             default: g(() => [
-              (f(!0), B($, null, G(s.value, (_, T) => (f(), V(i(Ee), { key: T }, {
+              (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(_.label), 1)
+                      O(U(x.label), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -865,52 +865,52 @@ const ue = /* @__PURE__ */ A({
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (f(), V(i(N), {
+          })) : (v(), V(i(N), {
             key: 1,
             slot: "start",
             class: "ion-no-wrap"
           }, {
             default: g(() => {
-              var _;
+              var x;
               return [
-                O(U(((_ = s.value[0]) == null ? void 0 : _.label) ?? ""), 1)
+                O(U(((x = s.value[0]) == null ? void 0 : x.label) ?? ""), 1)
               ];
             }),
             _: 1
           })),
           F(i(X), {
             slot: "end",
-            icon: i(ze)
+            icon: i(qe)
           }, null, 8, ["icon"]),
-          s.value.length > 0 || p.value ? (f(), V(i(X), {
+          s.value.length > 0 || p.value ? (v(), V(i(X), {
             key: 2,
             slot: "end",
-            icon: i(Se),
+            icon: i(ze),
             onClick: h,
             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 && v.value === "popover" ? (f(), V(i(Re), {
+      r.value && u.value.length > 0 && f.value === "popover" ? (v(), V(i(Ee), {
         key: 0,
-        class: ke(["suggestions-list", m.value])
+        class: xe(["suggestions-list", m.value])
       }, {
         default: g(() => [
-          (f(!0), B($, null, G(u.value, (_) => (f(), V(i(Fe), {
+          (v(!0), B($, null, G(u.value, (x) => (v(), V(i(Re), {
             button: "",
-            key: _.label,
-            onClick: (T) => C(_)
+            key: x.label,
+            onClick: (T) => C(x)
           }, {
             default: g(() => [
-              e.value.multiple ? (f(), V(i(de), {
+              e.value.multiple ? (v(), V(i(de), {
                 key: 0,
                 slot: "start",
-                checked: _.isChecked
+                checked: x.isChecked
               }, null, 8, ["checked"])) : R("", !0),
               F(i(N), null, {
                 default: g(() => [
-                  O(U(_.label), 1)
+                  O(U(x.label), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -927,7 +927,7 @@ const ue = /* @__PURE__ */ A({
   for (const [e, l] of o)
     n[e] = l;
   return n;
-}, lt = /* @__PURE__ */ pe(tt, [["__scopeId", "data-v-e2c4eed6"]]), at = /* @__PURE__ */ A({
+}, tt = /* @__PURE__ */ pe(et, [["__scopeId", "data-v-e2c4eed6"]]), lt = /* @__PURE__ */ A({
   __name: "TextAreaInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -937,7 +937,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = x(null), a = x(e.value.value), r = E(() => n.schema), { onValueUpdate: u, onFocus: p, onReset: c, getErrors: v } = H(
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), { onValueUpdate: u, onFocus: p, onReset: c, getErrors: f } = H(
       l,
       e,
       a,
@@ -949,8 +949,8 @@ const ue = /* @__PURE__ */ A({
     ), o({
       onReset: c,
       onValueUpdate: u,
-      getErrors: v
-    }), (m, s) => (f(), V(i(Ue), {
+      getErrors: f
+    }), (m, s) => (v(), V(i(Ae), {
       ref_key: "inputRef",
       ref: l,
       modelValue: a.value,
@@ -982,10 +982,10 @@ const ue = /* @__PURE__ */ A({
       _: 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"]));
   }
-}), nt = {
+}), at = {
   class: "ion-margin-end",
   style: { "flex-grow": "1" }
-}, ot = { style: { display: "flex", "justify-content": "flex-end" } }, ut = /* @__PURE__ */ A({
+}, nt = { style: { display: "flex", "justify-content": "flex-end" } }, ot = /* @__PURE__ */ A({
   __name: "RepeatInput",
   props: /* @__PURE__ */ q({
     schema: {},
@@ -997,7 +997,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = z(t, "modelValue"), e = x([]), { dynamicRefs: l, resetForm: a, getFormErrors: r, updateFormValues: u } = me(), p = E(() => e.value.map((h, C) => ({
+    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(
@@ -1015,7 +1015,7 @@ const ue = /* @__PURE__ */ A({
     function c() {
       n.value.children && e.value.push(oe(n.value.children));
     }
-    function v(h) {
+    function f(h) {
       e.value.splice(h, 1);
     }
     function m() {
@@ -1031,17 +1031,17 @@ const ue = /* @__PURE__ */ A({
       onValueUpdate: b,
       onReset: m,
       getErrors: s
-    }), (h, C) => (f(!0), B($, null, G(e.value, (d, I) => (f(), B("div", {
+    }), (h, C) => (v(!0), B($, null, G(e.value, (d, I) => (v(), B("div", {
       class: "repeat-input-wrapper",
       key: I
     }, [
-      re("div", nt, [
+      re("div", at, [
         F(i(te), null, {
           default: g(() => [
-            (f(!0), B($, null, G(Object.keys(d), (w) => {
+            (v(!0), B($, null, G(Object.keys(d), (w) => {
               var L, M, P, K, j;
-              return f(), B($, null, [
-                i(ne)(d[w], h.data, h.computedData) ? (f(), V(i(le), {
+              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,
@@ -1051,7 +1051,7 @@ const ue = /* @__PURE__ */ A({
                   class: "ion-margin-bottom"
                 }, {
                   default: g(() => [
-                    (f(), V(se(d[w].type), {
+                    (v(), V(se(d[w].type), {
                       modelValue: d[w],
                       "onUpdate:modelValue": (Z) => d[w] = Z,
                       schema: d,
@@ -1069,8 +1069,8 @@ const ue = /* @__PURE__ */ A({
           _: 2
         }, 1024)
       ]),
-      re("div", ot, [
-        I === e.value.length - 1 ? (f(), V(i(W), {
+      re("div", nt, [
+        I === e.value.length - 1 ? (v(), V(i(W), {
           key: 0,
           onClick: c,
           color: "primary"
@@ -1078,20 +1078,20 @@ const ue = /* @__PURE__ */ A({
           default: g(() => [
             F(i(X), {
               slot: "icon-only",
-              icon: i(Te)
+              icon: i(Se)
             }, null, 8, ["icon"])
           ]),
           _: 1
         })) : R("", !0),
-        e.value.length > 1 ? (f(), V(i(W), {
+        e.value.length > 1 ? (v(), V(i(W), {
           key: 1,
-          onClick: (w) => v(I),
+          onClick: (w) => f(I),
           color: "warning"
         }, {
           default: g(() => [
             F(i(X), {
               slot: "icon-only",
-              icon: i($e)
+              icon: i(Te)
             }, null, 8, ["icon"])
           ]),
           _: 2
@@ -1099,7 +1099,7 @@ const ue = /* @__PURE__ */ A({
       ])
     ]))), 128));
   }
-}), rt = /* @__PURE__ */ pe(ut, [["__scopeId", "data-v-402695fe"]]), st = /* @__PURE__ */ A({
+}), ut = /* @__PURE__ */ pe(ot, [["__scopeId", "data-v-402695fe"]]), rt = /* @__PURE__ */ A({
   __name: "CheckboxInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -1109,7 +1109,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = x(null), a = x(e.value.value), r = E(() => n.schema), u = E(() => ve(e.value)), { onValueUpdate: p, onFocus: c, getErrors: v } = H(l, e, a, r);
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = E(() => fe(e.value)), { onValueUpdate: p, onFocus: c, getErrors: f } = H(l, e, a, r);
     function m() {
       a.value = !1, e.value.error = "", e.value.value = !1;
     }
@@ -1119,8 +1119,8 @@ const ue = /* @__PURE__ */ A({
     ), o({
       onValueUpdate: p,
       onReset: m,
-      getErrors: v
-    }), (s, b) => (f(), V(i(de), {
+      getErrors: f
+    }), (s, b) => (v(), V(i(de), {
       modelValue: a.value,
       "onUpdate:modelValue": b[0] || (b[0] = (h) => a.value = h),
       ref_key: "inputRef",
@@ -1138,7 +1138,7 @@ const ue = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "required", "error-text", "disabled", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), it = /* @__PURE__ */ A({
+}), st = /* @__PURE__ */ A({
   __name: "RadioInput",
   props: /* @__PURE__ */ q({
     schema: {}
@@ -1148,7 +1148,7 @@ const ue = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const n = t, e = z(t, "modelValue"), l = x(null), a = x(e.value.value), r = E(() => n.schema), u = x([]), p = E(() => ve(e.value)), { onValueUpdate: c, onFocus: v, getErrors: m } = H(l, e, a, r);
+    const n = t, e = z(t, "modelValue"), l = _(null), a = _(e.value.value), r = E(() => n.schema), u = _([]), p = E(() => fe(e.value)), { onValueUpdate: c, onFocus: f, getErrors: m } = H(l, e, a, r);
     function s() {
       e.value.error = "", a.value = void 0, e.value.value = void 0;
     }
@@ -1165,7 +1165,7 @@ const ue = /* @__PURE__ */ A({
       onValueUpdate: c,
       onReset: s,
       getErrors: m
-    }), ie(h), (C, d) => (f(), V(i(Be), {
+    }), ie(h), (C, d) => (v(), V(i(Ue), {
       modelValue: a.value,
       "onUpdate:modelValue": d[0] || (d[0] = (I) => a.value = I),
       ref_key: "inputRef",
@@ -1176,12 +1176,12 @@ const ue = /* @__PURE__ */ A({
       disabled: e.value.disabled,
       compareWith: b,
       "allow-empty-selection": !e.value.required,
-      onIonFocus: i(v),
+      onIonFocus: i(f),
       onIonChange: i(c),
       onIonBlur: i(c)
     }, {
       default: g(() => [
-        (f(!0), B($, null, G(u.value, (I) => (f(), V(i(qe), {
+        (v(!0), B($, null, G(u.value, (I) => (v(), V(i(Be), {
           key: I.value,
           value: I,
           disabled: e.value.disabled,
@@ -1197,13 +1197,13 @@ const ue = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "required", "helper-text", "error-text", "disabled", "allow-empty-selection", "onIonFocus", "onIonChange", "onIonBlur"]));
   }
-}), mt = {
+}), ft = {
   install(t) {
-    t.component("VForm", We), t.component("TextInput", Je), t.component("DateInput", Qe), t.component("NumberInput", Xe), t.component("EmailInput", Ye), t.component("PasswordInput", et), t.component("SelectInput", lt), t.component("TextAreaInput", at), t.component("RepeatInput", rt), t.component("CheckboxInput", st), t.component("RadioInput", it), t.directive("maskito", Le);
+    t.component("VForm", Ke), t.component("TextInput", He), t.component("DateInput", Je), t.component("NumberInput", Qe), t.component("EmailInput", Xe), t.component("PasswordInput", Ye), t.component("SelectInput", tt), t.component("TextAreaInput", lt), t.component("RepeatInput", ut), t.component("CheckboxInput", rt), t.component("RadioInput", st), t.directive("maskito", $e);
   }
 };
 export {
-  mt as VForm,
-  mt as default
+  ft as VForm,
+  ft as default
 };
 //# sourceMappingURL=index.es.js.map