intl-tel-input 25.5.2 → 25.8.0

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as D, useModel as x, ref as L, onMounted as E, watch as M, onUnmounted as F, withDirectives as B, createElementBlock as V, openBlock as z, mergeProps as R, vModelText as O } from "vue";
-const N = [
+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";
+const j = [
   [
     "af",
     // Afghanistan
@@ -1322,21 +1322,20 @@ const N = [
     // Zimbabwe
     "263"
   ]
-], I = [];
-for (let h = 0; h < N.length; h++) {
-  const t = N[h];
-  I[h] = {
+], w = [];
+for (const d of j)
+  w.push({
     name: "",
-    // this is now populated in the plugin
-    iso2: t[0],
-    dialCode: t[1],
-    priority: t[2] || 0,
-    areaCodes: t[3] || null,
+    // populated in the plugin
+    iso2: d[0],
+    dialCode: d[1],
+    priority: d[2] || 0,
+    areaCodes: d[3] || null,
     nodeById: {},
-    nationalPrefix: t[4] || null
-  };
-}
-const j = {
+    // populated by the plugin
+    nationalPrefix: d[4] || null
+  });
+const U = {
   ad: "Andorra",
   ae: "United Arab Emirates",
   af: "Afghanistan",
@@ -1579,22 +1578,29 @@ const j = {
   za: "South Africa",
   zm: "Zambia",
   zw: "Zimbabwe"
-}, $ = {
+}, H = {
   selectedCountryAriaLabel: "Selected country",
   noCountrySelected: "No country selected",
   countryListAriaLabel: "List of countries",
   searchPlaceholder: "Search",
+  clearSearchAriaLabel: "Clear search",
   zeroSearchResults: "No results found",
   oneSearchResult: "1 result found",
   multipleSearchResults: "${count} results found",
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, k = { ...j, ...$ };
-for (let h = 0; h < I.length; h++)
-  I[h].name = k[I[h].iso2];
-let U = 0;
-const T = {
+}, T = { ...U, ...H };
+for (const d of w)
+  d.name = T[d.iso2];
+let K = 0;
+const S = (d) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(d).matches, W = () => {
+  if (typeof navigator < "u" && typeof window < "u") {
+    const d = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), t = S("(max-width: 500px)"), e = S("(max-height: 600px)"), i = S("(pointer: coarse)");
+    return d || t || i && e;
+  }
+  return !1;
+}, x = {
   //* Whether or not to allow the dropdown.
   allowDropdown: !0,
   //* Add a placeholder in the input with an example number for the selected country.
@@ -1640,16 +1646,10 @@ const T = {
   //* Only allow certain chars e.g. a plus followed by numeric digits, and cap at max valid length.
   strictMode: !1,
   //* Use full screen popup instead of dropdown for country list.
-  useFullscreenPopup: typeof navigator < "u" && typeof window < "u" ? (
-    //* 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
-  ) : !1,
+  useFullscreenPopup: W(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
-}, H = [
+}, q = [
   "800",
   "822",
   "833",
@@ -1667,40 +1667,47 @@ const T = {
   "887",
   "888",
   "889"
-], v = (h) => h.replace(/\D/g, ""), A = (h = "") => h.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), S = (h) => {
-  const t = v(h);
+], L = (d) => d.replace(/\D/g, ""), k = (d = "") => d.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), P = (d) => {
+  const t = L(d);
   if (t.charAt(0) === "1") {
-    const e = t.substr(1, 3);
-    return H.includes(e);
+    const e = t.substring(1, 4);
+    return q.includes(e);
   }
   return !1;
-}, K = (h, t, e, i) => {
+}, G = (d, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
   for (let n = 0; n < t.length; n++) {
-    if (/[+0-9]/.test(t[n]) && s++, s === h && !i)
+    if (/[+0-9]/.test(t[n]) && s++, s === d && !i)
       return n + 1;
-    if (i && s === h + 1)
+    if (i && s === d + 1)
       return n;
   }
   return t.length;
-}, m = (h, t, e) => {
-  const i = document.createElement(h);
+}, C = (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;
-}, w = (h, ...t) => {
+}, I = (d, ...t) => {
   const { instances: e } = u;
-  Object.values(e).forEach((i) => i[h](...t));
+  Object.values(e).forEach((i) => i[d](...t));
 };
-class W {
+class D {
+  /**
+   * Build a space-delimited class string from an object map of className -> truthy/falsey.
+   * Only keys with truthy values are included.
+   */
+  static _buildClassNames(t) {
+    return Object.keys(t).filter((e) => !!t[e]).join(" ");
+  }
   constructor(t, e = {}) {
-    this.id = U++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, T, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
+    this.id = K++, this.telInput = t, this.highlightedItem = null, this.options = Object.assign({}, x, e), this.hadInitialPlaceholder = !!t.getAttribute("placeholder");
   }
   //* Can't be private as it's called from intlTelInput convenience wrapper.
   _init() {
     this.options.useFullscreenPopup && (this.options.fixDropdownWidth = !1), this.options.onlyCountries.length === 1 && (this.options.initialCountry = this.options.onlyCountries[0]), this.options.separateDialCode && (this.options.nationalMode = !1), this.options.allowDropdown && !this.options.showFlags && !this.options.separateDialCode && (this.options.nationalMode = !1), this.options.useFullscreenPopup && !this.options.dropdownContainer && (this.options.dropdownContainer = document.body), this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.telInput.dir = "ltr";
     const t = this.options.allowDropdown || this.options.separateDialCode;
-    this.showSelectedCountryOnLeft = this.isRTL ? !t : t, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...k, ...this.options.i18n };
+    this.showSelectedCountryOnLeft = this.isRTL ? !t : t, this.options.separateDialCode && (this.isRTL ? this.originalPaddingRight = this.telInput.style.paddingRight : this.originalPaddingLeft = this.telInput.style.paddingLeft), this.options.i18n = { ...T, ...this.options.i18n };
     const e = new Promise((s, n) => {
       this.resolveAutoCountryPromise = s, this.rejectAutoCountryPromise = n;
     }), i = new Promise((s, n) => {
@@ -1713,16 +1720,21 @@ class W {
   //********************
   //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
   _processCountryData() {
-    this._processAllCountries(), this._processDialCodes(), this._translateCountryNames(), this._sortCountries();
+    this._processAllCountries(), this._processDialCodes(), this._translateCountryNames(), this._sortCountries(), this.countryByIso2 = new Map(this.countries.map((t) => [t.iso2, t])), this._cacheSearchTokens();
+  }
+  //* 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}`;
   }
   //* Sort countries by countryOrder option (if present), then name.
   _sortCountries() {
     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, r = n > -1;
-        if (o || r)
-          return o && r ? s - n : o ? -1 : 1;
+        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;
       }
       return t.name.localeCompare(e.name);
     });
@@ -1730,11 +1742,11 @@ class W {
   //* Add a dial code to this.dialCodeToIso2Map.
   _addToDialCodeMap(t, e, i) {
     e.length > this.dialCodeMaxLen && (this.dialCodeMaxLen = e.length), this.dialCodeToIso2Map.hasOwnProperty(e) || (this.dialCodeToIso2Map[e] = []);
-    for (let n = 0; n < this.dialCodeToIso2Map[e].length; n++)
-      if (this.dialCodeToIso2Map[e][n] === t)
-        return;
-    const s = i !== void 0 ? i : this.dialCodeToIso2Map[e].length;
-    this.dialCodeToIso2Map[e][s] = t;
+    const s = this.dialCodeToIso2Map[e];
+    if (s.includes(t))
+      return;
+    const n = i !== void 0 ? i : s.length;
+    s[n] = t;
   }
   //* Process onlyCountries or excludeCountries array if present.
   _processAllCountries() {
@@ -1743,51 +1755,46 @@ class W {
       const i = t.map(
         (s) => s.toLowerCase()
       );
-      this.countries = I.filter(
+      this.countries = w.filter(
         (s) => i.includes(s.iso2)
       );
     } else if (e.length) {
       const i = e.map(
         (s) => s.toLowerCase()
       );
-      this.countries = I.filter(
+      this.countries = w.filter(
         (s) => !i.includes(s.iso2)
       );
     } else
-      this.countries = I;
+      this.countries = w;
   }
   //* Translate Countries by object literal provided on config.
   _translateCountryNames() {
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t].iso2.toLowerCase();
-      this.options.i18n.hasOwnProperty(e) && (this.countries[t].name = this.options.i18n[e]);
+    for (const t of this.countries) {
+      const e = t.iso2.toLowerCase();
+      this.options.i18n.hasOwnProperty(e) && (t.name = this.options.i18n[e]);
     }
   }
   //* Generate this.dialCodes and this.dialCodeToIso2Map.
   _processDialCodes() {
-    this.dialCodes = {}, this.dialCodeMaxLen = 0, this.dialCodeToIso2Map = {};
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t];
-      this.dialCodes[e.dialCode] || (this.dialCodes[e.dialCode] = !0), this._addToDialCodeMap(e.iso2, e.dialCode, e.priority);
-    }
-    for (let t = 0; t < this.countries.length; t++) {
-      const e = this.countries[t];
-      if (e.areaCodes) {
-        const i = this.dialCodeToIso2Map[e.dialCode][0];
-        for (let s = 0; s < e.areaCodes.length; s++) {
-          const n = e.areaCodes[s];
-          for (let o = 1; o < n.length; o++) {
-            const r = n.substr(0, o), a = e.dialCode + r;
-            this._addToDialCodeMap(i, a), this._addToDialCodeMap(e.iso2, a);
+    this.dialCodes = /* @__PURE__ */ new Set(), this.dialCodeMaxLen = 0, this.dialCodeToIso2Map = {};
+    for (const t of this.countries)
+      this.dialCodes.has(t.dialCode) || this.dialCodes.add(t.dialCode), this._addToDialCodeMap(t.iso2, t.dialCode, t.priority);
+    for (const t of this.countries)
+      if (t.areaCodes) {
+        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);
           }
-          this._addToDialCodeMap(e.iso2, e.dialCode + n);
+          this._addToDialCodeMap(t.iso2, t.dialCode + i);
         }
       }
-    }
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   _generateMarkup() {
-    var l, d, g;
+    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,
@@ -1796,110 +1803,168 @@ class W {
       containerClass: s,
       hiddenInput: n,
       dropdownContainer: o,
-      fixDropdownWidth: r,
-      useFullscreenPopup: a,
+      fixDropdownWidth: l,
+      useFullscreenPopup: r,
       countrySearch: c,
-      i18n: y
-    } = this.options;
-    let p = "iti";
-    t && (p += " iti--allow-dropdown"), i && (p += " iti--show-flags"), s && (p += ` ${s}`), a || (p += " iti--inline-dropdown");
-    const C = m("div", { class: p });
-    if ((l = this.telInput.parentNode) == null || l.insertBefore(C, this.telInput), t || i || e) {
-      this.countryContainer = m(
+      i18n: p
+    } = this.options, y = D._buildClassNames({
+      iti: !0,
+      "iti--allow-dropdown": t,
+      "iti--show-flags": i,
+      "iti--inline-dropdown": !r,
+      [s]: !!s
+    }), m = C("div", { class: y });
+    if ((a = this.telInput.parentNode) == null || a.insertBefore(m, this.telInput), t || i || e) {
+      this.countryContainer = C(
         "div",
         { class: "iti__country-container" },
-        C
-      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = m(
+        m
+      ), this.showSelectedCountryOnLeft ? this.countryContainer.style.left = "0px" : this.countryContainer.style.right = "0px", t ? (this.selectedCountry = C(
         "button",
         {
           type: "button",
           class: "iti__selected-country",
           "aria-expanded": "false",
           "aria-label": this.options.i18n.selectedCountryAriaLabel,
-          "aria-haspopup": "true",
-          "aria-controls": `iti-${this.id}__dropdown-content`,
-          role: "combobox"
+          "aria-haspopup": "dialog",
+          "aria-controls": `iti-${this.id}__dropdown-content`
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = m(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = C(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const b = m("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
-      if (this.selectedCountryInner = m("div", { class: "iti__flag" }, b), this.selectedCountryA11yText = m(
+      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 = m(
+      ), t && (this.dropdownArrow = C(
         "div",
         { class: "iti__arrow", "aria-hidden": "true" },
         b
-      )), e && (this.selectedDialCode = m(
+      )), e && (this.selectedDialCode = C(
         "div",
         { class: "iti__selected-dial-code", "aria-hidden": "true", dir: "ltr" },
         this.selectedCountry
       )), t) {
-        const f = r ? "" : "iti--flexible-dropdown-width";
-        if (this.dropdownContent = m("div", {
+        const f = l ? "" : "iti--flexible-dropdown-width";
+        if (this.dropdownContent = C("div", {
           id: `iti-${this.id}__dropdown-content`,
-          class: `iti__dropdown-content iti__hide ${f}`
-        }), c && (this.searchInput = m(
-          "input",
-          {
-            type: "text",
-            class: "iti__search-input",
-            placeholder: y.searchPlaceholder,
-            role: "combobox",
-            "aria-expanded": "true",
-            "aria-label": y.searchPlaceholder,
-            "aria-controls": `iti-${this.id}__country-listbox`,
-            "aria-autocomplete": "list",
-            autocomplete: "off"
-          },
-          this.dropdownContent
-        ), this.searchResultsA11yText = m(
-          "span",
-          { class: "iti__a11y-text" },
-          this.dropdownContent
-        )), this.countryList = m(
+          class: `iti__dropdown-content iti__hide ${f}`,
+          role: "dialog",
+          "aria-modal": "true"
+        }), c) {
+          const g = C(
+            "div",
+            { class: "iti__search-input-wrapper" },
+            this.dropdownContent
+          );
+          this.searchIcon = C(
+            "span",
+            {
+              class: "iti__search-icon",
+              "aria-hidden": "true"
+            },
+            g
+          ), this.searchIcon.innerHTML = `
+            <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(
+            "input",
+            {
+              id: `iti-${this.id}__search-input`,
+              // Chrome says inputs need either a name or an id
+              type: "search",
+              class: "iti__search-input",
+              placeholder: p.searchPlaceholder,
+              // role=combobox + aria-autocomplete=list + aria-activedescendant allows maintaining focus on the search input while allowing users to navigate search results with up/down keyboard keys
+              role: "combobox",
+              "aria-expanded": "true",
+              "aria-label": p.searchPlaceholder,
+              "aria-controls": `iti-${this.id}__country-listbox`,
+              "aria-autocomplete": "list",
+              autocomplete: "off"
+            },
+            g
+          ), this.searchClearButton = C(
+            "button",
+            {
+              type: "button",
+              class: "iti__search-clear iti__hide",
+              "aria-label": p.clearSearchAriaLabel,
+              tabindex: "-1"
+            },
+            g
+          );
+          const v = `iti-${this.id}-clear-mask`;
+          this.searchClearButton.innerHTML = `
+            <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+              <mask id="${v}" maskUnits="userSpaceOnUse">
+                <rect width="16" height="16" fill="white" />
+                <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(
+            "span",
+            { class: "iti__a11y-text" },
+            this.dropdownContent
+          ), this.searchNoResults = C(
+            "div",
+            {
+              class: "iti__no-results iti__hide",
+              "aria-hidden": "true"
+              // all a11y messaging happens in this.searchResultsA11yText
+            },
+            this.dropdownContent
+          ), this.searchNoResults.textContent = p.zeroSearchResults;
+        }
+        if (this.countryList = C(
           "ul",
           {
             class: "iti__country-list",
             id: `iti-${this.id}__country-listbox`,
             role: "listbox",
-            "aria-label": y.countryListAriaLabel
+            "aria-label": p.countryListAriaLabel
           },
           this.dropdownContent
-        ), this._appendListItems(), c && this._updateSearchResultsText(), o) {
-          let _ = "iti iti--container";
-          s && (_ += ` ${s}`), a ? _ += " iti--fullscreen-popup" : _ += " iti--inline-dropdown", this.dropdown = m("div", { class: _ }), this.dropdown.appendChild(this.dropdownContent);
+        ), this._appendListItems(), c && this._updateSearchResultsA11yText(), o) {
+          const g = D._buildClassNames({
+            iti: !0,
+            "iti--container": !0,
+            "iti--fullscreen-popup": r,
+            "iti--inline-dropdown": !r,
+            [s]: !!s
+          });
+          this.dropdown = C("div", { class: g }), this.dropdown.appendChild(this.dropdownContent);
         } else
           this.countryContainer.appendChild(this.dropdownContent);
       }
     }
-    if (C.appendChild(this.telInput), this._updateInputPadding(), n) {
+    if (m.appendChild(this.telInput), this._updateInputPadding(), n) {
       const b = this.telInput.getAttribute("name") || "", f = n(b);
       if (f.phone) {
-        const _ = (d = this.telInput.form) == null ? void 0 : d.querySelector(`input[name="${f.phone}"]`);
-        _ ? this.hiddenInput = _ : (this.hiddenInput = m("input", {
+        const g = (h = this.telInput.form) == null ? void 0 : h.querySelector(`input[name="${f.phone}"]`);
+        g ? this.hiddenInput = g : (this.hiddenInput = C("input", {
           type: "hidden",
           name: f.phone
-        }), C.appendChild(this.hiddenInput));
+        }), m.appendChild(this.hiddenInput));
       }
       if (f.country) {
-        const _ = (g = this.telInput.form) == null ? void 0 : g.querySelector(`input[name="${f.country}"]`);
-        _ ? this.hiddenInputCountry = _ : (this.hiddenInputCountry = m("input", {
+        const g = (_ = this.telInput.form) == null ? void 0 : _.querySelector(`input[name="${f.country}"]`);
+        g ? this.hiddenInputCountry = g : (this.hiddenInputCountry = C("input", {
           type: "hidden",
           name: f.country
-        }), C.appendChild(this.hiddenInputCountry));
+        }), m.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 = m(
+      const e = this.countries[t], i = t === 0 ? "iti__highlight" : "", s = C(
         "li",
         {
           id: `iti-${this.id}__item-${e.iso2}`,
@@ -1921,12 +1986,12 @@ class W {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(t = !1) {
-    const e = this.telInput.getAttribute("value"), i = this.telInput.value, n = e && e.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? e : i, o = this._getDialCode(n), r = S(n), { initialCountry: a, geoIpLookup: c } = this.options, y = a === "auto" && c;
-    if (o && !r)
+    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)
       this._updateCountryFromNumber(n);
-    else if (!y || t) {
-      const p = a ? a.toLowerCase() : "";
-      p && this._getCountryData(p, !0) ? this._setCountry(p) : o && r ? this._setCountry("us") : this._setCountry();
+    else if (!p || t) {
+      const y = r ? r.toLowerCase() : "";
+      y && this._getCountryData(y, !0) ? this._setCountry(y) : o && l ? this._setCountry("us") : this._setCountry();
     }
     n && this._updateValFromNumber(n);
   }
@@ -1973,10 +2038,10 @@ class W {
     u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
       (t = "") => {
         const e = t.toLowerCase();
-        e && this._getCountryData(e, !0) ? (u.autoCountry = e, setTimeout(() => w("handleAutoCountry"))) : (this._setInitialState(!0), w("rejectAutoCountryPromise"));
+        e && this._getCountryData(e, !0) ? (u.autoCountry = e, setTimeout(() => I("handleAutoCountry"))) : (this._setInitialState(!0), I("rejectAutoCountryPromise"));
       },
       () => {
-        this._setInitialState(!0), w("rejectAutoCountryPromise");
+        this._setInitialState(!0), I("rejectAutoCountryPromise");
       }
     ));
   }
@@ -1986,30 +2051,30 @@ class W {
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
     const { strictMode: t, formatAsYouType: e, separateDialCode: i, formatOnDisplay: s, allowDropdown: n, countrySearch: o } = 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 && o) {
-        const C = this.telInput.selectionStart || 0, l = this.telInput.value.substring(0, C - 1), d = this.telInput.value.substring(C);
-        this.telInput.value = l + d, this._openDropdownWithPlus();
+    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();
         return;
       }
       this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const c = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), y = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
-      c || y && !t ? r = !0 : /[^+0-9]/.test(this.telInput.value) || (r = !1);
-      const p = (a == null ? void 0 : a.detail) && a.detail.isSetNumber && !s;
-      if (e && !r && !p) {
-        const C = this.telInput.selectionStart || 0, d = this.telInput.value.substring(0, C).replace(/[^+0-9]/g, "").length, g = (a == null ? void 0 : a.inputType) === "deleteContentForward", b = this._formatNumberAsYouType(), f = K(d, b, C, g);
+      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, _);
         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 && o && a.key === "+") {
-          a.preventDefault(), this._openDropdownWithPlus();
+    }, 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();
           return;
         }
         if (t) {
-          const c = this.telInput.value, p = !(c.charAt(0) === "+") && this.telInput.selectionStart === 0 && a.key === "+", C = /^[0-9]$/.test(a.key), l = i ? C : p || C, d = c.slice(0, this.telInput.selectionStart) + a.key + c.slice(this.telInput.selectionEnd), g = this._getFullNumber(d), b = u.utils.getCoreNumber(g, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && b.length > this.maxCoreNumberLength, P = this._getNewCountryFromNumber(g) !== null;
-          (!l || f && !P && !p) && a.preventDefault();
+          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();
         }
       }
     }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
@@ -2017,7 +2082,7 @@ class W {
   //* Adhere to the input's maxlength attr.
   _cap(t) {
     const e = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
-    return e && t.length > e ? t.substr(0, e) : t;
+    return e && t.length > e ? t.substring(0, e) : t;
   }
   //* Trigger a custom event on the input.
   _trigger(t, e = {}) {
@@ -2073,52 +2138,50 @@ class W {
     }, document.addEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch) {
       const s = () => {
         const o = this.searchInput.value.trim();
-        o ? this._filterCountries(o) : this._filterCountries("", !0);
+        o ? this._filterCountries(o) : this._filterCountries("", !0), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
       };
       let n = null;
       this._handleSearchChange = () => {
         n && clearTimeout(n), n = setTimeout(() => {
           s(), n = null;
         }, 100);
-      }, this.searchInput.addEventListener("input", this._handleSearchChange), this.searchInput.addEventListener("click", (o) => o.stopPropagation());
+      }, 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());
     }
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
   _searchForCountry(t) {
-    for (let e = 0; e < this.countries.length; e++) {
-      const i = this.countries[e];
-      if (i.name.substr(0, t.length).toLowerCase() === t) {
-        const n = i.nodeById[this.id];
-        this._highlightListItem(n, !1), this._scrollTo(n);
+    for (const e of this.countries)
+      if (e.name.substring(0, t.length).toLowerCase() === t) {
+        const s = e.nodeById[this.id];
+        this._highlightListItem(s, !1), this._scrollTo(s);
         break;
       }
-    }
   }
   //* Country search enabled: Filter the countries according to the search query.
   _filterCountries(t, e = !1) {
     let i = !0;
     this.countryList.innerHTML = "";
-    const s = A(t), n = s.length, o = [], r = [], a = [], c = [], y = [], p = [];
-    for (let l = 0; l < this.countries.length; l++) {
-      const d = this.countries[l], g = A(d.name), b = d.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((f) => f[0]).join("").toLowerCase();
-      e || n === 0 ? a.push(d) : d.iso2.toLowerCase() === s ? o.push(d) : g.startsWith(s) ? r.push(d) : g.includes(s) ? a.push(d) : s === d.dialCode || s === `+${d.dialCode}` ? c.push(d) : `+${d.dialCode}`.includes(s) ? y.push(d) : b.includes(s) && p.push(d);
-    }
-    const C = [
-      ...o.sort((l, d) => l.priority - d.priority),
-      ...r.sort((l, d) => l.priority - d.priority),
-      ...a.sort((l, d) => l.priority - d.priority),
-      ...c.sort((l, d) => l.priority - d.priority),
-      ...y.sort((l, d) => l.priority - d.priority),
-      ...p.sort((l, d) => l.priority - d.priority)
+    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)
     ];
-    for (const l of C) {
-      const d = l.nodeById[this.id];
-      d && (this.countryList.appendChild(d), i && (this._highlightListItem(d, !1), i = !1));
+    for (const a of m) {
+      const h = a.nodeById[this.id];
+      h && (this.countryList.appendChild(h), i && (this._highlightListItem(h, !1), i = !1));
     }
-    i && this._highlightListItem(null, !1), this.countryList.scrollTop = 0, this._updateSearchResultsText();
+    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();
   }
   //* Update search results text (for a11y).
-  _updateSearchResultsText() {
+  _updateSearchResultsA11yText() {
     const { i18n: t } = this.options, e = this.countryList.childElementCount;
     let i;
     "searchResultsText" in t ? i = t.searchResultsText(e) : e === 0 ? i = t.zeroSearchResults : e === 1 ? i = t.oneSearchResult : i = t.multipleSearchResults.replace("${count}", e.toString()), this.searchResultsA11yText.textContent = i;
@@ -2168,19 +2231,19 @@ class W {
     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), r = v(i);
+    const o = this._getDialCode(i, !0), l = L(i);
     if (o) {
-      const a = v(o), c = this.dialCodeToIso2Map[a];
+      const r = L(o), c = this.dialCodeToIso2Map[r];
       if (!s && this.defaultCountry && c.includes(this.defaultCountry))
         return this.defaultCountry;
-      const y = this.selectedCountryData.areaCodes && r.length > a.length, p = s && c.includes(s) && !y;
-      if (!(n === "1" && S(r)) && !p) {
-        for (let l = 0; l < c.length; l++)
-          if (c[l])
-            return c[l];
+      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;
       }
     } else {
-      if (i.charAt(0) === "+" && r.length)
+      if (i.charAt(0) === "+" && l.length)
         return "";
       if ((!i || i === "+") && !this.selectedCountryData.iso2)
         return this.defaultCountry;
@@ -2190,19 +2253,18 @@ class W {
   //* Remove highlighting from other list items and highlight the given item.
   _highlightListItem(t, e) {
     const i = this.highlightedItem;
-    if (i && (i.classList.remove("iti__highlight"), i.setAttribute("aria-selected", "false")), this.highlightedItem = t, this.highlightedItem) {
-      this.highlightedItem.classList.add("iti__highlight"), this.highlightedItem.setAttribute("aria-selected", "true");
+    if (i && (i.classList.remove("iti__highlight"), i.setAttribute("aria-selected", "false")), this.highlightedItem = t, this.highlightedItem && (this.highlightedItem.classList.add("iti__highlight"), this.highlightedItem.setAttribute("aria-selected", "true"), this.options.countrySearch)) {
       const s = this.highlightedItem.getAttribute("id") || "";
-      this.selectedCountry.setAttribute("aria-activedescendant", s), this.options.countrySearch && this.searchInput.setAttribute("aria-activedescendant", s);
+      this.searchInput.setAttribute("aria-activedescendant", s);
     }
     e && this.highlightedItem.focus();
   }
   //* 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(t, e) {
-    for (let i = 0; i < this.countries.length; i++)
-      if (this.countries[i].iso2 === t)
-        return this.countries[i];
+    const i = this.countryByIso2.get(t);
+    if (i)
+      return i;
     if (e)
       return null;
     throw new Error(`No country data for '${t}'`);
@@ -2212,8 +2274,8 @@ class W {
   _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 = "", r = "";
-      t && i ? (o = `iti__flag iti__${t}`, r = `${this.selectedCountryData.name} +${this.selectedCountryData.dialCode}`) : (o = "iti__flag iti__globe", r = s.noCountrySelected), this.selectedCountryInner.className = o, this.selectedCountryA11yText.textContent = r;
+      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;
     }
     if (this._setSelectedCountryTitleAttribute(t, e), e) {
       const o = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
@@ -2239,11 +2301,11 @@ class W {
           !1,
           n,
           !0
-        ), r = o;
+        ), l = o;
         for (; u.utils.isPossibleNumber(o, s, i); )
-          r = o, o += "0";
-        const a = u.utils.getCoreNumber(r, s);
-        this.maxCoreNumberLength = a.length, s === "by" && (this.maxCoreNumberLength = a.length + 1);
+          l = o, o += "0";
+        const r = u.utils.getCoreNumber(l, s);
+        this.maxCoreNumberLength = r.length, s === "by" && (this.maxCoreNumberLength = r.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
@@ -2280,12 +2342,12 @@ class W {
     } = this.options, n = t === "aggressive" || !this.hadInitialPlaceholder && t === "polite";
     if (u.utils && n) {
       const o = u.utils.numberType[e];
-      let r = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
+      let l = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
         o
       ) : "";
-      r = this._beforeSetNumber(r), typeof s == "function" && (r = s(r, this.selectedCountryData)), this.telInput.setAttribute("placeholder", r);
+      l = this._beforeSetNumber(l), typeof s == "function" && (l = s(l, this.selectedCountryData)), this.telInput.setAttribute("placeholder", l);
     }
   }
   //* Called when the user selects a list item from the dropdown.
@@ -2297,7 +2359,7 @@ class W {
   }
   //* Close the dropdown and unbind any listeners.
   _closeDropdown() {
-    this.dropdownContent.classList.add("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "false"), this.selectedCountry.removeAttribute("aria-activedescendant"), this.highlightedItem && this.highlightedItem.setAttribute("aria-selected", "false"), this.options.countrySearch && this.searchInput.removeAttribute("aria-activedescendant"), this.dropdownArrow.classList.remove("iti__arrow--up"), document.removeEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch && this.searchInput.removeEventListener("input", this._handleSearchChange), document.documentElement.removeEventListener(
+    this.dropdownContent.classList.add("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "false"), this.highlightedItem && this.highlightedItem.setAttribute("aria-selected", "false"), this.options.countrySearch && this.searchInput.removeAttribute("aria-activedescendant"), this.dropdownArrow.classList.remove("iti__arrow--up"), this.options.countrySearch && (this.searchInput.removeEventListener("input", this._handleSearchChange), this.searchClearButton.removeEventListener("click", this._handleSearchClear)), document.documentElement.removeEventListener(
       "click",
       this._handleClickOffToClose
     ), this.countryList.removeEventListener(
@@ -2307,12 +2369,12 @@ class W {
   }
   //* Check if an element is visible within it's container, else scroll until it is.
   _scrollTo(t) {
-    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, n = e.getBoundingClientRect().top + i, o = n + s, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, c = a + r, y = a - n + e.scrollTop;
-    if (a < n)
-      e.scrollTop = y;
+    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)
+      e.scrollTop = p;
     else if (c > o) {
-      const p = s - r;
-      e.scrollTop = y - p;
+      const y = s - l;
+      e.scrollTop = p - y;
     }
   }
   //* Replace any existing dial code with the new one
@@ -2335,9 +2397,9 @@ class W {
         const o = t.charAt(n);
         if (!isNaN(parseInt(o, 10))) {
           if (s += o, e)
-            this.dialCodeToIso2Map[s] && (i = t.substr(0, n + 1));
-          else if (this.dialCodes[s]) {
-            i = t.substr(0, n + 1);
+            this.dialCodeToIso2Map[s] && (i = t.substring(0, n + 1));
+          else if (this.dialCodes.has(s)) {
+            i = t.substring(0, n + 1);
             break;
           }
           if (s.length === this.dialCodeMaxLen)
@@ -2351,7 +2413,7 @@ class W {
   _getFullNumber(t) {
     const e = t || this.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
     let s;
-    const n = v(e);
+    const n = L(e);
     return this.options.separateDialCode && e.charAt(0) !== "+" && i && n ? s = `+${i}` : s = "", s + e;
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
@@ -2362,7 +2424,7 @@ class W {
       if (i) {
         i = `+${this.selectedCountryData.dialCode}`;
         const s = e[i.length] === " " || e[i.length] === "-" ? i.length + 1 : i.length;
-        e = e.substr(s);
+        e = e.substring(s);
       }
     }
     return this._cap(e);
@@ -2403,8 +2465,8 @@ class W {
         "keydown",
         this._handleCountryContainerKeydown
       );
-      const r = this.telInput.closest("label");
-      r && r.removeEventListener("click", this._handleLabelClick);
+      const l = this.telInput.closest("label");
+      l && l.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);
@@ -2449,30 +2511,27 @@ class W {
     }
     return -99;
   }
-  //* Validate the input val
+  //* Validate the input val (with precise=false)
   isValidNumber() {
-    if (!this.selectedCountryData.iso2)
-      return !1;
-    const t = this._getFullNumber(), e = t.search(new RegExp("\\p{L}", "u"));
-    if (e > -1) {
-      const i = t.substring(0, e), s = this._utilsIsPossibleNumber(i), n = this._utilsIsPossibleNumber(t);
-      return s && n;
-    }
-    return this._utilsIsPossibleNumber(t);
+    return this._validateNumber(!1);
+  }
+  //* Validate the input val (with precise=true)
+  isValidNumberPrecise() {
+    return this._validateNumber(!0);
   }
   _utilsIsPossibleNumber(t) {
     return u.utils ? u.utils.isPossibleNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
   }
-  //* Validate the input val (precise)
-  isValidNumberPrecise() {
+  //* Shared internal validation logic to handle alpha character extension rules.
+  _validateNumber(t) {
     if (!this.selectedCountryData.iso2)
       return !1;
-    const t = this._getFullNumber(), e = t.search(new RegExp("\\p{L}", "u"));
-    if (e > -1) {
-      const i = t.substring(0, e), s = this._utilsIsValidNumber(i), n = this._utilsIsValidNumber(t);
-      return s && n;
+    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;
     }
-    return this._utilsIsValidNumber(t);
+    return s(e);
   }
   _utilsIsValidNumber(t) {
     return u.utils ? u.utils.isValidNumber(t, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
@@ -2495,53 +2554,53 @@ class W {
     this.telInput.disabled = t, t ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
   }
 }
-const G = (h) => {
+const Y = (d) => {
   if (!u.utils && !u.startedLoadingUtilsScript) {
     let t;
-    if (typeof h == "function")
+    if (typeof d == "function")
       try {
-        t = Promise.resolve(h());
+        t = Promise.resolve(d());
       } catch (e) {
         return Promise.reject(e);
       }
     else
-      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof h}`));
+      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof d}`));
     return u.startedLoadingUtilsScript = !0, t.then((e) => {
       const i = e == null ? void 0 : e.default;
       if (!i || typeof i != "object")
         throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
-      return u.utils = i, w("handleUtils"), !0;
+      return u.utils = i, I("handleUtils"), !0;
     }).catch((e) => {
-      throw w("rejectUtilsScriptPromise", e), e;
+      throw I("rejectUtilsScriptPromise", e), e;
     });
   }
   return null;
 }, u = Object.assign(
-  (h, t) => {
-    const e = new W(h, t);
-    return e._init(), h.setAttribute("data-intl-tel-input-id", e.id.toString()), u.instances[e.id] = e, h.iti = e, e;
+  (d, t) => {
+    const e = new D(d, t);
+    return e._init(), d.setAttribute("data-intl-tel-input-id", e.id.toString()), u.instances[e.id] = e, d.iti = e, e;
   },
   {
-    defaults: T,
+    defaults: x,
     //* Using a static var like this allows us to mock it in the tests.
     documentReady: () => document.readyState === "complete",
     //* Get the country data object.
-    getCountryData: () => I,
+    getCountryData: () => w,
     //* A getter for the plugin instance.
-    getInstance: (h) => {
-      const t = h.getAttribute("data-intl-tel-input-id");
+    getInstance: (d) => {
+      const t = d.getAttribute("data-intl-tel-input-id");
       return t ? u.instances[t] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: G,
+    attachUtils: Y,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.5.2"
+    version: "25.8.0"
   }
-), Y = {
+), Z = {
   __name: "IntlTelInput",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ A({
     disabled: {
       type: Boolean,
       default: !1
@@ -2565,47 +2624,47 @@ const G = (h) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ D([
+  emits: /* @__PURE__ */ A([
     "changeNumber",
     "changeCountry",
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
-  setup(h, { expose: t, emit: e }) {
-    const i = x(h, "modelValue"), s = h, n = e, o = L(), r = L(), a = L(!1), c = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, y = () => {
-      let l = c();
-      a.value !== l && (a.value = l, n("changeValidity", !!l), n(
+  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(
         "changeErrorCode",
-        l ? null : r.value.getValidationError()
+        a ? null : l.value.getValidationError()
       ));
-    }, p = () => {
-      var l;
-      n("changeNumber", ((l = r.value) == null ? void 0 : l.getNumber()) ?? ""), y();
-    }, C = () => {
-      var l;
-      n("changeCountry", ((l = r.value) == null ? void 0 : l.getSelectedCountryData().iso2) ?? ""), p(), y();
+    }, 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();
     };
-    return E(() => {
-      o.value && (r.value = u(o.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), a.value = c());
-    }), M(
+    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());
+    }), B(
       () => s.disabled,
-      (l) => {
-        var d;
-        return (d = r.value) == null ? void 0 : d.setDisabled(l);
+      (a) => {
+        var h;
+        return (h = l.value) == null ? void 0 : h.setDisabled(a);
       }
-    ), F(() => {
-      var l;
-      return (l = r.value) == null ? void 0 : l.destroy();
-    }), t({ instance: r, input: o }), (l, d) => B((z(), V("input", R({
+    ), R(() => {
+      var a;
+      return (a = l.value) == null ? void 0 : a.destroy();
+    }), t({ instance: l, input: o }), (a, h) => F((V(), z("input", O({
       ref_key: "input",
       ref: o,
-      "onUpdate:modelValue": d[0] || (d[0] = (g) => i.value = g),
+      "onUpdate:modelValue": h[0] || (h[0] = (_) => i.value = _),
       type: "tel",
-      onCountrychange: C,
-      onInput: p
-    }, h.inputProps), null, 16)), [
+      onCountrychange: m,
+      onInput: y
+    }, d.inputProps), null, 16)), [
       [
-        O,
+        $,
         i.value,
         void 0,
         { lazy: !0 }
@@ -2614,5 +2673,5 @@ const G = (h) => {
   }
 };
 export {
-  Y as default
+  Z as default
 };