maz-ui 3.47.2-beta.20 → 3.47.2-beta.21

package/components/chunks/MazPhoneNumberInput-DibUhBpk.mjs

@@ -1,1809 +0,0 @@
-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 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,
-  providedId: o
-}) {
-  return h(() => o ?? `${a}-${Xe().replace(/:/g, "")}`);
-}
-function Le(a, o = "20x15") {
-  return `https://flagcdn.com/${o}/${a.toLowerCase()}.png`;
-}
-function Te(a, o) {
-  const e = xe(a, o);
-  if (!e)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${a.toString()}`);
-  return e;
-}
-function co(a) {
-  return !!a;
-}
-const mo = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", po = {
-  baseClass: "m-lazy-img",
-  loadedClass: "m-lazy-loaded",
-  loadingClass: "m-lazy-loading",
-  errorClass: "m-lazy-error",
-  noPhotoClass: "m-lazy-no-photo",
-  noPhoto: !1,
-  observerOnce: !0,
-  loadOnce: !1,
-  noUseErrorPhoto: !1,
-  observerOptions: {
-    threshold: 0.1
-  }
-};
-class fo {
-  constructor(o = {}) {
-    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() {
-    const { default: o } = await import("./no-photography-BJX8HSus.mjs");
-    return o;
-  }
-  buildOptions(o) {
-    return {
-      ...this.defaultOptions,
-      ...o,
-      observerOptions: {
-        ...this.defaultOptions.observerOptions,
-        ...o.observerOptions
-      }
-    };
-  }
-  removeClass(o, e) {
-    o.classList.remove(e);
-  }
-  addClass(o, e) {
-    o.classList.add(e);
-  }
-  removeAllStateClasses(o) {
-    this.removeClass(o, this.options.loadedClass), this.removeClass(o, this.options.loadingClass), this.removeClass(o, this.options.errorClass), this.removeClass(o, this.options.noPhotoClass);
-  }
-  setBaseClass(o) {
-    this.addClass(o, this.options.baseClass);
-  }
-  imageIsLoading(o) {
-    var e, t;
-    this.addClass(o, this.options.loadingClass), (t = (e = this.options).onLoading) == null || t.call(e, o);
-  }
-  imageHasNoPhoto(o) {
-    this.removeClass(o, this.options.loadingClass), this.addClass(o, this.options.noPhotoClass), this.setDefaultPhoto(o);
-  }
-  imageIsLoaded(o) {
-    var e, t;
-    this.hasImgLoaded = !0, this.removeClass(o, this.options.loadingClass), this.addClass(o, this.options.loadedClass), (t = (e = this.options).onLoaded) == null || t.call(e, o);
-  }
-  imageHasError(o) {
-    var e, t;
-    this.removeClass(o, this.options.loadingClass), this.addClass(o, this.options.errorClass), (t = (e = this.options).onError) == null || t.call(e, o), this.setDefaultPhoto(o);
-  }
-  getSrc(o) {
-    return typeof o.value == "object" ? o.value.src : o.value;
-  }
-  getImageUrl(o, e) {
-    const t = this.getImgElement(o).getAttribute("data-lazy-src");
-    return t || this.getSrc(e);
-  }
-  async setPictureSourceUrls(o) {
-    const e = o.querySelectorAll("source");
-    if (e.length > 0)
-      for await (const t of e) {
-        const r = t.getAttribute("data-lazy-srcset");
-        if (r)
-          t.srcset = r;
-        else
-          return this.imageHasError(o);
-      }
-    else
-      this.imageHasError(o);
-  }
-  hasBgImgMode(o) {
-    return o.arg === "bg-image";
-  }
-  isPictureElement(o) {
-    return o instanceof HTMLPictureElement;
-  }
-  getImgElement(o) {
-    return this.isPictureElement(o) ? o.querySelector("img") : o;
-  }
-  async setDefaultPhoto(o) {
-    if (this.options.noUseErrorPhoto)
-      return;
-    const e = this.options.fallbackSrc ?? this.options.errorPhoto;
-    typeof e == "string" && this.addClass(o, this.options.noPhotoClass);
-    const t = e ?? await this.loadErrorPhoto(), r = o.querySelectorAll("source");
-    if (r.length > 0)
-      for await (const u of r)
-        u.srcset = t;
-    else
-      this.setImgSrc(o, t);
-  }
-  addEventListenerToImg(o) {
-    const e = this.getImgElement(o);
-    e.addEventListener("load", () => this.onImgLoadedCallback(o), {
-      once: !0
-    }), e.addEventListener("error", (t) => this.onImgErrorCallback(o, t), { once: !0 });
-  }
-  async loadImage(o, e) {
-    if (this.imageIsLoading(o), this.isPictureElement(o))
-      this.addEventListenerToImg(o), await this.setPictureSourceUrls(o);
-    else {
-      const t = this.getImageUrl(o, e);
-      if (!t)
-        return this.imageHasError(o);
-      this.hasBgImgMode(e) ? (o.style.backgroundImage = `url('${t}')`, this.imageIsLoaded(o)) : (this.addEventListenerToImg(o), this.setImgSrc(o, t));
-    }
-  }
-  setImgSrc(o, e) {
-    const t = this.getImgElement(o);
-    t.src = e;
-  }
-  handleIntersectionObserver(o, e, t, r) {
-    var u, v;
-    this.observers.push(r);
-    for (const p of t)
-      if (p.isIntersecting) {
-        if ((v = (u = this.options).onIntersecting) == null || v.call(u, p.target), this.options.observerOnce && r.unobserve(o), this.options.loadOnce && this.hasImgLoaded)
-          return;
-        this.loadImage(o, e);
-      }
-  }
-  createObserver(o, e) {
-    const t = (v, p) => {
-      this.handleIntersectionObserver(o, e, v, p);
-    }, r = this.options.observerOptions;
-    new IntersectionObserver(t, r).observe(o);
-  }
-  async imageHandler(o, e, t) {
-    if (t === "update")
-      for await (const r of this.observers) r.unobserve(o);
-    window.IntersectionObserver ? this.createObserver(o, e) : this.loadImage(o, e);
-  }
-  async bindUpdateHandler(o, e, t) {
-    if (this.options.noPhoto)
-      return this.imageHasNoPhoto(o);
-    await this.imageHandler(o, e, t);
-  }
-  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, 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"));
-  }
-  remove(o, e) {
-    this.hasImgLoaded = !1, this.hasBgImgMode(e) && (o.style.backgroundImage = ""), this.removeAllStateClasses(o);
-    for (const t of this.observers)
-      t.unobserve(o);
-    this.observers = [];
-  }
-}
-let de;
-const ho = {
-  created(a, o) {
-    const e = typeof o.value == "object" ? o.value : {};
-    de = new fo(e), de.add(a, o);
-  },
-  updated(a, o) {
-    de.update(a, o);
-  },
-  unmounted(a, o) {
-    de.remove(a, o);
-  }
-}, vo = ["data-lazy-srcset", "media"], yo = ["alt"], go = {
-  key: 0,
-  class: "m-lazy-img-component-loader"
-}, bo = /* @__PURE__ */ ne({
-  inheritAttrs: !1,
-  __name: "MazLazyImg",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    image: { default: void 0 },
-    src: { default: void 0 },
-    alt: { default: void 0 },
-    noPhoto: { type: Boolean },
-    noLoader: { type: Boolean },
-    noObserverOnce: { type: Boolean },
-    loadOnce: { type: Boolean },
-    imageHeightFull: { type: Boolean },
-    observerOptions: { default: void 0 },
-    fallbackSrc: { default: void 0 },
-    imgClass: {},
-    block: { type: Boolean }
-  },
-  emits: ["intersecting", "loading", "loaded", "error"],
-  setup(a) {
-    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: 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: B }, L) => (y(), P("source", {
-            key: L,
-            "data-lazy-srcset": p,
-            media: B
-          }, null, 8, vo))),
-          128
-          /* KEYED_FRAGMENT */
-        )),
-        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 ? $("v-if", !0) : (y(), P("div", go, [
-          U(k(e), { size: "2em" })
-        ])),
-        N(u.$slots, "default", {}, void 0, !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [k(ho), {
-        noPhoto: u.noPhoto,
-        loadOnce: u.loadOnce,
-        observerOptions: u.observerOptions,
-        fallbackSrc: u.fallbackSrc,
-        observerOnce: !u.noObserverOnce,
-        onIntersecting: (p) => u.$emit("intersecting", p),
-        onLoading: (p) => u.$emit("loading", p),
-        onLoaded: (p) => u.$emit("loaded", p),
-        onError: (p) => u.$emit("error", p)
-      }]
-    ]);
-  }
-}), re = (a, o) => {
-  const e = a.__vccOpts || a;
-  for (const [t, r] of o)
-    e[t] = r;
-  return e;
-}, Ee = /* @__PURE__ */ re(bo, [["__scopeId", "data-v-83e40430"]]), Co = {
-  removeAccents: !0,
-  caseSensitive: !1,
-  replaceSpaces: !0,
-  removeSpecialCharacters: !1,
-  trim: !0,
-  normalizeSpaces: !0,
-  removeNumbers: !1,
-  customNormalizationForms: ["NFC", "NFKD"]
-};
-function me(a, o) {
-  const e = { ...Co, ...o }, t = {
-    À: "A",
-    Á: "A",
-    Â: "A",
-    Ã: "A",
-    Ä: "A",
-    Å: "A",
-    à: "a",
-    á: "a",
-    â: "a",
-    ã: "a",
-    ä: "a",
-    å: "a",
-    È: "E",
-    É: "E",
-    Ê: "E",
-    Ë: "E",
-    è: "e",
-    é: "e",
-    ê: "e",
-    ë: "e",
-    Î: "I",
-    Ï: "I",
-    í: "I",
-    î: "i",
-    ï: "i",
-    Ô: "O",
-    Õ: "O",
-    Ö: "O",
-    Ø: "O",
-    ô: "o",
-    õ: "o",
-    ö: "o",
-    ø: "o",
-    Ù: "U",
-    Ú: "U",
-    Û: "U",
-    Ü: "U",
-    ù: "u",
-    ú: "u",
-    û: "u",
-    ü: "u",
-    Ç: "C",
-    ç: "c",
-    ÿ: "y",
-    Ñ: "N",
-    ñ: "n",
-    ó: "o"
-  };
-  let r = a.toString();
-  if (e.trim && (r = r.trim()), e.normalizeSpaces && (r = r.replaceAll(/\s+/g, " ")), e.replaceSpaces && (r = r.replaceAll(" ", "-")), e.removeNumbers && (r = r.replaceAll(/\d/g, "")), e.removeAccents && (r = r.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (u) => t[u] || u), r = r.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (r = r.toLowerCase()), e.removeSpecialCharacters && (r = r.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (r = r.trim()), e.customNormalizationForms)
-    for (const u of e.customNormalizationForms)
-      r = r.normalize(u);
-  return r;
-}
-function zo(a, o) {
-  const e = a.length, t = o.length, r = [];
-  for (let u = 0; u <= e; u++)
-    r[u] = [u];
-  for (let u = 0; u <= t; u++)
-    r[0][u] = u;
-  for (let u = 1; u <= e; u++)
-    for (let v = 1; v <= t; v++) {
-      const p = a[u - 1] === o[v - 1] ? 0 : 1;
-      r[u][v] = Math.min(
-        r[u - 1][v] + 1,
-        r[u][v - 1] + 1,
-        r[u - 1][v - 1] + p
-      );
-    }
-  return r[e][t];
-}
-function Fe(a, o) {
-  const e = zo(a, o), t = Math.max(a.length, o.length);
-  return 1 - e / t;
-}
-function Io(a, o, e = 0.75) {
-  return Fe(a, o) >= e;
-}
-function ve(a, o, e = 0.75) {
-  const t = h(
-    () => me(typeof a == "string" ? a : a.value)
-  ), r = h(
-    () => me(typeof o == "string" ? o : o.value)
-  ), u = h(() => typeof e == "number" ? e : e.value), v = h(() => Fe(t.value, r.value));
-  return {
-    isMatching: h(
-      () => Io(t.value, r.value, u.value)
-    ),
-    score: v
-  };
-}
-function Ne(a, o, e) {
-  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 B of r)
-      if (!u && a.target instanceof HTMLElement) {
-        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(a));
-}
-function Ke() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-function Ao(a, o) {
-  const e = Ke();
-  document.removeEventListener(e, (t) => Ne(t, 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;
-  }
-  const e = Ke();
-  document.addEventListener(e, (t) => Ne(t, a, o));
-}
-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(() => {
-      a.apply(this, t);
-    }, o);
-  };
-}
-const Po = ["for"], Lo = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, Eo = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], $o = { key: 0 }, Bo = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, Oo = /* @__PURE__ */ ne({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    topLabel: {},
-    assistiveText: {},
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    roundedSize: { default: void 0 },
-    block: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(a, { emit: o }) {
-    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
-    });
-    Ie(() => {
-      var s;
-      e.autoFocus && ((s = A.value) == null || s.focus());
-    });
-    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";
-        if (e.success)
-          return "maz-border-success";
-        if (e.warning)
-          return "maz-border-warning";
-        if (g.value || e.borderActive) {
-          if (e.color === "black")
-            return "maz-border-black";
-          if (e.color === "danger")
-            return "maz-border-danger";
-          if (e.color === "info")
-            return "maz-border-info";
-          if (e.color === "primary")
-            return "maz-border-primary";
-          if (e.color === "secondary")
-            return "maz-border-secondary";
-          if (e.color === "success")
-            return "maz-border-success";
-          if (e.color === "warning")
-            return "maz-border-warning";
-          if (e.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), H = _e(), j = h(() => {
-      const { required: s, placeholder: F } = e;
-      if (F)
-        return s ? `${F} *` : F;
-    }), Z = h(() => C.value !== void 0 && C.value !== ""), b = ko(
-      (s) => {
-        t("update:model-value", s);
-      },
-      typeof e.debounce == "number" ? e.debounce : e.debounceDelay ?? 500
-    );
-    function S(s) {
-      if (e.debounce)
-        return b(s);
-      t("update:model-value", s);
-    }
-    const C = h({
-      get: () => e.modelValue,
-      set: (s) => S(s)
-    }), 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 !!H["right-icon"] || f.value || !!H["valid-button"] || e.validButton || !!e.rightIcon;
-    }
-    function V() {
-      return !!H["left-icon"] || !!e.leftIcon;
-    }
-    function D(s) {
-      t("focus", s), g.value = !0;
-    }
-    function M(s) {
-      t("blur", s), g.value = !1;
-    }
-    function Q(s) {
-      return t("change", s);
-    }
-    function x(s) {
-      return t("input", s);
-    }
-    return (s, F) => (y(), P(
-      "div",
-      {
-        class: T(["m-input", [
-          {
-            "--is-focused": g.value || s.borderActive,
-            "--should-up": W.value,
-            "--has-label": X.value,
-            "--is-disabled": s.disabled,
-            "--is-readonly": s.readonly,
-            "--has-z-2": s.error || s.warning || s.success,
-            "--has-state": s.error || s.warning || s.success,
-            "--block": s.block
-          },
-          e.class,
-          `--${s.color}`
-        ]]),
-        style: oe(s.style)
-      },
-      [
-        s.topLabel ? (y(), P("label", {
-          key: 0,
-          for: k(i),
-          class: "m-input-top-label"
-        }, te(s.topLabel), 9, Po)) : $("v-if", !0),
-        Y(
-          "div",
-          {
-            class: T(["m-input-wrapper", [
-              s.inputClasses,
-              w.value,
-              s.roundedSize ? `--rounded-${s.roundedSize}` : { "maz-rounded": !s.noRadius },
-              { "--block": s.block }
-            ]])
-          },
-          [
-            V() ? (y(), P("div", Lo, [
-              s.$slots["left-icon"] || s.leftIcon ? N(s.$slots, "left-icon", { key: 0 }, () => [
-                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(), K(ke(s.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : $("v-if", !0)
-              ], !0) : $("v-if", !0)
-            ])) : $("v-if", !0),
-            Y(
-              "div",
-              {
-                class: T(["m-input-wrapper-input", [`--${s.size}`, { "--top-label": !!s.topLabel }]])
-              },
-              [
-                ze(Y("input", le({
-                  id: k(i),
-                  ref_key: "input",
-                  ref: A,
-                  "onUpdate:modelValue": F[0] || (F[0] = (_) => C.value = _),
-                  type: z.value,
-                  name: s.name
-                }, s.$attrs, {
-                  inputmode: s.inputmode,
-                  placeholder: j.value,
-                  "aria-label": s.label || s.placeholder,
-                  disabled: s.disabled,
-                  readonly: s.readonly,
-                  required: s.required,
-                  class: "m-input-input"
-                }, eo({
-                  blur: M,
-                  focus: D,
-                  change: Q,
-                  input: x
-                }, !0), {
-                  onClick: F[1] || (F[1] = (_) => s.$emit("click", _))
-                }), null, 16, Eo), [
-                  [oo, C.value]
-                ]),
-                s.label || s.hint ? (y(), P(
-                  "span",
-                  {
-                    key: 0,
-                    class: T(["m-input-label", [
-                      {
-                        "maz-text-danger-600": s.error,
-                        "maz-text-success-600": s.success,
-                        "maz-text-warning-600": s.warning
-                      }
-                    ]])
-                  },
-                  [
-                    to(
-                      te(s.hint || s.label) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    s.required ? (y(), P("sup", $o, "*")) : $("v-if", !0)
-                  ],
-                  2
-                  /* CLASS */
-                )) : $("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(), K(k(u), {
-                  key: 0,
-                  name: s.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : s.rightIcon ? (y(), K(ke(s.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : $("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((_) => L.value = !L.value, ["stop"]))
-              }, {
-                default: J(() => [
-                  L.value ? (y(), K(k(v), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (y(), K(k(p), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : $("v-if", !0),
-              s.$slots["valid-button"] || s.validButton ? N(s.$slots, "valid-button", { key: 2 }, () => [
-                U(k(r), {
-                  color: "transparent",
-                  disabled: s.disabled,
-                  tabindex: "-1",
-                  loading: s.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: J(() => [
-                    U(k(B), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : $("v-if", !0)
-            ])) : $("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        s.assistiveText ? (y(), P(
-          "div",
-          {
-            key: 1,
-            class: T(["m-input-bottom-text", [
-              {
-                "maz-text-danger-600": s.error,
-                "maz-text-success-600": s.success,
-                "maz-text-warning-600": s.warning,
-                "maz-text-muted": !s.error && !s.success && !s.warning
-              }
-            ]])
-          },
-          te(s.assistiveText),
-          3
-          /* TEXT, CLASS */
-        )) : $("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Ce = /* @__PURE__ */ re(Oo, [["__scopeId", "data-v-2cfe0ca2"]]), Mo = ["aria-label"], To = { class: "m-select-list__no-results" }, Fo = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, No = { class: "m-select-list-optgroup" }, Ko = ["onClick"], Uo = /* @__PURE__ */ ne({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { default: void 0 },
-    options: { default: void 0 },
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "bottom left" },
-    itemHeight: { default: void 0 },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: void 0 },
-    minListHeight: { default: void 0 },
-    minListWidth: { default: void 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchPlaceholder: { default: "Search in options" },
-    searchThreshold: { default: 0.75 },
-    open: { type: Boolean },
-    multiple: { type: Boolean, default: void 0 },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    excludeSelectors: { default: void 0 },
-    autocomplete: { default: "off" }
-  },
-  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-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 = 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)`
-    ), f = h(
-      () => 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(() => L.value || t.open), H = Ae({
-      componentName: "MazSelect",
-      providedId: t.id
-    });
-    function j(l) {
-      return {
-        [t.optionValueKey]: l,
-        [t.optionLabelKey]: l,
-        [t.optionInputValueKey]: l
-      };
-    }
-    function Z(l) {
-      return {
-        ...l,
-        [t.optionValueKey]: l[t.optionValueKey],
-        [t.optionLabelKey]: l[t.optionLabelKey],
-        [t.optionInputValueKey]: l[t.optionInputValueKey]
-      };
-    }
-    const b = h(() => {
-      var c;
-      const l = [];
-      if (!((c = t.options) != null && c.length))
-        return [];
-      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(Z(d));
-      return l;
-    }), S = h(
-      () => {
-        var l;
-        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 = E(), W = E(), X = E(), n = E();
-    function V(l) {
-      return l == null;
-    }
-    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 M = h(() => {
-      var c;
-      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
-        return t.modelValue.map(
-          (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 = (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];
-    }), Q = h(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), x = E(""), s = E("");
-    function F(l, c) {
-      return c && l && me(l).includes(me(c));
-    }
-    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 G = h(() => _(x.value));
-    async function ae(l) {
-      var d, m;
-      if (!w.value)
-        return;
-      if (l && ("relatedTarget" in l && ((d = C.value) != null && d.contains(l.relatedTarget)) || l.type === "keydown"))
-        return l.preventDefault();
-      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(), L.value = !1, g.value = 0, r("close", l);
-    }
-    async function ie(l) {
-      t.disabled || w.value || (l == null || l.preventDefault(), L.value = !0, await pe(), r("focus", l), r("open", L.value));
-    }
-    function we() {
-      var l, c;
-      (c = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || c.focus();
-    }
-    function Re() {
-      var l, c;
-      (c = ((l = W.value) == null ? void 0 : l.$el).querySelector("input")) == null || c.dispatchEvent(new Event("input"));
-    }
-    function qe(l) {
-      L.value ? ae(l) : we();
-    }
-    function Ye(l) {
-      var c, d;
-      x.value = l, (d = ((c = X.value) == null ? void 0 : c.$el).querySelector("input")) == null || d.focus();
-    }
-    function je(l) {
-      var d;
-      l === "Backspace" && s.value.length > 0 ? s.value = s.value.slice(0, -1) : s.value += l;
-      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 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, 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, c) {
-      var I;
-      l.preventDefault();
-      const d = l.code;
-      w.value || ie(l);
-      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, c) {
-      var m, I, O;
-      if (!w.value)
-        return;
-      l.preventDefault();
-      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 d, m;
-      await ue(), typeof l != "number" && fe();
-      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"
-        });
-      }
-    }
-    function fe(l) {
-      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 = c && c >= 0 ? c : 0;
-    }
-    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 m = S.value;
-      d && t.multiple ? m = m == null ? void 0 : m.filter(
-        (R) => R[t.optionValueKey] !== l[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, 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: "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,
-                      { 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,
-                            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",
-                              null,
-                              te(d[l.optionLabelKey]),
-                              1
-                              /* TEXT */
-                            )
-                          ], !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-07cbef8c"]]);
-function Ue() {
-  if (typeof window > "u")
-    return;
-  const a = window.navigator.language;
-  if (!a)
-    return;
-  let o = a.slice(3, 7).toUpperCase();
-  return o === "" && (o = a.slice(0, 2).toUpperCase()), o === "EN" && (o = "US"), o === "JA" && (o = "JP"), {
-    locale: o,
-    browserLocale: a
-  };
-}
-let ge, $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 Ro(a, o) {
-  var r;
-  const e = [], t = Me();
-  a = a ?? ((r = Ue()) == null ? void 0 : r.browserLocale) ?? "en-US";
-  for (const u of t) {
-    const v = Do(a, u, o);
-    if (v)
-      try {
-        const p = ce(u);
-        e.push({
-          iso2: u,
-          dialCode: p,
-          name: v
-        });
-      } catch (p) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${p}`);
-      }
-  }
-  return e;
-}
-async function qo() {
-  try {
-    const a = await fetch("https://ipwho.is"), { country_code: o } = await a.json();
-    return o;
-  } catch (a) {
-    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${a}`);
-  }
-}
-function Yo(a) {
-  if (!a)
-    return "";
-  const o = new RegExp(/[^\d ()+-]/g);
-  return a.replaceAll(o, "").trim();
-}
-function He() {
-  return {
-    sanitizePhoneNumber: Yo,
-    fetchCountryCode: qo,
-    getBrowserLocale: Ue,
-    getCountriesList: Ro
-  };
-}
-const jo = ["id"], Wo = {
-  key: 0,
-  class: "m-country-selector__select__item__flag-container"
-}, Qo = /* @__PURE__ */ ne({
-  __name: "CountrySelector",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    id: {},
-    color: {},
-    size: {},
-    preferredCountries: { default: void 0 },
-    ignoredCountries: { default: void 0 },
-    onlyCountries: { default: void 0 },
-    customCountriesList: { default: void 0 },
-    locales: {},
-    listPosition: { default: "bottom left" },
-    noFlags: { type: Boolean },
-    noSearch: { type: Boolean },
-    disabled: { type: Boolean },
-    showCodeOnList: { type: Boolean },
-    countryLocale: { default: void 0 },
-    success: { type: Boolean },
-    error: { type: Boolean },
-    countrySelectorDisplayName: { type: Boolean },
-    searchThreshold: {},
-    width: { default: "9rem" },
-    excludeSelectors: { default: void 0 }
-  },
-  emits: ["update:model-value"],
-  setup(a) {
-    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) => {
-          var z;
-          return !((z = o.ignoredCountries) != null && z.includes(f.iso2));
-        });
-      }
-    ), p = h(() => {
-      const i = o.onlyCountries || o.preferredCountries;
-      return i == null ? void 0 : i.map(
-        (f) => {
-          var z;
-          return (z = v.value) == null ? void 0 : z.find((w) => w.iso2.includes(f));
-        }
-      );
-    }), B = h(
-      () => {
-        var i;
-        return (i = v.value) == null ? void 0 : i.filter((f) => {
-          var z;
-          return !((z = o.preferredCountries) != null && z.includes(f.iso2));
-        });
-      }
-    ), L = h(
-      () => o.preferredCountries ? [...p.value ?? [], ...B.value ?? []] : o.onlyCountries ? p.value : v.value
-    ), g = h(
-      () => {
-        var i;
-        return (i = L.value) == null ? void 0 : i.map(
-          (f) => f ? {
-            ...f,
-            dialCode: `+${f.dialCode}`
-          } : void 0
-        ).filter(co);
-      }
-    );
-    function A() {
-      var i;
-      (i = t.value) == null || i.openList();
-    }
-    return (i, f) => (y(), P(
-      "div",
-      {
-        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: T(["m-country-selector__country-flag", {
-            "--should-have-bottom-flag": i.locales.countrySelector.placeholder.length > 0
-          }]),
-          tabindex: "-1",
-          type: "button",
-          onClick: A
-        }, [
-          N(i.$slots, "selector-flag", { countryCode: i.modelValue }, () => [
-            U(Ee, {
-              src: k(Le)(i.modelValue, "h20"),
-              alt: i.modelValue,
-              width: "20",
-              height: "20",
-              "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
-            }, null, 8, ["src", "alt"])
-          ], !0)
-        ], 10, jo)) : $("v-if", !0),
-        U(Ho, le({
-          id: `country-selector-${i.id}`,
-          ref_key: "CountrySelectorRef",
-          ref: t,
-          "model-value": i.modelValue
-        }, { ...i.$attrs }, {
-          class: "m-country-selector__select",
-          "option-value-key": "iso2",
-          "option-label-key": "name",
-          "option-input-value-key": i.countrySelectorDisplayName ? "name" : "dialCode",
-          name: "country",
-          "max-list-width": 250,
-          "min-list-width": 200,
-          disabled: i.disabled,
-          color: i.color,
-          size: i.size,
-          error: i.error,
-          "list-position": i.listPosition,
-          "item-height": 38,
-          success: i.success,
-          search: !i.noSearch,
-          "search-placeholder": i.locales.countrySelector.searchPlaceholder,
-          "search-threshold": i.searchThreshold,
-          options: g.value,
-          hint: k(e) && !i.modelValue ? i.locales.countrySelector.error : void 0,
-          label: i.locales.countrySelector.placeholder,
-          style: {
-            width: i.width
-          },
-          "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": J(() => [
-            N(i.$slots, "no-results", {}, void 0, !0)
-          ]),
-          default: J(({ option: z, isSelected: w }) => [
-            Y(
-              "div",
-              {
-                class: T(["m-country-selector__select__item", {
-                  "m-country-selector__select__item--selected": w
-                }])
-              },
-              [
-                !i.noFlags && typeof z.iso2 == "string" ? (y(), P("span", Wo, [
-                  N(i.$slots, "country-list-flag", {
-                    countryCode: z.iso2,
-                    option: z,
-                    isSelected: w
-                  }, () => [
-                    U(Ee, {
-                      src: k(Le)(z.iso2, "h20"),
-                      alt: `${z.name} flag`,
-                      width: "20",
-                      height: "20",
-                      "img-class": "maz-rounded-full maz-w-5 maz-h-5"
-                    }, null, 8, ["src", "alt"])
-                  ], !0)
-                ])) : $("v-if", !0),
-                i.showCodeOnList ? (y(), P(
-                  "span",
-                  {
-                    key: 1,
-                    class: T(["maz-w-9 maz-flex-none", { "maz-text-muted": !w }])
-                  },
-                  te(z.dialCode),
-                  3
-                  /* TEXT, CLASS */
-                )) : $("v-if", !0),
-                Y(
-                  "span",
-                  {
-                    class: T(["maz-flex-1 maz-truncate", { "maz-font-semibold": w }])
-                  },
-                  te(z.name),
-                  3
-                  /* TEXT, CLASS */
-                )
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "search-threshold", "options", "hint", "label", "style", "exclude-selectors"])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Go = /* @__PURE__ */ re(Qo, [["__scopeId", "data-v-e2fee821"]]), Jo = {
-  countrySelector: {
-    placeholder: "Country code",
-    error: "Choose country",
-    searchPlaceholder: "Search the country"
-  },
-  phoneInput: {
-    placeholder: "Phone number",
-    example: "Example:"
-  }
-};
-function Zo(a) {
-  try {
-    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({
-  phoneNumber: a,
-  countryCode: o
-}) {
-  try {
-    if (!a)
-      return {
-        isValid: !1,
-        countryCode: o
-      };
-    const e = ro(a, o ?? void 0), t = (e == null ? void 0 : e.isValid()) ?? !1;
-    return {
-      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,
-      type: e == null ? void 0 : e.getType(),
-      formatInternational: e == null ? void 0 : e.formatInternational(),
-      formatNational: e == null ? void 0 : e.formatNational(),
-      uri: e == null ? void 0 : e.getURI(),
-      e164: e == null ? void 0 : e.format("E.164"),
-      rfc3966: e == null ? void 0 : e.format("RFC3966"),
-      possibleCountries: e == null ? void 0 : e.getPossibleCountries(),
-      phoneNumber: a
-    };
-  } catch (e) {
-    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${e}`);
-  }
-}
-async function xo() {
-  const { default: a } = await import("./examples.mobile.json-JpNGylGv.mjs");
-  return a;
-}
-function _o(a, o) {
-  var e;
-  try {
-    return a && o ? (e = io(o, a)) == null ? void 0 : e.formatNational() : void 0;
-  } catch (t) {
-    console.error(`[maz-ui](MazPhoneNumberInput) ${t}`);
-  }
-}
-function et(a, o) {
-  try {
-    return !o || !a ? void 0 : new uo(a).input(o);
-  } catch (e) {
-    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${e}`);
-  }
-}
-function De() {
-  function a(o, e) {
-    return ce(o) === ce(e);
-  }
-  return {
-    getAsYouTypeFormat: et,
-    getPhoneNumberResults: Xo,
-    getPhoneNumberExamplesFile: xo,
-    getPhoneNumberExample: _o,
-    isSameCountryCallingCode: a,
-    isCountryAvailable: Zo,
-    getCountries: Me,
-    getCountryCallingCode: ce
-  };
-}
-const ot = /* @__PURE__ */ ne({
-  __name: "PhoneInput",
-  props: /* @__PURE__ */ Pe({
-    id: {},
-    color: {},
-    size: {},
-    locales: {},
-    label: { default: void 0 },
-    placeholder: { default: void 0 },
-    noExample: { type: Boolean },
-    disabled: { type: Boolean },
-    hasRadius: { type: Boolean },
-    success: { type: Boolean },
-    error: { type: Boolean },
-    autoFormat: { type: Boolean },
-    noFormattingAsYouType: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  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: 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;
-    }
-    const f = h(() => {
-      var S;
-      if (e.label || e.placeholder)
-        return e.label || e.placeholder;
-      const b = e.locales.phoneInput.placeholder;
-      if (e.noExample || !g.value)
-        return b;
-      {
-        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 = E();
-    async function H() {
-      try {
-        if (g.value)
-          return;
-        g.value = await u();
-      } catch (b) {
-        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", b);
-      }
-    }
-    async function j(b) {
-      w.value && b && Z(w.value, b), await ue(), t("update:model-value", b);
-    }
-    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 || H();
-    }), (b, S) => (y(), K(Ce, le({
-      id: b.id,
-      ref_key: "PhoneInputRef",
-      ref: w,
-      "model-value": r.value
-    }, { ...b.$attrs, ...z.value }, {
-      disabled: b.disabled,
-      color: b.color,
-      error: b.error,
-      size: b.size,
-      success: b.success,
-      class: ["m-phone-input", [
-        {
-          "--border-radius": b.hasRadius,
-          "--error": b.error || !k(B).isValid,
-          "--focused": A.value
-        }
-      ]],
-      onFocus: S[0] || (S[0] = (C) => A.value = !0),
-      onBlur: S[1] || (S[1] = (C) => A.value = !1),
-      "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-fcb760a8"]]), lt = /* @__PURE__ */ ne({
-  name: "MazPhoneNumberInput",
-  inheritAttrs: !1,
-  __name: "MazPhoneNumberInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    defaultPhoneNumber: { default: void 0 },
-    countryCode: { default: void 0 },
-    defaultCountryCode: { default: void 0 },
-    id: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    preferredCountries: { default: void 0 },
-    ignoredCountries: { default: void 0 },
-    onlyCountries: { default: void 0 },
-    translations: { default: void 0 },
-    listPosition: { default: "bottom left" },
-    color: { default: "primary" },
-    size: { default: "md" },
-    noFlags: { type: Boolean },
-    disabled: { type: Boolean },
-    noExample: { type: Boolean },
-    noSearch: { type: Boolean },
-    searchThreshold: { default: 0.75 },
-    noUseBrowserLocale: { type: Boolean },
-    fetchCountry: { type: Boolean },
-    noCountrySelector: { type: Boolean },
-    showCodeOnList: { type: Boolean },
-    customCountriesList: { default: void 0 },
-    autoFormat: { type: Boolean, default: !0 },
-    noFormattingAsYouType: { type: Boolean, default: !1 },
-    countryLocale: { default: void 0 },
-    noValidationError: { type: Boolean },
-    noValidationSuccess: { type: Boolean },
-    success: { type: Boolean },
-    error: { type: Boolean },
-    countrySelectorDisplayName: { type: Boolean },
-    countrySelectorWidth: { default: "9rem" },
-    block: { type: Boolean },
-    excludeSelectors: { default: void 0 },
-    orientation: { default: "responsive" },
-    countrySelectAttributes: { default: () => ({
-      name: "country",
-      autocomplete: "off"
-    }) },
-    phoneInputAttributes: { default: () => ({
-      name: "phone",
-      autocomplete: "tel",
-      inputmode: "tel"
-    }) }
-  },
-  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: B, getAsYouTypeFormat: L } = De(), g = Ae({
-      componentName: "MazPhoneNumberInput",
-      providedId: e.id
-    }), A = E(), i = E(), f = E({
-      isValid: !1,
-      countryCode: void 0
-    }), z = E(), w = E({
-      start: 0,
-      end: 0,
-      cursorAtEnd: !0
-    });
-    so("data", {
-      selectedCountry: i,
-      phoneNumber: A,
-      results: f,
-      selectionRange: w
-    });
-    const H = h(() => ({
-      ...Jo,
-      ...e.translations
-    }));
-    Oe(async () => {
-      if (C(e.countryCode ?? e.defaultCountryCode), e.fetchCountry && !i.value) {
-        const n = await r();
-        C(n);
-      }
-    }), Ie(() => {
-      var n;
-      if (!e.defaultCountryCode && !e.noUseBrowserLocale && !i.value) {
-        const V = (n = v()) == null ? void 0 : n.locale;
-        C(V);
-      }
-    });
-    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 = Z()) == null || n.select();
-    }
-    function S(n) {
-      X({
-        countryCode: n
-      }), b();
-    }
-    function C(n) {
-      if (n) {
-        if (!p(n)) {
-          console.warn(`[MazPhoneNumberInput] Country code not available: "${n}"`), i.value = void 0;
-          return;
-        }
-        i.value = n;
-      }
-    }
-    function W({
-      newPhoneNumber: n,
-      updateResults: V = !0,
-      updateCountry: D = !0
-    }) {
-      const M = u(n);
-      if (V && (f.value = B({
-        phoneNumber: M,
-        countryCode: i.value
-      })), w.value.cursorAtEnd && !e.noFormattingAsYouType && e.autoFormat) {
-        const Q = f.value.isValid ? f.value.formatNational : M;
-        z.value = L(i.value, Q), A.value = z.value || Q;
-      } else
-        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 X({
-      countryCode: n,
-      updateResults: V = !0
-    }) {
-      if (!n) {
-        i.value = void 0;
-        return;
-      }
-      n !== i.value && C(n), V && (f.value = B({
-        phoneNumber: A.value,
-        countryCode: n
-      })), W({
-        newPhoneNumber: A.value,
-        updateResults: !1,
-        updateCountry: !1
-      });
-    }
-    return he(
-      () => e.modelValue ?? e.defaultPhoneNumber,
-      (n, V) => {
-        n !== V && n !== A.value && W({
-          newPhoneNumber: n
-        });
-      },
-      {
-        immediate: !0
-      }
-    ), he(
-      () => e.countryCode ?? e.defaultCountryCode,
-      (n, V) => {
-        n && n !== V && n !== i.value && X({
-          countryCode: n
-        });
-      },
-      {
-        immediate: !0
-      }
-    ), he(
-      f,
-      (n) => {
-        t("update", n), t("data", n), n.e164 && n.isValid ? t("update:model-value", n.e164) : t("update:model-value", A.value), t("country-code", i.value), t("update:country-code", i.value);
-      },
-      {
-        immediate: !0
-      }
-    ), (n, V) => {
-      var D;
-      return y(), P(
-        "div",
-        {
-          class: T(["m-phone-number-input", [e.class, { "--block": n.block }, n.orientation ? `--${n.orientation}` : void 0]]),
-          style: oe(n.style)
-        },
-        [
-          n.noCountrySelector ? $("v-if", !0) : (y(), K(Go, le({
-            key: 0,
-            id: k(g)
-          }, n.countrySelectAttributes, {
-            "model-value": i.value,
-            color: n.color,
-            size: n.size,
-            "country-locale": n.countryLocale,
-            "country-selector-display-name": n.countrySelectorDisplayName,
-            "custom-countries-list": n.customCountriesList,
-            "ignored-countries": n.ignoredCountries,
-            "list-position": n.listPosition,
-            "no-flags": n.noFlags,
-            "no-search": n.noSearch,
-            "exclude-selectors": n.excludeSelectors,
-            error: n.error || (n.noValidationError ? !1 : !!A.value && !i.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,
-            "only-countries": n.onlyCountries,
-            "preferred-countries": n.preferredCountries,
-            width: n.countrySelectorWidth,
-            "onUpdate:modelValue": S
-          }), {
-            "no-results": J(() => [
-              N(n.$slots, "no-results", {}, void 0, !0)
-            ]),
-            "selector-flag": J(({ countryCode: M }) => [
-              N(n.$slots, "selector-flag", { countryCode: M }, void 0, !0)
-            ]),
-            "country-list-flag": J(({ isSelected: M, option: Q }) => [
-              N(n.$slots, "country-list-flag", {
-                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"])),
-          U(tt, le({
-            id: k(g),
-            ref_key: "PhoneInputRef",
-            ref: j,
-            modelValue: A.value,
-            "onUpdate:modelValue": V[0] || (V[0] = (M) => A.value = M)
-          }, { ...n.$attrs, ...n.phoneInputAttributes }, {
-            color: n.color,
-            size: n.size,
-            "no-example": n.noExample,
-            block: "",
-            disabled: n.disabled,
-            "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: 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] = (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"])
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-}), rt = /* @__PURE__ */ re(lt, [["__scopeId", "data-v-71810071"]]);
-export {
-  rt as M,
-  re as _,
-  Te as i,
-  Ae as u
-};