intl-tel-input 25.13.1 → 25.13.3

package/vue/build/IntlTelInput.mjs

@@ -1950,7 +1950,7 @@ const lt = {
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, j = { ...lt, ...at }, S = {
+}, j = { ...lt, ...at }, T = {
   OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
   CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
   COUNTRY_CHANGE: "countrychange",
@@ -1974,7 +1974,7 @@ const lt = {
 }, F = {
   PASTE: "insertFromPaste",
   DELETE_FWD: "deleteContentForward"
-}, L = {
+}, E = {
   ALPHA_UNICODE: new RegExp("\\p{L}", "u"),
   // any kind of letter from any language
   NON_PLUS_NUMERIC: /[^+0-9]/,
@@ -2015,7 +2015,7 @@ const lt = {
 }, G = {
   COUNTRY_CODE: "countryCode",
   DIAL_CODE: "dialCode"
-}, p = {
+}, m = {
   EXPANDED: "aria-expanded",
   LABEL: "aria-label",
   SELECTED: "aria-selected",
@@ -2086,11 +2086,11 @@ const lt = {
   validationNumberTypes: ["MOBILE"]
 }, ht = (l, t) => {
   l.useFullscreenPopup && (l.fixDropdownWidth = !1), l.onlyCountries.length === 1 && (l.initialCountry = l.onlyCountries[0]), l.separateDialCode && (l.nationalMode = !1), l.allowDropdown && !l.showFlags && !l.separateDialCode && (l.nationalMode = !1), l.useFullscreenPopup && !l.dropdownContainer && (l.dropdownContainer = document.body), l.i18n = { ...t, ...l.i18n };
-}, P = (l) => l.replace(/\D/g, ""), q = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), pt = (l, t) => {
+}, v = (l) => l.replace(/\D/g, ""), q = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), pt = (l, t) => {
   const e = q(t), i = [], s = [], o = [], n = [], r = [], a = [];
   for (const c of l)
     c.iso2 === e ? i.push(c) : c.normalisedName.startsWith(e) ? s.push(c) : c.normalisedName.includes(e) ? o.push(c) : e === c.dialCode || e === c.dialCodePlus ? n.push(c) : c.dialCodePlus.includes(e) ? r.push(c) : c.initials.includes(e) && a.push(c);
-  const d = (c, f) => c.priority - f.priority;
+  const d = (c, p) => c.priority - p.priority;
   return [
     ...i.sort(d),
     ...s.sort(d),
@@ -2105,19 +2105,19 @@ const lt = {
     if (i.name.toLowerCase().startsWith(e))
       return i;
   return null;
-}, U = (l) => Object.keys(l).filter((t) => !!l[t]).join(" "), m = (l, t, e) => {
+}, U = (l) => Object.keys(l).filter((t) => !!l[t]).join(" "), f = (l, t, e) => {
   const i = document.createElement(l);
   return t && Object.entries(t).forEach(
     ([s, o]) => i.setAttribute(s, o)
   ), e && e.appendChild(i), i;
 }, mt = () => `
-  <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${p.HIDDEN}="true">
+  <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${m.HIDDEN}="true">
     <circle cx="11" cy="11" r="7" />
     <line x1="21" y1="21" x2="16.65" y2="16.65" />
   </svg>`, ft = (l) => {
   const t = `iti-${l}-clear-mask`;
   return `
-    <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${p.HIDDEN}="true" focusable="false">
+    <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${m.HIDDEN}="true" focusable="false">
       <mask id="${t}" 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" />
@@ -2127,7 +2127,7 @@ const lt = {
 };
 class yt {
   constructor(t, e, i) {
-    this.highlightedItem = null, t.dataset.intlTelInputId = i.toString(), this.telInput = t, this.options = e, this.id = i, this.hadInitialPlaceholder = !!t.getAttribute("placeholder"), this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.originalPaddingLeft = this.telInput.style.paddingLeft);
+    this.highlightedItem = null, this.selectedItem = null, t.dataset.intlTelInputId = i.toString(), this.telInput = t, this.options = e, this.id = i, this.hadInitialPlaceholder = !!t.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(t) {
@@ -2146,47 +2146,47 @@ class yt {
       "iti--show-flags": e,
       "iti--inline-dropdown": !s,
       [i]: !!i
-    }), n = m("div", { class: o });
+    }), n = f("div", { class: o });
     return this.isRTL && n.setAttribute("dir", "ltr"), this.telInput.before(n), n;
   }
   _maybeBuildCountryContainer(t) {
     const { allowDropdown: e, separateDialCode: i, showFlags: s } = this.options;
     if (e || s || i) {
-      this.countryContainer = m(
+      this.countryContainer = f(
         "div",
         // visibly hidden until we measure it's width to set the input padding correctly
         { class: `iti__country-container ${h.V_HIDE}` },
         t
-      ), e ? (this.selectedCountry = m(
+      ), e ? (this.selectedCountry = f(
         "button",
         {
           type: "button",
           class: "iti__selected-country",
-          [p.EXPANDED]: "false",
-          [p.LABEL]: this.options.i18n.noCountrySelected,
-          [p.HASPOPUP]: "dialog",
-          [p.CONTROLS]: `iti-${this.id}__dropdown-content`
+          [m.EXPANDED]: "false",
+          [m.LABEL]: this.options.i18n.noCountrySelected,
+          [m.HASPOPUP]: "dialog",
+          [m.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 = f(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const o = m(
+      const o = f(
         "div",
         { class: "iti__selected-country-primary" },
         this.selectedCountry
       );
-      this.selectedCountryInner = m(
+      this.selectedCountryInner = f(
         "div",
         { class: h.FLAG },
         o
-      ), e && (this.dropdownArrow = m(
+      ), e && (this.dropdownArrow = f(
         "div",
-        { class: "iti__arrow", [p.HIDDEN]: "true" },
+        { class: "iti__arrow", [m.HIDDEN]: "true" },
         o
-      )), i && (this.selectedDialCode = m(
+      )), i && (this.selectedDialCode = f(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
@@ -2202,18 +2202,18 @@ class yt {
       dropdownContainer: o,
       containerClass: n
     } = this.options, r = t ? "" : "iti--flexible-dropdown-width";
-    if (this.dropdownContent = m("div", {
+    if (this.dropdownContent = f("div", {
       id: `iti-${this.id}__dropdown-content`,
       class: `iti__dropdown-content ${h.HIDE} ${r}`,
       role: "dialog",
-      [p.MODAL]: "true"
-    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = m(
+      [m.MODAL]: "true"
+    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = f(
       "ul",
       {
         class: "iti__country-list",
         id: `iti-${this.id}__country-listbox`,
         role: "listbox",
-        [p.LABEL]: s.countryListAriaLabel
+        [m.LABEL]: s.countryListAriaLabel
       },
       this.dropdownContent
     ), this._appendListItems(), i && this.updateSearchResultsA11yText(), o) {
@@ -2224,24 +2224,24 @@ class yt {
         "iti--inline-dropdown": !e,
         [n]: !!n
       });
-      this.dropdown = m("div", { class: a }), this.dropdown.appendChild(this.dropdownContent);
+      this.dropdown = f("div", { class: a }), this.dropdown.appendChild(this.dropdownContent);
     } else
       this.countryContainer.appendChild(this.dropdownContent);
   }
   _buildSearchUI() {
-    const { i18n: t } = this.options, e = m(
+    const { i18n: t } = this.options, e = f(
       "div",
       { class: "iti__search-input-wrapper" },
       this.dropdownContent
     );
-    this.searchIcon = m(
+    this.searchIcon = f(
       "span",
       {
         class: "iti__search-icon",
-        [p.HIDDEN]: "true"
+        [m.HIDDEN]: "true"
       },
       e
-    ), this.searchIcon.innerHTML = mt(), this.searchInput = m(
+    ), this.searchIcon.innerHTML = mt(), this.searchInput = f(
       "input",
       {
         id: `iti-${this.id}__search-input`,
@@ -2251,31 +2251,31 @@ class yt {
         placeholder: t.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",
-        [p.EXPANDED]: "true",
-        [p.LABEL]: t.searchPlaceholder,
-        [p.CONTROLS]: `iti-${this.id}__country-listbox`,
-        [p.AUTOCOMPLETE]: "list",
+        [m.EXPANDED]: "true",
+        [m.LABEL]: t.searchPlaceholder,
+        [m.CONTROLS]: `iti-${this.id}__country-listbox`,
+        [m.AUTOCOMPLETE]: "list",
         autocomplete: "off"
       },
       e
-    ), this.searchClearButton = m(
+    ), this.searchClearButton = f(
       "button",
       {
         type: "button",
         class: `iti__search-clear ${h.HIDE}`,
-        [p.LABEL]: t.clearSearchAriaLabel,
+        [m.LABEL]: t.clearSearchAriaLabel,
         tabindex: "-1"
       },
       e
-    ), this.searchClearButton.innerHTML = ft(this.id), this.searchResultsA11yText = m(
+    ), this.searchClearButton.innerHTML = ft(this.id), this.searchResultsA11yText = f(
       "span",
       { class: "iti__a11y-text" },
       this.dropdownContent
-    ), this.searchNoResults = m(
+    ), this.searchNoResults = f(
       "div",
       {
         class: `iti__no-results ${h.HIDE}`,
-        [p.HIDDEN]: "true"
+        [m.HIDDEN]: "true"
         // all a11y messaging happens in this.searchResultsA11yText
       },
       this.dropdownContent
@@ -2293,7 +2293,7 @@ class yt {
         const r = (i = this.telInput.form) == null ? void 0 : i.querySelector(
           `input[name="${n.phone}"]`
         );
-        r ? this.hiddenInput = r : (this.hiddenInput = m("input", {
+        r ? this.hiddenInput = r : (this.hiddenInput = f("input", {
           type: "hidden",
           name: n.phone
         }), t.appendChild(this.hiddenInput));
@@ -2302,7 +2302,7 @@ class yt {
         const r = (s = this.telInput.form) == null ? void 0 : s.querySelector(
           `input[name="${n.country}"]`
         );
-        r ? this.hiddenInputCountry = r : (this.hiddenInputCountry = m("input", {
+        r ? this.hiddenInputCountry = r : (this.hiddenInputCountry = f("input", {
           type: "hidden",
           name: n.country
         }), t.appendChild(this.hiddenInputCountry));
@@ -2314,19 +2314,18 @@ class yt {
     const t = document.createDocumentFragment();
     for (let e = 0; e < this.countries.length; e++) {
       const i = this.countries[e], s = U({
-        [h.COUNTRY_ITEM]: !0,
-        [h.HIGHLIGHT]: e === 0
-      }), o = m("li", {
+        [h.COUNTRY_ITEM]: !0
+      }), o = f("li", {
         id: `iti-${this.id}__item-${i.iso2}`,
         class: s,
         tabindex: "-1",
         role: "option",
-        [p.SELECTED]: "false"
+        [m.SELECTED]: "false"
       });
-      o.dataset.dialCode = i.dialCode, o.dataset.countryCode = i.iso2, i.nodeById[this.id] = o, this.options.showFlags && m("div", { class: `${h.FLAG} iti__${i.iso2}` }, o);
-      const n = m("span", { class: "iti__country-name" }, o);
+      o.dataset.dialCode = i.dialCode, o.dataset.countryCode = i.iso2, i.nodeById[this.id] = o, this.options.showFlags && f("div", { class: `${h.FLAG} iti__${i.iso2}` }, o);
+      const n = f("span", { class: "iti__country-name" }, o);
       n.textContent = i.name;
-      const r = m("span", { class: "iti__dial-code" }, o);
+      const r = f("span", { class: "iti__dial-code" }, o);
       this.isRTL && r.setAttribute("dir", "ltr"), r.textContent = `+${i.dialCode}`, t.appendChild(o);
     }
     this.countryList.appendChild(t);
@@ -2380,19 +2379,27 @@ class yt {
     if (a < o)
       e.scrollTop = c;
     else if (d > n) {
-      const f = s - r;
-      e.scrollTop = c - f;
+      const p = s - r;
+      e.scrollTop = c - p;
     }
   }
-  //* Remove highlighting from other list items and highlight the given item.
+  //* Remove highlighting from the previous list item and highlight the new one.
   highlightListItem(t, e) {
     const i = this.highlightedItem;
-    if (i && (i.classList.remove(h.HIGHLIGHT), i.setAttribute(p.SELECTED, "false")), this.highlightedItem = t, this.highlightedItem && (this.highlightedItem.classList.add(h.HIGHLIGHT), this.highlightedItem.setAttribute(p.SELECTED, "true"), this.options.countrySearch)) {
+    if (i && i.classList.remove(h.HIGHLIGHT), this.highlightedItem = t, this.highlightedItem && (this.highlightedItem.classList.add(h.HIGHLIGHT), this.options.countrySearch)) {
       const s = this.highlightedItem.getAttribute("id") || "";
-      this.searchInput.setAttribute(p.ACTIVE_DESCENDANT, s);
+      this.searchInput.setAttribute(m.ACTIVE_DESCENDANT, s);
     }
     e && this.highlightedItem.focus();
   }
+  updateSelectedItem(t) {
+    if (this.selectedItem && this.selectedItem.dataset.countryCode !== t && (this.selectedItem.setAttribute(m.SELECTED, "false"), this.selectedItem = null), t && !this.selectedItem) {
+      const e = this.countryList.querySelector(
+        `[data-country-code="${t}"]`
+      );
+      e && (e.setAttribute(m.SELECTED, "true"), this.selectedItem = e);
+    }
+  }
   //* Country search: Filter the country list to the given array of countries.
   filterCountries(t) {
     this.countryList.innerHTML = "";
@@ -2406,7 +2413,7 @@ class yt {
   destroy() {
     this.telInput.iti = void 0, delete this.telInput.dataset.intlTelInputId, this.options.separateDialCode && (this.telInput.style.paddingLeft = this.originalPaddingLeft);
     const t = this.telInput.parentNode;
-    t.before(this.telInput), t.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;
+    t.before(this.telInput), t.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 e of this.countries)
       delete e.nodeById[this.id];
     this.countries = null;
@@ -2455,8 +2462,8 @@ const gt = (l) => {
       const r = i[n.dialCode][0];
       for (const a of n.areaCodes) {
         for (let d = 1; d < a.length; d++) {
-          const c = a.substring(0, d), f = n.dialCode + c;
-          s(r, f), s(n.iso2, f);
+          const c = a.substring(0, d), p = n.dialCode + c;
+          s(r, p), s(n.iso2, p);
         }
         s(n.iso2, n.dialCode + a);
       }
@@ -2489,7 +2496,7 @@ const gt = (l) => {
 }, Dt = (l, t, e, i, s) => {
   const o = e ? e.formatNumberAsYouType(l, i.iso2) : l, { dialCode: n } = i;
   return s && t.charAt(0) !== "+" && o.includes(`+${n}`) ? (o.split(`+${n}`)[1] || "").trim() : o;
-}, Et = (l, t, e, i) => {
+}, Lt = (l, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
@@ -2500,7 +2507,7 @@ const gt = (l) => {
       return o;
   }
   return t.length;
-}, Lt = [
+}, Et = [
   "800",
   "822",
   "833",
@@ -2519,17 +2526,17 @@ const gt = (l) => {
   "888",
   "889"
 ], z = (l) => {
-  const t = P(l);
+  const t = v(l);
   if (t.startsWith(K.NANP) && t.length >= 4) {
     const e = t.substring(1, 4);
-    return Lt.includes(e);
+    return Et.includes(e);
   }
   return !1;
 };
 for (const l of A)
   l.name = j[l.iso2];
 let At = 0;
-const Tt = new Set(A.map((l) => l.iso2)), B = (l) => Tt.has(l);
+const St = new Set(A.map((l) => l.iso2)), B = (l) => St.has(l);
 class V {
   constructor(t, e = {}) {
     this.id = At++, this.options = { ...Y, ...e }, ht(this.options, j), this.ui = new yt(t, this.options, this.id), this.isAndroid = V._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = gt(this.options);
@@ -2589,10 +2596,10 @@ class V {
   //* 1. Extracting a dial code from the given number
   //* 2. Using explicit initialCountry
   _setInitialState(t = !1) {
-    const e = this.ui.telInput.getAttribute("value"), i = this._normaliseNumerals(e), s = this._getTelInputValue(), n = i && i.startsWith("+") && (!s || !s.startsWith("+")) ? i : s, r = this._getDialCode(n), a = z(n), { initialCountry: d, geoIpLookup: c } = this.options, f = d === M.AUTO && c;
+    const e = this.ui.telInput.getAttribute("value"), i = this._normaliseNumerals(e), s = this._getTelInputValue(), n = i && i.startsWith("+") && (!s || !s.startsWith("+")) ? i : s, r = this._getDialCode(n), a = z(n), { initialCountry: d, geoIpLookup: c } = this.options, p = d === M.AUTO && c;
     if (r && !a)
       this._updateCountryFromNumber(n);
-    else if (!f || t) {
+    else if (!p || t) {
       const b = d ? d.toLowerCase() : "";
       B(b) ? this._setCountry(b) : r && a ? this._setCountry(dt.ISO2) : this._setCountry("");
     }
@@ -2669,10 +2676,10 @@ class V {
     u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
       (t = "") => {
         const e = t.toLowerCase();
-        B(e) ? (u.autoCountry = e, setTimeout(() => T("handleAutoCountry"))) : (this._setInitialState(!0), T("rejectAutoCountryPromise"));
+        B(e) ? (u.autoCountry = e, setTimeout(() => S("handleAutoCountry"))) : (this._setInitialState(!0), S("rejectAutoCountryPromise"));
       },
       () => {
-        this._setInitialState(!0), T("rejectAutoCountryPromise");
+        this._setInitialState(!0), S("rejectAutoCountryPromise");
       }
     ));
   }
@@ -2692,7 +2699,7 @@ class V {
       countrySearch: o
     } = this.options;
     let n = !1;
-    L.ALPHA_UNICODE.test(this._getTelInputValue()) && (n = !0);
+    E.ALPHA_UNICODE.test(this._getTelInputValue()) && (n = !0);
     const r = (a) => {
       const d = this._getTelInputValue();
       if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && s && o) {
@@ -2701,29 +2708,29 @@ class V {
         return;
       }
       this._updateCountryFromNumber(d) && this._triggerCountryChange();
-      const c = (a == null ? void 0 : a.data) && L.NON_PLUS_NUMERIC.test(a.data), f = (a == null ? void 0 : a.inputType) === F.PASTE && d;
-      c || f && !t ? n = !0 : L.NON_PLUS_NUMERIC.test(d) || (n = !1);
+      const c = (a == null ? void 0 : a.data) && E.NON_PLUS_NUMERIC.test(a.data), p = (a == null ? void 0 : a.inputType) === F.PASTE && d;
+      c || p && !t ? n = !0 : E.NON_PLUS_NUMERIC.test(d) || (n = !1);
       const b = (a == null ? void 0 : a.detail) && a.detail.isSetNumber, C = this.userNumeralSet === "ascii";
       if (e && !n && !b && C) {
         const y = this.ui.telInput.selectionStart || 0, N = d.substring(
           0,
           y
         ).replace(
-          L.NON_PLUS_NUMERIC_GLOBAL,
+          E.NON_PLUS_NUMERIC_GLOBAL,
           ""
-        ).length, D = (a == null ? void 0 : a.inputType) === F.DELETE_FWD, g = this._getFullNumber(), E = Dt(
+        ).length, D = (a == null ? void 0 : a.inputType) === F.DELETE_FWD, g = this._getFullNumber(), L = Dt(
           g,
           d,
           u.utils,
           this.selectedCountryData,
           this.options.separateDialCode
-        ), w = Et(
+        ), w = Lt(
           N,
-          E,
+          L,
           y,
           D
         );
-        this._setTelInputValue(E), this.ui.telInput.setSelectionRange(w, w);
+        this._setTelInputValue(L), this.ui.telInput.setSelectionRange(w, w);
       }
     };
     this.ui.telInput.addEventListener(
@@ -2744,11 +2751,11 @@ class V {
             return;
           }
           if (t) {
-            const r = this._getTelInputValue(), d = !r.startsWith("+") && this.ui.telInput.selectionStart === 0 && n.key === "+", c = this._normaliseNumerals(n.key), f = /^[0-9]$/.test(c), b = e ? f : d || f, C = this.ui.telInput, y = C.selectionStart, I = C.selectionEnd, N = r.slice(0, y), D = r.slice(I), g = N + n.key + D, E = this._getFullNumber(g), w = u.utils.getCoreNumber(
-              E,
+            const r = this._getTelInputValue(), d = !r.startsWith("+") && this.ui.telInput.selectionStart === 0 && n.key === "+", c = this._normaliseNumerals(n.key), p = /^[0-9]$/.test(c), b = e ? p : d || p, C = this.ui.telInput, y = C.selectionStart, I = C.selectionEnd, N = r.slice(0, y), D = r.slice(I), g = N + n.key + D, L = this._getFullNumber(g), w = u.utils.getCoreNumber(
+              L,
               this.selectedCountryData.iso2
-            ), v = this.maxCoreNumberLength && w.length > this.maxCoreNumberLength, X = this._getNewCountryFromNumber(E) !== null;
-            (!b || v && !X && !d) && n.preventDefault();
+            ), P = this.maxCoreNumberLength && w.length > this.maxCoreNumberLength, X = this._getNewCountryFromNumber(L) !== null;
+            (!b || P && !X && !d) && n.preventDefault();
           }
         }
       };
@@ -2761,7 +2768,7 @@ class V {
     if (this.options.strictMode) {
       const t = (e) => {
         e.preventDefault();
-        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = this._getTelInputValue(), r = n.slice(0, s), a = n.slice(o), d = this.selectedCountryData.iso2, c = e.clipboardData.getData("text"), f = this._normaliseNumerals(c), b = s === 0 && o > 0, C = !n.startsWith("+") || b, y = f.replace(L.NON_PLUS_NUMERIC_GLOBAL, ""), I = y.startsWith("+"), N = y.replace(/\+/g, ""), D = I && C ? `+${N}` : N;
+        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = this._getTelInputValue(), r = n.slice(0, s), a = n.slice(o), d = this.selectedCountryData.iso2, c = e.clipboardData.getData("text"), p = this._normaliseNumerals(c), b = s === 0 && o > 0, C = !n.startsWith("+") || b, y = p.replace(E.NON_PLUS_NUMERIC_GLOBAL, ""), I = y.startsWith("+"), N = y.replace(/\+/g, ""), D = I && C ? `+${N}` : N;
         let g = r + D + a;
         if (g.length > 5) {
           let w = u.utils.getCoreNumber(g, d);
@@ -2771,14 +2778,14 @@ class V {
             return;
           if (this.maxCoreNumberLength && w.length > this.maxCoreNumberLength)
             if (i.selectionEnd === n.length) {
-              const v = w.length - this.maxCoreNumberLength;
-              g = g.slice(0, g.length - v);
+              const P = w.length - this.maxCoreNumberLength;
+              g = g.slice(0, g.length - P);
             } else
               return;
         }
         this._setTelInputValue(g);
-        const E = s + D.length;
-        i.setSelectionRange(E, E), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
+        const L = s + D.length;
+        i.setSelectionRange(L, L), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
       };
       this.ui.telInput.addEventListener("paste", t, {
         signal: this.abortController.signal
@@ -2802,11 +2809,11 @@ class V {
   //* Open the dropdown.
   _openDropdown() {
     const { fixDropdownWidth: t, countrySearch: e } = this.options;
-    if (this.dropdownAbortController = new AbortController(), t && (this.ui.dropdownContent.style.width = `${this.ui.telInput.offsetWidth}px`), this.ui.dropdownContent.classList.remove(h.HIDE), this.ui.selectedCountry.setAttribute(p.EXPANDED, "true"), this._setDropdownPosition(), e) {
+    if (this.dropdownAbortController = new AbortController(), t && (this.ui.dropdownContent.style.width = `${this.ui.telInput.offsetWidth}px`), this.ui.dropdownContent.classList.remove(h.HIDE), this.ui.selectedCountry.setAttribute(m.EXPANDED, "true"), this._setDropdownPosition(), e) {
       const i = this.ui.countryList.firstElementChild;
       i && (this.ui.highlightListItem(i, !1), this.ui.countryList.scrollTop = 0), this.ui.searchInput.focus();
     }
-    this._bindDropdownListeners(), this.ui.dropdownArrow.classList.add(h.ARROW_UP), this._trigger(S.OPEN_COUNTRY_DROPDOWN);
+    this._bindDropdownListeners(), this.ui.dropdownArrow.classList.add(h.ARROW_UP), this._trigger(T.OPEN_COUNTRY_DROPDOWN);
   }
   //* Set the dropdown position
   _setDropdownPosition() {
@@ -2885,7 +2892,7 @@ class V {
         _.ARROW_DOWN,
         _.ENTER,
         _.ESC
-      ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === _.ARROW_UP || o.key === _.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === _.ENTER ? this._handleEnterKey() : o.key === _.ESC && (this._closeDropdown(), this.ui.selectedCountry.focus())), !this.options.countrySearch && L.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), i && clearTimeout(i), e += o.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
+      ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === _.ARROW_UP || o.key === _.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === _.ENTER ? this._handleEnterKey() : o.key === _.ESC && (this._closeDropdown(), this.ui.selectedCountry.focus())), !this.options.countrySearch && E.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), i && clearTimeout(i), e += o.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
         e = "";
       }, ut.HIDDEN_SEARCH_RESET_MS));
     };
@@ -2972,25 +2979,25 @@ class V {
     let i = e ? t.substring(e) : t;
     const s = this.selectedCountryData.iso2, o = this.selectedCountryData.dialCode;
     i = this._ensureHasDialCode(i);
-    const n = this._getDialCode(i, !0), r = P(i);
+    const n = this._getDialCode(i, !0), r = v(i);
     if (n) {
-      const a = P(n), d = this.dialCodeToIso2Map[a];
+      const a = v(n), d = this.dialCodeToIso2Map[a];
       if (d.length === 1)
         return d[0] === s ? null : d[0];
       if (!s && this.defaultCountry && d.includes(this.defaultCountry))
         return this.defaultCountry;
       if (o === K.NANP && z(r))
         return null;
-      const { areaCodes: f, priority: b } = this.selectedCountryData;
-      if (f) {
-        const D = f.map(
+      const { areaCodes: p, priority: b } = this.selectedCountryData;
+      if (p) {
+        const D = p.map(
           (g) => `${o}${g}`
         );
         for (const g of D)
           if (r.startsWith(g))
             return null;
       }
-      const y = f && !(b === 0) && r.length > a.length, I = s && d.includes(s) && !y, N = s === d[0];
+      const y = p && !(b === 0) && r.length > a.length, I = s && d.includes(s) && !y, N = s === d[0];
       if (!I && !N)
         return d[0];
     } else if (i.startsWith("+") && r.length) {
@@ -3000,25 +3007,25 @@ class V {
       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(t) {
-    const { separateDialCode: e, showFlags: i, i18n: s } = this.options, o = this.selectedCountryData.iso2 || "";
-    if (this.selectedCountryData = t ? this.countryByIso2.get(t) : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.ui.selectedCountry) {
-      const n = t && i ? `${h.FLAG} iti__${t}` : `${h.FLAG} ${h.GLOBE}`;
-      let r, a;
+    const { separateDialCode: e, showFlags: i, i18n: s, allowDropdown: o } = this.options, n = this.selectedCountryData.iso2 || "";
+    if (o && this.ui.updateSelectedItem(t), this.selectedCountryData = t ? this.countryByIso2.get(t) : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.ui.selectedCountry) {
+      const r = t && i ? `${h.FLAG} iti__${t}` : `${h.FLAG} ${h.GLOBE}`;
+      let a, d;
       if (t) {
-        const { name: d, dialCode: c } = this.selectedCountryData;
-        a = d, r = s.selectedCountryAriaLabel.replace("${countryName}", d).replace("${dialCode}", `+${c}`);
+        const { name: c, dialCode: p } = this.selectedCountryData;
+        d = c, a = s.selectedCountryAriaLabel.replace("${countryName}", c).replace("${dialCode}", `+${p}`);
       } else
-        a = s.noCountrySelected, r = s.noCountrySelected;
-      this.ui.selectedCountryInner.className = n, this.ui.selectedCountry.setAttribute("title", a), this.ui.selectedCountry.setAttribute(p.LABEL, r);
+        d = s.noCountrySelected, a = s.noCountrySelected;
+      this.ui.selectedCountryInner.className = r, this.ui.selectedCountry.setAttribute("title", d), this.ui.selectedCountry.setAttribute(m.LABEL, a);
     }
     if (e) {
-      const n = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.ui.selectedDialCode.textContent = n, this.ui.updateInputPadding();
+      const r = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.ui.selectedDialCode.textContent = r, this.ui.updateInputPadding();
     }
-    return this._updatePlaceholder(), this._updateMaxLength(), o !== t;
+    return this._updatePlaceholder(), this._updateMaxLength(), n !== t;
   }
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
@@ -3074,7 +3081,7 @@ class V {
   }
   //* Close the dropdown and unbind any listeners.
   _closeDropdown() {
-    this.ui.dropdownContent.classList.contains(h.HIDE) || (this.ui.dropdownContent.classList.add(h.HIDE), this.ui.selectedCountry.setAttribute(p.EXPANDED, "false"), this.ui.highlightedItem && this.ui.highlightedItem.setAttribute(p.SELECTED, "false"), this.options.countrySearch && this.ui.searchInput.removeAttribute(p.ACTIVE_DESCENDANT), this.ui.dropdownArrow.classList.remove(h.ARROW_UP), this.dropdownAbortController.abort(), this.dropdownAbortController = null, this.options.dropdownContainer && this.ui.dropdown.remove(), this._trigger(S.CLOSE_COUNTRY_DROPDOWN));
+    this.ui.dropdownContent.classList.contains(h.HIDE) || (this.ui.dropdownContent.classList.add(h.HIDE), this.ui.selectedCountry.setAttribute(m.EXPANDED, "false"), this.options.countrySearch && (this.ui.searchInput.removeAttribute(m.ACTIVE_DESCENDANT), this.ui.highlightedItem && (this.ui.highlightedItem.classList.remove(h.HIGHLIGHT), this.ui.highlightedItem = null)), this.ui.dropdownArrow.classList.remove(h.ARROW_UP), this.dropdownAbortController.abort(), this.dropdownAbortController = null, this.options.dropdownContainer && this.ui.dropdown.remove(), this._trigger(T.CLOSE_COUNTRY_DROPDOWN));
   }
   //* Replace any existing dial code with the new one
   //* Note: called from _selectListItem and setCountry
@@ -3112,7 +3119,7 @@ class V {
   _getFullNumber(t) {
     const e = t ? this._normaliseNumerals(t) : this._getTelInputValue(), { dialCode: i } = this.selectedCountryData;
     let s;
-    const o = P(e);
+    const o = v(e);
     return this.options.separateDialCode && !e.startsWith("+") && i && o ? s = `+${i}` : s = "", s + e;
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
@@ -3127,7 +3134,7 @@ class V {
   }
   //* Trigger the 'countrychange' event.
   _triggerCountryChange() {
-    this._trigger(S.COUNTRY_CHANGE);
+    this._trigger(T.COUNTRY_CHANGE);
   }
   //**************************
   //*  SECRET PUBLIC METHODS
@@ -3216,7 +3223,7 @@ class V {
       return null;
     if (!this.selectedCountryData.iso2)
       return !1;
-    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(L.ALPHA_UNICODE);
+    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(E.ALPHA_UNICODE);
     if (s > -1 && !this.options.allowPhonewords) {
       const n = i.substring(0, s), r = e(n), a = e(i);
       return r && a;
@@ -3247,7 +3254,7 @@ class V {
   //* Set the input value and update the country.
   setNumber(t) {
     const e = this._normaliseNumerals(t), i = this._updateCountryFromNumber(e);
-    this._updateValFromNumber(e), i && this._triggerCountryChange(), this._trigger(S.INPUT, { isSetNumber: !0 });
+    this._updateValFromNumber(e), i && this._triggerCountryChange(), this._trigger(T.INPUT, { isSetNumber: !0 });
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(t) {
@@ -3257,7 +3264,7 @@ class V {
     this.ui.telInput.disabled = t, t ? this.ui.selectedCountry.setAttribute("disabled", "true") : this.ui.selectedCountry.removeAttribute("disabled");
   }
 }
-const St = (l) => {
+const Tt = (l) => {
   if (!u.utils && !u.startedLoadingUtilsScript) {
     let t;
     if (typeof l == "function")
@@ -3278,13 +3285,13 @@ const St = (l) => {
         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, T("handleUtils"), !0;
+      return u.utils = i, S("handleUtils"), !0;
     }).catch((e) => {
-      throw T("rejectUtilsScriptPromise", e), e;
+      throw S("rejectUtilsScriptPromise", e), e;
     });
   }
   return null;
-}, T = (l, ...t) => {
+}, S = (l, ...t) => {
   Object.values(u.instances).forEach((e) => {
     const i = e[l];
     typeof i == "function" && i.apply(e, t);
@@ -3307,10 +3314,10 @@ const St = (l) => {
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: St,
+    attachUtils: Tt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.13.1"
+    version: "25.13.3"
   }
 ), Ot = {
   __name: "IntlTelInput",
@@ -3351,12 +3358,12 @@ const St = (l) => {
         "changeErrorCode",
         C ? null : r.value.getValidationError()
       ));
-    }, f = () => {
+    }, p = () => {
       var C;
       o("changeNumber", ((C = r.value) == null ? void 0 : C.getNumber()) ?? ""), c();
     }, b = () => {
       var C;
-      o("changeCountry", ((C = r.value) == null ? void 0 : C.getSelectedCountryData().iso2) ?? ""), f(), c();
+      o("changeCountry", ((C = r.value) == null ? void 0 : C.getSelectedCountryData().iso2) ?? ""), p(), c();
     };
     return J(() => {
       n.value && (r.value = u(n.value, s.options), s.value && r.value.setNumber(s.value), s.disabled && r.value.setDisabled(s.disabled), a.value = d());
@@ -3375,7 +3382,7 @@ const St = (l) => {
       "onUpdate:modelValue": y[0] || (y[0] = (I) => i.value = I),
       type: "tel",
       onCountrychange: b,
-      onInput: f
+      onInput: p
     }, l.inputProps), null, 16)), [
       [
         ot,