maz-ui 3.18.2 → 3.19.0

package/components/chunks/MazPhoneNumberInput-59aa8e06.mjs

@@ -1,854 +0,0 @@
-import "../assets/MazPhoneNumberInput.css";
-import { computed, defineComponent, defineAsyncComponent, getCurrentInstance, ref, onBeforeMount, onMounted, watch, openBlock, createElementBlock, unref, normalizeClass, toDisplayString, createCommentVNode, createBlock, withCtx, createElementVNode, createVNode, mergeProps } from "vue";
-import { getExampleNumber, getCountries, getCountryCallingCode, isSupportedCountry, parsePhoneNumberFromString, AsYouType } from "libphonenumber-js";
-const countriesNameListByIsoCode = {
-  AC: "Ascension Island",
-  AF: "Afghanistan",
-  AL: "Albania",
-  DZ: "Algeria",
-  AS: "American Samoa",
-  AD: "Andorra",
-  AO: "Angola",
-  AI: "Anguilla",
-  AG: "Antigua and Barbuda",
-  AR: "Argentina",
-  AM: "Armenia",
-  AW: "Aruba",
-  AU: "Australia",
-  AT: "Austria",
-  AZ: "Azerbaijan",
-  BS: "Bahamas (the)",
-  BH: "Bahrain",
-  BD: "Bangladesh",
-  BB: "Barbados",
-  BY: "Belarus",
-  BE: "Belgium",
-  BZ: "Belize",
-  BJ: "Benin",
-  BM: "Bermuda",
-  BT: "Bhutan",
-  BO: "Bolivia (Plurinational State of)",
-  BQ: "Bonaire, Sint Eustatius and Saba",
-  BA: "Bosnia and Herzegovina",
-  BW: "Botswana",
-  BR: "Brazil",
-  IO: "British Indian Ocean Territory (the)",
-  BN: "Brunei Darussalam",
-  BG: "Bulgaria",
-  BF: "Burkina Faso",
-  BI: "Burundi",
-  CV: "Cabo Verde",
-  KH: "Cambodia",
-  CM: "Cameroon",
-  CA: "Canada",
-  KY: "Cayman Islands (the)",
-  CF: "Central African Republic (the)",
-  TD: "Chad",
-  CL: "Chile",
-  CN: "China",
-  CX: "Christmas Island",
-  CC: "Cocos (Keeling) Islands (the)",
-  CO: "Colombia",
-  KM: "Comoros (the)",
-  CD: "Congo (the Democratic Republic of the)",
-  CG: "Congo (the)",
-  CK: "Cook Islands (the)",
-  CR: "Costa Rica",
-  HR: "Croatia",
-  CU: "Cuba",
-  CW: "Curaçao",
-  CY: "Cyprus",
-  CZ: "Czechia",
-  CI: "Côte d'Ivoire",
-  DK: "Denmark",
-  DJ: "Djibouti",
-  DM: "Dominica",
-  DO: "Dominican Republic (the)",
-  EC: "Ecuador",
-  EG: "Egypt",
-  SV: "El Salvador",
-  GQ: "Equatorial Guinea",
-  ER: "Eritrea",
-  EE: "Estonia",
-  SZ: "Eswatini",
-  ET: "Ethiopia",
-  FK: "Falkland Islands (the) [Malvinas]",
-  FO: "Faroe Islands (the)",
-  FJ: "Fiji",
-  FI: "Finland",
-  FR: "France",
-  GF: "French Guiana",
-  PF: "French Polynesia",
-  GA: "Gabon",
-  GM: "Gambia (the)",
-  GE: "Georgia",
-  DE: "Germany",
-  GH: "Ghana",
-  GI: "Gibraltar",
-  GR: "Greece",
-  GL: "Greenland",
-  GD: "Grenada",
-  GP: "Guadeloupe",
-  GU: "Guam",
-  GT: "Guatemala",
-  GG: "Guernsey",
-  GN: "Guinea",
-  GW: "Guinea-Bissau",
-  GY: "Guyana",
-  HT: "Haiti",
-  VA: "Holy See (the)",
-  HN: "Honduras",
-  HK: "Hong Kong",
-  HU: "Hungary",
-  IS: "Iceland",
-  IN: "India",
-  ID: "Indonesia",
-  IR: "Iran (Islamic Republic of)",
-  IQ: "Iraq",
-  IE: "Ireland",
-  IM: "Isle of Man",
-  IL: "Israel",
-  IT: "Italy",
-  JM: "Jamaica",
-  JP: "Japan",
-  JE: "Jersey",
-  JO: "Jordan",
-  KZ: "Kazakhstan",
-  KE: "Kenya",
-  KI: "Kiribati",
-  KP: "Korea (the Democratic People's Republic of)",
-  KR: "Korea (the Republic of)",
-  KW: "Kuwait",
-  KG: "Kyrgyzstan",
-  LA: "Lao People's Democratic Republic (the)",
-  LV: "Latvia",
-  LB: "Lebanon",
-  LS: "Lesotho",
-  LR: "Liberia",
-  LY: "Libya",
-  LI: "Liechtenstein",
-  LT: "Lithuania",
-  LU: "Luxembourg",
-  MO: "Macao",
-  MG: "Madagascar",
-  MW: "Malawi",
-  MY: "Malaysia",
-  MV: "Maldives",
-  ML: "Mali",
-  MT: "Malta",
-  MH: "Marshall Islands (the)",
-  MQ: "Martinique",
-  MR: "Mauritania",
-  MU: "Mauritius",
-  YT: "Mayotte",
-  MX: "Mexico",
-  FM: "Micronesia (Federated States of)",
-  MD: "Moldova (the Republic of)",
-  MC: "Monaco",
-  MN: "Mongolia",
-  ME: "Montenegro",
-  MS: "Montserrat",
-  MA: "Morocco",
-  MZ: "Mozambique",
-  MM: "Myanmar",
-  NA: "Namibia",
-  NR: "Nauru",
-  NP: "Nepal",
-  NL: "Netherlands (the)",
-  NC: "New Caledonia",
-  NZ: "New Zealand",
-  NI: "Nicaragua",
-  NE: "Niger (the)",
-  NG: "Nigeria",
-  NU: "Niue",
-  NF: "Norfolk Island",
-  MP: "Northern Mariana Islands (the)",
-  NO: "Norway",
-  OM: "Oman",
-  PK: "Pakistan",
-  PW: "Palau",
-  PS: "Palestine, State of",
-  PA: "Panama",
-  PG: "Papua New Guinea",
-  PY: "Paraguay",
-  PE: "Peru",
-  PH: "Philippines (the)",
-  PL: "Poland",
-  PT: "Portugal",
-  PR: "Puerto Rico",
-  QA: "Qatar",
-  MK: "Republic of North Macedonia",
-  RO: "Romania",
-  RU: "Russian Federation (the)",
-  RW: "Rwanda",
-  RE: "Réunion",
-  BL: "Saint Barthélemy",
-  SH: "Saint Helena, Ascension and Tristan da Cunha",
-  KN: "Saint Kitts and Nevis",
-  LC: "Saint Lucia",
-  MF: "Saint Martin (French part)",
-  PM: "Saint Pierre and Miquelon",
-  VC: "Saint Vincent and the Grenadines",
-  WS: "Samoa",
-  SM: "San Marino",
-  ST: "Sao Tome and Principe",
-  SA: "Saudi Arabia",
-  SN: "Senegal",
-  RS: "Serbia",
-  SC: "Seychelles",
-  SL: "Sierra Leone",
-  SG: "Singapore",
-  SX: "Sint Maarten (Dutch part)",
-  SK: "Slovakia",
-  SI: "Slovenia",
-  SB: "Solomon Islands",
-  SO: "Somalia",
-  ZA: "South Africa",
-  SS: "South Sudan",
-  ES: "Spain",
-  LK: "Sri Lanka",
-  SD: "Sudan (the)",
-  SR: "Suriname",
-  SJ: "Svalbard and Jan Mayen",
-  SE: "Sweden",
-  CH: "Switzerland",
-  SY: "Syrian Arab Republic",
-  TA: "Tajikistan",
-  TW: "Taiwan",
-  TJ: "Tajikistan",
-  TZ: "Tanzania, United Republic of",
-  TH: "Thailand",
-  TL: "Timor-Leste",
-  TG: "Togo",
-  TK: "Tokelau",
-  TO: "Tonga",
-  TT: "Trinidad and Tobago",
-  TN: "Tunisia",
-  TR: "Turkey",
-  TM: "Turkmenistan",
-  TC: "Turks and Caicos Islands (the)",
-  TV: "Tuvalu",
-  UG: "Uganda",
-  UA: "Ukraine",
-  AE: "United Arab Emirates (the)",
-  GB: "United Kingdom of Great Britain and Northern Ireland (the)",
-  US: "United States of America (the)",
-  UY: "Uruguay",
-  UZ: "Uzbekistan",
-  VU: "Vanuatu",
-  VE: "Venezuela (Bolivarian Republic of)",
-  VN: "Viet Nam",
-  VG: "Virgin Islands (British)",
-  VI: "Virgin Islands (U.S.)",
-  WF: "Wallis and Futuna",
-  EH: "Western Sahara",
-  YE: "Yemen",
-  XK: "Kosovo",
-  ZM: "Zambia",
-  ZW: "Zimbabwe",
-  AX: "Åland Islands"
-};
-function getCountryName(code, customCountriesNameListByIsoCode) {
-  return {
-    ...countriesNameListByIsoCode,
-    ...customCountriesNameListByIsoCode
-  }[code];
-}
-const PHONE_CHAR_REGEX = /^[\d ().-]+$/;
-const NON_ALPHA_REGEX = /^[^a-z]+$/i;
-let examples;
-async function loadPhoneNumberExamplesFile() {
-  const { default: data } = await import("./examples.mobile.json-618ba782.mjs");
-  examples = data;
-  return examples;
-}
-function getExamplePhoneNumber(countryCode) {
-  return getExampleNumber(countryCode, examples);
-}
-function sanitizePhoneNumber(input) {
-  if (!input) {
-    return;
-  }
-  const hasNonAlpha = NON_ALPHA_REGEX.test(input);
-  const hasPhoneChar = PHONE_CHAR_REGEX.test(input);
-  if (!hasNonAlpha && !hasPhoneChar) {
-    return input.replaceAll(/[^\d.]/g, "");
-  }
-  return input;
-}
-function getCountriesList(customCountriesNameListByIsoCode) {
-  const countriesList = [];
-  const isoList = getCountries();
-  for (const iso2 of isoList) {
-    const name = getCountryName(iso2, customCountriesNameListByIsoCode);
-    if (name) {
-      try {
-        const dialCode = getCountryCallingCode(iso2);
-        countriesList.push({
-          iso2,
-          dialCode,
-          name
-        });
-      } catch (error) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${error}`);
-      }
-    }
-  }
-  return countriesList;
-}
-function browserLocale() {
-  try {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const browserLocale2 = window.navigator.language;
-    if (!browserLocale2) {
-      return;
-    }
-    let locale = browserLocale2.slice(3, 7).toUpperCase();
-    if (locale === "") {
-      locale = browserLocale2.slice(0, 2).toUpperCase();
-    }
-    if (locale === "EN") {
-      locale = "US";
-    }
-    if (locale === "JA") {
-      locale = "JP";
-    }
-    return locale;
-  } catch (error) {
-    throw new Error(`[MazPhoneNumberInput](browserLocale) ${error}`);
-  }
-}
-function isCountryAvailable(locale) {
-  try {
-    const response = isSupportedCountry(locale);
-    if (!response) {
-      console.error(
-        `[MazPhoneNumberInput](isCountryAvailable) The code country "${locale}" is not available`
-      );
-    }
-    return response;
-  } catch (error) {
-    throw new Error(`[MazPhoneNumberInput](isCountryAvailable) ${error}`);
-  }
-}
-const getResultsFromPhoneNumber = (countryCode, phoneNumber) => {
-  try {
-    if (!phoneNumber) {
-      return {
-        isValid: false,
-        countryCode
-      };
-    }
-    const parsing = parsePhoneNumberFromString(phoneNumber, countryCode);
-    return {
-      isValid: (parsing == null ? void 0 : parsing.isValid()) ?? false,
-      isPossible: parsing == null ? void 0 : parsing.isPossible(),
-      countryCode: parsing == null ? void 0 : parsing.country,
-      countryCallingCode: parsing == null ? void 0 : parsing.countryCallingCode,
-      nationalNumber: parsing == null ? void 0 : parsing.nationalNumber,
-      type: parsing == null ? void 0 : parsing.getType(),
-      formatInternational: parsing == null ? void 0 : parsing.formatInternational(),
-      formatNational: parsing == null ? void 0 : parsing.formatNational(),
-      uri: parsing == null ? void 0 : parsing.getURI(),
-      e164: parsing == null ? void 0 : parsing.format("E.164"),
-      rfc3966: parsing == null ? void 0 : parsing.format("RFC3966")
-    };
-  } catch (error) {
-    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${error}`);
-  }
-};
-function getAsYouTypeFormat(countryCode, phoneNumber) {
-  try {
-    if (!phoneNumber) {
-      return;
-    }
-    return countryCode ? new AsYouType(countryCode).input(phoneNumber) : phoneNumber;
-  } catch (error) {
-    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${error}`);
-  }
-}
-async function fetchCountryCode() {
-  try {
-    const reponse = await fetch("https://ipwho.is");
-    const { country_code } = await reponse.json();
-    return country_code;
-  } catch (error) {
-    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${error}`);
-  }
-}
-function truthyFilter(value) {
-  return !!value;
-}
-const useInstanceUniqId = ({
-  componentName,
-  instance,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
-};
-const locales = {
-  countrySelector: {
-    placeholder: "Country code",
-    error: "Choose country",
-    searchPlaceholder: "Search the country"
-  },
-  phoneInput: {
-    placeholder: "Phone number",
-    example: "Example:"
-  }
-};
-function localeToUnicodeFlag(locale) {
-  const characters = [...locale];
-  return characters.map((letter) => letter.charCodeAt(0) % 32 + 127461).map((n) => String.fromCodePoint(n)).join("");
-}
-const _hoisted_1 = ["id"];
-const _hoisted_2 = {
-  key: 0,
-  class: "maz-mr-2 maz-text-lg"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPhoneNumberInput",
-  props: {
-    modelValue: {
-      type: String,
-      validator: (prop) => {
-        return typeof prop === "string" || prop === void 0;
-      },
-      default: void 0
-    },
-    id: { type: String, default: void 0 },
-    placeholder: { type: String, default: void 0 },
-    defaultPhoneNumber: { type: String, default: void 0 },
-    defaultCountryCode: {
-      type: String,
-      default: void 0,
-      validator: (code) => isCountryAvailable(code)
-    },
-    preferredCountries: {
-      type: Array,
-      default: void 0
-    },
-    ignoredCountries: {
-      type: Array,
-      default: void 0
-    },
-    onlyCountries: {
-      type: Array,
-      default: void 0
-    },
-    translations: {
-      type: Object,
-      default: void 0
-    },
-    listPosition: {
-      type: String,
-      default: "bottom left",
-      validator: (value) => {
-        return ["top", "top right", "top left", "bottom", "bottom right", "bottom left"].includes(
-          value
-        );
-      }
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => {
-        return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
-      }
-    },
-    noFlags: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    noExample: { type: Boolean, default: false },
-    noSearch: { type: Boolean, default: false },
-    noUseBrowserLocale: { type: Boolean, default: false },
-    fetchCountry: { type: Boolean, default: false },
-    noCountrySelector: { type: Boolean, default: false },
-    showCodeOnList: { type: Boolean, default: false },
-    error: { type: Boolean, default: false },
-    customCountriesList: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update", "update:model-value", "country-code"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const MazInput = defineAsyncComponent(() => import("./MazInput-3021f55e.mjs"));
-    const MazSelect = defineAsyncComponent(() => import("./MazSelect-d3d81ae8.mjs"));
-    const instance = getCurrentInstance();
-    const instanceId = useInstanceUniqId({
-      componentName: "MazPhoneNumberInput",
-      instance,
-      providedId: props.id
-    });
-    const results = ref({});
-    const countryCode = ref();
-    const formattedNumber = ref();
-    const cursorPosition = ref();
-    const examplesFileLoaded = ref(false);
-    const inputFocused = ref(false);
-    const lastKeyPressed = ref();
-    const CountrySelector = ref();
-    const PhoneNumberInput = ref();
-    onBeforeMount(async () => {
-      try {
-        formattedNumber.value = props.modelValue ?? props.defaultPhoneNumber;
-        if (props.defaultCountryCode) {
-          setCountryCode(props.defaultCountryCode);
-        }
-        if (props.fetchCountry) {
-          const locale = await fetchCountryCode();
-          if (locale)
-            setCountryCode(locale);
-        }
-        getAndEmitResults(formattedNumber.value);
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](onBeforeMount) ${error}`);
-      }
-      try {
-        if (!props.noExample && !examplesFileLoaded.value) {
-          await loadPhoneNumberExamplesFile();
-          examplesFileLoaded.value = true;
-        }
-      } catch {
-        throw new Error(
-          "[MazPhoneNumberInput](onBeforeMount) while loading phone number examples file"
-        );
-      }
-    });
-    onMounted(() => {
-      try {
-        if (!props.defaultCountryCode && !props.noUseBrowserLocale && !countryCode.value) {
-          const locale = browserLocale();
-          if (locale) {
-            setCountryCode(locale);
-          }
-        }
-        if (props.defaultCountryCode && props.fetchCountry) {
-          throw String(
-            "Do not use 'fetch-country' and 'default-country-code' options in the same time"
-          );
-        }
-        if (props.defaultCountryCode && props.noUseBrowserLocale) {
-          throw String(
-            "If you use a 'default-country-code', do not use 'no-use-browser-locale' options"
-          );
-        }
-      } catch (error) {
-        console.warn(`[MazPhoneNumberInput](mounted) ${error}`);
-      }
-    });
-    const countries = computed(() => getCountriesList(props.customCountriesList));
-    const t = computed(() => ({
-      ...locales,
-      ...props.translations
-    }));
-    const isValid = computed(() => {
-      var _a;
-      return (_a = results.value) == null ? void 0 : _a.isValid;
-    });
-    const countriesList = computed(() => {
-      var _a;
-      return (_a = countries.value) == null ? void 0 : _a.filter((item) => {
-        var _a2;
-        return !((_a2 = props.ignoredCountries) == null ? void 0 : _a2.includes(item.iso2));
-      });
-    });
-    const countriesFiltered = computed(() => {
-      const countries2 = props.onlyCountries || props.preferredCountries;
-      return countries2 == null ? void 0 : countries2.map(
-        (country) => {
-          var _a;
-          return (_a = countriesList.value) == null ? void 0 : _a.find((item) => item.iso2.includes(country));
-        }
-      );
-    });
-    const otherCountries = computed(() => {
-      var _a;
-      return (_a = countriesList.value) == null ? void 0 : _a.filter((item) => {
-        var _a2;
-        return !((_a2 = props.preferredCountries) == null ? void 0 : _a2.includes(item.iso2));
-      });
-    });
-    const countriesSorted = computed(() => {
-      return props.preferredCountries ? [...countriesFiltered.value ?? [], ...otherCountries.value ?? []] : props.onlyCountries ? countriesFiltered.value : countriesList.value;
-    });
-    const countryOptions = computed(() => {
-      var _a;
-      return (_a = countriesSorted.value) == null ? void 0 : _a.map((country) => {
-        return country ? {
-          ...country,
-          dialCode: `+${country.dialCode}`
-        } : void 0;
-      }).filter(truthyFilter);
-    });
-    const inputPlaceholder = computed(() => {
-      if (props.placeholder) {
-        return props.placeholder;
-      }
-      const defaultPlaceholder = t.value.phoneInput.placeholder;
-      if (props.noExample || !examplesFileLoaded.value) {
-        return defaultPlaceholder;
-      } else {
-        const example = getPhoneNumberExample();
-        return isValid.value || !example ? defaultPlaceholder : `${t.value.phoneInput.example} ${example}`;
-      }
-    });
-    watch(
-      () => props.modelValue,
-      (phoneNumber, oldPhoneNumber) => {
-        if (phoneNumber !== oldPhoneNumber) {
-          emitsValueAndResults(phoneNumber);
-        }
-      }
-    );
-    watch(
-      () => props.defaultPhoneNumber,
-      (phoneNumber, oldPhoneNumber) => {
-        if (phoneNumber !== oldPhoneNumber) {
-          emitsValueAndResults(phoneNumber);
-        }
-      }
-    );
-    watch(
-      () => props.defaultCountryCode,
-      (countryCode2, oldCountryCode) => {
-        if (countryCode2 && countryCode2 !== oldCountryCode) {
-          setCountryCode(countryCode2);
-          emitsValueAndResults();
-        }
-      }
-    );
-    const onKeydown = (event) => {
-      lastKeyPressed.value = event.key;
-      const target = event.target;
-      cursorPosition.value = target == null ? void 0 : target.selectionStart;
-    };
-    const getPhoneNumberExample = () => {
-      try {
-        const phoneNumber = countryCode.value ? getExamplePhoneNumber(countryCode.value) : void 0;
-        return phoneNumber ? phoneNumber.formatNational() : void 0;
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](getPhoneNumberExample) ${error}`);
-      }
-    };
-    const autoUpdateCountryCodeFromPhoneNumber = () => {
-      if (results.value && results.value.countryCode && countryCode.value !== results.value.countryCode) {
-        setCountryCode(results.value.countryCode);
-      }
-    };
-    const sanitizeNumber = (phoneNumber) => {
-      phoneNumber = sanitizePhoneNumber(phoneNumber);
-      const backSpacePressed = lastKeyPressed.value === "Backspace";
-      const lastCharacOfPhoneNumber = phoneNumber ? phoneNumber.at(-1) : "";
-      const lastCharIsParanthese = lastCharacOfPhoneNumber === ")";
-      if (backSpacePressed && lastCharIsParanthese) {
-        phoneNumber = phoneNumber == null ? void 0 : phoneNumber.trim().slice(0, -2);
-      }
-      return phoneNumber;
-    };
-    const getAndEmitResults = (phoneNumber, noAutoUpdateCountryCode) => {
-      results.value = getResultsFromPhoneNumber(countryCode.value, phoneNumber);
-      if (!noAutoUpdateCountryCode) {
-        autoUpdateCountryCodeFromPhoneNumber();
-      }
-      emits("update", results.value);
-    };
-    const emitsValueAndResults = (phoneNumber = props.modelValue, noAutoUpdateCountryCode) => {
-      try {
-        getAndEmitResults(phoneNumber, noAutoUpdateCountryCode);
-        emitValue(phoneNumber);
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](emitsValueAndResults) ${error}`);
-      }
-    };
-    const emitValue = (phoneNumber) => {
-      var _a, _b;
-      formattedNumber.value = sanitizeNumber(phoneNumber);
-      const internalResults = getResultsFromPhoneNumber(countryCode.value, phoneNumber);
-      const hasDeletedCharac = formattedNumber.value && phoneNumber && ((_a = formattedNumber.value) == null ? void 0 : _a.length) > (phoneNumber == null ? void 0 : phoneNumber.length);
-      const cursorIsAtEnd = phoneNumber && cursorPosition.value ? cursorPosition.value + 1 >= phoneNumber.length : true;
-      const shouldUseAsYoutType = !hasDeletedCharac && cursorIsAtEnd || internalResults.isValid;
-      if (countryCode.value) {
-        const isFullNumber = (_b = formattedNumber.value) == null ? void 0 : _b.includes("+");
-        formattedNumber.value = internalResults.formatNational && isFullNumber ? internalResults.formatNational : shouldUseAsYoutType ? getAsYouTypeFormat(countryCode.value, formattedNumber.value) : formattedNumber.value;
-      }
-      const valueToEmit = internalResults.isValid ? internalResults.e164 : formattedNumber.value;
-      if (valueToEmit !== props.modelValue) {
-        emits("update:model-value", valueToEmit);
-      }
-    };
-    const onBlur = () => {
-      inputFocused.value = false;
-      if (countryCode.value) {
-        formattedNumber.value = getAsYouTypeFormat(countryCode.value, formattedNumber.value);
-      }
-    };
-    const setCountryCode = (selectedCountryCode, autoFocusInput = false) => {
-      try {
-        const countryAvailable = isCountryAvailable(selectedCountryCode);
-        if (countryAvailable) {
-          countryCode.value = selectedCountryCode;
-          emits("country-code", selectedCountryCode);
-          emitsValueAndResults(props.modelValue, true);
-        }
-        if (autoFocusInput) {
-          focusPhoneNumberInput();
-          if (formattedNumber.value && formattedNumber.value.includes("+")) {
-            formattedNumber.value = void 0;
-          }
-        }
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](setCountryCode) ${error}`);
-      }
-    };
-    const focusCountrySelector = () => {
-      var _a, _b;
-      try {
-        (_b = (_a = CountrySelector.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus();
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](focusCountrySelector) ${error}`);
-      }
-    };
-    const focusPhoneNumberInput = () => {
-      var _a, _b;
-      try {
-        (_b = (_a = PhoneNumberInput.value) == null ? void 0 : _a.$el.querySelector("input")) == null ? void 0 : _b.focus();
-      } catch (error) {
-        throw new Error(`[MazPhoneNumberInput](focusPhoneNumberInput) ${error}`);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(instanceId),
-        class: normalizeClass(["m-phone-number-input", {
-          "--no-flags": __props.noFlags
-        }])
-      }, [
-        countryCode.value && !__props.noFlags && !__props.noCountrySelector ? (openBlock(), createElementBlock(
-          "button",
-          {
-            key: 0,
-            class: "m-phone-number-input__country-flag maz-text-xl",
-            tabindex: "-1",
-            type: "button",
-            onClick: focusCountrySelector
-          },
-          toDisplayString(unref(localeToUnicodeFlag)(countryCode.value)),
-          1
-          /* TEXT */
-        )) : createCommentVNode("v-if", true),
-        !__props.noCountrySelector && countryOptions.value ? (openBlock(), createBlock(unref(MazSelect), {
-          key: 1,
-          ref_key: "CountrySelector",
-          ref: CountrySelector,
-          class: "m-phone-number-input__select",
-          "model-value": countryCode.value,
-          "option-value-key": "iso2",
-          "option-label-key": "name",
-          "option-input-value-key": "dialCode",
-          "max-list-width": 250,
-          disabled: __props.disabled,
-          color: __props.color,
-          size: __props.size,
-          "list-position": __props.listPosition,
-          search: !__props.noSearch,
-          "search-placeholder": t.value.countrySelector.searchPlaceholder,
-          options: countryOptions.value,
-          error: __props.error || !!formattedNumber.value && !countryCode.value,
-          hint: !!formattedNumber.value && !countryCode.value ? t.value.countrySelector.error : void 0,
-          label: t.value.countrySelector.placeholder,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => setCountryCode($event, true)),
-          onFocus: _cache[1] || (_cache[1] = ($event) => inputFocused.value = false)
-        }, {
-          default: withCtx(({ option, isSelected }) => [
-            createElementVNode(
-              "div",
-              {
-                class: normalizeClass(["m-phone-number-input__select__item maz-flex maz-items-center maz-truncate", {
-                  "m-phone-number-input__select__item--selected": isSelected
-                }])
-              },
-              [
-                !__props.noFlags && typeof option.iso2 === "string" ? (openBlock(), createElementBlock(
-                  "span",
-                  _hoisted_2,
-                  toDisplayString(unref(localeToUnicodeFlag)(option.iso2)),
-                  1
-                  /* TEXT */
-                )) : createCommentVNode("v-if", true),
-                __props.showCodeOnList ? (openBlock(), createElementBlock(
-                  "span",
-                  {
-                    key: 1,
-                    class: normalizeClass(["maz-w-10 maz-flex-none", { "maz-text-muted": !isSelected }])
-                  },
-                  toDisplayString(option.dialCode),
-                  3
-                  /* TEXT, CLASS */
-                )) : createCommentVNode("v-if", true),
-                createElementVNode(
-                  "span",
-                  {
-                    class: normalizeClass(["maz-flex-1 maz-truncate", { "maz-font-semibold": isSelected }])
-                  },
-                  toDisplayString(option.name),
-                  3
-                  /* TEXT, CLASS */
-                )
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["model-value", "disabled", "color", "size", "list-position", "search", "search-placeholder", "options", "error", "hint", "label"])) : createCommentVNode("v-if", true),
-        createVNode(unref(MazInput), mergeProps({
-          id: __props.id,
-          ref_key: "PhoneNumberInput",
-          ref: PhoneNumberInput,
-          "model-value": formattedNumber.value,
-          label: inputPlaceholder.value,
-          disabled: __props.disabled,
-          color: __props.color,
-          error: __props.error || !!formattedNumber.value && !results.value.isValid
-        }, _ctx.$attrs, {
-          size: __props.size,
-          "icon-name": "phone",
-          type: "tel",
-          clearable: "",
-          class: ["m-phone-number-input__input maz-flex-1", {
-            "--border-radius": !__props.noCountrySelector,
-            "--error": __props.error || !results.value.isValid,
-            "--focused": inputFocused.value
-          }],
-          onFocus: _cache[2] || (_cache[2] = ($event) => inputFocused.value = true),
-          onBlur,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emitsValueAndResults($event)),
-          onKeydown: _cache[4] || (_cache[4] = ($event) => onKeydown($event))
-        }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "class"])
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const MazPhoneNumberInput_vue_vue_type_style_index_0_scoped_af9afcca_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazPhoneNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af9afcca"]]);
-export {
-  MazPhoneNumberInput as M,
-  _export_sfc as _,
-  useInstanceUniqId as u
-};