intl-tel-input 25.8.0 → 25.8.2

package/vue/build/IntlTelInput.mjs

@@ -1,4 +1,4 @@
-import { mergeModels as A, useModel as E, ref as N, onMounted as M, watch as B, onUnmounted as R, withDirectives as F, createElementBlock as z, openBlock as V, mergeProps as O, vModelText as $ } from "vue";
+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 = [
   [
     "af",
@@ -1579,8 +1579,8 @@ const U = {
   zm: "Zambia",
   zw: "Zimbabwe"
 }, H = {
-  selectedCountryAriaLabel: "Selected country",
-  noCountrySelected: "No country selected",
+  selectedCountryAriaLabel: "Change country, selected ${country}",
+  noCountrySelected: "Select country",
   countryListAriaLabel: "List of countries",
   searchPlaceholder: "Search",
   clearSearchAriaLabel: "Clear search",
@@ -1685,7 +1685,7 @@ const S = (d) => typeof window < "u" && typeof window.matchMedia == "function" &
       return n;
   }
   return t.length;
-}, C = (d, t, e) => {
+}, m = (d, t, e) => {
   const i = document.createElement(d);
   return t && Object.entries(t).forEach(([s, n]) => i.setAttribute(s, n)), e && e.appendChild(i), i;
 }, I = (d, ...t) => {
@@ -1732,9 +1732,9 @@ class D {
     this.options.countryOrder && (this.options.countryOrder = this.options.countryOrder.map((t) => t.toLowerCase())), this.countries.sort((t, e) => {
       const { countryOrder: i } = this.options;
       if (i) {
-        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), o = s > -1, l = n > -1;
-        if (o || l)
-          return o && l ? s - n : o ? -1 : 1;
+        const s = i.indexOf(t.iso2), n = i.indexOf(e.iso2), l = s > -1, r = n > -1;
+        if (l || r)
+          return l && r ? s - n : l ? -1 : 1;
       }
       return t.name.localeCompare(e.name);
     });
@@ -1785,8 +1785,8 @@ class D {
         const e = this.dialCodeToIso2Map[t.dialCode][0];
         for (const i of t.areaCodes) {
           for (let s = 1; s < i.length; s++) {
-            const n = i.substring(0, s), o = t.dialCode + n;
-            this._addToDialCodeMap(e, o), this._addToDialCodeMap(t.iso2, o);
+            const n = i.substring(0, s), l = t.dialCode + n;
+            this._addToDialCodeMap(e, l), this._addToDialCodeMap(t.iso2, l);
           }
           this._addToDialCodeMap(t.iso2, t.dialCode + i);
         }
@@ -1794,7 +1794,7 @@ class D {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var a, h, _;
+    var o, 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,
@@ -1802,66 +1802,70 @@ class D {
       showFlags: i,
       containerClass: s,
       hiddenInput: n,
-      dropdownContainer: o,
-      fixDropdownWidth: l,
-      useFullscreenPopup: r,
+      dropdownContainer: l,
+      fixDropdownWidth: r,
+      useFullscreenPopup: a,
       countrySearch: c,
       i18n: p
-    } = this.options, y = D._buildClassNames({
+    } = this.options, C = D._buildClassNames({
       iti: !0,
       "iti--allow-dropdown": t,
       "iti--show-flags": i,
-      "iti--inline-dropdown": !r,
+      "iti--inline-dropdown": !a,
       [s]: !!s
-    }), m = C("div", { class: y });
-    if ((a = this.telInput.parentNode) == null || a.insertBefore(m, this.telInput), t || i || e) {
-      this.countryContainer = C(
+    }), y = m("div", { class: C });
+    if ((o = this.telInput.parentNode) == null || o.insertBefore(y, this.telInput), t || i || e) {
+      this.countryContainer = m(
         "div",
         { class: "iti__country-container" },
-        m
-      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = C(
+        y
+      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = m(
         "button",
         {
           type: "button",
           class: "iti__selected-country",
           "aria-expanded": "false",
-          "aria-label": this.options.i18n.selectedCountryAriaLabel,
+          "aria-label": this.options.i18n.noCountrySelected,
           "aria-haspopup": "dialog",
           "aria-controls": `iti-${this.id}__dropdown-content`
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = C(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = m(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const b = C("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
-      if (this.selectedCountryInner = C("div", { class: "iti__flag" }, b), this.selectedCountryA11yText = C(
-        "span",
-        { class: "iti__a11y-text" },
-        this.selectedCountryInner
-      ), t && (this.dropdownArrow = C(
+      const b = m(
+        "div",
+        { class: "iti__selected-country-primary" },
+        this.selectedCountry
+      );
+      if (this.selectedCountryInner = m(
+        "div",
+        { class: "iti__flag" },
+        b
+      ), t && (this.dropdownArrow = m(
         "div",
         { class: "iti__arrow", "aria-hidden": "true" },
         b
-      )), e && (this.selectedDialCode = C(
+      )), e && (this.selectedDialCode = m(
         "div",
         { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
         this.selectedCountry
       )), t) {
-        const f = l ? "" : "iti--flexible-dropdown-width";
-        if (this.dropdownContent = C("div", {
+        const f = r ? "" : "iti--flexible-dropdown-width";
+        if (this.dropdownContent = m("div", {
           id: `iti-${this.id}__dropdown-content`,
           class: `iti__dropdown-content iti__hide ${f}`,
           role: "dialog",
           "aria-modal": "true"
         }), c) {
-          const g = C(
+          const g = m(
             "div",
             { class: "iti__search-input-wrapper" },
             this.dropdownContent
           );
-          this.searchIcon = C(
+          this.searchIcon = m(
             "span",
             {
               class: "iti__search-icon",
@@ -1872,7 +1876,7 @@ class D {
             <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" aria-hidden="true">
               <circle cx="11" cy="11" r="7" />
               <line x1="21" y1="21" x2="16.65" y2="16.65" />
-            </svg>`, this.searchInput = C(
+            </svg>`, this.searchInput = m(
             "input",
             {
               id: `iti-${this.id}__search-input`,
@@ -1889,7 +1893,7 @@ class D {
               autocomplete: "off"
             },
             g
-          ), this.searchClearButton = C(
+          ), this.searchClearButton = m(
             "button",
             {
               type: "button",
@@ -1907,11 +1911,11 @@ class D {
                 <path d="M5.2 5.2 L10.8 10.8 M10.8 5.2 L5.2 10.8" stroke="black" stroke-linecap="round" class="iti__search-clear-x" />
               </mask>
               <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${v})" />
-            </svg>`, this.searchResultsA11yText = C(
+            </svg>`, this.searchResultsA11yText = m(
             "span",
             { class: "iti__a11y-text" },
             this.dropdownContent
-          ), this.searchNoResults = C(
+          ), this.searchNoResults = m(
             "div",
             {
               class: "iti__no-results iti__hide",
@@ -1921,7 +1925,7 @@ class D {
             this.dropdownContent
           ), this.searchNoResults.textContent = p.zeroSearchResults;
         }
-        if (this.countryList = C(
+        if (this.countryList = m(
           "ul",
           {
             class: "iti__country-list",
@@ -1930,41 +1934,41 @@ class D {
             "aria-label": p.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), c && this._updateSearchResultsA11yText(), o) {
+        ), this._appendListItems(), c && this._updateSearchResultsA11yText(), l) {
           const g = D._buildClassNames({
             iti: !0,
             "iti--container": !0,
-            "iti--fullscreen-popup": r,
-            "iti--inline-dropdown": !r,
+            "iti--fullscreen-popup": a,
+            "iti--inline-dropdown": !a,
             [s]: !!s
           });
-          this.dropdown = C("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
+          this.dropdown = m("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (m.appendChild(this.telInput), this._updateInputPadding(), n) {
+    if (y.appendChild(this.telInput), this._updateInputPadding(), n) {
       const b = this.telInput.getAttribute("name") || "", f = n(b);
       if (f.phone) {
         const g = (h = this.telInput.form) == null ? void 0 : h.querySelector(`input[name="${f.phone}"]`);
-        g ? this.hiddenInput = g : (this.hiddenInput = C("input", {
+        g ? this.hiddenInput = g : (this.hiddenInput = m("input", {
           type: "hidden",
           name: f.phone
-        }), m.appendChild(this.hiddenInput));
+        }), y.appendChild(this.hiddenInput));
       }
       if (f.country) {
         const g = (_ = this.telInput.form) == null ? void 0 : _.querySelector(`input[name="${f.country}"]`);
-        g ? this.hiddenInputCountry = g : (this.hiddenInputCountry = C("input", {
+        g ? this.hiddenInputCountry = g : (this.hiddenInputCountry = m("input", {
           type: "hidden",
           name: f.country
-        }), m.appendChild(this.hiddenInputCountry));
+        }), y.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 = C(
+      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = m(
         "li",
         {
           id: `iti-${this.id}__item-${e.iso2}`,
@@ -1986,12 +1990,12 @@ 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, o = this._getDialCode(n), l = P(n), { initialCountry: r, geoIpLookup: c } = this.options, p = r === "auto" && c;
-    if (o && !l)
+    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;
+    if (l && !r)
       this._updateCountryFromNumber(n);
     else if (!p || t) {
-      const y = r ? r.toLowerCase() : "";
-      y && this._getCountryData(y, !0) ? this._setCountry(y) : o && l ? this._setCountry("us") : this._setCountry();
+      const C = a ? a.toLowerCase() : "";
+      C && this._getCountryData(C, !0) ? this._setCountry(C) : l && r ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -2050,31 +2054,31 @@ class D {
   }
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
-    const { strictMode: t, formatAsYouType: e, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: o } = this.options;
-    let l = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (l = !0), this._handleInputEvent = (r) => {
-      if (this.isAndroid && (r == null ? void 0 : r.data) === "+" && i && n && o) {
-        const m = this.telInput.selectionStart || 0, a = this.telInput.value.substring(0, m - 1), h = this.telInput.value.substring(m);
-        this.telInput.value = a + h, this._openDropdownWithPlus();
+    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();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const c = (r == null ? void 0 : r.data) && /[^+0-9]/.test(r.data), p = (r == null ? void 0 : r.inputType) === "insertFromPaste" && this.telInput.value;
-      c || p && !t ? l = !0 : /[^+0-9]/.test(this.telInput.value) || (l = !1);
-      const y = (r == null ? void 0 : r.detail) && r.detail.isSetNumber && !s;
-      if (e && !l && !y) {
-        const m = this.telInput.selectionStart || 0, h = this.telInput.value.substring(0, m).replace(/[^+0-9]/g, "").length, _ = (r == null ? void 0 : r.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), f = G(h, b, m, _);
+      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), p = (a == null ? void 0 : a.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;
+      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, _);
         this.telInput.value = b, this.telInput.setSelectionRange(f, f);
       }
-    }, this.telInput.addEventListener("input", this._handleInputEvent), (t || i) && (this._handleKeydownEvent = (r) => {
-      if (r.key && r.key.length === 1 && !r.altKey && !r.ctrlKey && !r.metaKey) {
-        if (i && n && o && r.key === "+") {
-          r.preventDefault(), this._openDropdownWithPlus();
+    }, 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();
           return;
         }
         if (t) {
-          const c = this.telInput.value, y = !(c.charAt(0) === "+") && this.telInput.selectionStart === 0 && r.key === "+", m = /^[0-9]$/.test(r.key), a = i ? m : y || m, h = c.slice(0, this.telInput.selectionStart) + r.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 && !y) && r.preventDefault();
+          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();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2111,43 +2115,43 @@ class D {
   }
   //* We only bind dropdown listeners when the dropdown is open.
   _bindDropdownListeners() {
-    this._handleMouseoverCountryList = (s) => {
-      var o;
-      const n = (o = s.target) == null ? void 0 : o.closest(".iti__country");
-      n && this._highlightListItem(n, !1);
+    this._handleMouseoverCountryList = (i) => {
+      var n;
+      const s = (n = i.target) == null ? void 0 : n.closest(".iti__country");
+      s && this._highlightListItem(s, !1);
     }, this.countryList.addEventListener(
       "mouseover",
       this._handleMouseoverCountryList
-    ), this._handleClickCountryList = (s) => {
-      var o;
-      const n = (o = s.target) == null ? void 0 : o.closest(".iti__country");
-      n && this._selectListItem(n);
-    }, this.countryList.addEventListener("click", this._handleClickCountryList);
-    let t = !0;
-    this._handleClickOffToClose = () => {
-      t || this._closeDropdown(), t = !1;
-    }, document.documentElement.addEventListener(
-      "click",
-      this._handleClickOffToClose
-    );
-    let e = "", i = null;
-    if (this._handleKeydownOnDropdown = (s) => {
-      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(s.key) && (s.preventDefault(), s.stopPropagation(), s.key === "ArrowUp" || s.key === "ArrowDown" ? this._handleUpDownKey(s.key) : s.key === "Enter" ? this._handleEnterKey() : s.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(s.key) && (s.stopPropagation(), i && clearTimeout(i), e += s.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
-        e = "";
+    ), this._handleClickCountryList = (i) => {
+      var n;
+      const s = (n = i.target) == null ? void 0 : n.closest(".iti__country");
+      s && this._selectListItem(s);
+    }, this.countryList.addEventListener("click", this._handleClickCountryList), this._handleClickOffToClose = (i) => {
+      !!i.target.closest(`#iti-${this.id}__dropdown-content`) || this._closeDropdown();
+    }, setTimeout(() => {
+      document.documentElement.addEventListener(
+        "click",
+        this._handleClickOffToClose
+      );
+    }, 0);
+    let t = "", e = null;
+    if (this._handleKeydownOnDropdown = (i) => {
+      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(i.key) && (i.preventDefault(), i.stopPropagation(), i.key === "ArrowUp" || i.key === "ArrowDown" ? this._handleUpDownKey(i.key) : i.key === "Enter" ? this._handleEnterKey() : i.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(i.key) && (i.stopPropagation(), e && clearTimeout(e), t += i.key.toLowerCase(), this._searchForCountry(t), e = setTimeout(() => {
+        t = "";
       }, 1e3));
     }, document.addEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch) {
-      const s = () => {
-        const o = this.searchInput.value.trim();
-        o ? this._filterCountries(o) : this._filterCountries("", !0), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
+      const i = () => {
+        const n = this.searchInput.value.trim();
+        n ? this._filterCountries(n) : this._filterCountries("", !0), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
       };
-      let n = null;
+      let s = null;
       this._handleSearchChange = () => {
-        n && clearTimeout(n), n = setTimeout(() => {
-          s(), n = null;
+        s && clearTimeout(s), s = setTimeout(() => {
+          i(), s = null;
         }, 100);
-      }, this.searchInput.addEventListener("input", this._handleSearchChange), this._handleSearchClear = (o) => {
-        o.stopPropagation(), this.searchInput.value = "", this.searchInput.focus(), s();
-      }, this.searchClearButton.addEventListener("click", this._handleSearchClear), this.searchInput.addEventListener("click", (o) => o.stopPropagation());
+      }, this.searchInput.addEventListener("input", this._handleSearchChange), this._handleSearchClear = () => {
+        this.searchInput.value = "", this.searchInput.focus(), i();
+      }, this.searchClearButton.addEventListener("click", this._handleSearchClear);
     }
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
@@ -2163,19 +2167,19 @@ class D {
   _filterCountries(t, e = !1) {
     let i = !0;
     this.countryList.innerHTML = "";
-    const s = k(t), n = s.length, o = [], l = [], r = [], c = [], p = [], y = [];
-    for (const a of this.countries)
-      e || n === 0 ? r.push(a) : a.iso2 === s ? o.push(a) : a.normalisedName.startsWith(s) ? l.push(a) : a.normalisedName.includes(s) ? r.push(a) : s === a.dialCode || s === a.dialCodePlus ? c.push(a) : a.dialCodePlus.includes(s) ? p.push(a) : a.initials.includes(s) && y.push(a);
-    const m = [
-      ...o.sort((a, h) => a.priority - h.priority),
-      ...l.sort((a, h) => a.priority - h.priority),
-      ...r.sort((a, h) => a.priority - h.priority),
-      ...c.sort((a, h) => a.priority - h.priority),
-      ...p.sort((a, h) => a.priority - h.priority),
-      ...y.sort((a, h) => a.priority - h.priority)
+    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 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)
     ];
-    for (const a of m) {
-      const h = a.nodeById[this.id];
+    for (const o of y) {
+      const h = o.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();
@@ -2201,11 +2205,11 @@ class D {
   _updateValFromNumber(t) {
     let e = t;
     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;
+      const i = this.options.nationalMode || e.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: n } = u.utils.numberFormat, l = i ? s : n;
       e = u.utils.formatNumber(
         e,
         this.selectedCountryData.iso2,
-        o
+        l
       );
     }
     e = this._beforeSetNumber(e), this.telInput.value = e;
@@ -2220,8 +2224,8 @@ class D {
     const { dialCode: e, nationalPrefix: i } = this.selectedCountryData;
     if (t.charAt(0) === "+" || !e)
       return t;
-    const o = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
-    return `+${e}${o}`;
+    const l = i && t.charAt(0) === i && !this.options.separateDialCode ? t.substring(1) : t;
+    return `+${e}${l}`;
   }
   // Get the country ISO2 code from the given number
   // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
@@ -2231,19 +2235,19 @@ class D {
     let i = e ? t.substring(e) : t;
     const s = this.selectedCountryData.iso2, n = this.selectedCountryData.dialCode;
     i = this._ensureHasDialCode(i);
-    const o = this._getDialCode(i, !0), l = L(i);
-    if (o) {
-      const r = L(o), c = this.dialCodeToIso2Map[r];
+    const l = this._getDialCode(i, !0), r = L(i);
+    if (l) {
+      const a = L(l), c = this.dialCodeToIso2Map[a];
       if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const p = this.selectedCountryData.areaCodes && l.length > r.length, y = s && c.includes(s) && !p;
-      if (!(n === "1" && P(l)) && !y) {
-        for (const a of c)
-          if (a)
-            return a;
+      const p = this.selectedCountryData.areaCodes && r.length > a.length, C = s && c.includes(s) && !p;
+      if (!(n === "1" && P(r)) && !C) {
+        for (const o of c)
+          if (o)
+            return o;
       }
     } else {
-      if (i.charAt(0) === "+" && l.length)
+      if (i.charAt(0) === "+" && r.length)
         return "";
       if ((!i || i === "+") && !this.selectedCountryData.iso2)
         return this.defaultCountry;
@@ -2274,12 +2278,12 @@ class D {
   _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 o = "", l = "";
-      t && i ? (o = `iti__flag iti__${t}`, l = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", l = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = l;
+      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._setSelectedCountryTitleAttribute(t, e), e) {
-      const o = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.selectedDialCode.innerHTML = o, this._updateInputPadding();
+      const l = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.selectedDialCode.innerHTML = l, this._updateInputPadding();
     }
     return this._updatePlaceholder(), this._updateMaxLength(), n.iso2 !== t;
   }
@@ -2296,16 +2300,16 @@ class D {
     if (t && u.utils)
       if (s) {
         const n = u.utils.numberType[e];
-        let o = u.utils.getExampleNumber(
+        let l = u.utils.getExampleNumber(
           s,
           !1,
           n,
           !0
-        ), l = o;
-        for (; u.utils.isPossibleNumber(o, s, i); )
-          l = o, o += "0";
-        const r = u.utils.getCoreNumber(l, s);
-        this.maxCoreNumberLength = r.length, s === "by" && (this.maxCoreNumberLength = r.length + 1);
+        ), 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);
       } else
         this.maxCoreNumberLength = null;
   }
@@ -2313,7 +2317,7 @@ class D {
     if (!this.selectedCountry)
       return;
     let i;
-    t && !e ? i = `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : t ? i = this.selectedCountryData.name : i = "Unknown", this.selectedCountry.setAttribute("title", 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.
@@ -2341,13 +2345,13 @@ class D {
       customPlaceholder: s
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
     if (u.utils && n) {
-      const o = u.utils.numberType[e];
-      let l = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
+      const l = u.utils.numberType[e];
+      let r = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
-        o
+        l
       ) : "";
-      l = this._beforeSetNumber(l), typeof s == "function" && (l = s(l, this.selectedCountryData)), this.telInput.setAttribute("placeholder", l);
+      r = this._beforeSetNumber(r), typeof s == "function" && (r = s(r, this.selectedCountryData)), this.telInput.setAttribute("placeholder", r);
     }
   }
   //* Called when the user selects a list item from the dropdown.
@@ -2369,12 +2373,12 @@ 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, o = n + s, l = t.offsetHeight, r = t.getBoundingClientRect().top + i, c = r + l, p = r - n + e.scrollTop;
-    if (r < n)
+    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)
       e.scrollTop = p;
-    else if (c > o) {
-      const y = s - l;
-      e.scrollTop = p - y;
+    else if (c > l) {
+      const C = s - r;
+      e.scrollTop = p - C;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2394,9 +2398,9 @@ class D {
     if (t.charAt(0) === "+") {
       let s = "";
       for (let n = 0; n < t.length; n++) {
-        const o = t.charAt(n);
-        if (!isNaN(parseInt(o, 10))) {
-          if (s += o, e)
+        const l = t.charAt(n);
+        if (!isNaN(parseInt(l, 10))) {
+          if (s += l, e)
             this.dialCodeToIso2Map[s] && (i = t.substring(0, n + 1));
           else if (this.dialCodes.has(s)) {
             i = t.substring(0, n + 1);
@@ -2454,7 +2458,7 @@ class D {
   //********************
   //* Remove plugin.
   destroy() {
-    var n, o;
+    var n, l;
     this.telInput.iti = void 0;
     const { allowDropdown: t, separateDialCode: e } = this.options;
     if (t) {
@@ -2465,13 +2469,13 @@ class D {
         "keydown",
         this._handleCountryContainerKeydown
       );
-      const l = this.telInput.closest("label");
-      l && l.removeEventListener("click", this._handleLabelClick);
+      const r = this.telInput.closest("label");
+      r && r.removeEventListener("click", this._handleLabelClick);
     }
     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 u.instances[this.id];
+    (n = s == null ? void 0 : s.parentNode) == null || n.insertBefore(this.telInput, s), (l = s == null ? void 0 : s.parentNode) == null || l.removeChild(s), delete u.instances[this.id];
   }
   //* Get the extension from the current number.
   getExtension() {
@@ -2528,8 +2532,8 @@ class D {
       return !1;
     const e = this._getFullNumber(), i = e.search(new RegExp("\\p{L}", "u")), s = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n);
     if (i > -1) {
-      const n = e.substring(0, i), o = s(n), l = s(e);
-      return o && l;
+      const n = e.substring(0, i), l = s(n), r = s(e);
+      return l && r;
     }
     return s(e);
   }
@@ -2596,7 +2600,7 @@ const Y = (d) => {
     attachUtils: Y,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.8.0"
+    version: "25.8.2"
   }
 ), Z = {
   __name: "IntlTelInput",
@@ -2631,37 +2635,37 @@ const Y = (d) => {
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(d, { expose: t, emit: e }) {
-    const i = E(d, "modelValue"), s = d, n = e, o = N(), l = N(), r = N(!1), c = () => l.value ? s.options.strictMode ? l.value.isValidNumberPrecise() : l.value.isValidNumber() : null, p = () => {
-      let a = c();
-      r.value !== a && (r.value = a, n("changeValidity", !!a), n(
+    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(
         "changeErrorCode",
-        a ? null : l.value.getValidationError()
+        o ? null : r.value.getValidationError()
       ));
+    }, C = () => {
+      var o;
+      n("changeNumber", ((o = r.value) == null ? void 0 : o.getNumber()) ?? ""), p();
     }, y = () => {
-      var a;
-      n("changeNumber", ((a = l.value) == null ? void 0 : a.getNumber()) ?? ""), p();
-    }, m = () => {
-      var a;
-      n("changeCountry", ((a = l.value) == null ? void 0 : a.getSelectedCountryData().iso2) ?? ""), y(), p();
+      var o;
+      n("changeCountry", ((o = r.value) == null ? void 0 : o.getSelectedCountryData().iso2) ?? ""), C(), p();
     };
-    return M(() => {
-      o.value && (l.value = u(o.value, s.options), s.value && l.value.setNumber(s.value), s.disabled && l.value.setDisabled(s.disabled), r.value = c());
+    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());
     }), B(
       () => s.disabled,
-      (a) => {
+      (o) => {
         var h;
-        return (h = l.value) == null ? void 0 : h.setDisabled(a);
+        return (h = r.value) == null ? void 0 : h.setDisabled(o);
       }
     ), R(() => {
-      var a;
-      return (a = l.value) == null ? void 0 : a.destroy();
-    }), t({ instance: l, input: o }), (a, h) => F((V(), z("input", O({
+      var o;
+      return (o = r.value) == null ? void 0 : o.destroy();
+    }), t({ instance: r, input: l }), (o, h) => F((V(), z("input", O({
       ref_key: "input",
-      ref: o,
+      ref: l,
       "onUpdate:modelValue": h[0] || (h[0] = (_) => i.value = _),
       type: "tel",
-      onCountrychange: m,
-      onInput: y
+      onCountrychange: y,
+      onInput: C
     }, d.inputProps), null, 16)), [
       [
         $,