intl-tel-input 25.4.8 → 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 d, 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,
@@ -1798,18 +1798,18 @@ class G {
       dropdownContainer: o,
       fixDropdownWidth: r,
       useFullscreenPopup: a,
-      countrySearch: h,
-      i18n: c
+      countrySearch: c,
+      i18n: y
     } = this.options;
     let p = "iti";
     t && (p += " iti--allow-dropdown"), i && (p += " iti--show-flags"), s && (p += ` ${s}`), a || (p += " iti--inline-dropdown");
-    const C = y("div", { class: p });
-    if ((d = this.telInput.parentNode) == null || d.insertBefore(C, this.telInput), t || i || e) {
-      this.countryContainer = y(
+    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" },
         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", t ? (this.selectedCountry = m(
         "button",
         {
           type: "button",
@@ -1821,75 +1821,75 @@ 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}`
-        }), h && (this.searchInput = y(
+        }), c && (this.searchInput = m(
           "input",
           {
             type: "text",
             class: "iti__search-input",
-            placeholder: c.searchPlaceholder,
+            placeholder: y.searchPlaceholder,
             role: "combobox",
             "aria-expanded": "true",
-            "aria-label": c.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": c.countryListAriaLabel
+            "aria-label": y.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), h && 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);
+        ), this._appendListItems(), c && this._updateSearchResultsText(), o) {
+          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 (C.appendChild(this.telInput), this._updateInputPadding(), n) {
-      const _ = this.telInput.getAttribute("name") || "", f = 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
         }), 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
         }), C.appendChild(this.hiddenInputCountry));
@@ -1899,7 +1899,7 @@ 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(
+      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = m(
         "li",
         {
           id: `iti-${this.id}__item-${e.iso2}`,
@@ -1921,10 +1921,10 @@ 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: h } = this.options, c = a === "auto" && h;
+    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 (!c || t) {
+    else if (!y || t) {
       const p = a ? a.toLowerCase() : "";
       p && this._getCountryData(p, !0) ? this._setCountry(p) : o && r ? this._setCountry("us") : this._setCountry();
     }
@@ -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 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();
+        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 h = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), c = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
-      h || c && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
+      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, m = this.telInput.value.substring(0, C).replace(/[^+0-9]/g, "").length, b = (a == null ? void 0 : a.inputType) === "deleteContentForward", _ = this._formatNumberAsYouType(), f = K(m, _, C, b);
-        this.telInput.value = _, this.telInput.setSelectionRange(f, f);
+        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,8 +2008,8 @@ class G {
           return;
         }
         if (t) {
-          const h = this.telInput.value, p = !(h.charAt(0) === "+") && this.telInput.selectionStart === 0 && a.key === "+", C = /^[0-9]$/.test(a.key), d = i ? C : p || C, m = h.slice(0, this.telInput.selectionStart) + a.key + h.slice(this.telInput.selectionEnd), b = this._getFullNumber(m), _ = l.utils.getCoreNumber(b, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && _.length > this.maxCoreNumberLength, P = this._getNewCountryFromNumber(b) !== null;
-          (!d || f && !P && !p) && 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));
@@ -2098,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((c) => c[0]).join("").toLowerCase(), h = `+${o.dialCode}`;
-      if (e || r.includes(s) || h.includes(s) || o.iso2.includes(s) || a.includes(s)) {
-        const c = o.nodeById[this.id];
-        c && this.countryList.appendChild(c), i && (this._highlightListItem(c, !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();
   }
@@ -2128,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
@@ -2161,14 +2170,14 @@ class G {
     i = this._ensureHasDialCode(i);
     const o = this._getDialCode(i, !0), r = v(i);
     if (o) {
-      const a = v(o), h = this.dialCodeToIso2Map[a];
-      if (!s && this.defaultCountry && h.includes(this.defaultCountry))
+      const a = v(o), c = this.dialCodeToIso2Map[a];
+      if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const c = this.selectedCountryData.areaCodes && r.length > a.length, p = s && h.includes(s) && !c;
+      const y = this.selectedCountryData.areaCodes && r.length > a.length, p = s && c.includes(s) && !y;
       if (!(n === "1" && S(r)) && !p) {
-        for (let d = 0; d < h.length; d++)
-          if (h[d])
-            return h[d];
+        for (let l = 0; l < c.length; l++)
+          if (c[l])
+            return c[l];
       }
     } else {
       if (i.charAt(0) === "+" && r.length)
@@ -2222,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;
@@ -2269,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
@@ -2298,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, h = a + r, c = 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 = c;
-    else if (h > o) {
+      e.scrollTop = y;
+    else if (c > o) {
       const p = s - r;
-      e.scrollTop = c - p;
+      e.scrollTop = y - p;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2364,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;
   }
   //**************************
@@ -2372,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
@@ -2400,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
@@ -2423,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;
@@ -2434,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;
   }
@@ -2452,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() {
@@ -2466,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) {
@@ -2486,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,
@@ -2519,16 +2528,16 @@ 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.8"
+    version: "25.5.0"
   }
 ), Y = {
   __name: "IntlTelInput",
@@ -2562,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), h = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, c = () => {
-      let d = h();
-      a.value !== d && (a.value = d, n("changeValidity", !!d), 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",
-        d ? null : r.value.getValidationError()
+        l ? null : r.value.getValidationError()
       ));
     }, p = () => {
-      var d;
-      n("changeNumber", ((d = r.value) == null ? void 0 : d.getNumber()) ?? ""), c();
+      var l;
+      n("changeNumber", ((l = r.value) == null ? void 0 : l.getNumber()) ?? ""), y();
     }, C = () => {
-      var d;
-      n("changeCountry", ((d = r.value) == null ? void 0 : d.getSelectedCountryData().iso2) ?? ""), p(), 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 = h());
+      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,
-      (d) => {
-        var m;
-        return (m = r.value) == null ? void 0 : m.setDisabled(d);
+      (l) => {
+        var d;
+        return (d = r.value) == null ? void 0 : d.setDisabled(l);
       }
     ), F(() => {
-      var d;
-      return (d = r.value) == null ? void 0 : d.destroy();
-    }), t({ instance: r, input: o }), (d, 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: C,
       onInput: p
-    }, u.inputProps), null, 16)), [
+    }, h.inputProps), null, 16)), [
       [
         O,
         i.value,