intl-tel-input 25.13.0 → 25.13.2

package/vue/build/IntlTelInputWithUtils.mjs

@@ -1950,7 +1950,7 @@ const $2 = {
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, b0 = { ...$2, ...n2 }, _1 = {
+}, L0 = { ...$2, ...n2 }, _1 = {
   OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
   CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
   COUNTRY_CHANGE: "countrychange",
@@ -1995,7 +1995,7 @@ const $2 = {
   // px width fallback when no separate dial code
   INPUT_PADDING_EXTRA_LEFT: 6
   // px gap between selected country container and input text
-}, T0 = {
+}, b0 = {
   NANP: "1"
   // North American Numbering Plan
 }, v1 = {
@@ -2033,7 +2033,7 @@ const $2 = {
     return h || e || i && $;
   }
   return !1;
-}, L0 = {
+}, T0 = {
   // Allow alphanumeric "phonewords" (e.g. +1 800 FLOWERS) as valid numbers
   allowPhonewords: !1,
   //* Whether or not to allow the dropdown.
@@ -2090,7 +2090,7 @@ const $2 = {
   const $ = A0(e), i = [], s = [], a = [], u = [], f = [], C = [];
   for (const _ of h)
     _.iso2 === $ ? i.push(_) : _.normalisedName.startsWith($) ? s.push(_) : _.normalisedName.includes($) ? a.push(_) : $ === _.dialCode || $ === _.dialCodePlus ? u.push(_) : _.dialCodePlus.includes($) ? f.push(_) : _.initials.includes($) && C.push(_);
-  const y = (_, T) => _.priority - T.priority;
+  const y = (_, E) => _.priority - E.priority;
   return [
     ...i.sort(y),
     ...s.sort(y),
@@ -2105,7 +2105,7 @@ const $2 = {
     if (i.name.toLowerCase().startsWith($))
       return i;
   return null;
-}, R1 = (h) => Object.keys(h).filter((e) => !!h[e]).join(" "), L = (h, e, $) => {
+}, R1 = (h) => Object.keys(h).filter((e) => !!h[e]).join(" "), T = (h, e, $) => {
   const i = document.createElement(h);
   return e && Object.entries(e).forEach(
     ([s, a]) => i.setAttribute(s, a)
@@ -2127,7 +2127,7 @@ const $2 = {
 };
 class h2 {
   constructor(e, $, i) {
-    this.highlightedItem = null, e.dataset.intlTelInputId = i.toString(), this.telInput = e, this.options = $, this.id = i, this.hadInitialPlaceholder = !!e.getAttribute("placeholder"), this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.originalPaddingLeft = this.telInput.style.paddingLeft);
+    this.highlightedItem = null, this.selectedItem = null, e.dataset.intlTelInputId = i.toString(), this.telInput = e, this.options = $, this.id = i, this.hadInitialPlaceholder = !!e.getAttribute("placeholder"), this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.originalPaddingLeft = this.telInput.style.paddingLeft);
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   generateMarkup(e) {
@@ -2146,18 +2146,18 @@ class h2 {
       "iti--show-flags": $,
       "iti--inline-dropdown": !s,
       [i]: !!i
-    }), u = L("div", { class: a });
+    }), u = T("div", { class: a });
     return this.isRTL && u.setAttribute("dir", "ltr"), this.telInput.before(u), u;
   }
   _maybeBuildCountryContainer(e) {
     const { allowDropdown: $, separateDialCode: i, showFlags: s } = this.options;
     if ($ || s || i) {
-      this.countryContainer = L(
+      this.countryContainer = T(
         "div",
         // visibly hidden until we measure it's width to set the input padding correctly
         { class: `iti__country-container ${N.V_HIDE}` },
         e
-      ), $ ? (this.selectedCountry = L(
+      ), $ ? (this.selectedCountry = T(
         "button",
         {
           type: "button",
@@ -2168,25 +2168,25 @@ class h2 {
           [b.CONTROLS]: `iti-${this.id}__dropdown-content`
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = L(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = T(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const a = L(
+      const a = T(
         "div",
         { class: "iti__selected-country-primary" },
         this.selectedCountry
       );
-      this.selectedCountryInner = L(
+      this.selectedCountryInner = T(
         "div",
         { class: N.FLAG },
         a
-      ), $ && (this.dropdownArrow = L(
+      ), $ && (this.dropdownArrow = T(
         "div",
         { class: "iti__arrow", [b.HIDDEN]: "true" },
         a
-      )), i && (this.selectedDialCode = L(
+      )), i && (this.selectedDialCode = T(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
@@ -2202,12 +2202,12 @@ class h2 {
       dropdownContainer: a,
       containerClass: u
     } = this.options, f = e ? "" : "iti--flexible-dropdown-width";
-    if (this.dropdownContent = L("div", {
+    if (this.dropdownContent = T("div", {
       id: `iti-${this.id}__dropdown-content`,
       class: `iti__dropdown-content ${N.HIDE} ${f}`,
       role: "dialog",
       [b.MODAL]: "true"
-    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = L(
+    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = T(
       "ul",
       {
         class: "iti__country-list",
@@ -2224,24 +2224,24 @@ class h2 {
         "iti--inline-dropdown": !$,
         [u]: !!u
       });
-      this.dropdown = L("div", { class: C }), this.dropdown.appendChild(this.dropdownContent);
+      this.dropdown = T("div", { class: C }), this.dropdown.appendChild(this.dropdownContent);
     } else
       this.countryContainer.appendChild(this.dropdownContent);
   }
   _buildSearchUI() {
-    const { i18n: e } = this.options, $ = L(
+    const { i18n: e } = this.options, $ = T(
       "div",
       { class: "iti__search-input-wrapper" },
       this.dropdownContent
     );
-    this.searchIcon = L(
+    this.searchIcon = T(
       "span",
       {
         class: "iti__search-icon",
         [b.HIDDEN]: "true"
       },
       $
-    ), this.searchIcon.innerHTML = a2(), this.searchInput = L(
+    ), this.searchIcon.innerHTML = a2(), this.searchInput = T(
       "input",
       {
         id: `iti-${this.id}__search-input`,
@@ -2258,7 +2258,7 @@ class h2 {
         autocomplete: "off"
       },
       $
-    ), this.searchClearButton = L(
+    ), this.searchClearButton = T(
       "button",
       {
         type: "button",
@@ -2267,11 +2267,11 @@ class h2 {
         tabindex: "-1"
       },
       $
-    ), this.searchClearButton.innerHTML = c2(this.id), this.searchResultsA11yText = L(
+    ), this.searchClearButton.innerHTML = c2(this.id), this.searchResultsA11yText = T(
       "span",
       { class: "iti__a11y-text" },
       this.dropdownContent
-    ), this.searchNoResults = L(
+    ), this.searchNoResults = T(
       "div",
       {
         class: `iti__no-results ${N.HIDE}`,
@@ -2293,7 +2293,7 @@ class h2 {
         const f = (i = this.telInput.form) == null ? void 0 : i.querySelector(
           `input[name="${u.phone}"]`
         );
-        f ? this.hiddenInput = f : (this.hiddenInput = L("input", {
+        f ? this.hiddenInput = f : (this.hiddenInput = T("input", {
           type: "hidden",
           name: u.phone
         }), e.appendChild(this.hiddenInput));
@@ -2302,7 +2302,7 @@ class h2 {
         const f = (s = this.telInput.form) == null ? void 0 : s.querySelector(
           `input[name="${u.country}"]`
         );
-        f ? this.hiddenInputCountry = f : (this.hiddenInputCountry = L("input", {
+        f ? this.hiddenInputCountry = f : (this.hiddenInputCountry = T("input", {
           type: "hidden",
           name: u.country
         }), e.appendChild(this.hiddenInputCountry));
@@ -2314,19 +2314,18 @@ class h2 {
     const e = document.createDocumentFragment();
     for (let $ = 0; $ < this.countries.length; $++) {
       const i = this.countries[$], s = R1({
-        [N.COUNTRY_ITEM]: !0,
-        [N.HIGHLIGHT]: $ === 0
-      }), a = L("li", {
+        [N.COUNTRY_ITEM]: !0
+      }), a = T("li", {
         id: `iti-${this.id}__item-${i.iso2}`,
         class: s,
         tabindex: "-1",
         role: "option",
         [b.SELECTED]: "false"
       });
-      a.dataset.dialCode = i.dialCode, a.dataset.countryCode = i.iso2, i.nodeById[this.id] = a, this.options.showFlags && L("div", { class: `${N.FLAG} iti__${i.iso2}` }, a);
-      const u = L("span", { class: "iti__country-name" }, a);
+      a.dataset.dialCode = i.dialCode, a.dataset.countryCode = i.iso2, i.nodeById[this.id] = a, this.options.showFlags && T("div", { class: `${N.FLAG} iti__${i.iso2}` }, a);
+      const u = T("span", { class: "iti__country-name" }, a);
       u.textContent = i.name;
-      const f = L("span", { class: "iti__dial-code" }, a);
+      const f = T("span", { class: "iti__dial-code" }, a);
       this.isRTL && f.setAttribute("dir", "ltr"), f.textContent = `+${i.dialCode}`, e.appendChild(a);
     }
     this.countryList.appendChild(e);
@@ -2380,19 +2379,27 @@ class h2 {
     if (C < a)
       $.scrollTop = _;
     else if (y > u) {
-      const T = s - f;
-      $.scrollTop = _ - T;
+      const E = s - f;
+      $.scrollTop = _ - E;
     }
   }
-  //* Remove highlighting from other list items and highlight the given item.
+  //* Remove highlighting from the previous list item and highlight the new one.
   highlightListItem(e, $) {
     const i = this.highlightedItem;
-    if (i && (i.classList.remove(N.HIGHLIGHT), i.setAttribute(b.SELECTED, "false")), this.highlightedItem = e, this.highlightedItem && (this.highlightedItem.classList.add(N.HIGHLIGHT), this.highlightedItem.setAttribute(b.SELECTED, "true"), this.options.countrySearch)) {
+    if (i && i.classList.remove(N.HIGHLIGHT), this.highlightedItem = e, this.highlightedItem && (this.highlightedItem.classList.add(N.HIGHLIGHT), this.options.countrySearch)) {
       const s = this.highlightedItem.getAttribute("id") || "";
       this.searchInput.setAttribute(b.ACTIVE_DESCENDANT, s);
     }
     $ && this.highlightedItem.focus();
   }
+  updateSelectedItem(e) {
+    if (this.selectedItem && this.selectedItem.dataset.countryCode !== e && (this.selectedItem.setAttribute(b.SELECTED, "false"), this.selectedItem = null), e && !this.selectedItem) {
+      const $ = this.countryList.querySelector(
+        `[data-country-code="${e}"]`
+      );
+      $ && ($.setAttribute(b.SELECTED, "true"), this.selectedItem = $);
+    }
+  }
   //* Country search: Filter the country list to the given array of countries.
   filterCountries(e) {
     this.countryList.innerHTML = "";
@@ -2406,7 +2413,7 @@ class h2 {
   destroy() {
     this.telInput.iti = void 0, delete this.telInput.dataset.intlTelInputId, this.options.separateDialCode && (this.telInput.style.paddingLeft = this.originalPaddingLeft);
     const e = this.telInput.parentNode;
-    e.before(this.telInput), e.remove(), this.telInput = null, this.countryContainer = null, this.selectedCountry = null, this.selectedCountryInner = null, this.selectedDialCode = null, this.dropdownArrow = null, this.dropdownContent = null, this.searchInput = null, this.searchIcon = null, this.searchClearButton = null, this.searchNoResults = null, this.searchResultsA11yText = null, this.countryList = null, this.dropdown = null, this.hiddenInput = null, this.hiddenInputCountry = null, this.highlightedItem = null;
+    e.before(this.telInput), e.remove(), this.telInput = null, this.countryContainer = null, this.selectedCountry = null, this.selectedCountryInner = null, this.selectedDialCode = null, this.dropdownArrow = null, this.dropdownContent = null, this.searchInput = null, this.searchIcon = null, this.searchClearButton = null, this.searchNoResults = null, this.searchResultsA11yText = null, this.countryList = null, this.dropdown = null, this.hiddenInput = null, this.hiddenInputCountry = null, this.highlightedItem = null, this.selectedItem = null;
     for (const $ of this.countries)
       delete $.nodeById[this.id];
     this.countries = null;
@@ -2435,42 +2442,34 @@ const f2 = (h) => {
     const i = $.iso2.toLowerCase();
     e.i18n[i] && ($.name = e.i18n[i]);
   }
-}, C2 = (h, e) => {
-  const $ = /* @__PURE__ */ new Set();
-  let i = 0;
-  const s = {}, a = (u, f, C) => {
+}, C2 = (h) => {
+  const e = /* @__PURE__ */ new Set();
+  let $ = 0;
+  const i = {}, s = (u, f) => {
     if (!u || !f)
       return;
-    f.length > i && (i = f.length), s.hasOwnProperty(f) || (s[f] = []);
-    const y = s[f];
-    if (y.includes(u))
-      return;
-    const _ = C !== void 0 ? C : y.length;
-    y[_] = u;
-  };
-  for (const u of h) {
-    $.has(u.dialCode) || $.add(u.dialCode);
+    f.length > $ && ($ = f.length), i.hasOwnProperty(f) || (i[f] = []);
+    const C = i[f];
+    C.includes(u) || C.push(u);
+  }, a = [...h].sort((u, f) => u.priority - f.priority);
+  for (const u of a) {
+    e.has(u.dialCode) || e.add(u.dialCode);
     for (let f = 1; f < u.dialCode.length; f++) {
       const C = u.dialCode.substring(0, f);
-      a(u.iso2, C);
+      s(u.iso2, C);
     }
-    a(u.iso2, u.dialCode, u.priority);
-  }
-  (e.onlyCountries.length || e.excludeCountries.length) && $.forEach((u) => {
-    s[u] = s[u].filter(Boolean);
-  });
-  for (const u of h)
-    if (u.areaCodes) {
-      const f = s[u.dialCode][0];
+    if (s(u.iso2, u.dialCode), u.areaCodes) {
+      const f = i[u.dialCode][0];
       for (const C of u.areaCodes) {
         for (let y = 1; y < C.length; y++) {
-          const _ = C.substring(0, y), T = u.dialCode + _;
-          a(f, T), a(u.iso2, T);
+          const _ = C.substring(0, y), E = u.dialCode + _;
+          s(f, E), s(u.iso2, E);
         }
-        a(u.iso2, u.dialCode + C);
+        s(u.iso2, u.dialCode + C);
       }
     }
-  return { dialCodes: $, dialCodeMaxLen: i, dialCodeToIso2Map: s };
+  }
+  return { dialCodes: e, dialCodeMaxLen: $, dialCodeToIso2Map: i };
 }, g2 = (h, e) => {
   e.countryOrder && (e.countryOrder = e.countryOrder.map(
     ($) => $.toLowerCase()
@@ -2528,22 +2527,21 @@ const f2 = (h) => {
   "889"
 ], S0 = (h) => {
   const e = N1(h);
-  if (e.startsWith(T0.NANP) && e.length >= 4) {
+  if (e.startsWith(b0.NANP) && e.length >= 4) {
     const $ = e.substring(1, 4);
     return N2.includes($);
   }
   return !1;
 };
 for (const h of t1)
-  h.name = b0[h.iso2];
+  h.name = L0[h.iso2];
 let E2 = 0;
 const S2 = new Set(t1.map((h) => h.iso2)), O1 = (h) => S2.has(h);
 class B1 {
   constructor(e, $ = {}) {
-    this.id = E2++, this.options = { ...L0, ...$ }, o2(this.options, b0), this.ui = new h2(e, this.options, this.id), this.isAndroid = B1._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = f2(this.options);
+    this.id = E2++, this.options = { ...T0, ...$ }, o2(this.options, L0), this.ui = new h2(e, this.options, this.id), this.isAndroid = B1._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = f2(this.options);
     const { dialCodes: i, dialCodeMaxLen: s, dialCodeToIso2Map: a } = C2(
-      this.countries,
-      this.options
+      this.countries
     );
     this.dialCodes = i, this.dialCodeMaxLen = s, this.dialCodeToIso2Map = a, this.countryByIso2 = new Map(this.countries.map((u) => [u.iso2, u])), this._init();
   }
@@ -2598,10 +2596,10 @@ class B1 {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(e = !1) {
-    const $ = this.ui.telInput.getAttribute("value"), i = this._normaliseNumerals($), s = this._getTelInputValue(), u = i && i.startsWith("+") && (!s || !s.startsWith("+")) ? i : s, f = this._getDialCode(u), C = S0(u), { initialCountry: y, geoIpLookup: _ } = this.options, T = y === P1.AUTO && _;
+    const $ = this.ui.telInput.getAttribute("value"), i = this._normaliseNumerals($), s = this._getTelInputValue(), u = i && i.startsWith("+") && (!s || !s.startsWith("+")) ? i : s, f = this._getDialCode(u), C = S0(u), { initialCountry: y, geoIpLookup: _ } = this.options, E = y === P1.AUTO && _;
     if (f && !C)
       this._updateCountryFromNumber(u);
-    else if (!T || e) {
+    else if (!E || e) {
       const B = y ? y.toLowerCase() : "";
       O1(B) ? this._setCountry(B) : f && C ? this._setCountry(s2.ISO2) : this._setCountry("");
     }
@@ -2710,10 +2708,10 @@ class B1 {
         return;
       }
       this._updateCountryFromNumber(y) && this._triggerCountryChange();
-      const _ = (C == null ? void 0 : C.data) && d1.NON_PLUS_NUMERIC.test(C.data), T = (C == null ? void 0 : C.inputType) === _0.PASTE && y;
-      _ || T && !e ? u = !0 : d1.NON_PLUS_NUMERIC.test(y) || (u = !1);
-      const B = (C == null ? void 0 : C.detail) && C.detail.isSetNumber, E = this.userNumeralSet === "ascii";
-      if ($ && !u && !B && E) {
+      const _ = (C == null ? void 0 : C.data) && d1.NON_PLUS_NUMERIC.test(C.data), E = (C == null ? void 0 : C.inputType) === _0.PASTE && y;
+      _ || E && !e ? u = !0 : d1.NON_PLUS_NUMERIC.test(y) || (u = !1);
+      const B = (C == null ? void 0 : C.detail) && C.detail.isSetNumber, S = this.userNumeralSet === "ascii";
+      if ($ && !u && !B && S) {
         const w = this.ui.telInput.selectionStart || 0, k = y.substring(
           0,
           w
@@ -2753,7 +2751,7 @@ class B1 {
             return;
           }
           if (e) {
-            const f = this._getTelInputValue(), y = !f.startsWith("+") && this.ui.telInput.selectionStart === 0 && u.key === "+", _ = this._normaliseNumerals(u.key), T = /^[0-9]$/.test(_), B = $ ? T : y || T, E = this.ui.telInput, w = E.selectionStart, H = E.selectionEnd, k = f.slice(0, w), W = f.slice(H), D = k + u.key + W, K = this._getFullNumber(D), V = m.utils.getCoreNumber(
+            const f = this._getTelInputValue(), y = !f.startsWith("+") && this.ui.telInput.selectionStart === 0 && u.key === "+", _ = this._normaliseNumerals(u.key), E = /^[0-9]$/.test(_), B = $ ? E : y || E, S = this.ui.telInput, w = S.selectionStart, H = S.selectionEnd, k = f.slice(0, w), W = f.slice(H), D = k + u.key + W, K = this._getFullNumber(D), V = m.utils.getCoreNumber(
               K,
               this.selectedCountryData.iso2
             ), $1 = this.maxCoreNumberLength && V.length > this.maxCoreNumberLength, a1 = this._getNewCountryFromNumber(K) !== null;
@@ -2770,7 +2768,7 @@ class B1 {
     if (this.options.strictMode) {
       const e = ($) => {
         $.preventDefault();
-        const i = this.ui.telInput, s = i.selectionStart, a = i.selectionEnd, u = this._getTelInputValue(), f = u.slice(0, s), C = u.slice(a), y = this.selectedCountryData.iso2, _ = $.clipboardData.getData("text"), T = this._normaliseNumerals(_), B = s === 0 && a > 0, E = !u.startsWith("+") || B, w = T.replace(d1.NON_PLUS_NUMERIC_GLOBAL, ""), H = w.startsWith("+"), k = w.replace(/\+/g, ""), W = H && E ? `+${k}` : k;
+        const i = this.ui.telInput, s = i.selectionStart, a = i.selectionEnd, u = this._getTelInputValue(), f = u.slice(0, s), C = u.slice(a), y = this.selectedCountryData.iso2, _ = $.clipboardData.getData("text"), E = this._normaliseNumerals(_), B = s === 0 && a > 0, S = !u.startsWith("+") || B, w = E.replace(d1.NON_PLUS_NUMERIC_GLOBAL, ""), H = w.startsWith("+"), k = w.replace(/\+/g, ""), W = H && S ? `+${k}` : k;
         let D = f + W + C;
         if (D.length > 5) {
           let V = m.utils.getCoreNumber(D, y);
@@ -2988,18 +2986,18 @@ class B1 {
         return y[0] === s ? null : y[0];
       if (!s && this.defaultCountry && y.includes(this.defaultCountry))
         return this.defaultCountry;
-      if (a === T0.NANP && S0(f))
+      if (a === b0.NANP && S0(f))
         return null;
-      const { areaCodes: T, priority: B } = this.selectedCountryData;
-      if (T) {
-        const W = T.map(
+      const { areaCodes: E, priority: B } = this.selectedCountryData;
+      if (E) {
+        const W = E.map(
           (D) => `${a}${D}`
         );
         for (const D of W)
           if (f.startsWith(D))
             return null;
       }
-      const w = T && !(B === 0) && f.length > C.length, H = s && y.includes(s) && !w, k = s === y[0];
+      const w = E && !(B === 0) && f.length > C.length, H = s && y.includes(s) && !w, k = s === y[0];
       if (!H && !k)
         return y[0];
     } else if (i.startsWith("+") && f.length) {
@@ -3009,25 +3007,25 @@ class B1 {
       return this.defaultCountry;
     return null;
   }
-  //* Update the selected country, dial code (if separateDialCode), placeholder, title, and active list item.
+  //* Update the selected country, dial code (if separateDialCode), placeholder, title, and selected list item.
   //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
   _setCountry(e) {
-    const { separateDialCode: $, showFlags: i, i18n: s } = this.options, a = this.selectedCountryData.iso2 || "";
-    if (this.selectedCountryData = e ? this.countryByIso2.get(e) : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.ui.selectedCountry) {
-      const u = e && i ? `${N.FLAG} iti__${e}` : `${N.FLAG} ${N.GLOBE}`;
-      let f, C;
+    const { separateDialCode: $, showFlags: i, i18n: s, allowDropdown: a } = this.options, u = this.selectedCountryData.iso2 || "";
+    if (a && this.ui.updateSelectedItem(e), this.selectedCountryData = e ? this.countryByIso2.get(e) : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.ui.selectedCountry) {
+      const f = e && i ? `${N.FLAG} iti__${e}` : `${N.FLAG} ${N.GLOBE}`;
+      let C, y;
       if (e) {
-        const { name: y, dialCode: _ } = this.selectedCountryData;
-        C = y, f = s.selectedCountryAriaLabel.replace("${countryName}", y).replace("${dialCode}", `+${_}`);
+        const { name: _, dialCode: E } = this.selectedCountryData;
+        y = _, C = s.selectedCountryAriaLabel.replace("${countryName}", _).replace("${dialCode}", `+${E}`);
       } else
-        C = s.noCountrySelected, f = s.noCountrySelected;
-      this.ui.selectedCountryInner.className = u, this.ui.selectedCountry.setAttribute("title", C), this.ui.selectedCountry.setAttribute(b.LABEL, f);
+        y = s.noCountrySelected, C = s.noCountrySelected;
+      this.ui.selectedCountryInner.className = f, this.ui.selectedCountry.setAttribute("title", y), this.ui.selectedCountry.setAttribute(b.LABEL, C);
     }
     if ($) {
-      const u = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.ui.selectedDialCode.textContent = u, this.ui.updateInputPadding();
+      const f = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.ui.selectedDialCode.textContent = f, this.ui.updateInputPadding();
     }
-    return this._updatePlaceholder(), this._updateMaxLength(), a !== e;
+    return this._updatePlaceholder(), this._updateMaxLength(), u !== e;
   }
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
@@ -3083,7 +3081,7 @@ class B1 {
   }
   //* Close the dropdown and unbind any listeners.
   _closeDropdown() {
-    this.ui.dropdownContent.classList.contains(N.HIDE) || (this.ui.dropdownContent.classList.add(N.HIDE), this.ui.selectedCountry.setAttribute(b.EXPANDED, "false"), this.ui.highlightedItem && this.ui.highlightedItem.setAttribute(b.SELECTED, "false"), this.options.countrySearch && this.ui.searchInput.removeAttribute(b.ACTIVE_DESCENDANT), this.ui.dropdownArrow.classList.remove(N.ARROW_UP), this.dropdownAbortController.abort(), this.dropdownAbortController = null, this.options.dropdownContainer && this.ui.dropdown.remove(), this._trigger(_1.CLOSE_COUNTRY_DROPDOWN));
+    this.ui.dropdownContent.classList.contains(N.HIDE) || (this.ui.dropdownContent.classList.add(N.HIDE), this.ui.selectedCountry.setAttribute(b.EXPANDED, "false"), this.options.countrySearch && (this.ui.searchInput.removeAttribute(b.ACTIVE_DESCENDANT), this.ui.highlightedItem && (this.ui.highlightedItem.classList.remove(N.HIGHLIGHT), this.ui.highlightedItem = null)), this.ui.dropdownArrow.classList.remove(N.ARROW_UP), this.dropdownAbortController.abort(), this.dropdownAbortController = null, this.options.dropdownContainer && this.ui.dropdown.remove(), this._trigger(_1.CLOSE_COUNTRY_DROPDOWN));
   }
   //* Replace any existing dial code with the new one
   //* Note: called from _selectListItem and setCountry
@@ -3266,7 +3264,7 @@ class B1 {
     this.ui.telInput.disabled = e, e ? this.ui.selectedCountry.setAttribute("disabled", "true") : this.ui.selectedCountry.removeAttribute("disabled");
   }
 }
-const b2 = (h) => {
+const L2 = (h) => {
   if (!m.utils && !m.startedLoadingUtilsScript) {
     let e;
     if (typeof h == "function")
@@ -3304,7 +3302,7 @@ const b2 = (h) => {
     return m.instances[$.id] = $, h.iti = $, $;
   },
   {
-    defaults: L0,
+    defaults: T0,
     //* Using a static var like this allows us to mock it in the tests.
     documentReady: () => document.readyState === "complete",
     //* Get the country data object.
@@ -3316,10 +3314,10 @@ const b2 = (h) => {
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: b2,
+    attachUtils: L2,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.13.0"
+    version: "25.13.2"
   }
 );
 (function() {
@@ -3375,7 +3373,7 @@ const b2 = (h) => {
   }
   new y();
   const _ = {};
-  class T {
+  class E {
     constructor() {
       var t = h.trustedTypes && h.trustedTypes.emptyHTML || "";
       if (_ !== _) throw Error("SafeHtml is not meant to be built directly");
@@ -3385,7 +3383,7 @@ const b2 = (h) => {
       return this.g.toString();
     }
   }
-  new T();
+  new E();
   function B(d, t) {
     switch (this.g = d, this.l = !!t.aa, this.h = t.i, this.s = t.type, this.o = !1, this.h) {
       case H:
@@ -3394,12 +3392,12 @@ const b2 = (h) => {
       case D:
       case K:
       case w:
-      case E:
+      case S:
         this.o = !0;
     }
     this.j = t.defaultValue;
   }
-  var E = 1, w = 2, H = 3, k = 4, W = 6, D = 16, K = 18;
+  var S = 1, w = 2, H = 3, k = 4, W = 6, D = 16, K = 18;
   function V(d, t) {
     for (this.h = d, this.g = {}, d = 0; d < t.length; d++) {
       var n = t[d];
@@ -3463,7 +3461,7 @@ const b2 = (h) => {
     var r = c1(d, t);
     return d.j[t].l ? r[n || 0] : r;
   }
-  function S(d, t) {
+  function L(d, t) {
     if (U(d, t)) d = g(d, t);
     else d: {
       if (d = d.j[t], d.j === void 0) if (t = d.s, t === Boolean) d.j = !1;
@@ -9011,15 +9009,15 @@ const b2 = (h) => {
   }
   M.prototype.format = function(d, t) {
     if (g(d, 2) == 0 && U(d, 5)) {
-      var n = S(d, 5);
+      var n = L(d, 5);
       if (0 < n.length) return n;
     }
-    n = S(d, 1);
+    n = L(d, 1);
     var r = o1(d);
     if (t == 0) return Q1(n, 0, r, "");
     if (!(n in i1)) return r;
     var o = r1(this, n, u1(n));
-    d = U(d, 3) && g(d, 3).length != 0 ? t == 3 ? ";ext=" + g(d, 3) : U(o, 13) ? g(o, 13) + S(d, 3) : " ext. " + S(d, 3) : "";
+    d = U(d, 3) && g(d, 3).length != 0 ? t == 3 ? ";ext=" + g(d, 3) : U(o, 13) ? g(o, 13) + L(d, 3) : " ext. " + L(d, 3) : "";
     d: {
       o = O(o, 20).length == 0 || t == 2 ? O(o, 19) : O(o, 20);
       for (var l, c = o.length, p = 0; p < c; ++p) {
@@ -9032,10 +9030,10 @@ const b2 = (h) => {
       }
       o = null;
     }
-    return o != null && (c = o, o = S(c, 2), l = new RegExp(g(c, 1)), S(
+    return o != null && (c = o, o = L(c, 2), l = new RegExp(g(c, 1)), L(
       c,
       5
-    ), c = S(c, 4), r = t == 2 && c != null && 0 < c.length ? r.replace(l, o.replace(k0, c)) : r.replace(l, o), t == 3 && (r = r.replace(RegExp("^[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+"), ""), r = r.replace(RegExp("[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+", "g"), "-"))), Q1(n, t, r, d);
+    ), c = L(c, 4), r = t == 2 && c != null && 0 < c.length ? r.replace(l, o.replace(k0, c)) : r.replace(l, o), t == 3 && (r = r.replace(RegExp("^[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+"), ""), r = r.replace(RegExp("[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+", "g"), "-"))), Q1(n, t, r, d);
   };
   function r1(d, t, n) {
     return n == "001" ? J(d, "" + t) : J(d, n);
@@ -9043,7 +9041,7 @@ const b2 = (h) => {
   function o1(d) {
     if (!U(d, 2)) return "";
     var t = "" + g(d, 2);
-    return U(d, 4) && g(d, 4) && 0 < S(d, 8) ? Array(S(d, 8) + 1).join("0") + t : t;
+    return U(d, 4) && g(d, 4) && 0 < L(d, 8) ? Array(L(d, 8) + 1).join("0") + t : t;
   }
   function Q1(d, t, n, r) {
     switch (t) {
@@ -9086,9 +9084,9 @@ const b2 = (h) => {
   }
   function d0(d, t) {
     var n = t0(d, t);
-    return d = r1(d, S(t, 1), n), d == null ? -1 : (t = o1(t), b1(t, d));
+    return d = r1(d, L(t, 1), n), d == null ? -1 : (t = o1(t), L1(t, d));
   }
-  function b1(d, t) {
+  function L1(d, t) {
     return F(d, g(t, 1)) ? F(d, g(t, 5)) ? 4 : F(d, g(t, 4)) ? 3 : F(d, g(t, 6)) ? 5 : F(d, g(t, 8)) ? 6 : F(d, g(t, 7)) ? 7 : F(d, g(t, 21)) ? 8 : F(d, g(t, 25)) ? 9 : F(d, g(t, 28)) ? 10 : F(d, g(t, 2)) ? g(t, 18) || F(d, g(t, 3)) ? 2 : 0 : !g(t, 18) && F(d, g(t, 3)) ? 1 : -1 : -1;
   }
   function J(d, t) {
@@ -9103,15 +9101,15 @@ const b2 = (h) => {
   }
   function F(d, t) {
     var n = d.length;
-    return 0 < z(t, 9) && O(t, 9).indexOf(n) == -1 ? !1 : j(S(t, 2), d);
+    return 0 < z(t, 9) && O(t, 9).indexOf(n) == -1 ? !1 : j(L(t, 2), d);
   }
   function F0(d, t) {
-    var n = t0(d, t), r = S(t, 1), o = r1(d, r, n);
-    return o == null || n != "001" && r != e0(d, n) ? o = !1 : (d = o1(t), o = b1(d, o) != -1), o;
+    var n = t0(d, t), r = L(t, 1), o = r1(d, r, n);
+    return o == null || n != "001" && r != e0(d, n) ? o = !1 : (d = o1(t), o = L1(d, o) != -1), o;
   }
   function t0(d, t) {
     if (t == null) return null;
-    var n = S(t, 1);
+    var n = L(t, 1);
     if (n = i1[n], n == null) d = null;
     else if (n.length == 1) d = n[0];
     else d: {
@@ -9124,7 +9122,7 @@ const b2 = (h) => {
             d = r;
             break d;
           }
-        } else if (b1(t, c) != -1) {
+        } else if (L1(t, c) != -1) {
           d = r;
           break d;
         }
@@ -9138,7 +9136,7 @@ const b2 = (h) => {
   }
   function e0(d, t) {
     if (d = J(d, t), d == null) throw Error("Invalid region code: " + t);
-    return S(d, 10);
+    return L(d, 10);
   }
   function m1(d, t, n, r) {
     var o = g1(n, r), l = z(o, 9) == 0 ? O(g(n, 1), 9) : O(o, 9);
@@ -9148,7 +9146,7 @@ const b2 = (h) => {
   }
   function y1(d, t, n) {
     var r = o1(t);
-    return t = S(t, 1), t in i1 ? (t = r1(d, t, u1(t)), m1(d, r, t, n)) : 1;
+    return t = L(t, 1), t in i1 ? (t = r1(d, t, u1(t)), m1(d, r, t, n)) : 1;
   }
   function $0(d, t) {
     if (d = d.toString(), d.length == 0 || d.charAt(0) == "0") return 0;
@@ -9176,14 +9174,14 @@ const b2 = (h) => {
       if (d = $0(t, r), d != 0) return P(l, 1, d), d;
       throw Error("Invalid country calling code");
     }
-    return n != null && (c = S(n, 10), p = "" + c, I = t.toString(), I.lastIndexOf(p, 0) == 0 && (p = new v(I.substring(p.length)), I = g(n, 1), I = new RegExp(S(I, 2)), i0(p, n, null), p = p.toString(), !j(I, t.toString()) && j(I, p) || m1(d, t.toString(), n, -1) == 3)) ? (r.g(p), o && P(l, 6, 10), P(l, 1, c), c) : (P(l, 1, 0), 0);
+    return n != null && (c = L(n, 10), p = "" + c, I = t.toString(), I.lastIndexOf(p, 0) == 0 && (p = new v(I.substring(p.length)), I = g(n, 1), I = new RegExp(L(I, 2)), i0(p, n, null), p = p.toString(), !j(I, t.toString()) && j(I, p) || m1(d, t.toString(), n, -1) == 3)) ? (r.g(p), o && P(l, 6, 10), P(l, 1, c), c) : (P(l, 1, 0), 0);
   }
   function i0(d, t, n) {
     var r = d.toString(), o = r.length, l = g(t, 15);
     if (o != 0 && l != null && l.length != 0) {
       var c = new RegExp("^(?:" + l + ")");
       if (o = c.exec(r)) {
-        l = new RegExp(S(g(t, 1), 2));
+        l = new RegExp(L(g(t, 1), 2));
         var p = j(l, r), I = o.length - 1;
         t = g(t, 16), t == null || t.length == 0 || o[I] == null || o[I].length == 0 ? (!p || j(l, r.substring(o[0].length))) && (n != null && 0 < I && o[I] != null && n.g(o[1]), d.set(r.substring(o[0].length))) : (r = r.replace(c, t), (!p || j(l, r)) && (n != null && 0 < I && n.g(o[1]), d.set(r)));
       }
@@ -9225,7 +9223,7 @@ const b2 = (h) => {
         if (I = I.replace(s1, ""), p = n0(d, I, c, t, r, l), p == 0) throw A1;
       } else throw A1;
     }
-    if (p != 0 ? (o = u1(p), o != n && (c = r1(d, p, o))) : (J1(o), t.g(o.toString()), n != null ? (p = S(c, 10), P(
+    if (p != 0 ? (o = u1(p), o != n && (c = r1(d, p, o))) : (J1(o), t.g(o.toString()), n != null ? (p = L(c, 10), P(
       l,
       1,
       p
@@ -9252,12 +9250,12 @@ const b2 = (h) => {
   }
   function l0(d) {
     for (var t = d.j.length, n = 0; n < t; ++n) {
-      var r = d.j[n], o = S(r, 1);
+      var r = d.j[n], o = L(r, 1);
       if (d.da == o) return !1;
-      var l = d, c = r, p = S(c, 1);
+      var l = d, c = r, p = L(c, 1);
       G(l.v);
       var I = l;
-      c = S(c, 2);
+      c = L(c, 2);
       var Y = "999999999999999".match(p)[0];
       if (Y.length < I.g.h.length ? I = "" : (I = Y.replace(new RegExp(p, "g"), c), I = I.replace(RegExp("9", "g"), " ")), 0 < I.length ? (l.v.g(I), l = !0) : l = !1, l) return d.da = o, d.ha = o0.test(g(r, 4)), d.$ = 0, !0;
     }
@@ -9288,17 +9286,17 @@ const b2 = (h) => {
         return d.s.toString();
       case 3:
         if (C0(d)) d.ea = !0;
-        else return d.o = p0(d), T1(d);
+        else return d.o = p0(d), b1(d);
       default:
-        return d.ea ? (g0(d) && (d.ea = !1), d.h.toString() + d.g.toString()) : 0 < d.j.length ? (t = m0(d, t), n = h0(d), 0 < n.length ? n : (a0(d, d.g.toString()), l0(d) ? f0(d) : d.u ? I1(d, t) : d.s.toString())) : T1(d);
+        return d.ea ? (g0(d) && (d.ea = !1), d.h.toString() + d.g.toString()) : 0 < d.j.length ? (t = m0(d, t), n = h0(d), 0 < n.length ? n : (a0(d, d.g.toString()), l0(d) ? f0(d) : d.u ? I1(d, t) : d.s.toString())) : b1(d);
     }
   }
   function c0(d) {
-    return d.u = !0, d.ea = !1, d.j = [], d.$ = 0, G(d.v), d.da = "", T1(d);
+    return d.u = !0, d.ea = !1, d.j = [], d.$ = 0, G(d.v), d.da = "", b1(d);
   }
   function h0(d) {
     for (var t = d.g.toString(), n = d.j.length, r = 0; r < n; ++r) {
-      var o = d.j[r], l = S(o, 1);
+      var o = d.j[r], l = L(o, 1);
       if (new RegExp("^(?:" + l + ")$").test(t) && (d.ha = o0.test(g(o, 4)), o = t.replace(new RegExp(l, "g"), g(o, 2)), o = I1(d, o), p1(o, v0) == d.ba)) return o;
     }
     return "";
@@ -9307,12 +9305,12 @@ const b2 = (h) => {
     var n = d.h.h.length;
     return d.ha && 0 < n && d.h.toString().charAt(n - 1) != " " ? d.h + " " + t : d.h + t;
   }
-  function T1(d) {
+  function b1(d) {
     var t = d.g.toString();
     if (3 <= t.length) {
       for (var n = d.ca && d.o.length == 0 && 0 < z(d.l, 20) ? O(d.l, 20) : O(d.l, 19), r = n.length, o = 0; o < r; ++o) {
         var l = n[o];
-        0 < d.o.length && q1(S(l, 4)) && !g(l, 6) && !U(l, 5) || (d.o.length != 0 || d.ca || q1(S(l, 4)) || g(l, 6)) && K0.test(S(l, 2)) && d.j.push(l);
+        0 < d.o.length && q1(L(l, 4)) && !g(l, 6) && !U(l, 5) || (d.o.length != 0 || d.ca || q1(L(l, 4)) || g(l, 6)) && K0.test(L(l, 2)) && d.j.push(l);
       }
       return a0(d, t), t = h0(d), 0 < t.length ? t : l0(d) ? f0(d) : d.s.toString();
     }
@@ -9352,7 +9350,7 @@ const b2 = (h) => {
   const y0 = (d) => {
     const t = [];
     return d.includes("FIXED_LINE_OR_MOBILE") ? (d.includes("MOBILE") || t.push("MOBILE"), d.includes("FIXED_LINE") || t.push("FIXED_LINE")) : (d.includes("MOBILE") || d.includes("FIXED_LINE")) && t.push("FIXED_LINE_OR_MOBILE"), d.concat(t);
-  }, L1 = { FIXED_LINE: 0, MOBILE: 1, FIXED_LINE_OR_MOBILE: 2, TOLL_FREE: 3, PREMIUM_RATE: 4, SHARED_COST: 5, VOIP: 6, PERSONAL_NUMBER: 7, PAGER: 8, UAN: 9, VOICEMAIL: 10, UNKNOWN: -1 };
+  }, T1 = { FIXED_LINE: 0, MOBILE: 1, FIXED_LINE_OR_MOBILE: 2, TOLL_FREE: 3, PREMIUM_RATE: 4, SHARED_COST: 5, VOIP: 6, PERSONAL_NUMBER: 7, PAGER: 8, UAN: 9, VOICEMAIL: 10, UNKNOWN: -1 };
   e("intlTelInputUtilsTemp", {}), e("intlTelInputUtilsTemp.formatNumberAsYouType", (d, t) => {
     try {
       const n = d.replace(/[^+0-9]/g, ""), r = new W0(t);
@@ -9416,7 +9414,7 @@ const b2 = (h) => {
     try {
       const r = M.g(), o = Q(r, d, t), l = F0(r, o);
       if (n) {
-        const c = y0(n).map((p) => L1[p]);
+        const c = y0(n).map((p) => T1[p]);
         return l && c.includes(d0(r, o));
       }
       return l;
@@ -9428,7 +9426,7 @@ const b2 = (h) => {
       const r = M.g(), o = Q(r, d, t);
       if (n) {
         const l = y0(n);
-        for (let c of l) if (y1(r, o, L1[c]) === 0) return !0;
+        for (let c of l) if (y1(r, o, T1[c]) === 0) return !0;
         return !1;
       }
       return y1(r, o, -1) === 0;
@@ -9441,11 +9439,11 @@ const b2 = (h) => {
     } catch {
       return "";
     }
-  }), e("intlTelInputUtilsTemp.numberFormat", { E164: 0, INTERNATIONAL: 1, NATIONAL: 2, RFC3966: 3 }), e("intlTelInputUtilsTemp.numberType", L1), e("intlTelInputUtilsTemp.validationError", { IS_POSSIBLE: 0, INVALID_COUNTRY_CODE: 1, TOO_SHORT: 2, TOO_LONG: 3, IS_POSSIBLE_LOCAL_ONLY: 4, INVALID_LENGTH: 5 });
+  }), e("intlTelInputUtilsTemp.numberFormat", { E164: 0, INTERNATIONAL: 1, NATIONAL: 2, RFC3966: 3 }), e("intlTelInputUtilsTemp.numberType", T1), e("intlTelInputUtilsTemp.validationError", { IS_POSSIBLE: 0, INVALID_COUNTRY_CODE: 1, TOO_SHORT: 2, TOO_LONG: 3, IS_POSSIBLE_LOCAL_ONLY: 4, INVALID_LENGTH: 5 });
 })();
-const w0 = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : void 0, T2 = w0.intlTelInputUtilsTemp;
+const w0 = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : void 0, b2 = w0.intlTelInputUtilsTemp;
 delete w0.intlTelInputUtilsTemp;
-m.utils = T2;
+m.utils = b2;
 const A2 = {
   __name: "IntlTelInputWithUtils",
   props: /* @__PURE__ */ I0({
@@ -9480,36 +9478,36 @@ const A2 = {
   ], ["update:modelValue"]),
   setup(h, { expose: e, emit: $ }) {
     const i = Y0(h, "modelValue"), s = h, a = $, u = w1(), f = w1(), C = w1(!1), y = () => f.value ? s.options.strictMode ? f.value.isValidNumberPrecise() : f.value.isValidNumber() : null, _ = () => {
-      let E = y();
-      C.value !== E && (C.value = E, a("changeValidity", !!E), a(
+      let S = y();
+      C.value !== S && (C.value = S, a("changeValidity", !!S), a(
         "changeErrorCode",
-        E ? null : f.value.getValidationError()
+        S ? null : f.value.getValidationError()
       ));
-    }, T = () => {
-      var E;
-      a("changeNumber", ((E = f.value) == null ? void 0 : E.getNumber()) ?? ""), _();
+    }, E = () => {
+      var S;
+      a("changeNumber", ((S = f.value) == null ? void 0 : S.getNumber()) ?? ""), _();
     }, B = () => {
-      var E;
-      a("changeCountry", ((E = f.value) == null ? void 0 : E.getSelectedCountryData().iso2) ?? ""), T(), _();
+      var S;
+      a("changeCountry", ((S = f.value) == null ? void 0 : S.getSelectedCountryData().iso2) ?? ""), E(), _();
     };
     return z0(() => {
       u.value && (f.value = m(u.value, s.options), s.value && f.value.setNumber(s.value), s.disabled && f.value.setDisabled(s.disabled), C.value = y());
     }), Z0(
       () => s.disabled,
-      (E) => {
+      (S) => {
         var w;
-        return (w = f.value) == null ? void 0 : w.setDisabled(E);
+        return (w = f.value) == null ? void 0 : w.setDisabled(S);
       }
     ), J0(() => {
-      var E;
-      return (E = f.value) == null ? void 0 : E.destroy();
-    }), e({ instance: f, input: u }), (E, w) => X0((Q0(), q0("input", d2({
+      var S;
+      return (S = f.value) == null ? void 0 : S.destroy();
+    }), e({ instance: f, input: u }), (S, w) => X0((Q0(), q0("input", d2({
       ref_key: "input",
       ref: u,
       "onUpdate:modelValue": w[0] || (w[0] = (H) => i.value = H),
       type: "tel",
       onCountrychange: B,
-      onInput: T
+      onInput: E
     }, h.inputProps), null, 16)), [
       [
         t2,