intl-tel-input 25.10.12 → 25.11.1

package/vue/build/IntlTelInput.mjs

@@ -1,5 +1,5 @@
-import { mergeModels as A, useModel as T, ref as N, onMounted as M, watch as B, onUnmounted as F, withDirectives as R, createElementBlock as z, openBlock as V, mergeProps as $, vModelText as U } from "vue";
-const j = [
+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,20 +1676,26 @@ const j = [
     null,
     "0"
   ]
-], _ = [];
-for (const r of j)
-  _.push({
+], L = [];
+for (const l of it)
+  L.push({
     name: "",
     // populated in the plugin
-    iso2: r[0],
-    dialCode: r[1],
-    priority: r[2] || 0,
-    areaCodes: r[3] || null,
+    iso2: l[0],
+    dialCode: l[1],
+    priority: l[2] || 0,
+    areaCodes: l[3] || null,
     nodeById: {},
     // populated by the plugin
-    nationalPrefix: r[4] || null
+    nationalPrefix: l[4] || null,
+    normalisedName: "",
+    // populated in the plugin
+    initials: "",
+    // populated in the plugin
+    dialCodePlus: ""
+    // populated in the plugin
   });
-const O = {
+const st = {
   ad: "Andorra",
   ae: "United Arab Emirates",
   af: "Afghanistan",
@@ -1932,7 +1938,7 @@ const O = {
   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 O = {
   // additional countries (not supported by country-list library)
   ac: "Ascension Island",
   xk: "Kosovo"
-}, P = { ...O, ...H }, D = (r) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(r).matches, K = () => {
+}, 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 r = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), e = D("(max-width: 500px)"), t = D("(max-height: 600px)"), i = D("(pointer: coarse)");
-    return r || e || i && t;
+    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;
-}, x = {
+}, 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,225 +2080,91 @@ const O = {
   //* 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: K(),
+  useFullscreenPopup: at(),
   //* The number type to enforce during validation.
   validationNumberTypes: ["MOBILE"]
+}, 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;
+}, 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>`;
 };
-function W(r) {
-  r.useFullscreenPopup && (r.fixDropdownWidth = !1), r.onlyCountries.length === 1 && (r.initialCountry = r.onlyCountries[0]), r.separateDialCode && (r.nationalMode = !1), r.allowDropdown && !r.showFlags && !r.separateDialCode && (r.nationalMode = !1), r.useFullscreenPopup && !r.dropdownContainer && (r.dropdownContainer = document.body), r.i18n = { ...P, ...r.i18n };
-}
-const I = (r) => r.replace(/\D/g, ""), E = (r = "") => r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), m = (r, e, t) => {
-  const i = document.createElement(r);
-  return e && Object.entries(e).forEach(([n, s]) => i.setAttribute(n, s)), t && t.appendChild(i), i;
-};
-function G(r) {
-  const { onlyCountries: e, excludeCountries: t } = r;
-  if (e.length) {
-    const i = e.map((n) => n.toLowerCase());
-    return _.filter((n) => i.includes(n.iso2));
-  } else if (t.length) {
-    const i = t.map((n) => n.toLowerCase());
-    return _.filter((n) => !i.includes(n.iso2));
-  }
-  return _;
-}
-function q(r, e) {
-  for (const t of r) {
-    const i = t.iso2.toLowerCase();
-    e.i18n[i] && (t.name = e.i18n[i]);
-  }
-}
-function Y(r, e) {
-  const t = /* @__PURE__ */ new Set();
-  let i = 0;
-  const n = {}, s = (o, a, d) => {
-    if (!o || !a)
-      return;
-    a.length > i && (i = a.length), n.hasOwnProperty(a) || (n[a] = []);
-    const l = n[a];
-    if (l.includes(o))
-      return;
-    const h = d !== void 0 ? d : l.length;
-    l[h] = o;
-  };
-  for (const o of r) {
-    t.has(o.dialCode) || t.add(o.dialCode);
-    for (let a = 1; a < o.dialCode.length; a++) {
-      const d = o.dialCode.substring(0, a);
-      s(o.iso2, d);
-    }
-    s(o.iso2, o.dialCode, o.priority);
-  }
-  (e.onlyCountries.length || e.excludeCountries.length) && t.forEach((o) => {
-    n[o] = n[o].filter(Boolean);
-  });
-  for (const o of r)
-    if (o.areaCodes) {
-      const a = n[o.dialCode][0];
-      for (const d of o.areaCodes) {
-        for (let l = 1; l < d.length; l++) {
-          const h = d.substring(0, l), p = o.dialCode + h;
-          s(a, p), s(o.iso2, p);
-        }
-        s(o.iso2, o.dialCode + d);
-      }
-    }
-  return { dialCodes: t, dialCodeMaxLen: i, dialCodeToIso2Map: n };
-}
-function J(r, e) {
-  e.countryOrder && (e.countryOrder = e.countryOrder.map((t) => t.toLowerCase())), r.sort((t, i) => {
-    const { countryOrder: n } = e;
-    if (n) {
-      const s = n.indexOf(t.iso2), o = n.indexOf(i.iso2), a = s > -1, d = o > -1;
-      if (a || d)
-        return a && d ? s - o : a ? -1 : 1;
-    }
-    return t.name.localeCompare(i.name);
-  });
-}
-function Z(r) {
-  for (const e of r)
-    e.normalisedName = E(e.name), e.initials = e.name.split(/[^a-zA-ZÀ-ÿа-яА-Я]/).map((t) => t[0]).join("").toLowerCase(), e.dialCodePlus = `+${e.dialCode}`;
-}
-function Q(r, e, t, i) {
-  let n = r;
-  if (t && e) {
-    e = `+${i.dialCode}`;
-    const s = n[e.length] === " " || n[e.length] === "-" ? e.length + 1 : e.length;
-    n = n.substring(s);
-  }
-  return n;
-}
-function X(r, e, t, i, n) {
-  const s = t ? t.formatNumberAsYouType(r, i.iso2) : r, { dialCode: o } = i;
-  return n && e.charAt(0) !== "+" && s.includes(`+${o}`) ? (s.split(`+${o}`)[1] || "").trim() : s;
-}
-function tt(r, e, t, i) {
-  if (t === 0 && !i)
-    return 0;
-  let n = 0;
-  for (let s = 0; s < e.length; s++) {
-    if (/[+0-9]/.test(e[s]) && n++, n === r && !i)
-      return s + 1;
-    if (i && n === r + 1)
-      return s;
-  }
-  return e.length;
-}
-const et = [
-  "800",
-  "822",
-  "833",
-  "844",
-  "855",
-  "866",
-  "877",
-  "880",
-  "881",
-  "882",
-  "883",
-  "884",
-  "885",
-  "886",
-  "887",
-  "888",
-  "889"
-], k = (r) => {
-  const e = I(r);
-  if (e.charAt(0) === "1") {
-    const t = e.substring(1, 4);
-    return et.includes(t);
-  }
-  return !1;
-};
-for (const r of _)
-  r.name = P[r.iso2];
-let it = 0;
-const nt = new Set(_.map((r) => r.iso2)), S = (r) => nt.has(r), v = (r, ...e) => {
-  const { instances: t } = u;
-  Object.values(t).forEach((i) => i[r](...e));
-};
-class L {
-  /**
-   * Build a space-delimited class string from an object map of className -> truthy/falsey.
-   * Only keys with truthy values are included.
-   */
-  static _buildClassNames(e) {
-    return Object.keys(e).filter((t) => !!e[t]).join(" ");
-  }
-  constructor(e, t = {}) {
-    this.id = it++, this.telInput = e, this.highlightedItem = null, this.options = Object.assign({}, x, t), this.hadInitialPlaceholder = !!e.getAttribute("placeholder");
-  }
-  _detectEnvironmentAndLayout() {
-    this.isAndroid = typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1, this.isRTL = !!this.telInput.closest("[dir=rtl]"), this.options.separateDialCode && (this.originalPaddingLeft = this.telInput.style.paddingLeft);
-  }
-  _createInitPromises() {
-    const e = new Promise((i, n) => {
-      this.resolveAutoCountryPromise = i, this.rejectAutoCountryPromise = n;
-    }), t = new Promise((i, n) => {
-      this.resolveUtilsScriptPromise = i, this.rejectUtilsScriptPromise = n;
-    });
-    this.promise = Promise.all([e, t]);
-  }
-  //* Can't be private as it's called from intlTelInput convenience wrapper.
-  _init() {
-    W(this.options), this._detectEnvironmentAndLayout(), this._createInitPromises(), this.selectedCountryData = {}, this._processCountryData(), this._generateMarkup(), this._setInitialState(), this._initListeners(), this._initRequests();
-  }
-  //********************
-  //*  PRIVATE METHODS
-  //********************
-  //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
-  _processCountryData() {
-    this.countries = G(this.options);
-    const e = Y(this.countries, this.options);
-    this.dialCodes = e.dialCodes, this.dialCodeMaxLen = e.dialCodeMaxLen, this.dialCodeToIso2Map = e.dialCodeToIso2Map, q(this.countries, this.options), J(this.countries, this.options), this.countryByIso2 = new Map(this.countries.map((t) => [t.iso2, t])), Z(this.countries);
+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);
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
-  _generateMarkup() {
-    this._prepareTelInput();
+  generateMarkup(t) {
+    this.countries = t, this._prepareTelInput();
     const e = this._createWrapperAndInsert();
     this._maybeBuildCountryContainer(e), e.appendChild(this.telInput), this._maybeUpdateInputPaddingAndReveal(), this._maybeBuildHiddenInputs(e);
   }
   _prepareTelInput() {
-    this.telInput.classList.add("iti__tel-input"), !this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete")) && this.telInput.setAttribute("autocomplete", "off");
+    var t;
+    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() {
-    var a;
-    const {
-      allowDropdown: e,
-      showFlags: t,
-      containerClass: i,
-      useFullscreenPopup: n
-    } = this.options, s = L._buildClassNames({
+    const { allowDropdown: t, showFlags: e, containerClass: i, useFullscreenPopup: s } = this.options, o = k({
       iti: !0,
-      "iti--allow-dropdown": e,
-      "iti--show-flags": t,
-      "iti--inline-dropdown": !n,
+      "iti--allow-dropdown": t,
+      "iti--show-flags": e,
+      "iti--inline-dropdown": !s,
       [i]: !!i
-    }), o = m("div", { class: s });
-    return this.isRTL && o.setAttribute("dir", "ltr"), (a = this.telInput.parentNode) == null || a.insertBefore(o, this.telInput), o;
+    }), n = m("div", { class: o });
+    return this.isRTL && n.setAttribute("dir", "ltr"), this.telInput.before(n), n;
   }
-  _maybeBuildCountryContainer(e) {
-    const {
-      allowDropdown: t,
-      separateDialCode: i,
-      showFlags: n
-    } = this.options;
-    if (t || n || i) {
+  _maybeBuildCountryContainer(t) {
+    const { allowDropdown: e, separateDialCode: i, showFlags: s } = this.options;
+    if (e || s || i) {
       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" },
-        e
-      ), t ? (this.selectedCountry = m(
+        { class: `iti__country-container ${h.V_HIDE}` },
+        t
+      ), 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 = m(
@@ -2224,63 +2172,63 @@ class L {
         { class: "iti__selected-country" },
         this.countryContainer
       );
-      const s = m(
+      const o = m(
         "div",
         { class: "iti__selected-country-primary" },
         this.selectedCountry
       );
       this.selectedCountryInner = m(
         "div",
-        { class: "iti__flag" },
-        s
-      ), t && (this.dropdownArrow = m(
+        { class: h.FLAG },
+        o
+      ), e && (this.dropdownArrow = m(
         "div",
-        { class: "iti__arrow", "aria-hidden": "true" },
-        s
+        { class: "iti__arrow", [C.HIDDEN]: "true" },
+        o
       )), i && (this.selectedDialCode = m(
         "div",
         { class: "iti__selected-dial-code" },
         this.selectedCountry
-      )), t && this._buildDropdownContent();
+      )), e && this._buildDropdownContent();
     }
   }
   _buildDropdownContent() {
     const {
-      fixDropdownWidth: e,
-      useFullscreenPopup: t,
+      fixDropdownWidth: t,
+      useFullscreenPopup: e,
       countrySearch: i,
-      i18n: n,
-      dropdownContainer: s,
-      containerClass: o
-    } = this.options, a = e ? "" : "iti--flexible-dropdown-width";
+      i18n: s,
+      dropdownContainer: o,
+      containerClass: n
+    } = 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"
+      [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": n.countryListAriaLabel
+        [C.LABEL]: s.countryListAriaLabel
       },
       this.dropdownContent
-    ), this._appendListItems(), i && this._updateSearchResultsA11yText(), s) {
-      const d = L._buildClassNames({
+    ), this._appendListItems(), i && this.updateSearchResultsA11yText(), o) {
+      const a = k({
         iti: !0,
         "iti--container": !0,
-        "iti--fullscreen-popup": t,
-        "iti--inline-dropdown": !t,
-        [o]: !!o
+        "iti--fullscreen-popup": e,
+        "iti--inline-dropdown": !e,
+        [n]: !!n
       });
-      this.dropdown = m("div", { class: d }), 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: e } = this.options, t = m(
+    const { i18n: t } = this.options, e = m(
       "div",
       { class: "iti__search-input-wrapper" },
       this.dropdownContent
@@ -2289,574 +2237,852 @@ class L {
       "span",
       {
         class: "iti__search-icon",
-        "aria-hidden": "true"
+        [C.HIDDEN]: "true"
       },
-      t
-    ), 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 = m(
+      e
+    ), this.searchIcon.innerHTML = ht(), this.searchInput = m(
       "input",
       {
         id: `iti-${this.id}__search-input`,
         // Chrome says inputs need either a name or an id
         type: "search",
         class: "iti__search-input",
-        placeholder: e.searchPlaceholder,
+        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": e.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"
       },
-      t
+      e
     ), this.searchClearButton = m(
       "button",
       {
         type: "button",
-        class: "iti__search-clear iti__hide",
-        "aria-label": e.clearSearchAriaLabel,
+        class: `iti__search-clear ${h.HIDE}`,
+        [C.LABEL]: t.clearSearchAriaLabel,
         tabindex: "-1"
       },
-      t
-    );
-    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 = m(
+      e
+    ), this.searchClearButton.innerHTML = pt(this.id), this.searchResultsA11yText = m(
       "span",
       { class: "iti__a11y-text" },
       this.dropdownContent
     ), 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 = e.zeroSearchResults;
+    ), this.searchNoResults.textContent = t.zeroSearchResults;
   }
   _maybeUpdateInputPaddingAndReveal() {
-    this.countryContainer && (this._updateInputPadding(), this.countryContainer.classList.remove("iti__v-hide"));
-  }
-  _maybeBuildHiddenInputs(e) {
-    var i, n;
-    const { hiddenInput: t } = this.options;
-    if (t) {
-      const s = this.telInput.getAttribute("name") || "", o = t(s);
-      if (o.phone) {
-        const a = (i = this.telInput.form) == null ? void 0 : i.querySelector(`input[name="${o.phone}"]`);
-        a ? this.hiddenInput = a : (this.hiddenInput = m("input", {
+    this.countryContainer && (this.updateInputPadding(), this.countryContainer.classList.remove(h.V_HIDE));
+  }
+  _maybeBuildHiddenInputs(t) {
+    var i, s;
+    const { hiddenInput: e } = this.options;
+    if (e) {
+      const o = this.telInput.getAttribute("name") || "", n = e(o);
+      if (n.phone) {
+        const r = (i = this.telInput.form) == null ? void 0 : i.querySelector(
+          `input[name="${n.phone}"]`
+        );
+        r ? this.hiddenInput = r : (this.hiddenInput = m("input", {
           type: "hidden",
-          name: o.phone
-        }), e.appendChild(this.hiddenInput));
+          name: n.phone
+        }), t.appendChild(this.hiddenInput));
       }
-      if (o.country) {
-        const a = (n = this.telInput.form) == null ? void 0 : n.querySelector(`input[name="${o.country}"]`);
-        a ? this.hiddenInputCountry = a : (this.hiddenInputCountry = m("input", {
+      if (n.country) {
+        const r = (s = this.telInput.form) == null ? void 0 : s.querySelector(
+          `input[name="${n.country}"]`
+        );
+        r ? this.hiddenInputCountry = r : (this.hiddenInputCountry = m("input", {
           type: "hidden",
-          name: o.country
-        }), e.appendChild(this.hiddenInputCountry));
+          name: n.country
+        }), t.appendChild(this.hiddenInputCountry));
       }
     }
   }
   //* For each country: add a country list item <li> to the countryList <ul> container.
   _appendListItems() {
+    const t = document.createDocumentFragment();
     for (let e = 0; e < this.countries.length; e++) {
-      const t = this.countries[e], i = e === 0 ? "iti__highlight" : "", n = m(
-        "li",
-        {
-          id: `iti-${this.id}__item-${t.iso2}`,
-          class: `iti__country ${i}`,
-          tabindex: "-1",
-          role: "option",
-          "data-dial-code": t.dialCode,
-          "data-country-code": t.iso2,
-          "aria-selected": "false"
-        },
-        this.countryList
+      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",
+        [C.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);
+      n.textContent = i.name;
+      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 ? 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`;
+    }
+  }
+  //* When input is in a hidden container during init, we cannot calculate the selected country width.
+  //* Fix: clone the markup, make it invisible, add it to the end of the DOM, and then measure it's width.
+  //* To get the right styling to apply, all we need is a shallow clone of the container,
+  //* and then to inject a deep clone of the selectedCountry element.
+  _getHiddenSelectedCountryWidth() {
+    if (this.telInput.parentNode) {
+      let t;
+      try {
+        t = window.top.document.body;
+      } catch {
+        t = document.body;
+      }
+      const e = this.telInput.parentNode.cloneNode(
+        !1
       );
-      t.nodeById[this.id] = n;
-      let s = "";
-      this.options.showFlags && (s += `<div class='iti__flag iti__${t.iso2}'></div>`), s += `<span class='iti__country-name'>${t.name}</span>`, s += `<span class='iti__dial-code' dir='ltr'>+${t.dialCode}</span>`, n.insertAdjacentHTML("beforeend", s);
+      e.style.visibility = "hidden", t.appendChild(e);
+      const i = this.countryContainer.cloneNode();
+      e.appendChild(i);
+      const s = this.selectedCountry.cloneNode(
+        !0
+      );
+      i.appendChild(s);
+      const o = s.offsetWidth;
+      return t.removeChild(e), o;
+    }
+    return 0;
+  }
+  //* Update search results text (for a11y).
+  updateSearchResultsA11yText() {
+    const { i18n: t } = this.options, e = this.countryList.childElementCount;
+    let i;
+    e === 0 ? i = t.zeroSearchResults : t.searchResultsText ? i = t.searchResultsText(e) : e === 1 ? i = t.oneSearchResult : i = t.multipleSearchResults.replace(
+      "${count}",
+      e.toString()
+    ), this.searchResultsA11yText.textContent = i;
+  }
+  //* 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, r = t.offsetHeight, a = t.getBoundingClientRect().top + i, d = a + r, c = a - o + e.scrollTop;
+    if (a < o)
+      e.scrollTop = 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(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(C.ACTIVE_DESCENDANT, s);
     }
+    e && this.highlightedItem.focus();
+  }
+  //* Country search: Filter the country list to the given array of countries.
+  filterCountries(t) {
+    this.countryList.innerHTML = "";
+    let e = !0;
+    for (const i of t) {
+      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(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);
+    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;
+    for (const e of this.countries)
+      delete e.nodeById[this.id];
+    this.countries = null;
+  }
+}
+const mt = (l) => {
+  const { onlyCountries: t, excludeCountries: e } = l;
+  if (t.length) {
+    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 L.filter(
+      (s) => !i.includes(s.iso2)
+    );
+  }
+  return L;
+}, ft = (l, t) => {
+  for (const e of l) {
+    const i = e.iso2.toLowerCase();
+    t.i18n[i] && (e.name = t.i18n[i]);
+  }
+}, yt = (l, t) => {
+  const e = /* @__PURE__ */ new Set();
+  let i = 0;
+  const s = {}, o = (n, r, a) => {
+    if (!n || !r)
+      return;
+    r.length > i && (i = r.length), s.hasOwnProperty(r) || (s[r] = []);
+    const d = s[r];
+    if (d.includes(n))
+      return;
+    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 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);
+  }
+  (t.onlyCountries.length || t.excludeCountries.length) && e.forEach((n) => {
+    s[n] = s[n].filter(Boolean);
+  });
+  for (const n of l)
+    if (n.areaCodes) {
+      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 + a);
+      }
+    }
+  return { dialCodes: e, dialCodeMaxLen: i, dialCodeToIso2Map: s };
+}, 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), r = o > -1, a = n > -1;
+      if (r || a)
+        return r && a ? o - n : r ? -1 : 1;
+    }
+    return e.name.localeCompare(i.name);
+  });
+}, bt = (l) => {
+  for (const t of l)
+    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}`;
+    const o = s[t.length] === " " || s[t.length] === "-" ? t.length + 1 : t.length;
+    s = s.substring(o);
+  }
+  return 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;
+}, wt = (l, t, e, i) => {
+  if (e === 0 && !i)
+    return 0;
+  let s = 0;
+  for (let o = 0; o < t.length; o++) {
+    if (/[+0-9]/.test(t[o]) && s++, s === l && !i)
+      return o + 1;
+    if (i && s === l + 1)
+      return o;
+  }
+  return t.length;
+}, Nt = [
+  "800",
+  "822",
+  "833",
+  "844",
+  "855",
+  "866",
+  "877",
+  "880",
+  "881",
+  "882",
+  "883",
+  "884",
+  "885",
+  "886",
+  "887",
+  "888",
+  "889"
+], F = (l) => {
+  const t = v(l);
+  if (t.startsWith($.NANP) && t.length >= 4) {
+    const e = t.substring(1, 4);
+    return Nt.includes(e);
+  }
+  return !1;
+};
+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 = 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
+    );
+    this.dialCodes = i, this.dialCodeMaxLen = s, this.dialCodeToIso2Map = o, this.countryByIso2 = new Map(this.countries.map((n) => [n.iso2, n])), this._init();
+  }
+  static _getIsAndroid() {
+    return typeof navigator < "u" ? /Android/i.test(navigator.userAgent) : !1;
+  }
+  _createInitPromises() {
+    const t = new Promise((i, s) => {
+      this.resolveAutoCountryPromise = i, this.rejectAutoCountryPromise = s;
+    }), e = new Promise((i, s) => {
+      this.resolveUtilsScriptPromise = i, this.rejectUtilsScriptPromise = s;
+    });
+    return Promise.all([t, e]);
+  }
+  //* Can't be private as it's called from intlTelInput convenience wrapper.
+  _init() {
+    this.selectedCountryData = {}, this.abortController = new AbortController(), this._processCountryData(), this.ui.generateMarkup(this.countries), this._setInitialState(), this._initListeners(), this._initRequests();
+  }
+  //********************
+  //*  PRIVATE METHODS
+  //********************
+  //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
+  _processCountryData() {
+    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(e = !1) {
-    const t = this.telInput.getAttribute("value"), i = this.telInput.value, s = t && t.charAt(0) === "+" && (!i || i.charAt(0) !== "+") ? t : i, o = this._getDialCode(s), a = k(s), { initialCountry: d, geoIpLookup: l } = this.options, h = d === "auto" && l;
-    if (o && !a)
-      this._updateCountryFromNumber(s);
-    else if (!h || e) {
-      const p = d ? d.toLowerCase() : "";
-      S(p) ? this._setCountry(p) : o && a ? this._setCountry("us") : this._setCountry("");
+  _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), 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 f = a ? a.toLowerCase() : "";
+      M(f) ? this._setCountry(f) : n && r ? this._setCountry(lt.ISO2) : this._setCountry("");
     }
-    s && this._updateValFromNumber(s);
+    o && this._updateValFromNumber(o);
   }
   //* Initialise the main event listeners: input keyup, and click selected country.
   _initListeners() {
-    this._initTelInputListeners(), this.options.allowDropdown && this._initDropdownListeners(), (this.hiddenInput || this.hiddenInputCountry) && this.telInput.form && this._initHiddenInputListener();
+    this._initTelInputListeners(), this.options.allowDropdown && this._initDropdownListeners(), (this.ui.hiddenInput || this.ui.hiddenInputCountry) && this.ui.telInput.form && this._initHiddenInputListener();
   }
   //* Update hidden input on form submit.
   _initHiddenInputListener() {
     var e;
-    this._handleHiddenInputSubmit = () => {
-      this.hiddenInput && (this.hiddenInput.value = this.getNumber()), this.hiddenInputCountry && (this.hiddenInputCountry.value = this.getSelectedCountryData().iso2 || "");
-    }, (e = this.telInput.form) == null || e.addEventListener(
-      "submit",
-      this._handleHiddenInputSubmit
-    );
+    const t = () => {
+      this.ui.hiddenInput && (this.ui.hiddenInput.value = this.getNumber()), this.ui.hiddenInputCountry && (this.ui.hiddenInputCountry.value = this.selectedCountryData.iso2 || "");
+    };
+    (e = this.ui.telInput.form) == null || e.addEventListener("submit", t, {
+      signal: this.abortController.signal
+    });
   }
   //* initialise the dropdown listeners.
   _initDropdownListeners() {
-    this._handleLabelClick = (t) => {
-      this.dropdownContent.classList.contains("iti__hide") ? this.telInput.focus() : t.preventDefault();
+    const t = this.abortController.signal, e = (n) => {
+      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(
+        h.HIDE
+      ) && !this.ui.telInput.disabled && !this.ui.telInput.readOnly && this._openDropdown();
     };
-    const e = this.telInput.closest("label");
-    e && e.addEventListener("click", this._handleLabelClick), this._handleClickSelectedCountry = () => {
-      this.dropdownContent.classList.contains("iti__hide") && !this.telInput.disabled && !this.telInput.readOnly && this._openDropdown();
-    }, this.selectedCountry.addEventListener("click", this._handleClickSelectedCountry), this._handleCountryContainerKeydown = (t) => {
-      this.dropdownContent.classList.contains("iti__hide") && ["ArrowUp", "ArrowDown", " ", "Enter"].includes(t.key) && (t.preventDefault(), t.stopPropagation(), this._openDropdown()), t.key === "Tab" && this._closeDropdown();
-    }, this.countryContainer.addEventListener(
+    this.ui.selectedCountry.addEventListener(
+      "click",
+      s,
+      {
+        signal: t
+      }
+    );
+    const o = (n) => {
+      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",
-      this._handleCountryContainerKeydown
+      o,
+      { signal: t }
     );
   }
   //* Init many requests: utils script / geo ip lookup.
   _initRequests() {
-    let { loadUtils: e, initialCountry: t, geoIpLookup: i } = this.options;
-    e && !u.utils ? (this._doAttachUtils = () => {
-      var s;
-      (s = u.attachUtils(e)) == null || s.catch(() => {
-      });
-    }, u.documentReady() ? this._doAttachUtils() : (this._handlePageLoad = () => {
-      this._doAttachUtils();
-    }, window.addEventListener("load", this._handlePageLoad))) : this.resolveUtilsScriptPromise(), t === "auto" && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
+    const { loadUtils: t, initialCountry: e, geoIpLookup: i } = this.options;
+    if (t && !u.utils) {
+      const o = () => {
+        var n;
+        (n = u.attachUtils(t)) == null || n.catch(() => {
+        });
+      };
+      if (u.documentReady())
+        o();
+      else {
+        const n = () => {
+          o();
+        };
+        window.addEventListener("load", n, {
+          signal: this.abortController.signal
+        });
+      }
+    } else
+      this.resolveUtilsScriptPromise();
+    e === O.AUTO && i && !this.selectedCountryData.iso2 ? this._loadAutoCountry() : this.resolveAutoCountryPromise();
   }
   //* Perform the geo ip lookup.
   _loadAutoCountry() {
     u.autoCountry ? this.handleAutoCountry() : u.startedLoadingAutoCountry || (u.startedLoadingAutoCountry = !0, typeof this.options.geoIpLookup == "function" && this.options.geoIpLookup(
-      (e = "") => {
-        const t = e.toLowerCase();
-        S(t) ? (u.autoCountry = t, setTimeout(() => v("handleAutoCountry"))) : (this._setInitialState(!0), v("rejectAutoCountryPromise"));
+      (t = "") => {
+        const e = t.toLowerCase();
+        M(e) ? (u.autoCountry = e, setTimeout(() => E("handleAutoCountry"))) : (this._setInitialState(!0), E("rejectAutoCountryPromise"));
       },
       () => {
-        this._setInitialState(!0), v("rejectAutoCountryPromise");
+        this._setInitialState(!0), E("rejectAutoCountryPromise");
       }
     ));
   }
   _openDropdownWithPlus() {
-    this._openDropdown(), this.searchInput.value = "+", this._filterCountries("");
+    this._openDropdown(), this.ui.searchInput.value = "+", this._filterCountriesByQuery("");
   }
   //* Initialize the tel input listeners.
   _initTelInputListeners() {
     this._bindInputListener(), this._maybeBindKeydownListener(), this._maybeBindPasteListener();
   }
   _bindInputListener() {
-    const { strictMode: e, formatAsYouType: t, separateDialCode: i, allowDropdown: n, countrySearch: s } = this.options;
-    let o = !1;
-    new RegExp("\\p{L}", "u").test(this.telInput.value) && (o = !0), this._handleInputEvent = (a) => {
-      if (this.isAndroid && (a == null ? void 0 : a.data) === "+" && i && n && s) {
-        const p = this.telInput.selectionStart || 0, g = this.telInput.value.substring(0, p - 1), c = this.telInput.value.substring(p);
-        this.telInput.value = g + c, this._openDropdownWithPlus();
+    const {
+      strictMode: t,
+      formatAsYouType: e,
+      separateDialCode: i,
+      allowDropdown: s,
+      countrySearch: o
+    } = this.options;
+    let n = !1;
+    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,
+          b - 1
+        ), y = this.ui.telInput.value.substring(b);
+        this.ui.telInput.value = p + y, this._openDropdownWithPlus();
         return;
       }
-      this._updateCountryFromNumber(this.telInput.value) && this._triggerCountryChange();
-      const d = (a == null ? void 0 : a.data) && /[^+0-9]/.test(a.data), l = (a == null ? void 0 : a.inputType) === "insertFromPaste" && this.telInput.value;
-      d || l && !e ? o = !0 : /[^+0-9]/.test(this.telInput.value) || (o = !1);
-      const h = (a == null ? void 0 : a.detail) && a.detail.isSetNumber;
-      if (t && !o && !h) {
-        const p = this.telInput.selectionStart || 0, c = this.telInput.value.substring(0, p).replace(/[^+0-9]/g, "").length, f = (a == null ? void 0 : a.inputType) === "deleteContentForward", C = this._getFullNumber(), y = X(
-          C,
-          this.telInput.value,
+      this._updateCountryFromNumber(this.ui.telInput.value) && this._triggerCountryChange();
+      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,
+          b
+        ).replace(
+          D.NON_PLUS_NUMERIC_GLOBAL,
+          ""
+        ).length, w = (a == null ? void 0 : a.inputType) === B.DELETE_FWD, I = this._getFullNumber(), _ = _t(
+          I,
+          this.ui.telInput.value,
           u.utils,
           this.selectedCountryData,
           this.options.separateDialCode
-        ), b = tt(c, y, p, f);
-        this.telInput.value = y, this.telInput.setSelectionRange(b, b);
+        ), N = wt(
+          y,
+          _,
+          b,
+          w
+        );
+        this.ui.telInput.value = _, this.ui.telInput.setSelectionRange(N, N);
       }
-    }, this.telInput.addEventListener("input", this._handleInputEvent);
+    };
+    this.ui.telInput.addEventListener(
+      "input",
+      r,
+      {
+        signal: this.abortController.signal
+      }
+    );
   }
   _maybeBindKeydownListener() {
-    const { strictMode: e, separateDialCode: t, allowDropdown: i, countrySearch: n } = this.options;
-    (e || t) && (this._handleKeydownEvent = (s) => {
-      if (s.key && s.key.length === 1 && !s.altKey && !s.ctrlKey && !s.metaKey) {
-        if (t && i && n && s.key === "+") {
-          s.preventDefault(), this._openDropdownWithPlus();
-          return;
-        }
-        if (e) {
-          const o = this.telInput.value, d = !(o.charAt(0) === "+") && this.telInput.selectionStart === 0 && s.key === "+", l = /^[0-9]$/.test(s.key), h = t ? l : d || l, p = o.slice(0, this.telInput.selectionStart) + s.key + o.slice(this.telInput.selectionEnd), g = this._getFullNumber(p), c = u.utils.getCoreNumber(g, this.selectedCountryData.iso2), f = this.maxCoreNumberLength && c.length > this.maxCoreNumberLength, y = this._getNewCountryFromNumber(g) !== null;
-          (!h || f && !y && !d) && s.preventDefault();
+    const { strictMode: t, separateDialCode: e, allowDropdown: i, countrySearch: s } = this.options;
+    if (t || e) {
+      const o = (n) => {
+        if (n.key && n.key.length === 1 && !n.altKey && !n.ctrlKey && !n.metaKey) {
+          if (e && i && s && n.key === "+") {
+            n.preventDefault(), this._openDropdownWithPlus();
+            return;
+          }
+          if (t) {
+            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
+            ), w = this.maxCoreNumberLength && y.length > this.maxCoreNumberLength, _ = this._getNewCountryFromNumber(p) !== null;
+            (!f || w && !_ && !d) && n.preventDefault();
+          }
         }
-      }
-    }, this.telInput.addEventListener("keydown", this._handleKeydownEvent));
+      };
+      this.ui.telInput.addEventListener("keydown", o, {
+        signal: this.abortController.signal
+      });
+    }
   }
   _maybeBindPasteListener() {
-    this.options.strictMode && (this._handlePasteEvent = (e) => {
-      e.preventDefault();
-      const t = this.telInput, i = t.selectionStart, n = t.selectionEnd, s = t.value.slice(0, i), o = t.value.slice(n), a = this.selectedCountryData.iso2, d = e.clipboardData.getData("text"), l = i === 0 && n > 0, h = !t.value.startsWith("+") || l, p = d.replace(/[^0-9+]/g, ""), g = p.startsWith("+"), c = p.replace(/\+/g, ""), f = g && h ? `+${c}` : c;
-      let C = s + f + o, y = u.utils.getCoreNumber(C, a);
-      for (; y.length === 0 && C.length > 0; )
-        C = C.slice(0, -1), y = u.utils.getCoreNumber(C, a);
-      if (!y)
-        return;
-      if (this.maxCoreNumberLength && y.length > this.maxCoreNumberLength)
-        if (t.selectionEnd === t.value.length) {
-          const w = y.length - this.maxCoreNumberLength;
-          C = C.slice(0, C.length - w);
-        } else
+    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), 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;
-      t.value = C;
-      const b = i + f.length;
-      t.setSelectionRange(b, b), t.dispatchEvent(new InputEvent("input", { bubbles: !0 }));
-    }, this.telInput.addEventListener("paste", this._handlePasteEvent));
+        if (this.maxCoreNumberLength && _.length > this.maxCoreNumberLength)
+          if (i.selectionEnd === i.value.length) {
+            const j = _.length - this.maxCoreNumberLength;
+            I = I.slice(0, I.length - j);
+          } else
+            return;
+        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
+      });
+    }
   }
   //* Adhere to the input's maxlength attr.
-  _cap(e) {
-    const t = parseInt(this.telInput.getAttribute("maxlength") || "", 10);
-    return t && e.length > t ? e.substring(0, t) : e;
+  _cap(t) {
+    const e = Number(this.ui.telInput.getAttribute("maxlength"));
+    return e && t.length > e ? t.substring(0, e) : t;
   }
-  //* Trigger a custom event on the input.
-  _trigger(e, t = {}) {
-    const i = new CustomEvent(e, {
+  //* Trigger a custom event on the input (typed via ItiEventMap).
+  _trigger(t, e = {}) {
+    const i = new CustomEvent(t, {
       bubbles: !0,
       cancelable: !0,
-      detail: t
+      detail: e
     });
-    this.telInput.dispatchEvent(i);
+    this.ui.telInput.dispatchEvent(i);
   }
   //* Open the dropdown.
   _openDropdown() {
-    const { fixDropdownWidth: e, countrySearch: t } = this.options;
-    if (e && (this.dropdownContent.style.width = `${this.telInput.offsetWidth}px`), this.dropdownContent.classList.remove("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "true"), this._setDropdownPosition(), t) {
-      const i = this.countryList.firstElementChild;
-      i && (this._highlightListItem(i, !1), this.countryList.scrollTop = 0), this.searchInput.focus();
+    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(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.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() {
-    if (this.options.dropdownContainer && this.options.dropdownContainer.appendChild(this.dropdown), !this.options.useFullscreenPopup) {
-      const e = this.telInput.getBoundingClientRect(), t = this.telInput.offsetHeight;
-      this.options.dropdownContainer && (this.dropdown.style.top = `${e.top + t}px`, this.dropdown.style.left = `${e.left}px`, this._handleWindowScroll = () => this._closeDropdown(), window.addEventListener("scroll", this._handleWindowScroll));
+    if (this.options.dropdownContainer && this.options.dropdownContainer.appendChild(this.ui.dropdown), !this.options.useFullscreenPopup) {
+      const t = this.ui.telInput.getBoundingClientRect(), e = this.ui.telInput.offsetHeight;
+      if (this.options.dropdownContainer) {
+        this.ui.dropdown.style.top = `${t.top + e}px`, this.ui.dropdown.style.left = `${t.left}px`;
+        const i = () => this._closeDropdown();
+        window.addEventListener("scroll", i, {
+          signal: this.dropdownAbortController.signal
+        });
+      }
     }
   }
   //* We only bind dropdown listeners when the dropdown is open.
   _bindDropdownListeners() {
-    this._handleMouseoverCountryList = (i) => {
-      var s;
-      const n = (s = i.target) == null ? void 0 : s.closest(".iti__country");
-      n && this._highlightListItem(n, !1);
-    }, this.countryList.addEventListener(
+    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}`
+      );
+      s && this.ui.highlightListItem(s, !1);
+    };
+    this.ui.countryList.addEventListener(
       "mouseover",
-      this._handleMouseoverCountryList
-    ), this._handleClickCountryList = (i) => {
-      var s;
-      const n = (s = i.target) == null ? void 0 : s.closest(".iti__country");
-      n && this._selectListItem(n);
-    }, this.countryList.addEventListener("click", this._handleClickCountryList), this._handleClickOffToClose = (i) => {
-      !!i.target.closest(`#iti-${this.id}__dropdown-content`) || this._closeDropdown();
-    }, setTimeout(() => {
+      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}`
+      );
+      s && this._selectListItem(s);
+    };
+    this.ui.countryList.addEventListener("click", e, {
+      signal: t
+    });
+  }
+  //* 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",
-        this._handleClickOffToClose
+        e,
+        { signal: t }
       );
     }, 0);
-    let e = "", t = null;
-    if (this._handleKeydownOnDropdown = (i) => {
-      ["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(i.key) && (i.preventDefault(), i.stopPropagation(), i.key === "ArrowUp" || i.key === "ArrowDown" ? this._handleUpDownKey(i.key) : i.key === "Enter" ? this._handleEnterKey() : i.key === "Escape" && this._closeDropdown()), !this.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(i.key) && (i.stopPropagation(), t && clearTimeout(t), e += i.key.toLowerCase(), this._searchForCountry(e), t = setTimeout(() => {
+  }
+  //* 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 = "";
-      }, 1e3));
-    }, document.addEventListener("keydown", this._handleKeydownOnDropdown), this.options.countrySearch) {
-      const i = () => {
-        const s = this.searchInput.value.trim();
-        this._filterCountries(s), this.searchInput.value ? this.searchClearButton.classList.remove("iti__hide") : this.searchClearButton.classList.add("iti__hide");
-      };
-      let n = null;
-      this._handleSearchChange = () => {
-        n && clearTimeout(n), n = setTimeout(() => {
-          i(), n = null;
-        }, 100);
-      }, this.searchInput.addEventListener("input", this._handleSearchChange), this._handleSearchClear = () => {
-        this.searchInput.value = "", this.searchInput.focus(), i();
-      }, this.searchClearButton.addEventListener("click", this._handleSearchClear);
-    }
+      }, ot.HIDDEN_SEARCH_RESET_MS));
+    };
+    document.addEventListener("keydown", s, { signal: t });
   }
-  //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
-  _searchForCountry(e) {
-    for (const t of this.countries)
-      if (t.name.substring(0, e.length).toLowerCase() === e) {
-        const n = t.nodeById[this.id];
-        this._highlightListItem(n, !1), this._scrollTo(n);
-        break;
-      }
+  //* 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
+    });
   }
-  //* Country search enabled: Filter the countries according to the search query.
-  _filterCountries(e) {
-    this.countryList.innerHTML = "";
-    let t;
-    e === "" ? t = this.countries : t = this._getMatchedCountries(e);
-    let i = !0;
-    for (const n of t) {
-      const s = n.nodeById[this.id];
-      s && (this.countryList.appendChild(s), i && (this._highlightListItem(s, !1), i = !1));
+  //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
+  _searchForCountry(t) {
+    const e = ct(this.countries, t);
+    if (e) {
+      const i = e.nodeById[this.id];
+      this.ui.highlightListItem(i, !1), this.ui.scrollTo(i);
     }
-    i ? (this._highlightListItem(null, !1), this.searchNoResults && this.searchNoResults.classList.remove("iti__hide")) : this.searchNoResults && this.searchNoResults.classList.add("iti__hide"), this.countryList.scrollTop = 0, this._updateSearchResultsA11yText();
-  }
-  _getMatchedCountries(e) {
-    const t = E(e), i = [], n = [], s = [], o = [], a = [], d = [];
-    for (const l of this.countries)
-      l.iso2 === t ? i.push(l) : l.normalisedName.startsWith(t) ? n.push(l) : l.normalisedName.includes(t) ? s.push(l) : t === l.dialCode || t === l.dialCodePlus ? o.push(l) : l.dialCodePlus.includes(t) ? a.push(l) : l.initials.includes(t) && d.push(l);
-    return [
-      ...i.sort((l, h) => l.priority - h.priority),
-      ...n.sort((l, h) => l.priority - h.priority),
-      ...s.sort((l, h) => l.priority - h.priority),
-      ...o.sort((l, h) => l.priority - h.priority),
-      ...a.sort((l, h) => l.priority - h.priority),
-      ...d.sort((l, h) => l.priority - h.priority)
-    ];
   }
-  //* Update search results text (for a11y).
-  _updateSearchResultsA11yText() {
-    const { i18n: e } = this.options, t = this.countryList.childElementCount;
-    let i;
-    t === 0 ? i = e.zeroSearchResults : e.searchResultsText ? i = e.searchResultsText(t) : t === 1 ? i = e.oneSearchResult : i = e.multipleSearchResults.replace("${count}", t.toString()), this.searchResultsA11yText.textContent = i;
+  //* Country search: Filter the countries according to the search query.
+  _filterCountriesByQuery(t) {
+    let e;
+    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(e) {
-    var i, n;
-    let t = e === "ArrowUp" ? (i = this.highlightedItem) == null ? void 0 : i.previousElementSibling : (n = this.highlightedItem) == null ? void 0 : n.nextElementSibling;
-    !t && this.countryList.childElementCount > 1 && (t = e === "ArrowUp" ? this.countryList.lastElementChild : this.countryList.firstElementChild), t && (this._scrollTo(t), this._highlightListItem(t, !1));
+  _handleUpDownKey(t) {
+    var i, s;
+    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() {
-    this.highlightedItem && this._selectListItem(this.highlightedItem);
+    this.ui.highlightedItem && this._selectListItem(this.ui.highlightedItem);
   }
   //* Update the input's value to the given val (format first if possible)
   //* NOTE: this is called from _setInitialState, handleUtils and setNumber.
-  _updateValFromNumber(e) {
-    let t = e;
+  _updateValFromNumber(t) {
+    let e = t;
     if (this.options.formatOnDisplay && u.utils && this.selectedCountryData) {
-      const i = this.options.nationalMode || t.charAt(0) !== "+" && !this.options.separateDialCode, { NATIONAL: n, INTERNATIONAL: s } = u.utils.numberFormat, o = i ? n : s;
-      t = u.utils.formatNumber(
-        t,
+      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,
-        o
+        n
       );
     }
-    t = this._beforeSetNumber(t), this.telInput.value = t;
+    e = this._beforeSetNumber(e), this.ui.telInput.value = e;
   }
   //* Check if need to select a new country based on the given number
   //* Note: called from _setInitialState, keyup handler, setNumber.
-  _updateCountryFromNumber(e) {
-    const t = this._getNewCountryFromNumber(e);
-    return t !== null ? this._setCountry(t) : !1;
+  _updateCountryFromNumber(t) {
+    const e = this._getNewCountryFromNumber(t);
+    return e !== null ? this._setCountry(e) : !1;
   }
   // if there is a selected country, and the number doesn't start with a dial code, then add it
-  _ensureHasDialCode(e) {
-    const { dialCode: t, nationalPrefix: i } = this.selectedCountryData;
-    if (e.charAt(0) === "+" || !t)
-      return e;
-    const o = i && e.charAt(0) === i && !this.options.separateDialCode ? e.substring(1) : e;
-    return `+${t}${o}`;
+  _ensureHasDialCode(t) {
+    const { dialCode: e, nationalPrefix: i } = this.selectedCountryData;
+    if (t.startsWith("+") || !e)
+      return t;
+    const n = i && t.startsWith(i) && !this.options.separateDialCode ? t.substring(1) : t;
+    return `+${e}${n}`;
   }
   // Get the country ISO2 code from the given number
   // BUT ONLY IF ITS CHANGED FROM THE CURRENTLY SELECTED COUNTRY
   // NOTE: consider refactoring this to be more clear
-  _getNewCountryFromNumber(e) {
-    const t = e.indexOf("+");
-    let i = t ? e.substring(t) : e;
-    const n = this.selectedCountryData.iso2, s = this.selectedCountryData.dialCode;
+  _getNewCountryFromNumber(t) {
+    const e = t.indexOf("+");
+    let i = e ? t.substring(e) : t;
+    const s = this.selectedCountryData.iso2, o = this.selectedCountryData.dialCode;
     i = this._ensureHasDialCode(i);
-    const o = this._getDialCode(i, !0), a = I(i);
-    if (o) {
-      const d = I(o), l = this.dialCodeToIso2Map[d];
-      if (l.length === 1)
-        return l[0] === n ? null : l[0];
-      if (!n && this.defaultCountry && l.includes(this.defaultCountry))
+    const n = this._getDialCode(i, !0), r = v(i);
+    if (n) {
+      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 (s === "1" && k(a))
+      if (o === $.NANP && F(r))
         return null;
-      const { areaCodes: p, priority: g } = this.selectedCountryData;
-      if (p) {
-        const b = p.map((w) => `${s}${w}`);
-        for (const w of b)
-          if (a.startsWith(w))
+      const { areaCodes: f, priority: b } = this.selectedCountryData;
+      if (f) {
+        const _ = f.map(
+          (N) => `${o}${N}`
+        );
+        for (const N of _)
+          if (r.startsWith(N))
             return null;
       }
-      const f = p && !(g === 0) && a.length > d.length, C = n && l.includes(n) && !f, y = n === l[0];
-      if (!C && !y)
-        return l[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.charAt(0) === "+" && a.length)
+      if (i.startsWith("+") && r.length)
         return "";
-      if ((!i || i === "+") && !n)
+      if ((!i || i === "+") && !s)
         return this.defaultCountry;
     }
     return null;
   }
-  //* Remove highlighting from other list items and highlight the given item.
-  _highlightListItem(e, t) {
-    const i = this.highlightedItem;
-    if (i && (i.classList.remove("iti__highlight"), i.setAttribute("aria-selected", "false")), this.highlightedItem = e, this.highlightedItem && (this.highlightedItem.classList.add("iti__highlight"), this.highlightedItem.setAttribute("aria-selected", "true"), this.options.countrySearch)) {
-      const n = this.highlightedItem.getAttribute("id") || "";
-      this.searchInput.setAttribute("aria-activedescendant", n);
-    }
-    t && this.highlightedItem.focus();
-  }
   //* Update the selected country, dial code (if separateDialCode), placeholder, title, and active list item.
   //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
-  _setCountry(e) {
-    const { separateDialCode: t, showFlags: i, i18n: n } = this.options, s = this.selectedCountryData.iso2 || "";
-    if (this.selectedCountryData = e ? this.countryByIso2.get(e) : {}, this.selectedCountryData.iso2 && (this.defaultCountry = this.selectedCountryData.iso2), this.selectedCountry) {
-      const o = e && i ? `iti__flag iti__${e}` : "iti__flag iti__globe";
-      let a, d;
-      if (e) {
-        const { name: l, dialCode: h } = this.selectedCountryData;
-        d = l, a = n.selectedCountryAriaLabel.replace("${countryName}", l).replace("${dialCode}", `+${h}`);
+  _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;
+      if (t) {
+        const { name: d, dialCode: c } = this.selectedCountryData;
+        a = d, r = s.selectedCountryAriaLabel.replace("${countryName}", d).replace("${dialCode}", `+${c}`);
       } else
-        d = n.noCountrySelected, a = n.noCountrySelected;
-      this.selectedCountryInner.className = o, this.selectedCountry.setAttribute("title", d), this.selectedCountry.setAttribute("aria-label", a);
-    }
-    if (t) {
-      const o = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
-      this.selectedDialCode.innerHTML = o, this._updateInputPadding();
+        a = s.noCountrySelected, r = s.noCountrySelected;
+      this.ui.selectedCountryInner.className = n, this.ui.selectedCountry.setAttribute("title", a), this.ui.selectedCountry.setAttribute(C.LABEL, r);
     }
-    return this._updatePlaceholder(), this._updateMaxLength(), s !== e;
-  }
-  //* Update the input padding to make space for the selected country/dial code.
-  _updateInputPadding() {
-    if (this.selectedCountry) {
-      const e = this.options.separateDialCode ? 78 : 42, i = (this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || e) + 6;
-      this.telInput.style.paddingLeft = `${i}px`;
+    if (e) {
+      const n = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
+      this.ui.selectedDialCode.textContent = n, this.ui.updateInputPadding();
     }
+    return this._updatePlaceholder(), this._updateMaxLength(), o !== t;
   }
   //* Update the maximum valid number length for the currently selected country.
   _updateMaxLength() {
-    const { strictMode: e, placeholderNumberType: t, validationNumberTypes: i } = this.options, { iso2: n } = this.selectedCountryData;
-    if (e && u.utils)
-      if (n) {
-        const s = u.utils.numberType[t];
-        let o = u.utils.getExampleNumber(
-          n,
-          !1,
+    const { strictMode: t, placeholderNumberType: e, validationNumberTypes: i } = this.options, { iso2: s } = this.selectedCountryData;
+    if (t && u.utils)
+      if (s) {
+        const o = u.utils.numberType[e];
+        let n = u.utils.getExampleNumber(
           s,
+          !1,
+          o,
           !0
-        ), a = o;
-        for (; u.utils.isPossibleNumber(o, n, i); )
-          a = o, o += "0";
-        const d = u.utils.getCoreNumber(a, n);
-        this.maxCoreNumberLength = d.length, n === "by" && (this.maxCoreNumberLength = d.length + 1);
+        ), r = n;
+        for (; u.utils.isPossibleNumber(
+          n,
+          s,
+          i
+        ); )
+          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;
   }
-  //* When input is in a hidden container during init, we cannot calculate the selected country width.
-  //* Fix: clone the markup, make it invisible, add it to the end of the DOM, and then measure it's width.
-  //* To get the right styling to apply, all we need is a shallow clone of the container,
-  //* and then to inject a deep clone of the selectedCountry element.
-  _getHiddenSelectedCountryWidth() {
-    if (this.telInput.parentNode) {
-      let e;
-      try {
-        e = window.top.document.body;
-      } catch {
-        e = document.body;
-      }
-      const t = this.telInput.parentNode.cloneNode(!1);
-      t.style.visibility = "hidden", e.appendChild(t);
-      const i = this.countryContainer.cloneNode();
-      t.appendChild(i);
-      const n = this.selectedCountry.cloneNode(!0);
-      i.appendChild(n);
-      const s = n.offsetWidth;
-      return e.removeChild(t), s;
-    }
-    return 0;
-  }
   //* Update the input placeholder to an example number from the currently selected country.
   _updatePlaceholder() {
     const {
-      autoPlaceholder: e,
-      placeholderNumberType: t,
+      autoPlaceholder: t,
+      placeholderNumberType: e,
       nationalMode: i,
-      customPlaceholder: n
-    } = this.options, s = e === "aggressive" || !this.hadInitialPlaceholder && e === "polite";
-    if (u.utils && s) {
-      const o = u.utils.numberType[t];
-      let a = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
+      customPlaceholder: s
+    } = this.options, o = t === "aggressive" || !this.ui.hadInitialPlaceholder && t === "polite";
+    if (u.utils && o) {
+      const n = u.utils.numberType[e];
+      let r = this.selectedCountryData.iso2 ? u.utils.getExampleNumber(
         this.selectedCountryData.iso2,
         i,
-        o
+        n
       ) : "";
-      a = this._beforeSetNumber(a), typeof n == "function" && (a = n(a, this.selectedCountryData)), this.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(e) {
-    const t = e.getAttribute("data-country-code"), i = this._setCountry(t);
+  _selectListItem(t) {
+    const e = t.dataset[W.COUNTRY_CODE], i = this._setCountry(e);
     this._closeDropdown();
-    const n = e.getAttribute("data-dial-code");
-    this._updateDialCode(n), this.options.formatOnDisplay && this._updateValFromNumber(this.telInput.value), this.telInput.focus(), i && this._triggerCountryChange();
+    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.dropdownContent.classList.add("iti__hide"), this.selectedCountry.setAttribute("aria-expanded", "false"), this.highlightedItem && this.highlightedItem.setAttribute("aria-selected", "false"), this.options.countrySearch && this.searchInput.removeAttribute("aria-activedescendant"), this.dropdownArrow.classList.remove("iti__arrow--up"), this.options.countrySearch && (this.searchInput.removeEventListener("input", this._handleSearchChange), this.searchClearButton.removeEventListener("click", this._handleSearchClear)), document.removeEventListener("keydown", this._handleKeydownOnDropdown), document.documentElement.removeEventListener(
-      "click",
-      this._handleClickOffToClose
-    ), this.countryList.removeEventListener(
-      "mouseover",
-      this._handleMouseoverCountryList
-    ), this.countryList.removeEventListener("click", this._handleClickCountryList), this.options.dropdownContainer && (this.options.useFullscreenPopup || window.removeEventListener("scroll", this._handleWindowScroll), this.dropdown.parentNode && this.dropdown.parentNode.removeChild(this.dropdown)), this._trigger("close:countrydropdown");
-  }
-  //* Check if an element is visible within it's container, else scroll until it is.
-  _scrollTo(e) {
-    const t = this.countryList, i = document.documentElement.scrollTop, n = t.offsetHeight, s = t.getBoundingClientRect().top + i, o = s + n, a = e.offsetHeight, d = e.getBoundingClientRect().top + i, l = d + a, h = d - s + t.scrollTop;
-    if (d < s)
-      t.scrollTop = h;
-    else if (l > o) {
-      const p = n - a;
-      t.scrollTop = h - p;
-    }
+    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
-  _updateDialCode(e) {
-    const t = this.telInput.value, i = `+${e}`;
-    let n;
-    if (t.charAt(0) === "+") {
-      const s = this._getDialCode(t);
-      s ? n = t.replace(s, i) : n = i, this.telInput.value = n;
+  _updateDialCode(t) {
+    const e = this.ui.telInput.value, i = `+${t}`;
+    let s;
+    if (e.startsWith("+")) {
+      const o = this._getDialCode(e);
+      o ? s = e.replace(o, i) : s = i, this.ui.telInput.value = s;
     }
   }
   //* Try and extract a valid international dial code from a full telephone number.
   //* Note: returns the raw string inc plus character and any whitespace/dots etc.
-  _getDialCode(e, t) {
+  _getDialCode(t, e) {
     let i = "";
-    if (e.charAt(0) === "+") {
-      let n = "";
-      for (let s = 0; s < e.length; s++) {
-        const o = e.charAt(s);
-        if (/[0-9]/.test(o)) {
-          if (n += o, !!!this.dialCodeToIso2Map[n])
+    if (t.startsWith("+")) {
+      let s = "";
+      for (let o = 0; o < t.length; o++) {
+        const n = t.charAt(o);
+        if (/[0-9]/.test(n)) {
+          if (s += n, !!!this.dialCodeToIso2Map[s])
             break;
-          if (t)
-            i = e.substring(0, s + 1);
-          else if (this.dialCodes.has(n)) {
-            i = e.substring(0, s + 1);
+          if (e)
+            i = t.substring(0, o + 1);
+          else if (this.dialCodes.has(s)) {
+            i = t.substring(0, o + 1);
             break;
           }
-          if (n.length === this.dialCodeMaxLen)
+          if (s.length === this.dialCodeMaxLen)
             break;
         }
       }
@@ -2864,17 +3090,17 @@ class L {
     return i;
   }
   //* Get the input val, adding the dial code if separateDialCode is enabled.
-  _getFullNumber(e) {
-    const t = e || this.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
-    let n;
-    const s = I(t);
-    return this.options.separateDialCode && t.charAt(0) !== "+" && i && s ? n = `+${i}` : n = "", n + t;
+  _getFullNumber(t) {
+    const e = t || this.ui.telInput.value.trim(), { dialCode: i } = this.selectedCountryData;
+    let s;
+    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
-  _beforeSetNumber(e) {
-    const t = this._getDialCode(e), i = Q(
-      e,
+  _beforeSetNumber(t) {
+    const e = this._getDialCode(t), i = It(
       t,
+      e,
       this.options.separateDialCode,
       this.selectedCountryData
     );
@@ -2882,42 +3108,25 @@ class L {
   }
   //* 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" && u.autoCountry && (this.defaultCountry = u.autoCountry, this.selectedCountryData.iso2 || this.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() {
-    u.utils && (this.telInput.value && this._updateValFromNumber(this.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() {
-    var s, o;
-    this.telInput.iti = void 0;
-    const { allowDropdown: e, separateDialCode: t } = this.options;
-    if (e) {
-      this._closeDropdown(), this.selectedCountry.removeEventListener(
-        "click",
-        this._handleClickSelectedCountry
-      ), this.countryContainer.removeEventListener(
-        "keydown",
-        this._handleCountryContainerKeydown
-      );
-      const a = this.telInput.closest("label");
-      a && a.removeEventListener("click", this._handleLabelClick);
-    }
-    const { form: i } = this.telInput;
-    this._handleHiddenInputSubmit && i && i.removeEventListener("submit", this._handleHiddenInputSubmit), this.telInput.removeEventListener("input", this._handleInputEvent), this._handleKeydownEvent && this.telInput.removeEventListener("keydown", this._handleKeydownEvent), this._handlePasteEvent && this.telInput.removeEventListener("paste", this._handlePasteEvent), this._handlePageLoad && window.removeEventListener("load", this._handlePageLoad), this.telInput.removeAttribute("data-intl-tel-input-id"), t && (this.telInput.style.paddingLeft = this.originalPaddingLeft);
-    const n = this.telInput.parentNode;
-    (s = n == null ? void 0 : n.parentNode) == null || s.insertBefore(this.telInput, n), (o = n == null ? void 0 : n.parentNode) == null || o.removeChild(n), delete u.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() {
@@ -2927,13 +3136,13 @@ class L {
     ) : "";
   }
   //* Format the number to the given format.
-  getNumber(e) {
+  getNumber(t) {
     if (u.utils) {
-      const { iso2: t } = this.selectedCountryData;
+      const { iso2: e } = this.selectedCountryData;
       return u.utils.formatNumber(
         this._getFullNumber(),
-        t,
-        e
+        e,
+        t
       );
     }
     return "";
@@ -2943,7 +3152,7 @@ class L {
     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() {
@@ -2952,17 +3161,17 @@ class L {
   //* Get the validation error.
   getValidationError() {
     if (u.utils) {
-      const { iso2: e } = this.selectedCountryData;
-      return u.utils.getValidationError(this._getFullNumber(), e);
+      const { iso2: t } = this.selectedCountryData;
+      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: e, iso2: t } = this.selectedCountryData;
-    if (e === "44" && u.utils) {
-      const i = this._getFullNumber(), n = u.utils.getCoreNumber(i, t);
-      if (n[0] === "7" && n.length !== 10)
+    const { dialCode: t, iso2: e } = this.selectedCountryData;
+    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);
@@ -2971,93 +3180,112 @@ class L {
   isValidNumberPrecise() {
     return this._validateNumber(!0);
   }
-  _utilsIsPossibleNumber(e) {
-    return u.utils ? u.utils.isPossibleNumber(e, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+  _utilsIsPossibleNumber(t) {
+    return u.utils ? u.utils.isPossibleNumber(
+      t,
+      this.selectedCountryData.iso2,
+      this.options.validationNumberTypes
+    ) : null;
   }
   //* Shared internal validation logic to handle alpha character extension rules.
-  _validateNumber(e) {
+  _validateNumber(t) {
     if (!u.utils)
       return null;
     if (!this.selectedCountryData.iso2)
       return !1;
-    const t = (o) => e ? this._utilsIsValidNumber(o) : this._utilsIsPossibleNumber(o), i = this._getFullNumber(), n = i.search(new RegExp("\\p{L}", "u"));
-    if (n > -1 && !this.options.allowPhonewords) {
-      const o = i.substring(0, n), a = t(o), d = t(i);
-      return a && d;
+    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), r = e(n), a = e(i);
+      return r && a;
     }
-    return t(i);
+    return e(i);
   }
-  _utilsIsValidNumber(e) {
-    return u.utils ? u.utils.isValidNumber(e, this.selectedCountryData.iso2, this.options.validationNumberTypes) : null;
+  _utilsIsValidNumber(t) {
+    return u.utils ? u.utils.isValidNumber(
+      t,
+      this.selectedCountryData.iso2,
+      this.options.validationNumberTypes
+    ) : null;
   }
   //* Update the selected country, and update the input val accordingly.
-  setCountry(e) {
-    const t = e == null ? void 0 : e.toLowerCase();
-    if (!S(t))
-      throw new Error(`Invalid country code: '${t}'`);
+  setCountry(t) {
+    const e = t == null ? void 0 : t.toLowerCase();
+    if (!M(e))
+      throw new Error(`Invalid country code: '${e}'`);
     const i = this.selectedCountryData.iso2;
-    (e && t !== i || !e && i) && (this._setCountry(t), this._updateDialCode(this.selectedCountryData.dialCode), this.options.formatOnDisplay && this._updateValFromNumber(this.telInput.value), this._triggerCountryChange());
+    (t && e !== i || !t && i) && (this._setCountry(e), this._updateDialCode(this.selectedCountryData.dialCode), this.options.formatOnDisplay && this._updateValFromNumber(this.ui.telInput.value), this._triggerCountryChange());
   }
   //* Set the input value and update the country.
-  setNumber(e) {
-    const t = this._updateCountryFromNumber(e);
-    this._updateValFromNumber(e), t && this._triggerCountryChange(), this._trigger("input", { isSetNumber: !0 });
+  setNumber(t) {
+    const e = this._updateCountryFromNumber(t);
+    this._updateValFromNumber(t), e && this._triggerCountryChange(), this._trigger(A.INPUT, { isSetNumber: !0 });
   }
   //* Set the placeholder number typ
-  setPlaceholderNumberType(e) {
-    this.options.placeholderNumberType = e, this._updatePlaceholder();
+  setPlaceholderNumberType(t) {
+    this.options.placeholderNumberType = t, this._updatePlaceholder();
   }
-  setDisabled(e) {
-    this.telInput.disabled = e, e ? this.selectedCountry.setAttribute("disabled", "true") : this.selectedCountry.removeAttribute("disabled");
+  setDisabled(t) {
+    this.ui.telInput.disabled = t, t ? this.ui.selectedCountry.setAttribute("disabled", "true") : this.ui.selectedCountry.removeAttribute("disabled");
   }
 }
-const st = (r) => {
+const Et = (l) => {
   if (!u.utils && !u.startedLoadingUtilsScript) {
-    let e;
-    if (typeof r == "function")
+    let t;
+    if (typeof l == "function")
       try {
-        e = Promise.resolve(r());
-      } catch (t) {
-        return Promise.reject(t);
+        t = Promise.resolve(l());
+      } catch (e) {
+        return Promise.reject(e);
       }
     else
-      return Promise.reject(new TypeError(`The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof r}`));
-    return u.startedLoadingUtilsScript = !0, e.then((t) => {
-      const i = t == null ? void 0 : t.default;
+      return Promise.reject(
+        new TypeError(
+          `The argument passed to attachUtils must be a function that returns a promise for the utilities module, not ${typeof l}`
+        )
+      );
+    return u.startedLoadingUtilsScript = !0, t.then((e) => {
+      const i = e == null ? void 0 : e.default;
       if (!i || typeof i != "object")
-        throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
-      return u.utils = i, v("handleUtils"), !0;
-    }).catch((t) => {
-      throw v("rejectUtilsScriptPromise", t), t;
+        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, E("handleUtils"), !0;
+    }).catch((e) => {
+      throw E("rejectUtilsScriptPromise", e), e;
     });
   }
   return null;
+}, E = (l, ...t) => {
+  Object.values(u.instances).forEach((e) => {
+    const i = e[l];
+    typeof i == "function" && i.apply(e, t);
+  });
 }, u = Object.assign(
-  (r, e) => {
-    const t = new L(r, e);
-    return t._init(), r.setAttribute("data-intl-tel-input-id", t.id.toString()), u.instances[t.id] = t, r.iti = t, t;
+  (l, t) => {
+    const e = new x(l, t);
+    return u.instances[e.id] = e, l.iti = e, e;
   },
   {
-    defaults: x,
+    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: () => _,
+    getCountryData: () => L,
     //* A getter for the plugin instance.
-    getInstance: (r) => {
-      const e = r.getAttribute("data-intl-tel-input-id");
-      return e ? u.instances[e] : null;
+    getInstance: (l) => {
+      const t = l.dataset.intlTelInputId;
+      return t ? u.instances[t] : null;
     },
     //* A map from instance ID to instance object.
     instances: {},
-    attachUtils: st,
+    attachUtils: Et,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "25.10.12"
+    version: "25.11.1"
   }
-), at = {
+), vt = {
   __name: "IntlTelInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ U({
     disabled: {
       type: Boolean,
       default: !1
@@ -3081,47 +3309,47 @@ const st = (r) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A([
+  emits: /* @__PURE__ */ U([
     "changeNumber",
     "changeCountry",
     "changeValidity",
     "changeErrorCode"
   ], ["update:modelValue"]),
-  setup(r, { expose: e, emit: t }) {
-    const i = T(r, "modelValue"), n = r, s = t, o = N(), a = N(), d = N(!1), l = () => a.value ? n.options.strictMode ? a.value.isValidNumberPrecise() : a.value.isValidNumber() : null, h = () => {
-      let c = l();
-      d.value !== c && (d.value = c, s("changeValidity", !!c), s(
+  setup(l, { expose: t, emit: e }) {
+    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",
-        c ? null : a.value.getValidationError()
+        p ? null : r.value.getValidationError()
       ));
-    }, p = () => {
-      var c;
-      s("changeNumber", ((c = a.value) == null ? void 0 : c.getNumber()) ?? ""), h();
-    }, g = () => {
-      var c;
-      s("changeCountry", ((c = a.value) == null ? void 0 : c.getSelectedCountryData().iso2) ?? ""), p(), h();
+    }, 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 M(() => {
-      o.value && (a.value = u(o.value, n.options), n.value && a.value.setNumber(n.value), n.disabled && a.value.setDisabled(n.disabled), d.value = l());
-    }), B(
-      () => n.disabled,
-      (c) => {
-        var f;
-        return (f = a.value) == null ? void 0 : f.setDisabled(c);
+    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,
+      (p) => {
+        var y;
+        return (y = r.value) == null ? void 0 : y.setDisabled(p);
       }
-    ), F(() => {
-      var c;
-      return (c = a.value) == null ? void 0 : c.destroy();
-    }), e({ instance: a, input: o }), (c, f) => R((V(), z("input", $({
+    ), 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: o,
-      "onUpdate:modelValue": f[0] || (f[0] = (C) => i.value = C),
+      ref: n,
+      "onUpdate:modelValue": y[0] || (y[0] = (w) => i.value = w),
       type: "tel",
-      onCountrychange: g,
-      onInput: p
-    }, r.inputProps), null, 16)), [
+      onCountrychange: b,
+      onInput: f
+    }, l.inputProps), null, 16)), [
       [
-        U,
+        et,
         i.value,
         void 0,
         { lazy: !0 }
@@ -3130,5 +3358,5 @@ const st = (r) => {
   }
 };
 export {
-  at as default
+  vt as default
 };