intl-tel-input 26.7.5 → 26.8.0

package/angular/build/IntlTelInput.js

@@ -2203,21 +2203,79 @@ var buildGlobeIcon = () => `
   </svg>`;
 
 // angular/build/temp/modules/core/ui.js
-var UI = class _UI {
+var __classPrivateFieldSet = function(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UI_instances;
+var _a;
+var _UI_options;
+var _UI_id;
+var _UI_isRTL;
+var _UI_originalPaddingLeft;
+var _UI_countries;
+var _UI_searchKeyupTimer;
+var _UI_inlineDropdownHeight;
+var _UI_selectedDialCode;
+var _UI_dropdownArrow;
+var _UI_dropdownContent;
+var _UI_searchIcon;
+var _UI_searchNoResults;
+var _UI_searchResultsA11yText;
+var _UI_dropdownForContainer;
+var _UI_selectedItem;
+var _UI_createWrapperAndInsert;
+var _UI_maybeBuildCountryContainer;
+var _UI_maybeEnsureDropdownWidthSet;
+var _UI_buildDropdownContent;
+var _UI_buildSearchUI;
+var _UI_maybeUpdateInputPaddingAndReveal;
+var _UI_maybeBuildHiddenInputs;
+var _UI_appendListItems;
+var _UI_updateInputPadding;
+var _UI_getBody;
+var _UI_getHiddenSelectedCountryWidth;
+var _UI_getHiddenInlineDropdownHeight;
+var _UI_updateSearchResultsA11yText;
+var _UI_doFilter;
+var _UI_updateSelectedItem;
+var _UI_filterCountries;
+var _UI_shouldPositionInlineDropdownBelowInput;
+var _UI_handleDropdownContainer;
+var UI = class {
   constructor(input, options, id2) {
-    this.searchKeyupTimer = null;
-    this.inlineDropdownHeight = null;
-    this.dropdownForContainer = null;
+    _UI_instances.add(this);
+    _UI_options.set(this, void 0);
+    _UI_id.set(this, void 0);
+    _UI_isRTL.set(this, void 0);
+    _UI_originalPaddingLeft.set(this, void 0);
+    _UI_countries.set(this, void 0);
+    _UI_searchKeyupTimer.set(this, null);
+    _UI_inlineDropdownHeight.set(this, null);
+    _UI_selectedDialCode.set(this, void 0);
+    _UI_dropdownArrow.set(this, void 0);
+    _UI_dropdownContent.set(this, void 0);
+    _UI_searchIcon.set(this, void 0);
+    _UI_searchNoResults.set(this, void 0);
+    _UI_searchResultsA11yText.set(this, void 0);
+    _UI_dropdownForContainer.set(this, null);
+    _UI_selectedItem.set(this, null);
     this.highlightedItem = null;
-    this.selectedItem = null;
     input.dataset.intlTelInputId = id2.toString();
     this.telInput = input;
-    this.options = options;
-    this.id = id2;
+    __classPrivateFieldSet(this, _UI_options, options, "f");
+    __classPrivateFieldSet(this, _UI_id, id2, "f");
     this.hadInitialPlaceholder = Boolean(input.getAttribute("placeholder"));
-    this.isRTL = !!this.telInput.closest("[dir=rtl]");
-    if (this.options.separateDialCode) {
-      this.originalPaddingLeft = this.telInput.style.paddingLeft;
+    __classPrivateFieldSet(this, _UI_isRTL, !!this.telInput.closest("[dir=rtl]"), "f");
+    if (__classPrivateFieldGet(this, _UI_options, "f").separateDialCode) {
+      __classPrivateFieldSet(this, _UI_originalPaddingLeft, this.telInput.style.paddingLeft, "f");
     }
   }
   // Validate that the provided element is an HTMLInputElement.
@@ -2231,7 +2289,7 @@ var UI = class _UI {
   }
   //* Generate all of the markup for the plugin: the selected country overlay, and the dropdown.
   generateMarkup(countries) {
-    this.countries = countries;
+    __classPrivateFieldSet(this, _UI_countries, countries, "f");
     this.telInput.classList.add("iti__tel-input");
     if (!this.telInput.hasAttribute("autocomplete")) {
       this.telInput.setAttribute("autocomplete", "tel");
@@ -2239,318 +2297,35 @@ var UI = class _UI {
     if (!this.telInput.hasAttribute("inputmode")) {
       this.telInput.setAttribute("inputmode", "tel");
     }
-    const wrapper = this._createWrapperAndInsert();
-    this._maybeBuildCountryContainer(wrapper);
+    const wrapper = __classPrivateFieldGet(this, _UI_instances, "m", _UI_createWrapperAndInsert).call(this);
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_maybeBuildCountryContainer).call(this, wrapper);
     wrapper.appendChild(this.telInput);
-    this._maybeUpdateInputPaddingAndReveal();
-    this._maybeBuildHiddenInputs(wrapper);
-  }
-  _createWrapperAndInsert() {
-    const { allowDropdown, showFlags, containerClass, useFullscreenPopup } = this.options;
-    const parentClasses = buildClassNames({
-      iti: true,
-      "iti--allow-dropdown": allowDropdown,
-      "iti--show-flags": showFlags,
-      "iti--inline-dropdown": !useFullscreenPopup,
-      [containerClass]: Boolean(containerClass)
-    });
-    const wrapper = createEl("div", { class: parentClasses });
-    if (this.isRTL) {
-      wrapper.setAttribute("dir", "ltr");
-    }
-    this.telInput.before(wrapper);
-    return wrapper;
-  }
-  _maybeBuildCountryContainer(wrapper) {
-    const { allowDropdown, separateDialCode, showFlags } = this.options;
-    if (allowDropdown || showFlags || separateDialCode) {
-      this.countryContainer = createEl(
-        "div",
-        // visibly hidden until we measure it's width to set the input padding correctly
-        { class: `iti__country-container ${CLASSES.V_HIDE}` },
-        wrapper
-      );
-      if (allowDropdown) {
-        this.selectedCountry = createEl("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`
-        }, this.countryContainer);
-        if (this.telInput.disabled) {
-          this.selectedCountry.setAttribute("disabled", "true");
-        }
-      } else {
-        this.selectedCountry = createEl("div", { class: "iti__selected-country" }, this.countryContainer);
-      }
-      const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
-      this.selectedCountryInner = createEl("div", { class: CLASSES.FLAG }, selectedCountryPrimary);
-      if (allowDropdown) {
-        this.dropdownArrow = createEl("div", { class: "iti__arrow", [ARIA.HIDDEN]: "true" }, selectedCountryPrimary);
-      }
-      if (separateDialCode) {
-        this.selectedDialCode = createEl("div", { class: "iti__selected-dial-code" }, this.selectedCountry);
-      }
-      if (allowDropdown) {
-        this._buildDropdownContent();
-      }
-    }
-  }
-  _maybeEnsureDropdownWidthSet() {
-    const { fixDropdownWidth } = this.options;
-    if (fixDropdownWidth && !this.dropdownContent.style.width) {
-      const inputWidth = this.telInput.offsetWidth;
-      if (inputWidth > 0) {
-        this.dropdownContent.style.width = `${inputWidth}px`;
-      }
-    }
-  }
-  _buildDropdownContent() {
-    const { fixDropdownWidth, useFullscreenPopup, countrySearch, i18n, dropdownContainer, containerClass } = this.options;
-    const extraClasses = fixDropdownWidth ? "" : "iti--flexible-dropdown-width";
-    this.dropdownContent = createEl("div", {
-      id: `iti-${this.id}__dropdown-content`,
-      class: `iti__dropdown-content ${CLASSES.HIDE} ${extraClasses}`,
-      role: "dialog",
-      [ARIA.MODAL]: "true"
-    });
-    if (this.isRTL) {
-      this.dropdownContent.setAttribute("dir", "rtl");
-    }
-    if (countrySearch) {
-      this._buildSearchUI();
-    }
-    this.countryList = createEl("ul", {
-      class: "iti__country-list",
-      id: `iti-${this.id}__country-listbox`,
-      role: "listbox",
-      [ARIA.LABEL]: i18n.countryListAriaLabel
-    }, this.dropdownContent);
-    this._appendListItems();
-    if (countrySearch) {
-      this.updateSearchResultsA11yText();
-    }
-    if (!useFullscreenPopup) {
-      this._maybeEnsureDropdownWidthSet();
-      this.inlineDropdownHeight = this.getHiddenInlineDropdownHeight();
-      if (countrySearch) {
-        this.dropdownContent.style.height = `${this.inlineDropdownHeight}px`;
-      }
-    }
-    if (dropdownContainer) {
-      const dropdownClasses = buildClassNames({
-        iti: true,
-        "iti--container": true,
-        "iti--fullscreen-popup": useFullscreenPopup,
-        "iti--inline-dropdown": !useFullscreenPopup,
-        [containerClass]: Boolean(containerClass)
-      });
-      this.dropdownForContainer = createEl("div", { class: dropdownClasses });
-      this.dropdownForContainer.appendChild(this.dropdownContent);
-    } else {
-      this.countryContainer.appendChild(this.dropdownContent);
-    }
-  }
-  _buildSearchUI() {
-    const { i18n, searchInputClass } = this.options;
-    const searchWrapper = createEl("div", { class: "iti__search-input-wrapper" }, this.dropdownContent);
-    this.searchIcon = createEl("span", {
-      class: "iti__search-icon",
-      [ARIA.HIDDEN]: "true"
-    }, searchWrapper);
-    this.searchIcon.innerHTML = buildSearchIcon();
-    this.searchInput = createEl("input", {
-      id: `iti-${this.id}__search-input`,
-      // Chrome says inputs need either a name or an id
-      type: "search",
-      class: `iti__search-input ${searchInputClass}`,
-      placeholder: i18n.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]: i18n.searchPlaceholder,
-      [ARIA.CONTROLS]: `iti-${this.id}__country-listbox`,
-      [ARIA.AUTOCOMPLETE]: "list",
-      autocomplete: "off"
-    }, searchWrapper);
-    this.searchClearButton = createEl("button", {
-      type: "button",
-      class: `iti__search-clear ${CLASSES.HIDE}`,
-      [ARIA.LABEL]: i18n.clearSearchAriaLabel,
-      tabindex: "-1"
-    }, searchWrapper);
-    this.searchClearButton.innerHTML = buildClearIcon(this.id);
-    this.searchResultsA11yText = createEl("span", { class: "iti__a11y-text" }, this.dropdownContent);
-    this.searchNoResults = createEl("div", {
-      class: `iti__no-results ${CLASSES.HIDE}`,
-      [ARIA.HIDDEN]: "true"
-      // all a11y messaging happens in this.searchResultsA11yText
-    }, this.dropdownContent);
-    this.searchNoResults.textContent = i18n.searchEmptyState;
-  }
-  _maybeUpdateInputPaddingAndReveal() {
-    if (this.countryContainer) {
-      this.updateInputPadding();
-      this.countryContainer.classList.remove(CLASSES.V_HIDE);
-    }
-  }
-  _maybeBuildHiddenInputs(wrapper) {
-    var _a, _b;
-    const { hiddenInput } = this.options;
-    if (hiddenInput) {
-      const telInputName = this.telInput.getAttribute("name") || "";
-      const names = hiddenInput(telInputName);
-      if (names.phone) {
-        const existingInput = (_a = this.telInput.form) === null || _a === void 0 ? void 0 : _a.querySelector(`input[name="${names.phone}"]`);
-        if (existingInput) {
-          this.hiddenInput = existingInput;
-        } else {
-          this.hiddenInput = createEl("input", {
-            type: "hidden",
-            name: names.phone
-          });
-          wrapper.appendChild(this.hiddenInput);
-        }
-      }
-      if (names.country) {
-        const existingInput = (_b = this.telInput.form) === null || _b === void 0 ? void 0 : _b.querySelector(`input[name="${names.country}"]`);
-        if (existingInput) {
-          this.hiddenInputCountry = existingInput;
-        } else {
-          this.hiddenInputCountry = createEl("input", {
-            type: "hidden",
-            name: names.country
-          });
-          wrapper.appendChild(this.hiddenInputCountry);
-        }
-      }
-    }
-  }
-  //* For each country: add a country list item <li> to the countryList <ul> container.
-  _appendListItems() {
-    const frag = document.createDocumentFragment();
-    for (let i = 0; i < this.countries.length; i++) {
-      const c = this.countries[i];
-      const liClass = buildClassNames({
-        [CLASSES.COUNTRY_ITEM]: true
-      });
-      const listItem = createEl("li", {
-        id: `iti-${this.id}__item-${c.iso2}`,
-        class: liClass,
-        tabindex: "-1",
-        role: "option",
-        [ARIA.SELECTED]: "false"
-      });
-      listItem.dataset.dialCode = c.dialCode;
-      listItem.dataset.countryCode = c.iso2;
-      c.nodeById[this.id] = listItem;
-      if (this.options.showFlags) {
-        createEl("div", { class: `${CLASSES.FLAG} iti__${c.iso2}` }, listItem);
-      }
-      const nameEl = createEl("span", { class: "iti__country-name" }, listItem);
-      nameEl.textContent = `${c.name} `;
-      const dialEl = createEl("span", { class: "iti__dial-code" }, nameEl);
-      if (this.isRTL) {
-        dialEl.setAttribute("dir", "ltr");
-      }
-      dialEl.textContent = `(+${c.dialCode})`;
-      frag.appendChild(listItem);
-    }
-    this.countryList.appendChild(frag);
-  }
-  //* Update the input padding to make space for the selected country/dial code.
-  updateInputPadding() {
-    if (this.selectedCountry) {
-      const fallbackWidth = this.options.separateDialCode ? LAYOUT.SANE_SELECTED_WITH_DIAL_WIDTH : LAYOUT.SANE_SELECTED_NO_DIAL_WIDTH;
-      const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth() || fallbackWidth;
-      const inputPadding = selectedCountryWidth + LAYOUT.INPUT_PADDING_EXTRA_LEFT;
-      this.telInput.style.paddingLeft = `${inputPadding}px`;
-    }
-  }
-  static getBody() {
-    let body;
-    try {
-      body = window.top.document.body;
-    } catch (e) {
-      body = document.body;
-    }
-    return body;
-  }
-  //* 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) {
-      const body = _UI.getBody();
-      const containerClone = this.telInput.parentNode.cloneNode(false);
-      containerClone.style.visibility = "hidden";
-      body.appendChild(containerClone);
-      const countryContainerClone = this.countryContainer.cloneNode();
-      containerClone.appendChild(countryContainerClone);
-      const selectedCountryClone = this.selectedCountry.cloneNode(true);
-      countryContainerClone.appendChild(selectedCountryClone);
-      const width = selectedCountryClone.offsetWidth;
-      body.removeChild(containerClone);
-      return width;
-    }
-    return 0;
-  }
-  // this is run before we add the dropdown to the DOM
-  getHiddenInlineDropdownHeight() {
-    const body = _UI.getBody();
-    this.dropdownContent.classList.remove(CLASSES.HIDE);
-    const tempContainer = createEl("div", { class: "iti iti--inline-dropdown" });
-    tempContainer.appendChild(this.dropdownContent);
-    tempContainer.style.visibility = "hidden";
-    body.appendChild(tempContainer);
-    const height = this.dropdownContent.offsetHeight;
-    body.removeChild(tempContainer);
-    tempContainer.style.visibility = "";
-    this.dropdownContent.classList.add(CLASSES.HIDE);
-    return height > 0 ? height : LAYOUT.SANE_DROPDOWN_HEIGHT;
-  }
-  //* Update search results text (for a11y).
-  updateSearchResultsA11yText() {
-    const { i18n } = this.options;
-    const count = this.countryList.childElementCount;
-    this.searchResultsA11yText.textContent = i18n.searchSummaryAria(count);
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_maybeUpdateInputPaddingAndReveal).call(this);
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_maybeBuildHiddenInputs).call(this, wrapper);
   }
   //* Country search: Filter the countries according to the search query.
   filterCountriesByQuery(query) {
     let matchedCountries;
     if (query === "") {
-      matchedCountries = this.countries;
-    } else {
-      matchedCountries = getMatchedCountries(this.countries, query);
-    }
-    this.filterCountries(matchedCountries);
-  }
-  // Search input handlers
-  doFilter() {
-    const inputQuery = this.searchInput.value.trim();
-    this.filterCountriesByQuery(inputQuery);
-    if (this.searchInput.value) {
-      this.searchClearButton.classList.remove(CLASSES.HIDE);
+      matchedCountries = __classPrivateFieldGet(this, _UI_countries, "f");
     } else {
-      this.searchClearButton.classList.add(CLASSES.HIDE);
+      matchedCountries = getMatchedCountries(__classPrivateFieldGet(this, _UI_countries, "f"), query);
     }
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_filterCountries).call(this, matchedCountries);
   }
   handleSearchChange() {
-    if (this.searchKeyupTimer) {
-      clearTimeout(this.searchKeyupTimer);
+    if (__classPrivateFieldGet(this, _UI_searchKeyupTimer, "f")) {
+      clearTimeout(__classPrivateFieldGet(this, _UI_searchKeyupTimer, "f"));
     }
-    this.searchKeyupTimer = setTimeout(() => {
-      this.doFilter();
-      this.searchKeyupTimer = null;
-    }, TIMINGS.SEARCH_DEBOUNCE_MS);
+    __classPrivateFieldSet(this, _UI_searchKeyupTimer, setTimeout(() => {
+      __classPrivateFieldGet(this, _UI_instances, "m", _UI_doFilter).call(this);
+      __classPrivateFieldSet(this, _UI_searchKeyupTimer, null, "f");
+    }, TIMINGS.SEARCH_DEBOUNCE_MS), "f");
   }
   handleSearchClear() {
     this.searchInput.value = "";
     this.searchInput.focus();
-    this.doFilter();
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_doFilter).call(this);
   }
   //* Check if an element is visible within it's container, else scroll until it is.
   scrollTo(element) {
@@ -2579,7 +2354,7 @@ var UI = class _UI {
     this.highlightedItem = listItem;
     if (this.highlightedItem) {
       this.highlightedItem.classList.add(CLASSES.HIGHLIGHT);
-      if (this.options.countrySearch) {
+      if (__classPrivateFieldGet(this, _UI_options, "f").countrySearch) {
         const activeDescendant = this.highlightedItem.getAttribute("id") || "";
         this.searchInput.setAttribute(ARIA.ACTIVE_DESCENDANT, activeDescendant);
       }
@@ -2590,8 +2365,8 @@ var UI = class _UI {
   }
   //* Highlight the next/prev item in the list (and ensure it is visible).
   handleUpDownKey(key) {
-    var _a, _b;
-    let next = key === KEYS.ARROW_UP ? (_a = this.highlightedItem) === null || _a === void 0 ? void 0 : _a.previousElementSibling : (_b = this.highlightedItem) === null || _b === void 0 ? void 0 : _b.nextElementSibling;
+    var _b, _c;
+    let next = key === KEYS.ARROW_UP ? (_b = this.highlightedItem) === null || _b === void 0 ? void 0 : _b.previousElementSibling : (_c = this.highlightedItem) === null || _c === void 0 ? void 0 : _c.nextElementSibling;
     if (!next && this.countryList.childElementCount > 1) {
       next = key === KEYS.ARROW_UP ? this.countryList.lastElementChild : this.countryList.firstElementChild;
     }
@@ -2600,54 +2375,11 @@ var UI = class _UI {
       this.highlightListItem(next, false);
     }
   }
-  // Update the selected list item in the dropdown
-  updateSelectedItem(iso2) {
-    var _a;
-    if (this.selectedItem && this.selectedItem.dataset.countryCode !== iso2) {
-      this.selectedItem.setAttribute(ARIA.SELECTED, "false");
-      (_a = this.selectedItem.querySelector(".iti__country-check")) === null || _a === void 0 ? void 0 : _a.remove();
-      this.selectedItem = null;
-    }
-    if (iso2 && !this.selectedItem) {
-      const newListItem = this.countryList.querySelector(`[data-country-code="${iso2}"]`);
-      if (newListItem) {
-        newListItem.setAttribute(ARIA.SELECTED, "true");
-        const checkIcon = createEl("span", { class: "iti__country-check", [ARIA.HIDDEN]: "true" }, newListItem);
-        checkIcon.innerHTML = buildCheckIcon();
-        this.selectedItem = newListItem;
-      }
-    }
-  }
-  //* Country search: Filter the country list to the given array of countries.
-  filterCountries(matchedCountries) {
-    this.countryList.innerHTML = "";
-    let noCountriesAddedYet = true;
-    for (const c of matchedCountries) {
-      const listItem = c.nodeById[this.id];
-      if (listItem) {
-        this.countryList.appendChild(listItem);
-        if (noCountriesAddedYet) {
-          this.highlightListItem(listItem, false);
-          noCountriesAddedYet = false;
-        }
-      }
-    }
-    if (noCountriesAddedYet) {
-      this.highlightListItem(null, false);
-      if (this.searchNoResults) {
-        this.searchNoResults.classList.remove(CLASSES.HIDE);
-      }
-    } else if (this.searchNoResults) {
-      this.searchNoResults.classList.add(CLASSES.HIDE);
-    }
-    this.countryList.scrollTop = 0;
-    this.updateSearchResultsA11yText();
-  }
   destroy() {
     this.telInput.iti = void 0;
     delete this.telInput.dataset.intlTelInputId;
-    if (this.options.separateDialCode) {
-      this.telInput.style.paddingLeft = this.originalPaddingLeft;
+    if (__classPrivateFieldGet(this, _UI_options, "f").separateDialCode) {
+      this.telInput.style.paddingLeft = __classPrivateFieldGet(this, _UI_originalPaddingLeft, "f");
     }
     const wrapper = this.telInput.parentNode;
     wrapper.before(this.telInput);
@@ -2656,41 +2388,41 @@ var UI = class _UI {
     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.dropdownForContainer = null;
     this.hiddenInput = null;
     this.hiddenInputCountry = null;
     this.highlightedItem = null;
-    this.selectedItem = null;
-    for (const c of this.countries) {
-      delete c.nodeById[this.id];
-    }
-    this.countries = null;
+    __classPrivateFieldSet(this, _UI_selectedDialCode, null, "f");
+    __classPrivateFieldSet(this, _UI_dropdownArrow, null, "f");
+    __classPrivateFieldSet(this, _UI_dropdownContent, null, "f");
+    __classPrivateFieldSet(this, _UI_searchIcon, null, "f");
+    __classPrivateFieldSet(this, _UI_searchNoResults, null, "f");
+    __classPrivateFieldSet(this, _UI_searchResultsA11yText, null, "f");
+    __classPrivateFieldSet(this, _UI_dropdownForContainer, null, "f");
+    __classPrivateFieldSet(this, _UI_selectedItem, null, "f");
+    for (const c of __classPrivateFieldGet(this, _UI_countries, "f")) {
+      delete c.nodeById[__classPrivateFieldGet(this, _UI_id, "f")];
+    }
+    __classPrivateFieldSet(this, _UI_countries, null, "f");
   }
   // UI: Open the dropdown (DOM only).
   openDropdown() {
-    const { countrySearch, dropdownAlwaysOpen, dropdownContainer } = this.options;
-    this._maybeEnsureDropdownWidthSet();
+    const { countrySearch, dropdownAlwaysOpen, dropdownContainer } = __classPrivateFieldGet(this, _UI_options, "f");
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_maybeEnsureDropdownWidthSet).call(this);
     if (dropdownContainer) {
-      this._handleDropdownContainer();
+      __classPrivateFieldGet(this, _UI_instances, "m", _UI_handleDropdownContainer).call(this);
     } else {
-      const positionBelow = this._shouldPositionInlineDropdownBelowInput();
+      const positionBelow = __classPrivateFieldGet(this, _UI_instances, "m", _UI_shouldPositionInlineDropdownBelowInput).call(this);
       const distance = this.telInput.offsetHeight + LAYOUT.DROPDOWN_MARGIN;
       if (positionBelow) {
-        this.dropdownContent.style.top = `${distance}px`;
+        __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.top = `${distance}px`;
       } else {
-        this.dropdownContent.style.bottom = `${distance}px`;
+        __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.bottom = `${distance}px`;
       }
     }
-    this.dropdownContent.classList.remove(CLASSES.HIDE);
+    __classPrivateFieldGet(this, _UI_dropdownContent, "f").classList.remove(CLASSES.HIDE);
     this.selectedCountry.setAttribute(ARIA.EXPANDED, "true");
     if (countrySearch) {
       const firstCountryItem = this.countryList.firstElementChild;
@@ -2702,12 +2434,12 @@ var UI = class _UI {
         this.searchInput.focus();
       }
     }
-    this.dropdownArrow.classList.add(CLASSES.ARROW_UP);
+    __classPrivateFieldGet(this, _UI_dropdownArrow, "f").classList.add(CLASSES.ARROW_UP);
   }
   // UI: Close the dropdown (DOM only).
   closeDropdown() {
-    const { countrySearch, dropdownContainer } = this.options;
-    this.dropdownContent.classList.add(CLASSES.HIDE);
+    const { countrySearch, dropdownContainer } = __classPrivateFieldGet(this, _UI_options, "f");
+    __classPrivateFieldGet(this, _UI_dropdownContent, "f").classList.add(CLASSES.HIDE);
     this.selectedCountry.setAttribute(ARIA.EXPANDED, "false");
     if (countrySearch) {
       this.searchInput.removeAttribute(ARIA.ACTIVE_DESCENDANT);
@@ -2716,53 +2448,25 @@ var UI = class _UI {
         this.highlightedItem = null;
       }
     }
-    this.dropdownArrow.classList.remove(CLASSES.ARROW_UP);
+    __classPrivateFieldGet(this, _UI_dropdownArrow, "f").classList.remove(CLASSES.ARROW_UP);
     if (dropdownContainer) {
-      this.dropdownForContainer.remove();
-      this.dropdownForContainer.style.top = "";
-      this.dropdownForContainer.style.bottom = "";
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").remove();
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.top = "";
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.bottom = "";
     } else {
-      this.dropdownContent.style.top = "";
-      this.dropdownContent.style.bottom = "";
+      __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.top = "";
+      __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.bottom = "";
     }
   }
-  _shouldPositionInlineDropdownBelowInput() {
-    if (this.options.dropdownAlwaysOpen) {
-      return true;
-    }
-    const inputPos = this.telInput.getBoundingClientRect();
-    const spaceAbove = inputPos.top;
-    const spaceBelow = window.innerHeight - inputPos.bottom;
-    return spaceBelow >= this.inlineDropdownHeight || spaceBelow >= spaceAbove;
-  }
-  // inject dropdown into container and apply positioning styles
-  _handleDropdownContainer() {
-    const { dropdownContainer, useFullscreenPopup } = this.options;
-    if (!dropdownContainer) {
-      return;
-    }
-    if (!useFullscreenPopup) {
-      const inputPos = this.telInput.getBoundingClientRect();
-      this.dropdownForContainer.style.left = `${inputPos.left}px`;
-      const positionBelow = this._shouldPositionInlineDropdownBelowInput();
-      if (positionBelow) {
-        this.dropdownForContainer.style.top = `${inputPos.bottom + LAYOUT.DROPDOWN_MARGIN}px`;
-      } else {
-        this.dropdownForContainer.style.top = "unset";
-        this.dropdownForContainer.style.bottom = `${window.innerHeight - inputPos.top + LAYOUT.DROPDOWN_MARGIN}px`;
-      }
-    }
-    dropdownContainer.appendChild(this.dropdownForContainer);
-  }
   // UI: Whether the dropdown is currently closed (hidden).
   isDropdownClosed() {
-    return this.dropdownContent.classList.contains(CLASSES.HIDE);
+    return __classPrivateFieldGet(this, _UI_dropdownContent, "f").classList.contains(CLASSES.HIDE);
   }
   setCountry(selectedCountryData) {
-    const { allowDropdown, showFlags, separateDialCode, i18n } = this.options;
+    const { allowDropdown, showFlags, separateDialCode, i18n } = __classPrivateFieldGet(this, _UI_options, "f");
     const { name, dialCode, iso2 = "" } = selectedCountryData;
     if (allowDropdown) {
-      this.updateSelectedItem(iso2);
+      __classPrivateFieldGet(this, _UI_instances, "m", _UI_updateSelectedItem).call(this, iso2);
     }
     if (this.selectedCountry) {
       const flagClass = iso2 && showFlags ? `${CLASSES.FLAG} iti__${iso2}` : `${CLASSES.FLAG} ${CLASSES.GLOBE}`;
@@ -2783,11 +2487,337 @@ var UI = class _UI {
     }
     if (separateDialCode) {
       const fullDialCode = dialCode ? `+${dialCode}` : "";
-      this.selectedDialCode.textContent = fullDialCode;
-      this.updateInputPadding();
+      __classPrivateFieldGet(this, _UI_selectedDialCode, "f").textContent = fullDialCode;
+      __classPrivateFieldGet(this, _UI_instances, "m", _UI_updateInputPadding).call(this);
+    }
+  }
+};
+_a = UI, _UI_options = /* @__PURE__ */ new WeakMap(), _UI_id = /* @__PURE__ */ new WeakMap(), _UI_isRTL = /* @__PURE__ */ new WeakMap(), _UI_originalPaddingLeft = /* @__PURE__ */ new WeakMap(), _UI_countries = /* @__PURE__ */ new WeakMap(), _UI_searchKeyupTimer = /* @__PURE__ */ new WeakMap(), _UI_inlineDropdownHeight = /* @__PURE__ */ new WeakMap(), _UI_selectedDialCode = /* @__PURE__ */ new WeakMap(), _UI_dropdownArrow = /* @__PURE__ */ new WeakMap(), _UI_dropdownContent = /* @__PURE__ */ new WeakMap(), _UI_searchIcon = /* @__PURE__ */ new WeakMap(), _UI_searchNoResults = /* @__PURE__ */ new WeakMap(), _UI_searchResultsA11yText = /* @__PURE__ */ new WeakMap(), _UI_dropdownForContainer = /* @__PURE__ */ new WeakMap(), _UI_selectedItem = /* @__PURE__ */ new WeakMap(), _UI_instances = /* @__PURE__ */ new WeakSet(), _UI_createWrapperAndInsert = function _UI_createWrapperAndInsert2() {
+  const { allowDropdown, showFlags, containerClass, useFullscreenPopup } = __classPrivateFieldGet(this, _UI_options, "f");
+  const parentClasses = buildClassNames({
+    iti: true,
+    "iti--allow-dropdown": allowDropdown,
+    "iti--show-flags": showFlags,
+    "iti--inline-dropdown": !useFullscreenPopup,
+    [containerClass]: Boolean(containerClass)
+  });
+  const wrapper = createEl("div", { class: parentClasses });
+  if (__classPrivateFieldGet(this, _UI_isRTL, "f")) {
+    wrapper.setAttribute("dir", "ltr");
+  }
+  this.telInput.before(wrapper);
+  return wrapper;
+}, _UI_maybeBuildCountryContainer = function _UI_maybeBuildCountryContainer2(wrapper) {
+  const { allowDropdown, separateDialCode, showFlags } = __classPrivateFieldGet(this, _UI_options, "f");
+  if (allowDropdown || showFlags || separateDialCode) {
+    this.countryContainer = createEl(
+      "div",
+      // visibly hidden until we measure it's width to set the input padding correctly
+      { class: `iti__country-container ${CLASSES.V_HIDE}` },
+      wrapper
+    );
+    if (allowDropdown) {
+      this.selectedCountry = createEl("button", {
+        type: "button",
+        class: "iti__selected-country",
+        [ARIA.EXPANDED]: "false",
+        [ARIA.LABEL]: __classPrivateFieldGet(this, _UI_options, "f").i18n.noCountrySelected,
+        [ARIA.HASPOPUP]: "dialog",
+        [ARIA.CONTROLS]: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__dropdown-content`
+      }, this.countryContainer);
+      if (this.telInput.disabled) {
+        this.selectedCountry.setAttribute("disabled", "true");
+      }
+    } else {
+      this.selectedCountry = createEl("div", { class: "iti__selected-country" }, this.countryContainer);
+    }
+    const selectedCountryPrimary = createEl("div", { class: "iti__selected-country-primary" }, this.selectedCountry);
+    this.selectedCountryInner = createEl("div", { class: CLASSES.FLAG }, selectedCountryPrimary);
+    if (allowDropdown) {
+      __classPrivateFieldSet(this, _UI_dropdownArrow, createEl("div", { class: "iti__arrow", [ARIA.HIDDEN]: "true" }, selectedCountryPrimary), "f");
+    }
+    if (separateDialCode) {
+      __classPrivateFieldSet(this, _UI_selectedDialCode, createEl("div", { class: "iti__selected-dial-code" }, this.selectedCountry), "f");
+    }
+    if (allowDropdown) {
+      __classPrivateFieldGet(this, _UI_instances, "m", _UI_buildDropdownContent).call(this);
+    }
+  }
+}, _UI_maybeEnsureDropdownWidthSet = function _UI_maybeEnsureDropdownWidthSet2() {
+  const { fixDropdownWidth } = __classPrivateFieldGet(this, _UI_options, "f");
+  if (fixDropdownWidth && !__classPrivateFieldGet(this, _UI_dropdownContent, "f").style.width) {
+    const inputWidth = this.telInput.offsetWidth;
+    if (inputWidth > 0) {
+      __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.width = `${inputWidth}px`;
+    }
+  }
+}, _UI_buildDropdownContent = function _UI_buildDropdownContent2() {
+  const { fixDropdownWidth, useFullscreenPopup, countrySearch, i18n, dropdownContainer, containerClass } = __classPrivateFieldGet(this, _UI_options, "f");
+  const extraClasses = fixDropdownWidth ? "" : "iti--flexible-dropdown-width";
+  __classPrivateFieldSet(this, _UI_dropdownContent, createEl("div", {
+    id: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__dropdown-content`,
+    class: `iti__dropdown-content ${CLASSES.HIDE} ${extraClasses}`,
+    role: "dialog",
+    [ARIA.MODAL]: "true"
+  }), "f");
+  if (__classPrivateFieldGet(this, _UI_isRTL, "f")) {
+    __classPrivateFieldGet(this, _UI_dropdownContent, "f").setAttribute("dir", "rtl");
+  }
+  if (countrySearch) {
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_buildSearchUI).call(this);
+  }
+  this.countryList = createEl("ul", {
+    class: "iti__country-list",
+    id: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__country-listbox`,
+    role: "listbox",
+    [ARIA.LABEL]: i18n.countryListAriaLabel
+  }, __classPrivateFieldGet(this, _UI_dropdownContent, "f"));
+  __classPrivateFieldGet(this, _UI_instances, "m", _UI_appendListItems).call(this);
+  if (countrySearch) {
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_updateSearchResultsA11yText).call(this);
+  }
+  if (!useFullscreenPopup) {
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_maybeEnsureDropdownWidthSet).call(this);
+    __classPrivateFieldSet(this, _UI_inlineDropdownHeight, __classPrivateFieldGet(this, _UI_instances, "m", _UI_getHiddenInlineDropdownHeight).call(this), "f");
+    if (countrySearch) {
+      __classPrivateFieldGet(this, _UI_dropdownContent, "f").style.height = `${__classPrivateFieldGet(this, _UI_inlineDropdownHeight, "f")}px`;
+    }
+  }
+  if (dropdownContainer) {
+    const dropdownClasses = buildClassNames({
+      iti: true,
+      "iti--container": true,
+      "iti--fullscreen-popup": useFullscreenPopup,
+      "iti--inline-dropdown": !useFullscreenPopup,
+      [containerClass]: Boolean(containerClass)
+    });
+    __classPrivateFieldSet(this, _UI_dropdownForContainer, createEl("div", { class: dropdownClasses }), "f");
+    __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").appendChild(__classPrivateFieldGet(this, _UI_dropdownContent, "f"));
+  } else {
+    this.countryContainer.appendChild(__classPrivateFieldGet(this, _UI_dropdownContent, "f"));
+  }
+}, _UI_buildSearchUI = function _UI_buildSearchUI2() {
+  const { i18n, searchInputClass } = __classPrivateFieldGet(this, _UI_options, "f");
+  const searchWrapper = createEl("div", { class: "iti__search-input-wrapper" }, __classPrivateFieldGet(this, _UI_dropdownContent, "f"));
+  __classPrivateFieldSet(this, _UI_searchIcon, createEl("span", {
+    class: "iti__search-icon",
+    [ARIA.HIDDEN]: "true"
+  }, searchWrapper), "f");
+  __classPrivateFieldGet(this, _UI_searchIcon, "f").innerHTML = buildSearchIcon();
+  this.searchInput = createEl("input", {
+    id: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__search-input`,
+    // Chrome says inputs need either a name or an id
+    type: "search",
+    class: `iti__search-input ${searchInputClass}`,
+    placeholder: i18n.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]: i18n.searchPlaceholder,
+    [ARIA.CONTROLS]: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__country-listbox`,
+    [ARIA.AUTOCOMPLETE]: "list",
+    autocomplete: "off"
+  }, searchWrapper);
+  this.searchClearButton = createEl("button", {
+    type: "button",
+    class: `iti__search-clear ${CLASSES.HIDE}`,
+    [ARIA.LABEL]: i18n.clearSearchAriaLabel,
+    tabindex: "-1"
+  }, searchWrapper);
+  this.searchClearButton.innerHTML = buildClearIcon(__classPrivateFieldGet(this, _UI_id, "f"));
+  __classPrivateFieldSet(this, _UI_searchResultsA11yText, createEl("span", { class: "iti__a11y-text" }, __classPrivateFieldGet(this, _UI_dropdownContent, "f")), "f");
+  __classPrivateFieldSet(this, _UI_searchNoResults, createEl("div", {
+    class: `iti__no-results ${CLASSES.HIDE}`,
+    [ARIA.HIDDEN]: "true"
+    // all a11y messaging happens in this.#searchResultsA11yText
+  }, __classPrivateFieldGet(this, _UI_dropdownContent, "f")), "f");
+  __classPrivateFieldGet(this, _UI_searchNoResults, "f").textContent = i18n.searchEmptyState;
+}, _UI_maybeUpdateInputPaddingAndReveal = function _UI_maybeUpdateInputPaddingAndReveal2() {
+  if (this.countryContainer) {
+    __classPrivateFieldGet(this, _UI_instances, "m", _UI_updateInputPadding).call(this);
+    this.countryContainer.classList.remove(CLASSES.V_HIDE);
+  }
+}, _UI_maybeBuildHiddenInputs = function _UI_maybeBuildHiddenInputs2(wrapper) {
+  var _b, _c;
+  const { hiddenInput } = __classPrivateFieldGet(this, _UI_options, "f");
+  if (hiddenInput) {
+    const telInputName = this.telInput.getAttribute("name") || "";
+    const names = hiddenInput(telInputName);
+    if (names.phone) {
+      const existingInput = (_b = this.telInput.form) === null || _b === void 0 ? void 0 : _b.querySelector(`input[name="${names.phone}"]`);
+      if (existingInput) {
+        this.hiddenInput = existingInput;
+      } else {
+        this.hiddenInput = createEl("input", {
+          type: "hidden",
+          name: names.phone
+        });
+        wrapper.appendChild(this.hiddenInput);
+      }
+    }
+    if (names.country) {
+      const existingInput = (_c = this.telInput.form) === null || _c === void 0 ? void 0 : _c.querySelector(`input[name="${names.country}"]`);
+      if (existingInput) {
+        this.hiddenInputCountry = existingInput;
+      } else {
+        this.hiddenInputCountry = createEl("input", {
+          type: "hidden",
+          name: names.country
+        });
+        wrapper.appendChild(this.hiddenInputCountry);
+      }
+    }
+  }
+}, _UI_appendListItems = function _UI_appendListItems2() {
+  const frag = document.createDocumentFragment();
+  for (let i = 0; i < __classPrivateFieldGet(this, _UI_countries, "f").length; i++) {
+    const c = __classPrivateFieldGet(this, _UI_countries, "f")[i];
+    const liClass = buildClassNames({
+      [CLASSES.COUNTRY_ITEM]: true
+    });
+    const listItem = createEl("li", {
+      id: `iti-${__classPrivateFieldGet(this, _UI_id, "f")}__item-${c.iso2}`,
+      class: liClass,
+      tabindex: "-1",
+      role: "option",
+      [ARIA.SELECTED]: "false"
+    });
+    listItem.dataset.dialCode = c.dialCode;
+    listItem.dataset.countryCode = c.iso2;
+    c.nodeById[__classPrivateFieldGet(this, _UI_id, "f")] = listItem;
+    if (__classPrivateFieldGet(this, _UI_options, "f").showFlags) {
+      createEl("div", { class: `${CLASSES.FLAG} iti__${c.iso2}` }, listItem);
+    }
+    const nameEl = createEl("span", { class: "iti__country-name" }, listItem);
+    nameEl.textContent = `${c.name} `;
+    const dialEl = createEl("span", { class: "iti__dial-code" }, nameEl);
+    if (__classPrivateFieldGet(this, _UI_isRTL, "f")) {
+      dialEl.setAttribute("dir", "ltr");
+    }
+    dialEl.textContent = `(+${c.dialCode})`;
+    frag.appendChild(listItem);
+  }
+  this.countryList.appendChild(frag);
+}, _UI_updateInputPadding = function _UI_updateInputPadding2() {
+  if (this.selectedCountry) {
+    const fallbackWidth = __classPrivateFieldGet(this, _UI_options, "f").separateDialCode ? LAYOUT.SANE_SELECTED_WITH_DIAL_WIDTH : LAYOUT.SANE_SELECTED_NO_DIAL_WIDTH;
+    const selectedCountryWidth = this.selectedCountry.offsetWidth || __classPrivateFieldGet(this, _UI_instances, "m", _UI_getHiddenSelectedCountryWidth).call(this) || fallbackWidth;
+    const inputPadding = selectedCountryWidth + LAYOUT.INPUT_PADDING_EXTRA_LEFT;
+    this.telInput.style.paddingLeft = `${inputPadding}px`;
+  }
+}, _UI_getBody = function _UI_getBody2() {
+  let body;
+  try {
+    body = window.top.document.body;
+  } catch (e) {
+    body = document.body;
+  }
+  return body;
+}, _UI_getHiddenSelectedCountryWidth = function _UI_getHiddenSelectedCountryWidth2() {
+  if (this.telInput.parentNode) {
+    const body = __classPrivateFieldGet(_a, _a, "m", _UI_getBody).call(_a);
+    const containerClone = this.telInput.parentNode.cloneNode(false);
+    containerClone.style.visibility = "hidden";
+    body.appendChild(containerClone);
+    const countryContainerClone = this.countryContainer.cloneNode();
+    containerClone.appendChild(countryContainerClone);
+    const selectedCountryClone = this.selectedCountry.cloneNode(true);
+    countryContainerClone.appendChild(selectedCountryClone);
+    const width = selectedCountryClone.offsetWidth;
+    body.removeChild(containerClone);
+    return width;
+  }
+  return 0;
+}, _UI_getHiddenInlineDropdownHeight = function _UI_getHiddenInlineDropdownHeight2() {
+  const body = __classPrivateFieldGet(_a, _a, "m", _UI_getBody).call(_a);
+  __classPrivateFieldGet(this, _UI_dropdownContent, "f").classList.remove(CLASSES.HIDE);
+  const tempContainer = createEl("div", { class: "iti iti--inline-dropdown" });
+  tempContainer.appendChild(__classPrivateFieldGet(this, _UI_dropdownContent, "f"));
+  tempContainer.style.visibility = "hidden";
+  body.appendChild(tempContainer);
+  const height = __classPrivateFieldGet(this, _UI_dropdownContent, "f").offsetHeight;
+  body.removeChild(tempContainer);
+  tempContainer.style.visibility = "";
+  __classPrivateFieldGet(this, _UI_dropdownContent, "f").classList.add(CLASSES.HIDE);
+  return height > 0 ? height : LAYOUT.SANE_DROPDOWN_HEIGHT;
+}, _UI_updateSearchResultsA11yText = function _UI_updateSearchResultsA11yText2() {
+  const { i18n } = __classPrivateFieldGet(this, _UI_options, "f");
+  const count = this.countryList.childElementCount;
+  __classPrivateFieldGet(this, _UI_searchResultsA11yText, "f").textContent = i18n.searchSummaryAria(count);
+}, _UI_doFilter = function _UI_doFilter2() {
+  const inputQuery = this.searchInput.value.trim();
+  this.filterCountriesByQuery(inputQuery);
+  if (this.searchInput.value) {
+    this.searchClearButton.classList.remove(CLASSES.HIDE);
+  } else {
+    this.searchClearButton.classList.add(CLASSES.HIDE);
+  }
+}, _UI_updateSelectedItem = function _UI_updateSelectedItem2(iso2) {
+  var _b;
+  if (__classPrivateFieldGet(this, _UI_selectedItem, "f") && __classPrivateFieldGet(this, _UI_selectedItem, "f").dataset.countryCode !== iso2) {
+    __classPrivateFieldGet(this, _UI_selectedItem, "f").setAttribute(ARIA.SELECTED, "false");
+    (_b = __classPrivateFieldGet(this, _UI_selectedItem, "f").querySelector(".iti__country-check")) === null || _b === void 0 ? void 0 : _b.remove();
+    __classPrivateFieldSet(this, _UI_selectedItem, null, "f");
+  }
+  if (iso2 && !__classPrivateFieldGet(this, _UI_selectedItem, "f")) {
+    const newListItem = this.countryList.querySelector(`[data-country-code="${iso2}"]`);
+    if (newListItem) {
+      newListItem.setAttribute(ARIA.SELECTED, "true");
+      const checkIcon = createEl("span", { class: "iti__country-check", [ARIA.HIDDEN]: "true" }, newListItem);
+      checkIcon.innerHTML = buildCheckIcon();
+      __classPrivateFieldSet(this, _UI_selectedItem, newListItem, "f");
+    }
+  }
+}, _UI_filterCountries = function _UI_filterCountries2(matchedCountries) {
+  this.countryList.innerHTML = "";
+  let noCountriesAddedYet = true;
+  for (const c of matchedCountries) {
+    const listItem = c.nodeById[__classPrivateFieldGet(this, _UI_id, "f")];
+    if (listItem) {
+      this.countryList.appendChild(listItem);
+      if (noCountriesAddedYet) {
+        this.highlightListItem(listItem, false);
+        noCountriesAddedYet = false;
+      }
+    }
+  }
+  if (noCountriesAddedYet) {
+    this.highlightListItem(null, false);
+    if (__classPrivateFieldGet(this, _UI_searchNoResults, "f")) {
+      __classPrivateFieldGet(this, _UI_searchNoResults, "f").classList.remove(CLASSES.HIDE);
+    }
+  } else if (__classPrivateFieldGet(this, _UI_searchNoResults, "f")) {
+    __classPrivateFieldGet(this, _UI_searchNoResults, "f").classList.add(CLASSES.HIDE);
+  }
+  this.countryList.scrollTop = 0;
+  __classPrivateFieldGet(this, _UI_instances, "m", _UI_updateSearchResultsA11yText).call(this);
+}, _UI_shouldPositionInlineDropdownBelowInput = function _UI_shouldPositionInlineDropdownBelowInput2() {
+  if (__classPrivateFieldGet(this, _UI_options, "f").dropdownAlwaysOpen) {
+    return true;
+  }
+  const inputPos = this.telInput.getBoundingClientRect();
+  const spaceAbove = inputPos.top;
+  const spaceBelow = window.innerHeight - inputPos.bottom;
+  return spaceBelow >= __classPrivateFieldGet(this, _UI_inlineDropdownHeight, "f") || spaceBelow >= spaceAbove;
+}, _UI_handleDropdownContainer = function _UI_handleDropdownContainer2() {
+  const { dropdownContainer, useFullscreenPopup } = __classPrivateFieldGet(this, _UI_options, "f");
+  if (!dropdownContainer) {
+    return;
+  }
+  if (!useFullscreenPopup) {
+    const inputPos = this.telInput.getBoundingClientRect();
+    __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.left = `${inputPos.left}px`;
+    const positionBelow = __classPrivateFieldGet(this, _UI_instances, "m", _UI_shouldPositionInlineDropdownBelowInput).call(this);
+    if (positionBelow) {
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.top = `${inputPos.bottom + LAYOUT.DROPDOWN_MARGIN}px`;
+    } else {
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.top = "unset";
+      __classPrivateFieldGet(this, _UI_dropdownForContainer, "f").style.bottom = `${window.innerHeight - inputPos.top + LAYOUT.DROPDOWN_MARGIN}px`;
     }
   }
+  dropdownContainer.appendChild(__classPrivateFieldGet(this, _UI_dropdownForContainer, "f"));
 };
+var ui_default = UI;
 
 // angular/build/temp/modules/data/country-data.js
 var processAllCountries = (options) => {
@@ -2825,7 +2855,7 @@ var processDialCodes = (countries) => {
   const dialCodes = /* @__PURE__ */ new Set();
   let dialCodeMaxLen = 0;
   const dialCodeToIso2Map = {};
-  const _addToDialCodeMap = (iso2, dialCode) => {
+  const addToDialCodeMap = (iso2, dialCode) => {
     if (!iso2 || !dialCode) {
       return;
     }
@@ -2848,19 +2878,19 @@ var processDialCodes = (countries) => {
     }
     for (let k = 1; k < c.dialCode.length; k++) {
       const partialDialCode = c.dialCode.substring(0, k);
-      _addToDialCodeMap(c.iso2, partialDialCode);
+      addToDialCodeMap(c.iso2, partialDialCode);
     }
-    _addToDialCodeMap(c.iso2, c.dialCode);
+    addToDialCodeMap(c.iso2, c.dialCode);
     if (c.areaCodes) {
       const rootIso2Code = dialCodeToIso2Map[c.dialCode][0];
       for (const areaCode of c.areaCodes) {
         for (let k = 1; k < areaCode.length; k++) {
           const partialAreaCode = areaCode.substring(0, k);
           const partialDialCode = c.dialCode + partialAreaCode;
-          _addToDialCodeMap(rootIso2Code, partialDialCode);
-          _addToDialCodeMap(c.iso2, partialDialCode);
+          addToDialCodeMap(rootIso2Code, partialDialCode);
+          addToDialCodeMap(c.iso2, partialDialCode);
         }
-        _addToDialCodeMap(c.iso2, c.dialCode + areaCode);
+        addToDialCodeMap(c.iso2, c.dialCode + areaCode);
       }
     }
   }
@@ -2983,28 +3013,34 @@ var isRegionlessNanp = (number) => {
 };
 
 // angular/build/temp/modules/core/numerals.js
+var __classPrivateFieldSet2 = function(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet2 = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Numerals_instances;
+var _Numerals_userNumeralSet;
+var _Numerals_updateNumeralSet;
 var Numerals = class {
   constructor() {
-  }
-  // If any Arabic-Indic digits, then label it as that set. Same for Persian. Otherwise assume ASCII.
-  updateNumeralSet(str) {
-    if (/[\u0660-\u0669]/.test(str)) {
-      this.userNumeralSet = "arabic-indic";
-    } else if (/[\u06F0-\u06F9]/.test(str)) {
-      this.userNumeralSet = "persian";
-    } else {
-      this.userNumeralSet = "ascii";
-    }
+    _Numerals_instances.add(this);
+    _Numerals_userNumeralSet.set(this, void 0);
   }
   // Denormalise ASCII 0-9 to the user's numeral set, if known. If not known, return the string as-is.
   denormalise(str, currentInputValue) {
-    if (!this.userNumeralSet) {
-      this.updateNumeralSet(currentInputValue);
+    if (!__classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f")) {
+      __classPrivateFieldGet2(this, _Numerals_instances, "m", _Numerals_updateNumeralSet).call(this, currentInputValue);
     }
-    if (this.userNumeralSet === "ascii") {
+    if (__classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "ascii") {
       return str;
     }
-    const base = this.userNumeralSet === "arabic-indic" ? 1632 : 1776;
+    const base = __classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "arabic-indic" ? 1632 : 1776;
     return str.replace(/[0-9]/g, (d) => String.fromCharCode(base + Number(d)));
   }
   // Normalize Eastern Arabic (U+0660-0669) and Persian/Extended Arabic-Indic (U+06F0-06F9) numerals to ASCII 0-9
@@ -3012,851 +3048,163 @@ var Numerals = class {
     if (!str) {
       return "";
     }
-    this.updateNumeralSet(str);
-    if (this.userNumeralSet === "ascii") {
+    __classPrivateFieldGet2(this, _Numerals_instances, "m", _Numerals_updateNumeralSet).call(this, str);
+    if (__classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "ascii") {
       return str;
     }
-    const base = this.userNumeralSet === "arabic-indic" ? 1632 : 1776;
-    const regex = this.userNumeralSet === "arabic-indic" ? /[\u0660-\u0669]/g : /[\u06F0-\u06F9]/g;
+    const base = __classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "arabic-indic" ? 1632 : 1776;
+    const regex = __classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "arabic-indic" ? /[\u0660-\u0669]/g : /[\u06F0-\u06F9]/g;
     return str.replace(regex, (ch) => String.fromCharCode(48 + (ch.charCodeAt(0) - base)));
   }
   isAscii() {
-    return this.userNumeralSet === "ascii";
+    return __classPrivateFieldGet2(this, _Numerals_userNumeralSet, "f") === "ascii";
+  }
+};
+_Numerals_userNumeralSet = /* @__PURE__ */ new WeakMap(), _Numerals_instances = /* @__PURE__ */ new WeakSet(), _Numerals_updateNumeralSet = function _Numerals_updateNumeralSet2(str) {
+  if (/[\u0660-\u0669]/.test(str)) {
+    __classPrivateFieldSet2(this, _Numerals_userNumeralSet, "arabic-indic", "f");
+  } else if (/[\u06F0-\u06F9]/.test(str)) {
+    __classPrivateFieldSet2(this, _Numerals_userNumeralSet, "persian", "f");
+  } else {
+    __classPrivateFieldSet2(this, _Numerals_userNumeralSet, "ascii", "f");
   }
 };
 
 // angular/build/temp/intl-tel-input.js
+var __classPrivateFieldSet3 = function(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+};
+var __classPrivateFieldGet3 = function(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Iti_instances;
+var _a2;
+var _Iti_ui;
+var _Iti_options;
+var _Iti_isAndroid;
+var _Iti_countries;
+var _Iti_dialCodeMaxLen;
+var _Iti_dialCodeToIso2Map;
+var _Iti_dialCodes;
+var _Iti_countryByIso2;
+var _Iti_selectedCountryData;
+var _Iti_maxCoreNumberLength;
+var _Iti_defaultCountry;
+var _Iti_abortController;
+var _Iti_dropdownAbortController;
+var _Iti_numerals;
+var _Iti_resolveAutoCountryPromise;
+var _Iti_rejectAutoCountryPromise;
+var _Iti_resolveUtilsScriptPromise;
+var _Iti_rejectUtilsScriptPromise;
+var _Iti_getTelInputValue;
+var _Iti_setTelInputValue;
+var _Iti_createInitPromises;
+var _Iti_init;
+var _Iti_processCountryData;
+var _Iti_setInitialState;
+var _Iti_initListeners;
+var _Iti_initHiddenInputListener;
+var _Iti_initDropdownListeners;
+var _Iti_initRequests;
+var _Iti_loadAutoCountry;
+var _Iti_openDropdownWithPlus;
+var _Iti_initTelInputListeners;
+var _Iti_bindInputListener;
+var _Iti_maybeBindKeydownListener;
+var _Iti_maybeBindPasteListener;
+var _Iti_cap;
+var _Iti_trigger;
+var _Iti_openDropdown;
+var _Iti_bindDropdownListeners;
+var _Iti_bindDropdownMouseoverListener;
+var _Iti_bindDropdownCountryClickListener;
+var _Iti_bindDropdownClickOffListener;
+var _Iti_bindDropdownKeydownListener;
+var _Iti_bindDropdownSearchListeners;
+var _Iti_searchForCountry;
+var _Iti_handleEnterKey;
+var _Iti_updateValFromNumber;
+var _Iti_updateCountryFromNumber;
+var _Iti_ensureHasDialCode;
+var _Iti_getNewCountryFromNumber;
+var _Iti_setCountry;
+var _Iti_updateMaxLength;
+var _Iti_updatePlaceholder;
+var _Iti_selectListItem;
+var _Iti_closeDropdown;
+var _Iti_updateDialCode;
+var _Iti_getDialCode;
+var _Iti_getFullNumber;
+var _Iti_beforeSetNumber;
+var _Iti_triggerCountryChange;
+var _Iti_handleAutoCountry;
+var _Iti_handleAutoCountryFailure;
+var _Iti_handleUtils;
+var _Iti_handleUtilsFailure;
+var _Iti_utilsIsPossibleNumber;
+var _Iti_validateNumber;
+var _Iti_utilsIsValidNumber;
 var id = 0;
 var iso2Set2 = new Set(data_default.map((c) => c.iso2));
 var isIso22 = (val) => iso2Set2.has(val);
 var Iti = class {
   constructor(input, customOptions = {}) {
+    _Iti_instances.add(this);
+    _Iti_ui.set(this, void 0);
+    _Iti_options.set(this, void 0);
+    _Iti_isAndroid.set(this, void 0);
+    _Iti_countries.set(this, void 0);
+    _Iti_dialCodeMaxLen.set(this, void 0);
+    _Iti_dialCodeToIso2Map.set(this, void 0);
+    _Iti_dialCodes.set(this, void 0);
+    _Iti_countryByIso2.set(this, void 0);
+    _Iti_selectedCountryData.set(this, void 0);
+    _Iti_maxCoreNumberLength.set(this, void 0);
+    _Iti_defaultCountry.set(this, void 0);
+    _Iti_abortController.set(this, void 0);
+    _Iti_dropdownAbortController.set(this, void 0);
+    _Iti_numerals.set(this, void 0);
+    _Iti_resolveAutoCountryPromise.set(this, void 0);
+    _Iti_rejectAutoCountryPromise.set(this, void 0);
+    _Iti_resolveUtilsScriptPromise.set(this, void 0);
+    _Iti_rejectUtilsScriptPromise.set(this, void 0);
     this.id = id++;
-    UI.validateInput(input);
+    ui_default.validateInput(input);
     const validatedOptions = validateOptions(customOptions);
-    this.options = Object.assign(Object.assign({}, defaults), validatedOptions);
-    applyOptionSideEffects(this.options);
-    this.ui = new UI(input, this.options, this.id);
-    this.isAndroid = getIsAndroid();
-    this.numerals = new Numerals();
-    this.promise = this._createInitPromises(this.options);
-    this.countries = processAllCountries(this.options);
-    const { dialCodes, dialCodeMaxLen, dialCodeToIso2Map } = processDialCodes(this.countries);
-    this.dialCodes = dialCodes;
-    this.dialCodeMaxLen = dialCodeMaxLen;
-    this.dialCodeToIso2Map = dialCodeToIso2Map;
-    this.countryByIso2 = new Map(this.countries.map((c) => [c.iso2, c]));
-    this._init();
-  }
-  _getTelInputValue() {
-    const inputValue = this.ui.telInput.value.trim();
-    return this.numerals.normalise(inputValue);
-  }
-  _setTelInputValue(asciiValue) {
-    const currentValue = this.ui.telInput.value;
-    this.ui.telInput.value = this.numerals.denormalise(asciiValue, currentValue);
-  }
-  _createInitPromises(options) {
-    const { initialCountry, geoIpLookup, loadUtils } = options;
-    const needsAutoCountryPromise = initialCountry === INITIAL_COUNTRY.AUTO && Boolean(geoIpLookup);
-    const needsUtilsScriptPromise = Boolean(loadUtils) && !intlTelInput.utils;
-    let autoCountryPromise;
-    if (needsAutoCountryPromise) {
-      autoCountryPromise = new Promise((resolve, reject) => {
-        this.resolveAutoCountryPromise = resolve;
-        this.rejectAutoCountryPromise = reject;
-      });
-    } else {
-      autoCountryPromise = Promise.resolve(void 0);
-      this.resolveAutoCountryPromise = () => {
-      };
-      this.rejectAutoCountryPromise = () => {
-      };
-    }
-    let utilsScriptPromise;
-    if (needsUtilsScriptPromise) {
-      utilsScriptPromise = new Promise((resolve, reject) => {
-        this.resolveUtilsScriptPromise = resolve;
-        this.rejectUtilsScriptPromise = reject;
-      });
-    } else {
-      utilsScriptPromise = Promise.resolve(void 0);
-      this.resolveUtilsScriptPromise = () => {
-      };
-      this.rejectUtilsScriptPromise = () => {
-      };
-    }
-    return Promise.all([autoCountryPromise, utilsScriptPromise]);
-  }
-  //* 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();
-    if (this.options.dropdownAlwaysOpen) {
-      this._openDropdown();
-    }
-  }
-  //********************
-  //*  PRIVATE METHODS
-  //********************
-  //* Prepare all of the country data, including onlyCountries, excludeCountries, countryOrder options.
-  _processCountryData() {
-    generateCountryNames(this.countries, this.options);
-    sortCountries(this.countries, this.options);
-    cacheSearchTokens(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(overrideAutoCountry = false) {
-    const attributeValueRaw = this.ui.telInput.getAttribute("value");
-    const attributeValue = this.numerals.normalise(attributeValueRaw);
-    const inputValue = this._getTelInputValue();
-    const useAttribute = attributeValue && attributeValue.startsWith("+") && (!inputValue || !inputValue.startsWith("+"));
-    const val = useAttribute ? attributeValue : inputValue;
-    const dialCode = this._getDialCode(val);
-    const isRegionlessNanpNumber = isRegionlessNanp(val);
-    const { initialCountry, geoIpLookup } = this.options;
-    const isAutoCountry = initialCountry === INITIAL_COUNTRY.AUTO && geoIpLookup;
-    const doingAutoCountryLookup = isAutoCountry && !overrideAutoCountry;
-    const initialCountryLower = initialCountry.toLowerCase();
-    const isValidInitialCountry = isIso22(initialCountryLower);
-    if (dialCode) {
-      if (isRegionlessNanpNumber) {
-        if (isValidInitialCountry) {
-          this._setCountry(initialCountryLower);
-        } else if (!doingAutoCountryLookup) {
-          this._setCountry(US.ISO2);
-        }
-      } else {
-        this._updateCountryFromNumber(val);
-      }
-    } else if (isValidInitialCountry) {
-      this._setCountry(initialCountryLower);
-    } else if (!doingAutoCountryLookup) {
-      this._setCountry("");
-    }
-    if (val) {
-      this._updateValFromNumber(val);
-    }
-  }
-  //* Initialise the main event listeners: input keyup, and click selected country.
-  _initListeners() {
-    this._initTelInputListeners();
-    if (this.options.allowDropdown) {
-      this._initDropdownListeners();
-    }
-    if ((this.ui.hiddenInput || this.ui.hiddenInputCountry) && this.ui.telInput.form) {
-      this._initHiddenInputListener();
-    }
-  }
-  //* Update hidden input on form submit.
-  _initHiddenInputListener() {
-    var _a;
-    const handleHiddenInputSubmit = () => {
-      if (this.ui.hiddenInput) {
-        this.ui.hiddenInput.value = this.getNumber();
-      }
-      if (this.ui.hiddenInputCountry) {
-        this.ui.hiddenInputCountry.value = this.selectedCountryData.iso2 || "";
-      }
-    };
-    (_a = this.ui.telInput.form) === null || _a === void 0 ? void 0 : _a.addEventListener("submit", handleHiddenInputSubmit, {
-      signal: this.abortController.signal
-    });
-  }
-  //* initialise the dropdown listeners.
-  _initDropdownListeners() {
-    const signal = this.abortController.signal;
-    const handleLabelClick = (e) => {
-      if (this.ui.isDropdownClosed()) {
-        this.ui.telInput.focus();
-      } else {
-        e.preventDefault();
-      }
-    };
-    const label = this.ui.telInput.closest("label");
-    if (label) {
-      label.addEventListener("click", handleLabelClick, { signal });
-    }
-    const handleClickSelectedCountry = () => {
-      if (this.ui.isDropdownClosed() && !this.ui.telInput.disabled && !this.ui.telInput.readOnly) {
-        this._openDropdown();
-      }
-    };
-    this.ui.selectedCountry.addEventListener("click", handleClickSelectedCountry, {
-      signal
-    });
-    const handleCountryContainerKeydown = (e) => {
-      const allowedKeys = [KEYS.ARROW_UP, KEYS.ARROW_DOWN, KEYS.SPACE, KEYS.ENTER];
-      if (this.ui.isDropdownClosed() && allowedKeys.includes(e.key)) {
-        e.preventDefault();
-        e.stopPropagation();
-        this._openDropdown();
-      }
-      if (e.key === KEYS.TAB) {
-        this._closeDropdown();
-      }
-    };
-    this.ui.countryContainer.addEventListener("keydown", handleCountryContainerKeydown, { signal });
-  }
-  //* Init requests: utils script / geo ip lookup.
-  _initRequests() {
-    const { loadUtils, initialCountry, geoIpLookup } = this.options;
-    if (loadUtils && !intlTelInput.utils) {
-      const doAttachUtils = () => {
-        var _a;
-        (_a = intlTelInput.attachUtils(loadUtils)) === null || _a === void 0 ? void 0 : _a.catch(() => {
-        });
-      };
-      if (intlTelInput.documentReady()) {
-        doAttachUtils();
-      } else {
-        const handlePageLoad = () => {
-          doAttachUtils();
-        };
-        window.addEventListener("load", handlePageLoad, {
-          signal: this.abortController.signal
-        });
-      }
-    } else {
-      this.resolveUtilsScriptPromise();
-    }
-    const isAutoCountry = initialCountry === INITIAL_COUNTRY.AUTO && geoIpLookup;
-    if (isAutoCountry) {
-      if (this.selectedCountryData.iso2) {
-        this.resolveAutoCountryPromise();
-      } else {
-        this._loadAutoCountry();
-      }
-    }
-  }
-  //* Perform the geo ip lookup.
-  _loadAutoCountry() {
-    if (intlTelInput.autoCountry) {
-      this.handleAutoCountry();
-    } else {
-      this.ui.selectedCountryInner.classList.add(CLASSES.LOADING);
-      if (!intlTelInput.startedLoadingAutoCountry) {
-        intlTelInput.startedLoadingAutoCountry = true;
-        if (typeof this.options.geoIpLookup === "function") {
-          const successCallback = (iso2 = "") => {
-            this.ui.selectedCountryInner.classList.remove(CLASSES.LOADING);
-            const iso2Lower = iso2.toLowerCase();
-            if (isIso22(iso2Lower)) {
-              intlTelInput.autoCountry = iso2Lower;
-              setTimeout(() => forEachInstance("handleAutoCountry"));
-            } else {
-              forEachInstance("handleAutoCountryFailure");
-            }
-          };
-          const failureCallback = () => {
-            this.ui.selectedCountryInner.classList.remove(CLASSES.LOADING);
-            forEachInstance("handleAutoCountryFailure");
-          };
-          this.options.geoIpLookup(successCallback, failureCallback);
-        }
-      }
-    }
-  }
-  _openDropdownWithPlus() {
-    this._openDropdown();
-    this.ui.searchInput.value = "+";
-    this.ui.filterCountriesByQuery("");
-  }
-  //* Initialize the tel input listeners.
-  _initTelInputListeners() {
-    this._bindInputListener();
-    this._maybeBindKeydownListener();
-    this._maybeBindPasteListener();
-  }
-  _bindInputListener() {
-    const { strictMode, formatAsYouType, separateDialCode, allowDropdown, countrySearch } = this.options;
-    let userOverrideFormatting = false;
-    if (REGEX.ALPHA_UNICODE.test(this._getTelInputValue())) {
-      userOverrideFormatting = true;
-    }
-    const handleInputEvent = (e) => {
-      const inputValue = this._getTelInputValue();
-      if (this.isAndroid && (e === null || e === void 0 ? void 0 : e.data) === "+" && separateDialCode && allowDropdown && countrySearch) {
-        const currentCaretPos = this.ui.telInput.selectionStart || 0;
-        const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
-        const valueAfterCaret = inputValue.substring(currentCaretPos);
-        this._setTelInputValue(valueBeforeCaret + valueAfterCaret);
-        this._openDropdownWithPlus();
-        return;
-      }
-      if (this._updateCountryFromNumber(inputValue)) {
-        this._triggerCountryChange();
-      }
-      const isFormattingChar = (e === null || e === void 0 ? void 0 : e.data) && REGEX.NON_PLUS_NUMERIC.test(e.data);
-      const isPaste = (e === null || e === void 0 ? void 0 : e.inputType) === INPUT_TYPES.PASTE && inputValue;
-      if (isFormattingChar || isPaste && !strictMode) {
-        userOverrideFormatting = true;
-      } else if (!REGEX.NON_PLUS_NUMERIC.test(inputValue)) {
-        userOverrideFormatting = false;
-      }
-      const isSetNumber = (e === null || e === void 0 ? void 0 : e.detail) && e.detail["isSetNumber"];
-      const isAscii = this.numerals.isAscii();
-      if (formatAsYouType && !userOverrideFormatting && !isSetNumber && isAscii) {
-        const currentCaretPos = this.ui.telInput.selectionStart || 0;
-        const valueBeforeCaret = inputValue.substring(0, currentCaretPos);
-        const relevantCharsBeforeCaret = valueBeforeCaret.replace(REGEX.NON_PLUS_NUMERIC_GLOBAL, "").length;
-        const isDeleteForwards = (e === null || e === void 0 ? void 0 : e.inputType) === INPUT_TYPES.DELETE_FWD;
-        const fullNumber = this._getFullNumber();
-        const formattedValue = formatNumberAsYouType(fullNumber, inputValue, intlTelInput.utils, this.selectedCountryData, separateDialCode);
-        const newCaretPos = translateCursorPosition(relevantCharsBeforeCaret, formattedValue, currentCaretPos, isDeleteForwards);
-        this._setTelInputValue(formattedValue);
-        this.ui.telInput.setSelectionRange(newCaretPos, newCaretPos);
-      }
-      if (separateDialCode && inputValue.startsWith("+") && this.selectedCountryData.dialCode) {
-        const cleanNumber = beforeSetNumber(inputValue, true, separateDialCode, this.selectedCountryData);
-        this._setTelInputValue(cleanNumber);
-      }
-    };
-    this.ui.telInput.addEventListener("input", handleInputEvent, {
-      signal: this.abortController.signal
-    });
-  }
-  _maybeBindKeydownListener() {
-    const { strictMode, separateDialCode, allowDropdown, countrySearch } = this.options;
-    if (strictMode || separateDialCode) {
-      const handleKeydownEvent = (e) => {
-        if (e.key && e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
-          if (separateDialCode && allowDropdown && countrySearch && e.key === "+") {
-            e.preventDefault();
-            this._openDropdownWithPlus();
-            return;
-          }
-          if (strictMode) {
-            const inputValue = this._getTelInputValue();
-            const alreadyHasPlus = inputValue.startsWith("+");
-            const isInitialPlus = !alreadyHasPlus && this.ui.telInput.selectionStart === 0 && e.key === "+";
-            const normalisedKey = this.numerals.normalise(e.key);
-            const isNumeric = /^[0-9]$/.test(normalisedKey);
-            const isAllowedChar = separateDialCode ? isNumeric : isInitialPlus || isNumeric;
-            const input = this.ui.telInput;
-            const selStart = input.selectionStart;
-            const selEnd = input.selectionEnd;
-            const before = inputValue.slice(0, selStart);
-            const after = inputValue.slice(selEnd);
-            const newValue = before + e.key + after;
-            const newFullNumber = this._getFullNumber(newValue);
-            const coreNumber = intlTelInput.utils.getCoreNumber(newFullNumber, this.selectedCountryData.iso2);
-            const hasExceededMaxLength = this.maxCoreNumberLength && coreNumber.length > this.maxCoreNumberLength;
-            const newCountry = this._getNewCountryFromNumber(newFullNumber);
-            const isChangingDialCode = newCountry !== null;
-            if (!isAllowedChar || hasExceededMaxLength && !isChangingDialCode && !isInitialPlus) {
-              e.preventDefault();
-            }
-          }
-        }
-      };
-      this.ui.telInput.addEventListener("keydown", handleKeydownEvent, {
-        signal: this.abortController.signal
-      });
-    }
-  }
-  _maybeBindPasteListener() {
-    if (this.options.strictMode) {
-      const handlePasteEvent = (e) => {
-        e.preventDefault();
-        const input = this.ui.telInput;
-        const selStart = input.selectionStart;
-        const selEnd = input.selectionEnd;
-        const inputValue = this._getTelInputValue();
-        const before = inputValue.slice(0, selStart);
-        const after = inputValue.slice(selEnd);
-        const iso2 = this.selectedCountryData.iso2;
-        const pastedRaw = e.clipboardData.getData("text");
-        const pasted = this.numerals.normalise(pastedRaw);
-        const initialCharSelected = selStart === 0 && selEnd > 0;
-        const allowLeadingPlus = !inputValue.startsWith("+") || initialCharSelected;
-        const allowedChars = pasted.replace(REGEX.NON_PLUS_NUMERIC_GLOBAL, "");
-        const hasLeadingPlus = allowedChars.startsWith("+");
-        const numerics = allowedChars.replace(/\+/g, "");
-        const sanitised = hasLeadingPlus && allowLeadingPlus ? `+${numerics}` : numerics;
-        let newVal = before + sanitised + after;
-        if (newVal.length > 5) {
-          let coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
-          while (coreNumber.length === 0 && newVal.length > 0) {
-            newVal = newVal.slice(0, -1);
-            coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
-          }
-          if (!coreNumber) {
-            return;
-          }
-          if (this.maxCoreNumberLength && coreNumber.length > this.maxCoreNumberLength) {
-            if (input.selectionEnd === inputValue.length) {
-              const trimLength = coreNumber.length - this.maxCoreNumberLength;
-              newVal = newVal.slice(0, newVal.length - trimLength);
-            } else {
-              return;
-            }
-          }
-        }
-        this._setTelInputValue(newVal);
-        const caretPos = selStart + sanitised.length;
-        input.setSelectionRange(caretPos, caretPos);
-        input.dispatchEvent(new InputEvent("input", { bubbles: true }));
-      };
-      this.ui.telInput.addEventListener("paste", handlePasteEvent, {
-        signal: this.abortController.signal
-      });
-    }
-  }
-  //* Adhere to the input's maxlength attr.
-  _cap(number) {
-    const max = Number(this.ui.telInput.getAttribute("maxlength"));
-    return max && number.length > max ? number.substring(0, max) : number;
-  }
-  //* Trigger a custom event on the input (typed via ItiEventMap).
-  _trigger(name, detailProps = {}) {
-    const e = new CustomEvent(name, {
-      bubbles: true,
-      cancelable: true,
-      detail: detailProps
-    });
-    this.ui.telInput.dispatchEvent(e);
-  }
-  //* Open the dropdown.
-  _openDropdown() {
-    const { dropdownContainer, useFullscreenPopup } = this.options;
-    this.dropdownAbortController = new AbortController();
-    this.ui.openDropdown();
-    if (!useFullscreenPopup && dropdownContainer) {
-      const handleWindowScroll = () => this._closeDropdown();
-      window.addEventListener("scroll", handleWindowScroll, {
-        signal: this.dropdownAbortController.signal
-      });
-    }
-    this._bindDropdownListeners();
-    this._trigger(EVENTS.OPEN_COUNTRY_DROPDOWN);
-  }
-  //* We only bind dropdown listeners when the dropdown is open.
-  _bindDropdownListeners() {
-    const signal = this.dropdownAbortController.signal;
-    this._bindDropdownMouseoverListener(signal);
-    this._bindDropdownCountryClickListener(signal);
-    if (!this.options.dropdownAlwaysOpen) {
-      this._bindDropdownClickOffListener(signal);
-    }
-    this._bindDropdownKeydownListener(signal);
-    if (this.options.countrySearch) {
-      this._bindDropdownSearchListeners(signal);
-    }
-  }
-  //* 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(signal) {
-    const handleMouseoverCountryList = (e) => {
-      var _a;
-      const listItem = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest(`.${CLASSES.COUNTRY_ITEM}`);
-      if (listItem) {
-        this.ui.highlightListItem(listItem, false);
-      }
-    };
-    this.ui.countryList.addEventListener("mouseover", handleMouseoverCountryList, {
-      signal
-    });
-  }
-  //* Listen for country selection.
-  _bindDropdownCountryClickListener(signal) {
-    const handleClickCountryList = (e) => {
-      var _a;
-      const listItem = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest(`.${CLASSES.COUNTRY_ITEM}`);
-      if (listItem) {
-        this._selectListItem(listItem);
-      }
-    };
-    this.ui.countryList.addEventListener("click", handleClickCountryList, {
-      signal
-    });
-  }
-  //* 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(signal) {
-    const handleClickOffToClose = (e) => {
-      const target = e.target;
-      const clickedInsideDropdown = !!target.closest(`#iti-${this.id}__dropdown-content`);
-      if (!clickedInsideDropdown) {
-        this._closeDropdown();
-      }
-    };
-    setTimeout(() => {
-      document.documentElement.addEventListener("click", handleClickOffToClose, { signal });
-    }, 0);
-  }
-  //* 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(signal) {
-    let query = "";
-    let queryTimer = null;
-    const handleKeydownOnDropdown = (e) => {
-      const allowedKeys = [
-        KEYS.ARROW_UP,
-        KEYS.ARROW_DOWN,
-        KEYS.ENTER,
-        KEYS.ESC
-      ];
-      if (allowedKeys.includes(e.key)) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.key === KEYS.ARROW_UP || e.key === KEYS.ARROW_DOWN) {
-          this.ui.handleUpDownKey(e.key);
-        } else if (e.key === KEYS.ENTER) {
-          this._handleEnterKey();
-        } else if (e.key === KEYS.ESC) {
-          this._closeDropdown();
-          this.ui.selectedCountry.focus();
-        }
-      }
-      if (!this.options.countrySearch && REGEX.HIDDEN_SEARCH_CHAR.test(e.key)) {
-        e.stopPropagation();
-        if (queryTimer) {
-          clearTimeout(queryTimer);
-        }
-        query += e.key.toLowerCase();
-        this._searchForCountry(query);
-        queryTimer = setTimeout(() => {
-          query = "";
-        }, TIMINGS.HIDDEN_SEARCH_RESET_MS);
-      }
-    };
-    document.addEventListener("keydown", handleKeydownOnDropdown, { signal });
-  }
-  //* Search input listeners when countrySearch enabled.
-  _bindDropdownSearchListeners(signal) {
-    this.ui.searchInput.addEventListener("input", () => this.ui.handleSearchChange(), { signal });
-    this.ui.searchClearButton.addEventListener("click", () => this.ui.handleSearchClear(), { signal });
-  }
-  //* Hidden search (countrySearch disabled): Find the first list item whose name starts with the query string.
-  _searchForCountry(query) {
-    const match = findFirstCountryStartingWith(this.countries, query);
-    if (match) {
-      const listItem = match.nodeById[this.id];
-      this.ui.highlightListItem(listItem, false);
-      this.ui.scrollTo(listItem);
-    }
-  }
-  //* Select the currently highlighted item.
-  _handleEnterKey() {
-    if (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(fullNumber) {
-    const { formatOnDisplay, nationalMode, separateDialCode } = this.options;
-    let number = fullNumber;
-    if (formatOnDisplay && intlTelInput.utils && this.selectedCountryData) {
-      const isRegionless = hasRegionlessDialCode(fullNumber);
-      const useNational = nationalMode && !isRegionless || !number.startsWith("+") && !separateDialCode;
-      const { NATIONAL, INTERNATIONAL } = intlTelInput.utils.numberFormat;
-      const format = useNational ? NATIONAL : INTERNATIONAL;
-      number = intlTelInput.utils.formatNumber(number, this.selectedCountryData.iso2, format);
-    }
-    number = this._beforeSetNumber(number);
-    this._setTelInputValue(number);
-  }
-  //* Check if need to select a new country based on the given number
-  //* Note: called from _setInitialState, keyup handler, setNumber.
-  _updateCountryFromNumber(fullNumber) {
-    const iso2 = this._getNewCountryFromNumber(fullNumber);
-    if (iso2 !== null) {
-      return this._setCountry(iso2);
-    }
-    return false;
-  }
-  // if there is a selected country, and the number doesn't start with a dial code, then add it
-  _ensureHasDialCode(number) {
-    const { dialCode, nationalPrefix } = this.selectedCountryData;
-    const alreadyHasPlus = number.startsWith("+");
-    if (alreadyHasPlus || !dialCode) {
-      return number;
-    }
-    const hasPrefix = nationalPrefix && number.startsWith(nationalPrefix) && !this.options.separateDialCode;
-    const cleanNumber = hasPrefix ? number.substring(1) : number;
-    return `+${dialCode}${cleanNumber}`;
-  }
-  //* Get the new country based on the input number, or return null if no change, or empty string if should be empty (e.g. if they type an invalid dial code).
-  _getNewCountryFromNumber(fullNumber) {
-    const plusIndex = fullNumber.indexOf("+");
-    let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
-    const selectedIso2 = this.selectedCountryData.iso2;
-    const selectedDialCode = this.selectedCountryData.dialCode;
-    number = this._ensureHasDialCode(number);
-    const dialCodeMatch = this._getDialCode(number, true);
-    const numeric = getNumeric(number);
-    if (dialCodeMatch) {
-      const dialCodeMatchNumeric = getNumeric(dialCodeMatch);
-      const iso2Codes = this.dialCodeToIso2Map[dialCodeMatchNumeric];
-      if (iso2Codes.length === 1) {
-        if (iso2Codes[0] === selectedIso2) {
-          return null;
-        }
-        return iso2Codes[0];
-      }
-      if (!selectedIso2 && this.defaultCountry && iso2Codes.includes(this.defaultCountry)) {
-        return this.defaultCountry;
-      }
-      const isRegionlessNanpNumber = selectedDialCode === DIAL.NANP && isRegionlessNanp(numeric);
-      if (isRegionlessNanpNumber) {
-        return null;
-      }
-      const { areaCodes, priority } = this.selectedCountryData;
-      if (areaCodes) {
-        const dialCodeAreaCodes = areaCodes.map((areaCode) => `${selectedDialCode}${areaCode}`);
-        for (const dialCodeAreaCode of dialCodeAreaCodes) {
-          if (numeric.startsWith(dialCodeAreaCode)) {
-            return null;
-          }
-        }
-      }
-      const isMainCountry = priority === 0;
-      const hasAreaCodesButNoneMatched = areaCodes && !isMainCountry && numeric.length > dialCodeMatchNumeric.length;
-      const isValidSelection = selectedIso2 && iso2Codes.includes(selectedIso2) && !hasAreaCodesButNoneMatched;
-      const alreadySelected = selectedIso2 === iso2Codes[0];
-      if (!isValidSelection && !alreadySelected) {
-        return iso2Codes[0];
-      }
-    } else if (number.startsWith("+") && numeric.length) {
-      const currentDial = this.selectedCountryData.dialCode || "";
-      if (currentDial && currentDial.startsWith(numeric)) {
-        return null;
-      }
-      return "";
-    } else if ((!number || number === "+") && !selectedIso2 && this.defaultCountry) {
-      return this.defaultCountry;
-    }
-    return null;
-  }
-  //* Update the selected country, dial code (if separateDialCode), placeholder, title, and selected list item.
-  //* Note: called from _setInitialState, _updateCountryFromNumber, _selectListItem, setCountry.
-  _setCountry(iso2) {
-    const prevIso2 = this.selectedCountryData.iso2 || "";
-    this.selectedCountryData = iso2 ? this.countryByIso2.get(iso2) : {};
-    if (this.selectedCountryData.iso2) {
-      this.defaultCountry = this.selectedCountryData.iso2;
-    }
-    this.ui.setCountry(this.selectedCountryData);
-    this._updatePlaceholder();
-    this._updateMaxLength();
-    return prevIso2 !== iso2;
-  }
-  //* Update the maximum valid number length for the currently selected country.
-  _updateMaxLength() {
-    const { strictMode, placeholderNumberType, allowedNumberTypes } = this.options;
-    const { iso2 } = this.selectedCountryData;
-    if (strictMode && intlTelInput.utils) {
-      if (iso2) {
-        const numberType = intlTelInput.utils.numberType[placeholderNumberType];
-        let exampleNumber = intlTelInput.utils.getExampleNumber(iso2, false, numberType, true);
-        let validNumber = exampleNumber;
-        while (intlTelInput.utils.isPossibleNumber(exampleNumber, iso2, allowedNumberTypes)) {
-          validNumber = exampleNumber;
-          exampleNumber += "0";
-        }
-        const coreNumber = intlTelInput.utils.getCoreNumber(validNumber, iso2);
-        this.maxCoreNumberLength = coreNumber.length;
-        if (iso2 === "by") {
-          this.maxCoreNumberLength = coreNumber.length + 1;
-        }
-      } else {
-        this.maxCoreNumberLength = null;
-      }
-    }
-  }
-  //* Update the input placeholder to an example number from the currently selected country.
-  _updatePlaceholder() {
-    const { autoPlaceholder, placeholderNumberType, nationalMode, customPlaceholder } = this.options;
-    const shouldSetPlaceholder = autoPlaceholder === PLACEHOLDER_MODES.AGGRESSIVE || !this.ui.hadInitialPlaceholder && autoPlaceholder === PLACEHOLDER_MODES.POLITE;
-    if (intlTelInput.utils && shouldSetPlaceholder) {
-      const numberType = intlTelInput.utils.numberType[placeholderNumberType];
-      let placeholder = this.selectedCountryData.iso2 ? intlTelInput.utils.getExampleNumber(this.selectedCountryData.iso2, nationalMode, numberType) : "";
-      placeholder = this._beforeSetNumber(placeholder);
-      if (typeof customPlaceholder === "function") {
-        placeholder = customPlaceholder(placeholder, this.selectedCountryData);
-      }
-      this.ui.telInput.setAttribute("placeholder", placeholder);
-    }
-  }
-  //* Called when the user selects a list item from the dropdown.
-  _selectListItem(listItem) {
-    const iso2 = listItem.dataset[DATA_KEYS.COUNTRY_CODE];
-    const countryChanged = this._setCountry(iso2);
-    this._closeDropdown();
-    const dialCode = listItem.dataset[DATA_KEYS.DIAL_CODE];
-    this._updateDialCode(dialCode);
-    if (this.options.formatOnDisplay) {
-      const inputValue = this._getTelInputValue();
-      this._updateValFromNumber(inputValue);
-    }
-    this.ui.telInput.focus();
-    if (countryChanged) {
-      this._triggerCountryChange();
-    }
-  }
-  //* Close the dropdown and unbind any listeners.
-  _closeDropdown(isDestroy) {
-    if (this.ui.isDropdownClosed() || this.options.dropdownAlwaysOpen && !isDestroy) {
-      return;
-    }
-    this.ui.closeDropdown();
-    this.dropdownAbortController.abort();
-    this.dropdownAbortController = null;
-    this._trigger(EVENTS.CLOSE_COUNTRY_DROPDOWN);
-  }
-  //* Replace any existing dial code with the new one
-  //* Note: called from _selectListItem and setCountry
-  _updateDialCode(newDialCodeBare) {
-    const inputVal = this._getTelInputValue();
-    const newDialCode = `+${newDialCodeBare}`;
-    let newNumber;
-    if (inputVal.startsWith("+")) {
-      const prevDialCode = this._getDialCode(inputVal);
-      if (prevDialCode) {
-        newNumber = inputVal.replace(prevDialCode, newDialCode);
-      } else {
-        newNumber = newDialCode;
-      }
-      this._setTelInputValue(newNumber);
-    }
-  }
-  //* 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(number, includeAreaCode) {
-    let dialCode = "";
-    if (number.startsWith("+")) {
-      let numericChars = "";
-      let foundBaseDialCode = false;
-      for (let i = 0; i < number.length; i++) {
-        const c = number.charAt(i);
-        if (/[0-9]/.test(c)) {
-          numericChars += c;
-          const hasMapEntry = Boolean(this.dialCodeToIso2Map[numericChars]);
-          if (!hasMapEntry) {
-            break;
-          }
-          if (this.dialCodes.has(numericChars)) {
-            dialCode = number.substring(0, i + 1);
-            foundBaseDialCode = true;
-            if (!includeAreaCode) {
-              break;
-            }
-          } else if (includeAreaCode && foundBaseDialCode) {
-            dialCode = number.substring(0, i + 1);
-          }
-          if (numericChars.length === this.dialCodeMaxLen) {
-            break;
-          }
-        }
-      }
-    }
-    return dialCode;
-  }
-  //* Get the input val, adding the dial code if separateDialCode is enabled.
-  _getFullNumber(overrideVal) {
-    const val = overrideVal ? this.numerals.normalise(overrideVal) : this._getTelInputValue();
-    const { dialCode } = this.selectedCountryData;
-    let prefix;
-    const numericVal = getNumeric(val);
-    if (this.options.separateDialCode && !val.startsWith("+") && dialCode && numericVal) {
-      prefix = `+${dialCode}`;
-    } else {
-      prefix = "";
-    }
-    return prefix + val;
-  }
-  //* Remove the dial code if separateDialCode is enabled also cap the length if the input has a maxlength attribute
-  _beforeSetNumber(fullNumber) {
-    const hasValidDialCode = Boolean(this._getDialCode(fullNumber));
-    const number = beforeSetNumber(fullNumber, hasValidDialCode, this.options.separateDialCode, this.selectedCountryData);
-    return this._cap(number);
-  }
-  //* Trigger the 'countrychange' event.
-  _triggerCountryChange() {
-    this._trigger(EVENTS.COUNTRY_CHANGE);
-  }
-  //**************************
-  //*  SECRET PUBLIC METHODS
-  //**************************
-  //* This is called when the geoip call returns.
-  handleAutoCountry() {
-    var _a, _b;
-    if (!((_a = this.ui) === null || _a === void 0 ? void 0 : _a.telInput)) {
-      (_b = this.resolveAutoCountryPromise) === null || _b === void 0 ? void 0 : _b.call(this);
-      return;
-    }
-    if (this.options.initialCountry === INITIAL_COUNTRY.AUTO && intlTelInput.autoCountry) {
-      this.defaultCountry = intlTelInput.autoCountry;
-      const hasSelectedCountryOrGlobe = this.selectedCountryData.iso2 || this.ui.selectedCountryInner.classList.contains(CLASSES.GLOBE);
-      if (!hasSelectedCountryOrGlobe) {
-        this.setCountry(this.defaultCountry);
-      }
-      this.resolveAutoCountryPromise();
-    }
-  }
-  //* This is called when the geoip call fails or times out.
-  handleAutoCountryFailure() {
-    var _a, _b;
-    if (!((_a = this.ui) === null || _a === void 0 ? void 0 : _a.telInput)) {
-      (_b = this.rejectAutoCountryPromise) === null || _b === void 0 ? void 0 : _b.call(this);
-      return;
-    }
-    this._setInitialState(true);
-    this.rejectAutoCountryPromise();
-  }
-  //* This is called when the utils request completes.
-  handleUtils() {
-    var _a, _b;
-    if (!((_a = this.ui) === null || _a === void 0 ? void 0 : _a.telInput)) {
-      (_b = this.resolveUtilsScriptPromise) === null || _b === void 0 ? void 0 : _b.call(this);
-      return;
-    }
-    if (intlTelInput.utils) {
-      const inputValue = this._getTelInputValue();
-      if (inputValue) {
-        this._updateValFromNumber(inputValue);
-      }
-      if (this.selectedCountryData.iso2) {
-        this._updatePlaceholder();
-        this._updateMaxLength();
-      }
-    }
-    this.resolveUtilsScriptPromise();
-  }
-  //* This is called when the utils request fails or times out.
-  handleUtilsFailure(error) {
-    var _a, _b;
-    if (!((_a = this.ui) === null || _a === void 0 ? void 0 : _a.telInput)) {
-      (_b = this.rejectUtilsScriptPromise) === null || _b === void 0 ? void 0 : _b.call(this, error);
-      return;
-    }
-    this.rejectUtilsScriptPromise(error);
+    __classPrivateFieldSet3(this, _Iti_options, Object.assign(Object.assign({}, defaults), validatedOptions), "f");
+    applyOptionSideEffects(__classPrivateFieldGet3(this, _Iti_options, "f"));
+    __classPrivateFieldSet3(this, _Iti_ui, new ui_default(input, __classPrivateFieldGet3(this, _Iti_options, "f"), this.id), "f");
+    __classPrivateFieldSet3(this, _Iti_isAndroid, getIsAndroid(), "f");
+    __classPrivateFieldSet3(this, _Iti_numerals, new Numerals(), "f");
+    this.promise = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_createInitPromises).call(this, __classPrivateFieldGet3(this, _Iti_options, "f"));
+    __classPrivateFieldSet3(this, _Iti_countries, processAllCountries(__classPrivateFieldGet3(this, _Iti_options, "f")), "f");
+    const { dialCodes, dialCodeMaxLen, dialCodeToIso2Map } = processDialCodes(__classPrivateFieldGet3(this, _Iti_countries, "f"));
+    __classPrivateFieldSet3(this, _Iti_dialCodes, dialCodes, "f");
+    __classPrivateFieldSet3(this, _Iti_dialCodeMaxLen, dialCodeMaxLen, "f");
+    __classPrivateFieldSet3(this, _Iti_dialCodeToIso2Map, dialCodeToIso2Map, "f");
+    __classPrivateFieldSet3(this, _Iti_countryByIso2, new Map(__classPrivateFieldGet3(this, _Iti_countries, "f").map((c) => [c.iso2, c])), "f");
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_init).call(this);
   }
   //********************
   //*  PUBLIC METHODS
   //********************
   //* Remove plugin.
   destroy() {
-    if (!this.ui.telInput) {
+    if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
       return;
     }
-    if (this.options.allowDropdown) {
-      this._closeDropdown(true);
+    if (__classPrivateFieldGet3(this, _Iti_options, "f").allowDropdown) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this, true);
     }
-    this.abortController.abort();
-    this.abortController = null;
-    this.ui.destroy();
+    __classPrivateFieldGet3(this, _Iti_abortController, "f").abort();
+    __classPrivateFieldSet3(this, _Iti_abortController, null, "f");
+    __classPrivateFieldGet3(this, _Iti_ui, "f").destroy();
     if (intlTelInput.instances instanceof Map) {
       intlTelInput.instances.delete(this.id);
     } else {
@@ -3864,151 +3212,884 @@ var Iti = class {
     }
   }
   // check if the instance is still valid (not destroyed/unmounted)
-  getIsValid() {
-    var _a;
-    return !!((_a = this.ui) === null || _a === void 0 ? void 0 : _a.telInput);
+  isActive() {
+    var _b;
+    return !!((_b = __classPrivateFieldGet3(this, _Iti_ui, "f")) === null || _b === void 0 ? void 0 : _b.telInput);
   }
   //* Get the extension from the current number.
   getExtension() {
-    if (intlTelInput.utils && this.ui.telInput) {
-      return intlTelInput.utils.getExtension(this._getFullNumber(), this.selectedCountryData.iso2);
+    if (intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+      return intlTelInput.utils.getExtension(__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this), __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2);
     }
     return "";
   }
   //* Format the number to the given format.
   getNumber(format) {
-    if (intlTelInput.utils && this.ui.telInput) {
-      const { iso2 } = this.selectedCountryData;
-      const fullNumber = this._getFullNumber();
+    if (intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+      const { iso2 } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+      const fullNumber = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this);
       const formattedNumber = intlTelInput.utils.formatNumber(fullNumber, iso2, format);
-      const currentVal = this.ui.telInput.value;
-      return this.numerals.denormalise(formattedNumber, currentVal);
+      const currentVal = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.value;
+      return __classPrivateFieldGet3(this, _Iti_numerals, "f").denormalise(formattedNumber, currentVal);
     }
     return "";
   }
   //* Get the type of the entered number e.g. landline/mobile.
   getNumberType() {
-    if (intlTelInput.utils && this.ui.telInput) {
-      return intlTelInput.utils.getNumberType(this._getFullNumber(), this.selectedCountryData.iso2);
+    if (intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+      return intlTelInput.utils.getNumberType(__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this), __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2);
     }
     return SENTINELS.UNKNOWN_NUMBER_TYPE;
   }
   //* Get the country data for the currently selected country.
   getSelectedCountryData() {
-    return this.selectedCountryData;
+    return __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
   }
   //* Get the validation error.
   getValidationError() {
-    if (intlTelInput.utils && this.ui.telInput) {
-      const { iso2 } = this.selectedCountryData;
-      return intlTelInput.utils.getValidationError(this._getFullNumber(), iso2);
+    if (intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+      const { iso2 } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+      return intlTelInput.utils.getValidationError(__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this), iso2);
     }
     return SENTINELS.UNKNOWN_VALIDATION_ERROR;
   }
   //* Validate the input val using number length only
   isValidNumber() {
-    const { dialCode, iso2 } = this.selectedCountryData;
-    if (dialCode === UK.DIAL_CODE && intlTelInput.utils && this.ui.telInput) {
-      const number = this._getFullNumber();
+    const { dialCode, iso2 } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+    if (intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+      const number = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this);
       const coreNumber = intlTelInput.utils.getCoreNumber(number, iso2);
-      if (coreNumber && coreNumber[0] === UK.MOBILE_PREFIX && coreNumber.length !== UK.MOBILE_CORE_LENGTH) {
-        return false;
+      if (coreNumber) {
+        if (dialCode === UK.DIAL_CODE) {
+          if (coreNumber[0] === UK.MOBILE_PREFIX && coreNumber.length !== UK.MOBILE_CORE_LENGTH) {
+            return false;
+          }
+        }
+        const hasAlphaChar = REGEX.ALPHA_UNICODE.test(number);
+        if (!hasAlphaChar && dialCode) {
+          const nationalPortion = number.startsWith("+") ? number.slice(1 + dialCode.length) : number;
+          const nationalDigitCount = getNumeric(nationalPortion).length;
+          if (coreNumber.length > nationalDigitCount) {
+            return false;
+          }
+        }
       }
     }
-    return this._validateNumber(false);
+    return __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_validateNumber).call(this, false);
   }
   //* Validate the input val with precise validation
   isValidNumberPrecise() {
-    return this._validateNumber(true);
-  }
-  _utilsIsPossibleNumber(val) {
-    return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, this.selectedCountryData.iso2, this.options.allowedNumberTypes) : null;
-  }
-  //* Shared internal validation logic to handle alpha character extension rules.
-  _validateNumber(precise) {
-    if (!intlTelInput.utils || !this.ui.telInput) {
-      return null;
-    }
-    const { allowNumberExtensions, allowPhonewords } = this.options;
-    const testValidity = (s) => precise ? this._utilsIsValidNumber(s) : this._utilsIsPossibleNumber(s);
-    const val = this._getFullNumber();
-    if (!this.selectedCountryData.iso2) {
-      const isRegionlessDialCode = hasRegionlessDialCode(val);
-      if (!isRegionlessDialCode) {
-        return false;
-      }
-    }
-    if (!testValidity(val)) {
-      return false;
-    }
-    const alphaCharPosition = val.search(REGEX.ALPHA_UNICODE);
-    const hasAlphaChar = alphaCharPosition > -1;
-    if (hasAlphaChar) {
-      const selectedIso2 = this.selectedCountryData.iso2;
-      const hasExtension = Boolean(intlTelInput.utils.getExtension(val, selectedIso2));
-      if (hasExtension) {
-        return allowNumberExtensions;
-      }
-      return allowPhonewords;
-    }
-    return true;
-  }
-  _utilsIsValidNumber(val) {
-    return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, this.selectedCountryData.iso2, this.options.allowedNumberTypes) : null;
+    return __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_validateNumber).call(this, true);
   }
   //* Update the selected country, and update the input val accordingly.
   setCountry(iso2) {
-    if (!this.ui.telInput) {
+    if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
       return;
     }
     const iso2Lower = iso2 === null || iso2 === void 0 ? void 0 : iso2.toLowerCase();
     if (!isIso22(iso2Lower)) {
       throw new Error(`Invalid country code: '${iso2Lower}'`);
     }
-    const currentCountry = this.selectedCountryData.iso2;
+    const currentCountry = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2;
     const isCountryChange = iso2 && iso2Lower !== currentCountry || !iso2 && currentCountry;
     if (isCountryChange) {
-      this._setCountry(iso2Lower);
-      this._updateDialCode(this.selectedCountryData.dialCode);
-      if (this.options.formatOnDisplay) {
-        const inputValue = this._getTelInputValue();
-        this._updateValFromNumber(inputValue);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, iso2Lower);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateDialCode).call(this, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").dialCode);
+      if (__classPrivateFieldGet3(this, _Iti_options, "f").formatOnDisplay) {
+        const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+        __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateValFromNumber).call(this, inputValue);
       }
-      this._triggerCountryChange();
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_triggerCountryChange).call(this);
     }
   }
   //* Set the input value and update the country.
   setNumber(number) {
-    if (!this.ui.telInput) {
+    if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
       return;
     }
-    const normalisedNumber = this.numerals.normalise(number);
-    const countryChanged = this._updateCountryFromNumber(normalisedNumber);
-    this._updateValFromNumber(normalisedNumber);
+    const normalisedNumber = __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(number);
+    const countryChanged = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateCountryFromNumber).call(this, normalisedNumber);
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateValFromNumber).call(this, normalisedNumber);
     if (countryChanged) {
-      this._triggerCountryChange();
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_triggerCountryChange).call(this);
     }
-    this._trigger(EVENTS.INPUT, { isSetNumber: true });
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_trigger).call(this, EVENTS.INPUT, { isSetNumber: true });
   }
   //* Set the placeholder number typ
   setPlaceholderNumberType(type) {
-    if (!this.ui.telInput) {
+    if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
       return;
     }
-    this.options.placeholderNumberType = type;
-    this._updatePlaceholder();
+    __classPrivateFieldGet3(this, _Iti_options, "f").placeholderNumberType = type;
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updatePlaceholder).call(this);
   }
   setDisabled(disabled) {
-    if (!this.ui.telInput) {
+    if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
       return;
     }
-    this.ui.telInput.disabled = disabled;
+    __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.disabled = disabled;
     if (disabled) {
-      this.ui.selectedCountry.setAttribute("disabled", "true");
+      __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountry.setAttribute("disabled", "true");
+    } else {
+      __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountry.removeAttribute("disabled");
+    }
+  }
+  //********************
+  //*  STATIC METHODS
+  //********************
+  // Internal instance notification used by utils/geoip loaders.
+  // Kept public so module-level helpers (e.g. attachUtils) can call it, while still allowing
+  // access to private instance methods.
+  static forEachInstance(method, ...args) {
+    const instances = intlTelInput.instances;
+    const values = instances instanceof Map ? Array.from(instances.values()) : Object.values(instances);
+    const arg = args[0];
+    values.forEach((instance) => {
+      if (!(instance instanceof _a2)) {
+        return;
+      }
+      switch (method) {
+        case "handleUtils":
+          __classPrivateFieldGet3(instance, _Iti_instances, "m", _Iti_handleUtils).call(instance);
+          break;
+        case "handleUtilsFailure":
+          __classPrivateFieldGet3(instance, _Iti_instances, "m", _Iti_handleUtilsFailure).call(instance, arg);
+          break;
+        case "handleAutoCountry":
+          __classPrivateFieldGet3(instance, _Iti_instances, "m", _Iti_handleAutoCountry).call(instance);
+          break;
+        case "handleAutoCountryFailure":
+          __classPrivateFieldGet3(instance, _Iti_instances, "m", _Iti_handleAutoCountryFailure).call(instance);
+          break;
+      }
+    });
+  }
+};
+_a2 = Iti, _Iti_ui = /* @__PURE__ */ new WeakMap(), _Iti_options = /* @__PURE__ */ new WeakMap(), _Iti_isAndroid = /* @__PURE__ */ new WeakMap(), _Iti_countries = /* @__PURE__ */ new WeakMap(), _Iti_dialCodeMaxLen = /* @__PURE__ */ new WeakMap(), _Iti_dialCodeToIso2Map = /* @__PURE__ */ new WeakMap(), _Iti_dialCodes = /* @__PURE__ */ new WeakMap(), _Iti_countryByIso2 = /* @__PURE__ */ new WeakMap(), _Iti_selectedCountryData = /* @__PURE__ */ new WeakMap(), _Iti_maxCoreNumberLength = /* @__PURE__ */ new WeakMap(), _Iti_defaultCountry = /* @__PURE__ */ new WeakMap(), _Iti_abortController = /* @__PURE__ */ new WeakMap(), _Iti_dropdownAbortController = /* @__PURE__ */ new WeakMap(), _Iti_numerals = /* @__PURE__ */ new WeakMap(), _Iti_resolveAutoCountryPromise = /* @__PURE__ */ new WeakMap(), _Iti_rejectAutoCountryPromise = /* @__PURE__ */ new WeakMap(), _Iti_resolveUtilsScriptPromise = /* @__PURE__ */ new WeakMap(), _Iti_rejectUtilsScriptPromise = /* @__PURE__ */ new WeakMap(), _Iti_instances = /* @__PURE__ */ new WeakSet(), _Iti_getTelInputValue = function _Iti_getTelInputValue2() {
+  const inputValue = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.value.trim();
+  return __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(inputValue);
+}, _Iti_setTelInputValue = function _Iti_setTelInputValue2(asciiValue) {
+  const currentValue = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.value;
+  __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.value = __classPrivateFieldGet3(this, _Iti_numerals, "f").denormalise(asciiValue, currentValue);
+}, _Iti_createInitPromises = function _Iti_createInitPromises2(options) {
+  const { initialCountry, geoIpLookup, loadUtils } = options;
+  const needsAutoCountryPromise = initialCountry === INITIAL_COUNTRY.AUTO && Boolean(geoIpLookup);
+  const needsUtilsScriptPromise = Boolean(loadUtils) && !intlTelInput.utils;
+  let autoCountryPromise;
+  if (needsAutoCountryPromise) {
+    autoCountryPromise = new Promise((resolve, reject) => {
+      __classPrivateFieldSet3(this, _Iti_resolveAutoCountryPromise, resolve, "f");
+      __classPrivateFieldSet3(this, _Iti_rejectAutoCountryPromise, reject, "f");
+    });
+  } else {
+    autoCountryPromise = Promise.resolve(void 0);
+    __classPrivateFieldSet3(this, _Iti_resolveAutoCountryPromise, () => {
+    }, "f");
+    __classPrivateFieldSet3(this, _Iti_rejectAutoCountryPromise, () => {
+    }, "f");
+  }
+  let utilsScriptPromise;
+  if (needsUtilsScriptPromise) {
+    utilsScriptPromise = new Promise((resolve, reject) => {
+      __classPrivateFieldSet3(this, _Iti_resolveUtilsScriptPromise, resolve, "f");
+      __classPrivateFieldSet3(this, _Iti_rejectUtilsScriptPromise, reject, "f");
+    });
+  } else {
+    utilsScriptPromise = Promise.resolve(void 0);
+    __classPrivateFieldSet3(this, _Iti_resolveUtilsScriptPromise, () => {
+    }, "f");
+    __classPrivateFieldSet3(this, _Iti_rejectUtilsScriptPromise, () => {
+    }, "f");
+  }
+  return Promise.all([autoCountryPromise, utilsScriptPromise]);
+}, _Iti_init = function _Iti_init2() {
+  __classPrivateFieldSet3(this, _Iti_selectedCountryData, {}, "f");
+  __classPrivateFieldSet3(this, _Iti_abortController, new AbortController(), "f");
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_processCountryData).call(this);
+  __classPrivateFieldGet3(this, _Iti_ui, "f").generateMarkup(__classPrivateFieldGet3(this, _Iti_countries, "f"));
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setInitialState).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_initListeners).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_initRequests).call(this);
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").dropdownAlwaysOpen) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdown).call(this);
+  }
+}, _Iti_processCountryData = function _Iti_processCountryData2() {
+  generateCountryNames(__classPrivateFieldGet3(this, _Iti_countries, "f"), __classPrivateFieldGet3(this, _Iti_options, "f"));
+  sortCountries(__classPrivateFieldGet3(this, _Iti_countries, "f"), __classPrivateFieldGet3(this, _Iti_options, "f"));
+  cacheSearchTokens(__classPrivateFieldGet3(this, _Iti_countries, "f"));
+}, _Iti_setInitialState = function _Iti_setInitialState2(overrideAutoCountry = false) {
+  const attributeValueRaw = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.getAttribute("value");
+  const attributeValue = __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(attributeValueRaw);
+  const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+  const useAttribute = attributeValue && attributeValue.startsWith("+") && (!inputValue || !inputValue.startsWith("+"));
+  const val = useAttribute ? attributeValue : inputValue;
+  const dialCode = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getDialCode).call(this, val);
+  const isRegionlessNanpNumber = isRegionlessNanp(val);
+  const { initialCountry, geoIpLookup } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  const isAutoCountry = initialCountry === INITIAL_COUNTRY.AUTO && geoIpLookup;
+  const doingAutoCountryLookup = isAutoCountry && !overrideAutoCountry;
+  const initialCountryLower = initialCountry.toLowerCase();
+  const isValidInitialCountry = isIso22(initialCountryLower);
+  if (dialCode) {
+    if (isRegionlessNanpNumber) {
+      if (isValidInitialCountry) {
+        __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, initialCountryLower);
+      } else if (!doingAutoCountryLookup) {
+        __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, US.ISO2);
+      }
+    } else {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateCountryFromNumber).call(this, val);
+    }
+  } else if (isValidInitialCountry) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, initialCountryLower);
+  } else if (!doingAutoCountryLookup) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, "");
+  }
+  if (val) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateValFromNumber).call(this, val);
+  }
+}, _Iti_initListeners = function _Iti_initListeners2() {
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_initTelInputListeners).call(this);
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").allowDropdown) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_initDropdownListeners).call(this);
+  }
+  if ((__classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInput || __classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInputCountry) && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.form) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_initHiddenInputListener).call(this);
+  }
+}, _Iti_initHiddenInputListener = function _Iti_initHiddenInputListener2() {
+  var _b;
+  const handleHiddenInputSubmit = () => {
+    if (__classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInput) {
+      __classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInput.value = this.getNumber();
+    }
+    if (__classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInputCountry) {
+      __classPrivateFieldGet3(this, _Iti_ui, "f").hiddenInputCountry.value = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2 || "";
+    }
+  };
+  (_b = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.form) === null || _b === void 0 ? void 0 : _b.addEventListener("submit", handleHiddenInputSubmit, {
+    signal: __classPrivateFieldGet3(this, _Iti_abortController, "f").signal
+  });
+}, _Iti_initDropdownListeners = function _Iti_initDropdownListeners2() {
+  const signal = __classPrivateFieldGet3(this, _Iti_abortController, "f").signal;
+  const handleLabelClick = (e) => {
+    if (__classPrivateFieldGet3(this, _Iti_ui, "f").isDropdownClosed()) {
+      __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.focus();
+    } else {
+      e.preventDefault();
+    }
+  };
+  const label = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.closest("label");
+  if (label) {
+    label.addEventListener("click", handleLabelClick, { signal });
+  }
+  const handleClickSelectedCountry = () => {
+    if (__classPrivateFieldGet3(this, _Iti_ui, "f").isDropdownClosed() && !__classPrivateFieldGet3(this, _Iti_ui, "f").telInput.disabled && !__classPrivateFieldGet3(this, _Iti_ui, "f").telInput.readOnly) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdown).call(this);
+    }
+  };
+  __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountry.addEventListener("click", handleClickSelectedCountry, {
+    signal
+  });
+  const handleCountryContainerKeydown = (e) => {
+    const allowedKeys = [KEYS.ARROW_UP, KEYS.ARROW_DOWN, KEYS.SPACE, KEYS.ENTER];
+    if (__classPrivateFieldGet3(this, _Iti_ui, "f").isDropdownClosed() && allowedKeys.includes(e.key)) {
+      e.preventDefault();
+      e.stopPropagation();
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdown).call(this);
+    }
+    if (e.key === KEYS.TAB) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this);
+    }
+  };
+  __classPrivateFieldGet3(this, _Iti_ui, "f").countryContainer.addEventListener("keydown", handleCountryContainerKeydown, { signal });
+}, _Iti_initRequests = function _Iti_initRequests2() {
+  const { loadUtils, initialCountry, geoIpLookup } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  if (loadUtils && !intlTelInput.utils) {
+    const doAttachUtils = () => {
+      var _b;
+      (_b = intlTelInput.attachUtils(loadUtils)) === null || _b === void 0 ? void 0 : _b.catch(() => {
+      });
+    };
+    if (intlTelInput.documentReady()) {
+      doAttachUtils();
+    } else {
+      const handlePageLoad = () => {
+        doAttachUtils();
+      };
+      window.addEventListener("load", handlePageLoad, {
+        signal: __classPrivateFieldGet3(this, _Iti_abortController, "f").signal
+      });
+    }
+  } else {
+    __classPrivateFieldGet3(this, _Iti_resolveUtilsScriptPromise, "f").call(this);
+  }
+  const isAutoCountry = initialCountry === INITIAL_COUNTRY.AUTO && geoIpLookup;
+  if (isAutoCountry) {
+    if (__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2) {
+      __classPrivateFieldGet3(this, _Iti_resolveAutoCountryPromise, "f").call(this);
+    } else {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_loadAutoCountry).call(this);
+    }
+  }
+}, _Iti_loadAutoCountry = function _Iti_loadAutoCountry2() {
+  if (intlTelInput.autoCountry) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_handleAutoCountry).call(this);
+  } else {
+    __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountryInner.classList.add(CLASSES.LOADING);
+    if (!intlTelInput.startedLoadingAutoCountry) {
+      intlTelInput.startedLoadingAutoCountry = true;
+      if (typeof __classPrivateFieldGet3(this, _Iti_options, "f").geoIpLookup === "function") {
+        const successCallback = (iso2 = "") => {
+          __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountryInner.classList.remove(CLASSES.LOADING);
+          const iso2Lower = iso2.toLowerCase();
+          if (isIso22(iso2Lower)) {
+            intlTelInput.autoCountry = iso2Lower;
+            setTimeout(() => _a2.forEachInstance("handleAutoCountry"));
+          } else {
+            _a2.forEachInstance("handleAutoCountryFailure");
+          }
+        };
+        const failureCallback = () => {
+          __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountryInner.classList.remove(CLASSES.LOADING);
+          _a2.forEachInstance("handleAutoCountryFailure");
+        };
+        __classPrivateFieldGet3(this, _Iti_options, "f").geoIpLookup(successCallback, failureCallback);
+      }
+    }
+  }
+}, _Iti_openDropdownWithPlus = function _Iti_openDropdownWithPlus2() {
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdown).call(this);
+  __classPrivateFieldGet3(this, _Iti_ui, "f").searchInput.value = "+";
+  __classPrivateFieldGet3(this, _Iti_ui, "f").filterCountriesByQuery("");
+}, _Iti_initTelInputListeners = function _Iti_initTelInputListeners2() {
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindInputListener).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_maybeBindKeydownListener).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_maybeBindPasteListener).call(this);
+}, _Iti_bindInputListener = function _Iti_bindInputListener2() {
+  const { strictMode, formatAsYouType, separateDialCode, allowDropdown, countrySearch } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  let userOverrideFormatting = false;
+  if (REGEX.ALPHA_UNICODE.test(__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this))) {
+    userOverrideFormatting = true;
+  }
+  const handleInputEvent = (e) => {
+    const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+    if (__classPrivateFieldGet3(this, _Iti_isAndroid, "f") && (e === null || e === void 0 ? void 0 : e.data) === "+" && separateDialCode && allowDropdown && countrySearch) {
+      const currentCaretPos = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.selectionStart || 0;
+      const valueBeforeCaret = inputValue.substring(0, currentCaretPos - 1);
+      const valueAfterCaret = inputValue.substring(currentCaretPos);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, valueBeforeCaret + valueAfterCaret);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdownWithPlus).call(this);
+      return;
+    }
+    if (__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateCountryFromNumber).call(this, inputValue)) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_triggerCountryChange).call(this);
+    }
+    const isFormattingChar = (e === null || e === void 0 ? void 0 : e.data) && REGEX.NON_PLUS_NUMERIC.test(e.data);
+    const isPaste = (e === null || e === void 0 ? void 0 : e.inputType) === INPUT_TYPES.PASTE && inputValue;
+    if (isFormattingChar || isPaste && !strictMode) {
+      userOverrideFormatting = true;
+    } else if (!REGEX.NON_PLUS_NUMERIC.test(inputValue)) {
+      userOverrideFormatting = false;
+    }
+    const isSetNumber = (e === null || e === void 0 ? void 0 : e.detail) && e.detail["isSetNumber"];
+    const isAscii = __classPrivateFieldGet3(this, _Iti_numerals, "f").isAscii();
+    if (formatAsYouType && !userOverrideFormatting && !isSetNumber && isAscii) {
+      const currentCaretPos = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.selectionStart || 0;
+      const valueBeforeCaret = inputValue.substring(0, currentCaretPos);
+      const relevantCharsBeforeCaret = valueBeforeCaret.replace(REGEX.NON_PLUS_NUMERIC_GLOBAL, "").length;
+      const isDeleteForwards = (e === null || e === void 0 ? void 0 : e.inputType) === INPUT_TYPES.DELETE_FWD;
+      const fullNumber = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this);
+      const formattedValue = formatNumberAsYouType(fullNumber, inputValue, intlTelInput.utils, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f"), separateDialCode);
+      const newCaretPos = translateCursorPosition(relevantCharsBeforeCaret, formattedValue, currentCaretPos, isDeleteForwards);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, formattedValue);
+      __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.setSelectionRange(newCaretPos, newCaretPos);
+    }
+    if (separateDialCode && inputValue.startsWith("+") && __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").dialCode) {
+      const cleanNumber = beforeSetNumber(inputValue, true, separateDialCode, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f"));
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, cleanNumber);
+    }
+  };
+  __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.addEventListener("input", handleInputEvent, {
+    signal: __classPrivateFieldGet3(this, _Iti_abortController, "f").signal
+  });
+}, _Iti_maybeBindKeydownListener = function _Iti_maybeBindKeydownListener2() {
+  const { strictMode, separateDialCode, allowDropdown, countrySearch } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  if (strictMode || separateDialCode) {
+    const handleKeydownEvent = (e) => {
+      if (e.key && e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
+        if (separateDialCode && allowDropdown && countrySearch && e.key === "+") {
+          e.preventDefault();
+          __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_openDropdownWithPlus).call(this);
+          return;
+        }
+        if (strictMode) {
+          const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+          const alreadyHasPlus = inputValue.startsWith("+");
+          const isInitialPlus = !alreadyHasPlus && __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.selectionStart === 0 && e.key === "+";
+          const normalisedKey = __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(e.key);
+          const isNumeric = /^[0-9]$/.test(normalisedKey);
+          const isAllowedChar = separateDialCode ? isNumeric : isInitialPlus || isNumeric;
+          const input = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput;
+          const selStart = input.selectionStart;
+          const selEnd = input.selectionEnd;
+          const before = inputValue.slice(0, selStart);
+          const after = inputValue.slice(selEnd);
+          const newValue = before + e.key + after;
+          const newFullNumber = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this, newValue);
+          const coreNumber = intlTelInput.utils.getCoreNumber(newFullNumber, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2);
+          const hasExceededMaxLength = __classPrivateFieldGet3(this, _Iti_maxCoreNumberLength, "f") && coreNumber.length > __classPrivateFieldGet3(this, _Iti_maxCoreNumberLength, "f");
+          const newCountry = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getNewCountryFromNumber).call(this, newFullNumber);
+          const isChangingDialCode = newCountry !== null;
+          if (!isAllowedChar || hasExceededMaxLength && !isChangingDialCode && !isInitialPlus) {
+            e.preventDefault();
+          }
+        }
+      }
+    };
+    __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.addEventListener("keydown", handleKeydownEvent, {
+      signal: __classPrivateFieldGet3(this, _Iti_abortController, "f").signal
+    });
+  }
+}, _Iti_maybeBindPasteListener = function _Iti_maybeBindPasteListener2() {
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").strictMode) {
+    const handlePasteEvent = (e) => {
+      e.preventDefault();
+      const input = __classPrivateFieldGet3(this, _Iti_ui, "f").telInput;
+      const selStart = input.selectionStart;
+      const selEnd = input.selectionEnd;
+      const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+      const before = inputValue.slice(0, selStart);
+      const after = inputValue.slice(selEnd);
+      const iso2 = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2;
+      const pastedRaw = e.clipboardData.getData("text");
+      const pasted = __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(pastedRaw);
+      const initialCharSelected = selStart === 0 && selEnd > 0;
+      const allowLeadingPlus = !inputValue.startsWith("+") || initialCharSelected;
+      const allowedChars = pasted.replace(REGEX.NON_PLUS_NUMERIC_GLOBAL, "");
+      const hasLeadingPlus = allowedChars.startsWith("+");
+      const numerics = allowedChars.replace(/\+/g, "");
+      const sanitised = hasLeadingPlus && allowLeadingPlus ? `+${numerics}` : numerics;
+      let newVal = before + sanitised + after;
+      if (newVal.length > 5) {
+        let coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
+        while (coreNumber.length === 0 && newVal.length > 0) {
+          newVal = newVal.slice(0, -1);
+          coreNumber = intlTelInput.utils.getCoreNumber(newVal, iso2);
+        }
+        if (!coreNumber) {
+          return;
+        }
+        if (__classPrivateFieldGet3(this, _Iti_maxCoreNumberLength, "f") && coreNumber.length > __classPrivateFieldGet3(this, _Iti_maxCoreNumberLength, "f")) {
+          if (input.selectionEnd === inputValue.length) {
+            const trimLength = coreNumber.length - __classPrivateFieldGet3(this, _Iti_maxCoreNumberLength, "f");
+            newVal = newVal.slice(0, newVal.length - trimLength);
+          } else {
+            return;
+          }
+        }
+      }
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, newVal);
+      const caretPos = selStart + sanitised.length;
+      input.setSelectionRange(caretPos, caretPos);
+      input.dispatchEvent(new InputEvent("input", { bubbles: true }));
+    };
+    __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.addEventListener("paste", handlePasteEvent, {
+      signal: __classPrivateFieldGet3(this, _Iti_abortController, "f").signal
+    });
+  }
+}, _Iti_cap = function _Iti_cap2(number) {
+  const max = Number(__classPrivateFieldGet3(this, _Iti_ui, "f").telInput.getAttribute("maxlength"));
+  return max && number.length > max ? number.substring(0, max) : number;
+}, _Iti_trigger = function _Iti_trigger2(name, detailProps = {}) {
+  const e = new CustomEvent(name, {
+    bubbles: true,
+    cancelable: true,
+    detail: detailProps
+  });
+  __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.dispatchEvent(e);
+}, _Iti_openDropdown = function _Iti_openDropdown2() {
+  const { dropdownContainer, useFullscreenPopup } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  __classPrivateFieldSet3(this, _Iti_dropdownAbortController, new AbortController(), "f");
+  __classPrivateFieldGet3(this, _Iti_ui, "f").openDropdown();
+  if (!useFullscreenPopup && dropdownContainer) {
+    const handleWindowScroll = () => __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this);
+    window.addEventListener("scroll", handleWindowScroll, {
+      signal: __classPrivateFieldGet3(this, _Iti_dropdownAbortController, "f").signal
+    });
+  }
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownListeners).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_trigger).call(this, EVENTS.OPEN_COUNTRY_DROPDOWN);
+}, _Iti_bindDropdownListeners = function _Iti_bindDropdownListeners2() {
+  const signal = __classPrivateFieldGet3(this, _Iti_dropdownAbortController, "f").signal;
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownMouseoverListener).call(this, signal);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownCountryClickListener).call(this, signal);
+  if (!__classPrivateFieldGet3(this, _Iti_options, "f").dropdownAlwaysOpen) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownClickOffListener).call(this, signal);
+  }
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownKeydownListener).call(this, signal);
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").countrySearch) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_bindDropdownSearchListeners).call(this, signal);
+  }
+}, _Iti_bindDropdownMouseoverListener = function _Iti_bindDropdownMouseoverListener2(signal) {
+  const handleMouseoverCountryList = (e) => {
+    var _b;
+    const listItem = (_b = e.target) === null || _b === void 0 ? void 0 : _b.closest(`.${CLASSES.COUNTRY_ITEM}`);
+    if (listItem) {
+      __classPrivateFieldGet3(this, _Iti_ui, "f").highlightListItem(listItem, false);
+    }
+  };
+  __classPrivateFieldGet3(this, _Iti_ui, "f").countryList.addEventListener("mouseover", handleMouseoverCountryList, {
+    signal
+  });
+}, _Iti_bindDropdownCountryClickListener = function _Iti_bindDropdownCountryClickListener2(signal) {
+  const handleClickCountryList = (e) => {
+    var _b;
+    const listItem = (_b = e.target) === null || _b === void 0 ? void 0 : _b.closest(`.${CLASSES.COUNTRY_ITEM}`);
+    if (listItem) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_selectListItem).call(this, listItem);
+    }
+  };
+  __classPrivateFieldGet3(this, _Iti_ui, "f").countryList.addEventListener("click", handleClickCountryList, {
+    signal
+  });
+}, _Iti_bindDropdownClickOffListener = function _Iti_bindDropdownClickOffListener2(signal) {
+  const handleClickOffToClose = (e) => {
+    const target = e.target;
+    const clickedInsideDropdown = !!target.closest(`#iti-${this.id}__dropdown-content`);
+    if (!clickedInsideDropdown) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this);
+    }
+  };
+  setTimeout(() => {
+    document.documentElement.addEventListener("click", handleClickOffToClose, { signal });
+  }, 0);
+}, _Iti_bindDropdownKeydownListener = function _Iti_bindDropdownKeydownListener2(signal) {
+  let query = "";
+  let queryTimer = null;
+  const handleKeydownOnDropdown = (e) => {
+    const allowedKeys = [
+      KEYS.ARROW_UP,
+      KEYS.ARROW_DOWN,
+      KEYS.ENTER,
+      KEYS.ESC
+    ];
+    if (allowedKeys.includes(e.key)) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (e.key === KEYS.ARROW_UP || e.key === KEYS.ARROW_DOWN) {
+        __classPrivateFieldGet3(this, _Iti_ui, "f").handleUpDownKey(e.key);
+      } else if (e.key === KEYS.ENTER) {
+        __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_handleEnterKey).call(this);
+      } else if (e.key === KEYS.ESC) {
+        __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this);
+        __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountry.focus();
+      }
+    }
+    if (!__classPrivateFieldGet3(this, _Iti_options, "f").countrySearch && REGEX.HIDDEN_SEARCH_CHAR.test(e.key)) {
+      e.stopPropagation();
+      if (queryTimer) {
+        clearTimeout(queryTimer);
+      }
+      query += e.key.toLowerCase();
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_searchForCountry).call(this, query);
+      queryTimer = setTimeout(() => {
+        query = "";
+      }, TIMINGS.HIDDEN_SEARCH_RESET_MS);
+    }
+  };
+  document.addEventListener("keydown", handleKeydownOnDropdown, { signal });
+}, _Iti_bindDropdownSearchListeners = function _Iti_bindDropdownSearchListeners2(signal) {
+  __classPrivateFieldGet3(this, _Iti_ui, "f").searchInput.addEventListener("input", () => __classPrivateFieldGet3(this, _Iti_ui, "f").handleSearchChange(), { signal });
+  __classPrivateFieldGet3(this, _Iti_ui, "f").searchClearButton.addEventListener("click", () => __classPrivateFieldGet3(this, _Iti_ui, "f").handleSearchClear(), { signal });
+}, _Iti_searchForCountry = function _Iti_searchForCountry2(query) {
+  const match = findFirstCountryStartingWith(__classPrivateFieldGet3(this, _Iti_countries, "f"), query);
+  if (match) {
+    const listItem = match.nodeById[this.id];
+    __classPrivateFieldGet3(this, _Iti_ui, "f").highlightListItem(listItem, false);
+    __classPrivateFieldGet3(this, _Iti_ui, "f").scrollTo(listItem);
+  }
+}, _Iti_handleEnterKey = function _Iti_handleEnterKey2() {
+  if (__classPrivateFieldGet3(this, _Iti_ui, "f").highlightedItem) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_selectListItem).call(this, __classPrivateFieldGet3(this, _Iti_ui, "f").highlightedItem);
+  }
+}, _Iti_updateValFromNumber = function _Iti_updateValFromNumber2(fullNumber) {
+  const { formatOnDisplay, nationalMode, separateDialCode } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  let number = fullNumber;
+  if (formatOnDisplay && intlTelInput.utils && __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f")) {
+    const isRegionless = hasRegionlessDialCode(fullNumber);
+    const useNational = nationalMode && !isRegionless || !number.startsWith("+") && !separateDialCode;
+    const { NATIONAL, INTERNATIONAL } = intlTelInput.utils.numberFormat;
+    const format = useNational ? NATIONAL : INTERNATIONAL;
+    number = intlTelInput.utils.formatNumber(number, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2, format);
+  }
+  number = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_beforeSetNumber).call(this, number);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, number);
+}, _Iti_updateCountryFromNumber = function _Iti_updateCountryFromNumber2(fullNumber) {
+  const iso2 = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getNewCountryFromNumber).call(this, fullNumber);
+  if (iso2 !== null) {
+    return __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, iso2);
+  }
+  return false;
+}, _Iti_ensureHasDialCode = function _Iti_ensureHasDialCode2(number) {
+  const { dialCode, nationalPrefix } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+  const alreadyHasPlus = number.startsWith("+");
+  if (alreadyHasPlus || !dialCode) {
+    return number;
+  }
+  const hasPrefix = nationalPrefix && number.startsWith(nationalPrefix) && !__classPrivateFieldGet3(this, _Iti_options, "f").separateDialCode;
+  const cleanNumber = hasPrefix ? number.substring(1) : number;
+  return `+${dialCode}${cleanNumber}`;
+}, _Iti_getNewCountryFromNumber = function _Iti_getNewCountryFromNumber2(fullNumber) {
+  const plusIndex = fullNumber.indexOf("+");
+  let number = plusIndex ? fullNumber.substring(plusIndex) : fullNumber;
+  const selectedIso2 = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2;
+  const selectedDialCode = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").dialCode;
+  number = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_ensureHasDialCode).call(this, number);
+  const dialCodeMatch = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getDialCode).call(this, number, true);
+  const numeric = getNumeric(number);
+  if (dialCodeMatch) {
+    const dialCodeMatchNumeric = getNumeric(dialCodeMatch);
+    const iso2Codes = __classPrivateFieldGet3(this, _Iti_dialCodeToIso2Map, "f")[dialCodeMatchNumeric];
+    if (iso2Codes.length === 1) {
+      if (iso2Codes[0] === selectedIso2) {
+        return null;
+      }
+      return iso2Codes[0];
+    }
+    if (!selectedIso2 && __classPrivateFieldGet3(this, _Iti_defaultCountry, "f") && iso2Codes.includes(__classPrivateFieldGet3(this, _Iti_defaultCountry, "f"))) {
+      return __classPrivateFieldGet3(this, _Iti_defaultCountry, "f");
+    }
+    const isRegionlessNanpNumber = selectedDialCode === DIAL.NANP && isRegionlessNanp(numeric);
+    if (isRegionlessNanpNumber) {
+      return null;
+    }
+    const { areaCodes, priority } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+    if (areaCodes) {
+      const dialCodeAreaCodes = areaCodes.map((areaCode) => `${selectedDialCode}${areaCode}`);
+      for (const dialCodeAreaCode of dialCodeAreaCodes) {
+        if (numeric.startsWith(dialCodeAreaCode)) {
+          return null;
+        }
+      }
+    }
+    const isMainCountry = priority === 0;
+    const hasAreaCodesButNoneMatched = areaCodes && !isMainCountry && numeric.length > dialCodeMatchNumeric.length;
+    const isValidSelection = selectedIso2 && iso2Codes.includes(selectedIso2) && !hasAreaCodesButNoneMatched;
+    const alreadySelected = selectedIso2 === iso2Codes[0];
+    if (!isValidSelection && !alreadySelected) {
+      return iso2Codes[0];
+    }
+  } else if (number.startsWith("+") && numeric.length) {
+    const currentDial = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").dialCode || "";
+    if (currentDial && currentDial.startsWith(numeric)) {
+      return null;
+    }
+    return "";
+  } else if ((!number || number === "+") && !selectedIso2 && __classPrivateFieldGet3(this, _Iti_defaultCountry, "f")) {
+    return __classPrivateFieldGet3(this, _Iti_defaultCountry, "f");
+  }
+  return null;
+}, _Iti_setCountry = function _Iti_setCountry2(iso2) {
+  const prevIso2 = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2 || "";
+  __classPrivateFieldSet3(this, _Iti_selectedCountryData, iso2 ? __classPrivateFieldGet3(this, _Iti_countryByIso2, "f").get(iso2) : {}, "f");
+  if (__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2) {
+    __classPrivateFieldSet3(this, _Iti_defaultCountry, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2, "f");
+  }
+  __classPrivateFieldGet3(this, _Iti_ui, "f").setCountry(__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f"));
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updatePlaceholder).call(this);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateMaxLength).call(this);
+  return prevIso2 !== iso2;
+}, _Iti_updateMaxLength = function _Iti_updateMaxLength2() {
+  const { strictMode, placeholderNumberType, allowedNumberTypes } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  const { iso2 } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+  if (strictMode && intlTelInput.utils) {
+    if (iso2) {
+      const numberType = intlTelInput.utils.numberType[placeholderNumberType];
+      let exampleNumber = intlTelInput.utils.getExampleNumber(iso2, false, numberType, true);
+      let validNumber = exampleNumber;
+      while (intlTelInput.utils.isPossibleNumber(exampleNumber, iso2, allowedNumberTypes)) {
+        validNumber = exampleNumber;
+        exampleNumber += "0";
+      }
+      const coreNumber = intlTelInput.utils.getCoreNumber(validNumber, iso2);
+      __classPrivateFieldSet3(this, _Iti_maxCoreNumberLength, coreNumber.length, "f");
+      if (iso2 === "by") {
+        __classPrivateFieldSet3(this, _Iti_maxCoreNumberLength, coreNumber.length + 1, "f");
+      }
+    } else {
+      __classPrivateFieldSet3(this, _Iti_maxCoreNumberLength, null, "f");
+    }
+  }
+}, _Iti_updatePlaceholder = function _Iti_updatePlaceholder2() {
+  const { autoPlaceholder, placeholderNumberType, nationalMode, customPlaceholder } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  const shouldSetPlaceholder = autoPlaceholder === PLACEHOLDER_MODES.AGGRESSIVE || !__classPrivateFieldGet3(this, _Iti_ui, "f").hadInitialPlaceholder && autoPlaceholder === PLACEHOLDER_MODES.POLITE;
+  if (intlTelInput.utils && shouldSetPlaceholder) {
+    const numberType = intlTelInput.utils.numberType[placeholderNumberType];
+    let placeholder = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2 ? intlTelInput.utils.getExampleNumber(__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2, nationalMode, numberType) : "";
+    placeholder = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_beforeSetNumber).call(this, placeholder);
+    if (typeof customPlaceholder === "function") {
+      placeholder = customPlaceholder(placeholder, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f"));
+    }
+    __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.setAttribute("placeholder", placeholder);
+  }
+}, _Iti_selectListItem = function _Iti_selectListItem2(listItem) {
+  const iso2 = listItem.dataset[DATA_KEYS.COUNTRY_CODE];
+  const countryChanged = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setCountry).call(this, iso2);
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_closeDropdown).call(this);
+  const dialCode = listItem.dataset[DATA_KEYS.DIAL_CODE];
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateDialCode).call(this, dialCode);
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").formatOnDisplay) {
+    const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateValFromNumber).call(this, inputValue);
+  }
+  __classPrivateFieldGet3(this, _Iti_ui, "f").telInput.focus();
+  if (countryChanged) {
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_triggerCountryChange).call(this);
+  }
+}, _Iti_closeDropdown = function _Iti_closeDropdown2(isDestroy) {
+  if (__classPrivateFieldGet3(this, _Iti_ui, "f").isDropdownClosed() || __classPrivateFieldGet3(this, _Iti_options, "f").dropdownAlwaysOpen && !isDestroy) {
+    return;
+  }
+  __classPrivateFieldGet3(this, _Iti_ui, "f").closeDropdown();
+  __classPrivateFieldGet3(this, _Iti_dropdownAbortController, "f").abort();
+  __classPrivateFieldSet3(this, _Iti_dropdownAbortController, null, "f");
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_trigger).call(this, EVENTS.CLOSE_COUNTRY_DROPDOWN);
+}, _Iti_updateDialCode = function _Iti_updateDialCode2(newDialCodeBare) {
+  const inputVal = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+  const newDialCode = `+${newDialCodeBare}`;
+  let newNumber;
+  if (inputVal.startsWith("+")) {
+    const prevDialCode = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getDialCode).call(this, inputVal);
+    if (prevDialCode) {
+      newNumber = inputVal.replace(prevDialCode, newDialCode);
     } else {
-      this.ui.selectedCountry.removeAttribute("disabled");
+      newNumber = newDialCode;
+    }
+    __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setTelInputValue).call(this, newNumber);
+  }
+}, _Iti_getDialCode = function _Iti_getDialCode2(number, includeAreaCode) {
+  let dialCode = "";
+  if (number.startsWith("+")) {
+    let numericChars = "";
+    let foundBaseDialCode = false;
+    for (let i = 0; i < number.length; i++) {
+      const c = number.charAt(i);
+      if (/[0-9]/.test(c)) {
+        numericChars += c;
+        const hasMapEntry = Boolean(__classPrivateFieldGet3(this, _Iti_dialCodeToIso2Map, "f")[numericChars]);
+        if (!hasMapEntry) {
+          break;
+        }
+        if (__classPrivateFieldGet3(this, _Iti_dialCodes, "f").has(numericChars)) {
+          dialCode = number.substring(0, i + 1);
+          foundBaseDialCode = true;
+          if (!includeAreaCode) {
+            break;
+          }
+        } else if (includeAreaCode && foundBaseDialCode) {
+          dialCode = number.substring(0, i + 1);
+        }
+        if (numericChars.length === __classPrivateFieldGet3(this, _Iti_dialCodeMaxLen, "f")) {
+          break;
+        }
+      }
+    }
+  }
+  return dialCode;
+}, _Iti_getFullNumber = function _Iti_getFullNumber2(overrideVal) {
+  const val = overrideVal ? __classPrivateFieldGet3(this, _Iti_numerals, "f").normalise(overrideVal) : __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+  const { dialCode } = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f");
+  let prefix;
+  const numericVal = getNumeric(val);
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").separateDialCode && !val.startsWith("+") && dialCode && numericVal) {
+    prefix = `+${dialCode}`;
+  } else {
+    prefix = "";
+  }
+  return prefix + val;
+}, _Iti_beforeSetNumber = function _Iti_beforeSetNumber2(fullNumber) {
+  const hasValidDialCode = Boolean(__classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getDialCode).call(this, fullNumber));
+  const number = beforeSetNumber(fullNumber, hasValidDialCode, __classPrivateFieldGet3(this, _Iti_options, "f").separateDialCode, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f"));
+  return __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_cap).call(this, number);
+}, _Iti_triggerCountryChange = function _Iti_triggerCountryChange2() {
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_trigger).call(this, EVENTS.COUNTRY_CHANGE);
+}, _Iti_handleAutoCountry = function _Iti_handleAutoCountry2() {
+  var _b;
+  if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+    (_b = __classPrivateFieldGet3(this, _Iti_resolveAutoCountryPromise, "f")) === null || _b === void 0 ? void 0 : _b.call(this);
+    return;
+  }
+  if (__classPrivateFieldGet3(this, _Iti_options, "f").initialCountry === INITIAL_COUNTRY.AUTO && intlTelInput.autoCountry) {
+    __classPrivateFieldSet3(this, _Iti_defaultCountry, intlTelInput.autoCountry, "f");
+    const hasSelectedCountryOrGlobe = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2 || __classPrivateFieldGet3(this, _Iti_ui, "f").selectedCountryInner.classList.contains(CLASSES.GLOBE);
+    if (!hasSelectedCountryOrGlobe) {
+      this.setCountry(__classPrivateFieldGet3(this, _Iti_defaultCountry, "f"));
+    }
+    __classPrivateFieldGet3(this, _Iti_resolveAutoCountryPromise, "f").call(this);
+  }
+}, _Iti_handleAutoCountryFailure = function _Iti_handleAutoCountryFailure2() {
+  var _b;
+  if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+    (_b = __classPrivateFieldGet3(this, _Iti_rejectAutoCountryPromise, "f")) === null || _b === void 0 ? void 0 : _b.call(this);
+    return;
+  }
+  __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_setInitialState).call(this, true);
+  __classPrivateFieldGet3(this, _Iti_rejectAutoCountryPromise, "f").call(this);
+}, _Iti_handleUtils = function _Iti_handleUtils2() {
+  var _b;
+  if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+    (_b = __classPrivateFieldGet3(this, _Iti_resolveUtilsScriptPromise, "f")) === null || _b === void 0 ? void 0 : _b.call(this);
+    return;
+  }
+  if (intlTelInput.utils) {
+    const inputValue = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getTelInputValue).call(this);
+    if (inputValue) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateValFromNumber).call(this, inputValue);
+    }
+    if (__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2) {
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updatePlaceholder).call(this);
+      __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_updateMaxLength).call(this);
+    }
+  }
+  __classPrivateFieldGet3(this, _Iti_resolveUtilsScriptPromise, "f").call(this);
+}, _Iti_handleUtilsFailure = function _Iti_handleUtilsFailure2(error) {
+  var _b;
+  if (!__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+    (_b = __classPrivateFieldGet3(this, _Iti_rejectUtilsScriptPromise, "f")) === null || _b === void 0 ? void 0 : _b.call(this, error);
+    return;
+  }
+  __classPrivateFieldGet3(this, _Iti_rejectUtilsScriptPromise, "f").call(this, error);
+}, _Iti_utilsIsPossibleNumber = function _Iti_utilsIsPossibleNumber2(val) {
+  return intlTelInput.utils ? intlTelInput.utils.isPossibleNumber(val, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2, __classPrivateFieldGet3(this, _Iti_options, "f").allowedNumberTypes) : null;
+}, _Iti_validateNumber = function _Iti_validateNumber2(precise) {
+  if (!intlTelInput.utils || !__classPrivateFieldGet3(this, _Iti_ui, "f").telInput) {
+    return null;
+  }
+  const { allowNumberExtensions, allowPhonewords } = __classPrivateFieldGet3(this, _Iti_options, "f");
+  const testValidity = (s) => precise ? __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_utilsIsValidNumber).call(this, s) : __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_utilsIsPossibleNumber).call(this, s);
+  const val = __classPrivateFieldGet3(this, _Iti_instances, "m", _Iti_getFullNumber).call(this);
+  if (!__classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2) {
+    const isRegionlessDialCode = hasRegionlessDialCode(val);
+    if (!isRegionlessDialCode) {
+      return false;
+    }
+  }
+  if (!testValidity(val)) {
+    return false;
+  }
+  const alphaCharPosition = val.search(REGEX.ALPHA_UNICODE);
+  const hasAlphaChar = alphaCharPosition > -1;
+  if (hasAlphaChar) {
+    const selectedIso2 = __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2;
+    const hasExtension = Boolean(intlTelInput.utils.getExtension(val, selectedIso2));
+    if (hasExtension) {
+      return allowNumberExtensions;
     }
+    return allowPhonewords;
   }
+  return true;
+}, _Iti_utilsIsValidNumber = function _Iti_utilsIsValidNumber2(val) {
+  return intlTelInput.utils ? intlTelInput.utils.isValidNumber(val, __classPrivateFieldGet3(this, _Iti_selectedCountryData, "f").iso2, __classPrivateFieldGet3(this, _Iti_options, "f").allowedNumberTypes) : null;
 };
 var attachUtils = (source) => {
   if (!intlTelInput.utils && !intlTelInput.startedLoadingUtilsScript) {
@@ -4029,23 +4110,15 @@ var attachUtils = (source) => {
         throw new TypeError("The loader function passed to attachUtils did not resolve to a module object with utils as its default export.");
       }
       intlTelInput.utils = utils;
-      forEachInstance("handleUtils");
+      Iti.forEachInstance("handleUtils");
       return true;
     }).catch((error) => {
-      forEachInstance("handleUtilsFailure", error);
+      Iti.forEachInstance("handleUtilsFailure", error);
       throw error;
     });
   }
   return null;
 };
-var forEachInstance = (method, ...args) => {
-  Object.values(intlTelInput.instances).forEach((instance) => {
-    const fn = instance[method];
-    if (typeof fn === "function") {
-      fn.apply(instance, args);
-    }
-  });
-};
 var intlTelInput = Object.assign((input, options) => {
   const iti = new Iti(input, options);
   intlTelInput.instances[iti.id] = iti;
@@ -4067,7 +4140,7 @@ var intlTelInput = Object.assign((input, options) => {
   attachUtils,
   startedLoadingUtilsScript: false,
   startedLoadingAutoCountry: false,
-  version: "26.7.5"
+  version: "26.8.0"
 });
 var intl_tel_input_default = intlTelInput;
 
@@ -4085,10 +4158,9 @@ var PHONE_ERROR_MESSAGES = [
 ];
 var IntlTelInputComponent = class {
   constructor() {
-    this.initialValue = "";
     this.usePreciseValidation = false;
     this.inputProps = {};
-    this.initOptions = {};
+    this.disabled = false;
     this.numberChange = new EventEmitter();
     this.countryChange = new EventEmitter();
     this.validityChange = new EventEmitter();
@@ -4099,7 +4171,7 @@ var IntlTelInputComponent = class {
     this.keyup = new EventEmitter();
     this.paste = new EventEmitter();
     this.click = new EventEmitter();
-    this.iti = null;
+    this.appliedInputPropKeys = /* @__PURE__ */ new Set();
     this.countryChangeHandler = () => this.handleInput();
     this.onChange = () => {
     };
@@ -4108,26 +4180,27 @@ var IntlTelInputComponent = class {
     this.onValidatorChange = () => {
     };
   }
-  ngOnInit() {
+  ngAfterViewInit() {
+    var _a3, _b;
     if (this.inputRef.nativeElement) {
       this.iti = intl_tel_input_default(this.inputRef.nativeElement, this.initOptions);
     }
     this.inputRef.nativeElement.addEventListener("countrychange", this.countryChangeHandler);
     this.applyInputProps();
-  }
-  ngAfterViewInit() {
-    var _a, _b;
     if (this.initialValue) {
-      (_a = this.iti) === null || _a === void 0 ? void 0 : _a.setNumber(this.initialValue);
+      (_a3 = this.iti) === null || _a3 === void 0 ? void 0 : _a3.setNumber(this.initialValue);
     }
     if (this.disabled) {
       (_b = this.iti) === null || _b === void 0 ? void 0 : _b.setDisabled(this.disabled);
     }
   }
   ngOnChanges(changes) {
-    var _a;
+    var _a3;
     if (changes["disabled"]) {
-      (_a = this.iti) === null || _a === void 0 ? void 0 : _a.setDisabled(this.disabled || false);
+      (_a3 = this.iti) === null || _a3 === void 0 ? void 0 : _a3.setDisabled(this.disabled);
+    }
+    if (changes["inputProps"]) {
+      this.applyInputProps();
     }
   }
   handleInput() {
@@ -4135,18 +4208,33 @@ var IntlTelInputComponent = class {
       return;
     const num = this.iti.getNumber() || "";
     const countryIso = this.iti.getSelectedCountryData().iso2 || "";
-    this.numberChange.emit(num);
-    this.countryChange.emit(countryIso);
+    let hasChanged = false;
+    if (num !== this.lastEmittedNumber) {
+      this.lastEmittedNumber = num;
+      this.numberChange.emit(num);
+      this.onChange(num);
+      hasChanged = true;
+    }
+    if (countryIso !== this.lastEmittedCountry) {
+      this.lastEmittedCountry = countryIso;
+      this.countryChange.emit(countryIso);
+      hasChanged = true;
+    }
     const isValid = this.usePreciseValidation ? this.iti.isValidNumberPrecise() : this.iti.isValidNumber();
-    if (isValid) {
-      this.validityChange.emit(true);
-      this.errorCodeChange.emit(null);
-    } else {
-      this.validityChange.emit(false);
-      this.errorCodeChange.emit(this.iti.getValidationError());
+    const errorCode = isValid ? null : this.iti.getValidationError();
+    if (isValid !== this.lastEmittedValidity) {
+      this.lastEmittedValidity = isValid;
+      this.validityChange.emit(isValid);
+      hasChanged = true;
+    }
+    if (errorCode !== this.lastEmittedErrorCode) {
+      this.lastEmittedErrorCode = errorCode;
+      this.errorCodeChange.emit(errorCode);
+      hasChanged = true;
+    }
+    if (hasChanged) {
+      this.onValidatorChange();
     }
-    this.onChange(num);
-    this.onValidatorChange();
   }
   handleBlur(event) {
     this.onTouched();
@@ -4182,15 +4270,22 @@ var IntlTelInputComponent = class {
     return this.inputRef.nativeElement;
   }
   ngOnDestroy() {
-    var _a;
-    (_a = this.iti) === null || _a === void 0 ? void 0 : _a.destroy();
+    var _a3;
+    (_a3 = this.iti) === null || _a3 === void 0 ? void 0 : _a3.destroy();
     this.inputRef.nativeElement.removeEventListener("countrychange", this.countryChangeHandler);
   }
   applyInputProps() {
-    const props = this.inputProps;
-    Object.entries(props).forEach(([key, value]) => {
+    const currentKeys = /* @__PURE__ */ new Set();
+    Object.entries(this.inputProps).forEach(([key, value]) => {
+      currentKeys.add(key);
       this.inputRef.nativeElement.setAttribute(key, value);
     });
+    this.appliedInputPropKeys.forEach((key) => {
+      if (!currentKeys.has(key)) {
+        this.inputRef.nativeElement.removeAttribute(key);
+      }
+    });
+    this.appliedInputPropKeys = currentKeys;
   }
   // ============ ControlValueAccessor Implementation ============
   writeValue(value) {
@@ -4205,12 +4300,13 @@ var IntlTelInputComponent = class {
     this.onTouched = fn;
   }
   setDisabledState(isDisabled) {
-    var _a;
+    var _a3;
     this.disabled = isDisabled;
-    (_a = this.iti) === null || _a === void 0 ? void 0 : _a.setDisabled(isDisabled);
+    (_a3 = this.iti) === null || _a3 === void 0 ? void 0 : _a3.setDisabled(isDisabled);
   }
   // ============ Validator Implementation ============
   validate(control) {
+    var _a3;
     if (!control.value || !this.iti) {
       return null;
     }
@@ -4222,7 +4318,7 @@ var IntlTelInputComponent = class {
     return {
       invalidPhone: {
         errorCode,
-        errorMessage: PHONE_ERROR_MESSAGES[errorCode]
+        errorMessage: (_a3 = PHONE_ERROR_MESSAGES[errorCode]) !== null && _a3 !== void 0 ? _a3 : "unknown"
       }
     };
   }
@@ -4349,7 +4445,7 @@ IntlTelInputComponent.\u0275cmp = /* @__PURE__ */ i0.\u0275\u0275defineComponent
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInputComponent, { className: "IntlTelInputComponent", filePath: "intl-tel-input/angular.ts", lineNumber: 67 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInputComponent, { className: "IntlTelInputComponent", filePath: "intl-tel-input/angular.ts", lineNumber: 66 });
 })();
 export {
   IntlTelInputComponent,