intl-tel-input 25.0.1 → 25.0.2

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as D, useModel as x, ref as L, onMounted as E, watch as M, onUnmounted as F, withDirectives as B, openBlock as O, createElementBlock as V, mergeProps as z, vModelText as R } from "vue";
-const N = [
+import { mergeModels as D, useModel as x, ref as L, onMounted as E, watch as M, onUnmounted as F, withDirectives as B, openBlock as V, createElementBlock as O, mergeProps as z, vModelText as R } from "vue";
+const A = [
   [
     "af",
     // Afghanistan
@@ -9,8 +9,7 @@ const N = [
     "ax",
     // Åland Islands
     "358",
-    1,
-    ["18"]
+    1
   ],
   [
     "al",
@@ -1306,15 +1305,16 @@ const N = [
     "263"
   ]
 ], I = [];
-for (let u = 0; u < N.length; u++) {
-  const t = N[u];
+for (let u = 0; u < A.length; u++) {
+  const e = A[u];
   I[u] = {
     name: "",
     // this is now populated in the plugin
-    iso2: t[0],
-    dialCode: t[1],
-    priority: t[2] || 0,
-    areaCodes: t[3] || null,
+    iso2: e[0],
+    dialCode: e[1],
+    priority: e[2] || 0,
+    areaCodes: e[3] || null,
+    partialAreaCodes: null,
     nodeById: {}
   };
 }
@@ -1649,46 +1649,46 @@ const T = {
   "887",
   "888",
   "889"
-], v = (u) => u.replace(/\D/g, ""), A = (u = "") => u.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), S = (u) => {
-  const t = v(u);
-  if (t.charAt(0) === "1") {
-    const e = t.substr(1, 3);
-    return K.indexOf(e) !== -1;
+], v = (u) => u.replace(/\D/g, ""), N = (u = "") => u.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), S = (u) => {
+  const e = v(u);
+  if (e.charAt(0) === "1") {
+    const t = e.substr(1, 3);
+    return K.indexOf(t) !== -1;
   }
   return !1;
-}, H = (u, t, e, i) => {
-  if (e === 0 && !i)
+}, H = (u, e, t, i) => {
+  if (t === 0 && !i)
     return 0;
   let s = 0;
-  for (let n = 0; n < t.length; n++) {
-    if (/[+0-9]/.test(t[n]) && s++, s === u && !i)
+  for (let n = 0; n < e.length; n++) {
+    if (/[+0-9]/.test(e[n]) && s++, s === u && !i)
       return n + 1;
     if (i && s === u + 1)
       return n;
   }
-  return t.length;
-}, y = (u, t, e) => {
+  return e.length;
+}, y = (u, e, t) => {
   const i = document.createElement(u);
-  return t && Object.entries(t).forEach(([s, n]) => i.setAttribute(s, n)), e && e.appendChild(i), i;
-}, w = (u, ...t) => {
-  const { instances: e } = l;
-  Object.values(e).forEach((i) => i[u](...t));
+  return e && Object.entries(e).forEach(([s, n]) => i.setAttribute(s, n)), t && t.appendChild(i), i;
+}, w = (u, ...e) => {
+  const { instances: t } = l;
+  Object.values(t).forEach((i) => i[u](...e));
 };
 class G {
-  constructor(t, e = {}) {
-    this.id = U++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, T, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
+  constructor(e, t = {}) {
+    this.id = U++, this.telInput = e, this.highlightedItem = null, this.options = Object.assign({}, T, t), this.hadInitialPlaceholder = !!e.getAttribute("placeholder");
   }
   //* Can't be private as it's called from intlTelInput convenience wrapper.
   _init() {
     this.options.useFullscreenPopup && (this.options.fixDropdownWidth = !1), this.options.onlyCountries.length === 1 && (this.options.initialCountry = this.options.onlyCountries[0]), this.options.separateDialCode && (this.options.nationalMode = !1), this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode && (this.options.nationalMode = !1), this.options.useFullscreenPopup && !this.options.dropdownContainer && (this.options.dropdownContainer = document.body), this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]");
-    const t = this.options.allowDropdown || this.options.separateDialCode;
-    this.showSelectedCountryOnLeft = this.isRTL ? !t : t, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...k, ...this.options.i18n };
-    const e = new Promise((s, n) => {
+    const e = this.options.allowDropdown || this.options.separateDialCode;
+    this.showSelectedCountryOnLeft = this.isRTL ? !e : e, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...k, ...this.options.i18n };
+    const t = new Promise((s, n) => {
       this.resolveAutoCountryPromise = s, this.rejectAutoCountryPromise = n;
     }), i = new Promise((s, n) => {
       this.resolveUtilsScriptPromise = s, this.rejectUtilsScriptPromise = n;
     });
-    this.promise = Promise.all([e, i]), this.selectedCountryData = {}, this._processCountryData(), this._generateMarkup(), this._setInitialState(), this._initListeners(), this._initRequests();
+    this.promise = Promise.all([t, i]), this.selectedCountryData = {}, this._processCountryData(), this._generateMarkup(), this._setInitialState(), this._initListeners(), this._initRequests();
   }
   //********************
   //*  PRIVATE METHODS
@@ -1699,37 +1699,37 @@ class G {
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
-    this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((t) => t.toLowerCase())), this.countries.sort((t, e) => {
+    this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((e) => e.toLowerCase())), this.countries.sort((e, t) => {
       const { countryOrder: i } = this.options;
       if (i) {
-        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), o = s > -1, a = n > -1;
+        const s = i.indexOf(e.iso2), n = i.indexOf(t.iso2), o = s > -1, a = n > -1;
         if (o || a)
           return o && a ? s - n : o ? -1 : 1;
       }
-      return t.name.localeCompare(e.name);
+      return e.name.localeCompare(t.name);
     });
   }
   //* Add a dial code to this.dialCodeToIso2Map.
-  _addToDialCodeMap(t, e, i) {
-    e.length > this.dialCodeMaxLen && (this.dialCodeMaxLen = e.length), this.dialCodeToIso2Map.hasOwnProperty(e) || (this.dialCodeToIso2Map[e] = []);
-    for (let n = 0; n < this.dialCodeToIso2Map[e].length; n++)
-      if (this.dialCodeToIso2Map[e][n] === t)
+  _addToDialCodeMap(e, t, i) {
+    t.length > this.dialCodeMaxLen && (this.dialCodeMaxLen = t.length), this.dialCodeToIso2Map.hasOwnProperty(t) || (this.dialCodeToIso2Map[t] = []);
+    for (let n = 0; n < this.dialCodeToIso2Map[t].length; n++)
+      if (this.dialCodeToIso2Map[t][n] === e)
         return;
-    const s = i !== void 0 ? i : this.dialCodeToIso2Map[e].length;
-    this.dialCodeToIso2Map[e][s] = t;
+    const s = i !== void 0 ? i : this.dialCodeToIso2Map[t].length;
+    this.dialCodeToIso2Map[t][s] = e;
   }
   //* Process onlyCountries or excludeCountries array if present.
   _processAllCountries() {
-    const { onlyCountries: t, excludeCountries: e } = this.options;
-    if (t.length) {
-      const i = t.map(
+    const { onlyCountries: e, excludeCountries: t } = this.options;
+    if (e.length) {
+      const i = e.map(
         (s) => s.toLowerCase()
       );
       this.countries = I.filter(
         (s) => i.indexOf(s.iso2) > -1
       );
-    } else if (e.length) {
-      const i = e.map(
+    } else if (t.length) {
+      const i = t.map(
         (s) => s.toLowerCase()
       );
       this.countries = I.filter(
@@ -1740,40 +1740,40 @@ class G {
   }
   //* Translate Countries by object literal provided on config.
   _translateCountryNames() {
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t].iso2.toLowerCase();
-      this.options.i18n.hasOwnProperty(e) && (this.countries[t].name = this.options.i18n[e]);
+    for (let e = 0; e < this.countries.length; e++) {
+      const t = this.countries[e].iso2.toLowerCase();
+      this.options.i18n.hasOwnProperty(t) && (this.countries[e].name = this.options.i18n[t]);
     }
   }
-  //* Generate this.dialCodes and this.dialCodeToIso2Map.
+  //* Generate this.dialCodes and this.dialCodeToIso2Map and country.partialAreaCodes.
   _processDialCodes() {
     this.dialCodes = {}, this.dialCodeMaxLen = 0, this.dialCodeToIso2Map = {};
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t];
-      this.dialCodes[e.dialCode] || (this.dialCodes[e.dialCode] = !0), this._addToDialCodeMap(e.iso2, e.dialCode, e.priority);
+    for (let e = 0; e < this.countries.length; e++) {
+      const t = this.countries[e];
+      this.dialCodes[t.dialCode] || (this.dialCodes[t.dialCode] = !0), this._addToDialCodeMap(t.iso2, t.dialCode, t.priority);
     }
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t];
-      if (e.areaCodes) {
-        const i = this.dialCodeToIso2Map[e.dialCode][0];
-        for (let s = 0; s < e.areaCodes.length; s++) {
-          const n = e.areaCodes[s];
+    for (let e = 0; e < this.countries.length; e++) {
+      const t = this.countries[e];
+      if (t.areaCodes) {
+        const i = this.dialCodeToIso2Map[t.dialCode][0];
+        for (let s = 0; s < t.areaCodes.length; s++) {
+          const n = t.areaCodes[s];
           for (let o = 1; o < n.length; o++) {
-            const a = e.dialCode + n.substr(0, o);
-            this._addToDialCodeMap(i, a), this._addToDialCodeMap(e.iso2, a);
+            const a = n.substr(0, o), r = t.dialCode + a;
+            this._addToDialCodeMap(i, r), this._addToDialCodeMap(t.iso2, r), t.partialAreaCodes || (t.partialAreaCodes = []), t.partialAreaCodes.includes(a) || t.partialAreaCodes.push(a);
           }
-          this._addToDialCodeMap(e.iso2, e.dialCode + n);
+          this._addToDialCodeMap(t.iso2, t.dialCode + n);
         }
       }
     }
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var h, m, b;
+    var d, m, b;
     this.telInput.classList.add("iti__tel-input"), !this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete")) && this.telInput.setAttribute("autocomplete", "off");
     const {
-      allowDropdown: t,
-      separateDialCode: e,
+      allowDropdown: e,
+      separateDialCode: t,
       showFlags: i,
       containerClass: s,
       hiddenInput: n,
@@ -1781,17 +1781,17 @@ class G {
       fixDropdownWidth: a,
       useFullscreenPopup: r,
       countrySearch: p,
-      i18n: c
+      i18n: h
     } = this.options;
-    let d = "iti";
-    t && (d += " iti--allow-dropdown"), i && (d += " iti--show-flags"), s && (d += ` ${s}`), r || (d += " iti--inline-dropdown");
-    const C = y("div", { class: d });
-    if ((h = this.telInput.parentNode) == null || h.insertBefore(C, this.telInput), t || i || e) {
+    let c = "iti";
+    e && (c += " iti--allow-dropdown"), i && (c += " iti--show-flags"), s && (c += ` ${s}`), r || (c += " iti--inline-dropdown");
+    const C = y("div", { class: c });
+    if ((d = this.telInput.parentNode) == null || d.insertBefore(C, this.telInput), e || i || t) {
       this.countryContainer = y(
         "div",
         { class: "iti__country-container" },
         C
-      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = y(
+      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", e ? (this.selectedCountry = y(
         "button",
         {
           type: "button",
@@ -1813,15 +1813,15 @@ class G {
         "span",
         { class: "iti__a11y-text" },
         this.selectedCountryInner
-      ), t && (this.dropdownArrow = y(
+      ), e && (this.dropdownArrow = y(
         "div",
         { class: "iti__arrow", "aria-hidden": "true" },
         _
-      )), e && (this.selectedDialCode = y(
+      )), t && (this.selectedDialCode = y(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
-      )), t) {
+      )), e) {
         const f = a ? "" : "iti--flexible-dropdown-width";
         if (this.dropdownContent = y("div", {
           id: `iti-${this.id}__dropdown-content`,
@@ -1831,10 +1831,10 @@ class G {
           {
             type: "text",
             class: "iti__search-input",
-            placeholder: c.searchPlaceholder,
+            placeholder: h.searchPlaceholder,
             role: "combobox",
             "aria-expanded": "true",
-            "aria-label": c.searchPlaceholder,
+            "aria-label": h.searchPlaceholder,
             "aria-controls": `iti-${this.id}__country-listbox`,
             "aria-autocomplete": "list",
             autocomplete: "off"
@@ -1850,7 +1850,7 @@ class G {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": c.countryListAriaLabel
+            "aria-label": h.countryListAriaLabel
           },
           this.dropdownContent
         ), this._appendListItems(), p && this._updateSearchResultsText(), o) {
@@ -1880,35 +1880,35 @@ class G {
   }
   //* For each country: add a country list item <li> to the countryList <ul> container.
   _appendListItems() {
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = y(
+    for (let e = 0; e < this.countries.length; e++) {
+      const t = this.countries[e], i = e === 0 ? "iti__highlight" : "", s = y(
         "li",
         {
-          id: `iti-${this.id}__item-${e.iso2}`,
+          id: `iti-${this.id}__item-${t.iso2}`,
           class: `iti__country ${i}`,
           tabindex: "-1",
           role: "option",
-          "data-dial-code": e.dialCode,
-          "data-country-code": e.iso2,
+          "data-dial-code": t.dialCode,
+          "data-country-code": t.iso2,
           "aria-selected": "false"
         },
         this.countryList
       );
-      e.nodeById[this.id] = s;
+      t.nodeById[this.id] = s;
       let n = "";
-      this.options.showFlags && (n += `<div class='iti__flag iti__${e.iso2}'></div>`), n += `<span class='iti__country-name'>${e.name}</span>`, n += `<span class='iti__dial-code'>+${e.dialCode}</span>`, s.insertAdjacentHTML("beforeend", n);
+      this.options.showFlags && (n += `<div class='iti__flag iti__${t.iso2}'></div>`), n += `<span class='iti__country-name'>${t.name}</span>`, n += `<span class='iti__dial-code'>+${t.dialCode}</span>`, s.insertAdjacentHTML("beforeend", n);
     }
   }
   //* Set the initial state of the input value and the selected country by:
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
-  _setInitialState(t = !1) {
-    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, o = this._getDialCode(n), a = S(n), { initialCountry: r, geoIpLookup: p } = this.options, c = r === "auto" && p;
+  _setInitialState(e = !1) {
+    const t = this.telInput.getAttribute("value"), i = this.telInput.value, n = t && t.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? t : i, o = this._getDialCode(n), a = S(n), { initialCountry: r, geoIpLookup: p } = this.options, h = r === "auto" && p;
     if (o && !a)
       this._updateCountryFromNumber(n);
-    else if (!c || t) {
-      const d = r ? r.toLowerCase() : "";
-      d && this._getCountryData(d, !0) ? this._setCountry(d) : o && a ? this._setCountry("us") : this._setCountry();
+    else if (!h || e) {
+      const c = r ? r.toLowerCase() : "";
+      c && this._getCountryData(c, !0) ? this._setCountry(c) : o && a ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -1918,24 +1918,24 @@ class G {
   }
   //* Update hidden input on form submit.
   _initHiddenInputListener() {
-    var t;
+    var e;
     this._handleHiddenInputSubmit = () => {
       this.hiddenInput && (this.hiddenInput.value = this.getNumber()), this.hiddenInputCountry && (this.hiddenInputCountry.value = this.getSelectedCountryData().iso2 || "");
-    }, (t = this.telInput.form) == null || t.addEventListener(
+    }, (e = this.telInput.form) == null || e.addEventListener(
       "submit",
       this._handleHiddenInputSubmit
     );
   }
   //* initialise the dropdown listeners.
   _initDropdownListeners() {
-    this._handleLabelClick = (e) => {
-      this.dropdownContent.classList.contains("iti__hide") ? this.telInput.focus() : e.preventDefault();
+    this._handleLabelClick = (t) => {
+      this.dropdownContent.classList.contains("iti__hide") ? this.telInput.focus() : t.preventDefault();
     };
-    const t = this.telInput.closest("label");
-    t && t.addEventListener("click", this._handleLabelClick), this._handleClickSelectedCountry = () => {
+    const e = this.telInput.closest("label");
+    e && e.addEventListener("click", this._handleLabelClick), this._handleClickSelectedCountry = () => {
       this.dropdownContent.classList.contains("iti__hide") && !this.telInput.disabled && !this.telInput.readOnly && this._openDropdown();
-    }, this.selectedCountry.addEventListener("click", this._handleClickSelectedCountry), this._handleCountryContainerKeydown = (e) => {
-      this.dropdownContent.classList.contains("iti__hide") && ["ArrowUp", "ArrowDown", " ", "Enter"].includes(e.key) && (e.preventDefault(), e.stopPropagation(), this._openDropdown()), e.key === "Tab" && this._closeDropdown();
+    }, this.selectedCountry.addEventListener("click", this._handleClickSelectedCountry), this._handleCountryContainerKeydown = (t) => {
+      this.dropdownContent.classList.contains("iti__hide") && ["ArrowUp", "ArrowDown", " ", "Enter"].includes(t.key) && (t.preventDefault(), t.stopPropagation(), this._openDropdown()), t.key === "Tab" && this._closeDropdown();
     }, this.countryContainer.addEventListener(
       "keydown",
       this._handleCountryContainerKeydown
@@ -1943,19 +1943,19 @@ class G {
   }
   //* Init many requests: utils script / geo ip lookup.
   _initRequests() {
-    let { loadUtils: t, initialCountry: e, geoIpLookup: i } = this.options;
-    t && !l.utils ? (this._handlePageLoad = () => {
+    let { loadUtils: e, initialCountry: t, geoIpLookup: i } = this.options;
+    e && !l.utils ? (this._handlePageLoad = () => {
       var n;
-      window.removeEventListener("load", this._handlePageLoad), (n = l.attachUtils(t)) == null || n.catch(() => {
+      window.removeEventListener("load", this._handlePageLoad), (n = l.attachUtils(e)) == null || n.catch(() => {
       });
-    }, l.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), e === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
+    }, l.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), t === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
   }
   //* Perform the geo ip lookup.
   _loadAutoCountry() {
     l.autoCountry ? this.handleAutoCountry() : l.startedLoadingAutoCountry || (l.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
-      (t = "") => {
-        const e = t.toLowerCase();
-        e && this._getCountryData(e, !0) ? (l.autoCountry = e, setTimeout(() => w("handleAutoCountry"))) : (this._setInitialState(!0), w("rejectAutoCountryPromise"));
+      (e = "") => {
+        const t = e.toLowerCase();
+        t && this._getCountryData(t, !0) ? (l.autoCountry = t, setTimeout(() => w("handleAutoCountry"))) : (this._setInitialState(!0), w("rejectAutoCountryPromise"));
       },
       () => {
         this._setInitialState(!0), w("rejectAutoCountryPromise");
@@ -1967,58 +1967,58 @@ class G {
   }
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
-    const { strictMode: t, formatAsYouType: e, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: o } = this.options;
+    const { strictMode: e, formatAsYouType: t, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: o } = this.options;
     let a = !1;
     new RegExp("\\p{L}", "u").test(this.telInput.value) && (a = !0), this._handleInputEvent = (r) => {
       if (this.isAndroid && (r == null ? void 0 : r.data) === "+" && i && n && o) {
-        const C = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, C - 1), m = this.telInput.value.substring(C);
-        this.telInput.value = h + m, this._openDropdownWithPlus();
+        const C = this.telInput.selectionStart || 0, d = this.telInput.value.substring(0, C - 1), m = this.telInput.value.substring(C);
+        this.telInput.value = d + m, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const p = (r == null ? void 0 : r.data) && /[^+0-9]/.test(r.data), c = (r == null ? void 0 : r.inputType) === "insertFromPaste" && this.telInput.value;
-      p || c && !t ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
-      const d = (r == null ? void 0 : r.detail) && r.detail.isSetNumber && !s;
-      if (e && !a && !d) {
+      const p = (r == null ? void 0 : r.data) && /[^+0-9]/.test(r.data), h = (r == null ? void 0 : r.inputType) === "insertFromPaste" && this.telInput.value;
+      p || h && !e ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
+      const c = (r == null ? void 0 : r.detail) && r.detail.isSetNumber && !s;
+      if (t && !a && !c) {
         const C = this.telInput.selectionStart || 0, m = this.telInput.value.substring(0, C).replace(/[^+0-9]/g, "").length, b = (r == null ? void 0 : r.inputType) === "deleteContentForward", _ = this._formatNumberAsYouType(), f = H(m, _, C, b);
         this.telInput.value = _, this.telInput.setSelectionRange(f, f);
       }
-    }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (r) => {
+    }, this.telInput.addEventListener("input", this._handleInputEvent), (e || i) && (this._handleKeydownEvent = (r) => {
       if (r.key && r.key.length === 1 && !r.altKey && !r.ctrlKey && !r.metaKey) {
         if (i && n && o && r.key === "+") {
           r.preventDefault(), this._openDropdownWithPlus();
           return;
         }
-        if (t) {
-          const p = this.telInput.value, c = p.charAt(0) === "+", d = !c && this.telInput.selectionStart === 0 && r.key === "+", C = /^[0-9]$/.test(r.key), h = i ? C : d || C, m = p.slice(0, this.telInput.selectionStart) + r.key + p.slice(this.telInput.selectionEnd), b = this._getFullNumber(m), _ = l.utils.getCoreNumber(b, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && _.length > this.maxCoreNumberLength;
+        if (e) {
+          const p = this.telInput.value, h = p.charAt(0) === "+", c = !h && this.telInput.selectionStart === 0 && r.key === "+", C = /^[0-9]$/.test(r.key), d = i ? C : c || C, m = p.slice(0, this.telInput.selectionStart) + r.key + p.slice(this.telInput.selectionEnd), b = this._getFullNumber(m), _ = l.utils.getCoreNumber(b, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && _.length > this.maxCoreNumberLength;
           let g = !1;
-          if (c) {
+          if (h) {
             const P = this.selectedCountryData.iso2;
             g = this._getCountryFromNumber(b) !== P;
           }
-          (!h || f && !g && !d) && r.preventDefault();
+          (!d || f && !g && !c) && r.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
   }
   //* Adhere to the input's maxlength attr.
-  _cap(t) {
-    const e = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
-    return e && t.length > e ? t.substr(0, e) : t;
+  _cap(e) {
+    const t = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
+    return t && e.length > t ? e.substr(0, t) : e;
   }
   //* Trigger a custom event on the input.
-  _trigger(t, e = {}) {
-    const i = new CustomEvent(t, {
+  _trigger(e, t = {}) {
+    const i = new CustomEvent(e, {
       bubbles: !0,
       cancelable: !0,
-      detail: e
+      detail: t
     });
     this.telInput.dispatchEvent(i);
   }
   //* Open the dropdown.
   _openDropdown() {
-    const { fixDropdownWidth: t, countrySearch: e } = this.options;
-    if (t && (this.dropdownContent.style.width = `${this.telInput.offsetWidth}px`), this.dropdownContent.classList.remove("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "true"), this._setDropdownPosition(), e) {
+    const { fixDropdownWidth: e, countrySearch: t } = this.options;
+    if (e && (this.dropdownContent.style.width = `${this.telInput.offsetWidth}px`), this.dropdownContent.classList.remove("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "true"), this._setDropdownPosition(), t) {
       const i = this.countryList.firstElementChild;
       i && (this._highlightListItem(i, !1), this.countryList.scrollTop = 0), this.searchInput.focus();
     }
@@ -2027,8 +2027,8 @@ class G {
   //* Set the dropdown position
   _setDropdownPosition() {
     if (this.options.dropdownContainer && this.options.dropdownContainer.appendChild(this.dropdown), !this.options.useFullscreenPopup) {
-      const t = this.telInput.getBoundingClientRect(), e = this.telInput.offsetHeight;
-      this.options.dropdownContainer && (this.dropdown.style.top = `${t.top + e}px`, this.dropdown.style.left = `${t.left}px`, this._handleWindowScroll = () => this._closeDropdown(), window.addEventListener("scroll", this._handleWindowScroll));
+      const e = this.telInput.getBoundingClientRect(), t = this.telInput.offsetHeight;
+      this.options.dropdownContainer && (this.dropdown.style.top = `${e.top + t}px`, this.dropdown.style.left = `${e.left}px`, this._handleWindowScroll = () => this._closeDropdown(), window.addEventListener("scroll", this._handleWindowScroll));
     }
   }
   //* We only bind dropdown listeners when the dropdown is open.
@@ -2045,17 +2045,17 @@ class G {
       const n = (o = s.target) == null ? void 0 : o.closest(".iti__country");
       n && this._selectListItem(n);
     }, this.countryList.addEventListener("click", this._handleClickCountryList);
-    let t = !0;
+    let e = !0;
     this._handleClickOffToClose = () => {
-      t || this._closeDropdown(), t = !1;
+      e || this._closeDropdown(), e = !1;
     }, document.documentElement.addEventListener(
       "click",
       this._handleClickOffToClose
     );
-    let e = "", i = null;
+    let t = "", i = null;
     if (this._handleKeydownOnDropdown = (s) => {
-      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(s.key) && (s.preventDefault(), s.stopPropagation(), s.key === "ArrowUp" || s.key === "ArrowDown" ? this._handleUpDownKey(s.key) : s.key === "Enter" ? this._handleEnterKey() : s.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(s.key) && (s.stopPropagation(), i && clearTimeout(i), e += s.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
-        e = "";
+      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(s.key) && (s.preventDefault(), s.stopPropagation(), s.key === "ArrowUp" || s.key === "ArrowDown" ? this._handleUpDownKey(s.key) : s.key === "Enter" ? this._handleEnterKey() : s.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(s.key) && (s.stopPropagation(), i && clearTimeout(i), t += s.key.toLowerCase(), this._searchForCountry(t), i = setTimeout(() => {
+        t = "";
       }, 1e3));
     }, document.addEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch) {
       const s = () => {
@@ -2071,10 +2071,10 @@ class G {
     }
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
-  _searchForCountry(t) {
-    for (let e = 0; e < this.countries.length; e++) {
-      const i = this.countries[e];
-      if (i.name.substr(0, t.length).toLowerCase() === t) {
+  _searchForCountry(e) {
+    for (let t = 0; t < this.countries.length; t++) {
+      const i = this.countries[t];
+      if (i.name.substr(0, e.length).toLowerCase() === e) {
         const n = i.nodeById[this.id];
         this._highlightListItem(n, !1), this._scrollTo(n);
         break;
@@ -2082,30 +2082,30 @@ class G {
     }
   }
   //* Country search enabled: Filter the countries according to the search query.
-  _filterCountries(t, e = !1) {
+  _filterCountries(e, t = !1) {
     let i = !0;
     this.countryList.innerHTML = "";
-    const s = A(t);
+    const s = N(e);
     for (let n = 0; n < this.countries.length; n++) {
-      const o = this.countries[n], a = A(o.name), r = o.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((c) => c[0]).join("").toLowerCase(), p = `+${o.dialCode}`;
-      if (e || a.includes(s) || p.includes(s) || o.iso2.includes(s) || r.includes(s)) {
-        const c = o.nodeById[this.id];
-        c && this.countryList.appendChild(c), i && (this._highlightListItem(c, !1), i = !1);
+      const o = this.countries[n], a = N(o.name), r = o.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((h) => h[0]).join("").toLowerCase(), p = `+${o.dialCode}`;
+      if (t || a.includes(s) || p.includes(s) || o.iso2.includes(s) || r.includes(s)) {
+        const h = o.nodeById[this.id];
+        h && this.countryList.appendChild(h), i && (this._highlightListItem(h, !1), i = !1);
       }
     }
     i && this._highlightListItem(null, !1), this.countryList.scrollTop = 0, this._updateSearchResultsText();
   }
   //* Update search results text (for a11y).
   _updateSearchResultsText() {
-    const { i18n: t } = this.options, e = this.countryList.childElementCount;
+    const { i18n: e } = this.options, t = this.countryList.childElementCount;
     let i;
-    e === 0 ? i = t.zeroSearchResults : e === 1 ? i = t.oneSearchResult : i = t.multipleSearchResults.replace("${count}", e.toString()), this.searchResultsA11yText.textContent = i;
+    t === 0 ? i = e.zeroSearchResults : t === 1 ? i = e.oneSearchResult : i = e.multipleSearchResults.replace("${count}", t.toString()), this.searchResultsA11yText.textContent = i;
   }
   //* Highlight the next/prev item in the list (and ensure it is visible).
-  _handleUpDownKey(t) {
+  _handleUpDownKey(e) {
     var i, s;
-    let e = t === "ArrowUp" ? (i = this.highlightedItem) == null ? void 0 : i.previousElementSibling : (s = this.highlightedItem) == null ? void 0 : s.nextElementSibling;
-    !e && this.countryList.childElementCount > 1 && (e = t === "ArrowUp" ? this.countryList.lastElementChild : this.countryList.firstElementChild), e && (this._scrollTo(e), this._highlightListItem(e, !1));
+    let t = e === "ArrowUp" ? (i = this.highlightedItem) == null ? void 0 : i.previousElementSibling : (s = this.highlightedItem) == null ? void 0 : s.nextElementSibling;
+    !t && this.countryList.childElementCount > 1 && (t = e === "ArrowUp" ? this.countryList.lastElementChild : this.countryList.firstElementChild), t && (this._scrollTo(t), this._highlightListItem(t, !1));
   }
   //* Select the currently highlighted item.
   _handleEnterKey() {
@@ -2113,36 +2113,42 @@ class G {
   }
   //* Update the input's value to the given val (format first if possible)
   //* NOTE: this is called from _setInitialState, handleUtils and setNumber.
-  _updateValFromNumber(t) {
-    let e = t;
+  _updateValFromNumber(e) {
+    let t = e;
     if (this.options.formatOnDisplay && l.utils && this.selectedCountryData) {
-      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = l.utils.numberFormat, o = i ? s : n;
-      e = l.utils.formatNumber(
-        e,
+      const i = this.options.nationalMode || t.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = l.utils.numberFormat, o = i ? s : n;
+      t = l.utils.formatNumber(
+        t,
         this.selectedCountryData.iso2,
         o
       );
     }
-    e = this._beforeSetNumber(e), this.telInput.value = e;
+    t = this._beforeSetNumber(t), this.telInput.value = t;
   }
   //* Check if need to select a new country based on the given number
   //* Note: called from _setInitialState, keyup handler, setNumber.
-  _updateCountryFromNumber(t) {
-    const e = this._getCountryFromNumber(t);
-    return e !== null ? this._setCountry(e) : !1;
-  }
-  _getCountryFromNumber(t) {
-    const e = t.indexOf("+");
-    let i = e ? t.substring(e) : t;
+  _updateCountryFromNumber(e) {
+    const t = this._getCountryFromNumber(e);
+    return t !== null ? this._setCountry(t) : !1;
+  }
+  //* Check if the given number matches an area code from the selected country.
+  _isAreaCodeMatch(e, t) {
+    const { areaCodes: i, partialAreaCodes: s, dialCode: n } = this.selectedCountryData, o = e.substring(n.length), a = t.substring(n.length);
+    return !!(i.includes(a) || s.includes(o));
+  }
+  _getCountryFromNumber(e) {
+    const t = e.indexOf("+");
+    let i = t ? e.substring(t) : e;
     const s = this.selectedCountryData.dialCode;
     i && s === "1" && i.charAt(0) !== "+" && (i.charAt(0) !== "1" && (i = `1${i}`), i = `+${i}`), this.options.separateDialCode && s && i.charAt(0) !== "+" && (i = `+${s}${i}`);
     const o = this._getDialCode(i, !0), a = v(i);
     if (o) {
-      const r = this.dialCodeToIso2Map[v(o)], p = r.indexOf(this.selectedCountryData.iso2) !== -1 && a.length <= o.length - 1;
-      if (!(s === "1" && S(a)) && !p) {
-        for (let d = 0; d < r.length; d++)
-          if (r[d])
-            return r[d];
+      const r = v(o), p = this.dialCodeToIso2Map[r], h = this.selectedCountryData.iso2 && p.includes(this.selectedCountryData.iso2);
+      let c = !1;
+      if (h && (this.selectedCountryData.areaCodes && a.length > s.length ? c = this._isAreaCodeMatch(a, r) : c = !0), !(s === "1" && S(a)) && (!h || !c)) {
+        for (let d = 0; d < p.length; d++)
+          if (p[d])
+            return p[d];
       }
     } else {
       if (i.charAt(0) === "+" && a.length)
@@ -2153,52 +2159,52 @@ class G {
     return null;
   }
   //* Remove highlighting from other list items and highlight the given item.
-  _highlightListItem(t, e) {
+  _highlightListItem(e, t) {
     const i = this.highlightedItem;
-    if (i && (i.classList.remove("iti__highlight"), i.setAttribute("aria-selected", "false")), this.highlightedItem = t, this.highlightedItem) {
+    if (i && (i.classList.remove("iti__highlight"), i.setAttribute("aria-selected", "false")), this.highlightedItem = e, this.highlightedItem) {
       this.highlightedItem.classList.add("iti__highlight"), this.highlightedItem.setAttribute("aria-selected", "true");
       const s = this.highlightedItem.getAttribute("id") || "";
       this.selectedCountry.setAttribute("aria-activedescendant", s), this.options.countrySearch && this.searchInput.setAttribute("aria-activedescendant", s);
     }
-    e && this.highlightedItem.focus();
+    t && this.highlightedItem.focus();
   }
   //* Find the country data for the given iso2 code
   //* the ignoreOnlyCountriesOption is only used during init() while parsing the onlyCountries array
-  _getCountryData(t, e) {
+  _getCountryData(e, t) {
     for (let i = 0; i < this.countries.length; i++)
-      if (this.countries[i].iso2 === t)
+      if (this.countries[i].iso2 === e)
         return this.countries[i];
-    if (e)
+    if (t)
       return null;
-    throw new Error(`No country data for '${t}'`);
+    throw new Error(`No country data for '${e}'`);
   }
   //* Update the selected country, dial code (if separateDialCode), placeholder, title, and active list item.
   //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
-  _setCountry(t) {
-    const { separateDialCode: e, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
-    if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountryInner) {
+  _setCountry(e) {
+    const { separateDialCode: t, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
+    if (this.selectedCountryData = e ? this._getCountryData(e, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountryInner) {
       let o = "", a = "";
-      t && i ? (o = `iti__flag iti__${t}`, a = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", a = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = a;
+      e && i ? (o = `iti__flag iti__${e}`, a = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", a = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = a;
     }
-    if (this._setSelectedCountryTitleAttribute(t, e), e) {
+    if (this._setSelectedCountryTitleAttribute(e, t), t) {
       const o = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = o, this._updateInputPadding();
     }
-    return this._updatePlaceholder(), this._updateMaxLength(), n.iso2 !== t;
+    return this._updatePlaceholder(), this._updateMaxLength(), n.iso2 !== e;
   }
   //* Update the input padding to make space for the selected country/dial code.
   _updateInputPadding() {
     if (this.selectedCountry) {
-      const e = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth()) + 6;
-      this.showSelectedCountryOnLeft ? this.telInput.style.paddingLeft = `${e}px` : this.telInput.style.paddingRight = `${e}px`;
+      const t = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth()) + 6;
+      this.showSelectedCountryOnLeft ? this.telInput.style.paddingLeft = `${t}px` : this.telInput.style.paddingRight = `${t}px`;
     }
   }
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
-    const { strictMode: t, placeholderNumberType: e, validationNumberTypes: i } = this.options, { iso2: s } = this.selectedCountryData;
-    if (t && l.utils)
+    const { strictMode: e, placeholderNumberType: t, validationNumberTypes: i } = this.options, { iso2: s } = this.selectedCountryData;
+    if (e && l.utils)
       if (s) {
-        const n = l.utils.numberType[e];
+        const n = l.utils.numberType[t];
         let o = l.utils.getExampleNumber(
           s,
           !1,
@@ -2212,11 +2218,11 @@ class G {
       } else
         this.maxCoreNumberLength = null;
   }
-  _setSelectedCountryTitleAttribute(t = null, e) {
+  _setSelectedCountryTitleAttribute(e = null, t) {
     if (!this.selectedCountry)
       return;
     let i;
-    t && !e ? i = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : t ? i = this.selectedCountryData.name : i = "Unknown", this.selectedCountry.setAttribute("title", i);
+    e && !t ? i = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : e ? i = this.selectedCountryData.name : i = "Unknown", this.selectedCountry.setAttribute("title", i);
   }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
@@ -2224,27 +2230,27 @@ class G {
   //* will definitely exist.
   _getHiddenSelectedCountryWidth() {
     if (this.telInput.parentNode) {
-      const t = this.telInput.parentNode.cloneNode(!1);
-      t.style.visibility = "hidden", document.body.appendChild(t);
-      const e = this.countryContainer.cloneNode();
-      t.appendChild(e);
+      const e = this.telInput.parentNode.cloneNode(!1);
+      e.style.visibility = "hidden", document.body.appendChild(e);
+      const t = this.countryContainer.cloneNode();
+      e.appendChild(t);
       const i = this.selectedCountry.cloneNode(!0);
-      e.appendChild(i);
+      t.appendChild(i);
       const s = i.offsetWidth;
-      return document.body.removeChild(t), s;
+      return document.body.removeChild(e), s;
     }
     return 0;
   }
   //* Update the input placeholder to an example number from the currently selected country.
   _updatePlaceholder() {
     const {
-      autoPlaceholder: t,
-      placeholderNumberType: e,
+      autoPlaceholder: e,
+      placeholderNumberType: t,
       nationalMode: i,
       customPlaceholder: s
-    } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
+    } = this.options, n = e === "aggressive" || !this.hadInitialPlaceholder && e === "polite";
     if (l.utils && n) {
-      const o = l.utils.numberType[e];
+      const o = l.utils.numberType[t];
       let a = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
@@ -2254,11 +2260,11 @@ class G {
     }
   }
   //* Called when the user selects a list item from the dropdown.
-  _selectListItem(t) {
-    const e = this._setCountry(
-      t.getAttribute("data-country-code")
+  _selectListItem(e) {
+    const t = this._setCountry(
+      e.getAttribute("data-country-code")
     );
-    this._closeDropdown(), this._updateDialCode(t.getAttribute("data-dial-code")), this.telInput.focus(), e && this._triggerCountryChange();
+    this._closeDropdown(), this._updateDialCode(e.getAttribute("data-dial-code")), this.telInput.focus(), t && this._triggerCountryChange();
   }
   //* Close the dropdown and unbind any listeners.
   _closeDropdown() {
@@ -2271,38 +2277,38 @@ class G {
     ), this.countryList.removeEventListener("click", this._handleClickCountryList), this.options.dropdownContainer && (this.options.useFullscreenPopup || window.removeEventListener("scroll", this._handleWindowScroll), this.dropdown.parentNode && this.dropdown.parentNode.removeChild(this.dropdown)), this._handlePageLoad && window.removeEventListener("load", this._handlePageLoad), this._trigger("close:countrydropdown");
   }
   //* Check if an element is visible within it's container, else scroll until it is.
-  _scrollTo(t) {
-    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, o = n + s, a = t.offsetHeight, r = t.getBoundingClientRect().top + i, p = r + a, c = r - n + e.scrollTop;
+  _scrollTo(e) {
+    const t = this.countryList, i = document.documentElement.scrollTop, s = t.offsetHeight, n = t.getBoundingClientRect().top + i, o = n + s, a = e.offsetHeight, r = e.getBoundingClientRect().top + i, p = r + a, h = r - n + t.scrollTop;
     if (r < n)
-      e.scrollTop = c;
+      t.scrollTop = h;
     else if (p > o) {
-      const d = s - a;
-      e.scrollTop = c - d;
+      const c = s - a;
+      t.scrollTop = h - c;
     }
   }
   //* Replace any existing dial code with the new one
   //* Note: called from _selectListItem and setCountry
-  _updateDialCode(t) {
-    const e = this.telInput.value, i = `+${t}`;
+  _updateDialCode(e) {
+    const t = this.telInput.value, i = `+${e}`;
     let s;
-    if (e.charAt(0) === "+") {
-      const n = this._getDialCode(e);
-      n ? s = e.replace(n, i) : s = i, this.telInput.value = s;
+    if (t.charAt(0) === "+") {
+      const n = this._getDialCode(t);
+      n ? s = t.replace(n, i) : s = i, this.telInput.value = s;
     }
   }
   //* Try and extract a valid international dial code from a full telephone number.
   //* Note: returns the raw string inc plus character and any whitespace/dots etc.
-  _getDialCode(t, e) {
+  _getDialCode(e, t) {
     let i = "";
-    if (t.charAt(0) === "+") {
+    if (e.charAt(0) === "+") {
       let s = "";
-      for (let n = 0; n < t.length; n++) {
-        const o = t.charAt(n);
+      for (let n = 0; n < e.length; n++) {
+        const o = e.charAt(n);
         if (!isNaN(parseInt(o, 10))) {
-          if (s += o, e)
-            this.dialCodeToIso2Map[s] && (i = t.substr(0, n + 1));
+          if (s += o, t)
+            this.dialCodeToIso2Map[s] && (i = e.substr(0, n + 1));
           else if (this.dialCodes[s]) {
-            i = t.substr(0, n + 1);
+            i = e.substr(0, n + 1);
             break;
           }
           if (s.length === this.dialCodeMaxLen)
@@ -2313,24 +2319,24 @@ class G {
     return i;
   }
   //* Get the input val, adding the dial code if separateDialCode is enabled.
-  _getFullNumber(t) {
-    const e = t || this.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
+  _getFullNumber(e) {
+    const t = e || this.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
     let s;
-    const n = v(e);
-    return this.options.separateDialCode && e.charAt(0) !== "+" && i && n ? s = `+${i}` : s = "", s + e;
+    const n = v(t);
+    return this.options.separateDialCode && t.charAt(0) !== "+" && i && n ? s = `+${i}` : s = "", s + t;
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
-  _beforeSetNumber(t) {
-    let e = t;
+  _beforeSetNumber(e) {
+    let t = e;
     if (this.options.separateDialCode) {
-      let i = this._getDialCode(e);
+      let i = this._getDialCode(t);
       if (i) {
         i = `+${this.selectedCountryData.dialCode}`;
-        const s = e[i.length] === " " || e[i.length] === "-" ? i.length + 1 : i.length;
-        e = e.substr(s);
+        const s = t[i.length] === " " || t[i.length] === "-" ? i.length + 1 : i.length;
+        t = t.substr(s);
       }
     }
-    return this._cap(e);
+    return this._cap(t);
   }
   //* Trigger the 'countrychange' event.
   _triggerCountryChange() {
@@ -2338,8 +2344,8 @@ class G {
   }
   //* Format the number as the user types.
   _formatNumberAsYouType() {
-    const t = this._getFullNumber(), e = l.utils ? l.utils.formatNumberAsYouType(t, this.selectedCountryData.iso2) : t, { dialCode: i } = this.selectedCountryData;
-    return this.options.separateDialCode && this.telInput.value.charAt(0) !== "+" && e.includes(`+${i}`) ? (e.split(`+${i}`)[1] || "").trim() : e;
+    const e = this._getFullNumber(), t = l.utils ? l.utils.formatNumberAsYouType(e, this.selectedCountryData.iso2) : e, { dialCode: i } = this.selectedCountryData;
+    return this.options.separateDialCode && this.telInput.value.charAt(0) !== "+" && t.includes(`+${i}`) ? (t.split(`+${i}`)[1] || "").trim() : t;
   }
   //**************************
   //*  SECRET PUBLIC METHODS
@@ -2358,8 +2364,8 @@ class G {
   //* Remove plugin.
   destroy() {
     var n, o;
-    const { allowDropdown: t, separateDialCode: e } = this.options;
-    if (t) {
+    const { allowDropdown: e, separateDialCode: t } = this.options;
+    if (e) {
       this._closeDropdown(), this.selectedCountry.removeEventListener(
         "click",
         this._handleClickSelectedCountry
@@ -2371,7 +2377,7 @@ class G {
       a && a.removeEventListener("click", this._handleLabelClick);
     }
     const { form: i } = this.telInput;
-    this._handleHiddenInputSubmit && i && i.removeEventListener("submit", this._handleHiddenInputSubmit), this.telInput.removeEventListener("input", this._handleInputEvent), this._handleKeydownEvent && this.telInput.removeEventListener("keydown", this._handleKeydownEvent), this.telInput.removeAttribute("data-intl-tel-input-id"), e && (this.isRTL ? this.telInput.style.paddingRight = this.originalPaddingRight : this.telInput.style.paddingLeft = this.originalPaddingLeft);
+    this._handleHiddenInputSubmit && i && i.removeEventListener("submit", this._handleHiddenInputSubmit), this.telInput.removeEventListener("input", this._handleInputEvent), this._handleKeydownEvent && this.telInput.removeEventListener("keydown", this._handleKeydownEvent), this.telInput.removeAttribute("data-intl-tel-input-id"), t && (this.isRTL ? this.telInput.style.paddingRight = this.originalPaddingRight : this.telInput.style.paddingLeft = this.originalPaddingLeft);
     const s = this.telInput.parentNode;
     (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (o = s == null ? void 0 : s.parentNode) == null || o.removeChild(s), delete l.instances[this.id];
   }
@@ -2383,13 +2389,13 @@ class G {
     ) : "";
   }
   //* Format the number to the given format.
-  getNumber(t) {
+  getNumber(e) {
     if (l.utils) {
-      const { iso2: e } = this.selectedCountryData;
+      const { iso2: t } = this.selectedCountryData;
       return l.utils.formatNumber(
         this._getFullNumber(),
-        e,
-        t
+        t,
+        e
       );
     }
     return "";
@@ -2408,8 +2414,8 @@ class G {
   //* Get the validation error.
   getValidationError() {
     if (l.utils) {
-      const { iso2: t } = this.selectedCountryData;
-      return l.utils.getValidationError(this._getFullNumber(), t);
+      const { iso2: e } = this.selectedCountryData;
+      return l.utils.getValidationError(this._getFullNumber(), e);
     }
     return -99;
   }
@@ -2417,73 +2423,73 @@ class G {
   isValidNumber() {
     if (!this.selectedCountryData.iso2)
       return !1;
-    const t = this._getFullNumber(), e = t.search(new RegExp("\\p{L}", "u"));
-    if (e > -1) {
-      const i = t.substring(0, e), s = this._utilsIsPossibleNumber(i), n = this._utilsIsPossibleNumber(t);
+    const e = this._getFullNumber(), t = e.search(new RegExp("\\p{L}", "u"));
+    if (t > -1) {
+      const i = e.substring(0, t), s = this._utilsIsPossibleNumber(i), n = this._utilsIsPossibleNumber(e);
       return s && n;
     }
-    return this._utilsIsPossibleNumber(t);
+    return this._utilsIsPossibleNumber(e);
   }
-  _utilsIsPossibleNumber(t) {
-    return l.utils ? l.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+  _utilsIsPossibleNumber(e) {
+    return l.utils ? l.utils.isPossibleNumber(e, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
     if (!this.selectedCountryData.iso2)
       return !1;
-    const t = this._getFullNumber(), e = t.search(new RegExp("\\p{L}", "u"));
-    if (e > -1) {
-      const i = t.substring(0, e), s = this._utilsIsValidNumber(i), n = this._utilsIsValidNumber(t);
+    const e = this._getFullNumber(), t = e.search(new RegExp("\\p{L}", "u"));
+    if (t > -1) {
+      const i = e.substring(0, t), s = this._utilsIsValidNumber(i), n = this._utilsIsValidNumber(e);
       return s && n;
     }
-    return this._utilsIsValidNumber(t);
+    return this._utilsIsValidNumber(e);
   }
-  _utilsIsValidNumber(t) {
-    return l.utils ? l.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+  _utilsIsValidNumber(e) {
+    return l.utils ? l.utils.isValidNumber(e, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Update the selected country, and update the input val accordingly.
-  setCountry(t) {
-    const e = t == null ? void 0 : t.toLowerCase(), i = this.selectedCountryData.iso2;
-    (t && e !== i || !t && i) && (this._setCountry(e), this._updateDialCode(this.selectedCountryData.dialCode), this._triggerCountryChange());
+  setCountry(e) {
+    const t = e == null ? void 0 : e.toLowerCase(), i = this.selectedCountryData.iso2;
+    (e && t !== i || !e && i) && (this._setCountry(t), this._updateDialCode(this.selectedCountryData.dialCode), this._triggerCountryChange());
   }
   //* Set the input value and update the country.
-  setNumber(t) {
-    const e = this._updateCountryFromNumber(t);
-    this._updateValFromNumber(t), e && this._triggerCountryChange(), this._trigger("input", { isSetNumber: !0 });
+  setNumber(e) {
+    const t = this._updateCountryFromNumber(e);
+    this._updateValFromNumber(e), t && this._triggerCountryChange(), this._trigger("input", { isSetNumber: !0 });
   }
   //* Set the placeholder number typ
-  setPlaceholderNumberType(t) {
-    this.options.placeholderNumberType = t, this._updatePlaceholder();
+  setPlaceholderNumberType(e) {
+    this.options.placeholderNumberType = e, this._updatePlaceholder();
   }
-  setDisabled(t) {
-    this.telInput.disabled = t, t ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
+  setDisabled(e) {
+    this.telInput.disabled = e, e ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
   }
 }
 const W = (u) => {
   if (!l.utils && !l.startedLoadingUtilsScript) {
-    let t;
+    let e;
     if (typeof u == "function")
       try {
-        t = Promise.resolve(u());
-      } catch (e) {
-        return Promise.reject(e);
+        e = Promise.resolve(u());
+      } catch (t) {
+        return Promise.reject(t);
       }
     else
       return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof u}`));
-    return l.startedLoadingUtilsScript = !0, t.then((e) => {
-      const i = e == null ? void 0 : e.default;
+    return l.startedLoadingUtilsScript = !0, e.then((t) => {
+      const i = t == null ? void 0 : t.default;
       if (!i || typeof i != "object")
         throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
       return l.utils = i, w("handleUtils"), !0;
-    }).catch((e) => {
-      throw w("rejectUtilsScriptPromise", e), e;
+    }).catch((t) => {
+      throw w("rejectUtilsScriptPromise", t), t;
     });
   }
   return null;
 }, l = Object.assign(
-  (u, t) => {
-    const e = new G(u, t);
-    return e._init(), u.setAttribute("data-intl-tel-input-id", e.id.toString()), l.instances[e.id] = e, e;
+  (u, e) => {
+    const t = new G(u, e);
+    return t._init(), u.setAttribute("data-intl-tel-input-id", t.id.toString()), l.instances[t.id] = t, t;
   },
   {
     defaults: T,
@@ -2493,15 +2499,15 @@ const W = (u) => {
     getCountryData: () => I,
     //* A getter for the plugin instance.
     getInstance: (u) => {
-      const t = u.getAttribute("data-intl-tel-input-id");
-      return t ? l.instances[t] : null;
+      const e = u.getAttribute("data-intl-tel-input-id");
+      return e ? l.instances[e] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
     attachUtils: W,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.0.1"
+    version: "25.0.2"
   }
 ), J = {
   __name: "IntlTelInput",
@@ -2535,38 +2541,38 @@ const W = (u) => {
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
-  setup(u, { expose: t, emit: e }) {
-    const i = x(u, "modelValue"), s = u, n = e, o = L(), a = L(), r = L(!1), p = () => a.value ? s.options.strictMode ? a.value.isValidNumberPrecise() : a.value.isValidNumber() : null, c = () => {
-      let h = p();
-      r.value !== h && (r.value = h, n("changeValidity", !!h), n(
+  setup(u, { expose: e, emit: t }) {
+    const i = x(u, "modelValue"), s = u, n = t, o = L(), a = L(), r = L(!1), p = () => a.value ? s.options.strictMode ? a.value.isValidNumberPrecise() : a.value.isValidNumber() : null, h = () => {
+      let d = p();
+      r.value !== d && (r.value = d, n("changeValidity", !!d), n(
         "changeErrorCode",
-        h ? null : a.value.getValidationError()
+        d ? null : a.value.getValidationError()
       ));
-    }, d = () => {
-      var h;
-      n("changeNumber", ((h = a.value) == null ? void 0 : h.getNumber()) ?? ""), c();
+    }, c = () => {
+      var d;
+      n("changeNumber", ((d = a.value) == null ? void 0 : d.getNumber()) ?? ""), h();
     }, C = () => {
-      var h;
-      n("changeCountry", ((h = a.value) == null ? void 0 : h.getSelectedCountryData().iso2) ?? ""), d(), c();
+      var d;
+      n("changeCountry", ((d = a.value) == null ? void 0 : d.getSelectedCountryData().iso2) ?? ""), c(), h();
     };
     return E(() => {
       o.value && (a.value = l(o.value, s.options), s.value && a.value.setNumber(s.value), s.disabled && a.value.setDisabled(s.disabled));
     }), M(
       () => s.disabled,
-      (h) => {
+      (d) => {
         var m;
-        return (m = a.value) == null ? void 0 : m.setDisabled(h);
+        return (m = a.value) == null ? void 0 : m.setDisabled(d);
       }
     ), F(() => {
-      var h;
-      return (h = a.value) == null ? void 0 : h.destroy();
-    }), t({ instance: a, input: o }), (h, m) => B((O(), V("input", z({
+      var d;
+      return (d = a.value) == null ? void 0 : d.destroy();
+    }), e({ instance: a, input: o }), (d, m) => B((V(), O("input", z({
       ref_key: "input",
       ref: o,
       "onUpdate:modelValue": m[0] || (m[0] = (b) => i.value = b),
       type: "tel",
       onCountrychange: C,
-      onInput: d
+      onInput: c
     }, u.inputProps), null, 16)), [
       [R, i.value]
     ]);