intl-tel-input 25.11.0 → 25.11.2

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as P, useModel as B, ref as L, onMounted as F, watch as R, onUnmounted as z, withDirectives as V, createElementBlock as $, openBlock as U, mergeProps as j, vModelText as W } from "vue";
-const O = [
+import { mergeModels as U, useModel as K, ref as T, onMounted as Y, watch as q, onUnmounted as X, withDirectives as Q, createElementBlock as J, openBlock as Z, mergeProps as tt, vModelText as et } from "vue";
+const it = [
   [
     "af",
     // Afghanistan
@@ -1676,9 +1676,9 @@ const O = [
     null,
     "0"
   ]
-], w = [];
-for (const l of O)
-  w.push({
+], L = [];
+for (const l of it)
+  L.push({
     name: "",
     // populated in the plugin
     iso2: l[0],
@@ -1687,9 +1687,15 @@ for (const l of O)
     areaCodes: l[3] || null,
     nodeById: {},
     // populated by the plugin
-    nationalPrefix: l[4] || null
+    nationalPrefix: l[4] || null,
+    normalisedName: "",
+    // populated in the plugin
+    initials: "",
+    // populated in the plugin
+    dialCodePlus: ""
+    // populated in the plugin
   });
-const x = {
+const st = {
   ad: "Andorra",
   ae: "United Arab Emirates",
   af: "Afghanistan",
@@ -1932,7 +1938,7 @@ const x = {
   za: "South Africa",
   zm: "Zambia",
   zw: "Zimbabwe"
-}, H = {
+}, nt = {
   selectedCountryAriaLabel: "Change country, selected ${countryName} (${dialCode})",
   noCountrySelected: "Select country",
   countryListAriaLabel: "List of countries",
@@ -1944,19 +1950,95 @@ const x = {
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, K = { ...x, ...H }, N = (l) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(l).matches, G = () => {
+}, V = { ...st, ...nt }, A = {
+  OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
+  CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
+  COUNTRY_CHANGE: "countrychange",
+  INPUT: "input"
+  // used for synthetic input trigger
+}, h = {
+  HIDE: "iti__hide",
+  V_HIDE: "iti__v-hide",
+  ARROW_UP: "iti__arrow--up",
+  GLOBE: "iti__globe",
+  FLAG: "iti__flag",
+  COUNTRY_ITEM: "iti__country",
+  HIGHLIGHT: "iti__highlight"
+}, g = {
+  ARROW_UP: "ArrowUp",
+  ARROW_DOWN: "ArrowDown",
+  SPACE: " ",
+  ENTER: "Enter",
+  ESC: "Escape",
+  TAB: "Tab"
+}, B = {
+  PASTE: "insertFromPaste",
+  DELETE_FWD: "deleteContentForward"
+}, D = {
+  ALPHA_UNICODE: new RegExp("\\p{L}", "u"),
+  // any kind of letter from any language
+  NON_PLUS_NUMERIC: /[^+0-9]/,
+  // chars that are NOT + or digit
+  NON_PLUS_NUMERIC_GLOBAL: /[^+0-9]/g,
+  // chars that are NOT + or digit (global)
+  HIDDEN_SEARCH_CHAR: /^[a-zA-ZÀ-ÿа-яА-Я ]$/
+  // single acceptable hidden-search char
+}, ot = {
+  HIDDEN_SEARCH_RESET_MS: 1e3
+}, H = {
+  UNKNOWN_NUMBER_TYPE: -99,
+  UNKNOWN_VALIDATION_ERROR: -99
+}, S = {
+  SANE_SELECTED_WITH_DIAL_WIDTH: 78,
+  // px width fallback when separateDialCode enabled
+  SANE_SELECTED_NO_DIAL_WIDTH: 42,
+  // px width fallback when no separate dial code
+  INPUT_PADDING_EXTRA_LEFT: 6
+  // px gap between selected country container and input text
+}, $ = {
+  NANP: "1"
+  // North American Numbering Plan
+}, P = {
+  DIAL_CODE: "44",
+  // +44 United Kingdom
+  MOBILE_PREFIX: "7",
+  // UK mobile numbers start with 7 after national trunk (0) or core section
+  MOBILE_CORE_LENGTH: 10
+  // core number length (excluding dial code / national prefix) for mobiles
+}, lt = {
+  ISO2: "us"
+}, rt = {
+  POLITE: "polite"
+}, O = {
+  AUTO: "auto"
+}, W = {
+  COUNTRY_CODE: "countryCode",
+  DIAL_CODE: "dialCode"
+}, C = {
+  EXPANDED: "aria-expanded",
+  LABEL: "aria-label",
+  SELECTED: "aria-selected",
+  ACTIVE_DESCENDANT: "aria-activedescendant",
+  HASPOPUP: "aria-haspopup",
+  CONTROLS: "aria-controls",
+  HIDDEN: "aria-hidden",
+  AUTOCOMPLETE: "aria-autocomplete",
+  MODAL: "aria-modal"
+}, R = (l) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(l).matches, at = () => {
   if (typeof navigator < "u" && typeof window < "u") {
-    const l = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), t = N("(max-width: 500px)"), e = N("(max-height: 600px)"), i = N("(pointer: coarse)");
+    const l = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+      navigator.userAgent
+    ), t = R("(max-width: 500px)"), e = R("(max-height: 600px)"), i = R("(pointer: coarse)");
     return l || t || i && e;
   }
   return !1;
-}, T = {
+}, G = {
   // Allow alphanumeric "phonewords" (e.g. +1 800 FLOWERS) as valid numbers
   allowPhonewords: !1,
   //* Whether or not to allow the dropdown.
   allowDropdown: !0,
   //* Add a placeholder in the input with an example number for the selected country.
-  autoPlaceholder: "polite",
+  autoPlaceholder: rt.POLITE,
   //* Modify the parentClass.
   containerClass: "",
   //* The order of the countries in the dropdown. Defaults to alphabetical.
@@ -1998,18 +2080,51 @@ const x = {
   //* 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: G(),
+  useFullscreenPopup: at(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
-};
-function q(l) {
-  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 = { ...K, ...l.i18n };
-}
-const v = (l) => l.replace(/\D/g, ""), M = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), D = (l) => Object.keys(l).filter((t) => !!l[t]).join(" "), p = (l, t, e) => {
+}, ut = (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 };
+}, v = (l) => l.replace(/\D/g, ""), z = (l = "") => l.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), dt = (l, t) => {
+  const e = z(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;
+  return [
+    ...i.sort(d),
+    ...s.sort(d),
+    ...o.sort(d),
+    ...n.sort(d),
+    ...r.sort(d),
+    ...a.sort(d)
+  ];
+}, ct = (l, t) => {
+  const e = t.toLowerCase();
+  for (const i of l)
+    if (i.name.toLowerCase().startsWith(e))
+      return i;
+  return null;
+}, k = (l) => Object.keys(l).filter((t) => !!l[t]).join(" "), m = (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;
+  return t && Object.entries(t).forEach(
+    ([s, o]) => i.setAttribute(s, o)
+  ), e && e.appendChild(i), i;
+}, ht = () => `
+  <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${C.HIDDEN}="true">
+    <circle cx="11" cy="11" r="7" />
+    <line x1="21" y1="21" x2="16.65" y2="16.65" />
+  </svg>`, pt = (l) => {
+  const t = `iti-${l}-clear-mask`;
+  return `
+    <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${C.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" />
+      </mask>
+      <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${t})" />
+    </svg>`;
 };
-class Q {
+class Ct {
   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);
   }
@@ -2024,58 +2139,53 @@ class Q {
     this.telInput.classList.add("iti__tel-input"), !this.telInput.hasAttribute("autocomplete") && !((t = this.telInput.form) != null && t.hasAttribute("autocomplete")) && this.telInput.setAttribute("autocomplete", "off");
   }
   _createWrapperAndInsert() {
-    const {
-      allowDropdown: t,
-      showFlags: e,
-      containerClass: i,
-      useFullscreenPopup: s
-    } = this.options, o = D({
+    const { allowDropdown: t, showFlags: e, containerClass: i, useFullscreenPopup: s } = this.options, o = k({
       iti: !0,
       "iti--allow-dropdown": t,
       "iti--show-flags": e,
       "iti--inline-dropdown": !s,
       [i]: !!i
-    }), n = p("div", { class: o });
+    }), n = m("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 = p(
+      this.countryContainer = m(
         "div",
         // visibly hidden until we measure it's width to set the input padding correctly
-        { class: "iti__country-container iti__v-hide" },
+        { class: `iti__country-container ${h.V_HIDE}` },
         t
-      ), e ? (this.selectedCountry = p(
+      ), e ? (this.selectedCountry = m(
         "button",
         {
           type: "button",
           class: "iti__selected-country",
-          "aria-expanded": "false",
-          "aria-label": this.options.i18n.noCountrySelected,
-          "aria-haspopup": "dialog",
-          "aria-controls": `iti-${this.id}__dropdown-content`
+          [C.EXPANDED]: "false",
+          [C.LABEL]: this.options.i18n.noCountrySelected,
+          [C.HASPOPUP]: "dialog",
+          [C.CONTROLS]: `iti-${this.id}__dropdown-content`
         },
         this.countryContainer
-      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = p(
+      ), this.telInput.disabled && this.selectedCountry.setAttribute("disabled", "true")) : this.selectedCountry = m(
         "div",
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const o = p(
+      const o = m(
         "div",
         { class: "iti__selected-country-primary" },
         this.selectedCountry
       );
-      this.selectedCountryInner = p(
+      this.selectedCountryInner = m(
         "div",
-        { class: "iti__flag" },
+        { class: h.FLAG },
         o
-      ), e && (this.dropdownArrow = p(
+      ), e && (this.dropdownArrow = m(
         "div",
-        { class: "iti__arrow", "aria-hidden": "true" },
+        { class: "iti__arrow", [C.HIDDEN]: "true" },
         o
-      )), i && (this.selectedDialCode = p(
+      )), i && (this.selectedDialCode = m(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
@@ -2090,51 +2200,47 @@ class Q {
       i18n: s,
       dropdownContainer: o,
       containerClass: n
-    } = this.options, a = t ? "" : "iti--flexible-dropdown-width";
-    if (this.dropdownContent = p("div", {
+    } = this.options, r = t ? "" : "iti--flexible-dropdown-width";
+    if (this.dropdownContent = m("div", {
       id: `iti-${this.id}__dropdown-content`,
-      class: `iti__dropdown-content iti__hide ${a}`,
+      class: `iti__dropdown-content ${h.HIDE} ${r}`,
       role: "dialog",
-      "aria-modal": "true"
-    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = p(
+      [C.MODAL]: "true"
+    }), this.isRTL && this.dropdownContent.setAttribute("dir", "rtl"), i && this._buildSearchUI(), this.countryList = m(
       "ul",
       {
         class: "iti__country-list",
         id: `iti-${this.id}__country-listbox`,
         role: "listbox",
-        "aria-label": s.countryListAriaLabel
+        [C.LABEL]: s.countryListAriaLabel
       },
       this.dropdownContent
-    ), this._appendListItems(), this.options.countrySearch && this.updateSearchResultsA11yText(), o) {
-      const r = D({
+    ), this._appendListItems(), i && this.updateSearchResultsA11yText(), o) {
+      const a = k({
         iti: !0,
         "iti--container": !0,
         "iti--fullscreen-popup": e,
         "iti--inline-dropdown": !e,
         [n]: !!n
       });
-      this.dropdown = p("div", { class: r }), this.dropdown.appendChild(this.dropdownContent);
+      this.dropdown = m("div", { class: a }), this.dropdown.appendChild(this.dropdownContent);
     } else
       this.countryContainer.appendChild(this.dropdownContent);
   }
   _buildSearchUI() {
-    const { i18n: t } = this.options, e = p(
+    const { i18n: t } = this.options, e = m(
       "div",
       { class: "iti__search-input-wrapper" },
       this.dropdownContent
     );
-    this.searchIcon = p(
+    this.searchIcon = m(
       "span",
       {
         class: "iti__search-icon",
-        "aria-hidden": "true"
+        [C.HIDDEN]: "true"
       },
       e
-    ), 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 = p(
+    ), this.searchIcon.innerHTML = ht(), this.searchInput = m(
       "input",
       {
         id: `iti-${this.id}__search-input`,
@@ -2144,47 +2250,38 @@ class Q {
         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",
-        "aria-expanded": "true",
-        "aria-label": t.searchPlaceholder,
-        "aria-controls": `iti-${this.id}__country-listbox`,
-        "aria-autocomplete": "list",
+        [C.EXPANDED]: "true",
+        [C.LABEL]: t.searchPlaceholder,
+        [C.CONTROLS]: `iti-${this.id}__country-listbox`,
+        [C.AUTOCOMPLETE]: "list",
         autocomplete: "off"
       },
       e
-    ), this.searchClearButton = p(
+    ), this.searchClearButton = m(
       "button",
       {
         type: "button",
-        class: "iti__search-clear iti__hide",
-        "aria-label": t.clearSearchAriaLabel,
+        class: `iti__search-clear ${h.HIDE}`,
+        [C.LABEL]: t.clearSearchAriaLabel,
         tabindex: "-1"
       },
       e
-    );
-    const i = `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="${i}" 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(#${i})" />
-      </svg>`, this.searchResultsA11yText = p(
+    ), this.searchClearButton.innerHTML = pt(this.id), this.searchResultsA11yText = m(
       "span",
       { class: "iti__a11y-text" },
       this.dropdownContent
-    ), this.searchNoResults = p(
+    ), this.searchNoResults = m(
       "div",
       {
-        class: "iti__no-results iti__hide",
-        "aria-hidden": "true"
+        class: `iti__no-results ${h.HIDE}`,
+        [C.HIDDEN]: "true"
         // all a11y messaging happens in this.searchResultsA11yText
       },
       this.dropdownContent
     ), this.searchNoResults.textContent = t.zeroSearchResults;
   }
   _maybeUpdateInputPaddingAndReveal() {
-    this.countryContainer && (this.updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide"));
+    this.countryContainer && (this.updateInputPadding(), this.countryContainer.classList.remove(h.V_HIDE));
   }
   _maybeBuildHiddenInputs(t) {
     var i, s;
@@ -2192,19 +2289,19 @@ class Q {
     if (e) {
       const o = this.telInput.getAttribute("name") || "", n = e(o);
       if (n.phone) {
-        const a = (i = this.telInput.form) == null ? void 0 : i.querySelector(
+        const r = (i = this.telInput.form) == null ? void 0 : i.querySelector(
           `input[name="${n.phone}"]`
         );
-        a ? this.hiddenInput = a : (this.hiddenInput = p("input", {
+        r ? this.hiddenInput = r : (this.hiddenInput = m("input", {
           type: "hidden",
           name: n.phone
         }), t.appendChild(this.hiddenInput));
       }
       if (n.country) {
-        const a = (s = this.telInput.form) == null ? void 0 : s.querySelector(
+        const r = (s = this.telInput.form) == null ? void 0 : s.querySelector(
           `input[name="${n.country}"]`
         );
-        a ? this.hiddenInputCountry = a : (this.hiddenInputCountry = p("input", {
+        r ? this.hiddenInputCountry = r : (this.hiddenInputCountry = m("input", {
           type: "hidden",
           name: n.country
         }), t.appendChild(this.hiddenInputCountry));
@@ -2215,28 +2312,28 @@ class Q {
   _appendListItems() {
     const t = document.createDocumentFragment();
     for (let e = 0; e < this.countries.length; e++) {
-      const i = this.countries[e], s = D({
-        iti__country: !0,
-        iti__highlight: e === 0
-      }), o = p("li", {
+      const i = this.countries[e], s = k({
+        [h.COUNTRY_ITEM]: !0,
+        [h.HIGHLIGHT]: e === 0
+      }), o = m("li", {
         id: `iti-${this.id}__item-${i.iso2}`,
         class: s,
         tabindex: "-1",
         role: "option",
-        "aria-selected": "false"
+        [C.SELECTED]: "false"
       });
-      o.dataset.dialCode = i.dialCode, o.dataset.countryCode = i.iso2, i.nodeById[this.id] = o, this.options.showFlags && p("div", { class: `iti__flag iti__${i.iso2}` }, o);
-      const n = p("span", { class: "iti__country-name" }, o);
+      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);
       n.textContent = i.name;
-      const a = p("span", { class: "iti__dial-code" }, o);
-      this.isRTL && a.setAttribute("dir", "ltr"), a.textContent = `+${i.dialCode}`, t.appendChild(o);
+      const r = m("span", { class: "iti__dial-code" }, o);
+      this.isRTL && r.setAttribute("dir", "ltr"), r.textContent = `+${i.dialCode}`, t.appendChild(o);
     }
     this.countryList.appendChild(t);
   }
   //* Update the input padding to make space for the selected country/dial code.
   updateInputPadding() {
     if (this.selectedCountry) {
-      const t = this.options.separateDialCode ? 78 : 42, i = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || t) + 6;
+      const t = this.options.separateDialCode ? S.SANE_SELECTED_WITH_DIAL_WIDTH : S.SANE_SELECTED_NO_DIAL_WIDTH, i = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || t) + S.INPUT_PADDING_EXTRA_LEFT;
       this.telInput.style.paddingLeft = `${i}px`;
     }
   }
@@ -2278,23 +2375,20 @@ class Q {
   }
   //* 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, o = e.getBoundingClientRect().top + i, n = o + s, a = t.offsetHeight, r = t.getBoundingClientRect().top + i, u = r + a, c = r - o + e.scrollTop;
-    if (r < o)
+    const e = this.countryList, i = document.documentElement.scrollTop, s = e.offsetHeight, o = e.getBoundingClientRect().top + i, n = o + s, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, d = a + r, c = a - o + e.scrollTop;
+    if (a < o)
       e.scrollTop = c;
-    else if (u > n) {
-      const C = s - a;
-      e.scrollTop = c - C;
+    else if (d > n) {
+      const f = s - r;
+      e.scrollTop = c - f;
     }
   }
   //* 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"), this.options.countrySearch)) {
+    if (i && (i.classList.remove(h.HIGHLIGHT), i.setAttribute(C.SELECTED, "false")), this.highlightedItem = t, this.highlightedItem && (this.highlightedItem.classList.add(h.HIGHLIGHT), this.highlightedItem.setAttribute(C.SELECTED, "true"), this.options.countrySearch)) {
       const s = this.highlightedItem.getAttribute("id") || "";
-      this.searchInput.setAttribute(
-        "aria-activedescendant",
-        s
-      );
+      this.searchInput.setAttribute(C.ACTIVE_DESCENDANT, s);
     }
     e && this.highlightedItem.focus();
   }
@@ -2306,7 +2400,7 @@ class Q {
       const s = i.nodeById[this.id];
       s && (this.countryList.appendChild(s), e && (this.highlightListItem(s, !1), e = !1));
     }
-    e ? (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();
+    e ? (this.highlightListItem(null, !1), this.searchNoResults && this.searchNoResults.classList.remove(h.HIDE)) : this.searchNoResults && this.searchNoResults.classList.add(h.HIDE), this.countryList.scrollTop = 0, this.updateSearchResultsA11yText();
   }
   destroy() {
     this.telInput.iti = void 0, delete this.telInput.dataset.intlTelInputId, this.options.separateDialCode && (this.telInput.style.paddingLeft = this.originalPaddingLeft);
@@ -2317,41 +2411,47 @@ class Q {
     this.countries = null;
   }
 }
-function Y(l) {
+const mt = (l) => {
   const { onlyCountries: t, excludeCountries: e } = l;
   if (t.length) {
-    const i = t.map((s) => s.toLowerCase());
-    return w.filter((s) => i.includes(s.iso2));
+    const i = t.map(
+      (s) => s.toLowerCase()
+    );
+    return L.filter(
+      (s) => i.includes(s.iso2)
+    );
   } else if (e.length) {
-    const i = e.map((s) => s.toLowerCase());
-    return w.filter((s) => !i.includes(s.iso2));
+    const i = e.map(
+      (s) => s.toLowerCase()
+    );
+    return L.filter(
+      (s) => !i.includes(s.iso2)
+    );
   }
-  return w;
-}
-function J(l, t) {
+  return L;
+}, ft = (l, t) => {
   for (const e of l) {
     const i = e.iso2.toLowerCase();
     t.i18n[i] && (e.name = t.i18n[i]);
   }
-}
-function Z(l, t) {
+}, yt = (l, t) => {
   const e = /* @__PURE__ */ new Set();
   let i = 0;
-  const s = {}, o = (n, a, r) => {
-    if (!n || !a)
+  const s = {}, o = (n, r, a) => {
+    if (!n || !r)
       return;
-    a.length > i && (i = a.length), s.hasOwnProperty(a) || (s[a] = []);
-    const u = s[a];
-    if (u.includes(n))
+    r.length > i && (i = r.length), s.hasOwnProperty(r) || (s[r] = []);
+    const d = s[r];
+    if (d.includes(n))
       return;
-    const c = r !== void 0 ? r : u.length;
-    u[c] = n;
+    const c = a !== void 0 ? a : d.length;
+    d[c] = n;
   };
   for (const n of l) {
     e.has(n.dialCode) || e.add(n.dialCode);
-    for (let a = 1; a < n.dialCode.length; a++) {
-      const r = n.dialCode.substring(0, a);
-      o(n.iso2, r);
+    for (let r = 1; r < n.dialCode.length; r++) {
+      const a = n.dialCode.substring(0, r);
+      o(n.iso2, a);
     }
     o(n.iso2, n.dialCode, n.priority);
   }
@@ -2360,33 +2460,32 @@ function Z(l, t) {
   });
   for (const n of l)
     if (n.areaCodes) {
-      const a = s[n.dialCode][0];
-      for (const r of n.areaCodes) {
-        for (let u = 1; u < r.length; u++) {
-          const c = r.substring(0, u), C = n.dialCode + c;
-          o(a, C), o(n.iso2, C);
+      const r = s[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;
+          o(r, f), o(n.iso2, f);
         }
-        o(n.iso2, n.dialCode + r);
+        o(n.iso2, n.dialCode + a);
       }
     }
   return { dialCodes: e, dialCodeMaxLen: i, dialCodeToIso2Map: s };
-}
-function X(l, t) {
-  t.countryOrder && (t.countryOrder = t.countryOrder.map((e) => e.toLowerCase())), l.sort((e, i) => {
+}, gt = (l, t) => {
+  t.countryOrder && (t.countryOrder = t.countryOrder.map(
+    (e) => e.toLowerCase()
+  )), l.sort((e, i) => {
     const { countryOrder: s } = t;
     if (s) {
-      const o = s.indexOf(e.iso2), n = s.indexOf(i.iso2), a = o > -1, r = n > -1;
-      if (a || r)
-        return a && r ? o - n : a ? -1 : 1;
+      const o = s.indexOf(e.iso2), n = s.indexOf(i.iso2), r = o > -1, a = n > -1;
+      if (r || a)
+        return r && a ? o - n : r ? -1 : 1;
     }
     return e.name.localeCompare(i.name);
   });
-}
-function tt(l) {
+}, bt = (l) => {
   for (const t of l)
-    t.normalisedName = M(t.name), t.initials = t.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((e) => e[0]).join("").toLowerCase(), t.dialCodePlus = `+${t.dialCode}`;
-}
-function et(l, t, e, i) {
+    t.normalisedName = z(t.name), t.initials = t.normalisedName.split(/[^a-z]/).map((e) => e[0]).join(""), t.dialCodePlus = `+${t.dialCode}`;
+}, It = (l, t, e, i) => {
   let s = l;
   if (e && t) {
     t = `+${i.dialCode}`;
@@ -2394,12 +2493,10 @@ function et(l, t, e, i) {
     s = s.substring(o);
   }
   return s;
-}
-function it(l, t, e, i, s) {
+}, _t = (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;
-}
-function st(l, t, e, i) {
+}, wt = (l, t, e, i) => {
   if (e === 0 && !i)
     return 0;
   let s = 0;
@@ -2410,8 +2507,7 @@ function st(l, t, e, i) {
       return o;
   }
   return t.length;
-}
-const nt = [
+}, Nt = [
   "800",
   "822",
   "833",
@@ -2429,22 +2525,22 @@ const nt = [
   "887",
   "888",
   "889"
-], k = (l) => {
+], F = (l) => {
   const t = v(l);
-  if (t.charAt(0) === "1") {
+  if (t.startsWith($.NANP) && t.length >= 4) {
     const e = t.substring(1, 4);
-    return nt.includes(e);
+    return Nt.includes(e);
   }
   return !1;
 };
-for (const l of w)
-  l.name = x[l.iso2];
-let ot = 0;
-const rt = new Set(w.map((l) => l.iso2)), A = (l) => rt.has(l);
-class S {
+for (const l of L)
+  l.name = V[l.iso2];
+let Dt = 0;
+const Lt = new Set(L.map((l) => l.iso2)), M = (l) => Lt.has(l);
+class x {
   constructor(t, e = {}) {
-    this.id = ot++, this.options = { ...T, ...e }, q(this.options), this.ui = new Q(t, this.options, this.id), this.isAndroid = S._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = Y(this.options);
-    const { dialCodes: i, dialCodeMaxLen: s, dialCodeToIso2Map: o } = Z(
+    this.id = Dt++, this.options = { ...G, ...e }, ut(this.options, V), this.ui = new Ct(t, this.options, this.id), this.isAndroid = x._getIsAndroid(), this.promise = this._createInitPromises(), this.countries = mt(this.options);
+    const { dialCodes: i, dialCodeMaxLen: s, dialCodeToIso2Map: o } = yt(
       this.countries,
       this.options
     );
@@ -2470,18 +2566,18 @@ class S {
   //********************
   //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
   _processCountryData() {
-    J(this.countries, this.options), X(this.countries, this.options), tt(this.countries);
+    ft(this.countries, this.options), gt(this.countries, this.options), bt(this.countries);
   }
   //* Set the initial state of the input value and the selected country by:
   //* 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.ui.telInput.value, o = e && e.startsWith("+") && (!i || !i.startsWith("+")) ? e : i, n = this._getDialCode(o), a = k(o), { initialCountry: r, geoIpLookup: u } = this.options, c = r === "auto" && u;
-    if (n && !a)
+    const e = this.ui.telInput.getAttribute("value"), i = this.ui.telInput.value, o = e && e.startsWith("+") && (!i || !i.startsWith("+")) ? e : i, n = this._getDialCode(o), r = F(o), { initialCountry: a, geoIpLookup: d } = this.options, c = a === O.AUTO && d;
+    if (n && !r)
       this._updateCountryFromNumber(o);
     else if (!c || t) {
-      const C = r ? r.toLowerCase() : "";
-      A(C) ? this._setCountry(C) : n && a ? this._setCountry("us") : this._setCountry("");
+      const f = a ? a.toLowerCase() : "";
+      M(f) ? this._setCountry(f) : n && r ? this._setCountry(lt.ISO2) : this._setCountry("");
     }
     o && this._updateValFromNumber(o);
   }
@@ -2502,17 +2598,25 @@ class S {
   //* initialise the dropdown listeners.
   _initDropdownListeners() {
     const t = this.abortController.signal, e = (n) => {
-      this.ui.dropdownContent.classList.contains("iti__hide") ? this.ui.telInput.focus() : n.preventDefault();
+      this.ui.dropdownContent.classList.contains(h.HIDE) ? this.ui.telInput.focus() : n.preventDefault();
     }, i = this.ui.telInput.closest("label");
     i && i.addEventListener("click", e, { signal: t });
     const s = () => {
-      this.ui.dropdownContent.classList.contains("iti__hide") && !this.ui.telInput.disabled && !this.ui.telInput.readOnly && this._openDropdown();
+      this.ui.dropdownContent.classList.contains(
+        h.HIDE
+      ) && !this.ui.telInput.disabled && !this.ui.telInput.readOnly && this._openDropdown();
     };
-    this.ui.selectedCountry.addEventListener("click", s, {
-      signal: t
-    });
+    this.ui.selectedCountry.addEventListener(
+      "click",
+      s,
+      {
+        signal: t
+      }
+    );
     const o = (n) => {
-      this.ui.dropdownContent.classList.contains("iti__hide") && ["ArrowUp", "ArrowDown", " ", "Enter"].includes(n.key) && (n.preventDefault(), n.stopPropagation(), this._openDropdown()), n.key === "Tab" && this._closeDropdown();
+      this.ui.dropdownContent.classList.contains(
+        h.HIDE
+      ) && [g.ARROW_UP, g.ARROW_DOWN, g.SPACE, g.ENTER].includes(n.key) && (n.preventDefault(), n.stopPropagation(), this._openDropdown()), n.key === g.TAB && this._closeDropdown();
     };
     this.ui.countryContainer.addEventListener(
       "keydown",
@@ -2523,13 +2627,13 @@ class S {
   //* Init many requests: utils script / geo ip lookup.
   _initRequests() {
     const { loadUtils: t, initialCountry: e, geoIpLookup: i } = this.options;
-    if (t && !d.utils) {
+    if (t && !u.utils) {
       const o = () => {
         var n;
-        (n = d.attachUtils(t)) == null || n.catch(() => {
+        (n = u.attachUtils(t)) == null || n.catch(() => {
         });
       };
-      if (d.documentReady())
+      if (u.documentReady())
         o();
       else {
         const n = () => {
@@ -2541,17 +2645,17 @@ class S {
       }
     } else
       this.resolveUtilsScriptPromise();
-    e === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
+    e === O.AUTO && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
   }
   //* Perform the geo ip lookup.
   _loadAutoCountry() {
-    d.autoCountry ? this.handleAutoCountry() : d.startedLoadingAutoCountry || (d.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
+    u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
       (t = "") => {
         const e = t.toLowerCase();
-        A(e) ? (d.autoCountry = e, setTimeout(() => I("handleAutoCountry"))) : (this._setInitialState(!0), I("rejectAutoCountryPromise"));
+        M(e) ? (u.autoCountry = e, setTimeout(() => E("handleAutoCountry"))) : (this._setInitialState(!0), E("rejectAutoCountryPromise"));
       },
       () => {
-        this._setInitialState(!0), I("rejectAutoCountryPromise");
+        this._setInitialState(!0), E("rejectAutoCountryPromise");
       }
     ));
   }
@@ -2571,45 +2675,49 @@ class S {
       countrySearch: o
     } = this.options;
     let n = !1;
-    new RegExp("\\p{L}", "u").test(this.ui.telInput.value) && (n = !0);
-    const a = (r) => {
-      if (this.isAndroid && (r == null ? void 0 : r.data) === "+" && i && s && o) {
-        const m = this.ui.telInput.selectionStart || 0, h = this.ui.telInput.value.substring(
+    D.ALPHA_UNICODE.test(this.ui.telInput.value) && (n = !0);
+    const r = (a) => {
+      if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && s && o) {
+        const b = this.ui.telInput.selectionStart || 0, p = this.ui.telInput.value.substring(
           0,
-          m - 1
-        ), f = this.ui.telInput.value.substring(m);
-        this.ui.telInput.value = h + f, this._openDropdownWithPlus();
+          b - 1
+        ), y = this.ui.telInput.value.substring(b);
+        this.ui.telInput.value = p + y, this._openDropdownWithPlus();
         return;
       }
       this._updateCountryFromNumber(this.ui.telInput.value) && this._triggerCountryChange();
-      const u = (r == null ? void 0 : r.data) && /[^+0-9]/.test(r.data), c = (r == null ? void 0 : r.inputType) === "insertFromPaste" && this.ui.telInput.value;
-      u || c && !t ? n = !0 : /[^+0-9]/.test(this.ui.telInput.value) || (n = !1);
-      const C = (r == null ? void 0 : r.detail) && r.detail.isSetNumber;
-      if (e && !n && !C) {
-        const m = this.ui.telInput.selectionStart || 0, f = this.ui.telInput.value.substring(
+      const d = (a == null ? void 0 : a.data) && D.NON_PLUS_NUMERIC.test(a.data), c = (a == null ? void 0 : a.inputType) === B.PASTE && this.ui.telInput.value;
+      d || c && !t ? n = !0 : D.NON_PLUS_NUMERIC.test(this.ui.telInput.value) || (n = !1);
+      const f = (a == null ? void 0 : a.detail) && a.detail.isSetNumber;
+      if (e && !n && !f) {
+        const b = this.ui.telInput.selectionStart || 0, y = this.ui.telInput.value.substring(
           0,
-          m
+          b
         ).replace(
-          /[^+0-9]/g,
+          D.NON_PLUS_NUMERIC_GLOBAL,
           ""
-        ).length, b = (r == null ? void 0 : r.inputType) === "deleteContentForward", y = this._getFullNumber(), g = it(
-          y,
+        ).length, w = (a == null ? void 0 : a.inputType) === B.DELETE_FWD, I = this._getFullNumber(), _ = _t(
+          I,
           this.ui.telInput.value,
-          d.utils,
+          u.utils,
           this.selectedCountryData,
           this.options.separateDialCode
-        ), _ = st(
-          f,
-          g,
-          m,
-          b
+        ), N = wt(
+          y,
+          _,
+          b,
+          w
         );
-        this.ui.telInput.value = g, this.ui.telInput.setSelectionRange(_, _);
+        this.ui.telInput.value = _, this.ui.telInput.setSelectionRange(N, N);
       }
     };
-    this.ui.telInput.addEventListener("input", a, {
-      signal: this.abortController.signal
-    });
+    this.ui.telInput.addEventListener(
+      "input",
+      r,
+      {
+        signal: this.abortController.signal
+      }
+    );
   }
   _maybeBindKeydownListener() {
     const { strictMode: t, separateDialCode: e, allowDropdown: i, countrySearch: s } = this.options;
@@ -2621,11 +2729,11 @@ class S {
             return;
           }
           if (t) {
-            const a = this.ui.telInput.value, u = !a.startsWith("+") && this.ui.telInput.selectionStart === 0 && n.key === "+", c = /^[0-9]$/.test(n.key), C = e ? c : u || c, m = a.slice(0, this.ui.telInput.selectionStart) + n.key + a.slice(this.ui.telInput.selectionEnd), h = this._getFullNumber(m), f = d.utils.getCoreNumber(
-              h,
+            const r = this.ui.telInput.value, d = !r.startsWith("+") && this.ui.telInput.selectionStart === 0 && n.key === "+", c = /^[0-9]$/.test(n.key), f = e ? c : d || c, b = r.slice(0, this.ui.telInput.selectionStart) + n.key + r.slice(this.ui.telInput.selectionEnd), p = this._getFullNumber(b), y = u.utils.getCoreNumber(
+              p,
               this.selectedCountryData.iso2
-            ), b = this.maxCoreNumberLength && f.length > this.maxCoreNumberLength, g = this._getNewCountryFromNumber(h) !== null;
-            (!C || b && !g && !u) && n.preventDefault();
+            ), w = this.maxCoreNumberLength && y.length > this.maxCoreNumberLength, _ = this._getNewCountryFromNumber(p) !== null;
+            (!f || w && !_ && !d) && n.preventDefault();
           }
         }
       };
@@ -2638,21 +2746,21 @@ class S {
     if (this.options.strictMode) {
       const t = (e) => {
         e.preventDefault();
-        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = i.value.slice(0, s), a = i.value.slice(o), r = this.selectedCountryData.iso2, u = e.clipboardData.getData("text"), c = s === 0 && o > 0, C = !i.value.startsWith("+") || c, m = u.replace(/[^0-9+]/g, ""), h = m.startsWith("+"), f = m.replace(/\+/g, ""), b = h && C ? `+${f}` : f;
-        let y = n + b + a, g = d.utils.getCoreNumber(y, r);
-        for (; g.length === 0 && y.length > 0; )
-          y = y.slice(0, -1), g = d.utils.getCoreNumber(y, r);
-        if (!g)
+        const i = this.ui.telInput, s = i.selectionStart, o = i.selectionEnd, n = i.value.slice(0, s), r = i.value.slice(o), a = this.selectedCountryData.iso2, d = e.clipboardData.getData("text"), c = s === 0 && o > 0, f = !i.value.startsWith("+") || c, b = d.replace(D.NON_PLUS_NUMERIC_GLOBAL, ""), p = b.startsWith("+"), y = b.replace(/\+/g, ""), w = p && f ? `+${y}` : y;
+        let I = n + w + r, _ = u.utils.getCoreNumber(I, a);
+        for (; _.length === 0 && I.length > 0; )
+          I = I.slice(0, -1), _ = u.utils.getCoreNumber(I, a);
+        if (!_)
           return;
-        if (this.maxCoreNumberLength && g.length > this.maxCoreNumberLength)
+        if (this.maxCoreNumberLength && _.length > this.maxCoreNumberLength)
           if (i.selectionEnd === i.value.length) {
-            const E = g.length - this.maxCoreNumberLength;
-            y = y.slice(0, y.length - E);
+            const j = _.length - this.maxCoreNumberLength;
+            I = I.slice(0, I.length - j);
           } else
             return;
-        i.value = y;
-        const _ = s + b.length;
-        i.setSelectionRange(_, _), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
+        i.value = I;
+        const N = s + w.length;
+        i.setSelectionRange(N, N), i.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
       };
       this.ui.telInput.addEventListener("paste", t, {
         signal: this.abortController.signal
@@ -2676,11 +2784,11 @@ class S {
   //* 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("iti__hide"), this.ui.selectedCountry.setAttribute("aria-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(C.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("iti__arrow--up"), this._trigger("open:countrydropdown");
+    this._bindDropdownListeners(), this.ui.dropdownArrow.classList.add(h.ARROW_UP), this._trigger(A.OPEN_COUNTRY_DROPDOWN);
   }
   //* Set the dropdown position
   _setDropdownPosition() {
@@ -2697,98 +2805,114 @@ class S {
   }
   //* We only bind dropdown listeners when the dropdown is open.
   _bindDropdownListeners() {
-    const t = this.dropdownAbortController.signal, e = (r) => {
-      var c;
-      const u = (c = r.target) == null ? void 0 : c.closest(
-        ".iti__country"
+    const t = this.dropdownAbortController.signal;
+    this._bindDropdownMouseoverListener(t), this._bindDropdownCountryClickListener(t), this._bindDropdownClickOffListener(t), this._bindDropdownKeydownListener(t), this.options.countrySearch && this._bindDropdownSearchListeners(t);
+  }
+  //* When mouse over a list item, just highlight that one
+  //* we add the class "highlight", so if they hit "enter" we know which one to select.
+  _bindDropdownMouseoverListener(t) {
+    const e = (i) => {
+      var o;
+      const s = (o = i.target) == null ? void 0 : o.closest(
+        `.${h.COUNTRY_ITEM}`
       );
-      u && this.ui.highlightListItem(u, !1);
+      s && this.ui.highlightListItem(s, !1);
     };
-    this.ui.countryList.addEventListener("mouseover", e, {
-      signal: t
-    });
-    const i = (r) => {
-      var c;
-      const u = (c = r.target) == null ? void 0 : c.closest(
-        ".iti__country"
+    this.ui.countryList.addEventListener(
+      "mouseover",
+      e,
+      {
+        signal: t
+      }
+    );
+  }
+  //* Listen for country selection.
+  _bindDropdownCountryClickListener(t) {
+    const e = (i) => {
+      var o;
+      const s = (o = i.target) == null ? void 0 : o.closest(
+        `.${h.COUNTRY_ITEM}`
       );
-      u && this._selectListItem(u);
+      s && this._selectListItem(s);
     };
-    this.ui.countryList.addEventListener("click", i, {
+    this.ui.countryList.addEventListener("click", e, {
       signal: t
     });
-    const s = (r) => {
-      !!r.target.closest(
+  }
+  //* Click off to close (except when this initial opening click is bubbling up).
+  //* We cannot just stopPropagation as it may be needed to close another instance.
+  _bindDropdownClickOffListener(t) {
+    const e = (i) => {
+      !!i.target.closest(
         `#iti-${this.id}__dropdown-content`
       ) || this._closeDropdown();
     };
     setTimeout(() => {
       document.documentElement.addEventListener(
         "click",
-        s,
+        e,
         { signal: t }
       );
     }, 0);
-    let o = "", n = null;
-    const a = (r) => {
-      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(r.key) && (r.preventDefault(), r.stopPropagation(), r.key === "ArrowUp" || r.key === "ArrowDown" ? this._handleUpDownKey(r.key) : r.key === "Enter" ? this._handleEnterKey() : r.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(r.key) && (r.stopPropagation(), n && clearTimeout(n), o += r.key.toLowerCase(), this._searchForCountry(o), n = setTimeout(() => {
-        o = "";
-      }, 1e3));
+  }
+  //* Listen for up/down scrolling, enter to select, or escape to close.
+  //* Use keydown as keypress doesn't fire for non-char keys and we want to catch if they
+  //* just hit down and hold it to scroll down (no keyup event).
+  //* Listen on the document because that's where key events are triggered if no input has focus.
+  _bindDropdownKeydownListener(t) {
+    let e = "", i = null;
+    const s = (o) => {
+      [
+        g.ARROW_UP,
+        g.ARROW_DOWN,
+        g.ENTER,
+        g.ESC
+      ].includes(o.key) && (o.preventDefault(), o.stopPropagation(), o.key === g.ARROW_UP || o.key === g.ARROW_DOWN ? this._handleUpDownKey(o.key) : o.key === g.ENTER ? this._handleEnterKey() : o.key === g.ESC && this._closeDropdown()), !this.options.countrySearch && D.HIDDEN_SEARCH_CHAR.test(o.key) && (o.stopPropagation(), i && clearTimeout(i), e += o.key.toLowerCase(), this._searchForCountry(e), i = setTimeout(() => {
+        e = "";
+      }, ot.HIDDEN_SEARCH_RESET_MS));
     };
-    if (document.addEventListener("keydown", a, { signal: t }), this.options.countrySearch) {
-      const r = () => {
-        const m = this.ui.searchInput.value.trim();
-        this._filterCountriesByQuery(m), this.ui.searchInput.value ? this.ui.searchClearButton.classList.remove("iti__hide") : this.ui.searchClearButton.classList.add("iti__hide");
-      };
-      let u = null;
-      const c = () => {
-        u && clearTimeout(u), u = setTimeout(() => {
-          r(), u = null;
-        }, 100);
-      };
-      this.ui.searchInput.addEventListener("input", c, {
-        signal: t
-      });
-      const C = () => {
-        this.ui.searchInput.value = "", this.ui.searchInput.focus(), r();
-      };
-      this.ui.searchClearButton.addEventListener("click", C, {
-        signal: t
-      });
-    }
+    document.addEventListener("keydown", s, { signal: t });
+  }
+  //* Search input listeners when countrySearch enabled.
+  _bindDropdownSearchListeners(t) {
+    const e = () => {
+      const n = this.ui.searchInput.value.trim();
+      this._filterCountriesByQuery(n), this.ui.searchInput.value ? this.ui.searchClearButton.classList.remove(h.HIDE) : this.ui.searchClearButton.classList.add(h.HIDE);
+    };
+    let i = null;
+    const s = () => {
+      i && clearTimeout(i), i = setTimeout(() => {
+        e(), i = null;
+      }, 100);
+    };
+    this.ui.searchInput.addEventListener("input", s, {
+      signal: t
+    });
+    const o = () => {
+      this.ui.searchInput.value = "", this.ui.searchInput.focus(), e();
+    };
+    this.ui.searchClearButton.addEventListener("click", o, {
+      signal: t
+    });
   }
   //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
   _searchForCountry(t) {
-    for (const e of this.countries)
-      if (e.name.substring(0, t.length).toLowerCase() === t) {
-        const s = e.nodeById[this.id];
-        this.ui.highlightListItem(s, !1), this.ui.scrollTo(s);
-        break;
-      }
+    const e = ct(this.countries, t);
+    if (e) {
+      const i = e.nodeById[this.id];
+      this.ui.highlightListItem(i, !1), this.ui.scrollTo(i);
+    }
   }
   //* Country search: Filter the countries according to the search query.
   _filterCountriesByQuery(t) {
     let e;
-    t === "" ? e = this.countries : e = this._getMatchedCountries(t), this.ui.filterCountries(e);
-  }
-  _getMatchedCountries(t) {
-    const e = M(t), i = [], s = [], o = [], n = [], a = [], r = [];
-    for (const u of this.countries)
-      u.iso2 === e ? i.push(u) : u.normalisedName.startsWith(e) ? s.push(u) : u.normalisedName.includes(e) ? o.push(u) : e === u.dialCode || e === u.dialCodePlus ? n.push(u) : u.dialCodePlus.includes(e) ? a.push(u) : u.initials.includes(e) && r.push(u);
-    return [
-      ...i.sort((u, c) => u.priority - c.priority),
-      ...s.sort((u, c) => u.priority - c.priority),
-      ...o.sort((u, c) => u.priority - c.priority),
-      ...n.sort((u, c) => u.priority - c.priority),
-      ...a.sort((u, c) => u.priority - c.priority),
-      ...r.sort((u, c) => u.priority - c.priority)
-    ];
+    t === "" ? e = this.countries : e = dt(this.countries, t), this.ui.filterCountries(e);
   }
   //* Highlight the next/prev item in the list (and ensure it is visible).
   _handleUpDownKey(t) {
     var i, s;
-    let e = t === "ArrowUp" ? (i = this.ui.highlightedItem) == null ? void 0 : i.previousElementSibling : (s = this.ui.highlightedItem) == null ? void 0 : s.nextElementSibling;
-    !e && this.ui.countryList.childElementCount > 1 && (e = t === "ArrowUp" ? this.ui.countryList.lastElementChild : this.ui.countryList.firstElementChild), e && (this.ui.scrollTo(e), this.ui.highlightListItem(e, !1));
+    let e = t === g.ARROW_UP ? (i = this.ui.highlightedItem) == null ? void 0 : i.previousElementSibling : (s = this.ui.highlightedItem) == null ? void 0 : s.nextElementSibling;
+    !e && this.ui.countryList.childElementCount > 1 && (e = t === g.ARROW_UP ? this.ui.countryList.lastElementChild : this.ui.countryList.firstElementChild), e && (this.ui.scrollTo(e), this.ui.highlightListItem(e, !1));
   }
   //* Select the currently highlighted item.
   _handleEnterKey() {
@@ -2798,9 +2922,9 @@ class S {
   //* NOTE: this is called from _setInitialState, handleUtils and setNumber.
   _updateValFromNumber(t) {
     let e = t;
-    if (this.options.formatOnDisplay && d.utils && this.selectedCountryData) {
-      const i = this.options.nationalMode || !e.startsWith("+") && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: o } = d.utils.numberFormat, n = i ? s : o;
-      e = d.utils.formatNumber(
+    if (this.options.formatOnDisplay && u.utils && this.selectedCountryData) {
+      const i = this.options.nationalMode || !e.startsWith("+") && !this.options.separateDialCode, { NATIONAL: s, INTERNATIONAL: o } = u.utils.numberFormat, n = i ? s : o;
+      e = u.utils.formatNumber(
         e,
         this.selectedCountryData.iso2,
         n
@@ -2830,29 +2954,29 @@ class S {
     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), a = v(i);
+    const n = this._getDialCode(i, !0), r = v(i);
     if (n) {
-      const r = v(n), u = this.dialCodeToIso2Map[r];
-      if (u.length === 1)
-        return u[0] === s ? null : u[0];
-      if (!s && this.defaultCountry && u.includes(this.defaultCountry))
+      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 === "1" && k(a))
+      if (o === $.NANP && F(r))
         return null;
-      const { areaCodes: C, priority: m } = this.selectedCountryData;
-      if (C) {
-        const g = C.map(
-          (_) => `${o}${_}`
+      const { areaCodes: f, priority: b } = this.selectedCountryData;
+      if (f) {
+        const _ = f.map(
+          (N) => `${o}${N}`
         );
-        for (const _ of g)
-          if (a.startsWith(_))
+        for (const N of _)
+          if (r.startsWith(N))
             return null;
       }
-      const f = C && !(m === 0) && a.length > r.length, b = s && u.includes(s) && !f, y = s === u[0];
-      if (!b && !y)
-        return u[0];
+      const y = f && !(b === 0) && r.length > a.length, w = s && d.includes(s) && !y, I = s === d[0];
+      if (!w && !I)
+        return d[0];
     } else {
-      if (i.startsWith("+") && a.length)
+      if (i.startsWith("+") && r.length)
         return "";
       if ((!i || i === "+") && !s)
         return this.defaultCountry;
@@ -2864,14 +2988,14 @@ class S {
   _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 ? `iti__flag iti__${t}` : "iti__flag iti__globe";
-      let a, r;
+      const n = t && i ? `${h.FLAG} iti__${t}` : `${h.FLAG} ${h.GLOBE}`;
+      let r, a;
       if (t) {
-        const { name: u, dialCode: c } = this.selectedCountryData;
-        r = u, a = s.selectedCountryAriaLabel.replace("${countryName}", u).replace("${dialCode}", `+${c}`);
+        const { name: d, dialCode: c } = this.selectedCountryData;
+        a = d, r = s.selectedCountryAriaLabel.replace("${countryName}", d).replace("${dialCode}", `+${c}`);
       } else
-        r = s.noCountrySelected, a = s.noCountrySelected;
-      this.ui.selectedCountryInner.className = n, this.ui.selectedCountry.setAttribute("title", r), this.ui.selectedCountry.setAttribute("aria-label", a);
+        a = s.noCountrySelected, r = s.noCountrySelected;
+      this.ui.selectedCountryInner.className = n, this.ui.selectedCountry.setAttribute("title", a), this.ui.selectedCountry.setAttribute(C.LABEL, r);
     }
     if (e) {
       const n = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
@@ -2882,23 +3006,23 @@ class S {
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
     const { strictMode: t, placeholderNumberType: e, validationNumberTypes: i } = this.options, { iso2: s } = this.selectedCountryData;
-    if (t && d.utils)
+    if (t && u.utils)
       if (s) {
-        const o = d.utils.numberType[e];
-        let n = d.utils.getExampleNumber(
+        const o = u.utils.numberType[e];
+        let n = u.utils.getExampleNumber(
           s,
           !1,
           o,
           !0
-        ), a = n;
-        for (; d.utils.isPossibleNumber(
+        ), r = n;
+        for (; u.utils.isPossibleNumber(
           n,
           s,
           i
         ); )
-          a = n, n += "0";
-        const r = d.utils.getCoreNumber(a, s);
-        this.maxCoreNumberLength = r.length, s === "by" && (this.maxCoreNumberLength = r.length + 1);
+          r = n, n += "0";
+        const a = u.utils.getCoreNumber(r, s);
+        this.maxCoreNumberLength = a.length, s === "by" && (this.maxCoreNumberLength = a.length + 1);
       } else
         this.maxCoreNumberLength = null;
   }
@@ -2910,26 +3034,26 @@ class S {
       nationalMode: i,
       customPlaceholder: s
     } = this.options, o = t === "aggressive" || !this.ui.hadInitialPlaceholder && t === "polite";
-    if (d.utils && o) {
-      const n = d.utils.numberType[e];
-      let a = this.selectedCountryData.iso2 ? d.utils.getExampleNumber(
+    if (u.utils && o) {
+      const n = u.utils.numberType[e];
+      let r = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
         n
       ) : "";
-      a = this._beforeSetNumber(a), typeof s == "function" && (a = s(a, this.selectedCountryData)), this.ui.telInput.setAttribute("placeholder", a);
+      r = this._beforeSetNumber(r), typeof s == "function" && (r = s(r, this.selectedCountryData)), this.ui.telInput.setAttribute("placeholder", r);
     }
   }
   //* Called when the user selects a list item from the dropdown.
   _selectListItem(t) {
-    const e = t.dataset.countryCode, i = this._setCountry(e);
+    const e = t.dataset[W.COUNTRY_CODE], i = this._setCountry(e);
     this._closeDropdown();
-    const s = t.dataset.dialCode;
+    const s = t.dataset[W.DIAL_CODE];
     this._updateDialCode(s), this.options.formatOnDisplay && this._updateValFromNumber(this.ui.telInput.value), this.ui.telInput.focus(), i && this._triggerCountryChange();
   }
   //* Close the dropdown and unbind any listeners.
   _closeDropdown() {
-    this.ui.dropdownContent.classList.contains("iti__hide") || (this.ui.dropdownContent.classList.add("iti__hide"), this.ui.selectedCountry.setAttribute("aria-expanded", "false"), this.ui.highlightedItem && this.ui.highlightedItem.setAttribute("aria-selected", "false"), this.options.countrySearch && this.ui.searchInput.removeAttribute("aria-activedescendant"), this.ui.dropdownArrow.classList.remove("iti__arrow--up"), this.dropdownAbortController.abort(), this.dropdownAbortController = null, this.options.dropdownContainer && this.ui.dropdown.remove(), this._trigger("close:countrydropdown"));
+    this.ui.dropdownContent.classList.contains(h.HIDE) || (this.ui.dropdownContent.classList.add(h.HIDE), this.ui.selectedCountry.setAttribute(C.EXPANDED, "false"), this.ui.highlightedItem && this.ui.highlightedItem.setAttribute(C.SELECTED, "false"), this.options.countrySearch && this.ui.searchInput.removeAttribute(C.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(A.CLOSE_COUNTRY_DROPDOWN));
   }
   //* Replace any existing dial code with the new one
   //* Note: called from _selectListItem and setCountry
@@ -2974,7 +3098,7 @@ class S {
   }
   //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
   _beforeSetNumber(t) {
-    const e = this._getDialCode(t), i = et(
+    const e = this._getDialCode(t), i = It(
       t,
       e,
       this.options.separateDialCode,
@@ -2984,38 +3108,38 @@ class S {
   }
   //* Trigger the 'countrychange' event.
   _triggerCountryChange() {
-    this._trigger("countrychange");
+    this._trigger(A.COUNTRY_CHANGE);
   }
   //**************************
   //*  SECRET PUBLIC METHODS
   //**************************
   //* This is called when the geoip call returns.
   handleAutoCountry() {
-    this.options.initialCountry === "auto" && d.autoCountry && (this.defaultCountry = d.autoCountry, this.selectedCountryData.iso2 || this.ui.selectedCountryInner.classList.contains("iti__globe") || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
+    this.options.initialCountry === O.AUTO && u.autoCountry && (this.defaultCountry = u.autoCountry, this.selectedCountryData.iso2 || this.ui.selectedCountryInner.classList.contains(h.GLOBE) || this.setCountry(this.defaultCountry), this.resolveAutoCountryPromise());
   }
   //* This is called when the utils request completes.
   handleUtils() {
-    d.utils && (this.ui.telInput.value && this._updateValFromNumber(this.ui.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
+    u.utils && (this.ui.telInput.value && this._updateValFromNumber(this.ui.telInput.value), this.selectedCountryData.iso2 && (this._updatePlaceholder(), this._updateMaxLength())), this.resolveUtilsScriptPromise();
   }
   //********************
   //*  PUBLIC METHODS
   //********************
   //* Remove plugin.
   destroy() {
-    this.ui.telInput && (this.options.allowDropdown && this._closeDropdown(), this.abortController.abort(), this.abortController = null, this.ui.destroy(), d.instances instanceof Map ? d.instances.delete(this.id) : delete d.instances[this.id]);
+    this.ui.telInput && (this.options.allowDropdown && this._closeDropdown(), this.abortController.abort(), this.abortController = null, this.ui.destroy(), u.instances instanceof Map ? u.instances.delete(this.id) : delete u.instances[this.id]);
   }
   //* Get the extension from the current number.
   getExtension() {
-    return d.utils ? d.utils.getExtension(
+    return u.utils ? u.utils.getExtension(
       this._getFullNumber(),
       this.selectedCountryData.iso2
     ) : "";
   }
   //* Format the number to the given format.
   getNumber(t) {
-    if (d.utils) {
+    if (u.utils) {
       const { iso2: e } = this.selectedCountryData;
-      return d.utils.formatNumber(
+      return u.utils.formatNumber(
         this._getFullNumber(),
         e,
         t
@@ -3025,10 +3149,10 @@ class S {
   }
   //* Get the type of the entered number e.g. landline/mobile.
   getNumberType() {
-    return d.utils ? d.utils.getNumberType(
+    return u.utils ? u.utils.getNumberType(
       this._getFullNumber(),
       this.selectedCountryData.iso2
-    ) : -99;
+    ) : H.UNKNOWN_NUMBER_TYPE;
   }
   //* Get the country data for the currently selected country.
   getSelectedCountryData() {
@@ -3036,18 +3160,18 @@ class S {
   }
   //* Get the validation error.
   getValidationError() {
-    if (d.utils) {
+    if (u.utils) {
       const { iso2: t } = this.selectedCountryData;
-      return d.utils.getValidationError(this._getFullNumber(), t);
+      return u.utils.getValidationError(this._getFullNumber(), t);
     }
-    return -99;
+    return H.UNKNOWN_VALIDATION_ERROR;
   }
   //* Validate the input val using number length only
   isValidNumber() {
     const { dialCode: t, iso2: e } = this.selectedCountryData;
-    if (t === "44" && d.utils) {
-      const i = this._getFullNumber(), s = d.utils.getCoreNumber(i, e);
-      if (s[0] === "7" && s.length !== 10)
+    if (t === P.DIAL_CODE && u.utils) {
+      const i = this._getFullNumber(), s = u.utils.getCoreNumber(i, e);
+      if (s[0] === P.MOBILE_PREFIX && s.length !== P.MOBILE_CORE_LENGTH)
         return !1;
     }
     return this._validateNumber(!1);
@@ -3057,7 +3181,7 @@ class S {
     return this._validateNumber(!0);
   }
   _utilsIsPossibleNumber(t) {
-    return d.utils ? d.utils.isPossibleNumber(
+    return u.utils ? u.utils.isPossibleNumber(
       t,
       this.selectedCountryData.iso2,
       this.options.validationNumberTypes
@@ -3065,19 +3189,19 @@ class S {
   }
   //* Shared internal validation logic to handle alpha character extension rules.
   _validateNumber(t) {
-    if (!d.utils)
+    if (!u.utils)
       return null;
     if (!this.selectedCountryData.iso2)
       return !1;
-    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(new RegExp("\\p{L}", "u"));
+    const e = (n) => t ? this._utilsIsValidNumber(n) : this._utilsIsPossibleNumber(n), i = this._getFullNumber(), s = i.search(D.ALPHA_UNICODE);
     if (s > -1 && !this.options.allowPhonewords) {
-      const n = i.substring(0, s), a = e(n), r = e(i);
-      return a && r;
+      const n = i.substring(0, s), r = e(n), a = e(i);
+      return r && a;
     }
     return e(i);
   }
   _utilsIsValidNumber(t) {
-    return d.utils ? d.utils.isValidNumber(
+    return u.utils ? u.utils.isValidNumber(
       t,
       this.selectedCountryData.iso2,
       this.options.validationNumberTypes
@@ -3086,7 +3210,7 @@ class S {
   //* Update the selected country, and update the input val accordingly.
   setCountry(t) {
     const e = t == null ? void 0 : t.toLowerCase();
-    if (!A(e))
+    if (!M(e))
       throw new Error(`Invalid country code: '${e}'`);
     const i = this.selectedCountryData.iso2;
     (t && e !== i || !t && i) && (this._setCountry(e), this._updateDialCode(this.selectedCountryData.dialCode), this.options.formatOnDisplay && this._updateValFromNumber(this.ui.telInput.value), this._triggerCountryChange());
@@ -3094,7 +3218,7 @@ class S {
   //* Set the input value and update the country.
   setNumber(t) {
     const e = this._updateCountryFromNumber(t);
-    this._updateValFromNumber(t), e && this._triggerCountryChange(), this._trigger("input", { isSetNumber: !0 });
+    this._updateValFromNumber(t), e && this._triggerCountryChange(), this._trigger(A.INPUT, { isSetNumber: !0 });
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(t) {
@@ -3104,8 +3228,8 @@ class S {
     this.ui.telInput.disabled = t, t ? this.ui.selectedCountry.setAttribute("disabled", "true") : this.ui.selectedCountry.removeAttribute("disabled");
   }
 }
-const at = (l) => {
-  if (!d.utils && !d.startedLoadingUtilsScript) {
+const Et = (l) => {
+  if (!u.utils && !u.startedLoadingUtilsScript) {
     let t;
     if (typeof l == "function")
       try {
@@ -3119,49 +3243,49 @@ const at = (l) => {
           `The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof l}`
         )
       );
-    return d.startedLoadingUtilsScript = !0, t.then((e) => {
+    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 d.utils = i, I("handleUtils"), !0;
+      return u.utils = i, E("handleUtils"), !0;
     }).catch((e) => {
-      throw I("rejectUtilsScriptPromise", e), e;
+      throw E("rejectUtilsScriptPromise", e), e;
     });
   }
   return null;
-}, I = (l, ...t) => {
-  Object.values(d.instances).forEach((e) => {
+}, E = (l, ...t) => {
+  Object.values(u.instances).forEach((e) => {
     const i = e[l];
     typeof i == "function" && i.apply(e, t);
   });
-}, d = Object.assign(
+}, u = Object.assign(
   (l, t) => {
-    const e = new S(l, t);
-    return d.instances[e.id] = e, l.iti = e, e;
+    const e = new x(l, t);
+    return u.instances[e.id] = e, l.iti = e, e;
   },
   {
-    defaults: T,
+    defaults: G,
     //* Using a static var like this allows us to mock it in the tests.
     documentReady: () => document.readyState === "complete",
     //* Get the country data object.
-    getCountryData: () => w,
+    getCountryData: () => L,
     //* A getter for the plugin instance.
     getInstance: (l) => {
       const t = l.dataset.intlTelInputId;
-      return t ? d.instances[t] : null;
+      return t ? u.instances[t] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: at,
+    attachUtils: Et,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.11.0"
+    version: "25.11.2"
   }
-), ut = {
+), vt = {
   __name: "IntlTelInput",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ U({
     disabled: {
       type: Boolean,
       default: !1
@@ -3185,47 +3309,47 @@ const at = (l) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ P([
+  emits: /* @__PURE__ */ U([
     "changeNumber",
     "changeCountry",
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
   setup(l, { expose: t, emit: e }) {
-    const i = B(l, "modelValue"), s = l, o = e, n = L(), a = L(), r = L(!1), u = () => a.value ? s.options.strictMode ? a.value.isValidNumberPrecise() : a.value.isValidNumber() : null, c = () => {
-      let h = u();
-      r.value !== h && (r.value = h, o("changeValidity", !!h), o(
+    const i = K(l, "modelValue"), s = l, o = e, n = T(), r = T(), a = T(!1), d = () => r.value ? s.options.strictMode ? r.value.isValidNumberPrecise() : r.value.isValidNumber() : null, c = () => {
+      let p = d();
+      a.value !== p && (a.value = p, o("changeValidity", !!p), o(
         "changeErrorCode",
-        h ? null : a.value.getValidationError()
+        p ? null : r.value.getValidationError()
       ));
-    }, C = () => {
-      var h;
-      o("changeNumber", ((h = a.value) == null ? void 0 : h.getNumber()) ?? ""), c();
-    }, m = () => {
-      var h;
-      o("changeCountry", ((h = a.value) == null ? void 0 : h.getSelectedCountryData().iso2) ?? ""), C(), c();
+    }, f = () => {
+      var p;
+      o("changeNumber", ((p = r.value) == null ? void 0 : p.getNumber()) ?? ""), c();
+    }, b = () => {
+      var p;
+      o("changeCountry", ((p = r.value) == null ? void 0 : p.getSelectedCountryData().iso2) ?? ""), f(), c();
     };
-    return F(() => {
-      n.value && (a.value = d(n.value, s.options), s.value && a.value.setNumber(s.value), s.disabled && a.value.setDisabled(s.disabled), r.value = u());
-    }), R(
+    return Y(() => {
+      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());
+    }), q(
       () => s.disabled,
-      (h) => {
-        var f;
-        return (f = a.value) == null ? void 0 : f.setDisabled(h);
+      (p) => {
+        var y;
+        return (y = r.value) == null ? void 0 : y.setDisabled(p);
       }
-    ), z(() => {
-      var h;
-      return (h = a.value) == null ? void 0 : h.destroy();
-    }), t({ instance: a, input: n }), (h, f) => V((U(), $("input", j({
+    ), X(() => {
+      var p;
+      return (p = r.value) == null ? void 0 : p.destroy();
+    }), t({ instance: r, input: n }), (p, y) => Q((Z(), J("input", tt({
       ref_key: "input",
       ref: n,
-      "onUpdate:modelValue": f[0] || (f[0] = (b) => i.value = b),
+      "onUpdate:modelValue": y[0] || (y[0] = (w) => i.value = w),
       type: "tel",
-      onCountrychange: m,
-      onInput: C
+      onCountrychange: b,
+      onInput: f
     }, l.inputProps), null, 16)), [
       [
-        W,
+        et,
         i.value,
         void 0,
         { lazy: !0 }
@@ -3234,5 +3358,5 @@ const at = (l) => {
   }
 };
 export {
-  ut as default
+  vt as default
 };