intl-tel-input 25.8.2 → 25.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "25.8.2",
+  "version": "25.8.3",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",

package/react/README.md

@@ -28,7 +28,7 @@ import "intl-tel-input/styles";
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/validation/ValidationApp.tsx) 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/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` 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.8.2/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/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` 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.8.3/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput React component.

package/react/build/IntlTelInput.cjs

@@ -2026,7 +2026,7 @@ var Iti = class _Iti {
       if (separateDialCode) {
         this.selectedDialCode = createEl(
           "div",
-          { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+          { class: "iti__selected-dial-code", dir: "ltr" },
           this.selectedCountry
         );
       }
@@ -2773,20 +2773,20 @@ var Iti = class _Iti {
     if (this.selectedCountryData.iso2) {
       this.defaultCountry = this.selectedCountryData.iso2;
     }
-    if (this.selectedCountryInner) {
-      let flagClass = "";
-      let ariaLabel = "";
-      if (iso2 && showFlags) {
-        flagClass = `iti__flag iti__${iso2}`;
+    if (this.selectedCountry) {
+      const flagClass = iso2 && showFlags ? `iti__flag iti__${iso2}` : "iti__flag iti__globe";
+      let ariaLabel, title;
+      if (iso2) {
+        title = this.selectedCountryData.name;
         ariaLabel = i18n.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name);
       } else {
-        flagClass = "iti__flag iti__globe";
+        title = i18n.noCountrySelected;
         ariaLabel = i18n.noCountrySelected;
       }
       this.selectedCountryInner.className = flagClass;
+      this.selectedCountry.setAttribute("title", title);
       this.selectedCountry.setAttribute("aria-label", ariaLabel);
     }
-    this._setSelectedCountryTitleAttribute(iso2, separateDialCode);
     if (separateDialCode) {
       const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = dialCode;
@@ -2836,20 +2836,6 @@ var Iti = class _Iti {
       }
     }
   }
-  _setSelectedCountryTitleAttribute(iso2 = null, separateDialCode) {
-    if (!this.selectedCountry) {
-      return;
-    }
-    let title;
-    if (iso2 && !separateDialCode) {
-      title = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}`;
-    } else if (iso2) {
-      title = this.selectedCountryData.name;
-    } else {
-      title = this.options.i18n.noCountrySelected;
-    }
-    this.selectedCountry.setAttribute("title", title);
-  }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
   //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
@@ -3275,7 +3261,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -470,7 +470,6 @@ declare module "intl-tel-input" {
         private _setCountry;
         private _updateInputPadding;
         private _updateMaxLength;
-        private _setSelectedCountryTitleAttribute;
         private _getHiddenSelectedCountryWidth;
         private _updatePlaceholder;
         private _selectListItem;

package/react/build/IntlTelInput.js

@@ -1990,7 +1990,7 @@ var Iti = class _Iti {
       if (separateDialCode) {
         this.selectedDialCode = createEl(
           "div",
-          { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+          { class: "iti__selected-dial-code", dir: "ltr" },
           this.selectedCountry
         );
       }
@@ -2737,20 +2737,20 @@ var Iti = class _Iti {
     if (this.selectedCountryData.iso2) {
       this.defaultCountry = this.selectedCountryData.iso2;
     }
-    if (this.selectedCountryInner) {
-      let flagClass = "";
-      let ariaLabel = "";
-      if (iso2 && showFlags) {
-        flagClass = `iti__flag iti__${iso2}`;
+    if (this.selectedCountry) {
+      const flagClass = iso2 && showFlags ? `iti__flag iti__${iso2}` : "iti__flag iti__globe";
+      let ariaLabel, title;
+      if (iso2) {
+        title = this.selectedCountryData.name;
         ariaLabel = i18n.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name);
       } else {
-        flagClass = "iti__flag iti__globe";
+        title = i18n.noCountrySelected;
         ariaLabel = i18n.noCountrySelected;
       }
       this.selectedCountryInner.className = flagClass;
+      this.selectedCountry.setAttribute("title", title);
       this.selectedCountry.setAttribute("aria-label", ariaLabel);
     }
-    this._setSelectedCountryTitleAttribute(iso2, separateDialCode);
     if (separateDialCode) {
       const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = dialCode;
@@ -2800,20 +2800,6 @@ var Iti = class _Iti {
       }
     }
   }
-  _setSelectedCountryTitleAttribute(iso2 = null, separateDialCode) {
-    if (!this.selectedCountry) {
-      return;
-    }
-    let title;
-    if (iso2 && !separateDialCode) {
-      title = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}`;
-    } else if (iso2) {
-      title = this.selectedCountryData.name;
-    } else {
-      title = this.options.i18n.noCountrySelected;
-    }
-    this.selectedCountry.setAttribute("title", title);
-  }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
   //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
@@ -3239,7 +3225,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -2026,7 +2026,7 @@ var Iti = class _Iti {
       if (separateDialCode) {
         this.selectedDialCode = createEl(
           "div",
-          { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+          { class: "iti__selected-dial-code", dir: "ltr" },
           this.selectedCountry
         );
       }
@@ -2773,20 +2773,20 @@ var Iti = class _Iti {
     if (this.selectedCountryData.iso2) {
       this.defaultCountry = this.selectedCountryData.iso2;
     }
-    if (this.selectedCountryInner) {
-      let flagClass = "";
-      let ariaLabel = "";
-      if (iso2 && showFlags) {
-        flagClass = `iti__flag iti__${iso2}`;
+    if (this.selectedCountry) {
+      const flagClass = iso2 && showFlags ? `iti__flag iti__${iso2}` : "iti__flag iti__globe";
+      let ariaLabel, title;
+      if (iso2) {
+        title = this.selectedCountryData.name;
         ariaLabel = i18n.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name);
       } else {
-        flagClass = "iti__flag iti__globe";
+        title = i18n.noCountrySelected;
         ariaLabel = i18n.noCountrySelected;
       }
       this.selectedCountryInner.className = flagClass;
+      this.selectedCountry.setAttribute("title", title);
       this.selectedCountry.setAttribute("aria-label", ariaLabel);
     }
-    this._setSelectedCountryTitleAttribute(iso2, separateDialCode);
     if (separateDialCode) {
       const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = dialCode;
@@ -2836,20 +2836,6 @@ var Iti = class _Iti {
       }
     }
   }
-  _setSelectedCountryTitleAttribute(iso2 = null, separateDialCode) {
-    if (!this.selectedCountry) {
-      return;
-    }
-    let title;
-    if (iso2 && !separateDialCode) {
-      title = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}`;
-    } else if (iso2) {
-      title = this.selectedCountryData.name;
-    } else {
-      title = this.options.i18n.noCountrySelected;
-    }
-    this.selectedCountry.setAttribute("title", title);
-  }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
   //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
@@ -3275,7 +3261,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -1990,7 +1990,7 @@ var Iti = class _Iti {
       if (separateDialCode) {
         this.selectedDialCode = createEl(
           "div",
-          { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+          { class: "iti__selected-dial-code", dir: "ltr" },
           this.selectedCountry
         );
       }
@@ -2737,20 +2737,20 @@ var Iti = class _Iti {
     if (this.selectedCountryData.iso2) {
       this.defaultCountry = this.selectedCountryData.iso2;
     }
-    if (this.selectedCountryInner) {
-      let flagClass = "";
-      let ariaLabel = "";
-      if (iso2 && showFlags) {
-        flagClass = `iti__flag iti__${iso2}`;
+    if (this.selectedCountry) {
+      const flagClass = iso2 && showFlags ? `iti__flag iti__${iso2}` : "iti__flag iti__globe";
+      let ariaLabel, title;
+      if (iso2) {
+        title = this.selectedCountryData.name;
         ariaLabel = i18n.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name);
       } else {
-        flagClass = "iti__flag iti__globe";
+        title = i18n.noCountrySelected;
         ariaLabel = i18n.noCountrySelected;
       }
       this.selectedCountryInner.className = flagClass;
+      this.selectedCountry.setAttribute("title", title);
       this.selectedCountry.setAttribute("aria-label", ariaLabel);
     }
-    this._setSelectedCountryTitleAttribute(iso2, separateDialCode);
     if (separateDialCode) {
       const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = dialCode;
@@ -2800,20 +2800,6 @@ var Iti = class _Iti {
       }
     }
   }
-  _setSelectedCountryTitleAttribute(iso2 = null, separateDialCode) {
-    if (!this.selectedCountry) {
-      return;
-    }
-    let title;
-    if (iso2 && !separateDialCode) {
-      title = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}`;
-    } else if (iso2) {
-      title = this.selectedCountryData.name;
-    } else {
-      title = this.options.i18n.noCountrySelected;
-    }
-    this.selectedCountry.setAttribute("title", title);
-  }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
   //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
@@ -3239,7 +3225,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/vue/README.md

@@ -34,7 +34,7 @@ See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master
 "vue:demo": "vite --config vue/demo/[demo variant]/vite.config.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/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` 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.8.2/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/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` 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.8.3/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as A, useModel as M, ref as N, onMounted as E, watch as B, onUnmounted as R, withDirectives as F, createElementBlock as z, openBlock as V, mergeProps as O, vModelText as $ } from "vue";
-const j = [
+import { mergeModels as k, useModel as M, ref as N, onMounted as E, watch as B, onUnmounted as R, withDirectives as F, createElementBlock as z, openBlock as V, mergeProps as O, vModelText as j } from "vue";
+const $ = [
   [
     "af",
     // Afghanistan
@@ -1323,7 +1323,7 @@ const j = [
     "263"
   ]
 ], w = [];
-for (const d of j)
+for (const d of $)
   w.push({
     name: "",
     // populated in the plugin
@@ -1667,7 +1667,7 @@ const S = (d) => typeof window < "u" && typeof window.matchMedia == "function" &
   "887",
   "888",
   "889"
-], L = (d) => d.replace(/\D/g, ""), k = (d = "") => d.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), P = (d) => {
+], L = (d) => d.replace(/\D/g, ""), A = (d = "") => d.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), P = (d) => {
   const t = L(d);
   if (t.charAt(0) === "1") {
     const e = t.substring(1, 4);
@@ -1725,7 +1725,7 @@ class D {
   //* Precompute and cache country search tokens to speed up filtering
   _cacheSearchTokens() {
     for (const t of this.countries)
-      t.normalisedName = k(t.name), t.initials = t.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((e) => e[0]).join("").toLowerCase(), t.dialCodePlus = `+${t.dialCode}`;
+      t.normalisedName = A(t.name), t.initials = t.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((e) => e[0]).join("").toLowerCase(), t.dialCodePlus = `+${t.dialCode}`;
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
@@ -1794,7 +1794,7 @@ class D {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var o, h, _;
+    var a, h, _;
     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,17 +1804,17 @@ class D {
       hiddenInput: n,
       dropdownContainer: l,
       fixDropdownWidth: r,
-      useFullscreenPopup: a,
+      useFullscreenPopup: o,
       countrySearch: c,
       i18n: p
     } = this.options, C = D._buildClassNames({
       iti: !0,
       "iti--allow-dropdown": t,
       "iti--show-flags": i,
-      "iti--inline-dropdown": !a,
+      "iti--inline-dropdown": !o,
       [s]: !!s
     }), y = m("div", { class: C });
-    if ((o = this.telInput.parentNode) == null || o.insertBefore(y, this.telInput), t || i || e) {
+    if ((a = this.telInput.parentNode) == null || a.insertBefore(y, this.telInput), t || i || e) {
       this.countryContainer = m(
         "div",
         { class: "iti__country-container" },
@@ -1850,7 +1850,7 @@ class D {
         b
       )), e && (this.selectedDialCode = m(
         "div",
-        { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
+        { class: "iti__selected-dial-code", dir: "ltr" },
         this.selectedCountry
       )), t) {
         const f = r ? "" : "iti--flexible-dropdown-width";
@@ -1938,8 +1938,8 @@ class D {
           const g = D._buildClassNames({
             iti: !0,
             "iti--container": !0,
-            "iti--fullscreen-popup": a,
-            "iti--inline-dropdown": !a,
+            "iti--fullscreen-popup": o,
+            "iti--inline-dropdown": !o,
             [s]: !!s
           });
           this.dropdown = m("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
@@ -1990,11 +1990,11 @@ class D {
   //* 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, l = this._getDialCode(n), r = P(n), { initialCountry: a, geoIpLookup: c } = this.options, p = a === "auto" && c;
+    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, l = this._getDialCode(n), r = P(n), { initialCountry: o, geoIpLookup: c } = this.options, p = o === "auto" && c;
     if (l && !r)
       this._updateCountryFromNumber(n);
     else if (!p || t) {
-      const C = a ? a.toLowerCase() : "";
+      const C = o ? o.toLowerCase() : "";
       C && this._getCountryData(C, !0) ? this._setCountry(C) : l && r ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
@@ -2056,29 +2056,29 @@ class D {
   _initTelInputListeners() {
     const { strictMode: t, formatAsYouType: e, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: l } = this.options;
     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 && l) {
-        const y = this.telInput.selectionStart || 0, o = this.telInput.value.substring(0, y - 1), h = this.telInput.value.substring(y);
-        this.telInput.value = o + h, this._openDropdownWithPlus();
+    new RegExp("\\p{L}", "u").test(this.telInput.value) && (r = !0), this._handleInputEvent = (o) => {
+      if (this.isAndroid && (o == null ? void 0 : o.data) === "+" && i && n && l) {
+        const y = this.telInput.selectionStart || 0, a = this.telInput.value.substring(0, y - 1), h = this.telInput.value.substring(y);
+        this.telInput.value = a + h, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), p = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
+      const c = (o == null ? void 0 : o.data) && /[^+0-9]/.test(o.data), p = (o == null ? void 0 : o.inputType) === "insertFromPaste" && this.telInput.value;
       c || p && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
-      const C = (a == null ? void 0 : a.detail) && a.detail.isSetNumber && !s;
+      const C = (o == null ? void 0 : o.detail) && o.detail.isSetNumber && !s;
       if (e && !r && !C) {
-        const y = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, y).replace(/[^+0-9]/g, "").length, _ = (a == null ? void 0 : a.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), f = G(h, b, y, _);
+        const y = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, y).replace(/[^+0-9]/g, "").length, _ = (o == null ? void 0 : o.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), f = G(h, b, y, _);
         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) {
-        if (i && n && l && a.key === "+") {
-          a.preventDefault(), this._openDropdownWithPlus();
+    }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (o) => {
+      if (o.key && o.key.length === 1 && !o.altKey && !o.ctrlKey && !o.metaKey) {
+        if (i && n && l && o.key === "+") {
+          o.preventDefault(), this._openDropdownWithPlus();
           return;
         }
         if (t) {
-          const c = this.telInput.value, C = !(c.charAt(0) === "+") && this.telInput.selectionStart === 0 && a.key === "+", y = /^[0-9]$/.test(a.key), o = i ? y : C || y, h = c.slice(0, this.telInput.selectionStart) + a.key + c.slice(this.telInput.selectionEnd), _ = this._getFullNumber(h), b = u.utils.getCoreNumber(_, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, v = this._getNewCountryFromNumber(_) !== null;
-          (!o || f && !v && !C) && a.preventDefault();
+          const c = this.telInput.value, C = !(c.charAt(0) === "+") && this.telInput.selectionStart === 0 && o.key === "+", y = /^[0-9]$/.test(o.key), a = i ? y : C || y, h = c.slice(0, this.telInput.selectionStart) + o.key + c.slice(this.telInput.selectionEnd), _ = this._getFullNumber(h), b = u.utils.getCoreNumber(_, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, v = this._getNewCountryFromNumber(_) !== null;
+          (!a || f && !v && !C) && o.preventDefault();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2167,19 +2167,19 @@ class D {
   _filterCountries(t, e = !1) {
     let i = !0;
     this.countryList.innerHTML = "";
-    const s = k(t), n = s.length, l = [], r = [], a = [], c = [], p = [], C = [];
-    for (const o of this.countries)
-      e || n === 0 ? a.push(o) : o.iso2 === s ? l.push(o) : o.normalisedName.startsWith(s) ? r.push(o) : o.normalisedName.includes(s) ? a.push(o) : s === o.dialCode || s === o.dialCodePlus ? c.push(o) : o.dialCodePlus.includes(s) ? p.push(o) : o.initials.includes(s) && C.push(o);
+    const s = A(t), n = s.length, l = [], r = [], o = [], c = [], p = [], C = [];
+    for (const a of this.countries)
+      e || n === 0 ? o.push(a) : a.iso2 === s ? l.push(a) : a.normalisedName.startsWith(s) ? r.push(a) : a.normalisedName.includes(s) ? o.push(a) : s === a.dialCode || s === a.dialCodePlus ? c.push(a) : a.dialCodePlus.includes(s) ? p.push(a) : a.initials.includes(s) && C.push(a);
     const y = [
-      ...l.sort((o, h) => o.priority - h.priority),
-      ...r.sort((o, h) => o.priority - h.priority),
-      ...a.sort((o, h) => o.priority - h.priority),
-      ...c.sort((o, h) => o.priority - h.priority),
-      ...p.sort((o, h) => o.priority - h.priority),
-      ...C.sort((o, h) => o.priority - h.priority)
+      ...l.sort((a, h) => a.priority - h.priority),
+      ...r.sort((a, h) => a.priority - h.priority),
+      ...o.sort((a, h) => a.priority - h.priority),
+      ...c.sort((a, h) => a.priority - h.priority),
+      ...p.sort((a, h) => a.priority - h.priority),
+      ...C.sort((a, h) => a.priority - h.priority)
     ];
-    for (const o of y) {
-      const h = o.nodeById[this.id];
+    for (const a of y) {
+      const h = a.nodeById[this.id];
       h && (this.countryList.appendChild(h), i && (this._highlightListItem(h, !1), i = !1));
     }
     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();
@@ -2237,14 +2237,14 @@ class D {
     i = this._ensureHasDialCode(i);
     const l = this._getDialCode(i, !0), r = L(i);
     if (l) {
-      const a = L(l), c = this.dialCodeToIso2Map[a];
+      const o = L(l), c = this.dialCodeToIso2Map[o];
       if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const p = this.selectedCountryData.areaCodes && r.length > a.length, C = s && c.includes(s) && !p;
+      const p = this.selectedCountryData.areaCodes && r.length > o.length, C = s && c.includes(s) && !p;
       if (!(n === "1" && P(r)) && !C) {
-        for (const o of c)
-          if (o)
-            return o;
+        for (const a of c)
+          if (a)
+            return a;
       }
     } else {
       if (i.charAt(0) === "+" && r.length)
@@ -2277,11 +2277,12 @@ class D {
   //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
   _setCountry(t) {
     const { separateDialCode: e, showFlags: i, i18n: s } = this.options, n = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
-    if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountryInner) {
-      let l = "", r = "";
-      t && i ? (l = `iti__flag iti__${t}`, r = s.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name)) : (l = "iti__flag iti__globe", r = s.noCountrySelected), this.selectedCountryInner.className = l, this.selectedCountry.setAttribute("aria-label", r);
+    if (this.selectedCountryData = t ? this._getCountryData(t, !1) || {} : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
+      const l = t && i ? `iti__flag iti__${t}` : "iti__flag iti__globe";
+      let r, o;
+      t ? (o = this.selectedCountryData.name, r = s.selectedCountryAriaLabel.replace("${country}", this.selectedCountryData.name)) : (o = s.noCountrySelected, r = s.noCountrySelected), this.selectedCountryInner.className = l, this.selectedCountry.setAttribute("title", o), this.selectedCountry.setAttribute("aria-label", r);
     }
-    if (this._setSelectedCountryTitleAttribute(t, e), e) {
+    if (e) {
       const l = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
       this.selectedDialCode.innerHTML = l, this._updateInputPadding();
     }
@@ -2308,17 +2309,11 @@ class D {
         ), r = l;
         for (; u.utils.isPossibleNumber(l, s, i); )
           r = l, l += "0";
-        const a = u.utils.getCoreNumber(r, s);
-        this.maxCoreNumberLength = a.length, s === "by" && (this.maxCoreNumberLength = a.length + 1);
+        const o = u.utils.getCoreNumber(r, s);
+        this.maxCoreNumberLength = o.length, s === "by" && (this.maxCoreNumberLength = o.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
-  _setSelectedCountryTitleAttribute(t = null, e) {
-    if (!this.selectedCountry)
-      return;
-    let i;
-    t && !e ? i = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : t ? i = this.selectedCountryData.name : i = this.options.i18n.noCountrySelected, this.selectedCountry.setAttribute("title", i);
-  }
   //* When the input is in a hidden container during initialisation, we must inject some markup
   //* into the end of the DOM to calculate the correct offsetWidth.
   //* NOTE: this is only used when separateDialCode is enabled, so countryContainer and selectedCountry
@@ -2373,8 +2368,8 @@ class D {
   }
   //* 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, l = n + s, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, c = a + r, p = a - n + e.scrollTop;
-    if (a < n)
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, l = n + s, r = t.offsetHeight, o = t.getBoundingClientRect().top + i, c = o + r, p = o - n + e.scrollTop;
+    if (o < n)
       e.scrollTop = p;
     else if (c > l) {
       const C = s - r;
@@ -2600,11 +2595,11 @@ const Y = (d) => {
     attachUtils: Y,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.8.2"
+    version: "25.8.3"
   }
 ), Z = {
   __name: "IntlTelInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ k({
     disabled: {
       type: Boolean,
       default: !1
@@ -2628,38 +2623,38 @@ const Y = (d) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A([
+  emits: /* @__PURE__ */ k([
     "changeNumber",
     "changeCountry",
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(d, { expose: t, emit: e }) {
-    const i = M(d, "modelValue"), s = d, n = e, l = N(), r = N(), a = N(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, p = () => {
-      let o = c();
-      a.value !== o && (a.value = o, n("changeValidity", !!o), n(
+    const i = M(d, "modelValue"), s = d, n = e, l = N(), r = N(), o = N(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, p = () => {
+      let a = c();
+      o.value !== a && (o.value = a, n("changeValidity", !!a), n(
         "changeErrorCode",
-        o ? null : r.value.getValidationError()
+        a ? null : r.value.getValidationError()
       ));
     }, C = () => {
-      var o;
-      n("changeNumber", ((o = r.value) == null ? void 0 : o.getNumber()) ?? ""), p();
+      var a;
+      n("changeNumber", ((a = r.value) == null ? void 0 : a.getNumber()) ?? ""), p();
     }, y = () => {
-      var o;
-      n("changeCountry", ((o = r.value) == null ? void 0 : o.getSelectedCountryData().iso2) ?? ""), C(), p();
+      var a;
+      n("changeCountry", ((a = r.value) == null ? void 0 : a.getSelectedCountryData().iso2) ?? ""), C(), p();
     };
     return E(() => {
-      l.value && (r.value = u(l.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), a.value = c());
+      l.value && (r.value = u(l.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), o.value = c());
     }), B(
       () => s.disabled,
-      (o) => {
+      (a) => {
         var h;
-        return (h = r.value) == null ? void 0 : h.setDisabled(o);
+        return (h = r.value) == null ? void 0 : h.setDisabled(a);
       }
     ), R(() => {
-      var o;
-      return (o = r.value) == null ? void 0 : o.destroy();
-    }), t({ instance: r, input: l }), (o, h) => F((V(), z("input", O({
+      var a;
+      return (a = r.value) == null ? void 0 : a.destroy();
+    }), t({ instance: r, input: l }), (a, h) => F((V(), z("input", O({
       ref_key: "input",
       ref: l,
       "onUpdate:modelValue": h[0] || (h[0] = (_) => i.value = _),
@@ -2668,7 +2663,7 @@ const Y = (d) => {
       onInput: C
     }, d.inputProps), null, 16)), [
       [
-        $,
+        j,
         i.value,
         void 0,
         { lazy: !0 }