maz-ui 3.47.2-beta.6 → 3.47.2-beta.8

package/components/chunks/MazLoadingBar-rusnhtnI.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as n, computed as t, openBlock as i, createElementBlock as c, normalizeStyle as m, createElementVNode as d } from "vue";
+import { _ as p } from "./MazTable-BpIXKltC.mjs";
+import '../assets/MazLoadingBar.css';const s = /* @__PURE__ */ n({
+  __name: "MazLoadingBar",
+  props: {
+    color: { default: "primary" },
+    height: { default: "0.125rem" }
+  },
+  setup(e) {
+    const a = e, o = t(() => ({
+      alpha: `var(--maz-color-${a.color}-alpha-20)`,
+      main: `var(--maz-color-${a.color})`
+    }));
+    return (l, r) => (i(), c(
+      "div",
+      {
+        class: "m-loading-bar",
+        style: m([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
+      },
+      r[0] || (r[0] = [
+        d(
+          "div",
+          null,
+          null,
+          -1
+          /* HOISTED */
+        )
+      ]),
+      4
+      /* STYLE */
+    ));
+  }
+}), f = /* @__PURE__ */ p(s, [["__scopeId", "data-v-ada02d7b"]]);
+export {
+  f as default
+};

package/components/chunks/{MazPagination-eJFyS5Nn.mjs → MazPagination-CJEC7Y4E.mjs}

@@ -27,7 +27,7 @@ import '../assets/MazPagination.css';const Q = {
     justify: { default: "center" }
   },
   setup(y) {
-    const l = y, e = A(() => import("./MazSpinner-oLVdOGaR.mjs")), f = A(() => import("./MazIcon-BbvBov5G.mjs")), { href: P, to: N } = H(), C = o(() => P ? "a" : N ? "router-link" : "button"), O = o(
+    const l = y, e = A(() => import("./MazSpinner-CksMqwXP.mjs")), f = A(() => import("./MazIcon-B4CDdmqe.mjs")), { href: P, to: N } = H(), C = o(() => P ? "a" : N ? "router-link" : "button"), O = o(
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), i = o(
       () => (l.loading || l.disabled) && C.value === "button"

package/components/chunks/{MazPhoneNumberInput-Bbr0zHPZ.mjs → MazPhoneNumberInput-BUe2kgX6.mjs}

@@ -1,8 +1,8 @@
 import '../assets/MazPhoneNumberInput.css';var Ge = Object.defineProperty;
 var Je = (a, o, e) => o in a ? Ge(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
 var _ = (a, o, e) => Je(a, 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 E, normalizeClass as F, normalizeStyle as ee, Fragment as be, renderList as Be, createElementVNode as j, mergeProps as oe, createVNode as H, unref as P, createCommentVNode as $, 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 ao, mergeModels as ke, useModel as so, provide as no, 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";
+import { useId as Ze, computed as h, inject as Xe, defineComponent as se, defineAsyncComponent as q, withDirectives as ze, openBlock as b, createElementBlock as E, normalizeClass as F, normalizeStyle as ee, Fragment as be, renderList as Be, createElementVNode as j, mergeProps as oe, createVNode as H, unref as P, createCommentVNode as $, 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, onBeforeMount as to, nextTick as ie, Transition as lo, mergeModels as ke, useModel as ao, provide as so, watch as he } from "vue";
+import { getCountries as Oe, getCountryCallingCode as ce, isSupportedCountry as no, parsePhoneNumberFromString as ro, AsYouType as io, getExampleNumber as uo } from "libphonenumber-js";
 function Ae({
   componentName: a,
   providedId: o
@@ -16,13 +16,13 @@ function Ee(a, o = "20x15") {
 function Me(a, o) {
   const e = Xe(a, o);
   if (!e)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a.toString()}`);
   return e;
 }
-function mo(a) {
+function co(a) {
   return !!a;
 }
-const fo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", po = {
+const mo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", fo = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -36,10 +36,10 @@ const fo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAA
     threshold: 0.1
   }
 };
-class ho {
+class po {
   constructor(o = {}) {
     _(this, "observers", []);
-    _(this, "defaultOptions", po);
+    _(this, "defaultOptions", fo);
     _(this, "options");
     _(this, "onImgLoadedCallback");
     _(this, "onImgErrorCallback");
@@ -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, fo), 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"));
@@ -190,10 +190,10 @@ class ho {
   }
 }
 let de;
-const vo = {
+const ho = {
   created(a, o) {
     const e = typeof o.value == "object" ? o.value : {};
-    de = new ho(e), de.add(a, o);
+    de = new po(e), de.add(a, o);
   },
   updated(a, o) {
     de.update(a, o);
@@ -201,10 +201,10 @@ const vo = {
   unmounted(a, o) {
     de.remove(a, o);
   }
-}, yo = ["data-lazy-srcset", "media"], go = ["alt"], bo = {
+}, vo = ["data-lazy-srcset", "media"], yo = ["alt"], go = {
   key: 0,
   class: "m-lazy-img-component-loader"
-}, Co = /* @__PURE__ */ se({
+}, bo = /* @__PURE__ */ se({
   inheritAttrs: !1,
   __name: "MazLazyImg",
   props: {
@@ -225,7 +225,7 @@ const vo = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const o = a, e = q(() => import("./MazSpinner-DebSlkVT.mjs")), t = h(() => o.image || o.src), r = h(() => {
+    const o = a, e = q(() => import("./MazSpinner-B2mZYoLS.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;
     });
@@ -243,7 +243,7 @@ const vo = {
             key: L,
             "data-lazy-srcset": f,
             media: O
-          }, null, 8, yo))),
+          }, null, 8, vo))),
           128
           /* KEYED_FRAGMENT */
         )),
@@ -252,8 +252,8 @@ const vo = {
           loading: "lazy",
           alt: u.alt,
           class: u.imgClass
-        }), null, 16, go),
-        u.noLoader ? $("v-if", !0) : (b(), E("div", bo, [
+        }), null, 16, yo),
+        u.noLoader ? $("v-if", !0) : (b(), E("div", go, [
           H(P(e), { size: "2em" })
         ])),
         N(u.$slots, "default", {}, void 0, !0)
@@ -261,7 +261,7 @@ const vo = {
       6
       /* CLASS, STYLE */
     )), [
-      [P(vo), {
+      [P(ho), {
         noPhoto: u.noPhoto,
         loadOnce: u.loadOnce,
         observerOptions: u.observerOptions,
@@ -279,7 +279,7 @@ const vo = {
   for (const [t, r] of o)
     e[t] = r;
   return e;
-}, Le = /* @__PURE__ */ ne(Co, [["__scopeId", "data-v-83e40430"]]), zo = {
+}, Le = /* @__PURE__ */ ne(bo, [["__scopeId", "data-v-83e40430"]]), Co = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -290,7 +290,7 @@ const vo = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function me(a, o) {
-  const e = { ...zo, ...o }, t = {
+  const e = { ...Co, ...o }, t = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -345,7 +345,7 @@ function me(a, o) {
       r = r.normalize(u);
   return r;
 }
-function Io(a, o) {
+function zo(a, o) {
   const e = a.length, t = o.length, r = [];
   for (let u = 0; u <= e; u++)
     r[u] = [u];
@@ -363,10 +363,10 @@ function Io(a, o) {
   return r[e][t];
 }
 function Te(a, o) {
-  const e = Io(a, o), t = Math.max(a.length, o.length);
+  const e = zo(a, o), t = Math.max(a.length, o.length);
   return 1 - e / t;
 }
-function Ao(a, o, e = 0.75) {
+function Io(a, o, e = 0.75) {
   return Te(a, o) >= e;
 }
 function ve(a, o, e = 0.75) {
@@ -377,7 +377,7 @@ function ve(a, o, e = 0.75) {
   ), u = h(() => typeof e == "number" ? e : e.value), v = h(() => Te(t.value, r.value));
   return {
     isMatching: h(
-      () => Ao(t.value, r.value, u.value)
+      () => Io(t.value, r.value, u.value)
     ),
     score: v
   };
@@ -399,11 +399,11 @@ function Fe(a, o, e) {
 function Ne() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function wo(a, o) {
+function Ao(a, o) {
   const e = Ne();
   document.removeEventListener(e, (t) => Fe(t, a, o));
 }
-function So(a, o) {
+function wo(a, o) {
   if (typeof o.value != "function" && typeof o.value == "object" && typeof o.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
@@ -411,11 +411,11 @@ function So(a, o) {
   const e = Ne();
   document.addEventListener(e, (t) => Fe(t, a, o));
 }
-const Vo = {
-  mounted: So,
-  unmounted: wo
+const So = {
+  mounted: wo,
+  unmounted: Ao
 };
-function Po(a, o) {
+function Vo(a, o) {
   let e;
   return function(...t) {
     clearTimeout(e), e = setTimeout(() => {
@@ -424,16 +424,16 @@ function Po(a, o) {
   };
 }
 let ye = null;
-function ko(a, o) {
+function Po(a, o) {
   ye && clearTimeout(ye), ye = setTimeout(a, o);
 }
-const Eo = {
+const ko = {
   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 = {
+}, Eo = { class: "m-input-wrapper-input" }, Lo = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], $o = { key: 0 }, Bo = {
   key: 1,
   class: "m-input-wrapper-right"
-}, Mo = /* @__PURE__ */ se({
+}, Oo = /* @__PURE__ */ se({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -471,7 +471,7 @@ const Eo = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(a, { emit: o }) {
-    const e = a, t = o, r = q(() => import("./MazBtn-D7tI764y.mjs")), u = q(() => import("./MazIcon-D3TB52NM.mjs")), v = q(() => import("./eye-slash-BoO00xzs.mjs")), f = q(() => import("./eye-f8zAUc30.mjs")), O = q(() => import("./check-C9Q_W85g.mjs")), L = k(!1), y = k(!1), V = k(), i = Ae({
+    const e = a, t = o, r = q(() => import("./MazBtn-BE_bHLkT.mjs")), u = q(() => import("./MazIcon-BSgK89NE.mjs")), v = q(() => import("./eye-slash-BoO00xzs.mjs")), f = q(() => import("./eye-f8zAUc30.mjs")), O = q(() => import("./check-C9Q_W85g.mjs")), L = k(!1), y = k(!1), V = k(), i = Ae({
       componentName: "MazInput",
       providedId: e.id
     });
@@ -511,7 +511,7 @@ const Eo = {
       const { required: n, placeholder: M } = e;
       if (M)
         return n ? `${M} *` : M;
-    }), J = h(() => C.value !== void 0 && C.value !== ""), g = Po(
+    }), J = h(() => C.value !== void 0 && C.value !== ""), g = Vo(
       (n) => {
         t("update:model-value", n);
       },
@@ -575,7 +575,7 @@ const Eo = {
             ]])
           },
           [
-            A() ? (b(), E("div", Eo, [
+            A() ? (b(), E("div", ko, [
               n.$slots["left-icon"] || n.leftIcon ? N(n.$slots, "left-icon", { key: 0 }, () => [
                 typeof n.leftIcon == "string" ? (b(), U(P(u), {
                   key: 0,
@@ -587,7 +587,7 @@ const Eo = {
                 })) : $("v-if", !0)
               ], !0) : $("v-if", !0)
             ])) : $("v-if", !0),
-            j("div", Lo, [
+            j("div", Eo, [
               ze(j("input", oe({
                 id: P(i),
                 ref_key: "input",
@@ -610,7 +610,7 @@ const Eo = {
                 input: X
               }, !0), {
                 onClick: M[1] || (M[1] = (x) => n.$emit("click", x))
-              }), null, 16, $o), [
+              }), null, 16, Lo), [
                 [eo, C.value]
               ]),
               n.label || n.hint ? (b(), E(
@@ -631,13 +631,13 @@ const Eo = {
                     1
                     /* TEXT */
                   ),
-                  n.required ? (b(), E("sup", Bo, "*")) : $("v-if", !0)
+                  n.required ? (b(), E("sup", $o, "*")) : $("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : $("v-if", !0)
             ]),
-            s() ? (b(), E("div", Oo, [
+            s() ? (b(), E("div", Bo, [
               n.$slots["right-icon"] || n.rightIcon ? N(n.$slots, "right-icon", { key: 0 }, () => [
                 typeof n.rightIcon == "string" ? (b(), U(P(u), {
                   key: 0,
@@ -694,11 +694,11 @@ const Eo = {
       /* CLASS, STYLE */
     ));
   }
-}), Ce = /* @__PURE__ */ ne(Mo, [["__scopeId", "data-v-c42aaa7f"]]), To = ["aria-label"], Fo = { class: "m-select-list__no-results" }, No = {
+}), Ce = /* @__PURE__ */ ne(Oo, [["__scopeId", "data-v-c42aaa7f"]]), Mo = ["aria-label"], To = { class: "m-select-list__no-results" }, Fo = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, Ko = { class: "m-select-list-optgroup" }, Uo = ["onClick"], Ho = /* @__PURE__ */ se({
+}, No = { class: "m-select-list-optgroup" }, Ko = ["onClick"], Uo = /* @__PURE__ */ se({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -731,12 +731,7 @@ const Eo = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(a, { expose: o, emit: e }) {
-    to((l) => ({
-      fba4bd7a: z.value,
-      "2796b77c": i.value,
-      d1bcc1ac: p.value
-    }));
-    const t = a, r = e, u = q(() => import("./MazCheckbox-IhiWZ8D0.mjs")), v = q(() => import("./magnifying-glass--nBiyXot.mjs")), f = q(() => import("./chevron-down-BkvtON3b.mjs")), O = q(() => import("./no-symbol-CIgKzsrB.mjs"));
+    const t = a, r = e, u = q(() => import("./MazCheckbox-DXcpsRU4.mjs")), v = q(() => import("./magnifying-glass--nBiyXot.mjs")), f = q(() => import("./chevron-down-BkvtON3b.mjs")), O = q(() => import("./no-symbol-CIgKzsrB.mjs"));
     o({
       /** Method to open the option list */
       openList: re,
@@ -789,7 +784,7 @@ const Eo = {
         return ((l = g.value) == null ? void 0 : l.filter((d) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(d[t.optionValueKey]) && !A(d[t.optionValueKey]) : !1 : t.modelValue === d[t.optionValueKey] && !A(d[t.optionValueKey]))) ?? [];
       }
     );
-    lo(() => {
+    to(() => {
       var l;
       (l = t.options) != null && l.length || console.warn("[maz-ui](MazSelect) you must provide options"), pe();
     });
@@ -865,7 +860,7 @@ const Eo = {
       const d = x(n.value);
       d != null && d.length && (y.value = (m = Q.value) == null ? void 0 : m.findIndex(
         (c) => c[t.optionValueKey] === d[0][t.optionValueKey]
-      ), typeof y.value == "number" && y.value >= 0 && fe(y.value)), ko(() => {
+      ), typeof y.value == "number" && y.value >= 0 && fe(y.value)), Po(() => {
         n.value = "";
       }, 1e3);
     }
@@ -939,7 +934,7 @@ const Eo = {
             t.class,
             `--${l.size}`
           ]]),
-          style: ee(l.style)
+          style: ee([l.style, { "--keyboard-selected-bg-color": z.value, "--selected-bg-color": p.value, "--selected-text-color": i.value }])
         },
         [
           H(Ce, oe({
@@ -972,12 +967,12 @@ const Eo = {
                 onClick: ae(Re, ["stop"])
               }, [
                 H(P(f), { class: "m-select-chevron maz-text-xl" })
-              ], 8, To)
+              ], 8, Mo)
             ]),
             _: 1
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          H(ao, { name: te.value }, {
+          H(lo, { name: te.value }, {
             default: G(() => [
               w.value ? (b(), E(
                 "div",
@@ -1020,10 +1015,10 @@ const Eo = {
                     onKeydown: d[3] || (d[3] = (c) => Se(c, !1))
                   }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : $("v-if", !0),
                   !Q.value || Q.value.length <= 0 ? N(l.$slots, "no-results", { key: 1 }, () => [
-                    j("span", Fo, [
+                    j("span", To, [
                       H(P(O), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (b(), E("div", No, [
+                  ], !0) : (b(), E("div", Fo, [
                     (b(!0), E(
                       be,
                       null,
@@ -1037,7 +1032,7 @@ const Eo = {
                           }, () => [
                             j(
                               "span",
-                              Ko,
+                              No,
                               ue(c.label),
                               1
                               /* TEXT */
@@ -1075,7 +1070,7 @@ const Eo = {
                                 /* TEXT */
                               )
                             ], !0)
-                          ], 14, Uo))
+                          ], 14, Ko))
                         ],
                         64
                         /* STABLE_FRAGMENT */
@@ -1096,14 +1091,14 @@ const Eo = {
         6
         /* CLASS, STYLE */
       )), [
-        [P(Vo), {
+        [P(So), {
           exclude: (m = l.excludeSelectors) != null && m.length ? l.excludeSelectors : [],
           handler: le
         }]
       ]);
     };
   }
-}), Do = /* @__PURE__ */ ne(Ho, [["__scopeId", "data-v-3b483b12"]]);
+}), Ho = /* @__PURE__ */ ne(Uo, [["__scopeId", "data-v-27ad6cb9"]]);
 function Ke() {
   if (typeof window > "u")
     return;
@@ -1117,15 +1112,15 @@ function Ke() {
   };
 }
 let ge, $e;
-function Ro(a, o, e) {
+function Do(a, o, e) {
   return e != null && e[o] ? e[o] : (($e !== a || !ge) && ($e = a, ge = new Intl.DisplayNames([a], { type: "region" })), ge.of(o));
 }
-function qo(a, o) {
+function Ro(a, o) {
   var r;
   const e = [], t = Oe();
   a = a ?? ((r = Ke()) == null ? void 0 : r.browserLocale) ?? "en-US";
   for (const u of t) {
-    const v = Ro(a, u, o);
+    const v = Do(a, u, o);
     if (v)
       try {
         const f = ce(u);
@@ -1140,7 +1135,7 @@ function qo(a, o) {
   }
   return e;
 }
-async function jo() {
+async function qo() {
   try {
     const a = await fetch("https://ipwho.is"), { country_code: o } = await a.json();
     return o;
@@ -1148,7 +1143,7 @@ async function jo() {
     throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
   }
 }
-function Yo(a) {
+function jo(a) {
   if (!a)
     return "";
   const o = new RegExp(/[^\d ()+-]/g);
@@ -1156,16 +1151,16 @@ function Yo(a) {
 }
 function Ue() {
   return {
-    sanitizePhoneNumber: Yo,
-    fetchCountryCode: jo,
+    sanitizePhoneNumber: jo,
+    fetchCountryCode: qo,
     getBrowserLocale: Ke,
-    getCountriesList: qo
+    getCountriesList: Ro
   };
 }
-const Wo = ["id"], Qo = {
+const Yo = ["id"], Wo = {
   key: 0,
   class: "m-country-selector__select__item__flag-container"
-}, Go = /* @__PURE__ */ se({
+}, Qo = /* @__PURE__ */ se({
   __name: "CountrySelector",
   props: {
     style: { default: void 0 },
@@ -1228,7 +1223,7 @@ const Wo = ["id"], Qo = {
             ...p,
             dialCode: `+${p.dialCode}`
           } : void 0
-        ).filter(mo);
+        ).filter(co);
       }
     );
     async function V() {
@@ -1261,8 +1256,8 @@ const Wo = ["id"], Qo = {
               "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
             }, null, 8, ["src", "alt"])
           ], !0)
-        ], 10, Wo)) : $("v-if", !0),
-        H(Do, oe({
+        ], 10, Yo)) : $("v-if", !0),
+        H(Ho, oe({
           id: `country-selector-${i.id}`,
           ref_key: "CountrySelectorRef",
           ref: t,
@@ -1305,7 +1300,7 @@ const Wo = ["id"], Qo = {
                 }])
               },
               [
-                !i.noFlags && typeof z.iso2 == "string" ? (b(), E("span", Qo, [
+                !i.noFlags && typeof z.iso2 == "string" ? (b(), E("span", Wo, [
                   N(i.$slots, "country-list-flag", {
                     countryCode: z.iso2,
                     option: z,
@@ -1352,7 +1347,7 @@ const Wo = ["id"], Qo = {
       /* CLASS, STYLE */
     ));
   }
-}), Jo = /* @__PURE__ */ ne(Go, [["__scopeId", "data-v-382b69af"]]), Zo = {
+}), Go = /* @__PURE__ */ ne(Qo, [["__scopeId", "data-v-382b69af"]]), Jo = {
   countrySelector: {
     placeholder: "Country code",
     error: "Choose country",
@@ -1363,15 +1358,15 @@ const Wo = ["id"], Qo = {
     example: "Example:"
   }
 };
-function Xo(a) {
+function Zo(a) {
   try {
-    const o = ro(a);
+    const o = no(a);
     return o || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${a}" is not available`), !1);
   } catch (o) {
     return console.error(`[maz-ui](MazPhoneNumberInput) ${o}`), !1;
   }
 }
-function xo({
+function Xo({
   phoneNumber: a,
   countryCode: o
 }) {
@@ -1381,7 +1376,7 @@ function xo({
         isValid: !1,
         countryCode: o
       };
-    const e = io(a, o);
+    const e = ro(a, o);
     return {
       countryCode: (e == null ? void 0 : e.country) ?? o,
       isValid: (e == null ? void 0 : e.isValid()) ?? !1,
@@ -1400,21 +1395,21 @@ function xo({
     throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${e}`);
   }
 }
-function _o(a, o) {
+function xo(a, o) {
   try {
-    return o ? new uo(a).input(o) : "";
+    return o ? new io(a).input(o) : "";
   } catch (e) {
     throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${e}`);
   }
 }
-async function et() {
+async function _o() {
   const { default: a } = await import("./examples.mobile.json-JpNGylGv.mjs");
   return a;
 }
-function ot(a, o) {
+function et(a, o) {
   var e;
   try {
-    return a && o ? (e = co(o, a)) == null ? void 0 : e.formatNational() : void 0;
+    return a && o ? (e = uo(o, a)) == null ? void 0 : e.formatNational() : void 0;
   } catch (t) {
     console.error(`[maz-ui](MazPhoneNumberInput) ${t}`);
   }
@@ -1424,17 +1419,17 @@ function He() {
     return ce(o) === ce(e);
   }
   return {
-    getAsYouTypeFormat: _o,
-    getPhoneNumberResults: xo,
-    getPhoneNumberExamplesFile: et,
-    getPhoneNumberExample: ot,
+    getAsYouTypeFormat: xo,
+    getPhoneNumberResults: Xo,
+    getPhoneNumberExamplesFile: _o,
+    getPhoneNumberExample: et,
     isSameCountryCallingCode: a,
-    isCountryAvailable: Xo,
+    isCountryAvailable: Zo,
     getCountries: Oe,
     getCountryCallingCode: ce
   };
 }
-const tt = /* @__PURE__ */ se({
+const ot = /* @__PURE__ */ se({
   __name: "PhoneInput",
   props: /* @__PURE__ */ ke({
     id: {},
@@ -1456,7 +1451,7 @@ const tt = /* @__PURE__ */ se({
   }),
   emits: /* @__PURE__ */ ke(["update:model-value"], ["update:modelValue"]),
   setup(a, { emit: o }) {
-    const e = a, t = o, r = so(a, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: v } = He(), { selectionRange: f, results: O, selectedCountry: L } = Me("data"), y = k(), V = k(!1);
+    const e = a, t = o, r = ao(a, "modelValue"), { getPhoneNumberExamplesFile: u, getPhoneNumberExample: v } = He(), { selectionRange: f, results: O, selectedCountry: L } = Me("data"), y = k(), V = k(!1);
     function i(g, S) {
       const C = v(g, S);
       return C ? `${e.locales.phoneInput.example} ${C}` : void 0;
@@ -1518,7 +1513,7 @@ const tt = /* @__PURE__ */ se({
       "onUpdate:modelValue": S[2] || (S[2] = (C) => Y(C))
     }), null, 16, ["id", "model-value", "disabled", "color", "error", "size", "success", "class"]));
   }
-}), lt = /* @__PURE__ */ ne(tt, [["__scopeId", "data-v-ebe8f08f"]]), at = /* @__PURE__ */ se({
+}), tt = /* @__PURE__ */ ne(ot, [["__scopeId", "data-v-ebe8f08f"]]), lt = /* @__PURE__ */ se({
   name: "MazPhoneNumberInput",
   inheritAttrs: !1,
   __name: "MazPhoneNumberInput",
@@ -1584,14 +1579,14 @@ const tt = /* @__PURE__ */ se({
       end: 0,
       cursorAtEnd: !0
     });
-    no("data", {
+    so("data", {
       selectedCountry: i,
       phoneNumber: V,
       results: p,
       selectionRange: w
     });
     const D = h(() => ({
-      ...Zo,
+      ...Jo,
       ...e.translations
     }));
     Ie(async () => {
@@ -1698,7 +1693,7 @@ const tt = /* @__PURE__ */ se({
           style: ee(s.style)
         },
         [
-          s.noCountrySelector ? $("v-if", !0) : (b(), U(Jo, oe({
+          s.noCountrySelector ? $("v-if", !0) : (b(), U(Go, oe({
             key: 0,
             id: P(y)
           }, s.countrySelectAttributes, {
@@ -1740,7 +1735,7 @@ const tt = /* @__PURE__ */ se({
             _: 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(lt, oe({
+          H(tt, oe({
             id: P(y),
             ref_key: "PhoneInputRef",
             ref: Y,
@@ -1770,9 +1765,9 @@ const tt = /* @__PURE__ */ se({
       );
     };
   }
-}), it = /* @__PURE__ */ ne(at, [["__scopeId", "data-v-420d6d4a"]]);
+}), rt = /* @__PURE__ */ ne(lt, [["__scopeId", "data-v-420d6d4a"]]);
 export {
-  it as M,
+  rt as M,
   ne as _,
   Me as i,
   Ae as u