maz-ui 3.23.4 → 3.24.0

package/components/chunks/{MazLazyImg-47d3449a.mjs → MazLazyImg-632c3f0c.mjs}

@@ -3,7 +3,7 @@ var f = (a, e, s) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writab
 var i = (a, e, s) => (f(a, typeof e != "symbol" ? e + "" : e, s), s);
 import "../assets/MazLazyImg.css";
 import { defineComponent as p, defineAsyncComponent as v, computed as A, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as b, Fragment as y, renderList as C, createElementVNode as E, mergeProps as L, createVNode as O, unref as h, createCommentVNode as z, renderSlot as P } from "vue";
-import { _ as w } from "./MazAvatar-1636f58b.mjs";
+import { _ as w } from "./MazAvatar-a0310614.mjs";
 const B = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", S = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -201,7 +201,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = v(() => import("./MazSpinner-7895f54f.mjs")), s = a, t = A(() => {
+    const e = v(() => import("./MazSpinner-9fc0d858.mjs")), s = a, t = A(() => {
       var o;
       return typeof s.image == "string" ? [{ srcset: s.image }] : (o = s.image) == null ? void 0 : o.sources;
     });

package/components/chunks/{MazPhoneNumberInput-e1bf46f9.mjs → MazPhoneNumberInput-b32334b7.mjs}

@@ -1,14 +1,14 @@
 import "../assets/MazPhoneNumberInput.css";
-import { computed as c, defineComponent as xe, defineAsyncComponent as U, ref as m, getCurrentInstance as Ie, onMounted as Be, useSlots as Fe, openBlock as v, createElementBlock as C, normalizeClass as E, normalizeStyle as ee, createElementVNode as H, renderSlot as J, createVNode as L, unref as z, createCommentVNode as h, withDirectives as Ee, mergeProps as ke, toHandlers as Ne, vModelDynamic as Ke, createTextVNode as Ce, toDisplayString as _, createBlock as ue, withModifiers as re, withCtx as te, useCssVars as Me, onBeforeMount as Te, Transition as De, Fragment as Ue, renderList as Oe, nextTick as G, reactive as Re, watch as ve } from "vue";
-import { isSupportedCountry as qe, getCountryCallingCode as Se, getExampleNumber as He, getCountries as je, parsePhoneNumberFromString as We, AsYouType as Ye } from "libphonenumber-js";
-function Qe(e) {
+import { computed as c, defineComponent as xe, defineAsyncComponent as U, ref as m, getCurrentInstance as Ie, onMounted as Be, useSlots as Ee, openBlock as v, createElementBlock as C, normalizeClass as E, normalizeStyle as ee, createElementVNode as H, renderSlot as J, createVNode as L, unref as z, createCommentVNode as h, withDirectives as Ne, mergeProps as ke, toHandlers as Ke, vModelDynamic as Me, createTextVNode as Ce, toDisplayString as _, createBlock as ue, withModifiers as re, withCtx as te, useCssVars as Te, onBeforeMount as De, Transition as Ue, Fragment as Oe, renderList as Re, nextTick as G, reactive as qe, watch as ve } from "vue";
+import { isSupportedCountry as He, getCountryCallingCode as Se, getExampleNumber as je, getCountries as We, parsePhoneNumberFromString as Ye, AsYouType as Qe } from "libphonenumber-js";
+function Le(e) {
   return !!e;
 }
 const Pe = ({
   componentName: e,
   instance: u,
-  providedId: n
-}) => c(() => n ?? `${e}-${u == null ? void 0 : u.uid}`), Ge = {
+  providedId: a
+}) => c(() => a ?? `${e}-${u == null ? void 0 : u.uid}`), Ge = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -20,11 +20,14 @@ const Pe = ({
   }
 };
 function Ae(e) {
-  return [...e].map((n) => n.charCodeAt(0) % 32 + 127461).map((n) => String.fromCodePoint(n)).join("");
+  return [...e].map((u) => {
+    const a = u.codePointAt(0);
+    return a ? a % 32 + 127461 : void 0;
+  }).filter(Le).map((u) => String.fromCodePoint(u)).join("");
 }
 let ge;
-function Je(e, u, n) {
-  return n != null && n[u] ? n[u] : (ge || (ge = new Intl.DisplayNames([e], { type: "region" })), ge.of(u));
+function Je(e, u, a) {
+  return a != null && a[u] ? a[u] : (ge || (ge = new Intl.DisplayNames([e], { type: "region" })), ge.of(u));
 }
 const Xe = /^[\d ().-]+$/, Ze = /^[^a-z]+$/i;
 let Ve;
@@ -38,26 +41,26 @@ function et(e, u) {
 function tt(e) {
   var u;
   try {
-    return e ? (u = He(e, Ve)) == null ? void 0 : u.formatNational() : void 0;
-  } catch (n) {
-    console.error(`[maz-ui](MazPhoneNumberInput) ${n}`);
+    return e ? (u = je(e, Ve)) == null ? void 0 : u.formatNational() : void 0;
+  } catch (a) {
+    console.error(`[maz-ui](MazPhoneNumberInput) ${a}`);
   }
 }
 function ot(e) {
   if (!e)
     return "";
-  const u = Ze.test(e), n = Xe.test(e);
-  return !u && !n ? e.replaceAll(/[^\d.]/g, "") : e;
+  const u = Ze.test(e), a = Xe.test(e);
+  return !u && !a ? e.replaceAll(/[^\d.]/g, "") : e;
 }
 function lt(e, u) {
-  const n = [], P = je();
-  e = e ?? Le().browserLocale ?? "en-US";
+  const a = [], P = We();
+  e = e ?? Fe().browserLocale ?? "en-US";
   for (const x of P) {
     const O = Je(e, x, u);
     if (O)
       try {
         const N = Se(x);
-        n.push({
+        a.push({
           iso2: x,
           dialCode: N,
           name: O
@@ -66,9 +69,9 @@ function lt(e, u) {
         console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${N}`);
       }
   }
-  return n;
+  return a;
 }
-function Le() {
+function Fe() {
   if (typeof window > "u")
     return {};
   const e = window.navigator.language;
@@ -79,13 +82,13 @@ function Le() {
 }
 function be(e) {
   try {
-    const u = qe(e);
+    const u = He(e);
     return u || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${e}" is not available`), !1);
   } catch (u) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${u}`), !1;
   }
 }
-const at = ({
+const nt = ({
   phoneNumber: e,
   countryCode: u
 }) => {
@@ -95,29 +98,29 @@ const at = ({
         isValid: !1,
         countryCode: u
       };
-    const n = We(e, u);
+    const a = Ye(e, u);
     return {
-      isValid: (n == null ? void 0 : n.isValid()) ?? !1,
-      isPossible: n == null ? void 0 : n.isPossible(),
-      countryCode: n == null ? void 0 : n.country,
-      countryCallingCode: n == null ? void 0 : n.countryCallingCode,
-      nationalNumber: n == null ? void 0 : n.nationalNumber,
-      type: n == null ? void 0 : n.getType(),
-      formatInternational: n == null ? void 0 : n.formatInternational(),
-      formatNational: n == null ? void 0 : n.formatNational(),
-      uri: n == null ? void 0 : n.getURI(),
-      e164: n == null ? void 0 : n.format("E.164"),
-      rfc3966: n == null ? void 0 : n.format("RFC3966")
+      isValid: (a == null ? void 0 : a.isValid()) ?? !1,
+      isPossible: a == null ? void 0 : a.isPossible(),
+      countryCode: a == null ? void 0 : a.country,
+      countryCallingCode: a == null ? void 0 : a.countryCallingCode,
+      nationalNumber: a == null ? void 0 : a.nationalNumber,
+      type: a == null ? void 0 : a.getType(),
+      formatInternational: a == null ? void 0 : a.formatInternational(),
+      formatNational: a == null ? void 0 : a.formatNational(),
+      uri: a == null ? void 0 : a.getURI(),
+      e164: a == null ? void 0 : a.format("E.164"),
+      rfc3966: a == null ? void 0 : a.format("RFC3966")
     };
-  } catch (n) {
-    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${n}`);
+  } catch (a) {
+    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${a}`);
   }
 };
-function nt(e, u) {
+function at(e, u) {
   try {
-    return u ? new Ye(e).input(u) : void 0;
-  } catch (n) {
-    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${n}`);
+    return u ? new Qe(e).input(u) : void 0;
+  } catch (a) {
+    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${a}`);
   }
 }
 async function rt() {
@@ -131,20 +134,20 @@ async function rt() {
 function ut() {
   return {
     fetchCountryCode: rt,
-    getAsYouTypeFormat: nt,
-    getResultsFromPhoneNumber: at,
+    getAsYouTypeFormat: at,
+    getResultsFromPhoneNumber: nt,
     loadPhoneNumberExamplesFile: _e,
     getPhoneNumberExample: tt,
     sanitizePhoneNumber: ot,
     getCountriesList: lt,
-    browserLocale: Le,
+    browserLocale: Fe,
     isSameCountryCallingCode: et
   };
 }
 function it(e, u) {
-  let n;
+  let a;
   return function(...P) {
-    clearTimeout(n), n = setTimeout(() => {
+    clearTimeout(a), a = setTimeout(() => {
       e.apply(this, P);
     }, u);
   };
@@ -216,7 +219,7 @@ const st = {
   },
   emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
   setup(e, { emit: u }) {
-    const n = U(() => import("./MazBtn-2d1d1ba5.mjs")), P = U(() => import("./MazIcon-52a76873.mjs")), x = U(() => import("./eye-slash-fa42a017.mjs")), O = U(() => import("./eye-dc12ce09.mjs")), N = U(() => import("./check-31d7ba2f.mjs")), o = e, S = u, I = m(!1), f = m(!1), s = m(), oe = Ie(), le = Pe({
+    const a = U(() => import("./MazBtn-1abd74e1.mjs")), P = U(() => import("./MazIcon-52a76873.mjs")), x = U(() => import("./eye-slash-fa42a017.mjs")), O = U(() => import("./eye-dc12ce09.mjs")), N = U(() => import("./check-31d7ba2f.mjs")), o = e, S = u, I = m(!1), f = m(!1), s = m(), oe = Ie(), le = Pe({
       componentName: "MazInput",
       instance: oe,
       providedId: o.id
@@ -253,14 +256,14 @@ const st = {
         }
         return "--default-border";
       }
-    }), B = Fe(), Z = c(() => {
+    }), B = Ee(), Z = c(() => {
       const { required: i, placeholder: g } = o;
       if (g)
         return i ? `${g} *` : g;
     }), R = c(() => o.modelValue !== void 0 && o.modelValue !== ""), q = c({
       get: () => o.modelValue,
       set: (i) => A(i)
-    }), K = c(() => (!!o.label || !!o.hint) && (f.value || !!R.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), j = c(() => !!o.label || !!o.hint), ae = () => !!B["right-icon"] || $.value || !!B["valid-button"] || o.validButton || !!o.rightIcon, M = () => !!B["left-icon"] || !!o.leftIcon, T = (i) => {
+    }), K = c(() => (!!o.label || !!o.hint) && (f.value || !!R.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), j = c(() => !!o.label || !!o.hint), ne = () => !!B["right-icon"] || $.value || !!B["valid-button"] || o.validButton || !!o.rightIcon, M = () => !!B["left-icon"] || !!o.leftIcon, T = (i) => {
       S("focus", i), f.value = !0;
     }, w = (i) => {
       S("blur", i), f.value = !1;
@@ -306,7 +309,7 @@ const st = {
               ], !0) : h("v-if", !0)
             ])) : h("v-if", !0),
             H("div", ct, [
-              Ee(H("input", ke({
+              Ne(H("input", ke({
                 id: z(le),
                 ref_key: "input",
                 ref: s,
@@ -320,14 +323,14 @@ const st = {
                 readonly: e.readonly,
                 required: e.required,
                 class: "m-input-input"
-              }, Ne({
+              }, Ke({
                 blur: w,
                 focus: T,
                 change: W
               }, !0), {
                 onClick: g[1] || (g[1] = (p) => i.$emit("click", p))
               }), null, 16, dt), [
-                [Ke, q.value]
+                [Me, q.value]
               ]),
               e.label || e.hint ? (v(), C(
                 "span",
@@ -354,14 +357,14 @@ const st = {
                 /* CLASS */
               )) : h("v-if", !0)
             ]),
-            ae() ? (v(), C("div", mt, [
+            ne() ? (v(), C("div", mt, [
               i.$slots["right-icon"] || e.rightIcon ? J(i.$slots, "right-icon", { key: 0 }, () => [
                 L(z(P), {
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
                 }, null, 8, ["name"])
               ], !0) : h("v-if", !0),
-              $.value ? (v(), ue(z(n), {
+              $.value ? (v(), ue(z(a), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
@@ -381,7 +384,7 @@ const st = {
                 /* STABLE */
               })) : h("v-if", !0),
               i.$slots["valid-button"] || e.validButton ? J(i.$slots, "valid-button", { key: 2 }, () => [
-                L(z(n), {
+                L(z(a), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -409,11 +412,11 @@ const st = {
   }
 });
 const $e = (e, u) => {
-  const n = e.__vccOpts || e;
+  const a = e.__vccOpts || e;
   for (const [P, x] of u)
-    n[P] = x;
-  return n;
-}, we = /* @__PURE__ */ $e(yt, [["__scopeId", "data-v-32fa5093"]]);
+    a[P] = x;
+  return a;
+}, we = /* @__PURE__ */ $e(yt, [["__scopeId", "data-v-4ef81f77"]]);
 m("system");
 m("system");
 m();
@@ -489,12 +492,12 @@ const pt = ["onClick"], ht = {
     "selected-option"
   ],
   setup(e, { emit: u }) {
-    Me((a) => ({
+    Te((n) => ({
       "1e2ca234": X.value,
       a001241a: oe.value,
       "75c5211b": le.value
     }));
-    const n = U(() => import("./MazCheckbox-040dc2c4.mjs")), P = U(() => import("./magnifying-glass-908981c0.mjs")), x = U(() => import("./chevron-down-2b60111a.mjs")), O = U(() => import("./no-symbol-87477ad0.mjs")), N = Ie(), o = e, S = u, I = m(!1), f = m(), s = c(
+    const a = U(() => import("./MazCheckbox-4ccd0b53.mjs")), P = U(() => import("./magnifying-glass-908981c0.mjs")), x = U(() => import("./chevron-down-2b60111a.mjs")), O = U(() => import("./no-symbol-87477ad0.mjs")), N = Ie(), o = e, S = u, I = m(!1), f = m(), s = c(
       () => ["black", "transparent", "white"].includes(o.color)
     ), oe = c(
       () => s.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
@@ -508,126 +511,126 @@ const pt = ["onClick"], ht = {
       providedId: o.id
     }), F = c(
       () => {
-        var a;
-        return ((a = o.options) == null ? void 0 : a.filter((t) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(t[o.optionValueKey]) && !K(t[o.optionValueKey]) : !1 : o.modelValue === t[o.optionValueKey] && !K(t[o.optionValueKey]))) ?? [];
+        var n;
+        return ((n = o.options) == null ? void 0 : n.filter((t) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(t[o.optionValueKey]) && !K(t[o.optionValueKey]) : !1 : o.modelValue === t[o.optionValueKey] && !K(t[o.optionValueKey]))) ?? [];
       }
     );
-    Te(() => {
-      var a;
-      (a = o.options) != null && a.length || console.warn("[maz-ui](MazSelect) you must provide options"), Q();
+    De(() => {
+      var n;
+      (n = o.options) != null && n.length || console.warn("[maz-ui](MazSelect) you must provide options"), Q();
     });
-    const B = m(), Z = m(), R = m(), q = m(), K = (a) => a == null;
-    function j(a) {
+    const B = m(), Z = m(), R = m(), q = m(), K = (n) => n == null;
+    function j(n) {
       var l;
       return (((l = F.value) == null ? void 0 : l.some(
-        (r) => r[o.optionValueKey] === a[o.optionValueKey]
-      )) ?? !1) && !K(a[o.optionValueKey]);
+        (r) => r[o.optionValueKey] === n[o.optionValueKey]
+      )) ?? !1) && !K(n[o.optionValueKey]);
     }
-    const ae = c(() => {
-      var a, t;
+    const ne = c(() => {
+      var n, t;
       return o.multiple && o.modelValue && Array.isArray(o.modelValue) ? o.modelValue.map(
         (l) => {
           var r, d;
           return (d = (r = o.options) == null ? void 0 : r.find((b) => b[o.optionValueKey] === l)) == null ? void 0 : d[o.optionInputValueKey];
         }
-      ).join(", ") : (t = (a = o.options) == null ? void 0 : a.find((l) => l[o.optionValueKey] === o.modelValue)) == null ? void 0 : t[o.optionInputValueKey];
+      ).join(", ") : (t = (n = o.options) == null ? void 0 : n.find((l) => l[o.optionValueKey] === o.modelValue)) == null ? void 0 : t[o.optionInputValueKey];
     }), M = c(
       () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
     ), T = m(""), w = m("");
-    function W(a) {
-      return a.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
+    function W(n) {
+      return n.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const y = (a, t) => t && a && W(a.toString().toLocaleLowerCase().trim()).includes(
+    const y = (n, t) => t && n && W(n.toString().toLocaleLowerCase().trim()).includes(
       W(t.toLocaleLowerCase().trim())
     );
-    function A(a) {
+    function A(n) {
       var t;
-      return a ? (t = o.options) == null ? void 0 : t.filter((l) => {
+      return n ? (t = o.options) == null ? void 0 : t.filter((l) => {
         const r = l[o.optionLabelKey], d = l[o.optionValueKey], b = l[o.optionInputValueKey];
-        return y(r, a) || y(d, a) || y(b, a);
+        return y(r, n) || y(d, n) || y(b, n);
       }) : o.options;
     }
-    const i = c(() => A(T.value)), g = async (a) => {
+    const i = c(() => A(T.value)), g = async (n) => {
       var t;
-      if (a && ("relatedTarget" in a && ((t = B.value) != null && t.contains(a.relatedTarget)) || a.type === "keydown"))
-        return a.preventDefault();
-      await G(), I.value = !1, f.value = 0, S("close", a);
-    }, p = async (a) => {
-      o.disabled || $.value || (a == null || a.preventDefault(), I.value = !0, await ne(), S("focus", a), S("open", I.value));
+      if (n && ("relatedTarget" in n && ((t = B.value) != null && t.contains(n.relatedTarget)) || n.type === "keydown"))
+        return n.preventDefault();
+      await G(), I.value = !1, f.value = 0, S("close", n);
+    }, p = async (n) => {
+      o.disabled || $.value || (n == null || n.preventDefault(), I.value = !0, await ae(), S("focus", n), S("open", I.value));
     };
     function ie() {
-      var a, t;
-      (t = ((a = Z.value) == null ? void 0 : a.$el).querySelector("input")) == null || t.focus();
+      var n, t;
+      (t = ((n = Z.value) == null ? void 0 : n.$el).querySelector("input")) == null || t.focus();
     }
-    function pe(a) {
-      I.value ? g(a) : ie();
+    function pe(n) {
+      I.value ? g(n) : ie();
     }
-    function he(a) {
+    function he(n) {
       var t, l;
-      T.value = a, (l = ((t = R.value) == null ? void 0 : t.$el).querySelector("input")) == null || l.focus();
+      T.value = n, (l = ((t = R.value) == null ? void 0 : t.$el).querySelector("input")) == null || l.focus();
     }
-    function se(a) {
+    function se(n) {
       var l;
-      a === "Backspace" && w.value.length > 0 ? w.value = w.value.slice(0, -1) : w.value += a;
+      n === "Backspace" && w.value.length > 0 ? w.value = w.value.slice(0, -1) : w.value += n;
       const t = A(w.value);
       t != null && t.length && (f.value = (l = i.value) == null ? void 0 : l.findIndex(
         (r) => r[o.optionValueKey] === t[0][o.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && ne(f.value)), vt(() => {
+      ), typeof f.value == "number" && f.value >= 0 && ae(f.value)), vt(() => {
         w.value = "";
       }, 1e3);
     }
-    const ce = (a) => {
-      const t = a.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(t) ? (a.preventDefault(), p(a), o.search ? he(t) : se(t)) : de(a);
-    }, de = (a) => {
-      const t = a.code, l = ["ArrowUp", "ArrowDown"].includes(t), r = ["Enter", "Space"].includes(t), d = t === "Escape" && $.value;
-      l ? Y(a, f.value) : r ? fe(a, f.value) : d && g();
-    }, Y = (a, t) => {
+    const ce = (n) => {
+      const t = n.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(t) ? (n.preventDefault(), p(n), o.search ? he(t) : se(t)) : de(n);
+    }, de = (n) => {
+      const t = n.code, l = ["ArrowUp", "ArrowDown"].includes(t), r = ["Enter", "Space"].includes(t), d = t === "Escape" && $.value;
+      l ? Y(n, f.value) : r ? fe(n, f.value) : d && g();
+    }, Y = (n, t) => {
       var d;
-      a.preventDefault();
-      const l = a.code;
-      $.value || p(a);
+      n.preventDefault();
+      const l = n.code;
+      $.value || p(n);
       const r = (d = i.value) == null ? void 0 : d.length;
-      r && (typeof t == "number" ? t === r - 1 && l === "ArrowDown" ? f.value = 0 : t === 0 && l === "ArrowUp" ? f.value = r - 1 : f.value = l === "ArrowDown" ? t + 1 : t - 1 : f.value = l === "ArrowDown" ? 0 : r - 1, ne(f.value));
-    }, fe = (a, t) => {
+      r && (typeof t == "number" ? t === r - 1 && l === "ArrowDown" ? f.value = 0 : t === 0 && l === "ArrowUp" ? f.value = r - 1 : f.value = l === "ArrowDown" ? t + 1 : t - 1 : f.value = l === "ArrowDown" ? 0 : r - 1, ae(f.value));
+    }, fe = (n, t) => {
       var r, d, b;
-      if (a.preventDefault(), !$.value)
-        return p(a);
+      if (n.preventDefault(), !$.value)
+        return p(n);
       const l = t ? ((r = i.value) == null ? void 0 : r[t]) ?? ((d = i.value) == null ? void 0 : d[0]) : (b = i.value) == null ? void 0 : b[0];
       K(l) || me(l);
     };
-    async function ne(a) {
+    async function ae(n) {
       var l, r;
-      await G(), typeof a != "number" && Q();
-      const t = a ?? f.value;
+      await G(), typeof n != "number" && Q();
+      const t = n ?? f.value;
       typeof t == "number" && t >= 0 && ((r = (l = q.value) == null ? void 0 : l.querySelectorAll(".m-select-list-item")[t]) == null || r.scrollIntoView({
         behavior: "auto",
         block: "nearest",
         inline: "start"
       }));
     }
-    function Q(a) {
+    function Q(n) {
       var l;
       const t = (l = i.value) == null ? void 0 : l.findIndex((r) => {
         var d, b;
-        return o.multiple && Array.isArray(o.modelValue) ? a ? a[o.optionValueKey] === r[o.optionValueKey] : [...o.modelValue].reverse()[0] === r[o.optionValueKey] : ((b = (d = F.value) == null ? void 0 : d[0]) == null ? void 0 : b[o.optionValueKey]) === r[o.optionValueKey];
+        return o.multiple && Array.isArray(o.modelValue) ? n ? n[o.optionValueKey] === r[o.optionValueKey] : [...o.modelValue].reverse()[0] === r[o.optionValueKey] : ((b = (d = F.value) == null ? void 0 : d[0]) == null ? void 0 : b[o.optionValueKey]) === r[o.optionValueKey];
       });
       f.value = t && t >= 0 ? t : 0;
     }
-    const me = (a, t = !0) => {
+    const me = (n, t = !0) => {
       var b;
       t && !o.multiple && G(() => g()), T.value = "";
       const l = (b = F.value) == null ? void 0 : b.some(
-        (D) => D[o.optionValueKey] === a[o.optionValueKey]
+        (D) => D[o.optionValueKey] === n[o.optionValueKey]
       );
       let r = F.value;
       l && o.multiple ? r = r == null ? void 0 : r.filter(
-        (D) => D[o.optionValueKey] !== a[o.optionValueKey]
-      ) : o.multiple ? r.push(a) : r = [a];
+        (D) => D[o.optionValueKey] !== n[o.optionValueKey]
+      ) : o.multiple ? r.push(n) : r = [n];
       const d = r.map((D) => D[o.optionValueKey]);
-      S("update:model-value", o.multiple ? d : d[0]), S("selected-option", a), Q(a), ie();
+      S("update:model-value", o.multiple ? d : d[0]), S("selected-option", n), Q(n), ie();
     };
-    return (a, t) => (v(), C(
+    return (n, t) => (v(), C(
       "div",
       {
         ref_key: "mazSelectElement",
@@ -642,11 +645,11 @@ const pt = ["onClick"], ht = {
           ref_key: "mazInputComponent",
           ref: Z,
           class: "m-select-input"
-        }, a.$attrs, {
+        }, n.$attrs, {
           required: e.required,
           "border-active": I.value,
           color: e.color,
-          "model-value": ae.value,
+          "model-value": ne.value,
           autocomplete: "off",
           size: e.size,
           disabled: e.disabled,
@@ -668,7 +671,7 @@ const pt = ["onClick"], ht = {
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled", "onFocus", "onClick"]),
-        L(De, { name: M.value }, {
+        L(Ue, { name: M.value }, {
           default: te(() => [
             $.value ? (v(), C(
               "div",
@@ -716,15 +719,15 @@ const pt = ["onClick"], ht = {
                 h(`
           @slot No results slot - Displayed when no results corresponding with seeach query
         `),
-                !i.value || i.value.length <= 0 ? J(a.$slots, "no-results", { key: 1 }, () => [
+                !i.value || i.value.length <= 0 ? J(n.$slots, "no-results", { key: 1 }, () => [
                   H("span", gt, [
                     L(z(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
                 ], !0) : (v(), C("div", bt, [
                   (v(!0), C(
-                    Ue,
+                    Oe,
                     null,
-                    Oe(i.value, (l, r) => (v(), C("button", {
+                    Re(i.value, (l, r) => (v(), C("button", {
                       key: r,
                       tabindex: "-1",
                       type: "button",
@@ -738,7 +741,7 @@ const pt = ["onClick"], ht = {
                       style: ee({ minHeight: `${e.itemHeight}px` }),
                       onClick: re((d) => me(l), ["prevent", "stop"])
                     }, [
-                      e.multiple ? (v(), ue(z(n), {
+                      e.multiple ? (v(), ue(z(a), {
                         key: 0,
                         tabindex: "-1",
                         "model-value": j(l),
@@ -750,7 +753,7 @@ const pt = ["onClick"], ht = {
                 @binding {Object} option
                 @binding {Boolean} is-selected
             `),
-                      J(a.$slots, "default", {
+                      J(n.$slots, "default", {
                         option: l,
                         isSelected: j(l)
                       }, () => [
@@ -901,7 +904,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
   ],
   setup(e, { emit: u }) {
     const {
-      fetchCountryCode: n,
+      fetchCountryCode: a,
       browserLocale: P,
       getResultsFromPhoneNumber: x,
       getAsYouTypeFormat: O,
@@ -913,7 +916,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
       componentName: "MazPhoneNumberInput",
       instance: oe,
       providedId: s.id
-    }), X = m(), $ = m(), V = Re({
+    }), X = m(), $ = m(), V = qe({
       start: 0,
       end: 0,
       cursorAtEnd: !0
@@ -937,12 +940,12 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
         var r;
         return !((r = s.preferredCountries) != null && r.includes(l.iso2));
       });
-    }), j = c(() => s.preferredCountries ? [...q.value ?? [], ...K.value ?? []] : s.onlyCountries ? q.value : R.value), ae = c(() => {
+    }), j = c(() => s.preferredCountries ? [...q.value ?? [], ...K.value ?? []] : s.onlyCountries ? q.value : R.value), ne = c(() => {
       var t;
       return (t = j.value) == null ? void 0 : t.map((l) => l ? {
         ...l,
         dialCode: `+${l.dialCode}`
-      } : void 0).filter(Qe);
+      } : void 0).filter(Le);
     }), M = c(() => ({
       ...Ge,
       ...s.translations
@@ -973,7 +976,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
       })
     ), g = m(), p = c(() => s.noFormattingAsYouType ? A.value ?? "" : g.value ?? A.value ?? "");
     async function ie() {
-      const t = await n();
+      const t = await a();
       t && Y(t);
     }
     async function pe() {
@@ -1041,7 +1044,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
     }
     function Y(t, l = !1) {
       try {
-        be(t) && (y.value = t, l && a());
+        be(t) && (y.value = t, l && n());
       } catch (r) {
         console.error(`[maz-ui](MazPhoneNumberInput) ${r}`);
       }
@@ -1050,9 +1053,9 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
       se(t, y.value), await G(), s.noFormattingAsYouType ? A.value = p.value : g.value = V.cursorAtEnd || i.value.isValid ? A.value = O(
         i.value.countryCode ?? y.value,
         i.value.formatNational ?? A.value
-      ) : A.value, await G(), ne(i.value);
+      ) : A.value, await G(), ae(i.value);
     }
-    function ne(t) {
+    function ae(t) {
       t.countryCode && y.value !== t.countryCode && Y(t.countryCode);
     }
     function Q() {
@@ -1063,7 +1066,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
       var t, l;
       (l = (t = $.value) == null ? void 0 : t.$el.querySelector("input")) == null || l.focus();
     }
-    async function a() {
+    async function n() {
       var t;
       await G(), (t = Q()) == null || t.focus();
     }
@@ -1114,7 +1117,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
           "list-position": e.listPosition,
           search: !e.noSearch,
           "search-placeholder": M.value.countrySelector.searchPlaceholder,
-          options: ae.value,
+          options: ne.value,
           error: e.error || (e.noValidationError ? !1 : !!p.value && !y.value),
           hint: p.value && !y.value ? M.value.countrySelector.error : void 0,
           label: M.value.countrySelector.placeholder,
@@ -1208,7 +1211,7 @@ const St = /* @__PURE__ */ $e(Ct, [["__scopeId", "data-v-441d5cd5"]]), Vt = ["id
     };
   }
 });
-const $t = /* @__PURE__ */ $e(xt, [["__scopeId", "data-v-13c350c6"]]);
+const $t = /* @__PURE__ */ $e(xt, [["__scopeId", "data-v-7937c31a"]]);
 export {
   $t as M,
   $e as _,