intl-tel-input 25.4.7 → 25.5.0

package/vue/build/IntlTelInput.mjs

@@ -1323,9 +1323,9 @@ const N = [
     "263"
   ]
 ], I = [];
-for (let u = 0; u < N.length; u++) {
-  const t = N[u];
-  I[u] = {
+for (let h = 0; h < N.length; h++) {
+  const t = N[h];
+  I[h] = {
     name: "",
     // this is now populated in the plugin
     iso2: t[0],
@@ -1591,8 +1591,8 @@ const j = {
   ac: "Ascension Island",
   xk: "Kosovo"
 }, k = { ...j, ...$ };
-for (let u = 0; u < I.length; u++)
-  I[u].name = k[I[u].iso2];
+for (let h = 0; h < I.length; h++)
+  I[h].name = k[I[h].iso2];
 let U = 0;
 const T = {
   //* Whether or not to allow the dropdown.
@@ -1667,32 +1667,32 @@ 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);
+], v = (h) => h.replace(/\D/g, ""), A = (h = "") => h.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), S = (h) => {
+  const t = v(h);
   if (t.charAt(0) === "1") {
     const e = t.substr(1, 3);
     return H.includes(e);
   }
   return !1;
-}, K = (u, t, e, i) => {
+}, K = (h, t, e, i) => {
   if (e === 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)
+    if (/[+0-9]/.test(t[n]) && s++, s === h && !i)
       return n + 1;
-    if (i && s === u + 1)
+    if (i && s === h + 1)
       return n;
   }
   return t.length;
-}, y = (u, t, e) => {
-  const i = document.createElement(u);
+}, m = (h, t, e) => {
+  const i = document.createElement(h);
   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));
+}, w = (h, ...t) => {
+  const { instances: e } = u;
+  Object.values(e).forEach((i) => i[h](...t));
 };
-class G {
+class W {
   constructor(t, e = {}) {
     this.id = U++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, T, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
   }
@@ -1787,7 +1787,7 @@ class G {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var h, m, b;
+    var l, d, 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,
@@ -1799,17 +1799,17 @@ class G {
       fixDropdownWidth: r,
       useFullscreenPopup: a,
       countrySearch: c,
-      i18n: d
+      i18n: y
     } = this.options;
-    let C = "iti";
-    t && (C += " iti--allow-dropdown"), i && (C += " iti--show-flags"), s && (C += ` ${s}`), a || (C += " iti--inline-dropdown");
-    const p = y("div", { class: C });
-    if ((h = this.telInput.parentNode) == null || h.insertBefore(p, this.telInput), t || i || e) {
-      this.countryContainer = y(
+    let p = "iti";
+    t && (p += " iti--allow-dropdown"), i && (p += " iti--show-flags"), s && (p += ` ${s}`), a || (p += " iti--inline-dropdown");
+    const C = m("div", { class: p });
+    if ((l = this.telInput.parentNode) == null || l.insertBefore(C, this.telInput), t || i || e) {
+      this.countryContainer = m(
         "div",
         { class: "iti__country-container" },
-        p
-      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = y(
+        C
+      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = m(
         "button",
         {
           type: "button",
@@ -1821,85 +1821,85 @@ class G {
           role: "combobox"
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = y(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = m(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const _ = y("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
-      if (this.selectedCountryInner = y("div", { class: "iti__flag" }, _), this.selectedCountryA11yText = y(
+      const b = m("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
+      if (this.selectedCountryInner = m("div", { class: "iti__flag" }, b), this.selectedCountryA11yText = m(
         "span",
         { class: "iti__a11y-text" },
         this.selectedCountryInner
-      ), t && (this.dropdownArrow = y(
+      ), t && (this.dropdownArrow = m(
         "div",
         { class: "iti__arrow", "aria-hidden": "true" },
-        _
-      )), e && (this.selectedDialCode = y(
+        b
+      )), e && (this.selectedDialCode = m(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
       )), t) {
         const f = r ? "" : "iti--flexible-dropdown-width";
-        if (this.dropdownContent = y("div", {
+        if (this.dropdownContent = m("div", {
           id: `iti-${this.id}__dropdown-content`,
           class: `iti__dropdown-content iti__hide ${f}`
-        }), c && (this.searchInput = y(
+        }), c && (this.searchInput = m(
           "input",
           {
             type: "text",
             class: "iti__search-input",
-            placeholder: d.searchPlaceholder,
+            placeholder: y.searchPlaceholder,
             role: "combobox",
             "aria-expanded": "true",
-            "aria-label": d.searchPlaceholder,
+            "aria-label": y.searchPlaceholder,
             "aria-controls": `iti-${this.id}__country-listbox`,
             "aria-autocomplete": "list",
             autocomplete: "off"
           },
           this.dropdownContent
-        ), this.searchResultsA11yText = y(
+        ), this.searchResultsA11yText = m(
           "span",
           { class: "iti__a11y-text" },
           this.dropdownContent
-        )), this.countryList = y(
+        )), this.countryList = m(
           "ul",
           {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": d.countryListAriaLabel
+            "aria-label": y.countryListAriaLabel
           },
           this.dropdownContent
         ), this._appendListItems(), c && this._updateSearchResultsText(), o) {
-          let g = "iti iti--container";
-          s && (g += ` ${s}`), a ? g += " iti--fullscreen-popup" : g += " iti--inline-dropdown", this.dropdown = y("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
+          let _ = "iti iti--container";
+          s && (_ += ` ${s}`), a ? _ += " iti--fullscreen-popup" : _ += " iti--inline-dropdown", this.dropdown = m("div", { class: _ }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (p.appendChild(this.telInput), this._updateInputPadding(), n) {
-      const _ = this.telInput.getAttribute("name") || "", f = n(_);
+    if (C.appendChild(this.telInput), this._updateInputPadding(), n) {
+      const b = this.telInput.getAttribute("name") || "", f = n(b);
       if (f.phone) {
-        const g = (m = this.telInput.form) == null ? void 0 : m.querySelector(`input[name="${f.phone}"]`);
-        g ? this.hiddenInput = g : (this.hiddenInput = y("input", {
+        const _ = (d = this.telInput.form) == null ? void 0 : d.querySelector(`input[name="${f.phone}"]`);
+        _ ? this.hiddenInput = _ : (this.hiddenInput = m("input", {
           type: "hidden",
           name: f.phone
-        }), p.appendChild(this.hiddenInput));
+        }), C.appendChild(this.hiddenInput));
       }
       if (f.country) {
-        const g = (b = this.telInput.form) == null ? void 0 : b.querySelector(`input[name="${f.country}"]`);
-        g ? this.hiddenInputCountry = g : (this.hiddenInputCountry = y("input", {
+        const _ = (g = this.telInput.form) == null ? void 0 : g.querySelector(`input[name="${f.country}"]`);
+        _ ? this.hiddenInputCountry = _ : (this.hiddenInputCountry = m("input", {
           type: "hidden",
           name: f.country
-        }), p.appendChild(this.hiddenInputCountry));
+        }), C.appendChild(this.hiddenInputCountry));
       }
     }
   }
   //* 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(
+      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = m(
         "li",
         {
           id: `iti-${this.id}__item-${e.iso2}`,
@@ -1921,12 +1921,12 @@ class G {
   //* 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), r = S(n), { initialCountry: a, geoIpLookup: c } = this.options, d = a === "auto" && c;
+    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), r = S(n), { initialCountry: a, geoIpLookup: c } = this.options, y = a === "auto" && c;
     if (o && !r)
       this._updateCountryFromNumber(n);
-    else if (!d || t) {
-      const C = a ? a.toLowerCase() : "";
-      C && this._getCountryData(C, !0) ? this._setCountry(C) : o && r ? this._setCountry("us") : this._setCountry();
+    else if (!y || t) {
+      const p = a ? a.toLowerCase() : "";
+      p && this._getCountryData(p, !0) ? this._setCountry(p) : o && r ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -1962,18 +1962,18 @@ 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 = () => {
+    t && !u.utils ? (this._handlePageLoad = () => {
       var n;
-      window.removeEventListener("load", this._handlePageLoad), (n = l.attachUtils(t)) == null || n.catch(() => {
+      window.removeEventListener("load", this._handlePageLoad), (n = u.attachUtils(t)) == null || n.catch(() => {
       });
-    }, l.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), e === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
+    }, u.documentReady() ? this._handlePageLoad() : window.addEventListener("load", this._handlePageLoad)) : this.resolveUtilsScriptPromise(), e === "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(
+    u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.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 && this._getCountryData(e, !0) ? (u.autoCountry = e, setTimeout(() => w("handleAutoCountry"))) : (this._setInitialState(!0), w("rejectAutoCountryPromise"));
       },
       () => {
         this._setInitialState(!0), w("rejectAutoCountryPromise");
@@ -1989,17 +1989,17 @@ class G {
     let r = !1;
     new RegExp("\\p{L}", "u").test(this.telInput.value) && (r = !0), this._handleInputEvent = (a) => {
       if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && n && o) {
-        const p = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, p - 1), m = this.telInput.value.substring(p);
-        this.telInput.value = h + m, this._openDropdownWithPlus();
+        const C = this.telInput.selectionStart || 0, l = this.telInput.value.substring(0, C - 1), d = this.telInput.value.substring(C);
+        this.telInput.value = l + d, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), d = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
-      c || d && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
-      const C = (a == null ? void 0 : a.detail) && a.detail.isSetNumber && !s;
-      if (e && !r && !C) {
-        const p = this.telInput.selectionStart || 0, m = this.telInput.value.substring(0, p).replace(/[^+0-9]/g, "").length, b = (a == null ? void 0 : a.inputType) === "deleteContentForward", _ = this._formatNumberAsYouType(), f = K(m, _, p, b);
-        this.telInput.value = _, this.telInput.setSelectionRange(f, f);
+      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), y = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
+      c || y && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
+      const p = (a == null ? void 0 : a.detail) && a.detail.isSetNumber && !s;
+      if (e && !r && !p) {
+        const C = this.telInput.selectionStart || 0, d = this.telInput.value.substring(0, C).replace(/[^+0-9]/g, "").length, g = (a == null ? void 0 : a.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), f = K(d, b, C, g);
+        this.telInput.value = b, this.telInput.setSelectionRange(f, f);
       }
     }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (a) => {
       if (a.key && a.key.length === 1 && !a.altKey && !a.ctrlKey && !a.metaKey) {
@@ -2008,13 +2008,8 @@ class G {
           return;
         }
         if (t) {
-          const c = this.telInput.value, d = c.charAt(0) === "+", C = !d && this.telInput.selectionStart === 0 && a.key === "+", p = /^[0-9]$/.test(a.key), h = i ? p : C || p, m = c.slice(0, this.telInput.selectionStart) + a.key + c.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 (d) {
-            const P = this.selectedCountryData.iso2;
-            g = this._getCountryFromNumber(b) !== P;
-          }
-          (!h || f && !g && !C) && a.preventDefault();
+          const c = this.telInput.value, p = !(c.charAt(0) === "+") && this.telInput.selectionStart === 0 && a.key === "+", C = /^[0-9]$/.test(a.key), l = i ? C : p || C, d = c.slice(0, this.telInput.selectionStart) + a.key + c.slice(this.telInput.selectionEnd), g = this._getFullNumber(d), b = u.utils.getCoreNumber(g, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, P = this._getNewCountryFromNumber(g) !== null;
+          (!l || f && !P && !p) && a.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2103,13 +2098,22 @@ class G {
   _filterCountries(t, e = !1) {
     let i = !0;
     this.countryList.innerHTML = "";
-    const s = A(t);
-    for (let n = 0; n < this.countries.length; n++) {
-      const o = this.countries[n], r = A(o.name), a = o.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((d) => d[0]).join("").toLowerCase(), c = `+${o.dialCode}`;
-      if (e || r.includes(s) || c.includes(s) || o.iso2.includes(s) || a.includes(s)) {
-        const d = o.nodeById[this.id];
-        d && this.countryList.appendChild(d), i && (this._highlightListItem(d, !1), i = !1);
-      }
+    const s = A(t), n = s.length, o = [], r = [], a = [], c = [], y = [], p = [];
+    for (let l = 0; l < this.countries.length; l++) {
+      const d = this.countries[l], g = A(d.name), b = d.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((f) => f[0]).join("").toLowerCase();
+      e || n === 0 ? a.push(d) : d.iso2.toLowerCase() === s ? o.push(d) : g.startsWith(s) ? r.push(d) : g.includes(s) ? a.push(d) : s === d.dialCode || s === `+${d.dialCode}` ? c.push(d) : `+${d.dialCode}`.includes(s) ? y.push(d) : b.includes(s) && p.push(d);
+    }
+    const C = [
+      ...o.sort((l, d) => l.priority - d.priority),
+      ...r.sort((l, d) => l.priority - d.priority),
+      ...a.sort((l, d) => l.priority - d.priority),
+      ...c.sort((l, d) => l.priority - d.priority),
+      ...y.sort((l, d) => l.priority - d.priority),
+      ...p.sort((l, d) => l.priority - d.priority)
+    ];
+    for (const l of C) {
+      const d = l.nodeById[this.id];
+      d && (this.countryList.appendChild(d), i && (this._highlightListItem(d, !1), i = !1));
     }
     i && this._highlightListItem(null, !1), this.countryList.scrollTop = 0, this._updateSearchResultsText();
   }
@@ -2133,9 +2137,9 @@ class G {
   //* NOTE: this is called from _setInitialState, handleUtils and setNumber.
   _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, o = i ? s : n;
-      e = l.utils.formatNumber(
+    if (this.options.formatOnDisplay && u.utils && this.selectedCountryData) {
+      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = u.utils.numberFormat, o = i ? s : n;
+      e = u.utils.formatNumber(
         e,
         this.selectedCountryData.iso2,
         o
@@ -2146,7 +2150,7 @@ class G {
   //* 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);
+    const e = this._getNewCountryFromNumber(t);
     return e !== null ? this._setCountry(e) : !1;
   }
   _ensureHasDialCode(t) {
@@ -2156,7 +2160,10 @@ class G {
     const o = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
     return `+${e}${o}`;
   }
-  _getCountryFromNumber(t) {
+  // Get the country ISO2 code from the given number
+  // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
+  // NOTE: consider refactoring this to be more clear
+  _getNewCountryFromNumber(t) {
     const e = t.indexOf("+");
     let i = e ? t.substring(e) : t;
     const s = this.selectedCountryData.iso2, n = this.selectedCountryData.dialCode;
@@ -2166,11 +2173,11 @@ class G {
       const a = v(o), c = this.dialCodeToIso2Map[a];
       if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const d = s && c.includes(s) && (r.length === a.length || !this.selectedCountryData.areaCodes);
-      if (!(n === "1" && S(r)) && !d) {
-        for (let p = 0; p < c.length; p++)
-          if (c[p])
-            return c[p];
+      const y = this.selectedCountryData.areaCodes && r.length > a.length, p = s && c.includes(s) && !y;
+      if (!(n === "1" && S(r)) && !p) {
+        for (let l = 0; l < c.length; l++)
+          if (c[l])
+            return c[l];
       }
     } else {
       if (i.charAt(0) === "+" && r.length)
@@ -2224,18 +2231,18 @@ class G {
   //* 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)
+    if (t && u.utils)
       if (s) {
-        const n = l.utils.numberType[e];
-        let o = l.utils.getExampleNumber(
+        const n = u.utils.numberType[e];
+        let o = u.utils.getExampleNumber(
           s,
           !1,
           n,
           !0
         ), r = o;
-        for (; l.utils.isPossibleNumber(o, s, i); )
+        for (; u.utils.isPossibleNumber(o, s, i); )
           r = o, o += "0";
-        const a = l.utils.getCoreNumber(r, s);
+        const a = u.utils.getCoreNumber(r, s);
         this.maxCoreNumberLength = a.length, s === "by" && (this.maxCoreNumberLength = a.length + 1);
       } else
         this.maxCoreNumberLength = null;
@@ -2271,9 +2278,9 @@ class G {
       nationalMode: i,
       customPlaceholder: s
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
-    if (l.utils && n) {
-      const o = l.utils.numberType[e];
-      let r = this.selectedCountryData.iso2 ? l.utils.getExampleNumber(
+    if (u.utils && n) {
+      const o = u.utils.numberType[e];
+      let r = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
         o
@@ -2300,12 +2307,12 @@ class G {
   }
   //* 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, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, c = a + r, d = a - n + e.scrollTop;
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, o = n + s, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, c = a + r, y = a - n + e.scrollTop;
     if (a < n)
-      e.scrollTop = d;
+      e.scrollTop = y;
     else if (c > o) {
-      const C = s - r;
-      e.scrollTop = d - C;
+      const p = s - r;
+      e.scrollTop = y - p;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2366,7 +2373,7 @@ 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;
+    const t = this._getFullNumber(), e = u.utils ? u.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;
   }
   //**************************
@@ -2374,11 +2381,11 @@ class G {
   //**************************
   //* This is called when the geoip call returns.
   handleAutoCountry() {
-    this.options.initialCountry === "auto" && l.autoCountry && (this.defaultCountry = l.autoCountry, this.selectedCountryData.iso2 || this.selectedCountryInner.classList.contains("iti__globe") || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
+    this.options.initialCountry === "auto" && u.autoCountry && (this.defaultCountry = u.autoCountry, this.selectedCountryData.iso2 || this.selectedCountryInner.classList.contains("iti__globe") || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
   }
   //* This is called when the utils request completes.
   handleUtils() {
-    l.utils && (this.telInput.value && this._updateValFromNumber(this.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
+    u.utils && (this.telInput.value && this._updateValFromNumber(this.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
   }
   //********************
   //*  PUBLIC METHODS
@@ -2402,20 +2409,20 @@ class G {
     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), (o = s == null ? void 0 : s.parentNode) == null || o.removeChild(s), delete l.instances[this.id];
+    (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 u.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
-    return l.utils ? l.utils.getExtension(
+    return u.utils ? u.utils.getExtension(
       this._getFullNumber(),
       this.selectedCountryData.iso2
     ) : "";
   }
   //* Format the number to the given format.
   getNumber(t) {
-    if (l.utils) {
+    if (u.utils) {
       const { iso2: e } = this.selectedCountryData;
-      return l.utils.formatNumber(
+      return u.utils.formatNumber(
         this._getFullNumber(),
         e,
         t
@@ -2425,7 +2432,7 @@ class G {
   }
   //* Get the type of the entered number e.g. landline/mobile.
   getNumberType() {
-    return l.utils ? l.utils.getNumberType(
+    return u.utils ? u.utils.getNumberType(
       this._getFullNumber(),
       this.selectedCountryData.iso2
     ) : -99;
@@ -2436,9 +2443,9 @@ class G {
   }
   //* Get the validation error.
   getValidationError() {
-    if (l.utils) {
+    if (u.utils) {
       const { iso2: t } = this.selectedCountryData;
-      return l.utils.getValidationError(this._getFullNumber(), t);
+      return u.utils.getValidationError(this._getFullNumber(), t);
     }
     return -99;
   }
@@ -2454,7 +2461,7 @@ class G {
     return this._utilsIsPossibleNumber(t);
   }
   _utilsIsPossibleNumber(t) {
-    return l.utils ? l.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+    return u.utils ? u.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
@@ -2468,7 +2475,7 @@ class G {
     return this._utilsIsValidNumber(t);
   }
   _utilsIsValidNumber(t) {
-    return l.utils ? l.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+    return u.utils ? u.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
   //* Update the selected country, and update the input val accordingly.
   setCountry(t) {
@@ -2488,31 +2495,31 @@ class G {
     this.telInput.disabled = t, t ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
   }
 }
-const W = (u) => {
-  if (!l.utils && !l.startedLoadingUtilsScript) {
+const G = (h) => {
+  if (!u.utils && !u.startedLoadingUtilsScript) {
     let t;
-    if (typeof u == "function")
+    if (typeof h == "function")
       try {
-        t = Promise.resolve(u());
+        t = Promise.resolve(h());
       } catch (e) {
         return Promise.reject(e);
       }
     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) => {
+      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof h}`));
+    return u.startedLoadingUtilsScript = !0, t.then((e) => {
       const i = e == null ? void 0 : e.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;
+      return u.utils = i, w("handleUtils"), !0;
     }).catch((e) => {
       throw w("rejectUtilsScriptPromise", e), e;
     });
   }
   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, u.iti = e, e;
+}, u = Object.assign(
+  (h, t) => {
+    const e = new W(h, t);
+    return e._init(), h.setAttribute("data-intl-tel-input-id", e.id.toString()), u.instances[e.id] = e, h.iti = e, e;
   },
   {
     defaults: T,
@@ -2521,18 +2528,18 @@ const W = (u) => {
     //* Get the country data object.
     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;
+    getInstance: (h) => {
+      const t = h.getAttribute("data-intl-tel-input-id");
+      return t ? u.instances[t] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: W,
+    attachUtils: G,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.4.7"
+    version: "25.5.0"
   }
-), J = {
+), Y = {
   __name: "IntlTelInput",
   props: /* @__PURE__ */ D({
     disabled: {
@@ -2564,39 +2571,39 @@ const W = (u) => {
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
-  setup(u, { expose: t, emit: e }) {
-    const i = x(u, "modelValue"), s = u, n = e, o = L(), r = L(), a = L(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, d = () => {
-      let h = c();
-      a.value !== h && (a.value = h, n("changeValidity", !!h), n(
+  setup(h, { expose: t, emit: e }) {
+    const i = x(h, "modelValue"), s = h, n = e, o = L(), r = L(), a = L(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, y = () => {
+      let l = c();
+      a.value !== l && (a.value = l, n("changeValidity", !!l), n(
         "changeErrorCode",
-        h ? null : r.value.getValidationError()
+        l ? null : r.value.getValidationError()
       ));
-    }, C = () => {
-      var h;
-      n("changeNumber", ((h = r.value) == null ? void 0 : h.getNumber()) ?? ""), d();
     }, p = () => {
-      var h;
-      n("changeCountry", ((h = r.value) == null ? void 0 : h.getSelectedCountryData().iso2) ?? ""), C(), d();
+      var l;
+      n("changeNumber", ((l = r.value) == null ? void 0 : l.getNumber()) ?? ""), y();
+    }, C = () => {
+      var l;
+      n("changeCountry", ((l = r.value) == null ? void 0 : l.getSelectedCountryData().iso2) ?? ""), p(), y();
     };
     return E(() => {
-      o.value && (r.value = l(o.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), a.value = c());
+      o.value && (r.value = u(o.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), a.value = c());
     }), M(
       () => s.disabled,
-      (h) => {
-        var m;
-        return (m = r.value) == null ? void 0 : m.setDisabled(h);
+      (l) => {
+        var d;
+        return (d = r.value) == null ? void 0 : d.setDisabled(l);
       }
     ), F(() => {
-      var h;
-      return (h = r.value) == null ? void 0 : h.destroy();
-    }), t({ instance: r, input: o }), (h, m) => B((z(), V("input", R({
+      var l;
+      return (l = r.value) == null ? void 0 : l.destroy();
+    }), t({ instance: r, input: o }), (l, d) => B((z(), V("input", R({
       ref_key: "input",
       ref: o,
-      "onUpdate:modelValue": m[0] || (m[0] = (b) => i.value = b),
+      "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
       type: "tel",
-      onCountrychange: p,
-      onInput: C
-    }, u.inputProps), null, 16)), [
+      onCountrychange: C,
+      onInput: p
+    }, h.inputProps), null, 16)), [
       [
         O,
         i.value,
@@ -2607,5 +2614,5 @@ const W = (u) => {
   }
 };
 export {
-  J as default
+  Y as default
 };