@desource/phone-mask-vue 0.2.0

package/dist/index.cjs

@@ -0,0 +1,1439 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const M = { AC: "+247 #####", AD: ["+376 ### ###", "+376 #### ####"], AE: ["+971 # ### ####", "+971 ## ### ####", "+971 ### ######", "+971 ### # #####"], AF: "+93 ## ### ####", AG: "+1 ###-###-####", AI: "+1 ###-###-####", AL: ["+355 ## ### ###", "+355 ## ### ####", "+355 ### ####", "+355 ### ###", "+355 ### #####"], AM: ["+374 ## ######", "+374 ### ## ###"], AO: "+244 ### ### ###", AR: ["+54 ## ####-####", "+54 # ## ####-####", "+54 ###-###-####"], AS: "+1 ###-###-####", AT: ["+43 # #########", "+43 ### ######"], AU: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###", "+61 ## ### ##"], AW: "+297 ### ####", AX: ["+358 ## #######", "+358 ### ######"], AZ: ["+994 ## ### ## ##", "+994 ### ## ## ##"], BA: ["+387 ## ###-###", "+387 ## ### ###"], BB: "+1 ###-###-####", BD: ["+880 #-#######", "+880 ####-######", "+880 ###-#######"], BE: ["+32 ## ## ## ##", "+32 ### ## ## ##", "+32 ### ## ###"], BF: "+226 ## ## ## ##", BG: ["+359 # ### ###", "+359 ## ### ###", "+359 ### ## ###"], BH: "+973 #### ####", BI: "+257 ## ## ## ##", BJ: ["+229 ## ## ## ## ##", "+229 ## ## ## ##"], BL: "+590 ### ## ## ##", BM: "+1 ###-###-####", BN: "+673 ### ####", BO: ["+591 # #######", "+591 ########", "+591 ### ## ####"], BQ: "+599 ### ####", BR: ["+55 ## ####-####", "+55 ## #####-####", "+55 ### ## ####", "+55 ####-####"], BS: "+1 ###-###-####", BT: ["+975 # ### ###", "+975 ## ## ## ##"], BW: ["+267 ### ####", "+267 ## ### ###", "+267 #### ### ###", "+267 ## #####"], BY: ["+375 ### ##-##-##", "+375 ## ###-##-##", "+375 ### ### ####"], BZ: ["+501 ###-####", "+501 #-###-####-###"], CA: "+1 ###-###-####", CC: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###"], CD: ["+243 ## #####", "+243 ### ### ###"], CF: "+236 ## ## ## ##", CG: ["+242 ## ### ####", "+242 # #### ####"], CH: ["+41 ## ### ## ##", "+41 ### ### ###"], CI: ["+225 ## ## # #####", "+225 ## ## ## ####"], CK: "+682 ## ###", CL: ["+56 ### ### ###", "+56 # #### ####", "+56 ### ### ####", "+56 ## ### ####"], CM: ["+237 # ## ## ## ##", "+237 ## ## ## ##"], CN: ["+86 ## #### ####", "+86 ### #### ####", "+86 ### ### ####", "+86 ########"], CO: ["+57 ### #######", "+57 # ### #######"], CR: ["+506 #### ####", "+506 ###-###-####"], CU: ["+53 # #######", "+53 ### #######"], CV: "+238 ### ## ##", CW: ["+599 # ### ####", "+599 ### ####"], CX: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###"], CY: "+357 ## ######", CZ: "+420 ### ### ###", DE: ["+49 ## ######", "+49 #### #######", "+49 ### ##########", "+49 ### # ######", "+49 ### # ####", "+49 ### #### ####", "+49 ########"], DJ: "+253 ## ## ## ##", DK: "+45 ## ## ## ##", DM: "+1 ###-###-####", DO: "+1 ###-###-####", DZ: ["+213 ## ## ## ##", "+213 ### ## ## ##", "+213 ## ### ## ##"], EC: ["+593 #-###-####", "+593 ## ### ####", "+593 #### ### ####"], EE: ["+372 ### ####", "+372 #### ####", "+372 ## ## ####"], EG: ["+20 # ########", "+20 ## ########", "+20 ### ### ####"], EH: ["+212 ####-#####", "+212 ###-######", "+212 ##-#######"], ER: "+291 # ### ###", ES: ["+34 ### ## ## ##", "+34 ### ### ###"], ET: "+251 ## ### ####", FI: ["+358 ## #######", "+358 ### ######"], FJ: ["+679 ### ####", "+679 #### ### ####"], FK: "+500 #####", FM: "+691 ### ####", FO: "+298 ######", FR: ["+33 # ## ## ## ##", "+33 ### ## ## ##"], GA: "+241 ## ## ## ##", GB: ["+44 ### ### ####", "+44 #### ######", "+44 ## #### ####"], GD: "+1 ###-###-####", GE: ["+995 ## ### ## ##", "+995 ### ## ## ##", "+995 ### ### ###"], GF: "+594 ### ## ## ##", GG: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], GH: ["+233 ## ### ####", "+233 ### #####"], GI: ["+350 ### #####", "+350 ########"], GL: "+299 ## ## ##", GM: "+220 ### ####", GN: ["+224 ## ## ## ##", "+224 ### ## ## ##"], GP: "+590 ### ## ## ##", GQ: ["+240 ### ### ###", "+240 ### ######"], GR: ["+30 ## #### ####", "+30 ### ### ####"], GT: ["+502 #### ####", "+502 #### ### ####"], GU: "+1 ###-###-####", GW: ["+245 ### ### ###", "+245 ### ####"], GY: "+592 ### ####", HK: ["+852 #### ####", "+852 ### ### ###", "+852 ### ## ### ###"], HN: ["+504 ####-####", "+504 ###########"], HR: ["+385 # #### ###", "+385 ## ### ####", "+385 ### ### ###", "+385 ## ## ###", "+385 ## ### ###"], HT: "+509 ## ## ####", HU: ["+36 # ### ####", "+36 ## ### ####", "+36 ## ### ###"], ID: ["+62 ## #######", "+62 ###-###-###", "+62 ### #######", "+62 ### # ### ###", "+62 ### ### ####"], IE: ["+353 ## #####", "+353 ## ### ####", "+353 #### ### ###", "+353 ### ### ###"], IL: ["+972 #-###-####", "+972 ##-###-####", "+972 #-###-###-###"], IM: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], IN: ["+91 ##### #####", "+91 #### ## ####", "+91 #### ### ### ###", "+91 #### ### ####"], IO: "+246 ### ####", IQ: ["+964 # ### ####", "+964 ### ### ####"], IR: ["+98 ## #### ####", "+98 ### ### ####"], IS: "+354 ### ####", IT: ["+39 ## #### ####", "+39 ### ### ####", "+39 ### ### ###"], JE: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], JM: "+1 ###-###-####", JO: ["+962 # ### ####", "+962 # #### ####", "+962 ### #####", "+962 ## #######"], JP: ["+81 #-####-####", "+81 ##-####-####", "+81 ###-###-###", "+81 ##-###-####"], KE: ["+254 ## #######", "+254 ### ######", "+254 ### ### ###"], KG: ["+996 ### ### ###", "+996 ### ### # ##"], KH: ["+855 ## ### ###", "+855 #### ### ###"], KI: ["+686 #####", "+686 ########"], KM: "+269 ### ## ##", KN: "+1 ###-###-####", KP: ["+850 # ### ####", "+850 ### ### ####"], KR: ["+82 #-###-####", "+82 ##-####-####", "+82 ##-###-####"], KW: ["+965 #### ####", "+965 ### #####", "+965 #### ###"], KY: "+1 ###-###-####", KZ: ["+7 ##### # ## ##", "+7 ### ### ####", "+7 ### ###-##-##"], LA: ["+856 ## ### ###", "+856 ## ## ### ###"], LB: ["+961 # ### ###", "+961 ## ### ###"], LC: "+1 ###-###-####", LI: ["+423 ### ## ##", "+423 ### ### ###"], LK: ["+94 ### ### ###", "+94 ## ### ####"], LR: ["+231 ## ### ###", "+231 ## ### ####"], LS: "+266 #### ####", LT: ["+370 ### #####", "+370 ### ## ###"], LU: ["+352 ## ## ## ##", "+352 ### ### ###", "+352 ### ## ###"], LV: "+371 ## ### ###", LY: "+218 ##-#######", MA: ["+212 ###-######", "+212 ##-#######", "+212 ####-#####"], MC: ["+377 ## ## ## ##", "+377 # ## ## ## ##"], MD: ["+373 ## ### ###", "+373 ### ## ###", "+373 ### #####"], ME: "+382 ## ### ###", MF: "+590 ### ## ## ##", MG: "+261 ## ## ### ##", MH: "+692 ###-####", MK: ["+389 # ### ####", "+389 ## ### ###", "+389 ### # ## ##"], ML: "+223 ## ## ## ##", MM: ["+95 # ### ###", "+95 # ### ####", "+95 ### ### ####"], MN: "+976 #### ####", MO: ["+853 #### ####", "+853 #### ###"], MP: "+1 ###-###-####", MQ: "+596 ### ## ## ##", MR: "+222 ## ## ## ##", MS: "+1 ###-###-####", MT: "+356 #### ####", MU: ["+230 #### ####", "+230 ### ####"], MV: ["+960 ###-####", "+960 ### ### ####"], MW: ["+265 # ### ###", "+265 ### ## ## ##"], MX: "+52 ### ### ####", MY: ["+60 #-#### ####", "+60 ##-### ####", "+60 #-###-##-####", "+60 ###-### ####"], MZ: ["+258 ## ### ###", "+258 ## ### ####", "+258 ### ### ###"], NA: ["+264 ## ### ###", "+264 ## ### ####", "+264 ### ### ###"], NC: "+687 ##.##.##", NE: ["+227 ## ## ## ##", "+227 ## ### ###"], NF: ["+672 ## ####", "+672 # #####"], NG: ["+234 #### ## ####", "+234 ### ### ####", "+234 ### #### ####"], NI: "+505 #### ####", NL: ["+31 ## ### ####", "+31 # ########", "+31 ### ####", "+31 ## #######"], NO: ["+47 ## ## ## ##", "+47 ### ## ###"], NP: ["+977 #-#######", "+977 ###-#######", "+977 ###########"], NR: "+674 ### ####", NU: ["+683 ####", "+683 ### ####"], NZ: ["+64 # ### ####", "+64 ## ### ####", "+64 ### ### ###"], OM: ["+968 ## ######", "+968 #### ####", "+968 ### #####"], PA: ["+507 ###-####", "+507 ####-####"], PE: ["+51 # #######", "+51 ### ### ###", "+51 ### #####"], PF: ["+689 ## ## ## ##", "+689 ### ## ## ##"], PG: ["+675 ### ####", "+675 #### ####"], PH: ["+63 # #### ####", "+63 ### ### ####", "+63 #### # ### ####"], PK: ["+92 ## ########", "+92 ### #######", "+92 ### ### ##", "+92 #### #####"], PL: ["+48 ## ### ## ##", "+48 ### ### ###"], PM: ["+508 ## ## ##", "+508 ### ## ## ##"], PR: "+1 ###-###-####", PS: ["+970 # ### ####", "+970 ### ### ###", "+970 #### ### ###"], PT: ["+351 ## ### ####", "+351 ### ### ###"], PW: "+680 ### ####", PY: ["+595 ## ### ####", "+595 ### ######", "+595 #### ### ####"], QA: ["+974 #### ####", "+974 ### ####"], RE: "+262 ### ## ## ##", RO: ["+40 ## ### ####", "+40 ### ### ###"], RS: ["+381 ## ######", "+381 ## #######", "+381 ### #####"], RU: "+7 ### ###-##-##", RW: "+250 ### ### ###", SA: ["+966 ## ### ####", "+966 ### ### ####", "+966 #### #####"], SB: ["+677 #####", "+677 ## #####"], SC: ["+248 # ### ###", "+248 #######"], SD: "+249 ## ### ####", SE: ["+46 # ## ## ##", "+46 ## ### ## ##", "+46 ## ## ## ##", "+46 ### ## ## ###"], SG: ["+65 #### ####", "+65 #### ### ####"], SH: "+290 #####", SI: ["+386 # ### ## ##", "+386 ## ### ###", "+386 ## ######", "+386 ### #####"], SJ: ["+47 ## ## ## ##", "+47 ### ## ###"], SK: ["+421 #/### ### ##", "+421 ### ### ###", "+421 #######"], SL: "+232 ## ######", SM: ["+378 #### ######", "+378 ## ## ## ##"], SN: ["+221 ## ### ## ##", "+221 ### ## ## ##"], SO: ["+252 # ######", "+252 # #######"], SR: ["+597 ###-###", "+597 ###-####", "+597 ##-##-##"], SS: "+211 ### ### ###", ST: "+239 ### ####", SV: ["+503 #### ####", "+503 ### ####"], SX: "+1 ###-###-####", SY: ["+963 ## ### ####", "+963 ### ### ###"], SZ: ["+268 #### ####", "+268 ##### ####"], TA: "+290 ####", TC: "+1 ###-###-####", TD: "+235 ## ## ## ##", TG: "+228 ## ## ## ##", TH: ["+66 # ### ####", "+66 ## ### ####", "+66 #### ### ###"], TJ: ["+992 ### ## ####", "+992 ## ### ####"], TK: "+690 ####", TL: ["+670 ### ####", "+670 #### ####"], TM: ["+993 ## ##-##-##", "+993 ## ######"], TN: "+216 ## ### ###", TO: ["+676 ##-###", "+676 ### ####", "+676 #### ###"], TR: ["+90 ### ### ## ##", "+90 ### ### ####"], TT: "+1 ###-###-####", TV: ["+688 ## ###", "+688 ## ####"], TW: ["+886 # #### ####", "+886 ### ### ###", "+886 ## ### ####", "+886 ## #### ####"], TZ: ["+255 ## ### ####", "+255 ### ### ###", "+255 ### ## ####"], UA: ["+380 #### #####", "+380 ## ### ####", "+380 ### ### ###"], UG: ["+256 ## #######", "+256 ### ######"], US: "+1 ###-###-####", UY: ["+598 #### ####", "+598 ## ### ###", "+598 ### ####"], UZ: "+998 ## ### ## ##", VA: ["+39 ## #### ####", "+39 ### ### ####", "+39 ### ### ###"], VC: "+1 ###-###-####", VE: "+58 ###-#######", VG: "+1 ###-###-####", VI: "+1 ###-###-####", VN: ["+84 ### #### ###", "+84 ### ### ###", "+84 #### ######", "+84 ## ### ## ##"], VU: ["+678 #####", "+678 ### ####"], WF: ["+681 ## ## ##", "+681 ### ## ## ##"], WS: ["+685 #####", "+685 ## #####", "+685 ### ###"], XK: ["+383 ## ### ###", "+383 ### #####"], YE: ["+967 # ### ###", "+967 ### ### ###"], YT: "+262 ### ## ## ##", ZA: ["+27 ## ### ####", "+27 ### ### ###"], ZM: ["+260 ### ### ###", "+260 ## #######", "+260 #########"], ZW: ["+263 ## #####", "+263 ## ### ####", "+263 ### ####", "+263 #### ######"] };
+const t$1 = /^[a-z]{2}$/i, countryCodeEmoji = (o) => {
+  if (!t$1.test(o)) {
+    const t2 = typeof o;
+    throw new TypeError(`cc argument must be an ISO 3166-1 alpha-2 string, but got '${"string" === t2 ? o : t2}' instead.`);
+  }
+  const e = [...o.toUpperCase()].map((t2) => (t2.codePointAt(0) ?? 0) + 127397);
+  return String.fromCodePoint(...e);
+};
+const t = Object.entries(M), divideMask = (e) => e.split(/ (.*)/s);
+function getCodeAndMask(e) {
+  let n = "", t2 = "";
+  if (Array.isArray(e)) {
+    const o = [];
+    for (const t3 of e) {
+      const [e2, s] = divideMask(t3);
+      n || (n = e2), o.push(s);
+    }
+    t2 = o;
+  } else {
+    const [o, s] = divideMask(e);
+    n = o, t2 = s;
+  }
+  return [n, t2];
+}
+t.map(([e, n]) => ({ id: e, mask: n }));
+t.reduce((e, [n, t2]) => {
+  const [o, s] = getCodeAndMask(t2);
+  return e[n] = { code: o, mask: s }, e;
+}, {});
+t.map(([e, n]) => {
+  const [t2, o] = getCodeAndMask(n);
+  return { id: e, code: t2, mask: o };
+});
+t.reduce((e, [t2, o]) => {
+  const [s, a] = getCodeAndMask(o);
+  return e[t2] = { code: s, mask: a, flag: countryCodeEmoji(t2) }, e;
+}, {});
+t.map(([e, t2]) => {
+  const [o, s] = getCodeAndMask(t2);
+  return { id: e, code: o, mask: s, flag: countryCodeEmoji(e) };
+});
+const MasksFullMap = (e) => {
+  const o = new Intl.DisplayNames([e], { type: "region" });
+  return t.reduce((e2, [t2, s]) => {
+    const [a, r] = getCodeAndMask(s), d = o.of(t2) ?? "";
+    return e2[t2] = { code: a, mask: r, name: d, flag: countryCodeEmoji(t2) }, e2;
+  }, {});
+}, MasksFull = (e) => {
+  const o = new Intl.DisplayNames([e], { type: "region" });
+  return t.map(([e2, t2]) => {
+    const [s, a] = getCodeAndMask(t2);
+    return { id: e2, code: s, mask: a, name: o.of(e2) ?? "", flag: countryCodeEmoji(e2) };
+  });
+}, m = t.reduce((e, [t2, o]) => {
+  const [s, a] = getCodeAndMask(o), r = new Intl.DisplayNames(["en"], { type: "region" });
+  return e[t2] = { code: s, mask: a, name: r.of(t2) ?? "", flag: countryCodeEmoji(t2) }, e;
+}, {}), i = t.map(([e, t2]) => {
+  const [o, s] = getCodeAndMask(t2);
+  return { id: e, code: o, mask: s, name: new Intl.DisplayNames(["en"], { type: "region" }).of(e) ?? "", flag: countryCodeEmoji(e) };
+}), g = countryCodeEmoji;
+function toArray(t2) {
+  return Array.isArray(t2) ? t2 : [t2];
+}
+function countPlaceholders(t2) {
+  return (t2.match(/#/g) || []).length;
+}
+function removeCountryCodePrefix(t2) {
+  return t2.replace(/^\+\d+\s?/, "");
+}
+function pickMaskVariant(t2, n) {
+  if (1 === t2.length) return t2[0];
+  const r = t2.map((t3) => ({ mask: t3, count: countPlaceholders(t3) })), e = r.filter((t3) => t3.count >= n).sort((t3, n2) => t3.count - n2.count);
+  if (e.length > 0) return e[0].mask;
+  const o = r.sort((t3, n2) => n2.count - t3.count)[0];
+  return o ? o.mask : t2[0];
+}
+function formatDigitsWithMap(t2, n) {
+  let r = "";
+  const e = [];
+  let o = 0;
+  const c = n.length, a = t2.length;
+  for (let i2 = 0; i2 < a; i2++) {
+    const a2 = t2[i2];
+    if ("#" === a2) {
+      if (!(o < c)) break;
+      r += n[o], e.push(o), o++;
+    } else {
+      const n2 = -1 !== t2.indexOf("#", i2 + 1) && o < c;
+      (r.length > 0 || n2) && (r += a2, e.push(-1));
+    }
+  }
+  return { display: r, map: e };
+}
+const CACHE_KEY = "@desource/phone-mask:geo";
+const CACHE_EXPIRY_MS = 24 * 60 * 6e4;
+const GEO_IP_TIMEOUT = 1500;
+const GEO_IP_URL = "https://ipapi.co/json/";
+const Delimiters = [" ", "-", "(", ")"];
+const NavigationKeys = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End", "Tab"];
+const InvalidPattern = /[^\d\s\-()]/;
+const emptyCountry = { id: "", code: "", mask: "", flag: "", name: "" };
+function useCountrySelector(usedLocale) {
+  const isEnLocale = vue.computed(() => usedLocale.value.toLowerCase().startsWith("en"));
+  const countries = vue.computed(() => isEnLocale.value ? i : MasksFull(usedLocale.value));
+  const countriesMap = vue.computed(() => isEnLocale.value ? m : MasksFullMap(usedLocale.value));
+  const selectedId = vue.ref(countries.value[0]?.id || "");
+  const dropdownOpened = vue.ref(false);
+  const hasDropdown = vue.ref(true);
+  const search = vue.ref("");
+  const focusedIndex = vue.ref(0);
+  const selected = vue.computed(() => {
+    const id = selectedId.value;
+    const found = countriesMap.value[id];
+    return found ? { id, ...found } : countries.value[0] || emptyCountry;
+  });
+  const hasCountry = (id) => {
+    const _id = id.toUpperCase();
+    return !!countriesMap.value[_id];
+  };
+  const filteredCountries = vue.computed(() => {
+    const q = search.value.trim().toUpperCase();
+    if (!q) return countries.value;
+    const qCodeDigits = q.replace(/\D/g, "");
+    const isNumericSearch = qCodeDigits.length > 0;
+    return countries.value.map((c) => {
+      const nameUpper = c.name.toUpperCase();
+      const idUpper = c.id.toUpperCase();
+      const codeDigits = c.code.replace(/\D/g, "");
+      let score = 0;
+      if (nameUpper.startsWith(q)) score = 1e3;
+      else if (nameUpper.includes(q)) score = 500;
+      if (c.code.startsWith(q)) score += 100;
+      else if (c.code.includes(q)) score += 50;
+      if (idUpper === q) score += 200;
+      else if (idUpper.startsWith(q)) score += 150;
+      if (isNumericSearch && codeDigits.startsWith(qCodeDigits)) score += 80;
+      else if (isNumericSearch && codeDigits.includes(qCodeDigits)) score += 40;
+      return { country: c, score };
+    }).filter(({ score }) => score > 0).sort((a, b) => {
+      if (b.score !== a.score) return b.score - a.score;
+      return a.country.name.localeCompare(b.country.name);
+    }).map(({ country }) => country);
+  });
+  const selectCountry = (id) => {
+    selectedId.value = id;
+    closeDropdown();
+  };
+  const toggleDropdown = async (searchRef) => {
+    dropdownOpened.value = !dropdownOpened.value;
+    if (!dropdownOpened.value) return;
+    await vue.nextTick();
+    searchRef.value?.focus();
+    focusedIndex.value = 0;
+  };
+  const closeDropdown = () => {
+    dropdownOpened.value = false;
+  };
+  const focusNextOption = (scrollFn) => {
+    if (filteredCountries.value.length === 0) return;
+    focusedIndex.value = Math.min(filteredCountries.value.length - 1, focusedIndex.value + 1);
+    scrollFn?.();
+  };
+  const focusPrevOption = (scrollFn) => {
+    if (filteredCountries.value.length === 0) return;
+    focusedIndex.value = Math.max(0, focusedIndex.value - 1);
+    scrollFn?.();
+  };
+  const chooseFocusedOption = () => {
+    const item = filteredCountries.value[focusedIndex.value];
+    if (item) selectCountry(item.id);
+  };
+  const detectFromLocale = () => {
+    try {
+      const lang = navigator.language || "";
+      try {
+        const loc = new Intl.Locale(lang);
+        if (loc.region && hasCountry(loc.region)) return loc.region.toUpperCase();
+      } catch {
+      }
+      const parts = lang.split(/[-_]/);
+      if (parts.length > 1 && hasCountry(parts[1])) return parts[1].toUpperCase();
+    } catch {
+    }
+    return null;
+  };
+  const detectByGeoIp = async () => {
+    try {
+      const cached = localStorage.getItem(CACHE_KEY);
+      if (cached) {
+        const parsed = JSON.parse(cached);
+        const isExpired = Date.now() - parsed.ts > CACHE_EXPIRY_MS;
+        if (!isExpired && parsed.country_code && hasCountry(parsed.country_code)) {
+          return parsed.country_code.toUpperCase();
+        }
+        if (isExpired) {
+          localStorage.removeItem(CACHE_KEY);
+        }
+      }
+    } catch {
+    }
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), GEO_IP_TIMEOUT);
+    try {
+      const res = await fetch(GEO_IP_URL, {
+        signal: controller.signal,
+        headers: { Accept: "application/json" }
+      });
+      if (!res.ok) {
+        return null;
+      }
+      const json = await res.json();
+      const code = (json.country || json.country_code || json.countryCode || json.country_code2 || "").toString().toUpperCase();
+      if (code && hasCountry(code)) {
+        try {
+          localStorage.setItem(CACHE_KEY, JSON.stringify({ country_code: code, ts: Date.now() }));
+        } catch {
+        }
+        return code;
+      }
+    } catch {
+    } finally {
+      clearTimeout(timeoutId);
+    }
+    return null;
+  };
+  const selectInitialCountry = (id, emitFn) => {
+    const previousId = selectedId.value;
+    selectedId.value = id;
+    if (previousId !== selectedId.value && emitFn) vue.nextTick(emitFn);
+  };
+  const initCountry = async (predefined, detect, emitFn) => {
+    hasDropdown.value = !predefined && countries.value.length > 1;
+    if (predefined && hasCountry(predefined)) {
+      selectInitialCountry(predefined.toUpperCase(), emitFn);
+      return;
+    }
+    if (!detect) return;
+    const geo = await detectByGeoIp();
+    if (geo) {
+      selectInitialCountry(geo, emitFn);
+      return;
+    }
+    const loc = detectFromLocale();
+    if (loc) {
+      selectInitialCountry(loc, emitFn);
+      return;
+    }
+  };
+  return {
+    countries,
+    selectedId,
+    selected,
+    hasCountry,
+    // Dropdown
+    hasDropdown,
+    dropdownOpened,
+    search,
+    focusedIndex,
+    filteredCountries,
+    selectCountry,
+    toggleDropdown,
+    closeDropdown,
+    focusNextOption,
+    focusPrevOption,
+    chooseFocusedOption,
+    // Country Detection
+    initCountry
+  };
+}
+function createPhoneFormatter(country) {
+  const variants = toArray(country.mask);
+  const variantsDigits = variants.map((m2) => countPlaceholders(removeCountryCodePrefix(m2)));
+  const maxDigits = Math.max(...variantsDigits);
+  const getMask = (digitLength) => {
+    const mask = pickMaskVariant(variants, digitLength);
+    return removeCountryCodePrefix(mask);
+  };
+  return {
+    formatDisplay: (digits) => {
+      const template = getMask(digits.length);
+      return formatDigitsWithMap(template, digits).display;
+    },
+    getMaxDigits: () => maxDigits,
+    getPlaceholder: () => {
+      const template = getMask(0);
+      return template;
+    },
+    getCaretPosition: (digitIndex) => {
+      const template = getMask(digitIndex);
+      const { display, map } = formatDigitsWithMap(template, "0".repeat(digitIndex));
+      for (let i2 = 0; i2 < map.length; i2++) {
+        if (map[i2] === digitIndex) return i2;
+      }
+      if (digitIndex >= map.length) return display.length;
+      for (let i2 = 0; i2 < map.length; i2++) {
+        if (map[i2] > digitIndex) return i2;
+      }
+      return display.length;
+    },
+    getDigitRange: (digits, selStart, selEnd) => {
+      const template = getMask(digits.length);
+      const { map } = formatDigitsWithMap(template, digits);
+      let min = Infinity;
+      let max = -Infinity;
+      for (let i2 = selStart; i2 < selEnd && i2 < map.length; i2++) {
+        const digitIdx = map[i2];
+        if (digitIdx !== void 0 && digitIdx >= 0) {
+          min = Math.min(min, digitIdx);
+          max = Math.max(max, digitIdx);
+        }
+      }
+      return min === Infinity ? null : [min, max + 1];
+    },
+    isComplete: (digits) => {
+      return variantsDigits.includes(digits.length);
+    }
+  };
+}
+function setCaret(el, position) {
+  if (!el) return;
+  try {
+    el.setSelectionRange(position, position);
+  } catch {
+  }
+}
+function extractDigits(value, maxLength) {
+  const digits = value.replace(/\D/g, "");
+  return maxLength ? digits.slice(0, maxLength) : digits;
+}
+function getSelection(el) {
+  if (!el) return [0, 0];
+  return [el.selectionStart ?? 0, el.selectionEnd ?? 0];
+}
+function useMask(selected, telRef) {
+  const digits = vue.ref("");
+  const displayValue = vue.ref("");
+  const validationTimer = vue.ref(null);
+  const showValidationHint = vue.ref(false);
+  const formatter = vue.computed(() => createPhoneFormatter(selected.value));
+  const displayPlaceholder = vue.computed(() => formatter.value.getPlaceholder());
+  const isComplete = vue.computed(() => formatter.value.isComplete(digits.value));
+  const isEmpty = vue.computed(() => digits.value.length === 0);
+  const maxDigits = vue.computed(() => formatter.value.getMaxDigits());
+  const shouldShowWarn = vue.computed(() => showValidationHint.value && !isEmpty.value && !isComplete.value);
+  const fullFormatted = vue.computed(() => {
+    if (!displayValue.value) return "";
+    return `${selected.value.code} ${displayValue.value}`;
+  });
+  const full = vue.computed(() => {
+    if (!digits.value) return "";
+    return `${selected.value.code}${digits.value}`;
+  });
+  const updateDisplay2 = () => {
+    displayValue.value = formatter.value.formatDisplay(digits.value);
+  };
+  const setCaretToDigitPosition = (digitIndex) => {
+    const pos = formatter.value.getCaretPosition(digitIndex);
+    setCaret(telRef.value, pos);
+  };
+  const removeDigitsRange = (startIdx, endIdx) => {
+    if (startIdx >= endIdx) return;
+    digits.value = digits.value.slice(0, startIdx) + digits.value.slice(endIdx);
+  };
+  const handleBeforeInput = (e) => {
+    const el = e.target;
+    if (!el) return;
+    const data = e.data;
+    if (e.inputType !== "insertText" || !data) return;
+    if (InvalidPattern.test(data) || data === " " && el.value.endsWith(" ")) {
+      e.preventDefault();
+    }
+  };
+  const handleInput = (e) => {
+    const el = e.target;
+    if (!el) return;
+    const newDigits = extractDigits(el.value, maxDigits.value);
+    showValidationHint.value = false;
+    if (validationTimer.value) {
+      clearTimeout(validationTimer.value);
+    }
+    digits.value = newDigits;
+    updateDisplay2();
+    if (newDigits.length > 0) {
+      validationTimer.value = setTimeout(() => {
+        showValidationHint.value = true;
+      }, 500);
+    }
+    vue.nextTick(() => {
+      setCaretToDigitPosition(digits.value.length);
+    });
+  };
+  const handleKeydownInternal = (e) => {
+    const el = telRef.value ?? e.target;
+    if (!el) return;
+    if (e.ctrlKey || e.metaKey || e.altKey || NavigationKeys.includes(e.key)) return;
+    const [selStart, selEnd] = getSelection(el);
+    if (e.key === "Backspace") {
+      e.preventDefault();
+      if (selStart !== selEnd) {
+        const range = formatter.value.getDigitRange(digits.value, selStart, selEnd);
+        if (range) {
+          const [start, end] = range;
+          removeDigitsRange(start, end);
+          updateDisplay2();
+          vue.nextTick(() => setCaretToDigitPosition(start));
+        }
+        return;
+      }
+      if (selStart > 0) {
+        const displayStr = displayValue.value;
+        let prevPos = selStart - 1;
+        while (prevPos >= 0 && Delimiters.includes(displayStr[prevPos])) {
+          prevPos--;
+        }
+        if (prevPos >= 0) {
+          const range = formatter.value.getDigitRange(digits.value, prevPos, prevPos + 1);
+          if (range) {
+            const [start] = range;
+            removeDigitsRange(start, start + 1);
+            updateDisplay2();
+            vue.nextTick(() => setCaretToDigitPosition(start));
+          }
+        }
+      }
+      return;
+    }
+    if (e.key === "Delete") {
+      e.preventDefault();
+      if (selStart !== selEnd) {
+        const range = formatter.value.getDigitRange(digits.value, selStart, selEnd);
+        if (range) {
+          const [start, end] = range;
+          removeDigitsRange(start, end);
+          updateDisplay2();
+          vue.nextTick(() => setCaretToDigitPosition(start));
+        }
+        return;
+      }
+      if (selStart < displayValue.value.length) {
+        const range = formatter.value.getDigitRange(digits.value, selStart, selStart + 1);
+        if (range) {
+          const [start] = range;
+          removeDigitsRange(start, start + 1);
+          updateDisplay2();
+          vue.nextTick(() => setCaretToDigitPosition(start));
+        }
+      }
+      return;
+    }
+    if (/^[0-9]$/.test(e.key)) {
+      if (digits.value.length >= maxDigits.value) {
+        e.preventDefault();
+      }
+      return;
+    }
+    if (e.key.length === 1) {
+      e.preventDefault();
+    }
+  };
+  const handleKeydown = (e) => {
+    showValidationHint.value = false;
+    if (validationTimer.value) {
+      clearTimeout(validationTimer.value);
+    }
+    handleKeydownInternal(e);
+    if (validationTimer.value) clearTimeout(validationTimer.value);
+    validationTimer.value = setTimeout(() => {
+      if (!isComplete.value && !isEmpty.value) showValidationHint.value = true;
+    }, 300);
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const text = e.clipboardData?.getData("text") || "";
+    const pastedDigits = extractDigits(text, maxDigits.value);
+    if (pastedDigits.length === 0) return;
+    const el = telRef.value;
+    if (!el) return;
+    const [selStart, selEnd] = getSelection(el);
+    if (selStart !== selEnd) {
+      const range2 = formatter.value.getDigitRange(digits.value, selStart, selEnd);
+      if (range2) {
+        const [start, end] = range2;
+        const left2 = digits.value.slice(0, start);
+        const right2 = digits.value.slice(end);
+        digits.value = extractDigits(left2 + pastedDigits + right2, maxDigits.value);
+        updateDisplay2();
+        vue.nextTick(() => setCaretToDigitPosition(start + pastedDigits.length));
+        return;
+      }
+    }
+    const range = formatter.value.getDigitRange(digits.value, selStart, selStart);
+    const insertIndex = range ? range[0] : digits.value.length;
+    const left = digits.value.slice(0, insertIndex);
+    const right = digits.value.slice(insertIndex);
+    digits.value = extractDigits(left + pastedDigits + right, maxDigits.value);
+    updateDisplay2();
+    if (validationTimer.value) clearTimeout(validationTimer.value);
+    validationTimer.value = setTimeout(() => {
+      if (!isComplete.value && !isEmpty.value) showValidationHint.value = true;
+    }, 300);
+    vue.nextTick(() => setCaretToDigitPosition(insertIndex + pastedDigits.length));
+  };
+  const handleFocus = () => {
+    if (validationTimer.value) {
+      clearTimeout(validationTimer.value);
+    }
+  };
+  const clear = () => {
+    digits.value = "";
+    displayValue.value = "";
+    showValidationHint.value = false;
+    if (validationTimer.value) {
+      clearTimeout(validationTimer.value);
+      validationTimer.value = null;
+    }
+  };
+  vue.watch(selected, () => {
+    if (digits.value.length > maxDigits.value) {
+      digits.value = digits.value.slice(0, maxDigits.value);
+    }
+    updateDisplay2();
+  });
+  updateDisplay2();
+  return {
+    // State
+    digits,
+    displayValue,
+    // Computed
+    displayPlaceholder,
+    isComplete,
+    isEmpty,
+    shouldShowWarn,
+    fullFormatted,
+    full,
+    // Handlers
+    handleBeforeInput,
+    handleInput,
+    handleKeydown,
+    handlePaste,
+    handleFocus,
+    // Methods
+    updateDisplayFromDigits: updateDisplay2,
+    clear
+  };
+}
+function useClipboard() {
+  const copied = vue.ref(false);
+  const isCopying = vue.ref(false);
+  let copyTimer = null;
+  const clearTimer = () => {
+    if (copyTimer) {
+      clearTimeout(copyTimer);
+      copyTimer = null;
+    }
+  };
+  const copy = async (text) => {
+    if (isCopying.value) return false;
+    const trimmedText = text.trim();
+    if (!trimmedText) return false;
+    isCopying.value = true;
+    try {
+      await navigator.clipboard.writeText(trimmedText);
+      copied.value = true;
+      clearTimer();
+      copyTimer = setTimeout(() => {
+        copied.value = false;
+        copyTimer = null;
+      }, 1800);
+      return true;
+    } catch (err) {
+      console.warn("Copy failed", err);
+      return false;
+    } finally {
+      isCopying.value = false;
+    }
+  };
+  const onUnmount = () => {
+    clearTimer();
+  };
+  return { copied, isCopying, copy, onUnmount };
+}
+const _hoisted_1 = { class: "pi-selector" };
+const _hoisted_2 = ["disabled", "tabindex", "aria-label", "aria-expanded", "aria-haspopup"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = { class: "pi-code" };
+const _hoisted_5 = { class: "pi-input-wrap" };
+const _hoisted_6 = ["placeholder", "value", "disabled", "readonly", "aria-invalid"];
+const _hoisted_7 = {
+  class: "pi-actions",
+  role: "toolbar",
+  "aria-label": "Phone input actions"
+};
+const _hoisted_8 = ["aria-label", "title"];
+const _hoisted_9 = {
+  key: 1,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = {
+  key: 2,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = ["aria-label", "title"];
+const _hoisted_12 = {
+  key: 0,
+  width: "11",
+  height: "11",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = { class: "pi-search-wrap" };
+const _hoisted_14 = ["placeholder"];
+const _hoisted_15 = ["aria-activedescendant"];
+const _hoisted_16 = ["id", "aria-selected", "title", "onClick", "onMouseenter"];
+const _hoisted_17 = ["aria-label"];
+const _hoisted_18 = { class: "pi-opt-name" };
+const _hoisted_19 = { class: "pi-opt-code" };
+const _hoisted_20 = {
+  key: 0,
+  class: "pi-empty"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "PhoneInput",
+  props: /* @__PURE__ */ vue.mergeModels({
+    country: {},
+    detect: { type: Boolean, default: true },
+    locale: {},
+    size: { default: "normal" },
+    theme: { default: "auto" },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    showCopy: { type: Boolean, default: true },
+    showClear: { type: Boolean, default: false },
+    withValidity: { type: Boolean, default: true },
+    searchPlaceholder: { default: "Search country or code..." },
+    noResultsText: { default: "No countries found" },
+    clearButtonLabel: { default: "Clear phone number" },
+    dropdownClass: {},
+    disableDefaultStyles: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "country-change", "validation-change", "focus", "blur", "copy", "clear"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const model = vue.useModel(__props, "modelValue");
+    const emit = __emit;
+    const rootRef = vue.useTemplateRef("rootRef");
+    const telRef = vue.useTemplateRef("telRef");
+    const searchRef = vue.useTemplateRef("searchRef");
+    const liveRef = vue.useTemplateRef("liveRef");
+    const dropdownRef = vue.useTemplateRef("dropdownRef");
+    const usedLocale = vue.computed(() => {
+      if (props.locale) return props.locale;
+      if (typeof navigator !== "undefined") {
+        return navigator.language || navigator.userLanguage || "en";
+      }
+      return "en";
+    });
+    const dropdownStyle = vue.shallowRef({});
+    const countrySelector = useCountrySelector(usedLocale);
+    const {
+      search,
+      filteredCountries,
+      focusedIndex,
+      selected,
+      dropdownOpened,
+      hasDropdown,
+      focusNextOption,
+      focusPrevOption,
+      chooseFocusedOption,
+      closeDropdown
+    } = countrySelector;
+    const mask = useMask(selected, telRef);
+    const { digits, displayValue, displayPlaceholder, isComplete, isEmpty, shouldShowWarn, full, fullFormatted } = mask;
+    const { copied, copy, onUnmount: onClipboardUnmount } = useClipboard();
+    const inactive = vue.computed(() => props.disabled || props.readonly);
+    const showCopyButton = vue.computed(() => props.showCopy && !isEmpty.value && !props.disabled);
+    const showClearButton = vue.computed(() => props.showClear && !isEmpty.value && !inactive.value);
+    const copyAriaLabel = vue.computed(() => copied.value ? "Copied" : `Copy ${selected.value.code} ${displayValue.value}`);
+    const copyButtonTitle = vue.computed(() => copied.value ? "Copied" : "Copy phone number");
+    const copyMessage = vue.computed(() => copied.value ? "Phone number copied to clipboard" : "");
+    const sizeClass = vue.computed(() => `size-${props.size}`);
+    const themeClass = vue.computed(() => {
+      if (props.theme !== "auto") return `theme-${props.theme}`;
+      if (typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches) {
+        return "theme-dark";
+      }
+      return "theme-light";
+    });
+    const rootClasses = vue.computed(() => [
+      "phone-input",
+      sizeClass.value,
+      themeClass.value,
+      {
+        "is-disabled": props.disabled,
+        "is-readonly": props.readonly,
+        "is-unstyled": props.disableDefaultStyles,
+        "is-incomplete": props.withValidity && shouldShowWarn.value,
+        "is-complete": props.withValidity && isComplete.value
+      }
+    ]);
+    const rootStyles = vue.computed(() => ({
+      "--pi-actions-count": +showCopyButton.value + +showClearButton.value + (slots["actions-before"] ? 1 : 0)
+    }));
+    const emitModelUpdate = () => {
+      if (model.value === digits.value) return;
+      model.value = digits.value;
+      emit("change", {
+        full: full.value,
+        fullFormatted: fullFormatted.value,
+        digits: digits.value
+      });
+    };
+    const onInput = async (e) => {
+      if (inactive.value) return;
+      mask.handleInput(e);
+      await vue.nextTick();
+      emitModelUpdate();
+    };
+    const onKeydown = async (e) => {
+      if (inactive.value) return;
+      mask.handleKeydown(e);
+      await vue.nextTick();
+      emitModelUpdate();
+    };
+    const onPaste = async (e) => {
+      if (inactive.value) return;
+      mask.handlePaste(e);
+      await vue.nextTick();
+      emitModelUpdate();
+    };
+    const onFocus = (e) => {
+      mask.handleFocus();
+      dropdownOpened.value = false;
+      emit("focus", e);
+    };
+    const onBlur = (e) => emit("blur", e);
+    const onSelectCountry = async (countryId) => {
+      countrySelector.selectCountry(countryId);
+      emit("country-change", selected.value);
+      await vue.nextTick();
+      telRef.value?.focus();
+    };
+    const onCopyClick = async () => {
+      const valueToCopy = fullFormatted.value;
+      const success = await copy(valueToCopy);
+      if (success) {
+        emit("copy", valueToCopy);
+      }
+    };
+    const onClearClick = async () => {
+      mask.clear();
+      model.value = "";
+      emit("change", {
+        full: "",
+        fullFormatted: "",
+        digits: ""
+      });
+      emit("clear");
+      await vue.nextTick();
+      telRef.value?.focus();
+    };
+    const positionDropdown = (e) => {
+      if (e?.type === "scroll" && e.target && dropdownRef.value?.contains(e.target)) return;
+      const root = rootRef.value;
+      if (!root) return;
+      const rect = root.getBoundingClientRect();
+      dropdownStyle.value = {
+        top: `${rect.bottom + window.scrollY + 8}px`,
+        left: `${rect.left + window.scrollX}px`,
+        width: `${rect.width}px`
+      };
+    };
+    const removeDropdownListeners = () => {
+      window.removeEventListener("scroll", positionDropdown, true);
+      window.removeEventListener("click", onDocClick, true);
+      window.removeEventListener("resize", positionDropdown);
+    };
+    const toggleDropdown = async () => {
+      if (inactive.value || !hasDropdown.value) return;
+      await countrySelector.toggleDropdown(searchRef);
+      if (dropdownOpened.value) {
+        positionDropdown();
+        window.addEventListener("scroll", positionDropdown, true);
+        window.addEventListener("click", onDocClick, true);
+        window.addEventListener("resize", positionDropdown);
+      } else {
+        removeDropdownListeners();
+      }
+    };
+    const scrollFocusedIntoView = async () => {
+      await vue.nextTick();
+      const list = dropdownRef.value?.lastElementChild;
+      if (!list) return;
+      list.children[focusedIndex.value]?.scrollIntoView?.({ block: "nearest" });
+    };
+    const onDocClick = (ev) => {
+      const dropdown = dropdownRef.value;
+      const selector = rootRef.value?.firstChild;
+      if (!(dropdown || selector)) return;
+      const target = ev.target;
+      if (!target || dropdown?.contains(target) || selector?.contains(target)) return;
+      dropdownOpened.value = false;
+    };
+    vue.watch(
+      model,
+      (newValue) => {
+        if (!newValue) {
+          if (!isEmpty.value) mask.clear();
+          return;
+        }
+        const currentDigits = digits.value;
+        if (newValue !== currentDigits) {
+          const incomingDigits = newValue.replace(/\D/g, "");
+          if (incomingDigits !== currentDigits) {
+            digits.value = incomingDigits;
+            mask.updateDisplayFromDigits();
+          }
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      [() => props.country, () => props.detect],
+      async ([country, detect]) => {
+        await vue.nextTick();
+        await countrySelector.initCountry(country, detect, () => emit("country-change", selected.value));
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      copyMessage,
+      (val) => {
+        if (liveRef.value && val) {
+          liveRef.value.textContent = val;
+        }
+      },
+      { flush: "post" }
+    );
+    vue.watch(
+      isComplete,
+      (valid) => {
+        emit("validation-change", valid);
+      },
+      { flush: "post" }
+    );
+    vue.onBeforeUnmount(() => {
+      removeDropdownListeners();
+      onClipboardUnmount();
+    });
+    __expose({
+      focus: () => telRef.value?.focus(),
+      blur: () => telRef.value?.blur(),
+      clear: mask.clear,
+      selectCountry: countrySelector.selectCountry,
+      getFullNumber: () => full.value,
+      getFullFormattedNumber: () => fullFormatted.value,
+      getDigits: () => digits.value,
+      isValid: () => isComplete.value,
+      isComplete: () => isComplete.value
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        "aria-label": "Phone input with country selector",
+        role: "group",
+        class: vue.normalizeClass(rootClasses.value),
+        style: vue.normalizeStyle(rootStyles.value)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("button", {
+            type: "button",
+            class: vue.normalizeClass(["pi-selector-btn", { "no-dropdown": !vue.unref(hasDropdown) || __props.readonly }]),
+            disabled: __props.disabled,
+            tabindex: inactive.value || !vue.unref(hasDropdown) ? -1 : void 0,
+            "aria-label": `Selected country: ${vue.unref(selected).name}`,
+            "aria-expanded": vue.unref(dropdownOpened),
+            "aria-haspopup": vue.unref(hasDropdown) ? "listbox" : void 0,
+            onClick: toggleDropdown
+          }, [
+            vue.createElementVNode("span", {
+              class: "pi-flag",
+              role: "img",
+              "aria-label": `${vue.unref(selected).name} flag`
+            }, [
+              vue.renderSlot(_ctx.$slots, "flag", { country: vue.unref(selected) }, () => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(selected).flag), 1)
+              ], true)
+            ], 8, _hoisted_3),
+            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(vue.unref(selected).code), 1),
+            !inactive.value && vue.unref(hasDropdown) ? (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 0,
+              class: vue.normalizeClass(["pi-chevron", { "is-open": vue.unref(dropdownOpened) }]),
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              fill: "none",
+              "aria-hidden": "true"
+            }, [..._cache[6] || (_cache[6] = [
+              vue.createElementVNode("path", {
+                d: "M2.5 4.5L6 8L9.5 4.5",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, null, -1)
+            ])], 2)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_2)
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("input", {
+            ref_key: "telRef",
+            ref: telRef,
+            type: "tel",
+            inputmode: "tel",
+            autocomplete: "tel-national",
+            autocorrect: "off",
+            autocapitalize: "off",
+            spellcheck: "false",
+            class: "pi-input",
+            placeholder: vue.unref(displayPlaceholder),
+            value: vue.unref(displayValue),
+            disabled: __props.disabled,
+            readonly: __props.readonly,
+            "aria-invalid": vue.unref(shouldShowWarn),
+            onBeforeinput: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(mask).handleBeforeInput && vue.unref(mask).handleBeforeInput(...args)),
+            onInput,
+            onKeydown,
+            onPaste,
+            onFocus,
+            onBlur
+          }, null, 40, _hoisted_6),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createVNode(vue.Transition, { name: "fade-scale" }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "actions-before", {}, void 0, true)
+              ]),
+              _: 3
+            }),
+            vue.createVNode(vue.Transition, { name: "fade-scale" }, {
+              default: vue.withCtx(() => [
+                showCopyButton.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: vue.normalizeClass(["pi-btn", { "is-copied": vue.unref(copied) }]),
+                  "aria-label": copyAriaLabel.value,
+                  title: copyButtonTitle.value,
+                  onClick: onCopyClick
+                }, [
+                  slots["copy-svg"] ? vue.renderSlot(_ctx.$slots, "copy-svg", {
+                    key: 0,
+                    copied: vue.unref(copied)
+                  }, void 0, true) : !vue.unref(copied) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9, [..._cache[7] || (_cache[7] = [
+                    vue.createElementVNode("path", {
+                      d: "M13.5 5.5V13.5H5.5V5.5H13.5ZM13.5 4H5.5C4.67 4 4 4.67 4 5.5V13.5C4 14.33 4.67 15 5.5 15H13.5C14.33 15 15 14.33 15 13.5V5.5C15 4.67 14.33 4 13.5 4ZM10.5 1H2.5V11H4V2.5H10.5V1Z",
+                      fill: "currentColor"
+                    }, null, -1)
+                  ])])) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_10, [..._cache[8] || (_cache[8] = [
+                    vue.createElementVNode("path", {
+                      d: "M6.5 11.5L3 8L4.06 6.94L6.5 9.38L11.94 3.94L13 5L6.5 11.5Z",
+                      fill: "currentColor"
+                    }, null, -1)
+                  ])]))
+                ], 10, _hoisted_8)) : vue.createCommentVNode("", true)
+              ]),
+              _: 3
+            }),
+            vue.createVNode(vue.Transition, { name: "fade-scale" }, {
+              default: vue.withCtx(() => [
+                showClearButton.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "pi-btn",
+                  "aria-label": __props.clearButtonLabel,
+                  title: __props.clearButtonLabel,
+                  onClick: onClearClick
+                }, [
+                  !slots["clear-svg"] ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12, [..._cache[9] || (_cache[9] = [
+                    vue.createElementVNode("path", {
+                      d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z",
+                      fill: "currentColor"
+                    }, null, -1)
+                  ])])) : vue.renderSlot(_ctx.$slots, "clear-svg", { key: 1 }, void 0, true)
+                ], 8, _hoisted_11)) : vue.createCommentVNode("", true)
+              ]),
+              _: 3
+            })
+          ])
+        ]),
+        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "dropdown" }, {
+            default: vue.withCtx(() => [
+              vue.unref(dropdownOpened) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "dropdownRef",
+                ref: dropdownRef,
+                class: vue.normalizeClass(["phone-dropdown", [__props.dropdownClass, themeClass.value]]),
+                role: "dialog",
+                "aria-modal": "false",
+                "aria-label": "Select country",
+                style: vue.normalizeStyle(dropdownStyle.value)
+              }, [
+                vue.createElementVNode("div", _hoisted_13, [
+                  vue.withDirectives(vue.createElementVNode("input", {
+                    ref_key: "searchRef",
+                    ref: searchRef,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(search) ? search.value = $event : null),
+                    type: "search",
+                    class: "pi-search",
+                    "aria-label": "Search countries",
+                    placeholder: __props.searchPlaceholder,
+                    onKeydown: [
+                      _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => vue.unref(focusNextOption)(scrollFocusedIntoView), ["prevent"]), ["down"])),
+                      _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => vue.unref(focusPrevOption)(scrollFocusedIntoView), ["prevent"]), ["up"])),
+                      _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(
+                        //@ts-ignore
+                        (...args) => vue.unref(chooseFocusedOption) && vue.unref(chooseFocusedOption)(...args),
+                        ["prevent"]
+                      ), ["enter"])),
+                      _cache[5] || (_cache[5] = vue.withKeys(
+                        //@ts-ignore
+                        (...args) => vue.unref(closeDropdown) && vue.unref(closeDropdown)(...args),
+                        ["escape"]
+                      ))
+                    ]
+                  }, null, 40, _hoisted_14), [
+                    [vue.vModelText, vue.unref(search)]
+                  ])
+                ]),
+                vue.createElementVNode("ul", {
+                  class: "pi-options",
+                  role: "listbox",
+                  "aria-activedescendant": `option-${vue.unref(focusedIndex)}`,
+                  tabindex: "-1"
+                }, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredCountries), (c, idx) => {
+                    return vue.openBlock(), vue.createElementBlock("li", {
+                      id: `option-${idx}`,
+                      key: c.id,
+                      role: "option",
+                      class: vue.normalizeClass([
+                        "pi-option",
+                        {
+                          "is-focused": idx === vue.unref(focusedIndex),
+                          "is-selected": c.id === vue.unref(selected).id
+                        }
+                      ]),
+                      "aria-selected": c.id === vue.unref(selected).id,
+                      title: c.name,
+                      onClick: ($event) => onSelectCountry(c.id),
+                      onMouseenter: ($event) => focusedIndex.value = idx
+                    }, [
+                      vue.createElementVNode("span", {
+                        class: "pi-flag",
+                        role: "img",
+                        "aria-label": `${c.name} flag`
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "flag", { country: c }, () => [
+                          vue.createTextVNode(vue.toDisplayString(c.flag), 1)
+                        ], true)
+                      ], 8, _hoisted_17),
+                      vue.createElementVNode("span", _hoisted_18, vue.toDisplayString(c.name), 1),
+                      vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(c.code), 1)
+                    ], 42, _hoisted_16);
+                  }), 128)),
+                  vue.unref(filteredCountries).length === 0 ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_20, vue.toDisplayString(__props.noResultsText), 1)) : vue.createCommentVNode("", true)
+                ], 8, _hoisted_15)
+              ], 6)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ])),
+        vue.createElementVNode("div", {
+          ref_key: "liveRef",
+          ref: liveRef,
+          class: "sr-only",
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true"
+        }, null, 512)
+      ], 6);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd4ff552"]]);
+function getNavigatorLang() {
+  if (typeof navigator !== "undefined") {
+    return navigator.language || "";
+  }
+  return "";
+}
+function getCountry(countryCode, locale) {
+  const isEn = locale.toLowerCase().startsWith("en");
+  const countriesMap = isEn ? m : MasksFullMap(locale);
+  const id = countryCode.toUpperCase();
+  const found = countriesMap[id];
+  return found ? { id, ...found } : null;
+}
+function getDefaultCountry(locale) {
+  const isEn = locale.toLowerCase().startsWith("en");
+  const countries = isEn ? m : MasksFullMap(locale);
+  return { id: "US", ...countries.US };
+}
+async function detectCountryFromGeoIP() {
+  try {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), GEO_IP_TIMEOUT);
+    const res = await fetch(GEO_IP_URL, {
+      signal: controller.signal,
+      headers: { Accept: "application/json" }
+    });
+    clearTimeout(timeoutId);
+    if (!res.ok) return null;
+    const json = await res.json();
+    const code = (json.country || json.country_code || json.countryCode || json.country_code2 || "").toString().toUpperCase();
+    return code || null;
+  } catch {
+    return null;
+  }
+}
+function detectCountryFromLocale() {
+  try {
+    const lang = getNavigatorLang();
+    try {
+      const loc = new Intl.Locale(lang);
+      if (loc.region) return loc.region.toUpperCase();
+    } catch {
+    }
+    const parts = lang.split(/[-_]/);
+    if (parts.length > 1) return parts[1]?.toUpperCase() || null;
+  } catch {
+  }
+  return null;
+}
+async function initState(binding) {
+  const value = binding.value;
+  let options = {};
+  if (typeof value === "string") {
+    options = { country: value };
+  } else if (typeof value === "object" && value !== null) {
+    options = value;
+  }
+  const locale = options.locale || getNavigatorLang() || "en";
+  let country = null;
+  if (options.country) {
+    country = getCountry(options.country, locale);
+  } else if (options.detect) {
+    const geoCountry = await detectCountryFromGeoIP();
+    if (geoCountry) {
+      country = getCountry(geoCountry, locale);
+    }
+    if (!country) {
+      const localeCountry = detectCountryFromLocale();
+      if (localeCountry) {
+        country = getCountry(localeCountry, locale);
+      }
+    }
+  }
+  if (!country) {
+    country = getDefaultCountry(locale);
+  }
+  return {
+    country,
+    formatter: createPhoneFormatter(country),
+    digits: "",
+    locale,
+    options
+  };
+}
+function updateDisplay(el, state) {
+  el.value = state.formatter.formatDisplay(state.digits);
+  if (state.options.onChange) {
+    const fullNumberFormatted = `${state.country.code} ${el.value}`;
+    const fullNumber = `${state.country.code}${state.digits}`;
+    state.options.onChange({
+      full: fullNumber,
+      fullFormatted: fullNumberFormatted,
+      digits: state.digits
+    });
+  }
+}
+function createBeforeInputHandler(el) {
+  return (e) => {
+    const data = e.data;
+    if (e.inputType !== "insertText" || !data) return;
+    if (InvalidPattern.test(data) || data === " " && el.value.endsWith(" ")) {
+      e.preventDefault();
+    }
+  };
+}
+function createInputHandler(el, state) {
+  return (e) => {
+    const target = e.target;
+    if (!target) return;
+    const raw = target.value || "";
+    const maxDigits = state.formatter.getMaxDigits();
+    state.digits = extractDigits(raw, maxDigits);
+    updateDisplay(el, state);
+    vue.nextTick(() => {
+      const pos = state.formatter.getCaretPosition(state.digits.length);
+      setCaret(el, pos);
+    });
+  };
+}
+function createKeydownHandler(el, state) {
+  return (e) => {
+    if (e.ctrlKey || e.metaKey || e.altKey || NavigationKeys.includes(e.key)) return;
+    const [selStart, selEnd] = getSelection(el);
+    if (e.key === "Backspace") {
+      e.preventDefault();
+      if (selStart !== selEnd) {
+        const range = state.formatter.getDigitRange(state.digits, selStart, selEnd);
+        if (range) {
+          const [start, end] = range;
+          state.digits = state.digits.slice(0, start) + state.digits.slice(end);
+          updateDisplay(el, state);
+          vue.nextTick(() => {
+            const pos = state.formatter.getCaretPosition(start);
+            setCaret(el, pos);
+          });
+        }
+        return;
+      }
+      if (selStart > 0) {
+        const displayStr = el.value;
+        let prevPos = selStart - 1;
+        while (prevPos >= 0 && Delimiters.includes(displayStr[prevPos])) {
+          prevPos--;
+        }
+        if (prevPos >= 0) {
+          const range = state.formatter.getDigitRange(state.digits, prevPos, prevPos + 1);
+          if (range) {
+            const [start] = range;
+            state.digits = state.digits.slice(0, start) + state.digits.slice(start + 1);
+            updateDisplay(el, state);
+            vue.nextTick(() => {
+              const pos = state.formatter.getCaretPosition(start);
+              setCaret(el, pos);
+            });
+          }
+        }
+      }
+      return;
+    }
+    if (e.key === "Delete") {
+      e.preventDefault();
+      if (selStart !== selEnd) {
+        const range = state.formatter.getDigitRange(state.digits, selStart, selEnd);
+        if (range) {
+          const [start, end] = range;
+          state.digits = state.digits.slice(0, start) + state.digits.slice(end);
+          updateDisplay(el, state);
+          vue.nextTick(() => {
+            const pos = state.formatter.getCaretPosition(start);
+            setCaret(el, pos);
+          });
+        }
+        return;
+      }
+      if (selStart < el.value.length) {
+        const range = state.formatter.getDigitRange(state.digits, selStart, selStart + 1);
+        if (range) {
+          const [start] = range;
+          state.digits = state.digits.slice(0, start) + state.digits.slice(start + 1);
+          updateDisplay(el, state);
+          vue.nextTick(() => {
+            const pos = state.formatter.getCaretPosition(start);
+            setCaret(el, pos);
+          });
+        }
+      }
+      return;
+    }
+    if (/^[0-9]$/.test(e.key)) {
+      if (state.digits.length >= state.formatter.getMaxDigits()) {
+        e.preventDefault();
+      }
+      return;
+    }
+    if (e.key.length === 1) {
+      e.preventDefault();
+    }
+  };
+}
+function createPasteHandler(el, state) {
+  return (e) => {
+    e.preventDefault();
+    const text = e.clipboardData?.getData("text") || "";
+    const maxDigits = state.formatter.getMaxDigits();
+    const pastedDigits = extractDigits(text, maxDigits);
+    if (pastedDigits.length === 0) return;
+    const [selStart, selEnd] = getSelection(el);
+    if (selStart !== selEnd) {
+      const range2 = state.formatter.getDigitRange(state.digits, selStart, selEnd);
+      if (range2) {
+        const [start, end] = range2;
+        const left2 = state.digits.slice(0, start);
+        const right2 = state.digits.slice(end);
+        state.digits = extractDigits(left2 + pastedDigits + right2, maxDigits);
+        updateDisplay(el, state);
+        vue.nextTick(() => {
+          const pos = state.formatter.getCaretPosition(start + pastedDigits.length);
+          setCaret(el, pos);
+        });
+        return;
+      }
+    }
+    const range = state.formatter.getDigitRange(state.digits, selStart, selStart);
+    const insertIndex = range ? range[0] : state.digits.length;
+    const left = state.digits.slice(0, insertIndex);
+    const right = state.digits.slice(insertIndex);
+    state.digits = extractDigits(left + pastedDigits + right, maxDigits);
+    updateDisplay(el, state);
+    vue.nextTick(() => {
+      const pos = state.formatter.getCaretPosition(insertIndex + pastedDigits.length);
+      setCaret(el, pos);
+    });
+  };
+}
+async function updateCountry(el, state, newCountryCode) {
+  const newCountry = getCountry(newCountryCode, state.locale);
+  if (!newCountry) return;
+  state.country = newCountry;
+  state.formatter = createPhoneFormatter(newCountry);
+  el.placeholder = state.formatter.getPlaceholder();
+  const maxDigits = state.formatter.getMaxDigits();
+  if (state.digits.length > maxDigits) {
+    state.digits = state.digits.slice(0, maxDigits);
+  }
+  updateDisplay(el, state);
+  if (state.options.onCountryChange) {
+    state.options.onCountryChange(newCountry);
+  }
+}
+const vPhoneMask = {
+  async mounted(el, binding) {
+    if (el.tagName !== "INPUT") {
+      console.warn("[v-phone-mask] Directive can only be used on input elements");
+      return;
+    }
+    el.setAttribute("type", "tel");
+    el.setAttribute("inputmode", "tel");
+    const state = await initState(binding);
+    el.__phoneMaskState = state;
+    state.inputHandler = createInputHandler(el, state);
+    state.keydownHandler = createKeydownHandler(el, state);
+    state.pasteHandler = createPasteHandler(el, state);
+    state.beforeInputHandler = createBeforeInputHandler(el);
+    el.addEventListener("beforeinput", state.beforeInputHandler);
+    el.addEventListener("input", state.inputHandler);
+    el.addEventListener("keydown", state.keydownHandler);
+    el.addEventListener("paste", state.pasteHandler);
+    el.setAttribute("placeholder", state.formatter.getPlaceholder());
+    if (state.options.onCountryChange) {
+      state.options.onCountryChange(state.country);
+    }
+    if (el.value) {
+      const maxDigits = state.formatter.getMaxDigits();
+      state.digits = extractDigits(el.value, maxDigits);
+      updateDisplay(el, state);
+    }
+  },
+  async updated(el, binding) {
+    const state = el.__phoneMaskState;
+    if (!state) return;
+    const value = binding.value;
+    let newOptions = {};
+    if (typeof value === "string") {
+      newOptions = { country: value };
+    } else if (typeof value === "object" && value !== null) {
+      newOptions = value;
+    }
+    const oldCountry = state.options.country;
+    state.options = newOptions;
+    const newCountry = newOptions.country;
+    if (newCountry && newCountry !== oldCountry) {
+      await updateCountry(el, state, newCountry);
+    }
+    const newDigits = extractDigits(el.value);
+    if (newDigits !== state.digits) {
+      state.digits = newDigits;
+      updateDisplay(el, state);
+    }
+  },
+  unmounted(el) {
+    const state = el.__phoneMaskState;
+    if (!state) return;
+    if (state.beforeInputHandler) el.removeEventListener("beforeinput", state.beforeInputHandler);
+    if (state.inputHandler) el.removeEventListener("input", state.inputHandler);
+    if (state.keydownHandler) el.removeEventListener("keydown", state.keydownHandler);
+    if (state.pasteHandler) el.removeEventListener("paste", state.pasteHandler);
+    delete el.__phoneMaskState;
+  }
+};
+function install(app) {
+  app.component("PhoneInput", PhoneInput);
+  app.directive("phone-mask", vPhoneMask);
+}
+const index = {
+  install
+};
+const PMaskHelpers = {
+  getFlagEmoji: g,
+  countPlaceholders,
+  formatDigitsWithMap,
+  pickMaskVariant,
+  removeCountryCodePrefix,
+  toArray
+};
+exports.PMaskHelpers = PMaskHelpers;
+exports.PhoneInput = PhoneInput;
+exports.default = index;
+exports.install = install;
+exports.vPhoneMask = vPhoneMask;
+exports.vPhoneMaskSetCountry = updateCountry;