intl-tel-input 25.5.1 → 25.7.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
 See the Github Releases page for changelog: https://github.com/jackocnr/intl-tel-input/releases
 
-Or to lookup a specific version, e.g. v20.0.0, update the URL accordingly: https://github.com/jackocnr/intl-tel-input/releases/tag/v20.0.0
+Or to view a specific version, e.g. v20.0.0, update the URL accordingly, e.g. https://github.com/jackocnr/intl-tel-input/releases/tag/v20.0.0
+
+## Breaking changes
+
+- v25.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v25.0.0
+- v24.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v24.0.0
+- v23.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v23.0.0
+- v22.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v22.0.0
+- v21.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v21.0.0
+- v20.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v20.0.0
+- v19.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v19.0.0
+- v18.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v18.0.0
+- v17.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v17.0.0
+- v16.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v16.0.0
+- v15.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v15.0.0
+- v14.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v14.0.0
+- v13.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v13.0.0
+- v12.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v12.0.0
+- v11.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v11.0.0
+- v10.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v10.0.0
+- v9.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v9.0.0
+- v8.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v8.0.0
+- v7.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v7.0.0
+- v6.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v6.0.0
+- v5.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v5.0.0
+- v4.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v4.0.0
+- v3.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v3.0.0
+- v2.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v2.0.0
+- v1.0.0 https://github.com/jackocnr/intl-tel-input/releases/tag/v1.0.0

package/README.md

@@ -77,16 +77,16 @@ _Note: We have now dropped support for all versions of Internet Explorer because
 ## Getting Started (Using a CDN)
 1. Add the CSS
   ```html
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.1/build/css/intlTelInput.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/css/intlTelInput.css">
   ```
 
 2. Add the plugin script and initialise it on your input element
   ```html
-  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.1/build/js/intlTelInput.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/js/intlTelInput.min.js"></script>
   <script>
     const input = document.querySelector("#phone");
     window.intlTelInput(input, {
-      loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.1/build/js/utils.js"),
+      loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/js/utils.js"),
     });
   </script>
   ```
@@ -229,9 +229,9 @@ _Note that the `failure` callback must be called in the event of an error, hence
 
 **hiddenInput**  
 Type: `Function` Default: `null`  
-Allows the creation of hidden input fields within a form to store the full international telephone number and the selected country code. It accepts a function that receives the name of the main telephone input as an argument. This function should return an object with `phone` and (optionally) `country` properties to specify the names of the hidden inputs for the phone number and country code, respectively. This is useful for non-Ajax form submissions to ensure the full international number and country code are captured, especially when `nationalMode` is enabled.
+Allows the creation of hidden input fields within a form, which, on submit, get populated with the (1) full international telephone number and (2) the selected country code. It accepts a function that receives the name of the main telephone input as an argument. This function should return an object with `phone` and (optionally) `country` properties to specify the names of the hidden inputs for the phone number and country code, respectively. This is useful for non-Ajax form submissions to ensure the full international number and country code are captured, especially when `nationalMode` is enabled.
 
-***Note**: This feature requires the input to be inside a `<form>` element, as it listens for the `submit` event on the closest form element. Also note that since this uses `getNumber` internally, firstly it requires the [utils script to be loaded](#loading-the-utilities-script), and secondly it expects a valid number and so will only work correctly if you have used `isValidNumber` to validate the number before allowing the form submit to go through.
+***Note**: This feature requires the input to be inside a `<form>` element, as it listens for the `submit` event on the closest form element. Also note that since this uses `getNumber` internally, firstly it requires the [utils script to be loaded](#loading-the-utilities-script), and secondly, it expects a valid number and so will only work correctly if you have used `isValidNumber` to validate the number before allowing the form submit to go through.
 
 ```js
 intlTelInput(input, {
@@ -251,7 +251,7 @@ This will generate the following (hidden) elements, which will be automatically
 
 **i18n**  
 Type: `Object` Default: `{}`  
-Allow localisation/customisation of the 200+ country names, as well as other user interface text (e.g. the placeholder text for the country search input). The easiest way to do this is to simply import one of the [provided translation modules](https://github.com/jackocnr/intl-tel-input/tree/master/build/js/i18n) and set `i18n` to that value (see option 1 below). You can also override one or more individual keys this way (see option 1 below). Alternatively, you can provide your own custom translations (see option 2 below). If providing your own, you will need to specify all the country names (which can be copied from the country-list project e.g. here are the [country names in French](https://github.com/umpirsky/country-list/blob/master/data/fr/country.json)), as well as a few UI strings (listed below). [See example](https://intl-tel-input.com/examples/localise-countries.html).
+Allows you to specify translation strings for the 200+ country names, as well as other user interface text (e.g. the placeholder text for the country search input). The easiest way to do this is to import one of the [provided translation modules](https://github.com/jackocnr/intl-tel-input/tree/master/build/js/i18n) and set `i18n` to that value (see option 1 below). You can also override one or more individual keys this way (see option 1 below). Alternatively, you can provide your own custom translations (see option 2 below). If providing your own, you will need to specify all the country names (which can be copied from the country-list project, e.g. here are the [country names in French](https://github.com/umpirsky/country-list/blob/master/data/fr/country.json)), as well as a few UI strings (listed below). [See example](https://intl-tel-input.com/examples/localise-countries.html).
 
 If we don't currently support a language you need, it's easy to [contribute this](https://github.com/jackocnr/intl-tel-input/blob/master/.github/CONTRIBUTING.md#adding-a-new-translation) yourself - you only need to provide a handful of UI translation strings, as we automatically pull in the country names from the country-list project.
 
@@ -297,7 +297,7 @@ intlTelInput(input, {
     oneSearchResult: "1 result found",
     // Screen reader text for when the search produces multiple results
     multipleSearchResults: "${count} results found",
-    // For more complex pluralisation cases e.g. Polish or Arabic, you can implement your own logic
+    // For more complex pluralisation cases, e.g. Polish or Arabic, you can implement your own logic
     // Note that if this function is defined, the plugin will ignore the "zero", "one" and "multiple" keys listed above
     searchResultsText(count) {
       if (count === 0) return "No results found";
@@ -322,7 +322,7 @@ The `loadUtils` option takes a function which returns a Promise which resolves t
 ```js
 // (A) import utils module from a CDN
 intlTelInput(htmlInputElement, {
-  loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.1/build/js/utils.js"),
+  loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/js/utils.js"),
 });
 
 // (B) import utils module from your own hosted version of utils.js
@@ -606,7 +606,7 @@ The `loadUtils` option takes a function which returns a Promise which resolves t
 ```js
 // (A) import utils module from a CDN
 intlTelInput(htmlInputElement, {
-  loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.5.1/build/js/utils.js"),
+  loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/js/utils.js"),
 });
 
 // (B) import utils module from your own hosted version of utils.js

package/angular/README.md

@@ -29,7 +29,7 @@ import "intl-tel-input/styles";
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/angular/demo/validation/validation.component.ts) for a more fleshed-out example of how to handle validation.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/angularWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/angular"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.2.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/angularWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/angular"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@25.7.0/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Angular component.

package/angular/build/IntlTelInput.js

@@ -1324,18 +1324,18 @@ var rawCountryData = [
   ]
 ];
 var allCountries = [];
-for (let i = 0; i < rawCountryData.length; i++) {
-  const c = rawCountryData[i];
-  allCountries[i] = {
+for (const c of rawCountryData) {
+  allCountries.push({
     name: "",
-    // this is now populated in the plugin
+    // populated in the plugin
     iso2: c[0],
     dialCode: c[1],
     priority: c[2] || 0,
     areaCodes: c[3] || null,
     nodeById: {},
+    // populated by the plugin
     nationalPrefix: c[4] || null
-  };
+  });
 }
 var data_default = allCountries;
 
@@ -1606,10 +1606,23 @@ var allTranslations = Object.assign(Object.assign({}, countries_default), interf
 var en_default = allTranslations;
 
 // angular/build/temp/intl-tel-input.js
-for (let i = 0; i < data_default.length; i++) {
-  data_default[i].name = en_default[data_default[i].iso2];
+for (const c of data_default) {
+  c.name = en_default[c.iso2];
 }
 var id = 0;
+var mq = (q) => {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(q).matches;
+};
+var computeDefaultUseFullscreenPopup = () => {
+  if (typeof navigator !== "undefined" && typeof window !== "undefined") {
+    const isMobileUserAgent = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    const isNarrowViewport = mq("(max-width: 500px)");
+    const isShortViewport = mq("(max-height: 600px)");
+    const isCoarsePointer = mq("(pointer: coarse)");
+    return isMobileUserAgent || isNarrowViewport || isCoarsePointer && isShortViewport;
+  }
+  return false;
+};
 var defaults = {
   //* Whether or not to allow the dropdown.
   allowDropdown: true,
@@ -1656,11 +1669,7 @@ var defaults = {
   //* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.
   strictMode: false,
   //* Use full screen popup instead of dropdown for country list.
-  useFullscreenPopup: typeof navigator !== "undefined" && typeof window !== "undefined" ? (
-    //* We cannot just test screen size as some smartphones/website meta tags will report desktop resolutions.
-    //* Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'
-    /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 500
-  ) : false,
+  useFullscreenPopup: computeDefaultUseFullscreenPopup(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
 };
@@ -1688,7 +1697,7 @@ var normaliseString = (s = "") => s.normalize("NFD").replace(/[\u0300-\u036f]/g,
 var isRegionlessNanp = (number) => {
   const numeric = getNumeric(number);
   if (numeric.charAt(0) === "1") {
-    const areaCode = numeric.substr(1, 3);
+    const areaCode = numeric.substring(1, 4);
     return regionlessNanpNumbers.includes(areaCode);
   }
   return false;
@@ -1752,6 +1761,7 @@ var Iti = class {
     }
     this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
     this.isRTL = !!this.telInput.closest("[dir=rtl]");
+    this.telInput.dir = "ltr";
     const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
     this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
     if (this.options.separateDialCode) {
@@ -1787,6 +1797,16 @@ var Iti = class {
     this._processDialCodes();
     this._translateCountryNames();
     this._sortCountries();
+    this.countryByIso2 = new Map(this.countries.map((c) => [c.iso2, c]));
+    this._cacheSearchTokens();
+  }
+  //* Precompute and cache country search tokens to speed up filtering
+  _cacheSearchTokens() {
+    for (const c of this.countries) {
+      c.normalisedName = normaliseString(c.name);
+      c.initials = c.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((word) => word[0]).join("").toLowerCase();
+      c.dialCodePlus = `+${c.dialCode}`;
+    }
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
@@ -1818,13 +1838,12 @@ var Iti = class {
     if (!this.dialCodeToIso2Map.hasOwnProperty(dialCode)) {
       this.dialCodeToIso2Map[dialCode] = [];
     }
-    for (let i = 0; i < this.dialCodeToIso2Map[dialCode].length; i++) {
-      if (this.dialCodeToIso2Map[dialCode][i] === iso2) {
-        return;
-      }
+    const iso2List = this.dialCodeToIso2Map[dialCode];
+    if (iso2List.includes(iso2)) {
+      return;
     }
-    const index = priority !== void 0 ? priority : this.dialCodeToIso2Map[dialCode].length;
-    this.dialCodeToIso2Map[dialCode][index] = iso2;
+    const index = priority !== void 0 ? priority : iso2List.length;
+    iso2List[index] = iso2;
   }
   //* Process onlyCountries or excludeCountries array if present.
   _processAllCountries() {
@@ -1841,33 +1860,30 @@ var Iti = class {
   }
   //* Translate Countries by object literal provided on config.
   _translateCountryNames() {
-    for (let i = 0; i < this.countries.length; i++) {
-      const iso2 = this.countries[i].iso2.toLowerCase();
+    for (const c of this.countries) {
+      const iso2 = c.iso2.toLowerCase();
       if (this.options.i18n.hasOwnProperty(iso2)) {
-        this.countries[i].name = this.options.i18n[iso2];
+        c.name = this.options.i18n[iso2];
       }
     }
   }
   //* Generate this.dialCodes and this.dialCodeToIso2Map.
   _processDialCodes() {
-    this.dialCodes = {};
+    this.dialCodes = /* @__PURE__ */ new Set();
     this.dialCodeMaxLen = 0;
     this.dialCodeToIso2Map = {};
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      if (!this.dialCodes[c.dialCode]) {
-        this.dialCodes[c.dialCode] = true;
+    for (const c of this.countries) {
+      if (!this.dialCodes.has(c.dialCode)) {
+        this.dialCodes.add(c.dialCode);
       }
       this._addToDialCodeMap(c.iso2, c.dialCode, c.priority);
     }
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
+    for (const c of this.countries) {
       if (c.areaCodes) {
         const rootIso2Code = this.dialCodeToIso2Map[c.dialCode][0];
-        for (let j = 0; j < c.areaCodes.length; j++) {
-          const areaCode = c.areaCodes[j];
+        for (const areaCode of c.areaCodes) {
           for (let k = 1; k < areaCode.length; k++) {
-            const partialAreaCode = areaCode.substr(0, k);
+            const partialAreaCode = areaCode.substring(0, k);
             const partialDialCode = c.dialCode + partialAreaCode;
             this._addToDialCodeMap(rootIso2Code, partialDialCode);
             this._addToDialCodeMap(c.iso2, partialDialCode);
@@ -1930,7 +1946,7 @@ var Iti = class {
         this.dropdownArrow = createEl("div", { class: "iti__arrow", "aria-hidden": "true" }, selectedCountryPrimary);
       }
       if (separateDialCode) {
-        this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code", "aria-hidden": "true" }, this.selectedCountry);
+        this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" }, this.selectedCountry);
       }
       if (allowDropdown) {
         const extraClasses = fixDropdownWidth ? "" : "iti--flexible-dropdown-width";
@@ -2030,7 +2046,7 @@ var Iti = class {
         content += `<div class='iti__flag iti__${c.iso2}'></div>`;
       }
       content += `<span class='iti__country-name'>${c.name}</span>`;
-      content += `<span class='iti__dial-code'>+${c.dialCode}</span>`;
+      content += `<span class='iti__dial-code' dir='ltr'>+${c.dialCode}</span>`;
       listItem.insertAdjacentHTML("beforeend", content);
     }
   }
@@ -2245,7 +2261,7 @@ var Iti = class {
   //* Adhere to the input's maxlength attr.
   _cap(number) {
     const max = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
-    return max && number.length > max ? number.substr(0, max) : number;
+    return max && number.length > max ? number.substring(0, max) : number;
   }
   //* Trigger a custom event on the input.
   _trigger(name, detailProps = {}) {
@@ -2371,9 +2387,8 @@ var Iti = class {
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
   _searchForCountry(query) {
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      const startsWith = c.name.substr(0, query.length).toLowerCase() === query;
+    for (const c of this.countries) {
+      const startsWith = c.name.substring(0, query.length).toLowerCase() === query;
       if (startsWith) {
         const listItem = c.nodeById[this.id];
         this._highlightListItem(listItem, false);
@@ -2394,23 +2409,20 @@ var Iti = class {
     const dialCodeMatches = [];
     const dialCodeContains = [];
     const initialsMatches = [];
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      const normalisedCountryName = normaliseString(c.name);
-      const countryInitials = c.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((word) => word[0]).join("").toLowerCase();
+    for (const c of this.countries) {
       if (isReset || queryLength === 0) {
         nameContains.push(c);
-      } else if (c.iso2.toLowerCase() === normalisedQuery) {
+      } else if (c.iso2 === normalisedQuery) {
         iso2Matches.push(c);
-      } else if (normalisedCountryName.startsWith(normalisedQuery)) {
+      } else if (c.normalisedName.startsWith(normalisedQuery)) {
         nameStartWith.push(c);
-      } else if (normalisedCountryName.includes(normalisedQuery)) {
+      } else if (c.normalisedName.includes(normalisedQuery)) {
         nameContains.push(c);
-      } else if (normalisedQuery === c.dialCode || normalisedQuery === `+${c.dialCode}`) {
+      } else if (normalisedQuery === c.dialCode || normalisedQuery === c.dialCodePlus) {
         dialCodeMatches.push(c);
-      } else if (`+${c.dialCode}`.includes(normalisedQuery)) {
+      } else if (c.dialCodePlus.includes(normalisedQuery)) {
         dialCodeContains.push(c);
-      } else if (countryInitials.includes(normalisedQuery)) {
+      } else if (c.initials.includes(normalisedQuery)) {
         initialsMatches.push(c);
       }
     }
@@ -2527,9 +2539,9 @@ var Iti = class {
       const alreadySelected = selectedIso2 && iso2Codes.includes(selectedIso2) && !hasAreaCodesButNoneMatched;
       const isRegionlessNanpNumber = selectedDialCode === "1" && isRegionlessNanp(numeric);
       if (!isRegionlessNanpNumber && !alreadySelected) {
-        for (let j = 0; j < iso2Codes.length; j++) {
-          if (iso2Codes[j]) {
-            return iso2Codes[j];
+        for (const iso2 of iso2Codes) {
+          if (iso2) {
+            return iso2;
           }
         }
       }
@@ -2562,12 +2574,11 @@ var Iti = class {
     }
   }
   //* Find the country data for the given iso2 code
-  //* the ignoreOnlyCountriesOption is only used during init() while parsing the onlyCountries array
+  //* the allowFail option is only used during init() for the initialCountry option, and for the iso2 returned from geoIpLookup - in these 2 cases we don't want to error out
   _getCountryData(iso2, allowFail) {
-    for (let i = 0; i < this.countries.length; i++) {
-      if (this.countries[i].iso2 === iso2) {
-        return this.countries[i];
-      }
+    const country = this.countryByIso2.get(iso2);
+    if (country) {
+      return country;
     }
     if (allowFail) {
       return null;
@@ -2776,11 +2787,11 @@ var Iti = class {
           numericChars += c;
           if (includeAreaCode) {
             if (this.dialCodeToIso2Map[numericChars]) {
-              dialCode = number.substr(0, i + 1);
+              dialCode = number.substring(0, i + 1);
             }
           } else {
-            if (this.dialCodes[numericChars]) {
-              dialCode = number.substr(0, i + 1);
+            if (this.dialCodes.has(numericChars)) {
+              dialCode = number.substring(0, i + 1);
               break;
             }
           }
@@ -2813,7 +2824,7 @@ var Iti = class {
       if (dialCode) {
         dialCode = `+${this.selectedCountryData.dialCode}`;
         const start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;
-        number = number.substr(start);
+        number = number.substring(start);
       }
     }
     return this._cap(number);
@@ -2932,38 +2943,32 @@ var Iti = class {
     }
     return -99;
   }
-  //* Validate the input val
+  //* Validate the input val (with precise=false)
   isValidNumber() {
-    if (!this.selectedCountryData.iso2) {
-      return false;
-    }
-    const val = this._getFullNumber();
-    const alphaCharPosition = val.search(/\p{L}/u);
-    if (alphaCharPosition > -1) {
-      const beforeAlphaChar = val.substring(0, alphaCharPosition);
-      const beforeAlphaIsValid = this._utilsIsPossibleNumber(beforeAlphaChar);
-      const isValid = this._utilsIsPossibleNumber(val);
-      return beforeAlphaIsValid && isValid;
-    }
-    return this._utilsIsPossibleNumber(val);
+    return this._validateNumber(false);
+  }
+  //* Validate the input val (with precise=true)
+  isValidNumberPrecise() {
+    return this._validateNumber(true);
   }
   _utilsIsPossibleNumber(val) {
     return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
-  //* Validate the input val (precise)
-  isValidNumberPrecise() {
+  //* Shared internal validation logic to handle alpha character extension rules.
+  _validateNumber(precise) {
     if (!this.selectedCountryData.iso2) {
       return false;
     }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
+    const testValidity = (s) => precise ? this._utilsIsValidNumber(s) : this._utilsIsPossibleNumber(s);
     if (alphaCharPosition > -1) {
       const beforeAlphaChar = val.substring(0, alphaCharPosition);
-      const beforeAlphaIsValid = this._utilsIsValidNumber(beforeAlphaChar);
-      const isValid = this._utilsIsValidNumber(val);
+      const beforeAlphaIsValid = testValidity(beforeAlphaChar);
+      const isValid = testValidity(val);
       return beforeAlphaIsValid && isValid;
     }
-    return this._utilsIsValidNumber(val);
+    return testValidity(val);
   }
   _utilsIsValidNumber(val) {
     return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
@@ -3053,7 +3058,7 @@ var intlTelInput = Object.assign((input, options) => {
   attachUtils,
   startedLoadingUtilsScript: false,
   startedLoadingAutoCountry: false,
-  version: "25.5.1"
+  version: "25.7.0"
 });
 var intl_tel_input_default = intlTelInput;