@desource/phone-mask-vue 0.2.0

package/dist/index.js

@@ -0,0 +1,1441 @@
+var lib = (function(exports, vue) {
+  "use strict";
+  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;
+  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+  return exports;
+})({}, Vue);