maz-ui 3.47.0 → 3.47.2-beta.0

package/components/chunks/{MazPhoneNumberInput-r6OjPeRI.mjs → MazPhoneNumberInput-Cd25AzXc.mjs}

@@ -1,7 +1,7 @@
 import '../assets/MazPhoneNumberInput.css';var Ge = Object.defineProperty;
 var Je = (n, o, e) => o in n ? Ge(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
 var _ = (n, o, e) => Je(n, typeof o != "symbol" ? o + "" : o, e);
-import { useId as Ze, computed as h, inject as Xe, defineComponent as se, defineAsyncComponent as q, withDirectives as ze, openBlock as b, createElementBlock as L, normalizeClass as F, normalizeStyle as ee, Fragment as be, renderList as Be, createElementVNode as j, mergeProps as oe, createVNode as H, unref as E, createCommentVNode as z, renderSlot as N, ref as k, onMounted as Ie, useSlots as xe, createBlock as U, resolveDynamicComponent as Pe, toHandlers as _e, vModelDynamic as eo, createTextVNode as oo, toDisplayString as ue, withModifiers as ae, withCtx as G, useCssVars as to, onBeforeMount as lo, nextTick as ie, Transition as no, mergeModels as Ee, useModel as ao, provide as so, watch as he } from "vue";
+import { useId as Ze, computed as h, inject as Xe, defineComponent as se, defineAsyncComponent as q, withDirectives as ze, openBlock as b, createElementBlock as L, normalizeClass as F, normalizeStyle as ee, Fragment as be, renderList as Be, createElementVNode as j, mergeProps as oe, createVNode as H, unref as k, createCommentVNode as z, renderSlot as N, ref as E, onMounted as Ie, useSlots as xe, createBlock as U, resolveDynamicComponent as Pe, toHandlers as _e, vModelDynamic as eo, createTextVNode as oo, toDisplayString as ue, withModifiers as ae, withCtx as G, useCssVars as to, onBeforeMount as lo, nextTick as ie, Transition as no, mergeModels as ke, useModel as ao, provide as so, watch as he } from "vue";
 import { getCountries as Oe, getCountryCallingCode as ce, isSupportedCountry as ro, parsePhoneNumberFromString as io, AsYouType as uo, getExampleNumber as co } from "libphonenumber-js";
 function Ae({
   componentName: n,
@@ -10,7 +10,7 @@ function Ae({
   const e = Ze();
   return h(() => o ?? `${n}-${e}`);
 }
-function ke(n, o = "20x15") {
+function Ee(n, o = "20x15") {
   return `https://flagcdn.com/${o}/${n.toLowerCase()}.png`;
 }
 function Me(n, o) {
@@ -19,10 +19,10 @@ function Me(n, o) {
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
   return e;
 }
-function mo(n) {
+function po(n) {
   return !!n;
 }
-const po = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", fo = {
+const mo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", fo = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -151,16 +151,16 @@ class ho {
   handleIntersectionObserver(o, e, t, r) {
     var u, y;
     this.observers.push(r);
-    for (const p of t)
-      if (p.isIntersecting) {
-        if ((y = (u = this.options).onIntersecting) == null || y.call(u, p.target), this.options.observerOnce && r.unobserve(o), this.options.loadOnce && this.hasImgLoaded)
+    for (const m of t)
+      if (m.isIntersecting) {
+        if ((y = (u = this.options).onIntersecting) == null || y.call(u, m.target), this.options.observerOnce && r.unobserve(o), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(o, e);
       }
   }
   createObserver(o, e) {
-    const t = (y, p) => {
-      this.handleIntersectionObserver(o, e, y, p);
+    const t = (y, m) => {
+      this.handleIntersectionObserver(o, e, y, m);
     }, r = this.options.observerOptions;
     new IntersectionObserver(t, r).observe(o);
   }
@@ -177,7 +177,7 @@ class ho {
   async add(o, e) {
     if (this.hasBgImgMode(e) && this.isPictureElement(o))
       throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    setTimeout(() => this.setBaseClass(o), 0), o.getAttribute("src") || this.setImgSrc(o, po), await this.bindUpdateHandler(o, e, "bind");
+    setTimeout(() => this.setBaseClass(o), 0), o.getAttribute("src") || this.setImgSrc(o, mo), await this.bindUpdateHandler(o, e, "bind");
   }
   async update(o, e) {
     e.value !== e.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(o), await this.bindUpdateHandler(o, e, "update"));
@@ -220,27 +220,28 @@ const yo = {
     imageHeightFull: { type: Boolean },
     observerOptions: { default: void 0 },
     fallbackSrc: { default: void 0 },
-    imgClass: {}
+    imgClass: {},
+    block: { type: Boolean }
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(n) {
-    const o = n, e = q(() => import("./MazSpinner-wR0F3mAY.mjs")), t = h(() => o.image || o.src), r = h(() => {
+    const o = n, e = q(() => import("./MazSpinner-C23CZ_Za.mjs")), t = h(() => o.image || o.src), r = h(() => {
       var u;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (u = t.value) == null ? void 0 : u.sources;
     });
     return (u, y) => ze((b(), L(
       "picture",
       {
-        class: F(["m-lazy-img-component", [{ "--use-loader": !u.noLoader, "--height-full": u.imageHeightFull }, o.class]]),
+        class: F(["m-lazy-img-component", [{ "--use-loader": !u.noLoader, "--height-full": u.imageHeightFull, "--block": u.block }, o.class]]),
         style: ee(u.style)
       },
       [
         (b(!0), L(
           be,
           null,
-          Be(r.value, ({ srcset: p, media: O }, $) => (b(), L("source", {
+          Be(r.value, ({ srcset: m, media: O }, $) => (b(), L("source", {
             key: $,
-            "data-lazy-srcset": p,
+            "data-lazy-srcset": m,
             media: O
           }, null, 8, vo))),
           128
@@ -253,23 +254,23 @@ const yo = {
           class: u.imgClass
         }), null, 16, go),
         u.noLoader ? z("v-if", !0) : (b(), L("div", bo, [
-          H(E(e), { size: "2em" })
+          H(k(e), { size: "2em" })
         ])),
         N(u.$slots, "default", {}, void 0, !0)
       ],
       6
       /* CLASS, STYLE */
     )), [
-      [E(yo), {
+      [k(yo), {
         noPhoto: u.noPhoto,
         loadOnce: u.loadOnce,
         observerOptions: u.observerOptions,
         fallbackSrc: u.fallbackSrc,
         observerOnce: !u.noObserverOnce,
-        onIntersecting: (p) => u.$emit("intersecting", p),
-        onLoading: (p) => u.$emit("loading", p),
-        onLoaded: (p) => u.$emit("loaded", p),
-        onError: (p) => u.$emit("error", p)
+        onIntersecting: (m) => u.$emit("intersecting", m),
+        onLoading: (m) => u.$emit("loading", m),
+        onLoaded: (m) => u.$emit("loaded", m),
+        onError: (m) => u.$emit("error", m)
       }]
     ]);
   }
@@ -278,7 +279,7 @@ const yo = {
   for (const [t, r] of o)
     e[t] = r;
   return e;
-}, Le = /* @__PURE__ */ re(Co, [["__scopeId", "data-v-f94782ce"]]), zo = {
+}, Le = /* @__PURE__ */ re(Co, [["__scopeId", "data-v-83e40430"]]), zo = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -288,7 +289,7 @@ const yo = {
   removeNumbers: !1,
   customNormalizationForms: ["NFC", "NFKD"]
 };
-function me(n, o) {
+function pe(n, o) {
   const e = { ...zo, ...o }, t = {
     À: "A",
     Á: "A",
@@ -352,11 +353,11 @@ function Io(n, o) {
     r[0][u] = u;
   for (let u = 1; u <= e; u++)
     for (let y = 1; y <= t; y++) {
-      const p = n[u - 1] === o[y - 1] ? 0 : 1;
+      const m = n[u - 1] === o[y - 1] ? 0 : 1;
       r[u][y] = Math.min(
         r[u - 1][y] + 1,
         r[u][y - 1] + 1,
-        r[u - 1][y - 1] + p
+        r[u - 1][y - 1] + m
       );
     }
   return r[e][t];
@@ -370,9 +371,9 @@ function Ao(n, o, e = 0.75) {
 }
 function ye(n, o, e = 0.75) {
   const t = h(
-    () => me(typeof n == "string" ? n : n.value)
+    () => pe(typeof n == "string" ? n : n.value)
   ), r = h(
-    () => me(typeof o == "string" ? o : o.value)
+    () => pe(typeof o == "string" ? o : o.value)
   ), u = h(() => typeof e == "number" ? e : e.value), y = h(() => Te(t.value, r.value));
   return {
     isMatching: h(
@@ -387,9 +388,9 @@ function Fe(n, o, e) {
   const t = typeof e.value == "function" ? e.value : e.value.handler, r = typeof e.value == "object" ? e.value.exclude : void 0;
   let u = !1;
   if (r && r.length > 0) {
-    for (const p of r)
+    for (const m of r)
       if (!u && n.target instanceof HTMLElement) {
-        const O = (y = document.querySelector(p)) == null ? void 0 : y.getAttribute("id");
+        const O = (y = document.querySelector(m)) == null ? void 0 : y.getAttribute("id");
         u = n.target.getAttribute("id") === O;
       }
   }
@@ -414,11 +415,7 @@ const Vo = {
   mounted: So,
   unmounted: wo
 };
-let ve = null;
 function Po(n, o) {
-  ve && clearTimeout(ve), ve = setTimeout(n, o);
-}
-function Eo(n, o) {
   let e;
   return function(...t) {
     clearTimeout(e), e = setTimeout(() => {
@@ -426,7 +423,11 @@ function Eo(n, o) {
     }, o);
   };
 }
-const ko = {
+let ve = null;
+function ko(n, o) {
+  ve && clearTimeout(ve), ve = setTimeout(n, o);
+}
+const Eo = {
   key: 0,
   class: "m-input-wrapper-left"
 }, Lo = { class: "m-input-wrapper-input" }, $o = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Bo = { key: 0 }, Oo = {
@@ -470,7 +471,7 @@ const ko = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(n, { emit: o }) {
-    const e = n, t = o, r = q(() => import("./MazBtn-BF48_wJx.mjs")), u = q(() => import("./MazIcon-DyrYf9Sl.mjs")), y = q(() => import("./eye-slash-BoO00xzs.mjs")), p = q(() => import("./eye-f8zAUc30.mjs")), O = q(() => import("./check-C9Q_W85g.mjs")), $ = k(!1), v = k(!1), P = k(), i = Ae({
+    const e = n, t = o, r = q(() => import("./MazBtn-C_l3xuAh.mjs")), u = q(() => import("./MazIcon-z-jTiuyI.mjs")), y = q(() => import("./eye-slash-BoO00xzs.mjs")), m = q(() => import("./eye-f8zAUc30.mjs")), O = q(() => import("./check-C9Q_W85g.mjs")), $ = E(!1), v = E(!1), P = E(), i = Ae({
       componentName: "MazInput",
       providedId: e.id
     });
@@ -510,7 +511,7 @@ const ko = {
       const { required: s, placeholder: M } = e;
       if (M)
         return s ? `${M} *` : M;
-    }), J = h(() => C.value !== void 0 && C.value !== ""), g = Eo(
+    }), J = h(() => C.value !== void 0 && C.value !== ""), g = Po(
       (s) => {
         t("update:model-value", s);
       },
@@ -574,12 +575,12 @@ const ko = {
             ]])
           },
           [
-            w() ? (b(), L("div", ko, [
+            w() ? (b(), L("div", Eo, [
               z(`
           @slot left-icon - The icon to display on the left of the input
         `),
               s.$slots["left-icon"] || s.leftIcon ? N(s.$slots, "left-icon", { key: 0 }, () => [
-                typeof s.leftIcon == "string" ? (b(), U(E(u), {
+                typeof s.leftIcon == "string" ? (b(), U(k(u), {
                   key: 0,
                   name: s.leftIcon,
                   class: "maz-text-xl maz-text-muted"
@@ -591,7 +592,7 @@ const ko = {
             ])) : z("v-if", !0),
             j("div", Lo, [
               ze(j("input", oe({
-                id: E(i),
+                id: k(i),
                 ref_key: "input",
                 ref: P,
                 "onUpdate:modelValue": M[0] || (M[0] = (x) => C.value = x),
@@ -644,7 +645,7 @@ const ko = {
           @slot right-icon - The icon to display on the right of the input
         `),
               s.$slots["right-icon"] || s.rightIcon ? N(s.$slots, "right-icon", { key: 0 }, () => [
-                typeof s.rightIcon == "string" ? (b(), U(E(u), {
+                typeof s.rightIcon == "string" ? (b(), U(k(u), {
                   key: 0,
                   name: s.rightIcon,
                   class: "maz-text-xl maz-text-muted"
@@ -653,7 +654,7 @@ const ko = {
                   class: "maz-text-xl maz-text-muted"
                 })) : z("v-if", !0)
               ], !0) : z("v-if", !0),
-              f.value ? (b(), U(E(r), {
+              f.value ? (b(), U(k(r), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
@@ -661,10 +662,10 @@ const ko = {
                 onClick: M[2] || (M[2] = ae((x) => $.value = !$.value, ["stop"]))
               }, {
                 default: G(() => [
-                  $.value ? (b(), U(E(y), {
+                  $.value ? (b(), U(k(y), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (b(), U(E(p), {
+                  })) : (b(), U(k(m), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -676,7 +677,7 @@ const ko = {
           @slot valid-button - Replace the valid button by your own
         `),
               s.$slots["valid-button"] || s.validButton ? N(s.$slots, "valid-button", { key: 2 }, () => [
-                H(E(r), {
+                H(k(r), {
                   color: "transparent",
                   disabled: s.disabled,
                   tabindex: "-1",
@@ -686,7 +687,7 @@ const ko = {
                   type: "submit"
                 }, {
                   default: G(() => [
-                    H(E(O), { class: "maz-text-2xl maz-text-normal" })
+                    H(k(O), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -702,7 +703,7 @@ const ko = {
       /* CLASS, STYLE */
     ));
   }
-}), Ce = /* @__PURE__ */ re(Mo, [["__scopeId", "data-v-b3e1e126"]]), To = ["aria-label"], Fo = { class: "m-select-list__no-results" }, No = {
+}), Ce = /* @__PURE__ */ re(Mo, [["__scopeId", "data-v-c42aaa7f"]]), To = ["aria-label"], Fo = { class: "m-select-list__no-results" }, No = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
@@ -744,14 +745,14 @@ const ko = {
       "215ff493": i.value,
       "64d6cfbb": f.value
     }));
-    const t = n, r = e, u = q(() => import("./MazCheckbox-TiwCiE2s.mjs")), y = q(() => import("./magnifying-glass--nBiyXot.mjs")), p = q(() => import("./chevron-down-BkvtON3b.mjs")), O = q(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = n, r = e, u = q(() => import("./MazCheckbox-2G4VkxDz.mjs")), y = q(() => import("./magnifying-glass--nBiyXot.mjs")), m = q(() => import("./chevron-down-BkvtON3b.mjs")), O = q(() => import("./no-symbol-CIgKzsrB.mjs"));
     o({
       /** Method to open the option list */
       openList: ne,
       /** Method to close the option list */
       closeList: le
     });
-    const $ = k(!1), v = k(), P = h(
+    const $ = E(!1), v = E(), P = h(
       () => ["black", "transparent", "white"].includes(t.color)
     ), i = h(
       () => P.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -783,13 +784,13 @@ const ko = {
       const l = [];
       if (!((d = t.options) != null && d.length))
         return [];
-      for (const m of t.options)
-        typeof m == "string" || typeof m == "number" || typeof m == "boolean" ? l.push(Y(m)) : typeof m == "object" && "options" in m && Array.isArray(m.options) ? l.push(
-          { label: m.label, isOptGroup: !0 },
-          ...m.options.map(
+      for (const p of t.options)
+        typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? l.push(Y(p)) : typeof p == "object" && "options" in p && Array.isArray(p.options) ? l.push(
+          { label: p.label, isOptGroup: !0 },
+          ...p.options.map(
             (c) => typeof c == "string" || typeof c == "number" || typeof c == "boolean" ? Y(c) : J(c)
           )
-        ) : l.push(J(m));
+        ) : l.push(J(p));
       return l;
     }), V = h(
       () => {
@@ -801,13 +802,13 @@ const ko = {
       var l;
       (l = t.options) != null && l.length || console.warn("[maz-ui](MazSelect) you must provide options"), fe();
     });
-    const C = k(), W = k(), Z = k(), a = k();
+    const C = E(), W = E(), Z = E(), a = E();
     function w(l) {
       return l == null;
     }
     function K(l) {
-      var m;
-      return (((m = V.value) == null ? void 0 : m.some(
+      var p;
+      return (((p = V.value) == null ? void 0 : p.some(
         (c) => c[t.optionValueKey] === l[t.optionValueKey]
       )) ?? !1) && !w(l[t.optionValueKey]);
     }
@@ -815,34 +816,34 @@ const ko = {
       var d;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (m) => {
+          (p) => {
             var c, A;
-            return (A = (c = g.value) == null ? void 0 : c.find((B) => B[t.optionValueKey] === m)) == null ? void 0 : A[t.optionInputValueKey];
+            return (A = (c = g.value) == null ? void 0 : c.find((B) => B[t.optionValueKey] === p)) == null ? void 0 : A[t.optionInputValueKey];
           }
         ).join(", ");
       const l = (d = g.value) == null ? void 0 : d.find(
-        (m) => m[t.optionValueKey] === t.modelValue
+        (p) => p[t.optionValueKey] === t.modelValue
       );
       return w(t.modelValue) || l == null ? void 0 : l[t.optionInputValueKey];
     }), te = h(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), X = k(""), s = k("");
+    ), X = E(""), s = E("");
     function M(l, d) {
-      return d && l && me(l).includes(me(d));
+      return d && l && pe(l).includes(pe(d));
     }
     function x(l) {
       var d;
-      return l ? (d = g.value) == null ? void 0 : d.filter((m) => {
-        const c = m[t.optionLabelKey], A = m[t.optionValueKey], B = m[t.optionInputValueKey], D = t.searchThreshold;
+      return l ? (d = g.value) == null ? void 0 : d.filter((p) => {
+        const c = p[t.optionLabelKey], A = p[t.optionValueKey], B = p[t.optionInputValueKey], D = t.searchThreshold;
         return M(c, l) || M(B, l) || M(A, l) || typeof c == "string" && ye(c, l, D).isMatching.value || typeof B == "string" && ye(B, l, D).isMatching.value || typeof A == "string" && ye(A, l, D).isMatching.value;
       }) : g.value;
     }
     const Q = h(() => x(X.value));
     async function le(l) {
-      var m, c;
+      var p, c;
       if (!S.value)
         return;
-      if (l && ("relatedTarget" in l && ((m = C.value) != null && m.contains(l.relatedTarget)) || l.type === "keydown"))
+      if (l && ("relatedTarget" in l && ((p = C.value) != null && p.contains(l.relatedTarget)) || l.type === "keydown"))
         return l.preventDefault();
       const d = l && "relatedTarget" in l && l.relatedTarget instanceof HTMLElement && l.relatedTarget.getAttribute("id");
       if ((c = t.excludeSelectors) != null && c.includes(`#${d}`))
@@ -850,7 +851,7 @@ const ko = {
       await ie(), $.value = !1, v.value = 0, r("close", l);
     }
     async function ne(l) {
-      t.disabled || S.value || (l == null || l.preventDefault(), $.value = !0, await pe(), r("focus", l), r("open", $.value));
+      t.disabled || S.value || (l == null || l.preventDefault(), $.value = !0, await me(), r("focus", l), r("open", $.value));
     }
     function we() {
       var l, d;
@@ -864,16 +865,16 @@ const ko = {
       $.value ? le(l) : we();
     }
     function qe(l) {
-      var d, m;
-      X.value = l, (m = ((d = Z.value) == null ? void 0 : d.$el).querySelector("input")) == null || m.focus();
+      var d, p;
+      X.value = l, (p = ((d = Z.value) == null ? void 0 : d.$el).querySelector("input")) == null || p.focus();
     }
     function je(l) {
-      var m;
+      var p;
       l === "Backspace" && s.value.length > 0 ? s.value = s.value.slice(0, -1) : s.value += l;
       const d = x(s.value);
-      d != null && d.length && (v.value = (m = Q.value) == null ? void 0 : m.findIndex(
+      d != null && d.length && (v.value = (p = Q.value) == null ? void 0 : p.findIndex(
         (c) => c[t.optionValueKey] === d[0][t.optionValueKey]
-      ), typeof v.value == "number" && v.value >= 0 && pe(v.value)), Po(() => {
+      ), typeof v.value == "number" && v.value >= 0 && me(v.value)), ko(() => {
         s.value = "";
       }, 1e3);
     }
@@ -882,30 +883,30 @@ const ko = {
       /^[\dA-Za-z\u0400-\u04FF]$/.test(d) ? (l.preventDefault(), ne(l), t.search ? qe(d) : je(d)) : Se(l);
     }
     function Se(l, d = !0) {
-      const m = l.code, c = ["ArrowUp", "ArrowDown"].includes(m), A = (d ? ["Enter", "Space"] : ["Enter"]).includes(m), B = m === "Escape" && S.value;
+      const p = l.code, c = ["ArrowUp", "ArrowDown"].includes(p), A = (d ? ["Enter", "Space"] : ["Enter"]).includes(p), B = p === "Escape" && S.value;
       c ? We(l, v.value) : A ? Qe(l, v.value) : B && le(l);
     }
     function We(l, d) {
       var A;
       l.preventDefault();
-      const m = l.code;
+      const p = l.code;
       S.value || ne(l);
       const c = (A = Q.value) == null ? void 0 : A.length;
-      c && (typeof d == "number" ? d === c - 1 && m === "ArrowDown" ? v.value = 0 : d === 0 && m === "ArrowUp" ? v.value = c - 1 : v.value = m === "ArrowDown" ? d + 1 : d - 1 : v.value = m === "ArrowDown" ? 0 : c - 1, pe(v.value));
+      c && (typeof d == "number" ? d === c - 1 && p === "ArrowDown" ? v.value = 0 : d === 0 && p === "ArrowUp" ? v.value = c - 1 : v.value = p === "ArrowDown" ? d + 1 : d - 1 : v.value = p === "ArrowDown" ? 0 : c - 1, me(v.value));
     }
     function Qe(l, d) {
       var c, A, B;
       if (l.preventDefault(), !S.value)
         return ne(l);
-      const m = d ? ((c = Q.value) == null ? void 0 : c[d]) ?? ((A = Q.value) == null ? void 0 : A[0]) : (B = Q.value) == null ? void 0 : B[0];
-      w(m) || Ve(m);
+      const p = d ? ((c = Q.value) == null ? void 0 : c[d]) ?? ((A = Q.value) == null ? void 0 : A[0]) : (B = Q.value) == null ? void 0 : B[0];
+      w(p) || Ve(p);
     }
-    async function pe(l) {
-      var m, c;
+    async function me(l) {
+      var p, c;
       await ie(), typeof l != "number" && fe();
       const d = l ?? v.value;
       if (typeof d == "number" && d >= 0) {
-        const A = (m = a.value) == null ? void 0 : m.querySelectorAll(".m-select-list-item");
+        const A = (p = a.value) == null ? void 0 : p.querySelectorAll(".m-select-list-item");
         (c = A == null ? void 0 : A[d]) == null || c.scrollIntoView({
           behavior: "auto",
           block: "nearest",
@@ -914,8 +915,8 @@ const ko = {
       }
     }
     function fe(l) {
-      var m;
-      const d = (m = Q.value) == null ? void 0 : m.findIndex((c) => {
+      var p;
+      const d = (p = Q.value) == null ? void 0 : p.findIndex((c) => {
         var A, B;
         return t.multiple && Array.isArray(t.modelValue) ? l ? l[t.optionValueKey] === c[t.optionValueKey] : [...t.modelValue].reverse()[0] === c[t.optionValueKey] : ((B = (A = V.value) == null ? void 0 : A[0]) == null ? void 0 : B[t.optionValueKey]) === c[t.optionValueKey];
       });
@@ -924,18 +925,18 @@ const ko = {
     function Ve(l, d = !0) {
       var B;
       d && !t.multiple && ie(() => le()), X.value = "";
-      const m = (B = V.value) == null ? void 0 : B.some(
+      const p = (B = V.value) == null ? void 0 : B.some(
         (D) => D[t.optionValueKey] === l[t.optionValueKey]
       );
       let c = V.value;
-      m && t.multiple ? c = c == null ? void 0 : c.filter(
+      p && t.multiple ? c = c == null ? void 0 : c.filter(
         (D) => D[t.optionValueKey] !== l[t.optionValueKey]
       ) : t.multiple ? c.push(l) : c = [l];
       const A = c.map((D) => D[t.optionValueKey]);
       r("update:model-value", t.multiple ? A : A[0]), r("selected-option", l), Re(), fe(l), we();
     }
     return (l, d) => {
-      var m;
+      var p;
       return ze((b(), L(
         "div",
         {
@@ -950,7 +951,7 @@ const ko = {
         },
         [
           H(Ce, oe({
-            id: E(R),
+            id: k(R),
             ref_key: "mazInputComponent",
             ref: W,
             class: "m-select-input"
@@ -978,7 +979,7 @@ const ko = {
                 "aria-label": `${S.value ? "collapse" : "expand"} list of options`,
                 onClick: ae(De, ["stop"])
               }, [
-                H(E(p), { class: "m-select-chevron maz-text-xl" })
+                H(k(m), { class: "m-select-chevron maz-text-xl" })
               ], 8, To)
             ]),
             _: 1
@@ -1023,7 +1024,7 @@ const ko = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": E(y),
+                    "left-icon": k(y),
                     onKeydown: d[3] || (d[3] = (c) => Se(c, !1))
                   }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : z("v-if", !0),
                   z(`
@@ -1031,7 +1032,7 @@ const ko = {
         `),
                   !Q.value || Q.value.length <= 0 ? N(l.$slots, "no-results", { key: 1 }, () => [
                     j("span", Fo, [
-                      H(E(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                      H(k(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
                   ], !0) : (b(), L("div", No, [
                     (b(!0), L(
@@ -1070,7 +1071,7 @@ const ko = {
                             style: ee(l.itemHeight ? { height: `${l.itemHeight}px` } : void 0),
                             onClick: ae((B) => Ve(c), ["prevent", "stop"])
                           }, [
-                            l.multiple ? (b(), U(E(u), {
+                            l.multiple ? (b(), U(k(u), {
                               key: 0,
                               tabindex: "-1",
                               "model-value": K(c),
@@ -1115,8 +1116,8 @@ const ko = {
         6
         /* CLASS, STYLE */
       )), [
-        [E(Vo), {
-          exclude: (m = l.excludeSelectors) != null && m.length ? l.excludeSelectors : [],
+        [k(Vo), {
+          exclude: (p = l.excludeSelectors) != null && p.length ? l.excludeSelectors : [],
           handler: le
         }]
       ]);
@@ -1147,14 +1148,14 @@ function qo(n, o) {
     const y = Do(n, u, o);
     if (y)
       try {
-        const p = ce(u);
+        const m = ce(u);
         e.push({
           iso2: u,
-          dialCode: p,
+          dialCode: m,
           name: y
         });
-      } catch (p) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${p}`);
+      } catch (m) {
+        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${m}`);
       }
   }
   return e;
@@ -1213,7 +1214,7 @@ const Wo = ["id"], Qo = {
   },
   emits: ["update:model-value"],
   setup(n) {
-    const o = n, { phoneNumber: e } = Me("data"), t = k(), { getCountriesList: r } = Ue(), u = h(() => r(o.countryLocale, o.customCountriesList)), y = h(
+    const o = n, { phoneNumber: e } = Me("data"), t = E(), { getCountriesList: r } = Ue(), u = h(() => r(o.countryLocale, o.customCountriesList)), y = h(
       () => {
         var i;
         return (i = u.value) == null ? void 0 : i.filter((f) => {
@@ -1221,7 +1222,7 @@ const Wo = ["id"], Qo = {
           return !((I = o.ignoredCountries) != null && I.includes(f.iso2));
         });
       }
-    ), p = h(() => {
+    ), m = h(() => {
       const i = o.onlyCountries || o.preferredCountries;
       return i == null ? void 0 : i.map(
         (f) => {
@@ -1238,7 +1239,7 @@ const Wo = ["id"], Qo = {
         });
       }
     ), $ = h(
-      () => o.preferredCountries ? [...p.value ?? [], ...O.value ?? []] : o.onlyCountries ? p.value : y.value
+      () => o.preferredCountries ? [...m.value ?? [], ...O.value ?? []] : o.onlyCountries ? m.value : y.value
     ), v = h(
       () => {
         var i;
@@ -1247,7 +1248,7 @@ const Wo = ["id"], Qo = {
             ...f,
             dialCode: `+${f.dialCode}`
           } : void 0
-        ).filter(mo);
+        ).filter(po);
       }
     );
     async function P() {
@@ -1277,7 +1278,7 @@ const Wo = ["id"], Qo = {
       `),
           N(i.$slots, "selector-flag", { countryCode: i.modelValue }, () => [
             H(Le, {
-              src: E(ke)(i.modelValue, "h20"),
+              src: k(Ee)(i.modelValue, "h20"),
               alt: i.modelValue,
               width: "20",
               height: "20",
@@ -1308,7 +1309,7 @@ const Wo = ["id"], Qo = {
           "search-placeholder": i.locales.countrySelector.searchPlaceholder,
           "search-threshold": i.searchThreshold,
           options: v.value,
-          hint: E(e) && !i.modelValue ? i.locales.countrySelector.error : void 0,
+          hint: k(e) && !i.modelValue ? i.locales.countrySelector.error : void 0,
           label: i.locales.countrySelector.placeholder,
           style: {
             width: i.width
@@ -1341,7 +1342,7 @@ const Wo = ["id"], Qo = {
                     isSelected: S
                   }, () => [
                     H(Le, {
-                      src: E(ke)(I.iso2, "h20"),
+                      src: k(Ee)(I.iso2, "h20"),
                       alt: `${I.name} flag`,
                       width: "20",
                       height: "20",
@@ -1465,7 +1466,7 @@ function He() {
 }
 const tt = /* @__PURE__ */ se({
   __name: "PhoneInput",
-  props: /* @__PURE__ */ Ee({
+  props: /* @__PURE__ */ ke({
     id: {},
     color: {},
     size: {},
@@ -1483,9 +1484,9 @@ const tt = /* @__PURE__ */ se({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ee(["update:model-value"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ke(["update:model-value"], ["update:modelValue"]),
   setup(n, { emit: o }) {
-    const e = n, t = o, r = ao(n, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: y } = He(), { selectionRange: p, results: O, selectedCountry: $ } = Me("data"), v = k(), P = k(!1);
+    const e = n, t = o, r = ao(n, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: y } = He(), { selectionRange: m, results: O, selectedCountry: $ } = Me("data"), v = E(), P = E(!1);
     function i(g, V) {
       const C = y(g, V);
       return C ? `${e.locales.phoneInput.example} ${C}` : void 0;
@@ -1505,7 +1506,7 @@ const tt = /* @__PURE__ */ se({
       placeholder: f.value
     } : {
       label: f.value
-    }), S = k();
+    }), S = E();
     async function R() {
       try {
         if (v.value)
@@ -1520,7 +1521,7 @@ const tt = /* @__PURE__ */ se({
     }
     function J(g, V) {
       const C = g.$el.querySelector("input");
-      p.value.start = C == null ? void 0 : C.selectionStart, p.value.end = C == null ? void 0 : C.selectionEnd, p.value.cursorAtEnd = V && typeof p.value.start == "number" && V.length > 0 ? p.value.start >= V.length : !0;
+      m.value.start = C == null ? void 0 : C.selectionStart, m.value.end = C == null ? void 0 : C.selectionEnd, m.value.cursorAtEnd = V && typeof m.value.start == "number" && V.length > 0 ? m.value.start >= V.length : !0;
     }
     return Ie(() => {
       e.noExample || R();
@@ -1538,7 +1539,7 @@ const tt = /* @__PURE__ */ se({
       class: ["m-phone-input", [
         {
           "--border-radius": g.hasRadius,
-          "--error": g.error || !E(O).isValid,
+          "--error": g.error || !k(O).isValid,
           "--focused": P.value
         }
       ]],
@@ -1602,13 +1603,13 @@ const tt = /* @__PURE__ */ se({
   },
   emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
   setup(n, { emit: o }) {
-    const e = n, t = o, { fetchCountryCode: r, sanitizePhoneNumber: u, getBrowserLocale: y } = Ue(), { isCountryAvailable: p, getPhoneNumberResults: O, getAsYouTypeFormat: $ } = He(), v = Ae({
+    const e = n, t = o, { fetchCountryCode: r, sanitizePhoneNumber: u, getBrowserLocale: y } = Ue(), { isCountryAvailable: m, getPhoneNumberResults: O, getAsYouTypeFormat: $ } = He(), v = Ae({
       componentName: "MazPhoneNumberInput",
       providedId: e.id
-    }), P = k(""), i = k(), f = k({
+    }), P = E(""), i = E(), f = E({
       isValid: !1,
       countryCode: void 0
-    }), I = k(), S = k({
+    }), I = E(), S = E({
       start: 0,
       end: 0,
       cursorAtEnd: !0
@@ -1634,7 +1635,7 @@ const tt = /* @__PURE__ */ se({
         C(w);
       }
     });
-    const Y = k();
+    const Y = E();
     function J() {
       var a;
       return (a = Y.value) == null ? void 0 : a.$el.querySelector("input");
@@ -1650,7 +1651,7 @@ const tt = /* @__PURE__ */ se({
     }
     function C(a) {
       if (a) {
-        if (!p(a)) {
+        if (!m(a)) {
           i.value = void 0;
           return;
         }
@@ -1729,7 +1730,7 @@ const tt = /* @__PURE__ */ se({
         [
           a.noCountrySelector ? z("v-if", !0) : (b(), U(Jo, oe({
             key: 0,
-            id: E(v)
+            id: k(v)
           }, a.countrySelectAttributes, {
             "model-value": i.value,
             color: a.color,
@@ -1783,7 +1784,7 @@ const tt = /* @__PURE__ */ se({
             /* FORWARDED */
           }, 16, ["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", "search-threshold", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
           H(lt, oe({
-            id: E(v),
+            id: k(v),
             ref_key: "PhoneInputRef",
             ref: Y,
             modelValue: P.value,