maz-ui 3.47.2-beta.17 → 3.47.2-beta.18

package/components/chunks/{MazPhoneNumberInput-C0cflJBV.mjs → MazPhoneNumberInput-DibUhBpk.mjs}

@@ -1,7 +1,7 @@
 import '../assets/MazPhoneNumberInput.css';var Je = Object.defineProperty;
 var Ze = (a, o, e) => o in a ? Je(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
-var _ = (a, o, e) => Ze(a, typeof o != "symbol" ? o + "" : o, e);
-import { computed as h, useId as Xe, inject as xe, defineComponent as ne, defineAsyncComponent as q, withDirectives as ze, openBlock as y, createElementBlock as P, normalizeClass as M, normalizeStyle as ee, Fragment as be, renderList as Be, createElementVNode as Y, mergeProps as te, createVNode as H, unref as k, createCommentVNode as E, renderSlot as N, ref as L, onMounted as Ie, useSlots as _e, toDisplayString as oe, createBlock as U, resolveDynamicComponent as ke, toHandlers as eo, vModelDynamic as oo, createTextVNode as to, withModifiers as se, withCtx as G, onBeforeMount as Oe, nextTick as ue, Transition as lo, mergeModels as Pe, useModel as ao, provide as so, watch as he } from "vue";
+var ee = (a, o, e) => Ze(a, typeof o != "symbol" ? o + "" : o, e);
+import { computed as h, useId as Xe, inject as xe, defineComponent as ne, defineAsyncComponent as q, withDirectives as ze, openBlock as y, createElementBlock as P, normalizeClass as T, normalizeStyle as oe, Fragment as be, renderList as Be, createElementVNode as Y, mergeProps as le, createVNode as U, unref as k, createCommentVNode as $, renderSlot as N, ref as E, onMounted as Ie, useSlots as _e, toDisplayString as te, createBlock as K, resolveDynamicComponent as ke, toHandlers as eo, vModelDynamic as oo, createTextVNode as to, withModifiers as se, withCtx as J, onBeforeMount as Oe, nextTick as ue, Transition as lo, mergeModels as Pe, useModel as ao, provide as so, watch as he } from "vue";
 import { getCountries as Me, getCountryCallingCode as ce, isSupportedCountry as no, parsePhoneNumberFromString as ro, getExampleNumber as io, AsYouType as uo } from "libphonenumber-js";
 function Ae({
   componentName: a,
@@ -37,12 +37,12 @@ const mo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAA
 };
 class fo {
   constructor(o = {}) {
-    _(this, "observers", []);
-    _(this, "defaultOptions", po);
-    _(this, "options");
-    _(this, "onImgLoadedCallback");
-    _(this, "onImgErrorCallback");
-    _(this, "hasImgLoaded", !1);
+    ee(this, "observers", []);
+    ee(this, "defaultOptions", po);
+    ee(this, "options");
+    ee(this, "onImgLoadedCallback");
+    ee(this, "onImgErrorCallback");
+    ee(this, "hasImgLoaded", !1);
     this.options = this.buildOptions(o), this.onImgLoadedCallback = this.imageIsLoaded.bind(this), this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
@@ -224,36 +224,36 @@ const ho = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const o = a, e = q(() => import("./MazSpinner-D3XO8GyD.mjs")), t = h(() => o.image || o.src), r = h(() => {
+    const o = a, e = q(() => import("./MazSpinner-EAz0nFxC.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, v) => ze((y(), P(
       "picture",
       {
-        class: M(["m-lazy-img-component", [{ "--use-loader": !u.noLoader, "--height-full": u.imageHeightFull, "--block": u.block }, o.class]]),
-        style: ee(u.style)
+        class: T(["m-lazy-img-component", [{ "--use-loader": !u.noLoader, "--height-full": u.imageHeightFull, "--block": u.block }, o.class]]),
+        style: oe(u.style)
       },
       [
         (y(!0), P(
           be,
           null,
-          Be(r.value, ({ srcset: p, media: O }, $) => (y(), P("source", {
-            key: $,
+          Be(r.value, ({ srcset: p, media: B }, L) => (y(), P("source", {
+            key: L,
             "data-lazy-srcset": p,
-            media: O
+            media: B
           }, null, 8, vo))),
           128
           /* KEYED_FRAGMENT */
         )),
-        Y("img", te(u.$attrs, {
+        Y("img", le(u.$attrs, {
           src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
           loading: "lazy",
           alt: u.alt,
           class: u.imgClass
         }), null, 16, yo),
-        u.noLoader ? E("v-if", !0) : (y(), P("div", go, [
-          H(k(e), { size: "2em" })
+        u.noLoader ? $("v-if", !0) : (y(), P("div", go, [
+          U(k(e), { size: "2em" })
         ])),
         N(u.$slots, "default", {}, void 0, !0)
       ],
@@ -382,18 +382,18 @@ function ve(a, o, e = 0.75) {
   };
 }
 function Ne(a, o, e) {
-  var v;
+  var v, p;
   a.stopPropagation();
   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 B of r)
       if (!u && a.target instanceof HTMLElement) {
-        const O = (v = document.querySelector(p)) == null ? void 0 : v.getAttribute("id");
-        u = a.target.getAttribute("id") === O;
+        const L = (v = document.querySelector(B)) == null ? void 0 : v.getAttribute("id");
+        u = (a.target.getAttribute("id") === L || ((p = document.querySelector(B)) == null ? void 0 : p.contains(a.target))) ?? !1;
       }
   }
-  !o.contains(a.target) && !u && (t == null || t());
+  !o.contains(a.target) && !u && (t == null || t(a));
 }
 function Ke() {
   return document.ontouchstart === null ? "touchstart" : "click";
@@ -414,7 +414,11 @@ const So = {
   mounted: wo,
   unmounted: Ao
 };
+let ye = null;
 function Vo(a, o) {
+  ye && clearTimeout(ye), ye = setTimeout(a, o);
+}
+function ko(a, o) {
   let e;
   return function(...t) {
     clearTimeout(e), e = setTimeout(() => {
@@ -422,10 +426,6 @@ function Vo(a, o) {
     }, o);
   };
 }
-let ye = null;
-function ko(a, o) {
-  ye && clearTimeout(ye), ye = setTimeout(a, o);
-}
 const Po = ["for"], Lo = {
   key: 0,
   class: "m-input-wrapper-left"
@@ -472,7 +472,7 @@ const Po = ["for"], Lo = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(a, { emit: o }) {
-    const e = a, t = o, r = q(() => import("./MazBtn-Dyd7nrjf.mjs")), u = q(() => import("./MazIcon-hS5hU9w4.mjs")), v = q(() => import("./eye-slash-BoO00xzs.mjs")), p = q(() => import("./eye-f8zAUc30.mjs")), O = q(() => import("./check-C9Q_W85g.mjs")), $ = L(!1), g = L(!1), A = L(), i = Ae({
+    const e = a, t = o, r = q(() => import("./MazBtn-D4NOcykx.mjs")), u = q(() => import("./MazIcon-CaXpmvN2.mjs")), v = q(() => import("./eye-slash-BoO00xzs.mjs")), p = q(() => import("./eye-f8zAUc30.mjs")), B = q(() => import("./check-C9Q_W85g.mjs")), L = E(!1), g = E(!1), A = E(), i = Ae({
       componentName: "MazInput",
       providedId: e.id
     });
@@ -480,7 +480,7 @@ const Po = ["for"], Lo = {
       var s;
       e.autoFocus && ((s = A.value) == null || s.focus());
     });
-    const f = h(() => e.type === "password"), z = h(() => $.value ? "text" : e.type), w = h(() => {
+    const f = h(() => e.type === "password"), z = h(() => L.value ? "text" : e.type), w = h(() => {
       if (!e.noBorder) {
         if (e.error)
           return "maz-border-danger";
@@ -508,11 +508,11 @@ const Po = ["for"], Lo = {
         }
         return "--default-border";
       }
-    }), D = _e(), j = h(() => {
+    }), H = _e(), j = h(() => {
       const { required: s, placeholder: F } = e;
       if (F)
         return s ? `${F} *` : F;
-    }), J = h(() => C.value !== void 0 && C.value !== ""), b = Vo(
+    }), Z = h(() => C.value !== void 0 && C.value !== ""), b = ko(
       (s) => {
         t("update:model-value", s);
       },
@@ -526,33 +526,33 @@ const Po = ["for"], Lo = {
     const C = h({
       get: () => e.modelValue,
       set: (s) => S(s)
-    }), W = h(() => (!!e.label || !!e.hint) && (g.value || !!J.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), Z = h(() => !!e.label || !!e.hint);
+    }), W = h(() => (!!e.label || !!e.hint) && (g.value || !!Z.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), X = h(() => !!e.label || !!e.hint);
     function n() {
-      return !!D["right-icon"] || f.value || !!D["valid-button"] || e.validButton || !!e.rightIcon;
+      return !!H["right-icon"] || f.value || !!H["valid-button"] || e.validButton || !!e.rightIcon;
     }
     function V() {
-      return !!D["left-icon"] || !!e.leftIcon;
+      return !!H["left-icon"] || !!e.leftIcon;
     }
-    function K(s) {
+    function D(s) {
       t("focus", s), g.value = !0;
     }
-    function T(s) {
+    function M(s) {
       t("blur", s), g.value = !1;
     }
-    function le(s) {
+    function Q(s) {
       return t("change", s);
     }
-    function X(s) {
+    function x(s) {
       return t("input", s);
     }
     return (s, F) => (y(), P(
       "div",
       {
-        class: M(["m-input", [
+        class: T(["m-input", [
           {
             "--is-focused": g.value || s.borderActive,
             "--should-up": W.value,
-            "--has-label": Z.value,
+            "--has-label": X.value,
             "--is-disabled": s.disabled,
             "--is-readonly": s.readonly,
             "--has-z-2": s.error || s.warning || s.success,
@@ -562,18 +562,18 @@ const Po = ["for"], Lo = {
           e.class,
           `--${s.color}`
         ]]),
-        style: ee(s.style)
+        style: oe(s.style)
       },
       [
         s.topLabel ? (y(), P("label", {
           key: 0,
           for: k(i),
           class: "m-input-top-label"
-        }, oe(s.topLabel), 9, Po)) : E("v-if", !0),
+        }, te(s.topLabel), 9, Po)) : $("v-if", !0),
         Y(
           "div",
           {
-            class: M(["m-input-wrapper", [
+            class: T(["m-input-wrapper", [
               s.inputClasses,
               w.value,
               s.roundedSize ? `--rounded-${s.roundedSize}` : { "maz-rounded": !s.noRadius },
@@ -583,27 +583,27 @@ const Po = ["for"], Lo = {
           [
             V() ? (y(), P("div", Lo, [
               s.$slots["left-icon"] || s.leftIcon ? N(s.$slots, "left-icon", { key: 0 }, () => [
-                typeof s.leftIcon == "string" ? (y(), U(k(u), {
+                typeof s.leftIcon == "string" ? (y(), K(k(u), {
                   key: 0,
                   name: s.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : s.leftIcon ? (y(), U(ke(s.leftIcon), {
+                }, null, 8, ["name"])) : s.leftIcon ? (y(), K(ke(s.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : E("v-if", !0)
-              ], !0) : E("v-if", !0)
-            ])) : E("v-if", !0),
+                })) : $("v-if", !0)
+              ], !0) : $("v-if", !0)
+            ])) : $("v-if", !0),
             Y(
               "div",
               {
-                class: M(["m-input-wrapper-input", [`--${s.size}`, { "--top-label": !!s.topLabel }]])
+                class: T(["m-input-wrapper-input", [`--${s.size}`, { "--top-label": !!s.topLabel }]])
               },
               [
-                ze(Y("input", te({
+                ze(Y("input", le({
                   id: k(i),
                   ref_key: "input",
                   ref: A,
-                  "onUpdate:modelValue": F[0] || (F[0] = (x) => C.value = x),
+                  "onUpdate:modelValue": F[0] || (F[0] = (_) => C.value = _),
                   type: z.value,
                   name: s.name
                 }, s.$attrs, {
@@ -615,12 +615,12 @@ const Po = ["for"], Lo = {
                   required: s.required,
                   class: "m-input-input"
                 }, eo({
-                  blur: T,
-                  focus: K,
-                  change: le,
-                  input: X
+                  blur: M,
+                  focus: D,
+                  change: Q,
+                  input: x
                 }, !0), {
-                  onClick: F[1] || (F[1] = (x) => s.$emit("click", x))
+                  onClick: F[1] || (F[1] = (_) => s.$emit("click", _))
                 }), null, 16, Eo), [
                   [oo, C.value]
                 ]),
@@ -628,7 +628,7 @@ const Po = ["for"], Lo = {
                   "span",
                   {
                     key: 0,
-                    class: M(["m-input-label", [
+                    class: T(["m-input-label", [
                       {
                         "maz-text-danger-600": s.error,
                         "maz-text-success-600": s.success,
@@ -638,51 +638,51 @@ const Po = ["for"], Lo = {
                   },
                   [
                     to(
-                      oe(s.hint || s.label) + " ",
+                      te(s.hint || s.label) + " ",
                       1
                       /* TEXT */
                     ),
-                    s.required ? (y(), P("sup", $o, "*")) : E("v-if", !0)
+                    s.required ? (y(), P("sup", $o, "*")) : $("v-if", !0)
                   ],
                   2
                   /* CLASS */
-                )) : E("v-if", !0)
+                )) : $("v-if", !0)
               ],
               2
               /* CLASS */
             ),
             n() ? (y(), P("div", Bo, [
               s.$slots["right-icon"] || s.rightIcon ? N(s.$slots, "right-icon", { key: 0 }, () => [
-                typeof s.rightIcon == "string" ? (y(), U(k(u), {
+                typeof s.rightIcon == "string" ? (y(), K(k(u), {
                   key: 0,
                   name: s.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : s.rightIcon ? (y(), U(ke(s.rightIcon), {
+                }, null, 8, ["name"])) : s.rightIcon ? (y(), K(ke(s.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : E("v-if", !0)
-              ], !0) : E("v-if", !0),
-              f.value ? (y(), U(k(r), {
+                })) : $("v-if", !0)
+              ], !0) : $("v-if", !0),
+              f.value ? (y(), K(k(r), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: F[2] || (F[2] = se((x) => $.value = !$.value, ["stop"]))
+                onClick: F[2] || (F[2] = se((_) => L.value = !L.value, ["stop"]))
               }, {
-                default: G(() => [
-                  $.value ? (y(), U(k(v), {
+                default: J(() => [
+                  L.value ? (y(), K(k(v), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (y(), U(k(p), {
+                  })) : (y(), K(k(p), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : E("v-if", !0),
+              })) : $("v-if", !0),
               s.$slots["valid-button"] || s.validButton ? N(s.$slots, "valid-button", { key: 2 }, () => [
-                H(k(r), {
+                U(k(r), {
                   color: "transparent",
                   disabled: s.disabled,
                   tabindex: "-1",
@@ -691,14 +691,14 @@ const Po = ["for"], Lo = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: G(() => [
-                    H(k(O), { class: "maz-text-2xl maz-text-normal" })
+                  default: J(() => [
+                    U(k(B), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : E("v-if", !0)
-            ])) : E("v-if", !0)
+              ], !0) : $("v-if", !0)
+            ])) : $("v-if", !0)
           ],
           2
           /* CLASS */
@@ -707,7 +707,7 @@ const Po = ["for"], Lo = {
           "div",
           {
             key: 1,
-            class: M(["m-input-bottom-text", [
+            class: T(["m-input-bottom-text", [
               {
                 "maz-text-danger-600": s.error,
                 "maz-text-success-600": s.success,
@@ -716,10 +716,10 @@ const Po = ["for"], Lo = {
               }
             ]])
           },
-          oe(s.assistiveText),
+          te(s.assistiveText),
           3
           /* TEXT, CLASS */
-        )) : E("v-if", !0)
+        )) : $("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
@@ -762,14 +762,14 @@ const Po = ["for"], Lo = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(a, { expose: o, emit: e }) {
-    const t = a, r = e, u = q(() => import("./MazCheckbox-B52wtlPW.mjs")), v = q(() => import("./magnifying-glass--nBiyXot.mjs")), p = q(() => import("./chevron-down-BkvtON3b.mjs")), O = q(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = a, r = e, u = q(() => import("./MazCheckbox-B5ZcWc3y.mjs")), v = q(() => import("./magnifying-glass--nBiyXot.mjs")), p = q(() => import("./chevron-down-BkvtON3b.mjs")), B = q(() => import("./no-symbol-CIgKzsrB.mjs"));
     o({
       /** Method to open the option list */
       openList: ie,
       /** Method to close the option list */
       closeList: ae
     });
-    const $ = L(!1), g = L(), A = h(
+    const L = E(!1), g = E(), A = h(
       () => ["black", "transparent", "white"].includes(t.color)
     ), i = h(
       () => A.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -777,7 +777,7 @@ const Po = ["for"], Lo = {
       () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), z = h(
       () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), w = h(() => $.value || t.open), D = Ae({
+    ), w = h(() => L.value || t.open), H = Ae({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -788,7 +788,7 @@ const Po = ["for"], Lo = {
         [t.optionInputValueKey]: l
       };
     }
-    function J(l) {
+    function Z(l) {
       return {
         ...l,
         [t.optionValueKey]: l[t.optionValueKey],
@@ -797,135 +797,135 @@ const Po = ["for"], Lo = {
       };
     }
     const b = h(() => {
-      var d;
+      var c;
       const l = [];
-      if (!((d = t.options) != null && d.length))
+      if (!((c = t.options) != null && c.length))
         return [];
-      for (const m of t.options)
-        typeof m == "string" || typeof m == "number" || typeof m == "boolean" ? l.push(j(m)) : typeof m == "object" && "options" in m && Array.isArray(m.options) ? l.push(
-          { label: m.label, isOptGroup: !0 },
-          ...m.options.map(
-            (c) => typeof c == "string" || typeof c == "number" || typeof c == "boolean" ? j(c) : J(c)
+      for (const d of t.options)
+        typeof d == "string" || typeof d == "number" || typeof d == "boolean" ? l.push(j(d)) : typeof d == "object" && "options" in d && Array.isArray(d.options) ? l.push(
+          { label: d.label, isOptGroup: !0 },
+          ...d.options.map(
+            (m) => typeof m == "string" || typeof m == "number" || typeof m == "boolean" ? j(m) : Z(m)
           )
-        ) : l.push(J(m));
+        ) : l.push(Z(d));
       return l;
     }), S = h(
       () => {
         var l;
-        return ((l = b.value) == null ? void 0 : l.filter((d) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(d[t.optionValueKey]) && !V(d[t.optionValueKey]) : !1 : t.modelValue === d[t.optionValueKey] && !V(d[t.optionValueKey]))) ?? [];
+        return ((l = b.value) == null ? void 0 : l.filter((c) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(c[t.optionValueKey]) && !V(c[t.optionValueKey]) : !1 : t.modelValue === c[t.optionValueKey] && !V(c[t.optionValueKey]))) ?? [];
       }
     );
     Oe(() => {
       var l;
       (l = t.options) != null && l.length || console.warn("[maz-ui](MazSelect) you must provide options"), fe();
     });
-    const C = L(), W = L(), Z = L(), n = L();
+    const C = E(), W = E(), X = E(), n = E();
     function V(l) {
       return l == null;
     }
-    function K(l) {
-      var m;
-      return (((m = S.value) == null ? void 0 : m.some(
-        (c) => c[t.optionValueKey] === l[t.optionValueKey]
+    function D(l) {
+      var d;
+      return (((d = S.value) == null ? void 0 : d.some(
+        (m) => m[t.optionValueKey] === l[t.optionValueKey]
       )) ?? !1) && !V(l[t.optionValueKey]);
     }
-    const T = h(() => {
-      var d;
+    const M = h(() => {
+      var c;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (m) => {
-            var c, I;
-            return (I = (c = b.value) == null ? void 0 : c.find((B) => B[t.optionValueKey] === m)) == null ? void 0 : I[t.optionInputValueKey];
+          (d) => {
+            var m, I;
+            return (I = (m = b.value) == null ? void 0 : m.find((O) => O[t.optionValueKey] === d)) == null ? void 0 : I[t.optionInputValueKey];
           }
         ).join(", ");
-      const l = (d = b.value) == null ? void 0 : d.find(
-        (m) => m[t.optionValueKey] === t.modelValue
+      const l = (c = b.value) == null ? void 0 : c.find(
+        (d) => d[t.optionValueKey] === t.modelValue
       );
       return V(t.modelValue) || l == null ? void 0 : l[t.optionInputValueKey];
-    }), le = h(
+    }), Q = h(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), X = L(""), s = L("");
-    function F(l, d) {
-      return d && l && me(l).includes(me(d));
+    ), x = E(""), s = E("");
+    function F(l, c) {
+      return c && l && me(l).includes(me(c));
     }
-    function x(l) {
-      var d;
-      return l ? (d = b.value) == null ? void 0 : d.filter((m) => {
-        const c = m[t.optionLabelKey], I = m[t.optionValueKey], B = m[t.optionInputValueKey], R = t.searchThreshold;
-        return F(c, l) || F(B, l) || F(I, l) || typeof c == "string" && ve(c, l, R).isMatching.value || typeof B == "string" && ve(B, l, R).isMatching.value || typeof I == "string" && ve(I, l, R).isMatching.value;
+    function _(l) {
+      var c;
+      return l ? (c = b.value) == null ? void 0 : c.filter((d) => {
+        const m = d[t.optionLabelKey], I = d[t.optionValueKey], O = d[t.optionInputValueKey], R = t.searchThreshold;
+        return F(m, l) || F(O, l) || F(I, l) || typeof m == "string" && ve(m, l, R).isMatching.value || typeof O == "string" && ve(O, l, R).isMatching.value || typeof I == "string" && ve(I, l, R).isMatching.value;
       }) : b.value;
     }
-    const Q = h(() => x(X.value));
+    const G = h(() => _(x.value));
     async function ae(l) {
-      var m, c;
+      var d, m;
       if (!w.value)
         return;
-      if (l && ("relatedTarget" in l && ((m = C.value) != null && m.contains(l.relatedTarget)) || l.type === "keydown"))
+      if (l && ("relatedTarget" in l && ((d = C.value) != null && d.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}`))
+      const c = l && "relatedTarget" in l && l.relatedTarget instanceof HTMLElement && l.relatedTarget.getAttribute("id");
+      if ((m = t.excludeSelectors) != null && m.includes(`#${c}`))
         return l == null ? void 0 : l.preventDefault();
-      await ue(), $.value = !1, g.value = 0, r("close", l);
+      await ue(), L.value = !1, g.value = 0, r("close", l);
     }
     async function ie(l) {
-      t.disabled || w.value || (l == null || l.preventDefault(), $.value = !0, await pe(), r("focus", l), r("open", $.value));
+      t.disabled || w.value || (l == null || l.preventDefault(), L.value = !0, await pe(), r("focus", l), r("open", L.value));
     }
     function we() {
-      var l, d;
-      (d = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || d.focus();
+      var l, c;
+      (c = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || c.focus();
     }
     function Re() {
-      var l, d;
-      (d = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || d.dispatchEvent(new Event("input"));
+      var l, c;
+      (c = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || c.dispatchEvent(new Event("input"));
     }
     function qe(l) {
-      $.value ? ae(l) : we();
+      L.value ? ae(l) : we();
     }
     function Ye(l) {
-      var d, m;
-      X.value = l, (m = ((d = Z.value) == null ? void 0 : d.$el).querySelector("input")) == null || m.focus();
+      var c, d;
+      x.value = l, (d = ((c = X.value) == null ? void 0 : c.$el).querySelector("input")) == null || d.focus();
     }
     function je(l) {
-      var m;
+      var d;
       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 && (g.value = (m = Q.value) == null ? void 0 : m.findIndex(
-        (c) => c[t.optionValueKey] === d[0][t.optionValueKey]
-      ), typeof g.value == "number" && g.value >= 0 && pe(g.value)), ko(() => {
+      const c = _(s.value);
+      c != null && c.length && (g.value = (d = G.value) == null ? void 0 : d.findIndex(
+        (m) => m[t.optionValueKey] === c[0][t.optionValueKey]
+      ), typeof g.value == "number" && g.value >= 0 && pe(g.value)), Vo(() => {
         s.value = "";
       }, 1e3);
     }
     function We(l) {
-      const d = l.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(d) ? (l.preventDefault(), ie(l), t.search ? Ye(d) : je(d)) : Se(l);
+      const c = l.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(c) ? (l.preventDefault(), ie(l), t.search ? Ye(c) : je(c)) : Se(l);
     }
-    function Se(l, d = !0) {
-      const m = l.code, c = ["ArrowUp", "ArrowDown"].includes(m), I = (d ? ["Enter", "Space"] : ["Enter"]).includes(m), B = m === "Escape" && w.value;
-      c ? Qe(l, g.value) : I ? Ge(l, g.value) : B && ae(l);
+    function Se(l, c = !0) {
+      const d = l.code, m = ["ArrowUp", "ArrowDown"].includes(d), I = (c ? ["Enter", "Space"] : ["Enter"]).includes(d), O = d === "Escape" && w.value;
+      m ? Qe(l, g.value) : I ? Ge(l, g.value) : O && ae(l);
     }
-    function Qe(l, d) {
+    function Qe(l, c) {
       var I;
       l.preventDefault();
-      const m = l.code;
+      const d = l.code;
       w.value || ie(l);
-      const c = (I = Q.value) == null ? void 0 : I.length;
-      c && (typeof d == "number" ? d === c - 1 && m === "ArrowDown" ? g.value = 0 : d === 0 && m === "ArrowUp" ? g.value = c - 1 : g.value = m === "ArrowDown" ? d + 1 : d - 1 : g.value = m === "ArrowDown" ? 0 : c - 1, pe(g.value));
+      const m = (I = G.value) == null ? void 0 : I.length;
+      m && (typeof c == "number" ? c === m - 1 && d === "ArrowDown" ? g.value = 0 : c === 0 && d === "ArrowUp" ? g.value = m - 1 : g.value = d === "ArrowDown" ? c + 1 : c - 1 : g.value = d === "ArrowDown" ? 0 : m - 1, pe(g.value));
     }
-    function Ge(l, d) {
-      var c, I, B;
+    function Ge(l, c) {
+      var m, I, O;
       if (!w.value)
         return;
       l.preventDefault();
-      const m = d ? ((c = Q.value) == null ? void 0 : c[d]) ?? ((I = Q.value) == null ? void 0 : I[0]) : (B = Q.value) == null ? void 0 : B[0];
-      V(m) || Ve(m);
+      const d = c ? ((m = G.value) == null ? void 0 : m[c]) ?? ((I = G.value) == null ? void 0 : I[0]) : (O = G.value) == null ? void 0 : O[0];
+      V(d) || Ve(d);
     }
     async function pe(l) {
-      var m, c;
+      var d, m;
       await ue(), typeof l != "number" && fe();
-      const d = l ?? g.value;
-      if (typeof d == "number" && d >= 0) {
-        const I = (m = n.value) == null ? void 0 : m.querySelectorAll(".m-select-list-item");
-        (c = I == null ? void 0 : I[d]) == null || c.scrollIntoView({
+      const c = l ?? g.value;
+      if (typeof c == "number" && c >= 0) {
+        const I = (d = n.value) == null ? void 0 : d.querySelectorAll(".m-select-list-item");
+        (m = I == null ? void 0 : I[c]) == null || m.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "start"
@@ -933,204 +933,201 @@ const Po = ["for"], Lo = {
       }
     }
     function fe(l) {
-      var m;
-      const d = (m = Q.value) == null ? void 0 : m.findIndex((c) => {
-        var I, B;
-        return t.multiple && Array.isArray(t.modelValue) ? l ? l[t.optionValueKey] === c[t.optionValueKey] : [...t.modelValue].reverse()[0] === c[t.optionValueKey] : ((B = (I = S.value) == null ? void 0 : I[0]) == null ? void 0 : B[t.optionValueKey]) === c[t.optionValueKey];
+      var d;
+      const c = (d = G.value) == null ? void 0 : d.findIndex((m) => {
+        var I, O;
+        return t.multiple && Array.isArray(t.modelValue) ? l ? l[t.optionValueKey] === m[t.optionValueKey] : [...t.modelValue].reverse()[0] === m[t.optionValueKey] : ((O = (I = S.value) == null ? void 0 : I[0]) == null ? void 0 : O[t.optionValueKey]) === m[t.optionValueKey];
       });
-      g.value = d && d >= 0 ? d : 0;
+      g.value = c && c >= 0 ? c : 0;
     }
-    function Ve(l, d = !0) {
-      var B;
-      d && !t.multiple && ue(() => ae()), X.value = "";
-      const m = (B = S.value) == null ? void 0 : B.some(
+    function Ve(l, c = !0) {
+      var O;
+      c && !t.multiple && ue(() => ae()), x.value = "";
+      const d = (O = S.value) == null ? void 0 : O.some(
         (R) => R[t.optionValueKey] === l[t.optionValueKey]
       );
-      let c = S.value;
-      m && t.multiple ? c = c == null ? void 0 : c.filter(
+      let m = S.value;
+      d && t.multiple ? m = m == null ? void 0 : m.filter(
         (R) => R[t.optionValueKey] !== l[t.optionValueKey]
-      ) : t.multiple ? c.push(l) : c = [l];
-      const I = c.map((R) => R[t.optionValueKey]);
+      ) : t.multiple ? m.push(l) : m = [l];
+      const I = m.map((R) => R[t.optionValueKey]);
       r("update:model-value", t.multiple ? I : I[0]), r("selected-option", l), Re(), fe(l), we();
     }
-    return (l, d) => {
-      var m;
-      return ze((y(), P(
-        "div",
-        {
-          ref_key: "mazSelectElement",
-          ref: C,
-          class: M(["m-select", [
-            { "--is-open": w.value, "--disabled": l.disabled, "--block": l.block },
-            t.class,
-            `--${l.size}`
-          ]]),
-          style: ee([l.style, { "--keyboard-selected-bg-color": z.value, "--selected-bg-color": f.value, "--selected-text-color": i.value }])
-        },
-        [
-          H(Ce, te({
-            id: k(D),
-            ref_key: "mazInputComponent",
-            ref: W,
-            class: "m-select-input"
-          }, l.$attrs, {
-            required: l.required,
-            "border-active": $.value,
-            color: l.color,
-            "model-value": T.value,
-            size: l.size,
-            block: "",
-            autocomplete: l.autocomplete,
-            disabled: l.disabled,
-            onFocus: se(ie, ["prevent", "stop"]),
-            onBlur: se(ae, ["prevent", "stop"]),
-            onClick: se(ie, ["prevent", "stop"]),
-            onChange: d[0] || (d[0] = (c) => r("change", c)),
-            onInput: d[1] || (d[1] = (c) => r("input", c)),
-            onKeydown: We
-          }), {
-            "right-icon": G(() => [
-              Y("button", {
-                tabindex: "-1",
-                type: "button",
-                class: "m-select-input__toggle-button maz-custom",
-                "aria-label": `${w.value ? "collapse" : "expand"} list of options`,
-                onClick: se(qe, ["stop"])
-              }, [
-                H(k(p), { class: "m-select-chevron maz-text-xl" })
-              ], 8, Mo)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          H(lo, { name: le.value }, {
-            default: G(() => [
-              w.value ? (y(), P(
-                "div",
-                {
+    return (l, c) => ze((y(), P(
+      "div",
+      {
+        ref_key: "mazSelectElement",
+        ref: C,
+        class: T(["m-select", [
+          { "--is-open": w.value, "--disabled": l.disabled, "--block": l.block },
+          t.class,
+          `--${l.size}`
+        ]]),
+        style: oe([l.style, { "--keyboard-selected-bg-color": z.value, "--selected-bg-color": f.value, "--selected-text-color": i.value }])
+      },
+      [
+        U(Ce, le({
+          id: k(H),
+          ref_key: "mazInputComponent",
+          ref: W,
+          class: "m-select-input"
+        }, l.$attrs, {
+          required: l.required,
+          "border-active": L.value,
+          color: l.color,
+          "model-value": M.value,
+          size: l.size,
+          block: "",
+          autocomplete: l.autocomplete,
+          disabled: l.disabled,
+          onFocus: se(ie, ["prevent", "stop"]),
+          onBlur: se(ae, ["prevent", "stop"]),
+          onClick: se(ie, ["prevent", "stop"]),
+          onChange: c[0] || (c[0] = (d) => r("change", d)),
+          onInput: c[1] || (c[1] = (d) => r("input", d)),
+          onKeydown: We
+        }), {
+          "right-icon": J(() => [
+            Y("button", {
+              tabindex: "-1",
+              type: "button",
+              class: "m-select-input__toggle-button maz-custom",
+              "aria-label": `${w.value ? "collapse" : "expand"} list of options`,
+              onClick: se(qe, ["stop"])
+            }, [
+              U(k(p), { class: "m-select-chevron maz-text-xl" })
+            ], 8, Mo)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
+        U(lo, { name: Q.value }, {
+          default: J(() => [
+            w.value ? (y(), P(
+              "div",
+              {
+                key: 0,
+                ref_key: "optionsListElement",
+                ref: n,
+                class: T(["m-select-list", {
+                  "--top": l.listPosition.includes("top"),
+                  "--left": l.listPosition.includes("left"),
+                  "--right": l.listPosition.includes("right"),
+                  "--bottom": l.listPosition.includes("bottom")
+                }]),
+                style: oe({
+                  maxHeight: `${l.maxListHeight}px`,
+                  maxWidth: `${l.maxListWidth}px`,
+                  minHeight: `${l.minListHeight}px`,
+                  minWidth: `${l.minListWidth}px`
+                })
+              },
+              [
+                l.search ? (y(), K(Ce, {
                   key: 0,
-                  ref_key: "optionsListElement",
-                  ref: n,
-                  class: M(["m-select-list", {
-                    "--top": l.listPosition.includes("top"),
-                    "--left": l.listPosition.includes("left"),
-                    "--right": l.listPosition.includes("right"),
-                    "--bottom": l.listPosition.includes("bottom")
-                  }]),
-                  style: ee({
-                    maxHeight: `${l.maxListHeight}px`,
-                    maxWidth: `${l.maxListWidth}px`,
-                    minHeight: `${l.minListHeight}px`,
-                    minWidth: `${l.minListWidth}px`
-                  })
-                },
-                [
-                  l.search ? (y(), U(Ce, {
-                    key: 0,
-                    ref_key: "searchInputComponent",
-                    ref: Z,
-                    modelValue: X.value,
-                    "onUpdate:modelValue": [
-                      d[2] || (d[2] = (c) => X.value = c),
-                      d[4] || (d[4] = (c) => g.value = 0)
-                    ],
-                    size: "sm",
-                    color: l.color,
-                    placeholder: l.searchPlaceholder,
-                    name: "search",
-                    inputmode: "search",
-                    block: "",
-                    autocomplete: "off",
-                    tabindex: "-1",
-                    class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": k(v),
-                    onKeydown: d[3] || (d[3] = (c) => Se(c, !1))
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : E("v-if", !0),
-                  !Q.value || Q.value.length <= 0 ? N(l.$slots, "no-results", { key: 1 }, () => [
-                    Y("span", To, [
-                      H(k(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                    ])
-                  ], !0) : (y(), P("div", Fo, [
-                    (y(!0), P(
+                  ref_key: "searchInputComponent",
+                  ref: X,
+                  modelValue: x.value,
+                  "onUpdate:modelValue": [
+                    c[2] || (c[2] = (d) => x.value = d),
+                    c[4] || (c[4] = (d) => g.value = 0)
+                  ],
+                  size: "sm",
+                  color: l.color,
+                  placeholder: l.searchPlaceholder,
+                  name: "search",
+                  inputmode: "search",
+                  block: "",
+                  autocomplete: "off",
+                  tabindex: "-1",
+                  class: "m-select-list__search-input maz-flex-none",
+                  "left-icon": k(v),
+                  onKeydown: c[3] || (c[3] = (d) => Se(d, !1))
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : $("v-if", !0),
+                !G.value || G.value.length <= 0 ? N(l.$slots, "no-results", { key: 1 }, () => [
+                  Y("span", To, [
+                    U(k(B), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  ])
+                ], !0) : (y(), P("div", Fo, [
+                  (y(!0), P(
+                    be,
+                    null,
+                    Be(G.value, (d, m) => (y(), P(
                       be,
-                      null,
-                      Be(Q.value, (c, I) => (y(), P(
-                        be,
-                        { key: I },
-                        [
-                          c.label && c.isOptGroup ? N(l.$slots, "optgroup", {
+                      { key: m },
+                      [
+                        d.label && d.isOptGroup ? N(l.$slots, "optgroup", {
+                          key: 0,
+                          label: d.label
+                        }, () => [
+                          Y(
+                            "span",
+                            No,
+                            te(d.label),
+                            1
+                            /* TEXT */
+                          )
+                        ], !0) : (y(), P("button", {
+                          key: 1,
+                          tabindex: "-1",
+                          type: "button",
+                          class: T(["m-select-list-item maz-custom maz-flex-none", [
+                            {
+                              "--is-keyboard-selected": g.value === m,
+                              "--is-selected": D(d),
+                              "--is-none-value": V(d[l.optionValueKey])
+                            }
+                          ]]),
+                          style: oe(l.itemHeight ? { height: `${l.itemHeight}px` } : void 0),
+                          onClick: se((I) => Ve(d), ["prevent", "stop"])
+                        }, [
+                          l.multiple ? (y(), K(k(u), {
                             key: 0,
-                            label: c.label
+                            tabindex: "-1",
+                            "model-value": D(d),
+                            size: "sm",
+                            color: l.color
+                          }, null, 8, ["model-value", "color"])) : $("v-if", !0),
+                          N(l.$slots, "default", {
+                            option: d,
+                            isSelected: D(d)
                           }, () => [
                             Y(
                               "span",
-                              No,
-                              oe(c.label),
+                              null,
+                              te(d[l.optionLabelKey]),
                               1
                               /* TEXT */
                             )
-                          ], !0) : (y(), P("button", {
-                            key: 1,
-                            tabindex: "-1",
-                            type: "button",
-                            class: M(["m-select-list-item maz-custom maz-flex-none", [
-                              {
-                                "--is-keyboard-selected": g.value === I,
-                                "--is-selected": K(c),
-                                "--is-none-value": V(c[l.optionValueKey])
-                              }
-                            ]]),
-                            style: ee(l.itemHeight ? { height: `${l.itemHeight}px` } : void 0),
-                            onClick: se((B) => Ve(c), ["prevent", "stop"])
-                          }, [
-                            l.multiple ? (y(), U(k(u), {
-                              key: 0,
-                              tabindex: "-1",
-                              "model-value": K(c),
-                              size: "sm",
-                              color: l.color
-                            }, null, 8, ["model-value", "color"])) : E("v-if", !0),
-                            N(l.$slots, "default", {
-                              option: c,
-                              isSelected: K(c)
-                            }, () => [
-                              Y(
-                                "span",
-                                null,
-                                oe(c[l.optionLabelKey]),
-                                1
-                                /* TEXT */
-                              )
-                            ], !0)
-                          ], 14, Ko))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      ))),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]))
-                ],
-                6
-                /* CLASS, STYLE */
-              )) : E("v-if", !0)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["name"])
-        ],
-        6
-        /* CLASS, STYLE */
-      )), [
-        [k(So), {
-          exclude: (m = l.excludeSelectors) != null && m.length ? l.excludeSelectors : [],
-          handler: ae
-        }]
-      ]);
-    };
+                          ], !0)
+                        ], 14, Ko))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]))
+              ],
+              6
+              /* CLASS, STYLE */
+            )) : $("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name"])
+      ],
+      6
+      /* CLASS, STYLE */
+    )), [
+      [k(So), {
+        exclude: l.excludeSelectors,
+        handler: ae
+      }]
+    ]);
   }
-}), Ho = /* @__PURE__ */ re(Uo, [["__scopeId", "data-v-576a5838"]]);
+}), Ho = /* @__PURE__ */ re(Uo, [["__scopeId", "data-v-07cbef8c"]]);
 function Ue() {
   if (typeof window > "u")
     return;
@@ -1221,7 +1218,7 @@ const jo = ["id"], Wo = {
   },
   emits: ["update:model-value"],
   setup(a) {
-    const o = a, { phoneNumber: e } = Te("data"), t = L(), { getCountriesList: r } = He(), u = h(() => r(o.countryLocale, o.customCountriesList)), v = h(
+    const o = a, { phoneNumber: e } = Te("data"), t = E(), { getCountriesList: r } = He(), u = h(() => r(o.countryLocale, o.customCountriesList)), v = h(
       () => {
         var i;
         return (i = u.value) == null ? void 0 : i.filter((f) => {
@@ -1237,7 +1234,7 @@ const jo = ["id"], Wo = {
           return (z = v.value) == null ? void 0 : z.find((w) => w.iso2.includes(f));
         }
       );
-    }), O = h(
+    }), B = h(
       () => {
         var i;
         return (i = v.value) == null ? void 0 : i.filter((f) => {
@@ -1245,12 +1242,12 @@ const jo = ["id"], Wo = {
           return !((z = o.preferredCountries) != null && z.includes(f.iso2));
         });
       }
-    ), $ = h(
-      () => o.preferredCountries ? [...p.value ?? [], ...O.value ?? []] : o.onlyCountries ? p.value : v.value
+    ), L = h(
+      () => o.preferredCountries ? [...p.value ?? [], ...B.value ?? []] : o.onlyCountries ? p.value : v.value
     ), g = h(
       () => {
         var i;
-        return (i = $.value) == null ? void 0 : i.map(
+        return (i = L.value) == null ? void 0 : i.map(
           (f) => f ? {
             ...f,
             dialCode: `+${f.dialCode}`
@@ -1259,20 +1256,20 @@ const jo = ["id"], Wo = {
       }
     );
     function A() {
-      var i, f;
-      (f = (i = t.value) == null ? void 0 : i.$el.querySelector("input")) == null || f.focus();
+      var i;
+      (i = t.value) == null || i.openList();
     }
     return (i, f) => (y(), P(
       "div",
       {
-        class: M(["m-country-selector", [o.class, { "--no-flags": i.noFlags }]]),
-        style: ee(i.style)
+        class: T(["m-country-selector", [o.class, { "--no-flags": i.noFlags }]]),
+        style: oe(i.style)
       },
       [
         i.modelValue && !i.noFlags ? (y(), P("button", {
           key: 0,
           id: `country-selector-flag-button-${i.id}`,
-          class: M(["m-country-selector__country-flag", {
+          class: T(["m-country-selector__country-flag", {
             "--should-have-bottom-flag": i.locales.countrySelector.placeholder.length > 0
           }]),
           tabindex: "-1",
@@ -1280,7 +1277,7 @@ const jo = ["id"], Wo = {
           onClick: A
         }, [
           N(i.$slots, "selector-flag", { countryCode: i.modelValue }, () => [
-            H(Ee, {
+            U(Ee, {
               src: k(Le)(i.modelValue, "h20"),
               alt: i.modelValue,
               width: "20",
@@ -1288,8 +1285,8 @@ const jo = ["id"], Wo = {
               "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
             }, null, 8, ["src", "alt"])
           ], !0)
-        ], 10, jo)) : E("v-if", !0),
-        H(Ho, te({
+        ], 10, jo)) : $("v-if", !0),
+        U(Ho, le({
           id: `country-selector-${i.id}`,
           ref_key: "CountrySelectorRef",
           ref: t,
@@ -1321,14 +1318,14 @@ const jo = ["id"], Wo = {
           "exclude-selectors": [`#country-selector-flag-button-${i.id}`, ...i.excludeSelectors ?? []],
           "onUpdate:modelValue": f[0] || (f[0] = (z) => i.$emit("update:model-value", z))
         }), {
-          "no-results": G(() => [
+          "no-results": J(() => [
             N(i.$slots, "no-results", {}, void 0, !0)
           ]),
-          default: G(({ option: z, isSelected: w }) => [
+          default: J(({ option: z, isSelected: w }) => [
             Y(
               "div",
               {
-                class: M(["m-country-selector__select__item", {
+                class: T(["m-country-selector__select__item", {
                   "m-country-selector__select__item--selected": w
                 }])
               },
@@ -1339,7 +1336,7 @@ const jo = ["id"], Wo = {
                     option: z,
                     isSelected: w
                   }, () => [
-                    H(Ee, {
+                    U(Ee, {
                       src: k(Le)(z.iso2, "h20"),
                       alt: `${z.name} flag`,
                       width: "20",
@@ -1347,23 +1344,23 @@ const jo = ["id"], Wo = {
                       "img-class": "maz-rounded-full maz-w-5 maz-h-5"
                     }, null, 8, ["src", "alt"])
                   ], !0)
-                ])) : E("v-if", !0),
+                ])) : $("v-if", !0),
                 i.showCodeOnList ? (y(), P(
                   "span",
                   {
                     key: 1,
-                    class: M(["maz-w-9 maz-flex-none", { "maz-text-muted": !w }])
+                    class: T(["maz-w-9 maz-flex-none", { "maz-text-muted": !w }])
                   },
-                  oe(z.dialCode),
+                  te(z.dialCode),
                   3
                   /* TEXT, CLASS */
-                )) : E("v-if", !0),
+                )) : $("v-if", !0),
                 Y(
                   "span",
                   {
-                    class: M(["maz-flex-1 maz-truncate", { "maz-font-semibold": w }])
+                    class: T(["maz-flex-1 maz-truncate", { "maz-font-semibold": w }])
                   },
-                  oe(z.name),
+                  te(z.name),
                   3
                   /* TEXT, CLASS */
                 )
@@ -1380,7 +1377,7 @@ const jo = ["id"], Wo = {
       /* CLASS, STYLE */
     ));
   }
-}), Go = /* @__PURE__ */ re(Qo, [["__scopeId", "data-v-5ab7f303"]]), Jo = {
+}), Go = /* @__PURE__ */ re(Qo, [["__scopeId", "data-v-e2fee821"]]), Jo = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1409,10 +1406,10 @@ function Xo({
         isValid: !1,
         countryCode: o
       };
-    const e = ro(a, o ?? void 0);
+    const e = ro(a, o ?? void 0), t = (e == null ? void 0 : e.isValid()) ?? !1;
     return {
-      countryCode: (e == null ? void 0 : e.country) ?? o,
-      isValid: (e == null ? void 0 : e.isValid()) ?? !1,
+      countryCode: e == null ? void 0 : e.country,
+      isValid: t,
       isPossible: e == null ? void 0 : e.isPossible(),
       countryCallingCode: e == null ? void 0 : e.countryCallingCode,
       nationalNumber: e == null ? void 0 : e.nationalNumber,
@@ -1422,6 +1419,7 @@ function Xo({
       uri: e == null ? void 0 : e.getURI(),
       e164: e == null ? void 0 : e.format("E.164"),
       rfc3966: e == null ? void 0 : e.format("RFC3966"),
+      possibleCountries: e == null ? void 0 : e.getPossibleCountries(),
       phoneNumber: a
     };
   } catch (e) {
@@ -1484,7 +1482,7 @@ const ot = /* @__PURE__ */ ne({
   }),
   emits: /* @__PURE__ */ Pe(["update:model-value"], ["update:modelValue"]),
   setup(a, { emit: o }) {
-    const e = a, t = o, r = ao(a, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: v } = De(), { selectionRange: p, results: O, selectedCountry: $ } = Te("data"), g = L(), A = L(!1);
+    const e = a, t = o, r = ao(a, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: v } = De(), { selectionRange: p, results: B, selectedCountry: L } = Te("data"), g = E(), A = E(!1);
     function i(b, S) {
       const C = v(b, S);
       return C ? `${e.locales.phoneInput.example} ${C}` : void 0;
@@ -1497,15 +1495,15 @@ const ot = /* @__PURE__ */ ne({
       if (e.noExample || !g.value)
         return b;
       {
-        const C = i(g.value, $.value);
-        return (S = O.value) != null && S.isValid || !C ? b : C;
+        const C = i(g.value, L.value);
+        return (S = B.value) != null && S.isValid || !C ? b : C;
       }
     }), z = h(() => e.placeholder ? {
       placeholder: f.value
     } : {
       label: f.value
-    }), w = L();
-    async function D() {
+    }), w = E();
+    async function H() {
       try {
         if (g.value)
           return;
@@ -1515,15 +1513,15 @@ const ot = /* @__PURE__ */ ne({
       }
     }
     async function j(b) {
-      w.value && b && J(w.value, b), await ue(), t("update:model-value", b);
+      w.value && b && Z(w.value, b), await ue(), t("update:model-value", b);
     }
-    function J(b, S) {
+    function Z(b, S) {
       const C = b.$el.querySelector("input");
       p.value.start = C == null ? void 0 : C.selectionStart, p.value.end = C == null ? void 0 : C.selectionEnd, p.value.cursorAtEnd = S && typeof p.value.start == "number" && S.length > 0 ? p.value.start >= S.length : !0;
     }
     return Ie(() => {
-      e.noExample || D();
-    }), (b, S) => (y(), U(Ce, te({
+      e.noExample || H();
+    }), (b, S) => (y(), K(Ce, le({
       id: b.id,
       ref_key: "PhoneInputRef",
       ref: w,
@@ -1537,7 +1535,7 @@ const ot = /* @__PURE__ */ ne({
       class: ["m-phone-input", [
         {
           "--border-radius": b.hasRadius,
-          "--error": b.error || !k(O).isValid,
+          "--error": b.error || !k(B).isValid,
           "--focused": A.value
         }
       ]],
@@ -1546,7 +1544,7 @@ const ot = /* @__PURE__ */ ne({
       "onUpdate:modelValue": S[2] || (S[2] = (C) => j(C))
     }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "class"]));
   }
-}), tt = /* @__PURE__ */ re(ot, [["__scopeId", "data-v-044e8c19"]]), lt = /* @__PURE__ */ ne({
+}), tt = /* @__PURE__ */ re(ot, [["__scopeId", "data-v-fcb760a8"]]), lt = /* @__PURE__ */ ne({
   name: "MazPhoneNumberInput",
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
@@ -1601,13 +1599,13 @@ const ot = /* @__PURE__ */ ne({
   },
   emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
   setup(a, { emit: o }) {
-    const e = a, t = o, { fetchCountryCode: r, sanitizePhoneNumber: u, getBrowserLocale: v } = He(), { isCountryAvailable: p, getPhoneNumberResults: O, getAsYouTypeFormat: $ } = De(), g = Ae({
+    const e = a, t = o, { fetchCountryCode: r, sanitizePhoneNumber: u, getBrowserLocale: v } = He(), { isCountryAvailable: p, getPhoneNumberResults: B, getAsYouTypeFormat: L } = De(), g = Ae({
       componentName: "MazPhoneNumberInput",
       providedId: e.id
-    }), A = L(), i = L(), f = L({
+    }), A = E(), i = E(), f = E({
       isValid: !1,
       countryCode: void 0
-    }), z = L(), w = L({
+    }), z = E(), w = E({
       start: 0,
       end: 0,
       cursorAtEnd: !0
@@ -1618,7 +1616,7 @@ const ot = /* @__PURE__ */ ne({
       results: f,
       selectionRange: w
     });
-    const D = h(() => ({
+    const H = h(() => ({
       ...Jo,
       ...e.translations
     }));
@@ -1634,24 +1632,24 @@ const ot = /* @__PURE__ */ ne({
         C(V);
       }
     });
-    const j = L();
-    function J() {
+    const j = E();
+    function Z() {
       var n;
       return (n = j.value) == null ? void 0 : n.$el.querySelector("input");
     }
     async function b() {
       var n;
-      await ue(), (n = J()) == null || n.select();
+      await ue(), (n = Z()) == null || n.select();
     }
     function S(n) {
-      Z({
+      X({
         countryCode: n
       }), b();
     }
     function C(n) {
       if (n) {
         if (!p(n)) {
-          i.value = void 0;
+          console.warn(`[MazPhoneNumberInput] Country code not available: "${n}"`), i.value = void 0;
           return;
         }
         i.value = n;
@@ -1659,23 +1657,24 @@ const ot = /* @__PURE__ */ ne({
     }
     function W({
       newPhoneNumber: n,
-      updateResults: V = !0
+      updateResults: V = !0,
+      updateCountry: D = !0
     }) {
-      const K = u(n);
-      if (V && (f.value = O({
-        phoneNumber: K,
+      const M = u(n);
+      if (V && (f.value = B({
+        phoneNumber: M,
         countryCode: i.value
       })), w.value.cursorAtEnd && !e.noFormattingAsYouType && e.autoFormat) {
-        const T = f.value.isValid ? f.value.formatNational : K;
-        z.value = $(i.value, T), A.value = z.value || T;
+        const Q = f.value.isValid ? f.value.formatNational : M;
+        z.value = L(i.value, Q), A.value = z.value || Q;
       } else
-        A.value = e.modelValue || e.defaultPhoneNumber || K;
-      f.value.countryCode && f.value.countryCode !== i.value && Z({
+        A.value = f.value.isValid ? f.value.formatNational : M;
+      D && f.value.countryCode && f.value.countryCode !== i.value && X({
         countryCode: f.value.countryCode,
         updateResults: !1
       });
     }
-    function Z({
+    function X({
       countryCode: n,
       updateResults: V = !0
     }) {
@@ -1683,12 +1682,13 @@ const ot = /* @__PURE__ */ ne({
         i.value = void 0;
         return;
       }
-      n !== i.value && C(n), V && (f.value = O({
+      n !== i.value && C(n), V && (f.value = B({
         phoneNumber: A.value,
         countryCode: n
       })), W({
         newPhoneNumber: A.value,
-        updateResults: !1
+        updateResults: !1,
+        updateCountry: !1
       });
     }
     return he(
@@ -1704,7 +1704,7 @@ const ot = /* @__PURE__ */ ne({
     ), he(
       () => e.countryCode ?? e.defaultCountryCode,
       (n, V) => {
-        n && n !== V && n !== i.value && Z({
+        n && n !== V && n !== i.value && X({
           countryCode: n
         });
       },
@@ -1720,15 +1720,15 @@ const ot = /* @__PURE__ */ ne({
         immediate: !0
       }
     ), (n, V) => {
-      var K;
+      var D;
       return y(), P(
         "div",
         {
-          class: M(["m-phone-number-input", [e.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
-          style: ee(n.style)
+          class: T(["m-phone-number-input", [e.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
+          style: oe(n.style)
         },
         [
-          n.noCountrySelector ? E("v-if", !0) : (y(), U(Go, te({
+          n.noCountrySelector ? $("v-if", !0) : (y(), K(Go, le({
             key: 0,
             id: k(g)
           }, n.countrySelectAttributes, {
@@ -1744,8 +1744,8 @@ const ot = /* @__PURE__ */ ne({
             "no-search": n.noSearch,
             "exclude-selectors": n.excludeSelectors,
             error: n.error || (n.noValidationError ? !1 : !!A.value && !i.value),
-            success: n.success || (n.noValidationSuccess ? !1 : (K = f.value) == null ? void 0 : K.isValid),
-            locales: D.value,
+            success: n.success || (n.noValidationSuccess ? !1 : (D = f.value) == null ? void 0 : D.isValid),
+            locales: H.value,
             disabled: n.disabled,
             "search-threshold": n.searchThreshold,
             "show-code-on-list": n.showCodeOnList,
@@ -1754,28 +1754,28 @@ const ot = /* @__PURE__ */ ne({
             width: n.countrySelectorWidth,
             "onUpdate:modelValue": S
           }), {
-            "no-results": G(() => [
+            "no-results": J(() => [
               N(n.$slots, "no-results", {}, void 0, !0)
             ]),
-            "selector-flag": G(({ countryCode: T }) => [
-              N(n.$slots, "selector-flag", { countryCode: T }, void 0, !0)
+            "selector-flag": J(({ countryCode: M }) => [
+              N(n.$slots, "selector-flag", { countryCode: M }, void 0, !0)
             ]),
-            "country-list-flag": G(({ isSelected: T, option: le }) => [
+            "country-list-flag": J(({ isSelected: M, option: Q }) => [
               N(n.$slots, "country-list-flag", {
-                countryCode: le.iso2,
-                option: le,
-                isSelected: T
+                countryCode: Q.iso2,
+                option: Q,
+                isSelected: M
               }, void 0, !0)
             ]),
             _: 3
             /* 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(tt, te({
+          U(tt, le({
             id: k(g),
             ref_key: "PhoneInputRef",
             ref: j,
             modelValue: A.value,
-            "onUpdate:modelValue": V[0] || (V[0] = (T) => A.value = T)
+            "onUpdate:modelValue": V[0] || (V[0] = (M) => A.value = M)
           }, { ...n.$attrs, ...n.phoneInputAttributes }, {
             color: n.color,
             size: n.size,
@@ -1785,13 +1785,13 @@ const ot = /* @__PURE__ */ ne({
             "has-radius": !n.noCountrySelector,
             success: n.success || (n.noValidationSuccess ? !1 : f.value.isValid),
             error: n.error || (n.noValidationError ? !1 : !!A.value && !f.value.isValid),
-            locales: D.value,
+            locales: H.value,
             "no-formatting-as-you-type": n.noFormattingAsYouType,
             "auto-format": n.autoFormat,
             label: n.label,
             placeholder: n.placeholder,
-            "onUpdate:modelValue": V[1] || (V[1] = (T) => W({
-              newPhoneNumber: T
+            "onUpdate:modelValue": V[1] || (V[1] = (M) => W({
+              newPhoneNumber: M
             }))
           }), null, 16, ["id", "modelValue", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label", "placeholder"])
         ],
@@ -1800,7 +1800,7 @@ const ot = /* @__PURE__ */ ne({
       );
     };
   }
-}), rt = /* @__PURE__ */ re(lt, [["__scopeId", "data-v-5b5bb57f"]]);
+}), rt = /* @__PURE__ */ re(lt, [["__scopeId", "data-v-71810071"]]);
 export {
   rt as M,
   re as _,