maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/chunks/MazInputPhoneNumber.B173m1hd.mjs

@@ -0,0 +1,392 @@
+import { ref as d, defineComponent as G, defineAsyncComponent as $, computed as F, onBeforeMount as H, onMounted as K, watch as w, provide as Q, openBlock as L, createElementBlock as X, normalizeClass as Z, normalizeStyle as x, createBlock as _, unref as C, mergeProps as U, withCtx as I, renderSlot as S, createCommentVNode as ee, createVNode as oe, nextTick as te } from "vue";
+import { getCountries as R, getCountryCallingCode as g, isSupportedCountry as ne, parsePhoneNumberFromString as re, getExampleNumber as ae, AsYouType as le } from "libphonenumber-js";
+import { useInstanceUniqId as ue } from "../composables/useInstanceUniqId.mjs";
+import { _ as se } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazInputPhoneNumber.DKac4ZYj.css';const ie = {
+  countrySelector: {
+    placeholder: "Country code",
+    error: "Choose country",
+    searchPlaceholder: "Search the country"
+  },
+  phoneInput: {
+    placeholder: "Phone number",
+    example: "Example:"
+  }
+}, h = d();
+function ce(t) {
+  try {
+    const n = ne(t);
+    return n || (console.error(`[maz-ui](MazInputPhoneNumber) The code country "${t}" is not available`), !1);
+  } catch (n) {
+    return console.error(`[maz-ui](MazInputPhoneNumber) ${n}`), !1;
+  }
+}
+function de({
+  phoneNumber: t,
+  countryCode: n,
+  checkCountryCode: r = !1
+}) {
+  try {
+    if (!t)
+      return {
+        isValid: !1,
+        countryCode: n
+      };
+    const o = re(t, n ?? void 0), f = (o == null ? void 0 : o.isValid()) ?? !1, c = n && r ? (o == null ? void 0 : o.country) && n === o.country : !0;
+    return {
+      isValid: f && !!c,
+      countryCode: n,
+      parsedCountryCode: o == null ? void 0 : o.country,
+      isPossible: o == null ? void 0 : o.isPossible(),
+      countryCallingCode: o == null ? void 0 : o.countryCallingCode,
+      nationalNumber: o == null ? void 0 : o.nationalNumber,
+      type: o == null ? void 0 : o.getType(),
+      formatInternational: o == null ? void 0 : o.formatInternational(),
+      formatNational: o == null ? void 0 : o.formatNational(),
+      uri: o == null ? void 0 : o.getURI(),
+      e164: o == null ? void 0 : o.format("E.164"),
+      rfc3966: o == null ? void 0 : o.format("RFC3966"),
+      possibleCountries: o == null ? void 0 : o.getPossibleCountries(),
+      phoneNumber: t
+    };
+  } catch (o) {
+    throw new Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${o}`);
+  }
+}
+async function Y() {
+  const { default: t } = await import("./examples.mobile.json.tW3aL0qI.mjs");
+  return t;
+}
+function fe(t) {
+  var n;
+  try {
+    return h.value && t ? (n = ae(t, h.value)) == null ? void 0 : n.formatNational() : void 0;
+  } catch (r) {
+    console.error(`[maz-ui](MazInputPhoneNumber) ${r}`);
+  }
+}
+function pe(t, n) {
+  try {
+    return !n || !t ? void 0 : new le(t).input(n);
+  } catch (r) {
+    throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${r}`);
+  }
+}
+function ye(t, n) {
+  return g(t) === g(n);
+}
+async function me() {
+  try {
+    if (h.value)
+      return;
+    h.value = await Y();
+  } catch (t) {
+    console.error("[maz-ui](MazInputPhoneNumber) while loading phone number examples file", t);
+  }
+}
+function he() {
+  return {
+    examples: h,
+    getAsYouTypeFormat: pe,
+    getPhoneNumberResults: de,
+    getPhoneNumberExamplesFile: Y,
+    getPhoneNumberExample: fe,
+    isSameCountryCallingCode: ye,
+    isCountryAvailable: ce,
+    getCountries: R,
+    getCountryCallingCode: g,
+    loadExamples: me
+  };
+}
+function D() {
+  if (typeof window > "u")
+    return;
+  const t = window.navigator.language;
+  if (!t)
+    return;
+  let n = t.slice(3, 7).toUpperCase();
+  return n === "" && (n = t.slice(0, 2).toUpperCase()), n === "EN" && (n = "US"), n === "JA" && (n = "JP"), {
+    locale: n,
+    browserLocale: t
+  };
+}
+let z, k;
+function ve(t, n, r) {
+  return r != null && r[n] ? r[n] : ((k !== t || !z) && (k = t, z = new Intl.DisplayNames([t], { type: "region" })), z.of(n));
+}
+function Ce(t, n) {
+  var f;
+  const r = [], o = R();
+  t = t ?? ((f = D()) == null ? void 0 : f.browserLocale) ?? "en-US";
+  for (const c of o) {
+    const v = ve(t, c, n);
+    if (v)
+      try {
+        const m = g(c);
+        r.push({
+          iso2: c,
+          dialCode: m,
+          name: v
+        });
+      } catch (m) {
+        console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${m}`);
+      }
+  }
+  return r;
+}
+async function ge() {
+  try {
+    const t = await fetch("https://ipwho.is"), { country_code: n } = await t.json();
+    return n;
+  } catch (t) {
+    throw new Error(`[MazInputPhoneNumber](fetchCountryCode) ${t}`);
+  }
+}
+function be(t) {
+  if (!t)
+    return "";
+  const n = new RegExp(/[^\d ()+-]/g);
+  return t.replaceAll(n, "").trim();
+}
+function Pe() {
+  return {
+    sanitizePhoneNumber: be,
+    fetchCountryCode: ge,
+    getBrowserLocale: D,
+    getCountriesList: Ce
+  };
+}
+const we = /* @__PURE__ */ G({
+  name: "MazInputPhoneNumber",
+  inheritAttrs: !1,
+  __name: "MazInputPhoneNumber",
+  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, default: !1 },
+    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(t, { emit: n }) {
+    const r = t, o = n, f = $(() => import("./CountrySelector.C5XZelLY.mjs")), c = $(() => import("./PhoneInput.9GQJbL9x.mjs")), { fetchCountryCode: v, getBrowserLocale: m } = Pe(), { isCountryAvailable: q, getPhoneNumberResults: J } = he(), V = ue({
+      componentName: "MazInputPhoneNumber",
+      providedId: r.id
+    }), i = d(), u = d(), b = d(!1), P = d(!1), B = F(() => ({
+      ...ie,
+      ...r.translations
+    })), E = F(() => r.autoFormat && !r.noFormattingAsYouType), a = d({
+      isValid: !1,
+      countryCode: r.countryCode ?? r.defaultCountryCode,
+      phoneNumber: r.modelValue
+    }), A = d();
+    H(async () => {
+      if ((r.countryCode || r.defaultCountryCode) && !u.value && p({ countryCode: r.countryCode ?? r.defaultCountryCode }), r.fetchCountry && !u.value) {
+        const e = await v();
+        p({ countryCode: e });
+      }
+    }), K(() => {
+      var e;
+      if (!u.value && !r.noUseBrowserLocale) {
+        const l = (e = m()) == null ? void 0 : e.locale;
+        p({ countryCode: l });
+      }
+    });
+    function M({
+      phone: e = i.value || r.modelValue,
+      countryCode: l = u.value,
+      checkCountryCode: y = !1
+    }) {
+      a.value = J({
+        phoneNumber: e,
+        countryCode: l,
+        checkCountryCode: y
+      });
+    }
+    function O() {
+      var e;
+      return (e = A.value) == null ? void 0 : e.$el.querySelector("input");
+    }
+    async function W() {
+      var e;
+      await te(), (e = O()) == null || e.select();
+    }
+    function j(e) {
+      if (e) {
+        if (!q(e)) {
+          console.warn(`[MazInputPhoneNumber] Country code not available: "${e}"`), u.value = void 0;
+          return;
+        }
+        u.value = e;
+      }
+    }
+    function N({
+      newPhoneNumber: e
+    }) {
+      var l;
+      M({ phone: e }), a.value.parsedCountryCode && a.value.parsedCountryCode !== u.value && p({
+        countryCode: a.value.parsedCountryCode,
+        updateResults: !1
+      }), a.value.isValid && E.value ? i.value = (l = a.value.formatNational) == null ? void 0 : l.trim().replaceAll(new RegExp(/\D/g), "") : i.value = e, b.value = !0, a.value.e164 ? o("update:model-value", a.value.e164) : o("update:model-value", a.value.phoneNumber), setTimeout(() => {
+        b.value = !1;
+      }, 0);
+    }
+    function p({
+      countryCode: e,
+      updateResults: l = !0,
+      selectPhoneNumber: y = !1
+    }) {
+      if (!e) {
+        u.value = void 0;
+        return;
+      }
+      P.value = !0, e !== u.value && j(e), l && M({
+        countryCode: u.value,
+        checkCountryCode: !0
+      });
+      const s = a.value.countryCode || a.value.parsedCountryCode;
+      o("country-code", s), o("update:country-code", s), y && !a.value.isValid && W(), setTimeout(() => {
+        P.value = !1;
+      }, 0);
+    }
+    return w(
+      () => r.modelValue ?? r.defaultPhoneNumber,
+      (e, l) => {
+        !b.value && e !== l && e !== i.value && N({ newPhoneNumber: e });
+      },
+      { immediate: !0 }
+    ), w(
+      () => r.countryCode ?? r.defaultCountryCode,
+      (e, l) => {
+        !P.value && e && e !== l && e !== u.value && p({ countryCode: e });
+      },
+      { immediate: !0 }
+    ), w(
+      a,
+      (e) => {
+        o("update", e), o("data", e);
+      },
+      { immediate: !0 }
+    ), Q("data", {
+      selectedCountry: u,
+      phoneNumber: i,
+      results: a
+    }), (e, l) => {
+      var y;
+      return L(), X("div", {
+        class: Z(["m-phone-number-input m-reset-css", [r.class, { "--block": e.block }, e.orientation ? `--${e.orientation}` : void 0]]),
+        style: x(e.style)
+      }, [
+        e.noCountrySelector ? ee("", !0) : (L(), _(C(f), U({
+          key: 0,
+          id: C(V)
+        }, e.countrySelectAttributes, {
+          "model-value": u.value,
+          color: e.color,
+          size: e.size,
+          "country-locale": e.countryLocale,
+          "country-selector-display-name": e.countrySelectorDisplayName,
+          "custom-countries-list": e.customCountriesList,
+          "ignored-countries": e.ignoredCountries,
+          "list-position": e.listPosition,
+          "no-flags": e.noFlags,
+          "no-search": e.noSearch,
+          "exclude-selectors": e.excludeSelectors,
+          error: e.error || (e.noValidationError ? !1 : !!i.value && !u.value),
+          success: e.success || (e.noValidationSuccess ? !1 : (y = a.value) == null ? void 0 : y.isValid),
+          locales: B.value,
+          disabled: e.disabled,
+          "search-threshold": e.searchThreshold,
+          "show-code-on-list": e.showCodeOnList,
+          "only-countries": e.onlyCountries,
+          "preferred-countries": e.preferredCountries,
+          width: e.countrySelectorWidth,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => p({ countryCode: s, selectPhoneNumber: !0 }))
+        }), {
+          "no-results": I(() => [
+            S(e.$slots, "no-results", {}, void 0, !0)
+          ]),
+          "selector-flag": I(({ countryCode: s }) => [
+            S(e.$slots, "selector-flag", { countryCode: s }, void 0, !0)
+          ]),
+          "country-list-flag": I(({ isSelected: s, option: T }) => [
+            S(e.$slots, "country-list-flag", {
+              countryCode: T.iso2,
+              option: T,
+              isSelected: s
+            }, void 0, !0)
+          ]),
+          _: 3
+        }, 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"])),
+        oe(C(c), U({
+          id: C(V),
+          ref_key: "PhoneInputRef",
+          ref: A,
+          "model-value": i.value
+        }, { ...e.$attrs, ...e.phoneInputAttributes }, {
+          color: e.color,
+          size: e.size,
+          "auto-format": E.value,
+          "no-example": e.noExample,
+          block: "",
+          disabled: e.disabled,
+          "has-radius": !e.noCountrySelector,
+          success: e.success || (e.noValidationSuccess ? !1 : a.value.isValid),
+          error: e.error || (e.noValidationError ? !1 : !!i.value && !a.value.isValid),
+          locales: B.value,
+          label: e.label,
+          placeholder: e.placeholder,
+          "onUpdate:modelValue": l[1] || (l[1] = (s) => N({ newPhoneNumber: s }))
+        }), null, 16, ["id", "model-value", "color", "size", "auto-format", "no-example", "disabled", "has-radius", "success", "error", "locales", "label", "placeholder"])
+      ], 6);
+    };
+  }
+}), Be = /* @__PURE__ */ se(we, [["__scopeId", "data-v-7d4b0f6a"]]);
+export {
+  Be as M,
+  he as a,
+  Pe as u
+};
+//# sourceMappingURL=MazInputPhoneNumber.B173m1hd.mjs.map

package/dist/chunks/MazInputPhoneNumber.B173m1hd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazInputPhoneNumber.B173m1hd.mjs","sources":["../../src/components/MazInputPhoneNumber/default-locales.ts","../../src/components/MazInputPhoneNumber/useLibphonenumber.ts","../../src/components/MazInputPhoneNumber/useMazInputPhoneNumber.ts","../../src/components/MazInputPhoneNumber.vue"],"sourcesContent":["export const defaultLocales = {\n  countrySelector: {\n    placeholder: 'Country code',\n    error: 'Choose country',\n    searchPlaceholder: 'Search the country',\n  },\n  phoneInput: {\n    placeholder: 'Phone number',\n    example: 'Example:',\n  },\n}\n","import type { Results } from '@components/MazInputPhoneNumber/types'\nimport {\n  AsYouType,\n  type CountryCode,\n  type Examples,\n  getCountries,\n  getCountryCallingCode,\n  getExampleNumber,\n  isSupportedCountry,\n  parsePhoneNumberFromString,\n} from 'libphonenumber-js'\nimport { ref } from 'vue'\n\nconst examples = ref<Examples>()\n\nfunction isCountryAvailable(locale: string) {\n  try {\n    const response = isSupportedCountry(locale)\n\n    if (!response) {\n      console.error(`[maz-ui](MazInputPhoneNumber) The code country \"${locale}\" is not available`)\n\n      return false\n    }\n\n    return response\n  }\n  catch (error) {\n    console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)\n    return false\n  }\n}\n\nfunction getPhoneNumberResults({\n  phoneNumber,\n  countryCode,\n  checkCountryCode = false,\n}: {\n  phoneNumber?: string | undefined | null\n  countryCode?: CountryCode | undefined | null\n  checkCountryCode?: boolean\n}): Results {\n  try {\n    if (!phoneNumber) {\n      return {\n        isValid: false,\n        countryCode,\n      }\n    }\n\n    const parsedNumber = parsePhoneNumberFromString(phoneNumber, countryCode ?? undefined)\n    const isValid = parsedNumber?.isValid() ?? false\n\n    const isSameCountryCode = countryCode && checkCountryCode ? parsedNumber?.country && countryCode === parsedNumber.country : true\n\n    return {\n      isValid: isValid && !!isSameCountryCode,\n      countryCode,\n      parsedCountryCode: parsedNumber?.country,\n      isPossible: parsedNumber?.isPossible(),\n      countryCallingCode: parsedNumber?.countryCallingCode,\n      nationalNumber: parsedNumber?.nationalNumber,\n      type: parsedNumber?.getType(),\n      formatInternational: parsedNumber?.formatInternational(),\n      formatNational: parsedNumber?.formatNational(),\n      uri: parsedNumber?.getURI(),\n      e164: parsedNumber?.format('E.164'),\n      rfc3966: parsedNumber?.format('RFC3966'),\n      possibleCountries: parsedNumber?.getPossibleCountries(),\n      phoneNumber,\n    }\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${error}`)\n  }\n}\n\nasync function getPhoneNumberExamplesFile() {\n  const { default: data } = await import('libphonenumber-js/examples.mobile.json')\n\n  return data\n}\n\nfunction getPhoneNumberExample(countryCode?: CountryCode | undefined | null) {\n  try {\n    if (!examples.value) {\n      return\n    }\n\n    return countryCode ? getExampleNumber(countryCode, examples.value)?.formatNational() : undefined\n  }\n  catch (error) {\n    console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)\n  }\n}\n\nfunction getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined {\n  try {\n    if (!phoneNumber || !countryCode) {\n      return\n    }\n\n    const asYouTypeInstance = new AsYouType(countryCode)\n\n    return asYouTypeInstance.input(phoneNumber)\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${error}`)\n  }\n}\n\nfunction isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode) {\n  return getCountryCallingCode(countryCode) === getCountryCallingCode(countryCode2)\n}\n\nasync function loadExamples() {\n  try {\n    if (examples.value)\n      return\n\n    examples.value = await getPhoneNumberExamplesFile()\n  }\n  catch (error) {\n    console.error('[maz-ui](MazInputPhoneNumber) while loading phone number examples file', error)\n  }\n}\n\nexport function useLibphonenumber() {\n  return {\n    examples,\n    getAsYouTypeFormat,\n    getPhoneNumberResults,\n    getPhoneNumberExamplesFile,\n    getPhoneNumberExample,\n    isSameCountryCallingCode,\n    isCountryAvailable,\n    getCountries,\n    getCountryCallingCode,\n    loadExamples,\n  }\n}\n","import type { Country, IpWhoResponse } from '@components/MazInputPhoneNumber/types'\nimport { type CountryCode, getCountries, getCountryCallingCode } from 'libphonenumber-js'\n\nfunction getBrowserLocale() {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const browserLocale = window.navigator.language\n\n  if (!browserLocale) {\n    return\n  }\n\n  let locale = browserLocale.slice(3, 7).toUpperCase()\n\n  if (locale === '') {\n    locale = browserLocale.slice(0, 2).toUpperCase()\n  }\n\n  if (locale === 'EN') {\n    locale = 'US'\n  }\n  if (locale === 'JA') {\n    locale = 'JP'\n  }\n\n  return {\n    locale,\n    browserLocale,\n  }\n}\n\nlet displayNamesInstance: Intl.DisplayNames | undefined\nlet displayNamesLocale: string | undefined\n\nfunction getCountryName(\n  locale: string,\n  code: CountryCode | string,\n  customCountriesNameListByIsoCode?: Record<CountryCode, string>,\n): string | undefined {\n  if (customCountriesNameListByIsoCode?.[code]) {\n    return customCountriesNameListByIsoCode[code]\n  }\n\n  if (displayNamesLocale !== locale || !displayNamesInstance) {\n    displayNamesLocale = locale\n    displayNamesInstance = new Intl.DisplayNames([locale], { type: 'region' })\n  }\n\n  return displayNamesInstance.of(code)\n}\n\nfunction getCountriesList(\n  locale?: string,\n  customCountriesNameListByIsoCode?: Record<CountryCode, string>,\n): Country[] | undefined {\n  const countriesList: Country[] = []\n  const isoList = getCountries()\n\n  locale = locale ?? getBrowserLocale()?.browserLocale ?? 'en-US'\n\n  for (const iso2 of isoList) {\n    const name = getCountryName(locale, iso2, customCountriesNameListByIsoCode)\n\n    if (name) {\n      try {\n        const dialCode = getCountryCallingCode(iso2)\n        countriesList.push({\n          iso2,\n          dialCode,\n          name,\n        })\n      }\n      catch (error) {\n        console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${error}`)\n      }\n    }\n  }\n\n  return countriesList\n}\n\nasync function fetchCountryCode() {\n  try {\n    const reponse = await fetch('https://ipwho.is')\n    const { country_code } = (await reponse.json()) as IpWhoResponse\n\n    return country_code\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](fetchCountryCode) ${error}`)\n  }\n}\n\nfunction sanitizePhoneNumber(input?: string | undefined | null) {\n  if (!input) {\n    return ''\n  }\n  const regex = new RegExp(/[^\\d ()+-]/g) // Keep only digits, (), - and + characters\n\n  return input.replaceAll(regex, '').trim()\n}\n\nexport function useMazInputPhoneNumber() {\n  return {\n    sanitizePhoneNumber,\n    fetchCountryCode,\n    getBrowserLocale,\n    getCountriesList,\n  }\n}\n","<script lang=\"ts\" setup>\nimport type { MazInputPhoneNumberTranslations, Results } from '@components/MazInputPhoneNumber/types'\nimport type { Color, Position, Size } from '@components/types'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { defaultLocales } from '@components/MazInputPhoneNumber/default-locales'\nimport { useLibphonenumber } from '@components/MazInputPhoneNumber/useLibphonenumber'\nimport { useMazInputPhoneNumber } from '@components/MazInputPhoneNumber/useMazInputPhoneNumber'\n\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport {\n  type ComponentPublicInstance,\n  computed,\n  defineAsyncComponent,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeMount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue'\n\ndefineOptions({\n  name: 'MazInputPhoneNumber',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazInputPhoneNumberProps>(), {\n  class: undefined,\n  style: undefined,\n  listPosition: 'bottom left',\n  color: 'primary',\n  size: 'md',\n  modelValue: undefined,\n  /** @deprecated */\n  defaultPhoneNumber: undefined,\n  countryCode: undefined,\n  /** @deprecated */\n  defaultCountryCode: undefined,\n  id: undefined,\n  placeholder: undefined,\n  label: undefined,\n  preferredCountries: undefined,\n  ignoredCountries: undefined,\n  onlyCountries: undefined,\n  translations: undefined,\n  customCountriesList: undefined,\n  countryLocale: undefined,\n  countrySelectorWidth: '9rem',\n  noFormattingAsYouType: false,\n  autoFormat: true,\n  excludeSelectors: undefined,\n  orientation: 'responsive',\n  searchThreshold: 0.75,\n  noExample: false,\n  countrySelectAttributes: () => ({\n    name: 'country',\n    autocomplete: 'off',\n  }),\n  phoneInputAttributes: () => ({\n    name: 'phone',\n    autocomplete: 'tel',\n    inputmode: 'tel',\n  }),\n})\n\nconst emits = defineEmits<{\n  /**\n   * emitted when country or phone number changes\n   * @property {string} phoneNumber - phoneNumber formatted\n   */\n  'update:model-value': [value: string | undefined | null]\n  /**\n   * emitted when selected country changes\n   * @property {CountryCode} countryCode - Country code\n   */\n  'country-code': [countryCode?: CountryCode | undefined | null]\n  /**\n   * emitted when country changes\n   * @property {CountryCode} countryCode - Country code\n   */\n  'update:country-code': [countryCode?: CountryCode | undefined | null]\n  /**\n   * emitted when country or phone number changes\n   * @property {Results} results - metadata of current phone number\n   * @deprecated use data instead\n   */\n  'update': [results: Results]\n  /**\n   * emitted when country or phone number changes\n   * @property {Results} results - metadata of current phone number\n   */\n  'data': [results: Results]\n}>()\n\nconst CountrySelector = defineAsyncComponent(() => import('@components/MazInputPhoneNumber/CountrySelector.vue'))\nconst PhoneInput = defineAsyncComponent(() => import('@components/MazInputPhoneNumber/PhoneInput.vue'))\n\nexport interface MazInputPhoneNumberProps {\n  /** Style attribut of the component root element */\n  style?: HTMLAttributes['style']\n  /** Class attribut of the component root element */\n  class?: HTMLAttributes['class']\n  /** @model Country calling code + telephone number in international format */\n  modelValue?: string | undefined | null\n  /** @deprecated */\n  defaultPhoneNumber?: string | undefined | null\n  /** @model Country code selected - Ex: \"FR\" */\n  countryCode?: CountryCode | undefined | null\n  /** @deprecated - use country-code or v-model:country-code */\n  defaultCountryCode?: CountryCode | undefined | null\n  /** Id of the component */\n  id?: string\n  /** Placeholder of the input */\n  placeholder?: string\n  /** label of the input */\n  label?: string\n  /** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */\n  preferredCountries?: CountryCode[]\n  /** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */\n  ignoredCountries?: CountryCode[]\n  /** List of country codes to only have the countries selected in the select list - Ex: ['FR', 'BE', 'GE'] */\n  onlyCountries?: CountryCode[]\n  /** Locale strings of the component */\n  translations?: Partial<MazInputPhoneNumberTranslations>\n  /** Position where the list of countries will be opened */\n  listPosition?: Position\n  /** Component color applied - Ex: \"secondary\" */\n  color?: Color\n  /** Component size applied - Ex: \"sm\" */\n  size?: Size\n  /** Remove flags in country list */\n  noFlags?: boolean\n  /** Disable input */\n  disabled?: boolean\n  /** No show the phone number example */\n  noExample?: boolean\n  /** Disable search input in country list */\n  noSearch?: boolean\n  /**\n   * Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character\n   * @default 0.75\n   */\n  searchThreshold?: number\n  /** By default the component use the browser locale to set the default country code if not country code is provided */\n  noUseBrowserLocale?: boolean\n  /** The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code */\n  fetchCountry?: boolean\n  /** No show the country selector */\n  noCountrySelector?: boolean\n  /** Show country calling code in the country list */\n  showCodeOnList?: boolean\n  /** Replace country names */\n  customCountriesList?: Record<CountryCode, string>\n  /**\n   * Disabled auto-format when phone is valid\n   * @default true\n   */\n  autoFormat?: boolean\n  /**\n   * Disabled auto-format as you type\n   * @default false\n   * @deprecated use autoFormat instead\n   */\n  noFormattingAsYouType?: boolean\n  /**\n   * locale of country list - Ex: \"fr-FR\"\n   * @default {string} browser locale\n   */\n  countryLocale?: string\n  /** Disable validation error UI */\n  noValidationError?: boolean\n  /** Disable validation success UI */\n  noValidationSuccess?: boolean\n  /** Add success UI */\n  success?: boolean\n  /** Add error UI */\n  error?: boolean\n  /** Will replace the calling code by the country name in the country selector */\n  countrySelectorDisplayName?: boolean\n  /** Choose the width of the country selector */\n  countrySelectorWidth?: string\n  /** The input will be displayed in full width */\n  block?: boolean\n  /** Exclude selectors to close country selector list - usefull when you using custom flag */\n  excludeSelectors?: string[]\n  /**\n   * Orientation of the inputs in the component\n   * @default \"responsive\"\n   * @values \"row\" | \"col\" | \"responsive\"\n   */\n  orientation?: 'row' | 'col' | 'responsive'\n  /**\n   * Meta attributes of the country input\n   * @default `{Record<string, unknown>}` `{ autocomplete: 'off', name: 'country' }`\n   */\n  countrySelectAttributes?: Record<string, unknown>\n  /**\n   * Meta attributes of the phone number input\n   * @default `{Record<string, unknown>}` `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }`\n   */\n  phoneInputAttributes?: Record<string, unknown>\n}\n\n/** Composables */\nconst { fetchCountryCode, getBrowserLocale } = useMazInputPhoneNumber()\nconst { isCountryAvailable, getPhoneNumberResults } = useLibphonenumber()\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazInputPhoneNumber',\n  providedId: props.id,\n})\n\n/** Models */\n\nconst phoneNumber = ref<string | undefined | null>()\nconst selectedCountry = ref<CountryCode | undefined | null>()\n\n/** State */\nconst isPhoneNumberInternalUpdate = ref(false)\nconst isCountryInternalUpdate = ref(false)\nconst locales = computed(() => ({\n  ...defaultLocales,\n  ...props.translations,\n}))\nconst hasAutoFormat = computed(() => props.autoFormat && !props.noFormattingAsYouType)\n\nconst results = ref<Results>({\n  isValid: false,\n  countryCode: props.countryCode ?? props.defaultCountryCode,\n  phoneNumber: props.modelValue,\n})\nconst PhoneInputRef = ref<ComponentPublicInstance>()\n\n/** Logic */\n\nonBeforeMount(async () => {\n  if ((props.countryCode || props.defaultCountryCode) && !selectedCountry.value) {\n    onCountryChanged({ countryCode: props.countryCode ?? props.defaultCountryCode })\n  }\n\n  if (props.fetchCountry && !selectedCountry.value) {\n    const countryCode = await fetchCountryCode()\n    onCountryChanged({ countryCode: countryCode as CountryCode })\n  }\n})\n\nonMounted(() => {\n  if (!selectedCountry.value && !props.noUseBrowserLocale) {\n    const countryCode = getBrowserLocale()?.locale\n    onCountryChanged({ countryCode: countryCode as CountryCode })\n  }\n})\n\nfunction updateTheResults({\n  phone = phoneNumber.value || props.modelValue,\n  countryCode = selectedCountry.value,\n  checkCountryCode = false,\n}: {\n  phone?: string | undefined | null\n  countryCode?: CountryCode | undefined | null\n  checkCountryCode?: boolean\n}) {\n  results.value = getPhoneNumberResults({\n    phoneNumber: phone,\n    countryCode,\n    checkCountryCode,\n  })\n}\n\nfunction getPhoneNumberInput() {\n  return PhoneInputRef.value?.$el.querySelector('input') as HTMLInputElement | undefined\n}\n\nasync function selectPhoneNumberInput() {\n  await nextTick()\n  getPhoneNumberInput()?.select()\n}\n\nfunction setSelectedCountry(countryCode?: string | undefined | null) {\n  if (!countryCode) {\n    return\n  }\n\n  if (!isCountryAvailable(countryCode)) {\n    console.warn(`[MazInputPhoneNumber] Country code not available: \"${countryCode}\"`)\n    selectedCountry.value = undefined\n    return\n  }\n\n  selectedCountry.value = countryCode as CountryCode\n}\n\nfunction onPhoneNumberChanged({\n  newPhoneNumber,\n}: {\n  newPhoneNumber?: string | undefined | null\n}) {\n  updateTheResults({ phone: newPhoneNumber })\n\n  if (results.value.parsedCountryCode && results.value.parsedCountryCode !== selectedCountry.value) {\n    onCountryChanged({\n      countryCode: results.value.parsedCountryCode,\n      updateResults: false,\n    })\n  }\n\n  if (results.value.isValid && hasAutoFormat.value) {\n    phoneNumber.value = results.value.formatNational?.trim().replaceAll(new RegExp(/\\D/g), '')\n  }\n  else {\n    phoneNumber.value = newPhoneNumber\n  }\n\n  isPhoneNumberInternalUpdate.value = true\n\n  if (results.value.e164) {\n    emits('update:model-value', results.value.e164)\n  }\n  else {\n    emits('update:model-value', results.value.phoneNumber)\n  }\n\n  setTimeout(() => {\n    isPhoneNumberInternalUpdate.value = false\n  }, 0)\n}\n\nfunction onCountryChanged({\n  countryCode,\n  updateResults = true,\n  selectPhoneNumber = false,\n}: {\n  countryCode?: CountryCode | undefined | null\n  updateResults?: boolean\n  selectPhoneNumber?: boolean\n}) {\n  if (!countryCode) {\n    selectedCountry.value = undefined\n    return\n  }\n\n  isCountryInternalUpdate.value = true\n\n  if (countryCode !== selectedCountry.value) {\n    setSelectedCountry(countryCode)\n  }\n\n  if (updateResults) {\n    updateTheResults({\n      countryCode: selectedCountry.value,\n      checkCountryCode: true,\n    })\n  }\n\n  const code = results.value.countryCode || results.value.parsedCountryCode\n  emits('country-code', code)\n  emits('update:country-code', code)\n\n  if (selectPhoneNumber && !results.value.isValid) {\n    selectPhoneNumberInput()\n  }\n\n  setTimeout(() => {\n    isCountryInternalUpdate.value = false\n  }, 0)\n}\n\n/** Watchers */\n\nwatch(\n  () => props.modelValue ?? props.defaultPhoneNumber,\n  (value, oldValue) => {\n    if (!isPhoneNumberInternalUpdate.value && value !== oldValue && value !== phoneNumber.value) {\n      onPhoneNumberChanged({ newPhoneNumber: value })\n    }\n  },\n  { immediate: true },\n)\nwatch(\n  () => props.countryCode ?? props.defaultCountryCode,\n  (value, oldValue) => {\n    if (!isCountryInternalUpdate.value && value && value !== oldValue && value !== selectedCountry.value) {\n      onCountryChanged({ countryCode: value })\n    }\n  },\n  { immediate: true },\n)\nwatch(\n  results,\n  (value) => {\n    emits('update', value)\n    emits('data', value)\n  },\n  { immediate: true },\n)\n\n/** Inject */\nexport interface MazInputPhoneNumberInjectedData {\n  selectedCountry: typeof selectedCountry\n  phoneNumber: typeof phoneNumber\n  results: typeof results\n}\n\nprovide<MazInputPhoneNumberInjectedData>('data', {\n  selectedCountry,\n  phoneNumber,\n  results,\n})\n</script>\n\n<template>\n  <div\n    class=\"m-phone-number-input m-reset-css\"\n    :class=\"[props.class, { '--block': block }, orientation ? `--${orientation}` : undefined]\"\n    :style\n  >\n    <CountrySelector\n      v-if=\"!noCountrySelector\"\n      :id=\"instanceId\"\n      v-bind=\"countrySelectAttributes\"\n      :model-value=\"selectedCountry\"\n      :color\n      :size\n      :country-locale\n      :country-selector-display-name\n      :custom-countries-list\n      :ignored-countries\n      :list-position\n      :no-flags\n      :no-search\n      :exclude-selectors\n      :error=\"error || (!noValidationError ? !!phoneNumber && !selectedCountry : false)\"\n      :success=\"success || (!noValidationSuccess ? results?.isValid : false)\"\n      :locales\n      :disabled\n      :search-threshold\n      :show-code-on-list\n      :only-countries\n      :preferred-countries\n      :width=\"countrySelectorWidth\"\n      @update:model-value=\"onCountryChanged({ countryCode: $event, selectPhoneNumber: true })\"\n    >\n      <template #no-results>\n        <!--\n         @slot Replace the \"no results\" icon in the country selector list\n       -->\n        <slot name=\"no-results\" />\n      </template>\n      <template #selector-flag=\"{ countryCode: codeCountry }\">\n        <!--\n         @slot Country selector flag\n           @binding {String} country-code current selected country code Ex: `\"FR\"`\n       -->\n        <slot name=\"selector-flag\" :country-code=\"codeCountry\" />\n      </template>\n      <template #country-list-flag=\"{ isSelected, option }\">\n        <!--\n         @slot Country list flag\n           @binding {String} country-code country code of option Ex: `\"FR\"`\n           @binding {{ iso2: string; dialCode: string; name: string; }} option country data\n           @binding {Boolean} is-selected `true` if option is selected\n       -->\n        <slot\n          name=\"country-list-flag\"\n          :country-code=\"option.iso2\"\n          :option=\"option\"\n          :is-selected=\"isSelected\"\n        />\n      </template>\n    </CountrySelector>\n\n    <PhoneInput\n      :id=\"instanceId\"\n      ref=\"PhoneInputRef\"\n      :model-value=\"phoneNumber\"\n      v-bind=\"{ ...$attrs, ...phoneInputAttributes }\"\n      :color\n      :size\n      :auto-format=\"hasAutoFormat\"\n      :no-example\n      block\n      :disabled\n      :has-radius=\"!noCountrySelector\"\n      :success=\"success || (!noValidationSuccess ? results.isValid : false)\"\n      :error=\"error || (!noValidationError ? !!phoneNumber && !results.isValid : false)\"\n      :locales\n      :label\n      :placeholder\n      @update:model-value=\"onPhoneNumberChanged({ newPhoneNumber: $event })\"\n    />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-phone-number-input {\n  @apply maz-relative maz-inline-flex maz-items-center maz-align-top;\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &.--col {\n    @apply maz-flex-col;\n  }\n\n  &.--responsive {\n    @apply maz-flex-col mob-m:maz-flex-row;\n  }\n}\n</style>\n"],"names":["defaultLocales","examples","ref","isCountryAvailable","locale","response","isSupportedCountry","error","getPhoneNumberResults","phoneNumber","countryCode","checkCountryCode","parsedNumber","parsePhoneNumberFromString","isValid","isSameCountryCode","getPhoneNumberExamplesFile","data","getPhoneNumberExample","_a","getExampleNumber","getAsYouTypeFormat","AsYouType","isSameCountryCallingCode","countryCode2","getCountryCallingCode","loadExamples","useLibphonenumber","getCountries","getBrowserLocale","browserLocale","displayNamesInstance","displayNamesLocale","getCountryName","code","customCountriesNameListByIsoCode","getCountriesList","countriesList","isoList","iso2","name","dialCode","fetchCountryCode","reponse","country_code","sanitizePhoneNumber","input","regex","useMazInputPhoneNumber","props","__props","emits","__emit","CountrySelector","defineAsyncComponent","PhoneInput","instanceId","useInstanceUniqId","selectedCountry","isPhoneNumberInternalUpdate","isCountryInternalUpdate","locales","computed","hasAutoFormat","results","PhoneInputRef","onBeforeMount","onCountryChanged","onMounted","updateTheResults","phone","getPhoneNumberInput","selectPhoneNumberInput","nextTick","setSelectedCountry","onPhoneNumberChanged","newPhoneNumber","updateResults","selectPhoneNumber","watch","value","oldValue","provide"],"mappings":"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"}

package/dist/chunks/MazInputPhoneNumber.EZVh1Yx5.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../assets/MazInputPhoneNumber.DKac4ZYj.css');const n=require("vue"),c=require("libphonenumber-js"),q=require("../composables/useInstanceUniqId.cjs"),Y=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),D={countrySelector:{placeholder:"Country code",error:"Choose country",searchPlaceholder:"Search the country"},phoneInput:{placeholder:"Phone number",example:"Example:"}},C=n.ref();function J(t){try{const r=c.isSupportedCountry(t);return r||(console.error(`[maz-ui](MazInputPhoneNumber) The code country "${t}" is not available`),!1)}catch(r){return console.error(`[maz-ui](MazInputPhoneNumber) ${r}`),!1}}function O({phoneNumber:t,countryCode:r,checkCountryCode:l=!1}){try{if(!t)return{isValid:!1,countryCode:r};const o=c.parsePhoneNumberFromString(t,r??void 0),p=(o==null?void 0:o.isValid())??!1,f=r&&l?(o==null?void 0:o.country)&&r===o.country:!0;return{isValid:p&&!!f,countryCode:r,parsedCountryCode:o==null?void 0:o.country,isPossible:o==null?void 0:o.isPossible(),countryCallingCode:o==null?void 0:o.countryCallingCode,nationalNumber:o==null?void 0:o.nationalNumber,type:o==null?void 0:o.getType(),formatInternational:o==null?void 0:o.formatInternational(),formatNational:o==null?void 0:o.formatNational(),uri:o==null?void 0:o.getURI(),e164:o==null?void 0:o.format("E.164"),rfc3966:o==null?void 0:o.format("RFC3966"),possibleCountries:o==null?void 0:o.getPossibleCountries(),phoneNumber:t}}catch(o){throw new Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${o}`)}}async function E(){const{default:t}=await Promise.resolve().then(()=>require("./examples.mobile.json.CHzJNb4E.cjs"));return t}function W(t){var r;try{return C.value&&t?(r=c.getExampleNumber(t,C.value))==null?void 0:r.formatNational():void 0}catch(l){console.error(`[maz-ui](MazInputPhoneNumber) ${l}`)}}function j(t,r){try{return!r||!t?void 0:new c.AsYouType(t).input(r)}catch(l){throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${l}`)}}function H(t,r){return c.getCountryCallingCode(t)===c.getCountryCallingCode(r)}async function G(){try{if(C.value)return;C.value=await E()}catch(t){console.error("[maz-ui](MazInputPhoneNumber) while loading phone number examples file",t)}}function M(){return{examples:C,getAsYouTypeFormat:j,getPhoneNumberResults:O,getPhoneNumberExamplesFile:E,getPhoneNumberExample:W,isSameCountryCallingCode:H,isCountryAvailable:J,getCountries:c.getCountries,getCountryCallingCode:c.getCountryCallingCode,loadExamples:G}}function T(){if(typeof window>"u")return;const t=window.navigator.language;if(!t)return;let r=t.slice(3,7).toUpperCase();return r===""&&(r=t.slice(0,2).toUpperCase()),r==="EN"&&(r="US"),r==="JA"&&(r="JP"),{locale:r,browserLocale:t}}let P,A;function K(t,r,l){return l!=null&&l[r]?l[r]:((A!==t||!P)&&(A=t,P=new Intl.DisplayNames([t],{type:"region"})),P.of(r))}function Q(t,r){var p;const l=[],o=c.getCountries();t=t??((p=T())==null?void 0:p.browserLocale)??"en-US";for(const f of o){const v=K(t,f,r);if(v)try{const m=c.getCountryCallingCode(f);l.push({iso2:f,dialCode:m,name:v})}catch(m){console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${m}`)}}return l}async function X(){try{const t=await fetch("https://ipwho.is"),{country_code:r}=await t.json();return r}catch(t){throw new Error(`[MazInputPhoneNumber](fetchCountryCode) ${t}`)}}function Z(t){if(!t)return"";const r=new RegExp(/[^\d ()+-]/g);return t.replaceAll(r,"").trim()}function L(){return{sanitizePhoneNumber:Z,fetchCountryCode:X,getBrowserLocale:T,getCountriesList:Q}}const x=n.defineComponent({name:"MazInputPhoneNumber",inheritAttrs:!1,__name:"MazInputPhoneNumber",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,default:!1},noSearch:{type:Boolean},searchThreshold:{default:.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(t,{emit:r}){const l=t,o=r,p=n.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CountrySelector.mFGaqpPf.cjs"))),f=n.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./PhoneInput.D5DG4S60.cjs"))),{fetchCountryCode:v,getBrowserLocale:m}=L(),{isCountryAvailable:$,getPhoneNumberResults:F}=M(),w=q.useInstanceUniqId({componentName:"MazInputPhoneNumber",providedId:l.id}),d=n.ref(),s=n.ref(),g=n.ref(!1),b=n.ref(!1),I=n.computed(()=>({...D,...l.translations})),S=n.computed(()=>l.autoFormat&&!l.noFormattingAsYouType),a=n.ref({isValid:!1,countryCode:l.countryCode??l.defaultCountryCode,phoneNumber:l.modelValue}),z=n.ref();n.onBeforeMount(async()=>{if((l.countryCode||l.defaultCountryCode)&&!s.value&&y({countryCode:l.countryCode??l.defaultCountryCode}),l.fetchCountry&&!s.value){const e=await v();y({countryCode:e})}}),n.onMounted(()=>{var e;if(!s.value&&!l.noUseBrowserLocale){const u=(e=m())==null?void 0:e.locale;y({countryCode:u})}});function V({phone:e=d.value||l.modelValue,countryCode:u=s.value,checkCountryCode:h=!1}){a.value=F({phoneNumber:e,countryCode:u,checkCountryCode:h})}function U(){var e;return(e=z.value)==null?void 0:e.$el.querySelector("input")}async function k(){var e;await n.nextTick(),(e=U())==null||e.select()}function R(e){if(e){if(!$(e)){console.warn(`[MazInputPhoneNumber] Country code not available: "${e}"`),s.value=void 0;return}s.value=e}}function B({newPhoneNumber:e}){var u;V({phone:e}),a.value.parsedCountryCode&&a.value.parsedCountryCode!==s.value&&y({countryCode:a.value.parsedCountryCode,updateResults:!1}),a.value.isValid&&S.value?d.value=(u=a.value.formatNational)==null?void 0:u.trim().replaceAll(new RegExp(/\D/g),""):d.value=e,g.value=!0,a.value.e164?o("update:model-value",a.value.e164):o("update:model-value",a.value.phoneNumber),setTimeout(()=>{g.value=!1},0)}function y({countryCode:e,updateResults:u=!0,selectPhoneNumber:h=!1}){if(!e){s.value=void 0;return}b.value=!0,e!==s.value&&R(e),u&&V({countryCode:s.value,checkCountryCode:!0});const i=a.value.countryCode||a.value.parsedCountryCode;o("country-code",i),o("update:country-code",i),h&&!a.value.isValid&&k(),setTimeout(()=>{b.value=!1},0)}return n.watch(()=>l.modelValue??l.defaultPhoneNumber,(e,u)=>{!g.value&&e!==u&&e!==d.value&&B({newPhoneNumber:e})},{immediate:!0}),n.watch(()=>l.countryCode??l.defaultCountryCode,(e,u)=>{!b.value&&e&&e!==u&&e!==s.value&&y({countryCode:e})},{immediate:!0}),n.watch(a,e=>{o("update",e),o("data",e)},{immediate:!0}),n.provide("data",{selectedCountry:s,phoneNumber:d,results:a}),(e,u)=>{var h;return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["m-phone-number-input m-reset-css",[l.class,{"--block":e.block},e.orientation?`--${e.orientation}`:void 0]]),style:n.normalizeStyle(e.style)},[e.noCountrySelector?n.createCommentVNode("",!0):(n.openBlock(),n.createBlock(n.unref(p),n.mergeProps({key:0,id:n.unref(w)},e.countrySelectAttributes,{"model-value":s.value,color:e.color,size:e.size,"country-locale":e.countryLocale,"country-selector-display-name":e.countrySelectorDisplayName,"custom-countries-list":e.customCountriesList,"ignored-countries":e.ignoredCountries,"list-position":e.listPosition,"no-flags":e.noFlags,"no-search":e.noSearch,"exclude-selectors":e.excludeSelectors,error:e.error||(e.noValidationError?!1:!!d.value&&!s.value),success:e.success||(e.noValidationSuccess?!1:(h=a.value)==null?void 0:h.isValid),locales:I.value,disabled:e.disabled,"search-threshold":e.searchThreshold,"show-code-on-list":e.showCodeOnList,"only-countries":e.onlyCountries,"preferred-countries":e.preferredCountries,width:e.countrySelectorWidth,"onUpdate:modelValue":u[0]||(u[0]=i=>y({countryCode:i,selectPhoneNumber:!0}))}),{"no-results":n.withCtx(()=>[n.renderSlot(e.$slots,"no-results",{},void 0,!0)]),"selector-flag":n.withCtx(({countryCode:i})=>[n.renderSlot(e.$slots,"selector-flag",{countryCode:i},void 0,!0)]),"country-list-flag":n.withCtx(({isSelected:i,option:N})=>[n.renderSlot(e.$slots,"country-list-flag",{countryCode:N.iso2,option:N,isSelected:i},void 0,!0)]),_:3},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"])),n.createVNode(n.unref(f),n.mergeProps({id:n.unref(w),ref_key:"PhoneInputRef",ref:z,"model-value":d.value},{...e.$attrs,...e.phoneInputAttributes},{color:e.color,size:e.size,"auto-format":S.value,"no-example":e.noExample,block:"",disabled:e.disabled,"has-radius":!e.noCountrySelector,success:e.success||(e.noValidationSuccess?!1:a.value.isValid),error:e.error||(e.noValidationError?!1:!!d.value&&!a.value.isValid),locales:I.value,label:e.label,placeholder:e.placeholder,"onUpdate:modelValue":u[1]||(u[1]=i=>B({newPhoneNumber:i}))}),null,16,["id","model-value","color","size","auto-format","no-example","disabled","has-radius","success","error","locales","label","placeholder"])],6)}}}),_=Y._export_sfc(x,[["__scopeId","data-v-7d4b0f6a"]]);exports.MazInputPhoneNumber=_;exports.useLibphonenumber=M;exports.useMazInputPhoneNumber=L;
+//# sourceMappingURL=MazInputPhoneNumber.EZVh1Yx5.cjs.map

package/dist/chunks/MazInputPhoneNumber.EZVh1Yx5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazInputPhoneNumber.EZVh1Yx5.cjs","sources":["../../src/components/MazInputPhoneNumber/default-locales.ts","../../src/components/MazInputPhoneNumber/useLibphonenumber.ts","../../src/components/MazInputPhoneNumber/useMazInputPhoneNumber.ts","../../src/components/MazInputPhoneNumber.vue"],"sourcesContent":["export const defaultLocales = {\n  countrySelector: {\n    placeholder: 'Country code',\n    error: 'Choose country',\n    searchPlaceholder: 'Search the country',\n  },\n  phoneInput: {\n    placeholder: 'Phone number',\n    example: 'Example:',\n  },\n}\n","import type { Results } from '@components/MazInputPhoneNumber/types'\nimport {\n  AsYouType,\n  type CountryCode,\n  type Examples,\n  getCountries,\n  getCountryCallingCode,\n  getExampleNumber,\n  isSupportedCountry,\n  parsePhoneNumberFromString,\n} from 'libphonenumber-js'\nimport { ref } from 'vue'\n\nconst examples = ref<Examples>()\n\nfunction isCountryAvailable(locale: string) {\n  try {\n    const response = isSupportedCountry(locale)\n\n    if (!response) {\n      console.error(`[maz-ui](MazInputPhoneNumber) The code country \"${locale}\" is not available`)\n\n      return false\n    }\n\n    return response\n  }\n  catch (error) {\n    console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)\n    return false\n  }\n}\n\nfunction getPhoneNumberResults({\n  phoneNumber,\n  countryCode,\n  checkCountryCode = false,\n}: {\n  phoneNumber?: string | undefined | null\n  countryCode?: CountryCode | undefined | null\n  checkCountryCode?: boolean\n}): Results {\n  try {\n    if (!phoneNumber) {\n      return {\n        isValid: false,\n        countryCode,\n      }\n    }\n\n    const parsedNumber = parsePhoneNumberFromString(phoneNumber, countryCode ?? undefined)\n    const isValid = parsedNumber?.isValid() ?? false\n\n    const isSameCountryCode = countryCode && checkCountryCode ? parsedNumber?.country && countryCode === parsedNumber.country : true\n\n    return {\n      isValid: isValid && !!isSameCountryCode,\n      countryCode,\n      parsedCountryCode: parsedNumber?.country,\n      isPossible: parsedNumber?.isPossible(),\n      countryCallingCode: parsedNumber?.countryCallingCode,\n      nationalNumber: parsedNumber?.nationalNumber,\n      type: parsedNumber?.getType(),\n      formatInternational: parsedNumber?.formatInternational(),\n      formatNational: parsedNumber?.formatNational(),\n      uri: parsedNumber?.getURI(),\n      e164: parsedNumber?.format('E.164'),\n      rfc3966: parsedNumber?.format('RFC3966'),\n      possibleCountries: parsedNumber?.getPossibleCountries(),\n      phoneNumber,\n    }\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${error}`)\n  }\n}\n\nasync function getPhoneNumberExamplesFile() {\n  const { default: data } = await import('libphonenumber-js/examples.mobile.json')\n\n  return data\n}\n\nfunction getPhoneNumberExample(countryCode?: CountryCode | undefined | null) {\n  try {\n    if (!examples.value) {\n      return\n    }\n\n    return countryCode ? getExampleNumber(countryCode, examples.value)?.formatNational() : undefined\n  }\n  catch (error) {\n    console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)\n  }\n}\n\nfunction getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined {\n  try {\n    if (!phoneNumber || !countryCode) {\n      return\n    }\n\n    const asYouTypeInstance = new AsYouType(countryCode)\n\n    return asYouTypeInstance.input(phoneNumber)\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${error}`)\n  }\n}\n\nfunction isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode) {\n  return getCountryCallingCode(countryCode) === getCountryCallingCode(countryCode2)\n}\n\nasync function loadExamples() {\n  try {\n    if (examples.value)\n      return\n\n    examples.value = await getPhoneNumberExamplesFile()\n  }\n  catch (error) {\n    console.error('[maz-ui](MazInputPhoneNumber) while loading phone number examples file', error)\n  }\n}\n\nexport function useLibphonenumber() {\n  return {\n    examples,\n    getAsYouTypeFormat,\n    getPhoneNumberResults,\n    getPhoneNumberExamplesFile,\n    getPhoneNumberExample,\n    isSameCountryCallingCode,\n    isCountryAvailable,\n    getCountries,\n    getCountryCallingCode,\n    loadExamples,\n  }\n}\n","import type { Country, IpWhoResponse } from '@components/MazInputPhoneNumber/types'\nimport { type CountryCode, getCountries, getCountryCallingCode } from 'libphonenumber-js'\n\nfunction getBrowserLocale() {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const browserLocale = window.navigator.language\n\n  if (!browserLocale) {\n    return\n  }\n\n  let locale = browserLocale.slice(3, 7).toUpperCase()\n\n  if (locale === '') {\n    locale = browserLocale.slice(0, 2).toUpperCase()\n  }\n\n  if (locale === 'EN') {\n    locale = 'US'\n  }\n  if (locale === 'JA') {\n    locale = 'JP'\n  }\n\n  return {\n    locale,\n    browserLocale,\n  }\n}\n\nlet displayNamesInstance: Intl.DisplayNames | undefined\nlet displayNamesLocale: string | undefined\n\nfunction getCountryName(\n  locale: string,\n  code: CountryCode | string,\n  customCountriesNameListByIsoCode?: Record<CountryCode, string>,\n): string | undefined {\n  if (customCountriesNameListByIsoCode?.[code]) {\n    return customCountriesNameListByIsoCode[code]\n  }\n\n  if (displayNamesLocale !== locale || !displayNamesInstance) {\n    displayNamesLocale = locale\n    displayNamesInstance = new Intl.DisplayNames([locale], { type: 'region' })\n  }\n\n  return displayNamesInstance.of(code)\n}\n\nfunction getCountriesList(\n  locale?: string,\n  customCountriesNameListByIsoCode?: Record<CountryCode, string>,\n): Country[] | undefined {\n  const countriesList: Country[] = []\n  const isoList = getCountries()\n\n  locale = locale ?? getBrowserLocale()?.browserLocale ?? 'en-US'\n\n  for (const iso2 of isoList) {\n    const name = getCountryName(locale, iso2, customCountriesNameListByIsoCode)\n\n    if (name) {\n      try {\n        const dialCode = getCountryCallingCode(iso2)\n        countriesList.push({\n          iso2,\n          dialCode,\n          name,\n        })\n      }\n      catch (error) {\n        console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${error}`)\n      }\n    }\n  }\n\n  return countriesList\n}\n\nasync function fetchCountryCode() {\n  try {\n    const reponse = await fetch('https://ipwho.is')\n    const { country_code } = (await reponse.json()) as IpWhoResponse\n\n    return country_code\n  }\n  catch (error) {\n    throw new Error(`[MazInputPhoneNumber](fetchCountryCode) ${error}`)\n  }\n}\n\nfunction sanitizePhoneNumber(input?: string | undefined | null) {\n  if (!input) {\n    return ''\n  }\n  const regex = new RegExp(/[^\\d ()+-]/g) // Keep only digits, (), - and + characters\n\n  return input.replaceAll(regex, '').trim()\n}\n\nexport function useMazInputPhoneNumber() {\n  return {\n    sanitizePhoneNumber,\n    fetchCountryCode,\n    getBrowserLocale,\n    getCountriesList,\n  }\n}\n","<script lang=\"ts\" setup>\nimport type { MazInputPhoneNumberTranslations, Results } from '@components/MazInputPhoneNumber/types'\nimport type { Color, Position, Size } from '@components/types'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { defaultLocales } from '@components/MazInputPhoneNumber/default-locales'\nimport { useLibphonenumber } from '@components/MazInputPhoneNumber/useLibphonenumber'\nimport { useMazInputPhoneNumber } from '@components/MazInputPhoneNumber/useMazInputPhoneNumber'\n\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport {\n  type ComponentPublicInstance,\n  computed,\n  defineAsyncComponent,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeMount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue'\n\ndefineOptions({\n  name: 'MazInputPhoneNumber',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazInputPhoneNumberProps>(), {\n  class: undefined,\n  style: undefined,\n  listPosition: 'bottom left',\n  color: 'primary',\n  size: 'md',\n  modelValue: undefined,\n  /** @deprecated */\n  defaultPhoneNumber: undefined,\n  countryCode: undefined,\n  /** @deprecated */\n  defaultCountryCode: undefined,\n  id: undefined,\n  placeholder: undefined,\n  label: undefined,\n  preferredCountries: undefined,\n  ignoredCountries: undefined,\n  onlyCountries: undefined,\n  translations: undefined,\n  customCountriesList: undefined,\n  countryLocale: undefined,\n  countrySelectorWidth: '9rem',\n  noFormattingAsYouType: false,\n  autoFormat: true,\n  excludeSelectors: undefined,\n  orientation: 'responsive',\n  searchThreshold: 0.75,\n  noExample: false,\n  countrySelectAttributes: () => ({\n    name: 'country',\n    autocomplete: 'off',\n  }),\n  phoneInputAttributes: () => ({\n    name: 'phone',\n    autocomplete: 'tel',\n    inputmode: 'tel',\n  }),\n})\n\nconst emits = defineEmits<{\n  /**\n   * emitted when country or phone number changes\n   * @property {string} phoneNumber - phoneNumber formatted\n   */\n  'update:model-value': [value: string | undefined | null]\n  /**\n   * emitted when selected country changes\n   * @property {CountryCode} countryCode - Country code\n   */\n  'country-code': [countryCode?: CountryCode | undefined | null]\n  /**\n   * emitted when country changes\n   * @property {CountryCode} countryCode - Country code\n   */\n  'update:country-code': [countryCode?: CountryCode | undefined | null]\n  /**\n   * emitted when country or phone number changes\n   * @property {Results} results - metadata of current phone number\n   * @deprecated use data instead\n   */\n  'update': [results: Results]\n  /**\n   * emitted when country or phone number changes\n   * @property {Results} results - metadata of current phone number\n   */\n  'data': [results: Results]\n}>()\n\nconst CountrySelector = defineAsyncComponent(() => import('@components/MazInputPhoneNumber/CountrySelector.vue'))\nconst PhoneInput = defineAsyncComponent(() => import('@components/MazInputPhoneNumber/PhoneInput.vue'))\n\nexport interface MazInputPhoneNumberProps {\n  /** Style attribut of the component root element */\n  style?: HTMLAttributes['style']\n  /** Class attribut of the component root element */\n  class?: HTMLAttributes['class']\n  /** @model Country calling code + telephone number in international format */\n  modelValue?: string | undefined | null\n  /** @deprecated */\n  defaultPhoneNumber?: string | undefined | null\n  /** @model Country code selected - Ex: \"FR\" */\n  countryCode?: CountryCode | undefined | null\n  /** @deprecated - use country-code or v-model:country-code */\n  defaultCountryCode?: CountryCode | undefined | null\n  /** Id of the component */\n  id?: string\n  /** Placeholder of the input */\n  placeholder?: string\n  /** label of the input */\n  label?: string\n  /** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */\n  preferredCountries?: CountryCode[]\n  /** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */\n  ignoredCountries?: CountryCode[]\n  /** List of country codes to only have the countries selected in the select list - Ex: ['FR', 'BE', 'GE'] */\n  onlyCountries?: CountryCode[]\n  /** Locale strings of the component */\n  translations?: Partial<MazInputPhoneNumberTranslations>\n  /** Position where the list of countries will be opened */\n  listPosition?: Position\n  /** Component color applied - Ex: \"secondary\" */\n  color?: Color\n  /** Component size applied - Ex: \"sm\" */\n  size?: Size\n  /** Remove flags in country list */\n  noFlags?: boolean\n  /** Disable input */\n  disabled?: boolean\n  /** No show the phone number example */\n  noExample?: boolean\n  /** Disable search input in country list */\n  noSearch?: boolean\n  /**\n   * Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character\n   * @default 0.75\n   */\n  searchThreshold?: number\n  /** By default the component use the browser locale to set the default country code if not country code is provided */\n  noUseBrowserLocale?: boolean\n  /** The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code */\n  fetchCountry?: boolean\n  /** No show the country selector */\n  noCountrySelector?: boolean\n  /** Show country calling code in the country list */\n  showCodeOnList?: boolean\n  /** Replace country names */\n  customCountriesList?: Record<CountryCode, string>\n  /**\n   * Disabled auto-format when phone is valid\n   * @default true\n   */\n  autoFormat?: boolean\n  /**\n   * Disabled auto-format as you type\n   * @default false\n   * @deprecated use autoFormat instead\n   */\n  noFormattingAsYouType?: boolean\n  /**\n   * locale of country list - Ex: \"fr-FR\"\n   * @default {string} browser locale\n   */\n  countryLocale?: string\n  /** Disable validation error UI */\n  noValidationError?: boolean\n  /** Disable validation success UI */\n  noValidationSuccess?: boolean\n  /** Add success UI */\n  success?: boolean\n  /** Add error UI */\n  error?: boolean\n  /** Will replace the calling code by the country name in the country selector */\n  countrySelectorDisplayName?: boolean\n  /** Choose the width of the country selector */\n  countrySelectorWidth?: string\n  /** The input will be displayed in full width */\n  block?: boolean\n  /** Exclude selectors to close country selector list - usefull when you using custom flag */\n  excludeSelectors?: string[]\n  /**\n   * Orientation of the inputs in the component\n   * @default \"responsive\"\n   * @values \"row\" | \"col\" | \"responsive\"\n   */\n  orientation?: 'row' | 'col' | 'responsive'\n  /**\n   * Meta attributes of the country input\n   * @default `{Record<string, unknown>}` `{ autocomplete: 'off', name: 'country' }`\n   */\n  countrySelectAttributes?: Record<string, unknown>\n  /**\n   * Meta attributes of the phone number input\n   * @default `{Record<string, unknown>}` `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }`\n   */\n  phoneInputAttributes?: Record<string, unknown>\n}\n\n/** Composables */\nconst { fetchCountryCode, getBrowserLocale } = useMazInputPhoneNumber()\nconst { isCountryAvailable, getPhoneNumberResults } = useLibphonenumber()\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazInputPhoneNumber',\n  providedId: props.id,\n})\n\n/** Models */\n\nconst phoneNumber = ref<string | undefined | null>()\nconst selectedCountry = ref<CountryCode | undefined | null>()\n\n/** State */\nconst isPhoneNumberInternalUpdate = ref(false)\nconst isCountryInternalUpdate = ref(false)\nconst locales = computed(() => ({\n  ...defaultLocales,\n  ...props.translations,\n}))\nconst hasAutoFormat = computed(() => props.autoFormat && !props.noFormattingAsYouType)\n\nconst results = ref<Results>({\n  isValid: false,\n  countryCode: props.countryCode ?? props.defaultCountryCode,\n  phoneNumber: props.modelValue,\n})\nconst PhoneInputRef = ref<ComponentPublicInstance>()\n\n/** Logic */\n\nonBeforeMount(async () => {\n  if ((props.countryCode || props.defaultCountryCode) && !selectedCountry.value) {\n    onCountryChanged({ countryCode: props.countryCode ?? props.defaultCountryCode })\n  }\n\n  if (props.fetchCountry && !selectedCountry.value) {\n    const countryCode = await fetchCountryCode()\n    onCountryChanged({ countryCode: countryCode as CountryCode })\n  }\n})\n\nonMounted(() => {\n  if (!selectedCountry.value && !props.noUseBrowserLocale) {\n    const countryCode = getBrowserLocale()?.locale\n    onCountryChanged({ countryCode: countryCode as CountryCode })\n  }\n})\n\nfunction updateTheResults({\n  phone = phoneNumber.value || props.modelValue,\n  countryCode = selectedCountry.value,\n  checkCountryCode = false,\n}: {\n  phone?: string | undefined | null\n  countryCode?: CountryCode | undefined | null\n  checkCountryCode?: boolean\n}) {\n  results.value = getPhoneNumberResults({\n    phoneNumber: phone,\n    countryCode,\n    checkCountryCode,\n  })\n}\n\nfunction getPhoneNumberInput() {\n  return PhoneInputRef.value?.$el.querySelector('input') as HTMLInputElement | undefined\n}\n\nasync function selectPhoneNumberInput() {\n  await nextTick()\n  getPhoneNumberInput()?.select()\n}\n\nfunction setSelectedCountry(countryCode?: string | undefined | null) {\n  if (!countryCode) {\n    return\n  }\n\n  if (!isCountryAvailable(countryCode)) {\n    console.warn(`[MazInputPhoneNumber] Country code not available: \"${countryCode}\"`)\n    selectedCountry.value = undefined\n    return\n  }\n\n  selectedCountry.value = countryCode as CountryCode\n}\n\nfunction onPhoneNumberChanged({\n  newPhoneNumber,\n}: {\n  newPhoneNumber?: string | undefined | null\n}) {\n  updateTheResults({ phone: newPhoneNumber })\n\n  if (results.value.parsedCountryCode && results.value.parsedCountryCode !== selectedCountry.value) {\n    onCountryChanged({\n      countryCode: results.value.parsedCountryCode,\n      updateResults: false,\n    })\n  }\n\n  if (results.value.isValid && hasAutoFormat.value) {\n    phoneNumber.value = results.value.formatNational?.trim().replaceAll(new RegExp(/\\D/g), '')\n  }\n  else {\n    phoneNumber.value = newPhoneNumber\n  }\n\n  isPhoneNumberInternalUpdate.value = true\n\n  if (results.value.e164) {\n    emits('update:model-value', results.value.e164)\n  }\n  else {\n    emits('update:model-value', results.value.phoneNumber)\n  }\n\n  setTimeout(() => {\n    isPhoneNumberInternalUpdate.value = false\n  }, 0)\n}\n\nfunction onCountryChanged({\n  countryCode,\n  updateResults = true,\n  selectPhoneNumber = false,\n}: {\n  countryCode?: CountryCode | undefined | null\n  updateResults?: boolean\n  selectPhoneNumber?: boolean\n}) {\n  if (!countryCode) {\n    selectedCountry.value = undefined\n    return\n  }\n\n  isCountryInternalUpdate.value = true\n\n  if (countryCode !== selectedCountry.value) {\n    setSelectedCountry(countryCode)\n  }\n\n  if (updateResults) {\n    updateTheResults({\n      countryCode: selectedCountry.value,\n      checkCountryCode: true,\n    })\n  }\n\n  const code = results.value.countryCode || results.value.parsedCountryCode\n  emits('country-code', code)\n  emits('update:country-code', code)\n\n  if (selectPhoneNumber && !results.value.isValid) {\n    selectPhoneNumberInput()\n  }\n\n  setTimeout(() => {\n    isCountryInternalUpdate.value = false\n  }, 0)\n}\n\n/** Watchers */\n\nwatch(\n  () => props.modelValue ?? props.defaultPhoneNumber,\n  (value, oldValue) => {\n    if (!isPhoneNumberInternalUpdate.value && value !== oldValue && value !== phoneNumber.value) {\n      onPhoneNumberChanged({ newPhoneNumber: value })\n    }\n  },\n  { immediate: true },\n)\nwatch(\n  () => props.countryCode ?? props.defaultCountryCode,\n  (value, oldValue) => {\n    if (!isCountryInternalUpdate.value && value && value !== oldValue && value !== selectedCountry.value) {\n      onCountryChanged({ countryCode: value })\n    }\n  },\n  { immediate: true },\n)\nwatch(\n  results,\n  (value) => {\n    emits('update', value)\n    emits('data', value)\n  },\n  { immediate: true },\n)\n\n/** Inject */\nexport interface MazInputPhoneNumberInjectedData {\n  selectedCountry: typeof selectedCountry\n  phoneNumber: typeof phoneNumber\n  results: typeof results\n}\n\nprovide<MazInputPhoneNumberInjectedData>('data', {\n  selectedCountry,\n  phoneNumber,\n  results,\n})\n</script>\n\n<template>\n  <div\n    class=\"m-phone-number-input m-reset-css\"\n    :class=\"[props.class, { '--block': block }, orientation ? `--${orientation}` : undefined]\"\n    :style\n  >\n    <CountrySelector\n      v-if=\"!noCountrySelector\"\n      :id=\"instanceId\"\n      v-bind=\"countrySelectAttributes\"\n      :model-value=\"selectedCountry\"\n      :color\n      :size\n      :country-locale\n      :country-selector-display-name\n      :custom-countries-list\n      :ignored-countries\n      :list-position\n      :no-flags\n      :no-search\n      :exclude-selectors\n      :error=\"error || (!noValidationError ? !!phoneNumber && !selectedCountry : false)\"\n      :success=\"success || (!noValidationSuccess ? results?.isValid : false)\"\n      :locales\n      :disabled\n      :search-threshold\n      :show-code-on-list\n      :only-countries\n      :preferred-countries\n      :width=\"countrySelectorWidth\"\n      @update:model-value=\"onCountryChanged({ countryCode: $event, selectPhoneNumber: true })\"\n    >\n      <template #no-results>\n        <!--\n         @slot Replace the \"no results\" icon in the country selector list\n       -->\n        <slot name=\"no-results\" />\n      </template>\n      <template #selector-flag=\"{ countryCode: codeCountry }\">\n        <!--\n         @slot Country selector flag\n           @binding {String} country-code current selected country code Ex: `\"FR\"`\n       -->\n        <slot name=\"selector-flag\" :country-code=\"codeCountry\" />\n      </template>\n      <template #country-list-flag=\"{ isSelected, option }\">\n        <!--\n         @slot Country list flag\n           @binding {String} country-code country code of option Ex: `\"FR\"`\n           @binding {{ iso2: string; dialCode: string; name: string; }} option country data\n           @binding {Boolean} is-selected `true` if option is selected\n       -->\n        <slot\n          name=\"country-list-flag\"\n          :country-code=\"option.iso2\"\n          :option=\"option\"\n          :is-selected=\"isSelected\"\n        />\n      </template>\n    </CountrySelector>\n\n    <PhoneInput\n      :id=\"instanceId\"\n      ref=\"PhoneInputRef\"\n      :model-value=\"phoneNumber\"\n      v-bind=\"{ ...$attrs, ...phoneInputAttributes }\"\n      :color\n      :size\n      :auto-format=\"hasAutoFormat\"\n      :no-example\n      block\n      :disabled\n      :has-radius=\"!noCountrySelector\"\n      :success=\"success || (!noValidationSuccess ? results.isValid : false)\"\n      :error=\"error || (!noValidationError ? !!phoneNumber && !results.isValid : false)\"\n      :locales\n      :label\n      :placeholder\n      @update:model-value=\"onPhoneNumberChanged({ newPhoneNumber: $event })\"\n    />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-phone-number-input {\n  @apply maz-relative maz-inline-flex maz-items-center maz-align-top;\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &.--col {\n    @apply maz-flex-col;\n  }\n\n  &.--responsive {\n    @apply maz-flex-col mob-m:maz-flex-row;\n  }\n}\n</style>\n"],"names":["defaultLocales","examples","ref","isCountryAvailable","locale","response","isSupportedCountry","error","getPhoneNumberResults","phoneNumber","countryCode","checkCountryCode","parsedNumber","parsePhoneNumberFromString","isValid","isSameCountryCode","getPhoneNumberExamplesFile","data","getPhoneNumberExample","getExampleNumber","getAsYouTypeFormat","AsYouType","isSameCountryCallingCode","countryCode2","getCountryCallingCode","loadExamples","useLibphonenumber","getCountries","getBrowserLocale","browserLocale","displayNamesInstance","displayNamesLocale","getCountryName","code","customCountriesNameListByIsoCode","getCountriesList","countriesList","isoList","_a","iso2","name","dialCode","fetchCountryCode","reponse","country_code","sanitizePhoneNumber","input","regex","useMazInputPhoneNumber","props","__props","emits","__emit","CountrySelector","defineAsyncComponent","PhoneInput","instanceId","useInstanceUniqId","selectedCountry","isPhoneNumberInternalUpdate","isCountryInternalUpdate","locales","computed","hasAutoFormat","results","PhoneInputRef","onBeforeMount","onCountryChanged","onMounted","updateTheResults","phone","getPhoneNumberInput","selectPhoneNumberInput","nextTick","setSelectedCountry","onPhoneNumberChanged","newPhoneNumber","updateResults","selectPhoneNumber","watch","value","oldValue","provide"],"mappings":"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"}