intl-tel-input 25.10.5 → 25.10.6

package/vue/build/IntlTelInput.mjs

@@ -1226,6 +1226,13 @@ const j = [
     // Tuvalu
     "688"
   ],
+  [
+    "vi",
+    // U.S. Virgin Islands
+    "1",
+    24,
+    ["340"]
+  ],
   [
     "ug",
     // Uganda
@@ -1260,13 +1267,6 @@ const j = [
     // Uruguay
     "598"
   ],
-  [
-    "vi",
-    // U.S. Virgin Islands
-    "1",
-    24,
-    ["340"]
-  ],
   [
     "uz",
     // Uzbekistan
@@ -1651,7 +1651,7 @@ const N = (u) => typeof window < "u" && typeof window.matchMedia == "function" &
   useFullscreenPopup: W(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
-}, q = [
+}, G = [
   "800",
   "822",
   "833",
@@ -1673,10 +1673,10 @@ const N = (u) => typeof window < "u" && typeof window.matchMedia == "function" &
   const t = v(u);
   if (t.charAt(0) === "1") {
     const e = t.substring(1, 4);
-    return q.includes(e);
+    return G.includes(e);
   }
   return !1;
-}, G = (u, t, e, i) => {
+}, q = (u, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
@@ -1734,15 +1734,17 @@ class L {
     this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((t) => t.toLowerCase())), this.countries.sort((t, e) => {
       const { countryOrder: i } = this.options;
       if (i) {
-        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), r = s > -1, o = n > -1;
-        if (r || o)
-          return r && o ? s - n : r ? -1 : 1;
+        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), a = s > -1, o = n > -1;
+        if (a || o)
+          return a && o ? s - n : a ? -1 : 1;
       }
       return t.name.localeCompare(e.name);
     });
   }
   //* Add a dial code to this.dialCodeToIso2Map.
   _addToDialCodeMap(t, e, i) {
+    if (!t || !e)
+      return;
     e.length > this.dialCodeMaxLen && (this.dialCodeMaxLen = e.length), this.dialCodeToIso2Map.hasOwnProperty(e) || (this.dialCodeToIso2Map[e] = []);
     const s = this.dialCodeToIso2Map[e];
     if (s.includes(t))
@@ -1782,13 +1784,16 @@ class L {
     this.dialCodes = /* @__PURE__ */ new Set(), this.dialCodeMaxLen = 0, this.dialCodeToIso2Map = {};
     for (const t of this.countries)
       this.dialCodes.has(t.dialCode) || this.dialCodes.add(t.dialCode), this._addToDialCodeMap(t.iso2, t.dialCode, t.priority);
+    (this.options.onlyCountries.length || this.options.excludeCountries.length) && this.dialCodes.forEach((t) => {
+      this.dialCodeToIso2Map[t] = this.dialCodeToIso2Map[t].filter(Boolean);
+    });
     for (const t of this.countries)
       if (t.areaCodes) {
         const e = this.dialCodeToIso2Map[t.dialCode][0];
         for (const i of t.areaCodes) {
           for (let s = 1; s < i.length; s++) {
-            const n = i.substring(0, s), r = t.dialCode + n;
-            this._addToDialCodeMap(e, r), this._addToDialCodeMap(t.iso2, r);
+            const n = i.substring(0, s), a = t.dialCode + n;
+            this._addToDialCodeMap(e, a), this._addToDialCodeMap(t.iso2, a);
           }
           this._addToDialCodeMap(t.iso2, t.dialCode + i);
         }
@@ -1796,7 +1801,7 @@ class L {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var a, h, g;
+    var p, m, g;
     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,
@@ -1804,24 +1809,24 @@ class L {
       showFlags: i,
       containerClass: s,
       hiddenInput: n,
-      dropdownContainer: r,
+      dropdownContainer: a,
       fixDropdownWidth: o,
       useFullscreenPopup: d,
-      countrySearch: C,
-      i18n: c
-    } = this.options, p = L._buildClassNames({
+      countrySearch: c,
+      i18n: C
+    } = this.options, r = L._buildClassNames({
       iti: !0,
       "iti--allow-dropdown": t,
       "iti--show-flags": i,
       "iti--inline-dropdown": !d,
       [s]: !!s
-    }), m = y("div", { class: p });
-    if ((a = this.telInput.parentNode) == null || a.insertBefore(m, this.telInput), t || i || e) {
+    }), h = y("div", { class: r });
+    if ((p = this.telInput.parentNode) == null || p.insertBefore(h, this.telInput), t || i || e) {
       this.countryContainer = y(
         "div",
         // visibly hidden until we measure it's width to set the input padding correctly
         { class: "iti__country-container iti__v-hide" },
-        m
+        h
       ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = y(
         "button",
         {
@@ -1862,7 +1867,7 @@ class L {
           class: `iti__dropdown-content iti__hide ${b}`,
           role: "dialog",
           "aria-modal": "true"
-        }), C) {
+        }), c) {
           const f = y(
             "div",
             { class: "iti__search-input-wrapper" },
@@ -1886,11 +1891,11 @@ class L {
               // Chrome says inputs need either a name or an id
               type: "search",
               class: "iti__search-input",
-              placeholder: c.searchPlaceholder,
+              placeholder: C.searchPlaceholder,
               // role=combobox + aria-autocomplete=list + aria-activedescendant allows maintaining focus on the search input while allowing users to navigate search results with up/down keyboard keys
               role: "combobox",
               "aria-expanded": "true",
-              "aria-label": c.searchPlaceholder,
+              "aria-label": C.searchPlaceholder,
               "aria-controls": `iti-${this.id}__country-listbox`,
               "aria-autocomplete": "list",
               autocomplete: "off"
@@ -1901,7 +1906,7 @@ class L {
             {
               type: "button",
               class: "iti__search-clear iti__hide",
-              "aria-label": c.clearSearchAriaLabel,
+              "aria-label": C.clearSearchAriaLabel,
               tabindex: "-1"
             },
             f
@@ -1926,7 +1931,7 @@ class L {
               // all a11y messaging happens in this.searchResultsA11yText
             },
             this.dropdownContent
-          ), this.searchNoResults.textContent = c.zeroSearchResults;
+          ), this.searchNoResults.textContent = C.zeroSearchResults;
         }
         if (this.countryList = y(
           "ul",
@@ -1934,10 +1939,10 @@ class L {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": c.countryListAriaLabel
+            "aria-label": C.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), C && this._updateSearchResultsA11yText(), r) {
+        ), this._appendListItems(), c && this._updateSearchResultsA11yText(), a) {
           const f = L._buildClassNames({
             iti: !0,
             "iti--container": !0,
@@ -1950,21 +1955,21 @@ class L {
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (m.appendChild(this.telInput), this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide")), n) {
+    if (h.appendChild(this.telInput), this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide")), n) {
       const _ = this.telInput.getAttribute("name") || "", b = n(_);
       if (b.phone) {
-        const f = (h = this.telInput.form) == null ? void 0 : h.querySelector(`input[name="${b.phone}"]`);
+        const f = (m = this.telInput.form) == null ? void 0 : m.querySelector(`input[name="${b.phone}"]`);
         f ? this.hiddenInput = f : (this.hiddenInput = y("input", {
           type: "hidden",
           name: b.phone
-        }), m.appendChild(this.hiddenInput));
+        }), h.appendChild(this.hiddenInput));
       }
       if (b.country) {
         const f = (g = this.telInput.form) == null ? void 0 : g.querySelector(`input[name="${b.country}"]`);
         f ? this.hiddenInputCountry = f : (this.hiddenInputCountry = y("input", {
           type: "hidden",
           name: b.country
-        }), m.appendChild(this.hiddenInputCountry));
+        }), h.appendChild(this.hiddenInputCountry));
       }
     }
   }
@@ -1993,12 +1998,12 @@ class L {
   //* 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, r = this._getDialCode(n), o = P(n), { initialCountry: d, geoIpLookup: C } = this.options, c = d === "auto" && C;
-    if (r && !o)
+    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, a = this._getDialCode(n), o = P(n), { initialCountry: d, geoIpLookup: c } = this.options, C = d === "auto" && c;
+    if (a && !o)
       this._updateCountryFromNumber(n);
-    else if (!c || t) {
-      const p = d ? d.toLowerCase() : "";
-      p && this._getCountryData(p, !0) ? this._setCountry(p) : r && o ? this._setCountry("us") : this._setCountry();
+    else if (!C || t) {
+      const r = d ? d.toLowerCase() : "";
+      r && this._getCountryData(r, !0) ? this._setCountry(r) : a && o ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -2053,24 +2058,24 @@ class L {
     ));
   }
   _openDropdownWithPlus() {
-    this._openDropdown(), this.searchInput.value = "+", this._filterCountries("", !0);
+    this._openDropdown(), this.searchInput.value = "+", this._filterCountries("");
   }
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
     const { strictMode: t, formatAsYouType: e, separateDialCode: i, allowDropdown: s, countrySearch: n } = this.options;
-    let r = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (r = !0), this._handleInputEvent = (o) => {
+    let a = !1;
+    new RegExp("\\p{L}", "u").test(this.telInput.value) && (a = !0), this._handleInputEvent = (o) => {
       if (this.isAndroid && (o == null ? void 0 : o.data) === "+" && i && s && n) {
-        const p = this.telInput.selectionStart || 0, m = this.telInput.value.substring(0, p - 1), a = this.telInput.value.substring(p);
-        this.telInput.value = m + a, this._openDropdownWithPlus();
+        const r = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, r - 1), p = this.telInput.value.substring(r);
+        this.telInput.value = h + p, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const d = (o == null ? void 0 : o.data) && /[^+0-9]/.test(o.data), C = (o == null ? void 0 : o.inputType) === "insertFromPaste" && this.telInput.value;
-      d || C && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
-      const c = (o == null ? void 0 : o.detail) && o.detail.isSetNumber;
-      if (e && !r && !c) {
-        const p = this.telInput.selectionStart || 0, a = this.telInput.value.substring(0, p).replace(/[^+0-9]/g, "").length, h = (o == null ? void 0 : o.inputType) === "deleteContentForward", g = this._formatNumberAsYouType(), _ = G(a, g, p, h);
+      const d = (o == null ? void 0 : o.data) && /[^+0-9]/.test(o.data), c = (o == null ? void 0 : o.inputType) === "insertFromPaste" && this.telInput.value;
+      d || c && !t ? a = !0 : /[^+0-9]/.test(this.telInput.value) || (a = !1);
+      const C = (o == null ? void 0 : o.detail) && o.detail.isSetNumber;
+      if (e && !a && !C) {
+        const r = this.telInput.selectionStart || 0, p = this.telInput.value.substring(0, r).replace(/[^+0-9]/g, "").length, m = (o == null ? void 0 : o.inputType) === "deleteContentForward", g = this._formatNumberAsYouType(), _ = q(p, g, r, m);
         this.telInput.value = g, this.telInput.setSelectionRange(_, _);
       }
     }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (o) => {
@@ -2080,8 +2085,8 @@ class L {
           return;
         }
         if (t) {
-          const d = this.telInput.value, c = !(d.charAt(0) === "+") && this.telInput.selectionStart === 0 && o.key === "+", p = /^[0-9]$/.test(o.key), m = i ? p : c || p, a = d.slice(0, this.telInput.selectionStart) + o.key + d.slice(this.telInput.selectionEnd), h = this._getFullNumber(a), g = l.utils.getCoreNumber(h, this.selectedCountryData.iso2), _ = this.maxCoreNumberLength && g.length > this.maxCoreNumberLength, f = this._getNewCountryFromNumber(h) !== null;
-          (!m || _ && !f && !c) && o.preventDefault();
+          const d = this.telInput.value, C = !(d.charAt(0) === "+") && this.telInput.selectionStart === 0 && o.key === "+", r = /^[0-9]$/.test(o.key), h = i ? r : C || r, p = d.slice(0, this.telInput.selectionStart) + o.key + d.slice(this.telInput.selectionEnd), m = this._getFullNumber(p), g = l.utils.getCoreNumber(m, this.selectedCountryData.iso2), _ = this.maxCoreNumberLength && g.length > this.maxCoreNumberLength, f = this._getNewCountryFromNumber(m) !== null;
+          (!h || _ && !f && !C) && o.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2145,7 +2150,7 @@ class L {
     }, document.addEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch) {
       const i = () => {
         const n = this.searchInput.value.trim();
-        n ? this._filterCountries(n) : this._filterCountries("", !0), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
+        this._filterCountries(n), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
       };
       let s = null;
       this._handleSearchChange = () => {
@@ -2167,25 +2172,31 @@ class L {
       }
   }
   //* Country search enabled: Filter the countries according to the search query.
-  _filterCountries(t, e = !1) {
-    let i = !0;
+  _filterCountries(t) {
+    let e = !0;
     this.countryList.innerHTML = "";
-    const s = k(t), n = s.length, r = [], o = [], d = [], C = [], c = [], p = [];
-    for (const a of this.countries)
-      e || n === 0 ? d.push(a) : a.iso2 === s ? r.push(a) : a.normalisedName.startsWith(s) ? o.push(a) : a.normalisedName.includes(s) ? d.push(a) : s === a.dialCode || s === a.dialCodePlus ? C.push(a) : a.dialCodePlus.includes(s) ? c.push(a) : a.initials.includes(s) && p.push(a);
-    const m = [
-      ...r.sort((a, h) => a.priority - h.priority),
-      ...o.sort((a, h) => a.priority - h.priority),
-      ...d.sort((a, h) => a.priority - h.priority),
-      ...C.sort((a, h) => a.priority - h.priority),
-      ...c.sort((a, h) => a.priority - h.priority),
-      ...p.sort((a, h) => a.priority - h.priority)
-    ];
-    for (const a of m) {
-      const h = a.nodeById[this.id];
-      h && (this.countryList.appendChild(h), i && (this._highlightListItem(h, !1), i = !1));
+    const i = k(t);
+    let s;
+    if (t === "")
+      s = this.countries;
+    else {
+      const n = [], a = [], o = [], d = [], c = [], C = [];
+      for (const r of this.countries)
+        r.iso2 === i ? n.push(r) : r.normalisedName.startsWith(i) ? a.push(r) : r.normalisedName.includes(i) ? o.push(r) : i === r.dialCode || i === r.dialCodePlus ? d.push(r) : r.dialCodePlus.includes(i) ? c.push(r) : r.initials.includes(i) && C.push(r);
+      s = [
+        ...n.sort((r, h) => r.priority - h.priority),
+        ...a.sort((r, h) => r.priority - h.priority),
+        ...o.sort((r, h) => r.priority - h.priority),
+        ...d.sort((r, h) => r.priority - h.priority),
+        ...c.sort((r, h) => r.priority - h.priority),
+        ...C.sort((r, h) => r.priority - h.priority)
+      ];
     }
-    i ? (this._highlightListItem(null, !1), this.searchNoResults && this.searchNoResults.classList.remove("iti__hide")) : this.searchNoResults && this.searchNoResults.classList.add("iti__hide"), this.countryList.scrollTop = 0, this._updateSearchResultsA11yText();
+    for (const n of s) {
+      const a = n.nodeById[this.id];
+      a && (this.countryList.appendChild(a), e && (this._highlightListItem(a, !1), e = !1));
+    }
+    e ? (this._highlightListItem(null, !1), this.searchNoResults && this.searchNoResults.classList.remove("iti__hide")) : this.searchNoResults && this.searchNoResults.classList.add("iti__hide"), this.countryList.scrollTop = 0, this._updateSearchResultsA11yText();
   }
   //* Update search results text (for a11y).
   _updateSearchResultsA11yText() {
@@ -2208,11 +2219,11 @@ class L {
   _updateValFromNumber(t) {
     let e = t;
     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, r = i ? s : n;
+      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = l.utils.numberFormat, a = i ? s : n;
       e = l.utils.formatNumber(
         e,
         this.selectedCountryData.iso2,
-        r
+        a
       );
     }
     e = this._beforeSetNumber(e), this.telInput.value = e;
@@ -2227,8 +2238,8 @@ class L {
     const { dialCode: e, nationalPrefix: i } = this.selectedCountryData;
     if (t.charAt(0) === "+" || !e)
       return t;
-    const r = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
-    return `+${e}${r}`;
+    const a = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
+    return `+${e}${a}`;
   }
   // Get the country ISO2 code from the given number
   // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
@@ -2238,21 +2249,22 @@ class L {
     let i = e ? t.substring(e) : t;
     const s = this.selectedCountryData.iso2, n = this.selectedCountryData.dialCode;
     i = this._ensureHasDialCode(i);
-    const r = this._getDialCode(i, !0), o = v(i);
-    if (r) {
-      const d = v(r), C = this.dialCodeToIso2Map[d];
-      if (!s && this.defaultCountry && C.includes(this.defaultCountry))
+    const a = this._getDialCode(i, !0), o = v(i);
+    if (a) {
+      const d = v(a), c = this.dialCodeToIso2Map[d];
+      if (c.length === 1)
+        return c[0] === s ? null : c[0];
+      if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const c = this.selectedCountryData.areaCodes && o.length > d.length, p = s && C.includes(s) && !c;
-      if (!(n === "1" && P(o)) && !p) {
-        for (const a of C)
-          if (a)
-            return a;
-      }
+      if (n === "1" && P(o))
+        return null;
+      const r = this.selectedCountryData.areaCodes && o.length > d.length;
+      if (!(s && c.includes(s) && !r))
+        return c[0];
     } else {
       if (i.charAt(0) === "+" && o.length)
         return "";
-      if ((!i || i === "+") && !this.selectedCountryData.iso2)
+      if ((!i || i === "+") && !s)
         return this.defaultCountry;
     }
     return null;
@@ -2281,18 +2293,18 @@ class L {
   _setCountry(t) {
     const { separateDialCode: e, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 || "";
     if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
-      const r = t && i ? `iti__flag iti__${t}` : "iti__flag iti__globe";
+      const a = t && i ? `iti__flag iti__${t}` : "iti__flag iti__globe";
       let o, d;
       if (t) {
-        const { name: C, dialCode: c } = this.selectedCountryData;
-        d = C, o = s.selectedCountryAriaLabel.replace("${countryName}", C).replace("${dialCode}", `+${c}`);
+        const { name: c, dialCode: C } = this.selectedCountryData;
+        d = c, o = s.selectedCountryAriaLabel.replace("${countryName}", c).replace("${dialCode}", `+${C}`);
       } else
         d = s.noCountrySelected, o = s.noCountrySelected;
-      this.selectedCountryInner.className = r, this.selectedCountry.setAttribute("title", d), this.selectedCountry.setAttribute("aria-label", o);
+      this.selectedCountryInner.className = a, this.selectedCountry.setAttribute("title", d), this.selectedCountry.setAttribute("aria-label", o);
     }
     if (e) {
-      const r = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.selectedDialCode.innerHTML = r, this._updateInputPadding();
+      const a = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.selectedDialCode.innerHTML = a, this._updateInputPadding();
     }
     return this._updatePlaceholder(), this._updateMaxLength(), n !== t;
   }
@@ -2309,14 +2321,14 @@ class L {
     if (t && l.utils)
       if (s) {
         const n = l.utils.numberType[e];
-        let r = l.utils.getExampleNumber(
+        let a = l.utils.getExampleNumber(
           s,
           !1,
           n,
           !0
-        ), o = r;
-        for (; l.utils.isPossibleNumber(r, s, i); )
-          o = r, r += "0";
+        ), o = a;
+        for (; l.utils.isPossibleNumber(a, s, i); )
+          o = a, a += "0";
         const d = l.utils.getCoreNumber(o, s);
         this.maxCoreNumberLength = d.length, s === "by" && (this.maxCoreNumberLength = d.length + 1);
       } else
@@ -2354,11 +2366,11 @@ class L {
       customPlaceholder: s
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
     if (l.utils && n) {
-      const r = l.utils.numberType[e];
+      const a = l.utils.numberType[e];
       let o = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
-        r
+        a
       ) : "";
       o = this._beforeSetNumber(o), typeof s == "function" && (o = s(o, this.selectedCountryData)), this.telInput.setAttribute("placeholder", o);
     }
@@ -2382,12 +2394,12 @@ class L {
   }
   //* 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, r = n + s, o = t.offsetHeight, d = t.getBoundingClientRect().top + i, C = d + o, c = d - n + e.scrollTop;
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, a = n + s, o = t.offsetHeight, d = t.getBoundingClientRect().top + i, c = d + o, C = d - n + e.scrollTop;
     if (d < n)
-      e.scrollTop = c;
-    else if (C > r) {
-      const p = s - o;
-      e.scrollTop = c - p;
+      e.scrollTop = C;
+    else if (c > a) {
+      const r = s - o;
+      e.scrollTop = C - r;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2407,9 +2419,9 @@ class L {
     if (t.charAt(0) === "+") {
       let s = "";
       for (let n = 0; n < t.length; n++) {
-        const r = t.charAt(n);
-        if (!isNaN(parseInt(r, 10))) {
-          if (s += r, e)
+        const a = t.charAt(n);
+        if (!isNaN(parseInt(a, 10))) {
+          if (s += a, e)
             this.dialCodeToIso2Map[s] && (i = t.substring(0, n + 1));
           else if (this.dialCodes.has(s)) {
             i = t.substring(0, n + 1);
@@ -2467,7 +2479,7 @@ class L {
   //********************
   //* Remove plugin.
   destroy() {
-    var n, r;
+    var n, a;
     this.telInput.iti = void 0;
     const { allowDropdown: t, separateDialCode: e } = this.options;
     if (t) {
@@ -2484,7 +2496,7 @@ class L {
     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);
     const s = this.telInput.parentNode;
-    (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (r = s == null ? void 0 : s.parentNode) == null || r.removeChild(s), delete l.instances[this.id];
+    (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (a = s == null ? void 0 : s.parentNode) == null || a.removeChild(s), delete l.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
@@ -2539,9 +2551,9 @@ class L {
   _validateNumber(t) {
     if (!this.selectedCountryData.iso2)
       return !1;
-    const e = (r) => t ? this._utilsIsValidNumber(r) : this._utilsIsPossibleNumber(r), i = this._getFullNumber(), s = i.search(new RegExp("\\p{L}", "u"));
+    const e = (a) => t ? this._utilsIsValidNumber(a) : this._utilsIsPossibleNumber(a), i = this._getFullNumber(), s = i.search(new RegExp("\\p{L}", "u"));
     if (s > -1 && !this.options.allowPhonewords) {
-      const r = i.substring(0, s), o = e(r), d = e(i);
+      const a = i.substring(0, s), o = e(a), d = e(i);
       return o && d;
     }
     return e(i);
@@ -2609,7 +2621,7 @@ const Y = (u) => {
     attachUtils: Y,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.10.5"
+    version: "25.10.6"
   }
 ), Z = {
   __name: "IntlTelInput",
@@ -2644,37 +2656,37 @@ const Y = (u) => {
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(u, { expose: t, emit: e }) {
-    const i = M(u, "modelValue"), s = u, n = e, r = D(), o = D(), d = D(!1), C = () => o.value ? s.options.strictMode ? o.value.isValidNumberPrecise() : o.value.isValidNumber() : null, c = () => {
-      let a = C();
-      d.value !== a && (d.value = a, n("changeValidity", !!a), n(
+    const i = M(u, "modelValue"), s = u, n = e, a = D(), o = D(), d = D(!1), c = () => o.value ? s.options.strictMode ? o.value.isValidNumberPrecise() : o.value.isValidNumber() : null, C = () => {
+      let p = c();
+      d.value !== p && (d.value = p, n("changeValidity", !!p), n(
         "changeErrorCode",
-        a ? null : o.value.getValidationError()
+        p ? null : o.value.getValidationError()
       ));
-    }, p = () => {
-      var a;
-      n("changeNumber", ((a = o.value) == null ? void 0 : a.getNumber()) ?? ""), c();
-    }, m = () => {
-      var a;
-      n("changeCountry", ((a = o.value) == null ? void 0 : a.getSelectedCountryData().iso2) ?? ""), p(), c();
+    }, r = () => {
+      var p;
+      n("changeNumber", ((p = o.value) == null ? void 0 : p.getNumber()) ?? ""), C();
+    }, h = () => {
+      var p;
+      n("changeCountry", ((p = o.value) == null ? void 0 : p.getSelectedCountryData().iso2) ?? ""), r(), C();
     };
     return E(() => {
-      r.value && (o.value = l(r.value, s.options), s.value && o.value.setNumber(s.value), s.disabled && o.value.setDisabled(s.disabled), d.value = C());
+      a.value && (o.value = l(a.value, s.options), s.value && o.value.setNumber(s.value), s.disabled && o.value.setDisabled(s.disabled), d.value = c());
     }), B(
       () => s.disabled,
-      (a) => {
-        var h;
-        return (h = o.value) == null ? void 0 : h.setDisabled(a);
+      (p) => {
+        var m;
+        return (m = o.value) == null ? void 0 : m.setDisabled(p);
       }
     ), R(() => {
-      var a;
-      return (a = o.value) == null ? void 0 : a.destroy();
-    }), t({ instance: o, input: r }), (a, h) => F((z(), V("input", O({
+      var p;
+      return (p = o.value) == null ? void 0 : p.destroy();
+    }), t({ instance: o, input: a }), (p, m) => F((z(), V("input", O({
       ref_key: "input",
-      ref: r,
-      "onUpdate:modelValue": h[0] || (h[0] = (g) => i.value = g),
+      ref: a,
+      "onUpdate:modelValue": m[0] || (m[0] = (g) => i.value = g),
       type: "tel",
-      onCountrychange: m,
-      onInput: p
+      onCountrychange: h,
+      onInput: r
     }, u.inputProps), null, 16)), [
       [
         $,