maz-ui 3.43.4 → 3.44.0

package/components/chunks/{MazPhoneNumberInput-HeEEyDu0.mjs → MazPhoneNumberInput-DpWoNQfx.mjs}

@@ -1,28 +1,172 @@
-import '../assets/MazPhoneNumberInput.css';
-import { getCurrentInstance as je, computed as y, defineComponent as ae, defineAsyncComponent as q, ref as P, onMounted as ge, useSlots as We, openBlock as V, createElementBlock as M, normalizeClass as N, normalizeStyle as te, createElementVNode as H, createCommentVNode as b, renderSlot as R, createBlock as D, unref as A, resolveDynamicComponent as Se, withDirectives as Pe, mergeProps as re, toHandlers as Qe, vModelDynamic as Ge, createTextVNode as ve, toDisplayString as X, withModifiers as oe, withCtx as j, createVNode as Z, useCssVars as Je, onBeforeMount as Ze, nextTick as ne, Transition as Xe, Fragment as Ie, renderList as xe, inject as _e, mergeModels as ke, useModel as eo, provide as oo, watch as fe } from "vue";
+import { getCurrentInstance as je, computed as m, defineComponent as ae, defineAsyncComponent as q, ref as B, onMounted as ge, useSlots as We, openBlock as V, createElementBlock as L, normalizeClass as N, normalizeStyle as te, createElementVNode as H, createCommentVNode as g, renderSlot as R, createBlock as D, unref as P, resolveDynamicComponent as Se, withDirectives as Pe, mergeProps as re, toHandlers as Qe, vModelDynamic as Ge, createTextVNode as ve, toDisplayString as X, withModifiers as oe, withCtx as j, createVNode as Z, useCssVars as Je, onBeforeMount as Ze, nextTick as ne, Transition as Xe, Fragment as Ie, renderList as xe, inject as _e, mergeModels as ke, useModel as eo, provide as oo, watch as fe } from "vue";
 import { getCountries as Ae, getCountryCallingCode as ue, isSupportedCountry as to, parsePhoneNumberFromString as lo, AsYouType as no, getExampleNumber as ao } from "libphonenumber-js";
-function ro(a, l) {
-  let o;
-  return function(...d) {
-    clearTimeout(o), o = setTimeout(() => {
-      a.apply(this, d);
-    }, l);
-  };
-}
-function be({
-  componentName: a,
+import '../assets/MazPhoneNumberInput.css';function be({
+  componentName: n,
   providedId: l
 }) {
-  const o = je();
-  return y(() => l ?? `${a}-${o == null ? void 0 : o.uid}`);
+  const e = je();
+  return m(() => l ?? `${n}-${e == null ? void 0 : e.uid}`);
+}
+let pe = null;
+function ro(n, l) {
+  pe && clearTimeout(pe), pe = setTimeout(n, l);
 }
 const so = {
+  removeAccents: !0,
+  caseSensitive: !1,
+  replaceSpaces: !0,
+  removeSpecialCharacters: !1,
+  trim: !0,
+  normalizeSpaces: !0,
+  removeNumbers: !1,
+  customNormalizationForms: ["NFC", "NFKD"]
+};
+function ie(n, l) {
+  const e = { ...so, ...l }, t = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Î: "I",
+    Ï: "I",
+    í: "I",
+    î: "i",
+    ï: "i",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ç: "C",
+    ç: "c",
+    ÿ: "y",
+    Ñ: "N",
+    ñ: "n",
+    ó: "o"
+  };
+  let d = n.toString();
+  if (e.trim && (d = d.trim()), e.normalizeSpaces && (d = d.replaceAll(/\s+/g, " ")), e.replaceSpaces && (d = d.replaceAll(" ", "-")), e.removeNumbers && (d = d.replaceAll(/\d/g, "")), e.removeAccents && (d = d.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (f) => t[f] || f), d = d.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (d = d.toLowerCase()), e.removeSpecialCharacters && (d = d.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (d = d.trim()), e.customNormalizationForms)
+    for (const f of e.customNormalizationForms)
+      d = d.normalize(f);
+  return d;
+}
+function uo(n, l) {
+  const e = n.length, t = l.length, d = [];
+  for (let f = 0; f <= e; f++)
+    d[f] = [f];
+  for (let f = 0; f <= t; f++)
+    d[0][f] = f;
+  for (let f = 1; f <= e; f++)
+    for (let b = 1; b <= t; b++) {
+      const k = n[f - 1] === l[b - 1] ? 0 : 1;
+      d[f][b] = Math.min(
+        d[f - 1][b] + 1,
+        d[f][b - 1] + 1,
+        d[f - 1][b - 1] + k
+      );
+    }
+  return d[e][t];
+}
+function Fe(n, l) {
+  const e = uo(n, l), t = Math.max(n.length, l.length);
+  return 1 - e / t;
+}
+function io(n, l, e = 0.75) {
+  return Fe(n, l) >= e;
+}
+function me(n, l, e = 0.75) {
+  const t = m(
+    () => ie(typeof n == "string" ? n : n.value)
+  ), d = m(
+    () => ie(typeof l == "string" ? l : l.value)
+  ), f = m(() => typeof e == "number" ? e : e.value), b = m(() => Fe(t.value, d.value));
+  return {
+    isMatching: m(
+      () => io(t.value, d.value, f.value)
+    ),
+    score: b
+  };
+}
+function Ee(n, l, e) {
+  var b;
+  n.stopPropagation();
+  const t = typeof e.value == "function" ? e.value : e.value.handler, d = typeof e.value == "object" ? e.value.exclude : void 0;
+  let f = !1;
+  if (d && d.length > 0) {
+    for (const k of d)
+      if (!f && n.target instanceof HTMLElement) {
+        const K = (b = document.querySelector(k)) == null ? void 0 : b.getAttribute("id");
+        f = n.target.getAttribute("id") === K;
+      }
+  }
+  !l.contains(n.target) && !f && (t == null || t());
+}
+function Le() {
+  return document.ontouchstart === null ? "touchstart" : "click";
+}
+function co(n, l) {
+  const e = Le();
+  document.removeEventListener(e, (t) => Ee(t, n, l));
+}
+function fo(n, l) {
+  if (typeof l.value != "function" && typeof l.value == "object" && typeof l.value.handler != "function") {
+    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
+    return;
+  }
+  const e = Le();
+  document.addEventListener(e, (t) => Ee(t, n, l));
+}
+const po = {
+  mounted: fo,
+  unmounted: co
+}, se = (n, l) => {
+  const e = n.__vccOpts || n;
+  for (const [t, d] of l)
+    e[t] = d;
+  return e;
+};
+function mo(n, l) {
+  let e;
+  return function(...t) {
+    clearTimeout(e), e = setTimeout(() => {
+      n.apply(this, t);
+    }, l);
+  };
+}
+const yo = {
   key: 0,
   class: "m-input-wrapper-left"
-}, uo = { class: "m-input-wrapper-input" }, io = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], co = { key: 0 }, fo = {
+}, vo = { class: "m-input-wrapper-input" }, ho = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], go = { key: 0 }, bo = {
   key: 1,
   class: "m-input-wrapper-right"
-}, po = /* @__PURE__ */ ae({
+}, zo = /* @__PURE__ */ ae({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -59,90 +203,92 @@ const so = {
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(a, { emit: l }) {
-    const o = q(() => import("./MazBtn-BOb7Fg_d.mjs")), d = q(() => import("./MazIcon-BKuhvwwq.mjs")), c = q(() => import("./eye-slash-tjfxO0LK.mjs")), p = q(() => import("./eye-DqO_Jx56.mjs")), z = q(() => import("./check-7UA4j2f2.mjs")), t = a, $ = l, F = P(!1), v = P(!1), S = P(), s = be({
+  setup(n, { emit: l }) {
+    const e = n, t = l, d = q(() => import("./MazBtn-zyRLUViT.mjs")), f = q(() => import("./MazIcon-B8A0hQAH.mjs")), b = q(() => import("./eye-slash-tjfxO0LK.mjs")), k = q(() => import("./eye-DqO_Jx56.mjs")), K = q(() => import("./check-7UA4j2f2.mjs")), A = B(!1), y = B(!1), S = B(), s = be({
       componentName: "MazInput",
-      providedId: t.id
+      providedId: e.id
     });
     ge(() => {
       var r;
-      t.autoFocus && ((r = S.value) == null || r.focus());
+      e.autoFocus && ((r = S.value) == null || r.focus());
     });
-    const m = y(() => t.type === "password"), w = y(() => F.value ? "text" : t.type), I = y(() => {
-      if (!t.noBorder) {
-        if (t.error)
+    const p = m(() => e.type === "password"), w = m(() => A.value ? "text" : e.type), I = m(() => {
+      if (!e.noBorder) {
+        if (e.error)
           return "maz-border-danger";
-        if (t.success)
+        if (e.success)
           return "maz-border-success";
-        if (t.warning)
+        if (e.warning)
           return "maz-border-warning";
-        if (v.value || t.borderActive) {
-          if (t.color === "black")
+        if (y.value || e.borderActive) {
+          if (e.color === "black")
             return "maz-border-black";
-          if (t.color === "danger")
+          if (e.color === "danger")
             return "maz-border-danger";
-          if (t.color === "info")
+          if (e.color === "info")
             return "maz-border-info";
-          if (t.color === "primary")
+          if (e.color === "primary")
             return "maz-border-primary";
-          if (t.color === "secondary")
+          if (e.color === "secondary")
             return "maz-border-secondary";
-          if (t.color === "success")
+          if (e.color === "success")
             return "maz-border-success";
-          if (t.color === "warning")
+          if (e.color === "warning")
             return "maz-border-warning";
-          if (t.color === "white")
+          if (e.color === "white")
             return "maz-border-white";
         }
         return "--default-border";
       }
-    }), O = We(), W = y(() => {
-      const { required: r, placeholder: E } = t;
-      if (E)
-        return r ? `${E} *` : E;
-    }), Q = y(() => g.value !== void 0 && g.value !== ""), h = ro(
+    }), O = We(), W = m(() => {
+      const { required: r, placeholder: F } = e;
+      if (F)
+        return r ? `${F} *` : F;
+    }), Q = m(() => h.value !== void 0 && h.value !== ""), v = mo(
       (r) => {
-        $("update:model-value", r);
+        t("update:model-value", r);
       },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    ), C = (r) => {
-      if (t.debounce)
-        return h(r);
-      $("update:model-value", r);
-    }, g = y({
-      get: () => t.modelValue,
-      set: (r) => C(r)
-    }), G = y(() => (!!t.label || !!t.hint) && (v.value || !!Q.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), n = y(() => !!t.label || !!t.hint);
-    function B() {
-      return !!O["right-icon"] || m.value || !!O["valid-button"] || t.validButton || !!t.rightIcon;
+      typeof e.debounce == "number" ? e.debounce : e.debounceDelay ?? 500
+    );
+    function z(r) {
+      if (e.debounce)
+        return v(r);
+      t("update:model-value", r);
+    }
+    const h = m({
+      get: () => e.modelValue,
+      set: (r) => z(r)
+    }), G = m(() => (!!e.label || !!e.hint) && (y.value || !!Q.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), a = m(() => !!e.label || !!e.hint);
+    function $() {
+      return !!O["right-icon"] || p.value || !!O["valid-button"] || e.validButton || !!e.rightIcon;
     }
-    function L() {
-      return !!O["left-icon"] || !!t.leftIcon;
+    function E() {
+      return !!O["left-icon"] || !!e.leftIcon;
     }
-    function T(r) {
-      $("focus", r), v.value = !0;
+    function M(r) {
+      t("focus", r), y.value = !0;
     }
     function U(r) {
-      $("blur", r), v.value = !1;
+      t("blur", r), y.value = !1;
     }
     function le(r) {
-      return $("change", r);
+      return t("change", r);
     }
-    return (r, E) => (V(), M(
+    return (r, F) => (V(), L(
       "div",
       {
         class: N(["m-input", [
           {
-            "--is-focused": v.value || r.borderActive,
+            "--is-focused": y.value || r.borderActive,
             "--should-up": G.value,
-            "--has-label": n.value,
+            "--has-label": a.value,
             "--is-disabled": r.disabled,
             "--is-readonly": r.readonly,
             "--has-z-2": r.error || r.warning || r.success,
             "--has-state": r.error || r.warning || r.success,
             "--block": r.block
           },
-          t.class,
+          e.class,
           `--${r.color}`,
           `--${r.size}`
         ]]),
@@ -159,27 +305,27 @@ const so = {
             ]])
           },
           [
-            L() ? (V(), M("div", so, [
-              b(`
+            E() ? (V(), L("div", yo, [
+              g(`
           @slot left-icon - The icon to display on the left of the input
         `),
               r.$slots["left-icon"] || r.leftIcon ? R(r.$slots, "left-icon", { key: 0 }, () => [
-                typeof r.leftIcon == "string" ? (V(), D(A(d), {
+                typeof r.leftIcon == "string" ? (V(), D(P(f), {
                   key: 0,
                   name: r.leftIcon,
                   class: "maz-text-xl maz-text-muted"
                 }, null, 8, ["name"])) : r.leftIcon ? (V(), D(Se(r.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : b("v-if", !0)
-              ], !0) : b("v-if", !0)
-            ])) : b("v-if", !0),
-            H("div", uo, [
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0),
+            H("div", vo, [
               Pe(H("input", re({
-                id: A(s),
+                id: P(s),
                 ref_key: "input",
                 ref: S,
-                "onUpdate:modelValue": E[0] || (E[0] = (J) => g.value = J),
+                "onUpdate:modelValue": F[0] || (F[0] = (J) => h.value = J),
                 type: w.value,
                 name: r.name
               }, r.$attrs, {
@@ -192,18 +338,17 @@ const so = {
                 class: "m-input-input"
               }, Qe({
                 blur: U,
-                focus: T,
+                focus: M,
                 change: le
               }, !0), {
-                onClick: E[1] || (E[1] = (J) => r.$emit("click", J))
-              }), null, 16, io), [
-                [Ge, g.value]
+                onClick: F[1] || (F[1] = (J) => r.$emit("click", J))
+              }), null, 16, ho), [
+                [Ge, h.value]
               ]),
-              r.label || r.hint ? (V(), M(
+              r.label || r.hint ? (V(), L(
                 "span",
                 {
                   key: 0,
-                  ref: "label",
                   class: N(["m-input-label", [
                     {
                       "maz-text-danger-600": r.error,
@@ -218,50 +363,50 @@ const so = {
                     1
                     /* TEXT */
                   ),
-                  r.required ? (V(), M("sup", co, "*")) : b("v-if", !0)
+                  r.required ? (V(), L("sup", go, "*")) : g("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : b("v-if", !0)
+              )) : g("v-if", !0)
             ]),
-            B() ? (V(), M("div", fo, [
-              b(`
+            $() ? (V(), L("div", bo, [
+              g(`
           @slot right-icon - The icon to display on the right of the input
         `),
               r.$slots["right-icon"] || r.rightIcon ? R(r.$slots, "right-icon", { key: 0 }, () => [
-                typeof r.rightIcon == "string" ? (V(), D(A(d), {
+                typeof r.rightIcon == "string" ? (V(), D(P(f), {
                   key: 0,
                   name: r.rightIcon,
                   class: "maz-text-xl maz-text-muted"
                 }, null, 8, ["name"])) : r.rightIcon ? (V(), D(Se(r.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : b("v-if", !0)
-              ], !0) : b("v-if", !0),
-              m.value ? (V(), D(A(o), {
+                })) : g("v-if", !0)
+              ], !0) : g("v-if", !0),
+              p.value ? (V(), D(P(d), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: E[2] || (E[2] = oe((J) => F.value = !F.value, ["stop"]))
+                onClick: F[2] || (F[2] = oe((J) => A.value = !A.value, ["stop"]))
               }, {
                 default: j(() => [
-                  F.value ? (V(), D(A(c), {
+                  A.value ? (V(), D(P(b), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (V(), D(A(p), {
+                  })) : (V(), D(P(k), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : b("v-if", !0),
-              b(`
+              })) : g("v-if", !0),
+              g(`
           @slot valid-button - Replace the valid button by your own
         `),
               r.$slots["valid-button"] || r.validButton ? R(r.$slots, "valid-button", { key: 2 }, () => [
-                Z(A(o), {
+                Z(P(d), {
                   color: "transparent",
                   disabled: r.disabled,
                   tabindex: "-1",
@@ -271,13 +416,13 @@ const so = {
                   type: "submit"
                 }, {
                   default: j(() => [
-                    Z(A(z), { class: "maz-text-2xl maz-text-normal" })
+                    Z(P(K), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : b("v-if", !0)
-            ])) : b("v-if", !0)
+              ], !0) : g("v-if", !0)
+            ])) : g("v-if", !0)
           ],
           2
           /* CLASS */
@@ -287,152 +432,7 @@ const so = {
       /* CLASS, STYLE */
     ));
   }
-}), se = (a, l) => {
-  const o = a.__vccOpts || a;
-  for (const [d, c] of l)
-    o[d] = c;
-  return o;
-}, he = /* @__PURE__ */ se(po, [["__scopeId", "data-v-84073434"]]);
-let pe = null;
-function mo(a, l) {
-  pe && clearTimeout(pe), pe = setTimeout(a, l);
-}
-const yo = {
-  removeAccents: !0,
-  caseSensitive: !1,
-  replaceSpaces: !0,
-  removeSpecialCharacters: !1,
-  trim: !0,
-  normalizeSpaces: !0,
-  removeNumbers: !1,
-  customNormalizationForms: ["NFC", "NFKD"]
-};
-function ie(a, l) {
-  const o = { ...yo, ...l }, d = {
-    À: "A",
-    Á: "A",
-    Â: "A",
-    Ã: "A",
-    Ä: "A",
-    Å: "A",
-    à: "a",
-    á: "a",
-    â: "a",
-    ã: "a",
-    ä: "a",
-    å: "a",
-    È: "E",
-    É: "E",
-    Ê: "E",
-    Ë: "E",
-    è: "e",
-    é: "e",
-    ê: "e",
-    ë: "e",
-    Î: "I",
-    Ï: "I",
-    í: "I",
-    î: "i",
-    ï: "i",
-    Ô: "O",
-    Õ: "O",
-    Ö: "O",
-    Ø: "O",
-    ô: "o",
-    õ: "o",
-    ö: "o",
-    ø: "o",
-    Ù: "U",
-    Ú: "U",
-    Û: "U",
-    Ü: "U",
-    ù: "u",
-    ú: "u",
-    û: "u",
-    ü: "u",
-    Ç: "C",
-    ç: "c",
-    ÿ: "y",
-    Ñ: "N",
-    ñ: "n",
-    ó: "o"
-  };
-  let c = a.toString();
-  if (o.trim && (c = c.trim()), o.normalizeSpaces && (c = c.replaceAll(/\s+/g, " ")), o.replaceSpaces && (c = c.replaceAll(" ", "-")), o.removeNumbers && (c = c.replaceAll(/\d/g, "")), o.removeAccents && (c = c.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (p) => d[p] || p), c = c.replaceAll(/[\u0300-\u036F]/g, "")), o.caseSensitive === !1 && (c = c.toLowerCase()), o.removeSpecialCharacters && (c = c.replaceAll(/[^\dA-Za-z-]/g, "")), o.trim && (c = c.trim()), o.customNormalizationForms)
-    for (const p of o.customNormalizationForms)
-      c = c.normalize(p);
-  return c;
-}
-function vo(a, l) {
-  const o = a.length, d = l.length, c = [];
-  for (let p = 0; p <= o; p++)
-    c[p] = [p];
-  for (let p = 0; p <= d; p++)
-    c[0][p] = p;
-  for (let p = 1; p <= o; p++)
-    for (let z = 1; z <= d; z++) {
-      const t = a[p - 1] === l[z - 1] ? 0 : 1;
-      c[p][z] = Math.min(
-        c[p - 1][z] + 1,
-        c[p][z - 1] + 1,
-        c[p - 1][z - 1] + t
-      );
-    }
-  return c[o][d];
-}
-function Fe(a, l) {
-  const o = vo(a, l), d = Math.max(a.length, l.length);
-  return 1 - o / d;
-}
-function ho(a, l, o = 0.75) {
-  return Fe(a, l) >= o;
-}
-function me(a, l, o = 0.75) {
-  const d = y(
-    () => ie(typeof a == "string" ? a : a.value)
-  ), c = y(
-    () => ie(typeof l == "string" ? l : l.value)
-  ), p = y(() => typeof o == "number" ? o : o.value), z = y(() => Fe(d.value, c.value));
-  return {
-    isMatching: y(
-      () => ho(d.value, c.value, p.value)
-    ),
-    score: z
-  };
-}
-const Ee = (a, l, o) => {
-  var z;
-  a.stopPropagation();
-  const d = typeof o.value == "function" ? o.value : o.value.handler, c = typeof o.value == "object" ? o.value.exclude : void 0;
-  let p = !1;
-  if (c && c.length > 0) {
-    for (const t of c)
-      if (!p && a.target instanceof HTMLElement) {
-        const $ = (z = document.querySelector(t)) == null ? void 0 : z.getAttribute("id");
-        p = a.target.getAttribute("id") === $;
-      }
-  }
-  !l.contains(a.target) && !p && (d == null || d());
-};
-function Le() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-function go(a, l) {
-  const o = Le();
-  document.removeEventListener(o, (d) => Ee(d, a, l));
-}
-function bo(a, l) {
-  if (typeof l.value != "function" && typeof l.value == "object" && typeof l.value.handler != "function") {
-    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
-    return;
-  }
-  const o = Le();
-  document.addEventListener(o, (d) => Ee(d, a, l));
-}
-const zo = {
-  mounted: bo,
-  unmounted: go
-}, Co = ["aria-label"], Vo = { class: "m-select-list__no-results" }, wo = {
+}), he = /* @__PURE__ */ se(zo, [["__scopeId", "data-v-e9affc48"]]), Co = ["aria-label"], Vo = { class: "m-select-list__no-results" }, wo = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
@@ -464,219 +464,231 @@ const zo = {
     excludeSelectors: { default: void 0 }
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
-  setup(a, { expose: l, emit: o }) {
-    Je((e) => ({
-      "416802e0": w.value,
-      "21823f4f": s.value,
-      "6d76cd12": m.value
+  setup(n, { expose: l, emit: e }) {
+    Je((o) => ({
+      "10a6fdb0": w.value,
+      "3653166f": s.value,
+      "44a0b897": p.value
     }));
-    const d = q(() => import("./MazCheckbox-CCa7grGF.mjs")), c = q(() => import("./magnifying-glass-DZGg7953.mjs")), p = q(() => import("./chevron-down-CzMH-gFW.mjs")), z = q(() => import("./no-symbol-QAqP9IlR.mjs"));
+    const t = n, d = e, f = q(() => import("./MazCheckbox-D3PXkt75.mjs")), b = q(() => import("./magnifying-glass-DZGg7953.mjs")), k = q(() => import("./chevron-down-CzMH-gFW.mjs")), K = q(() => import("./no-symbol-QAqP9IlR.mjs"));
     l({
       /** Method to open the option list */
       openList: _,
       /** Method to close the option list */
       closeList: x
     });
-    const t = a, $ = o, F = P(!1), v = P(), S = y(
+    const A = B(!1), y = B(), S = m(
       () => ["black", "transparent", "white"].includes(t.color)
-    ), s = y(
+    ), s = m(
       () => S.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), m = y(
+    ), p = m(
       () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), w = y(
+    ), w = m(
       () => S.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = y(() => F.value || t.open), O = be({
+    ), I = m(() => A.value || t.open), O = be({
       componentName: "MazSelect",
       providedId: t.id
     });
-    function W(e) {
+    function W(o) {
       return {
-        [t.optionValueKey]: e,
-        [t.optionLabelKey]: e,
-        [t.optionInputValueKey]: e
+        [t.optionValueKey]: o,
+        [t.optionLabelKey]: o,
+        [t.optionInputValueKey]: o
       };
     }
-    function Q(e) {
+    function Q(o) {
       return {
-        ...e,
-        [t.optionValueKey]: e[t.optionValueKey],
-        [t.optionLabelKey]: e[t.optionLabelKey],
-        [t.optionInputValueKey]: e[t.optionInputValueKey]
+        ...o,
+        [t.optionValueKey]: o[t.optionValueKey],
+        [t.optionLabelKey]: o[t.optionLabelKey],
+        [t.optionInputValueKey]: o[t.optionInputValueKey]
       };
     }
-    const h = y(() => {
+    const v = m(() => {
       var u;
-      const e = [];
+      const o = [];
       if (!((u = t.options) != null && u.length))
         return [];
-      for (const f of t.options)
-        typeof f == "string" || typeof f == "number" || typeof f == "boolean" ? e.push(W(f)) : typeof f == "object" && "options" in f && Array.isArray(f.options) ? e.push(
-          { label: f.label, isOptGroup: !0 },
-          ...f.options.map(
+      for (const c of t.options)
+        typeof c == "string" || typeof c == "number" || typeof c == "boolean" ? o.push(W(c)) : typeof c == "object" && "options" in c && Array.isArray(c.options) ? o.push(
+          { label: c.label, isOptGroup: !0 },
+          ...c.options.map(
             (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? W(i) : Q(i)
           )
-        ) : e.push(Q(f));
-      return e;
-    }), C = y(
+        ) : o.push(Q(c));
+      return o;
+    }), z = m(
       () => {
-        var e;
-        return ((e = h.value) == null ? void 0 : e.filter((u) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(u[t.optionValueKey]) && !L(u[t.optionValueKey]) : !1 : t.modelValue === u[t.optionValueKey] && !L(u[t.optionValueKey]))) ?? [];
+        var o;
+        return ((o = v.value) == null ? void 0 : o.filter((u) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(u[t.optionValueKey]) && !E(u[t.optionValueKey]) : !1 : t.modelValue === u[t.optionValueKey] && !E(u[t.optionValueKey]))) ?? [];
       }
     );
     Ze(() => {
-      var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ce();
+      var o;
+      (o = t.options) != null && o.length || console.warn("[maz-ui](MazSelect) you must provide options"), ce();
     });
-    const g = P(), G = P(), n = P(), B = P(), L = (e) => e == null;
-    function T(e) {
-      var f;
-      return (((f = C.value) == null ? void 0 : f.some(
-        (i) => i[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !L(e[t.optionValueKey]);
+    const h = B(), G = B(), a = B(), $ = B();
+    function E(o) {
+      return o == null;
+    }
+    function M(o) {
+      var c;
+      return (((c = z.value) == null ? void 0 : c.some(
+        (i) => i[t.optionValueKey] === o[t.optionValueKey]
+      )) ?? !1) && !E(o[t.optionValueKey]);
     }
-    const U = y(() => {
+    const U = m(() => {
       var u;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (f) => {
-            var i, k;
-            return (k = (i = h.value) == null ? void 0 : i.find((K) => K[t.optionValueKey] === f)) == null ? void 0 : k[t.optionInputValueKey];
+          (c) => {
+            var i, C;
+            return (C = (i = v.value) == null ? void 0 : i.find((T) => T[t.optionValueKey] === c)) == null ? void 0 : C[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (u = h.value) == null ? void 0 : u.find(
-        (f) => f[t.optionValueKey] === t.modelValue
+      const o = (u = v.value) == null ? void 0 : u.find(
+        (c) => c[t.optionValueKey] === t.modelValue
       );
-      return L(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), le = y(
+      return E(t.modelValue) || o == null ? void 0 : o[t.optionInputValueKey];
+    }), le = m(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), r = P(""), E = P(""), J = (e, u) => u && e && ie(e).includes(ie(u));
-    function ze(e) {
+    ), r = B(""), F = B("");
+    function J(o, u) {
+      return u && o && ie(o).includes(ie(u));
+    }
+    function ze(o) {
       var u;
-      return e ? (u = h.value) == null ? void 0 : u.filter((f) => {
-        const i = f[t.optionLabelKey], k = f[t.optionValueKey], K = f[t.optionInputValueKey];
-        return J(i, e) || J(K, e) || J(k, e) || typeof i == "string" && me(i, e, 0.5).isMatching.value || typeof K == "string" && me(K, e, 0.5).isMatching.value || typeof k == "string" && me(k, e, 0.5).isMatching.value;
-      }) : h.value;
+      return o ? (u = v.value) == null ? void 0 : u.filter((c) => {
+        const i = c[t.optionLabelKey], C = c[t.optionValueKey], T = c[t.optionInputValueKey];
+        return J(i, o) || J(T, o) || J(C, o) || typeof i == "string" && me(i, o, 0.5).isMatching.value || typeof T == "string" && me(T, o, 0.5).isMatching.value || typeof C == "string" && me(C, o, 0.5).isMatching.value;
+      }) : v.value;
     }
-    const Y = y(() => ze(r.value));
-    async function x(e) {
-      var f, i;
+    const Y = m(() => ze(r.value));
+    async function x(o) {
+      var c, i;
       if (!I.value)
         return;
-      if (e && ("relatedTarget" in e && ((f = g.value) != null && f.contains(e.relatedTarget)) || e.type === "keydown"))
-        return e.preventDefault();
-      const u = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if (o && ("relatedTarget" in o && ((c = h.value) != null && c.contains(o.relatedTarget)) || o.type === "keydown"))
+        return o.preventDefault();
+      const u = o && "relatedTarget" in o && o.relatedTarget instanceof HTMLElement && o.relatedTarget.getAttribute("id");
       if ((i = t.excludeSelectors) != null && i.includes(`#${u}`))
-        return e == null ? void 0 : e.preventDefault();
-      await ne(), F.value = !1, v.value = 0, $("close", e);
+        return o == null ? void 0 : o.preventDefault();
+      await ne(), A.value = !1, y.value = 0, d("close", o);
     }
-    async function _(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), F.value = !0, await de(), $("focus", e), $("open", F.value));
+    async function _(o) {
+      t.disabled || I.value || (o == null || o.preventDefault(), A.value = !0, await de(), d("focus", o), d("open", A.value));
     }
     function Ce() {
-      var e, u;
-      (u = ((e = G.value) == null ? void 0 : e.$el).querySelector("input")) == null || u.focus();
+      var o, u;
+      (u = ((o = G.value) == null ? void 0 : o.$el).querySelector("input")) == null || u.focus();
     }
-    function De(e) {
-      F.value ? x(e) : Ce();
+    function De(o) {
+      A.value ? x(o) : Ce();
     }
-    function Oe(e) {
-      var u, f;
-      r.value = e, (f = ((u = n.value) == null ? void 0 : u.$el).querySelector("input")) == null || f.focus();
+    function Oe(o) {
+      var u, c;
+      r.value = o, (c = ((u = a.value) == null ? void 0 : u.$el).querySelector("input")) == null || c.focus();
     }
-    function Ue(e) {
-      var f;
-      e === "Backspace" && E.value.length > 0 ? E.value = E.value.slice(0, -1) : E.value += e;
-      const u = ze(E.value);
-      u != null && u.length && (v.value = (f = Y.value) == null ? void 0 : f.findIndex(
+    function Ue(o) {
+      var c;
+      o === "Backspace" && F.value.length > 0 ? F.value = F.value.slice(0, -1) : F.value += o;
+      const u = ze(F.value);
+      u != null && u.length && (y.value = (c = Y.value) == null ? void 0 : c.findIndex(
         (i) => i[t.optionValueKey] === u[0][t.optionValueKey]
-      ), typeof v.value == "number" && v.value >= 0 && de(v.value)), mo(() => {
-        E.value = "";
+      ), typeof y.value == "number" && y.value >= 0 && de(y.value)), ro(() => {
+        F.value = "";
       }, 1e3);
     }
-    const Ye = (e) => {
-      const u = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (e.preventDefault(), _(e), t.search ? Oe(u) : Ue(u)) : Ve(e);
-    }, Ve = (e) => {
-      const u = e.code, f = ["ArrowUp", "ArrowDown"].includes(u), i = ["Enter", "Space"].includes(u), k = u === "Escape" && I.value;
-      f ? qe(e, v.value) : i ? He(e, v.value) : k && x(e);
-    }, qe = (e, u) => {
-      var k;
-      e.preventDefault();
-      const f = e.code;
-      I.value || _(e);
-      const i = (k = Y.value) == null ? void 0 : k.length;
-      i && (typeof u == "number" ? u === i - 1 && f === "ArrowDown" ? v.value = 0 : u === 0 && f === "ArrowUp" ? v.value = i - 1 : v.value = f === "ArrowDown" ? u + 1 : u - 1 : v.value = f === "ArrowDown" ? 0 : i - 1, de(v.value));
-    }, He = (e, u) => {
-      var i, k, K;
-      if (e.preventDefault(), !I.value)
-        return _(e);
-      const f = u ? ((i = Y.value) == null ? void 0 : i[u]) ?? ((k = Y.value) == null ? void 0 : k[0]) : (K = Y.value) == null ? void 0 : K[0];
-      L(f) || we(f);
-    };
-    async function de(e) {
-      var f, i;
-      await ne(), typeof e != "number" && ce();
-      const u = e ?? v.value;
-      typeof u == "number" && u >= 0 && ((i = (f = B.value) == null ? void 0 : f.querySelectorAll(".m-select-list-item")[u]) == null || i.scrollIntoView({
-        behavior: "auto",
-        block: "nearest",
-        inline: "start"
-      }));
+    function Ye(o) {
+      const u = o.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(u) ? (o.preventDefault(), _(o), t.search ? Oe(u) : Ue(u)) : Ve(o);
+    }
+    function Ve(o) {
+      const u = o.code, c = ["ArrowUp", "ArrowDown"].includes(u), i = ["Enter", "Space"].includes(u), C = u === "Escape" && I.value;
+      c ? qe(o, y.value) : i ? He(o, y.value) : C && x(o);
     }
-    function ce(e) {
-      var f;
-      const u = (f = Y.value) == null ? void 0 : f.findIndex((i) => {
-        var k, K;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((K = (k = C.value) == null ? void 0 : k[0]) == null ? void 0 : K[t.optionValueKey]) === i[t.optionValueKey];
+    function qe(o, u) {
+      var C;
+      o.preventDefault();
+      const c = o.code;
+      I.value || _(o);
+      const i = (C = Y.value) == null ? void 0 : C.length;
+      i && (typeof u == "number" ? u === i - 1 && c === "ArrowDown" ? y.value = 0 : u === 0 && c === "ArrowUp" ? y.value = i - 1 : y.value = c === "ArrowDown" ? u + 1 : u - 1 : y.value = c === "ArrowDown" ? 0 : i - 1, de(y.value));
+    }
+    function He(o, u) {
+      var i, C, T;
+      if (o.preventDefault(), !I.value)
+        return _(o);
+      const c = u ? ((i = Y.value) == null ? void 0 : i[u]) ?? ((C = Y.value) == null ? void 0 : C[0]) : (T = Y.value) == null ? void 0 : T[0];
+      E(c) || we(c);
+    }
+    async function de(o) {
+      var c, i;
+      await ne(), typeof o != "number" && ce();
+      const u = o ?? y.value;
+      if (typeof u == "number" && u >= 0) {
+        const C = (c = $.value) == null ? void 0 : c.querySelectorAll(".m-select-list-item");
+        (i = C == null ? void 0 : C[u]) == null || i.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }
+    function ce(o) {
+      var c;
+      const u = (c = Y.value) == null ? void 0 : c.findIndex((i) => {
+        var C, T;
+        return t.multiple && Array.isArray(t.modelValue) ? o ? o[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((T = (C = z.value) == null ? void 0 : C[0]) == null ? void 0 : T[t.optionValueKey]) === i[t.optionValueKey];
       });
-      v.value = u && u >= 0 ? u : 0;
+      y.value = u && u >= 0 ? u : 0;
     }
-    function we(e, u = !0) {
-      var K;
+    function we(o, u = !0) {
+      var T;
       u && !t.multiple && ne(() => x()), r.value = "";
-      const f = (K = C.value) == null ? void 0 : K.some(
-        (ee) => ee[t.optionValueKey] === e[t.optionValueKey]
+      const c = (T = z.value) == null ? void 0 : T.some(
+        (ee) => ee[t.optionValueKey] === o[t.optionValueKey]
       );
-      let i = C.value;
-      f && t.multiple ? i = i == null ? void 0 : i.filter(
-        (ee) => ee[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? i.push(e) : i = [e];
-      const k = i.map((ee) => ee[t.optionValueKey]);
-      $("update:model-value", t.multiple ? k : k[0]), $("selected-option", e), ce(e), Ce();
+      let i = z.value;
+      c && t.multiple ? i = i == null ? void 0 : i.filter(
+        (ee) => ee[t.optionValueKey] !== o[t.optionValueKey]
+      ) : t.multiple ? i.push(o) : i = [o];
+      const C = i.map((ee) => ee[t.optionValueKey]);
+      d("update:model-value", t.multiple ? C : C[0]), d("selected-option", o), ce(o), Ce();
     }
-    return (e, u) => {
-      var f;
-      return Pe((V(), M(
+    return (o, u) => {
+      var c;
+      return Pe((V(), L(
         "div",
         {
           ref_key: "mazSelectElement",
-          ref: g,
+          ref: h,
           class: N(["m-select", [
-            { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
+            { "--is-open": I.value, "--disabled": o.disabled, "--block": o.block },
             t.class,
-            `--${e.size}`
+            `--${o.size}`
           ]]),
-          style: te(e.style)
+          style: te(o.style)
         },
         [
           Z(he, re({
-            id: A(O),
+            id: P(O),
             ref_key: "mazInputComponent",
             ref: G,
             class: "m-select-input"
-          }, e.$attrs, {
-            required: e.required,
-            "border-active": F.value,
-            color: e.color,
+          }, o.$attrs, {
+            required: o.required,
+            "border-active": A.value,
+            color: o.color,
             "model-value": U.value,
             autocomplete: "off",
-            size: e.size,
+            size: o.size,
             block: "",
-            disabled: e.disabled,
+            disabled: o.disabled,
             onFocus: oe(_, ["prevent", "stop"]),
             onBlur: oe(x, ["prevent", "stop"]),
             onClick: oe(_, ["prevent", "stop"]),
-            onChange: u[0] || (u[0] = (i) => $("change", i)),
+            onChange: u[0] || (u[0] = (i) => d("change", i)),
             onKeydown: Ye
           }), {
             "right-icon": j(() => [
@@ -687,7 +699,7 @@ const zo = {
                 "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
                 onClick: oe(De, ["stop"])
               }, [
-                Z(A(p), { class: "m-select-chevron maz-text-xl" })
+                Z(P(k), { class: "m-select-chevron maz-text-xl" })
               ], 8, Co)
             ]),
             _: 1
@@ -695,63 +707,63 @@ const zo = {
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
           Z(Xe, { name: le.value }, {
             default: j(() => [
-              I.value ? (V(), M(
+              I.value ? (V(), L(
                 "div",
                 {
                   key: 0,
                   ref_key: "optionsListElement",
-                  ref: B,
+                  ref: $,
                   class: N(["m-select-list", {
-                    "--top": e.listPosition.includes("top"),
-                    "--left": e.listPosition.includes("left"),
-                    "--right": e.listPosition.includes("right"),
-                    "--bottom": e.listPosition.includes("bottom")
+                    "--top": o.listPosition.includes("top"),
+                    "--left": o.listPosition.includes("left"),
+                    "--right": o.listPosition.includes("right"),
+                    "--bottom": o.listPosition.includes("bottom")
                   }]),
                   style: te({
-                    maxHeight: `${e.maxListHeight}px`,
-                    maxWidth: `${e.maxListWidth}px`
+                    maxHeight: `${o.maxListHeight}px`,
+                    maxWidth: `${o.maxListWidth}px`
                   })
                 },
                 [
-                  e.search ? (V(), D(he, {
+                  o.search ? (V(), D(he, {
                     key: 0,
                     ref_key: "searchInputComponent",
-                    ref: n,
+                    ref: a,
                     modelValue: r.value,
                     "onUpdate:modelValue": [
                       u[1] || (u[1] = (i) => r.value = i),
-                      u[2] || (u[2] = (i) => v.value = 0)
+                      u[2] || (u[2] = (i) => y.value = 0)
                     ],
                     size: "sm",
-                    color: e.color,
-                    placeholder: e.searchPlaceholder,
+                    color: o.color,
+                    placeholder: o.searchPlaceholder,
                     name: "search",
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": A(c),
+                    "left-icon": P(b),
                     onKeydown: Ve
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : b("v-if", !0),
-                  b(`
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : g("v-if", !0),
+                  g(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
-                  !Y.value || Y.value.length <= 0 ? R(e.$slots, "no-results", { key: 1 }, () => [
+                  !Y.value || Y.value.length <= 0 ? R(o.$slots, "no-results", { key: 1 }, () => [
                     H("span", Vo, [
-                      Z(A(z), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                      Z(P(K), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (V(), M("div", wo, [
-                    (V(!0), M(
+                  ], !0) : (V(), L("div", wo, [
+                    (V(!0), L(
                       Ie,
                       null,
-                      xe(Y.value, (i, k) => (V(), M(
+                      xe(Y.value, (i, C) => (V(), L(
                         Ie,
-                        { key: k },
+                        { key: C },
                         [
-                          b(`
+                          g(`
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                          i.label && i.isOptGroup ? R(e.$slots, "optgroup", {
+                          i.label && i.isOptGroup ? R(o.$slots, "optgroup", {
                             key: 0,
                             label: i.label
                           }, () => [
@@ -762,40 +774,40 @@ const zo = {
                               1
                               /* TEXT */
                             )
-                          ], !0) : (V(), M("button", {
+                          ], !0) : (V(), L("button", {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
                             class: N(["m-select-list-item maz-custom maz-flex-none", [
                               {
-                                "--is-keyboard-selected": v.value === k,
-                                "--is-selected": T(i),
-                                "--is-none-value": L(i[e.optionValueKey])
+                                "--is-keyboard-selected": y.value === C,
+                                "--is-selected": M(i),
+                                "--is-none-value": E(i[o.optionValueKey])
                               }
                             ]]),
-                            style: te(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: oe((K) => we(i), ["prevent", "stop"])
+                            style: te(o.itemHeight ? { height: `${o.itemHeight}px` } : void 0),
+                            onClick: oe((T) => we(i), ["prevent", "stop"])
                           }, [
-                            e.multiple ? (V(), D(A(d), {
+                            o.multiple ? (V(), D(P(f), {
                               key: 0,
                               tabindex: "-1",
-                              "model-value": T(i),
+                              "model-value": M(i),
                               size: "sm",
-                              color: e.color
-                            }, null, 8, ["model-value", "color"])) : b("v-if", !0),
-                            b(`
+                              color: o.color
+                            }, null, 8, ["model-value", "color"])) : g("v-if", !0),
+                            g(`
                 @slot Custom option
                   @binding {Object} option - the option object
                   @binding {Boolean} is-selected - if the option is selected
               `),
-                            R(e.$slots, "default", {
+                            R(o.$slots, "default", {
                               option: i,
-                              isSelected: T(i)
+                              isSelected: M(i)
                             }, () => [
                               H(
                                 "span",
                                 null,
-                                X(i[e.optionLabelKey]),
+                                X(i[o.optionLabelKey]),
                                 1
                                 /* TEXT */
                               )
@@ -812,7 +824,7 @@ const zo = {
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : b("v-if", !0)
+              )) : g("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -821,87 +833,87 @@ const zo = {
         6
         /* CLASS, STYLE */
       )), [
-        [A(zo), {
-          exclude: (f = e.excludeSelectors) != null && f.length ? e.excludeSelectors : [],
+        [P(po), {
+          exclude: (c = o.excludeSelectors) != null && c.length ? o.excludeSelectors : [],
           handler: x
         }]
       ]);
     };
   }
-}), $o = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-05b98a1b"]]);
-function Me(a) {
-  return !!a;
+}), $o = /* @__PURE__ */ se(ko, [["__scopeId", "data-v-fe0403c3"]]);
+function Me(n) {
+  return !!n;
 }
-function $e(a) {
-  return [...a].map((l) => {
-    const o = l.codePointAt(0);
-    return o ? o % 32 + 127461 : void 0;
+function $e(n) {
+  return [...n].map((l) => {
+    const e = l.codePointAt(0);
+    return e ? e % 32 + 127461 : void 0;
   }).filter(Me).map((l) => String.fromCodePoint(l)).join("");
 }
-function Te() {
+function Te(n, l) {
+  const e = _e(n, l);
+  if (!e)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
+  return e;
+}
+function Ke() {
   if (typeof window > "u")
     return;
-  const a = window.navigator.language;
-  if (!a)
+  const n = window.navigator.language;
+  if (!n)
     return;
-  let l = a.slice(3, 7).toUpperCase();
-  return l === "" && (l = a.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
+  let l = n.slice(3, 7).toUpperCase();
+  return l === "" && (l = n.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
     locale: l,
-    browserLocale: a
+    browserLocale: n
   };
 }
 let ye, Be;
-function Bo(a, l, o) {
-  return o != null && o[l] ? o[l] : ((Be !== a || !ye) && (Be = a, ye = new Intl.DisplayNames([a], { type: "region" })), ye.of(l));
+function Bo(n, l, e) {
+  return e != null && e[l] ? e[l] : ((Be !== n || !ye) && (Be = n, ye = new Intl.DisplayNames([n], { type: "region" })), ye.of(l));
 }
-function Po(a, l) {
-  var c;
-  const o = [], d = Ae();
-  a = a ?? ((c = Te()) == null ? void 0 : c.browserLocale) ?? "en-US";
-  for (const p of d) {
-    const z = Bo(a, p, l);
-    if (z)
+function Po(n, l) {
+  var d;
+  const e = [], t = Ae();
+  n = n ?? ((d = Ke()) == null ? void 0 : d.browserLocale) ?? "en-US";
+  for (const f of t) {
+    const b = Bo(n, f, l);
+    if (b)
       try {
-        const t = ue(p);
-        o.push({
-          iso2: p,
-          dialCode: t,
-          name: z
+        const k = ue(f);
+        e.push({
+          iso2: f,
+          dialCode: k,
+          name: b
         });
-      } catch (t) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${t}`);
+      } catch (k) {
+        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${k}`);
       }
   }
-  return o;
+  return e;
 }
 async function Ao() {
   try {
-    const a = await fetch("https://ipwho.is"), { country_code: l } = await a.json();
+    const n = await fetch("https://ipwho.is"), { country_code: l } = await n.json();
     return l;
-  } catch (a) {
-    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
+  } catch (n) {
+    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${n}`);
   }
 }
-function Fo(a) {
-  if (!a)
+function Fo(n) {
+  if (!n)
     return "";
   const l = new RegExp(/[^\d ()+-]/g);
-  return a.replaceAll(l, "").trim();
+  return n.replaceAll(l, "").trim();
 }
-function Ke() {
+function Ne() {
   return {
     sanitizePhoneNumber: Fo,
     fetchCountryCode: Ao,
-    getBrowserLocale: Te,
+    getBrowserLocale: Ke,
     getCountriesList: Po
   };
 }
-function Ne(a, l) {
-  const o = _e(a, l);
-  if (!o)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a}`);
-  return o;
-}
 const Eo = ["id"], Lo = {
   key: 0,
   class: "maz-text-lg"
@@ -932,56 +944,56 @@ const Eo = ["id"], Lo = {
     excludeSelectors: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(a) {
-    const l = a, { phoneNumber: o } = Ne("data"), d = P(), { getCountriesList: c } = Ke(), p = y(() => c(l.countryLocale, l.customCountriesList)), z = y(
+  setup(n) {
+    const l = n, { phoneNumber: e } = Te("data"), t = B(), { getCountriesList: d } = Ne(), f = m(() => d(l.countryLocale, l.customCountriesList)), b = m(
       () => {
         var s;
-        return (s = p.value) == null ? void 0 : s.filter((m) => {
+        return (s = f.value) == null ? void 0 : s.filter((p) => {
           var w;
-          return !((w = l.ignoredCountries) != null && w.includes(m.iso2));
+          return !((w = l.ignoredCountries) != null && w.includes(p.iso2));
         });
       }
-    ), t = y(() => {
+    ), k = m(() => {
       const s = l.onlyCountries || l.preferredCountries;
       return s == null ? void 0 : s.map(
-        (m) => {
+        (p) => {
           var w;
-          return (w = z.value) == null ? void 0 : w.find((I) => I.iso2.includes(m));
+          return (w = b.value) == null ? void 0 : w.find((I) => I.iso2.includes(p));
         }
       );
-    }), $ = y(
+    }), K = m(
       () => {
         var s;
-        return (s = z.value) == null ? void 0 : s.filter((m) => {
+        return (s = b.value) == null ? void 0 : s.filter((p) => {
           var w;
-          return !((w = l.preferredCountries) != null && w.includes(m.iso2));
+          return !((w = l.preferredCountries) != null && w.includes(p.iso2));
         });
       }
-    ), F = y(
-      () => l.preferredCountries ? [...t.value ?? [], ...$.value ?? []] : l.onlyCountries ? t.value : z.value
-    ), v = y(
+    ), A = m(
+      () => l.preferredCountries ? [...k.value ?? [], ...K.value ?? []] : l.onlyCountries ? k.value : b.value
+    ), y = m(
       () => {
         var s;
-        return (s = F.value) == null ? void 0 : s.map(
-          (m) => m ? {
-            ...m,
-            dialCode: `+${m.dialCode}`
+        return (s = A.value) == null ? void 0 : s.map(
+          (p) => p ? {
+            ...p,
+            dialCode: `+${p.dialCode}`
           } : void 0
         ).filter(Me);
       }
     );
     async function S() {
-      var s, m;
-      (m = (s = d.value) == null ? void 0 : s.$el.querySelector("input")) == null || m.focus();
+      var s, p;
+      (p = (s = t.value) == null ? void 0 : s.$el.querySelector("input")) == null || p.focus();
     }
-    return (s, m) => (V(), M(
+    return (s, p) => (V(), L(
       "div",
       {
         class: N(["m-country-selector", [l.class, { "--no-flags": s.noFlags }]]),
         style: te(s.style)
       },
       [
-        s.modelValue && !s.noFlags ? (V(), M("button", {
+        s.modelValue && !s.noFlags ? (V(), L("button", {
           key: 0,
           id: `country-selector-flag-button-${s.id}`,
           class: N(["m-country-selector__country-flag maz-text-xl", {
@@ -991,22 +1003,22 @@ const Eo = ["id"], Lo = {
           type: "button",
           onClick: S
         }, [
-          b(`
+          g(`
         @slot Country selector flag
           @binding {String} country-code - current selected country code - Ex: \`"FR"\`
       `),
           R(s.$slots, "selector-flag", { countryCode: s.modelValue }, () => [
             ve(
-              X(A($e)(s.modelValue)),
+              X(P($e)(s.modelValue)),
               1
               /* TEXT */
             )
           ], !0)
-        ], 10, Eo)) : b("v-if", !0),
+        ], 10, Eo)) : g("v-if", !0),
         Z($o, re({
           id: `country-selector-${s.id}`,
           ref_key: "CountrySelectorRef",
-          ref: d,
+          ref: t,
           "model-value": s.modelValue
         }, s.$attrs, {
           class: "m-country-selector__select",
@@ -1023,14 +1035,14 @@ const Eo = ["id"], Lo = {
           success: s.success,
           search: !s.noSearch,
           "search-placeholder": s.locales.countrySelector.searchPlaceholder,
-          options: v.value,
-          hint: A(o) && !s.modelValue ? s.locales.countrySelector.error : void 0,
+          options: y.value,
+          hint: P(e) && !s.modelValue ? s.locales.countrySelector.error : void 0,
           label: s.locales.countrySelector.placeholder,
           style: {
             width: s.width
           },
           "exclude-selectors": [`#country-selector-flag-button-${s.id}`, ...s.excludeSelectors ?? []],
-          "onUpdate:modelValue": m[0] || (m[0] = (w) => s.$emit("update:model-value", w))
+          "onUpdate:modelValue": p[0] || (p[0] = (w) => s.$emit("update:model-value", w))
         }), {
           "no-results": j(() => [
             R(s.$slots, "no-results", {}, void 0, !0)
@@ -1044,8 +1056,8 @@ const Eo = ["id"], Lo = {
                 }])
               },
               [
-                !s.noFlags && typeof w.iso2 == "string" ? (V(), M("span", Lo, [
-                  b(`
+                !s.noFlags && typeof w.iso2 == "string" ? (V(), L("span", Lo, [
+                  g(`
               @slot Country list flag
                 @binding {String} country-code - country code of option - Ex: \`"FR"\`
                 @binding {{ iso2: string; dialCode: string; name: string; }} option - country data
@@ -1057,13 +1069,13 @@ const Eo = ["id"], Lo = {
                     isSelected: I
                   }, () => [
                     ve(
-                      X(A($e)(w.iso2)),
+                      X(P($e)(w.iso2)),
                       1
                       /* TEXT */
                     )
                   ], !0)
-                ])) : b("v-if", !0),
-                s.showCodeOnList ? (V(), M(
+                ])) : g("v-if", !0),
+                s.showCodeOnList ? (V(), L(
                   "span",
                   {
                     key: 1,
@@ -1072,7 +1084,7 @@ const Eo = ["id"], Lo = {
                   X(w.dialCode),
                   3
                   /* TEXT, CLASS */
-                )) : b("v-if", !0),
+                )) : g("v-if", !0),
                 H(
                   "span",
                   {
@@ -1095,73 +1107,73 @@ const Eo = ["id"], Lo = {
       /* CLASS, STYLE */
     ));
   }
-}), To = /* @__PURE__ */ se(Mo, [["__scopeId", "data-v-b24f2449"]]);
-function Ko(a) {
+}), To = /* @__PURE__ */ se(Mo, [["__scopeId", "data-v-1e2814b9"]]);
+function Ko(n) {
   try {
-    const l = to(a);
-    return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${a}" is not available`), !1);
+    const l = to(n);
+    return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${n}" is not available`), !1);
   } catch (l) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${l}`), !1;
   }
 }
 function No({
-  phoneNumber: a,
+  phoneNumber: n,
   countryCode: l
 }) {
   try {
-    if (!a)
+    if (!n)
       return {
         isValid: !1,
         countryCode: l
       };
-    const o = lo(a, l);
+    const e = lo(n, l);
     return {
-      countryCode: (o == null ? void 0 : o.country) ?? l,
-      isValid: (o == null ? void 0 : o.isValid()) ?? !1,
-      isPossible: o == null ? void 0 : o.isPossible(),
-      countryCallingCode: o == null ? void 0 : o.countryCallingCode,
-      nationalNumber: o == null ? void 0 : o.nationalNumber,
-      type: o == null ? void 0 : o.getType(),
-      formatInternational: o == null ? void 0 : o.formatInternational(),
-      formatNational: o == null ? void 0 : o.formatNational(),
-      uri: o == null ? void 0 : o.getURI(),
-      e164: o == null ? void 0 : o.format("E.164"),
-      rfc3966: o == null ? void 0 : o.format("RFC3966"),
-      phoneNumber: a
+      countryCode: (e == null ? void 0 : e.country) ?? l,
+      isValid: (e == null ? void 0 : e.isValid()) ?? !1,
+      isPossible: e == null ? void 0 : e.isPossible(),
+      countryCallingCode: e == null ? void 0 : e.countryCallingCode,
+      nationalNumber: e == null ? void 0 : e.nationalNumber,
+      type: e == null ? void 0 : e.getType(),
+      formatInternational: e == null ? void 0 : e.formatInternational(),
+      formatNational: e == null ? void 0 : e.formatNational(),
+      uri: e == null ? void 0 : e.getURI(),
+      e164: e == null ? void 0 : e.format("E.164"),
+      rfc3966: e == null ? void 0 : e.format("RFC3966"),
+      phoneNumber: n
     };
-  } catch (o) {
-    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${o}`);
+  } catch (e) {
+    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${e}`);
   }
 }
-function Ro(a, l) {
+function Ro(n, l) {
   try {
-    return l ? new no(a).input(l) : "";
-  } catch (o) {
-    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${o}`);
+    return l ? new no(n).input(l) : "";
+  } catch (e) {
+    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${e}`);
   }
 }
 async function Do() {
-  const { default: a } = await import("./examples.mobile.json-um0ibyv5.mjs");
-  return a;
+  const { default: n } = await import("./examples.mobile.json-JpNGylGv.mjs");
+  return n;
 }
-function Oo(a, l) {
-  var o;
+function Oo(n, l) {
+  var e;
   try {
-    return a && l ? (o = ao(l, a)) == null ? void 0 : o.formatNational() : void 0;
-  } catch (d) {
-    console.error(`[maz-ui](MazPhoneNumberInput) ${d}`);
+    return n && l ? (e = ao(l, n)) == null ? void 0 : e.formatNational() : void 0;
+  } catch (t) {
+    console.error(`[maz-ui](MazPhoneNumberInput) ${t}`);
   }
 }
 function Re() {
-  function a(l, o) {
-    return ue(l) === ue(o);
+  function n(l, e) {
+    return ue(l) === ue(e);
   }
   return {
     getAsYouTypeFormat: Ro,
     getPhoneNumberResults: No,
     getPhoneNumberExamplesFile: Do,
     getPhoneNumberExample: Oo,
-    isSameCountryCallingCode: a,
+    isSameCountryCallingCode: n,
     isCountryAvailable: Ko,
     getCountries: Ae,
     getCountryCallingCode: ue
@@ -1188,72 +1200,72 @@ const Uo = /* @__PURE__ */ ae({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["update:model-value"], ["update:modelValue"]),
-  setup(a, { emit: l }) {
-    const o = a, d = l, c = eo(a, "modelValue"), { getPhoneNumberExamplesFile: p, getPhoneNumberExample: z } = Re(), { selectionRange: t, results: $, selectedCountry: F } = Ne("data"), v = P(), S = P(!1);
-    function s(h, C) {
-      const g = z(h, C);
-      return g ? `${o.locales.phoneInput.example} ${g}` : void 0;
+  setup(n, { emit: l }) {
+    const e = n, t = l, d = eo(n, "modelValue"), { getPhoneNumberExamplesFile: f, getPhoneNumberExample: b } = Re(), { selectionRange: k, results: K, selectedCountry: A } = Te("data"), y = B(), S = B(!1);
+    function s(v, z) {
+      const h = b(v, z);
+      return h ? `${e.locales.phoneInput.example} ${h}` : void 0;
     }
-    const m = y(() => {
-      var C;
-      if (o.label || o.placeholder)
-        return o.label || o.placeholder;
-      const h = o.locales.phoneInput.placeholder;
-      if (o.noExample || !v.value)
-        return h;
+    const p = m(() => {
+      var z;
+      if (e.label || e.placeholder)
+        return e.label || e.placeholder;
+      const v = e.locales.phoneInput.placeholder;
+      if (e.noExample || !y.value)
+        return v;
       {
-        const g = s(v.value, F.value);
-        return (C = $.value) != null && C.isValid || !g ? h : g;
+        const h = s(y.value, A.value);
+        return (z = K.value) != null && z.isValid || !h ? v : h;
       }
-    }), w = y(() => o.placeholder ? {
-      placeholder: m.value
+    }), w = m(() => e.placeholder ? {
+      placeholder: p.value
     } : {
-      label: m.value
-    }), I = P();
+      label: p.value
+    }), I = B();
     async function O() {
       try {
-        if (v.value)
+        if (y.value)
           return;
-        v.value = await p();
-      } catch (h) {
-        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", h);
+        y.value = await f();
+      } catch (v) {
+        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", v);
       }
     }
-    async function W(h) {
-      I.value && h && Q(I.value, h), await ne(), d("update:model-value", h);
+    async function W(v) {
+      I.value && v && Q(I.value, v), await ne(), t("update:model-value", v);
     }
-    function Q(h, C) {
-      const g = h.$el.querySelector("input");
-      t.value.start = g == null ? void 0 : g.selectionStart, t.value.end = g == null ? void 0 : g.selectionEnd, t.value.cursorAtEnd = C && typeof t.value.start == "number" && C.length > 0 ? t.value.start >= C.length : !0;
+    function Q(v, z) {
+      const h = v.$el.querySelector("input");
+      k.value.start = h == null ? void 0 : h.selectionStart, k.value.end = h == null ? void 0 : h.selectionEnd, k.value.cursorAtEnd = z && typeof k.value.start == "number" && z.length > 0 ? k.value.start >= z.length : !0;
     }
     return ge(() => {
-      o.noExample || O();
-    }), (h, C) => (V(), D(he, re({
-      id: h.id,
+      e.noExample || O();
+    }), (v, z) => (V(), D(he, re({
+      id: v.id,
       ref_key: "PhoneInputRef",
       ref: I,
-      "model-value": c.value
-    }, { ...h.$attrs, ...w.value }, {
-      disabled: h.disabled,
-      color: h.color,
-      error: h.error,
-      size: h.size,
-      success: h.success,
+      "model-value": d.value
+    }, { ...v.$attrs, ...w.value }, {
+      disabled: v.disabled,
+      color: v.color,
+      error: v.error,
+      size: v.size,
+      success: v.success,
       type: "tel",
       inputmode: "tel",
       class: ["m-phone-input", [
         {
-          "--border-radius": h.hasRadius,
-          "--error": h.error || !A($).isValid,
+          "--border-radius": v.hasRadius,
+          "--error": v.error || !P(K).isValid,
           "--focused": S.value
         }
       ]],
-      onFocus: C[0] || (C[0] = (g) => S.value = !0),
-      onBlur: C[1] || (C[1] = (g) => S.value = !1),
-      "onUpdate:modelValue": C[2] || (C[2] = (g) => W(g))
+      onFocus: z[0] || (z[0] = (h) => S.value = !0),
+      onBlur: z[1] || (z[1] = (h) => S.value = !1),
+      "onUpdate:modelValue": z[2] || (z[2] = (h) => W(h))
     }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "class"]));
   }
-}), Yo = /* @__PURE__ */ se(Uo, [["__scopeId", "data-v-34e13002"]]), qo = {
+}), Yo = /* @__PURE__ */ se(Uo, [["__scopeId", "data-v-f3c379ea"]]), qo = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1307,14 +1319,14 @@ const Uo = /* @__PURE__ */ ae({
     orientation: { default: "responsive" }
   },
   emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
-  setup(a, { emit: l }) {
-    const o = l, d = a, { fetchCountryCode: c, sanitizePhoneNumber: p, getBrowserLocale: z } = Ke(), { isCountryAvailable: t, getPhoneNumberResults: $, getAsYouTypeFormat: F } = Re(), v = be({
+  setup(n, { emit: l }) {
+    const e = n, t = l, { fetchCountryCode: d, sanitizePhoneNumber: f, getBrowserLocale: b } = Ne(), { isCountryAvailable: k, getPhoneNumberResults: K, getAsYouTypeFormat: A } = Re(), y = be({
       componentName: "MazPhoneNumberInput",
-      providedId: d.id
-    }), S = P(""), s = P(), m = P({
+      providedId: e.id
+    }), S = B(""), s = B(), p = B({
       isValid: !1,
       countryCode: void 0
-    }), w = P({
+    }), w = B({
       start: 0,
       end: 0,
       cursorAtEnd: !0
@@ -1322,210 +1334,210 @@ const Uo = /* @__PURE__ */ ae({
     oo("data", {
       selectedCountry: s,
       phoneNumber: S,
-      results: m,
+      results: p,
       selectionRange: w
     });
-    const I = y(() => ({
+    const I = m(() => ({
       ...qo,
-      ...d.translations
+      ...e.translations
     }));
     ge(async () => {
-      var n;
-      if (C(d.countryCode ?? d.defaultCountryCode), d.fetchCountry && !s.value) {
-        const B = await c();
-        C(B);
+      var a;
+      if (z(e.countryCode ?? e.defaultCountryCode), e.fetchCountry && !s.value) {
+        const $ = await d();
+        z($);
       }
-      if (!d.defaultCountryCode && !d.noUseBrowserLocale && !s.value) {
-        const B = (n = z()) == null ? void 0 : n.locale;
-        C(B);
+      if (!e.defaultCountryCode && !e.noUseBrowserLocale && !s.value) {
+        const $ = (a = b()) == null ? void 0 : a.locale;
+        z($);
       }
     });
-    const O = P();
+    const O = B();
     function W() {
-      var n;
-      return (n = O.value) == null ? void 0 : n.$el.querySelector("input");
+      var a;
+      return (a = O.value) == null ? void 0 : a.$el.querySelector("input");
     }
     async function Q() {
-      var n;
-      await ne(), (n = W()) == null || n.select();
+      var a;
+      await ne(), (a = W()) == null || a.select();
     }
-    function h(n) {
+    function v(a) {
       G({
-        countryCode: n,
-        autoFormat: d.autoFormat,
-        noFormattingAsYouType: d.noFormattingAsYouType
+        countryCode: a,
+        autoFormat: e.autoFormat,
+        noFormattingAsYouType: e.noFormattingAsYouType
       }), Q();
     }
-    function C(n) {
-      if (n) {
-        if (!t(n)) {
+    function z(a) {
+      if (a) {
+        if (!k(a)) {
           s.value = void 0;
           return;
         }
-        s.value = n;
+        s.value = a;
       }
     }
-    function g({
-      newPhoneNumber: n,
-      autoFormat: B,
-      noFormattingAsYouType: L,
-      updateResults: T = !0
+    function h({
+      newPhoneNumber: a,
+      autoFormat: $,
+      noFormattingAsYouType: E,
+      updateResults: M = !0
     }) {
-      const U = p(n);
-      if (T && (m.value = $({
+      const U = f(a);
+      if (M && (p.value = K({
         phoneNumber: U,
         countryCode: s.value
-      })), m.value.isValid && m.value.formatNational && B)
-        S.value = m.value.formatNational;
-      else if (w.value.cursorAtEnd && !L) {
-        const le = F(s.value, U);
+      })), p.value.isValid && p.value.formatNational && $)
+        S.value = p.value.formatNational;
+      else if (w.value.cursorAtEnd && !E) {
+        const le = A(s.value, U);
         S.value = le;
       } else
         S.value = U;
-      m.value.countryCode && m.value.countryCode !== s.value && G({
-        countryCode: m.value.countryCode,
-        autoFormat: B,
-        noFormattingAsYouType: L,
+      p.value.countryCode && p.value.countryCode !== s.value && G({
+        countryCode: p.value.countryCode,
+        autoFormat: $,
+        noFormattingAsYouType: E,
         updateResults: !1
       });
     }
     function G({
-      countryCode: n,
-      autoFormat: B,
-      noFormattingAsYouType: L,
-      updateResults: T = !0
+      countryCode: a,
+      autoFormat: $,
+      noFormattingAsYouType: E,
+      updateResults: M = !0
     }) {
-      if (!n) {
+      if (!a) {
         s.value = void 0;
         return;
       }
-      n !== s.value && C(n), T && (m.value = $({
+      a !== s.value && z(a), M && (p.value = K({
         phoneNumber: S.value,
-        countryCode: n
-      })), g({
+        countryCode: a
+      })), h({
         newPhoneNumber: S.value,
-        autoFormat: B,
-        noFormattingAsYouType: L,
+        autoFormat: $,
+        noFormattingAsYouType: E,
         updateResults: !1
       });
     }
     return fe(
-      () => d.modelValue ?? d.defaultPhoneNumber,
-      (n, B) => {
-        n && n !== B && n !== S.value && g({
-          newPhoneNumber: n,
-          autoFormat: d.autoFormat,
-          noFormattingAsYouType: d.noFormattingAsYouType
+      () => e.modelValue ?? e.defaultPhoneNumber,
+      (a, $) => {
+        a !== $ && a !== S.value && h({
+          newPhoneNumber: a,
+          autoFormat: e.autoFormat,
+          noFormattingAsYouType: e.noFormattingAsYouType
         });
       },
       {
         immediate: !0
       }
     ), fe(
-      () => d.countryCode ?? d.defaultCountryCode,
-      (n, B) => {
-        n && n !== B && n !== s.value && G({
-          countryCode: n,
-          autoFormat: d.autoFormat,
-          noFormattingAsYouType: d.noFormattingAsYouType
+      () => e.countryCode ?? e.defaultCountryCode,
+      (a, $) => {
+        a && a !== $ && a !== s.value && G({
+          countryCode: a,
+          autoFormat: e.autoFormat,
+          noFormattingAsYouType: e.noFormattingAsYouType
         });
       },
       {
         immediate: !0
       }
     ), fe(
-      m,
-      (n) => {
-        o("update", n), o("data", n), n.e164 && n.isValid ? o("update:model-value", n.e164) : o("update:model-value", S.value), o("country-code", s.value), o("update:country-code", s.value);
+      p,
+      (a) => {
+        t("update", a), t("data", a), a.e164 && a.isValid ? t("update:model-value", a.e164) : t("update:model-value", S.value), t("country-code", s.value), t("update:country-code", s.value);
       },
       {
         immediate: !0
       }
-    ), (n, B) => {
-      var L;
-      return V(), M(
+    ), (a, $) => {
+      var E;
+      return V(), L(
         "div",
         {
-          class: N(["m-phone-number-input", [d.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
-          style: te(n.style)
+          class: N(["m-phone-number-input", [e.class, { "--block": a.block }, a.orientation ? `--${a.orientation}` : void 0]]),
+          style: te(a.style)
         },
         [
-          n.noCountrySelector ? b("v-if", !0) : (V(), D(To, {
+          a.noCountrySelector ? g("v-if", !0) : (V(), D(To, {
             key: 0,
-            id: A(v),
+            id: P(y),
             "model-value": s.value,
-            color: n.color,
-            size: n.size,
-            "country-locale": n.countryLocale,
-            "country-selector-display-name": n.countrySelectorDisplayName,
-            "custom-countries-list": n.customCountriesList,
-            "ignored-countries": n.ignoredCountries,
-            "list-position": n.listPosition,
-            "no-flags": n.noFlags,
-            "no-search": n.noSearch,
-            "exclude-selectors": n.excludeSelectors,
-            error: n.error || (n.noValidationError ? !1 : !!S.value && !s.value),
-            success: n.success || (n.noValidationSuccess ? !1 : (L = m.value) == null ? void 0 : L.isValid),
+            color: a.color,
+            size: a.size,
+            "country-locale": a.countryLocale,
+            "country-selector-display-name": a.countrySelectorDisplayName,
+            "custom-countries-list": a.customCountriesList,
+            "ignored-countries": a.ignoredCountries,
+            "list-position": a.listPosition,
+            "no-flags": a.noFlags,
+            "no-search": a.noSearch,
+            "exclude-selectors": a.excludeSelectors,
+            error: a.error || (a.noValidationError ? !1 : !!S.value && !s.value),
+            success: a.success || (a.noValidationSuccess ? !1 : (E = p.value) == null ? void 0 : E.isValid),
             locales: I.value,
-            disabled: n.disabled,
-            "show-code-on-list": n.showCodeOnList,
-            "only-countries": n.onlyCountries,
-            "preferred-countries": n.preferredCountries,
-            width: n.countrySelectorWidth,
-            "onUpdate:modelValue": h
+            disabled: a.disabled,
+            "show-code-on-list": a.showCodeOnList,
+            "only-countries": a.onlyCountries,
+            "preferred-countries": a.preferredCountries,
+            width: a.countrySelectorWidth,
+            "onUpdate:modelValue": v
           }, {
             "no-results": j(() => [
-              b(`
+              g(`
           @slot Replace the "no results" icon in the country selector list
         `),
-              R(n.$slots, "no-results", {}, void 0, !0)
+              R(a.$slots, "no-results", {}, void 0, !0)
             ]),
-            "selector-flag": j(({ countryCode: T }) => [
-              b(`
+            "selector-flag": j(({ countryCode: M }) => [
+              g(`
           @slot Country selector flag
             @binding {String} country-code - current selected country code - Ex: \`"FR"\`
         `),
-              R(n.$slots, "selector-flag", { countryCode: T }, void 0, !0)
+              R(a.$slots, "selector-flag", { countryCode: M }, void 0, !0)
             ]),
-            "country-list-flag": j(({ isSelected: T, option: U }) => [
-              b(`
+            "country-list-flag": j(({ isSelected: M, option: U }) => [
+              g(`
           @slot Country list flag
             @binding {String} country-code - country code of option - Ex: \`"FR"\`
             @binding {{ iso2: string; dialCode: string; name: string; }} option - country data
             @binding {Boolean} is-selected - \`true\` if option is selected
         `),
-              R(n.$slots, "country-list-flag", {
+              R(a.$slots, "country-list-flag", {
                 countryCode: U.iso2,
                 option: U,
-                isSelected: T
+                isSelected: M
               }, void 0, !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "exclude-selectors", "error", "success", "locales", "disabled", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
           Z(Yo, re({
-            id: A(v),
+            id: P(y),
             ref_key: "PhoneInputRef",
             ref: O,
             "model-value": S.value,
-            color: n.color,
-            size: n.size,
-            "no-example": n.noExample,
+            color: a.color,
+            size: a.size,
+            "no-example": a.noExample,
             block: "",
-            disabled: n.disabled
-          }, n.$attrs, {
-            "has-radius": !n.noCountrySelector,
-            success: n.success || (n.noValidationSuccess ? !1 : m.value.isValid),
-            error: n.error || (n.noValidationError ? !1 : !!S.value && !m.value.isValid),
+            disabled: a.disabled
+          }, a.$attrs, {
+            "has-radius": !a.noCountrySelector,
+            success: a.success || (a.noValidationSuccess ? !1 : p.value.isValid),
+            error: a.error || (a.noValidationError ? !1 : !!S.value && !p.value.isValid),
             locales: I.value,
-            "no-formatting-as-you-type": n.noFormattingAsYouType,
-            "auto-format": n.autoFormat,
-            label: n.label,
-            placeholder: n.placeholder,
-            "onUpdate:modelValue": B[0] || (B[0] = (T) => g({
-              newPhoneNumber: T,
-              autoFormat: n.autoFormat,
-              noFormattingAsYouType: n.noFormattingAsYouType
+            "no-formatting-as-you-type": a.noFormattingAsYouType,
+            "auto-format": a.autoFormat,
+            label: a.label,
+            placeholder: a.placeholder,
+            "onUpdate:modelValue": $[0] || ($[0] = (M) => h({
+              newPhoneNumber: M,
+              autoFormat: a.autoFormat,
+              noFormattingAsYouType: a.noFormattingAsYouType
             }))
           }), null, 16, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label", "placeholder"])
         ],
@@ -1534,10 +1546,10 @@ const Uo = /* @__PURE__ */ ae({
       );
     };
   }
-}), Qo = /* @__PURE__ */ se(Ho, [["__scopeId", "data-v-1ad77393"]]);
+}), Qo = /* @__PURE__ */ se(Ho, [["__scopeId", "data-v-4c988e15"]]);
 export {
   Qo as M,
   se as _,
-  Ne as i,
+  Te as i,
   be as u
 };