@intl-tel-input/vue 29.1.0 → 29.1.2

package/dist/{IntlTelInput-Dp7tvaDb.js → IntlTelInput-DgumlRrA.js}

@@ -1647,7 +1647,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	isAscii() {
 		return !this.#e || this.#e === "ascii";
 	}
-}, ye = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x"), be = class e {
+}, ye = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x"), be = class {
 	#e;
 	#t;
 	#n;
@@ -1656,7 +1656,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#a;
 	#o = null;
 	#s;
-	#c;
+	#c = !1;
 	#l;
 	#u;
 	#d;
@@ -1671,11 +1671,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#b;
 	#x;
 	#S;
-	#C = null;
+	#C;
 	#w = null;
-	#T = /* @__PURE__ */ new Map();
-	#E = null;
-	#D;
+	#T = null;
+	#E = /* @__PURE__ */ new Map();
+	#D = null;
+	#O;
 	telInputEl;
 	hadInitialPlaceholder;
 	constructor(e, t, n) {
@@ -1690,10 +1691,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	buildMarkup(e, t) {
 		this.#i = e, this.#a = t, this.telInputEl.classList.add("iti__tel-input"), this.telInputEl.hasAttribute("type") || this.telInputEl.setAttribute("type", "tel"), this.telInputEl.hasAttribute("autocomplete") || this.telInputEl.setAttribute("autocomplete", "tel"), this.telInputEl.hasAttribute("inputmode") || this.telInputEl.setAttribute("inputmode", "tel");
-		let n = this.#O();
-		this.#k(n), n.appendChild(this.telInputEl), this.#N(), this.#L(), this.#P(n), this.ensureDropdownWidthSet();
+		let n = this.#k();
+		this.#A(n), n.appendChild(this.telInputEl), this.#P(), this.#R(), this.#F(n), this.ensureDropdownWidthSet();
 	}
-	#O() {
+	#k() {
 		let { countrySelectorMode: e, showFlags: t, containerClass: n } = this.#e, r = q("div", { class: K({
 			iti: !0,
 			"iti--input-container": !0,
@@ -1704,63 +1705,59 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}) });
 		return this.#n && r.setAttribute("dir", "ltr"), this.telInputEl.before(r), r;
 	}
-	#k(e) {
+	#A(e) {
 		let { countrySelectorMode: t, separateDialCode: n, showFlags: r } = this.#e, i = t !== F.OFF;
 		if (!i && !r && !n) return;
-		this.#c = q("div", { class: `iti__country-container ${_.V_HIDE}` }, e), i ? (this.#l = q("button", {
+		this.#l = q("div", { class: `iti__country-container ${_.V_HIDE}` }, e), i ? (this.#u = q("button", {
 			type: "button",
 			class: "iti__selected-country",
 			[L.EXPANDED]: "false",
 			[L.LABEL]: this.#e.uiTranslations.noCountrySelected,
 			[L.HASPOPUP]: "dialog",
 			[L.CONTROLS]: `iti-${this.#t}__country-selector`
-		}, this.#c), this.telInputEl.disabled && this.#l.setAttribute("disabled", "true")) : this.#l = q("div", { class: "iti__selected-country" }, this.#c);
-		let a = q("div", { class: "iti__selected-country-primary" }, this.#l);
-		this.#u = q("div", { class: _.FLAG }, a), i && (this.#f = q("div", {
+		}, this.#l), this.telInputEl.disabled && this.#u.setAttribute("disabled", "true")) : this.#u = q("div", { class: "iti__selected-country" }, this.#l);
+		let a = q("div", { class: "iti__selected-country-primary" }, this.#u);
+		this.#d = q("div", { class: _.FLAG }, a), i && (this.#p = q("div", {
 			class: "iti__arrow",
 			[L.HIDDEN]: "true"
-		}, a)), n && (this.#d = q("div", { class: "iti__selected-dial-code" }, this.#l)), i && this.#A();
+		}, a)), n && (this.#f = q("div", { class: "iti__selected-dial-code" }, this.#u)), i && this.#j();
 	}
 	ensureDropdownWidthSet() {
 		let { matchDropdownWidth: e, countrySelectorMode: t } = this.#e;
-		if (t === F.OFF || !e || this.#p.style.width) return;
+		if (t === F.OFF || !e || this.#m.style.width) return;
 		let n = this.telInputEl.offsetWidth;
-		n > 0 && (this.#p.style.width = `${n}px`);
+		n > 0 && (this.#m.style.width = `${n}px`);
 	}
-	#A() {
-		let { matchDropdownWidth: e, countrySelectorMode: t, countrySearch: n, uiTranslations: r, containerClass: i } = this.#e, a = t === F.FULLSCREEN, o = this.#j(), s = e ? "" : "iti--flexible-dropdown-width";
-		if (this.#p = q("div", {
+	#j() {
+		let { matchDropdownWidth: e, countrySelectorMode: t, countrySearch: n, uiTranslations: r, containerClass: i } = this.#e, a = t === F.FULLSCREEN, o = this.#M(), s = e ? "" : "iti--flexible-dropdown-width";
+		this.#m = q("div", {
 			id: `iti-${this.#t}__country-selector`,
 			class: `iti__country-selector ${_.HIDE} ${s}`,
 			role: "dialog",
 			[L.MODAL]: "true"
-		}), this.#n && this.#p.setAttribute("dir", "rtl"), n && this.#M(), this.#_ = q("ul", {
+		}), this.#n && this.#m.setAttribute("dir", "rtl"), n && this.#N(), this.#v = q("ul", {
 			class: "iti__country-list",
 			id: `iti-${this.#t}__country-listbox`,
 			role: "listbox",
 			[L.LABEL]: r.countryListAriaLabel
-		}, this.#p), this.#F(), n && this.#V(), !a) {
-			let { height: t, width: r } = this.#B();
-			this.#s = t, n && (this.#p.style.height = `${t}px`, !e && r > 0 && (this.#p.style.width = `${r}px`));
-		}
-		o ? (this.#S = q("div", { class: K({
+		}, this.#m), this.#I(), n && this.#H(), o ? (this.#C = q("div", { class: K({
 			iti: !0,
 			"iti--detached-country-selector": !0,
 			"iti--fullscreen-popup": a,
 			"iti--inline-country-selector": !a,
 			[i]: !!i
-		}) }), this.#S.appendChild(this.#p), a || this.#oe()) : this.#c.appendChild(this.#p);
+		}) }), this.#C.appendChild(this.#m)) : this.#l.appendChild(this.#m);
 	}
-	#j() {
+	#M() {
 		let { countrySelectorMode: e, dropdownParent: t } = this.#e;
 		return e === F.FULLSCREEN ? document.body : e === F.DROPDOWN ? t : null;
 	}
-	#M() {
-		let { uiTranslations: e, searchInputClass: t } = this.#e, n = q("div", { class: "iti__search-input-wrapper" }, this.#p);
-		this.#m = q("span", {
+	#N() {
+		let { uiTranslations: e, searchInputClass: t } = this.#e, n = q("div", { class: "iti__search-input-wrapper" }, this.#m);
+		this.#h = q("span", {
 			class: "iti__search-icon",
 			[L.HIDDEN]: "true"
-		}, n), this.#m.appendChild(de()), this.#h = q("input", {
+		}, n), this.#h.appendChild(de()), this.#g = q("input", {
 			id: `iti-${this.#t}__search-input`,
 			type: "search",
 			class: `iti__search-input ${t}`,
@@ -1771,39 +1768,39 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			[L.CONTROLS]: `iti-${this.#t}__country-listbox`,
 			[L.AUTOCOMPLETE]: "list",
 			autocomplete: "off"
-		}, n), this.#g = q("button", {
+		}, n), this.#_ = q("button", {
 			type: "button",
 			class: `iti__search-clear ${_.HIDE}`,
 			[L.LABEL]: e.clearSearchAriaLabel,
 			tabindex: "-1"
-		}, n), this.#g.appendChild(fe(this.#t)), this.#x = q("span", { class: "iti__a11y-text" }, this.#p), this.#b = q("div", {
+		}, n), this.#_.appendChild(fe(this.#t)), this.#S = q("span", { class: "iti__a11y-text" }, this.#m), this.#x = q("div", {
 			class: `iti__no-results ${_.HIDE}`,
 			[L.HIDDEN]: "true"
-		}, this.#p), this.#b.textContent = e.searchEmptyState ?? null;
+		}, this.#m), this.#x.textContent = e.searchEmptyState ?? null;
 	}
-	#N() {
-		this.#c && (this.#I(), this.#c.classList.remove(_.V_HIDE));
+	#P() {
+		this.#l && (this.#L(), this.#l.classList.remove(_.V_HIDE));
 	}
-	#P(e) {
+	#F(e) {
 		let { hiddenInputs: t } = this.#e;
 		if (!t) return;
 		let n = t(this.telInputEl.getAttribute("name") || "");
 		if (n.phone) {
 			let t = this.telInputEl.form?.querySelector(`input[name="${n.phone}"]`);
-			t ? this.#v = t : (this.#v = q("input", {
+			t ? this.#y = t : (this.#y = q("input", {
 				type: "hidden",
 				name: n.phone
-			}), e.appendChild(this.#v));
+			}), e.appendChild(this.#y));
 		}
 		if (n.country) {
 			let t = this.telInputEl.form?.querySelector(`input[name="${n.country}"]`);
-			t ? this.#y = t : (this.#y = q("input", {
+			t ? this.#b = t : (this.#b = q("input", {
 				type: "hidden",
 				name: n.country
-			}), e.appendChild(this.#y));
+			}), e.appendChild(this.#b));
 		}
 	}
-	#F() {
+	#I() {
 		let e = document.createDocumentFragment();
 		for (let t = 0; t < this.#i.length; t++) {
 			let n = this.#i[t], r = K({ [_.COUNTRY_ITEM]: !0 }), i = q("li", {
@@ -1813,110 +1810,106 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				role: "option",
 				[L.SELECTED]: "false"
 			});
-			i.dataset[I.DIAL_CODE] = n.dialCode, i.dataset[I.ISO2] = n.iso2, this.#T.set(n.iso2, i), this.#e.showFlags && q("div", { class: `${_.FLAG} iti__${n.iso2}` }, i);
+			i.dataset[I.DIAL_CODE] = n.dialCode, i.dataset[I.ISO2] = n.iso2, this.#E.set(n.iso2, i), this.#e.showFlags && q("div", { class: `${_.FLAG} iti__${n.iso2}` }, i);
 			let a = q("span", { class: "iti__country-name" }, i);
 			a.textContent = `${n.name} `;
 			let o = q("span", { class: "iti__dial-code" }, a);
 			this.#n && o.setAttribute("dir", "ltr"), o.textContent = `(+${n.dialCode})`, e.appendChild(i);
 		}
-		this.#_.appendChild(e);
+		this.#v.appendChild(e);
 	}
-	#I() {
-		if (this.#l) {
-			let e = this.#e.separateDialCode ? S.FALLBACK_SELECTED_COUNTRY_WITH_DIAL_WIDTH : S.FALLBACK_SELECTED_COUNTRY_NO_DIAL_WIDTH, t = (this.#l.offsetWidth || this.#z() || e) + S.INPUT_PADDING_EXTRA_LEFT;
+	#L() {
+		if (this.#u) {
+			let e = this.#e.separateDialCode ? S.FALLBACK_SELECTED_COUNTRY_WITH_DIAL_WIDTH : S.FALLBACK_SELECTED_COUNTRY_NO_DIAL_WIDTH, t = (this.#u.offsetWidth || this.#z() || e) + S.INPUT_PADDING_EXTRA_LEFT;
 			this.telInputEl.style.paddingLeft = `${t}px`;
 		}
 	}
-	#L() {
-		!this.#l || typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => {
-			this.#l?.offsetWidth && this.#I();
-		}), this.#D.observe(this.#l));
-	}
-	static #R() {
-		let e;
-		try {
-			e = window.top.document.body;
-		} catch {
-			e = document.body;
-		}
-		return e;
+	#R() {
+		!this.#u || typeof ResizeObserver > "u" || (this.#O = new ResizeObserver(() => {
+			this.#u?.offsetWidth && this.#L();
+		}), this.#O.observe(this.#u));
 	}
 	#z() {
 		if (!this.telInputEl.parentNode) return 0;
-		let t = e.#R(), n = this.telInputEl.parentNode.cloneNode(!1);
-		n.style.visibility = "hidden", t.appendChild(n);
-		let r = this.#c.cloneNode();
+		let e = document.body, t = this.telInputEl.parentNode.cloneNode(!1);
+		t.style.visibility = "hidden", e.appendChild(t);
+		let n = this.#l.cloneNode();
+		t.appendChild(n);
+		let r = this.#u.cloneNode(!0);
 		n.appendChild(r);
-		let i = this.#l.cloneNode(!0);
-		r.appendChild(i);
-		let a = i.offsetWidth;
-		return t.removeChild(n), a;
+		let i = r.offsetWidth;
+		return e.removeChild(t), i;
 	}
 	#B() {
-		let t = e.#R();
-		this.#p.classList.remove(_.HIDE);
-		let n = q("div", { class: "iti iti--inline-country-selector" });
-		n.appendChild(this.#p), n.style.visibility = "hidden", t.appendChild(n);
-		let r = this.#p.offsetHeight, i = this.#p.offsetWidth;
-		return t.removeChild(n), n.style.visibility = "", this.#p.classList.add(_.HIDE), {
-			height: r > 0 ? r : S.FALLBACK_DROPDOWN_HEIGHT,
-			width: i
-		};
+		if (this.#s !== void 0) return;
+		let { countrySearch: e, matchDropdownWidth: t } = this.#e, { height: n, width: r } = this.#V();
+		this.#s = n, e && (this.#m.style.height = `${n}px`, !t && r > 0 && (this.#m.style.width = `${r}px`));
 	}
 	#V() {
-		let { uiTranslations: e } = this.#e, t = this.#_.childElementCount;
-		this.#x.textContent = e.searchSummaryAria(t);
+		let e = document.body, t = this.#m, n = t.parentNode, r = t.nextSibling;
+		t.classList.remove(_.HIDE);
+		let i = q("div", { class: "iti iti--inline-country-selector" });
+		i.appendChild(t), i.style.visibility = "hidden", e.appendChild(i);
+		let a = t.offsetHeight, o = t.offsetWidth;
+		return e.removeChild(i), t.classList.add(_.HIDE), n && n.insertBefore(t, r), {
+			height: a > 0 ? a : S.FALLBACK_DROPDOWN_HEIGHT,
+			width: o
+		};
 	}
-	#H(e) {
+	#H() {
+		let { uiTranslations: e } = this.#e, t = this.#v.childElementCount;
+		this.#S.textContent = e.searchSummaryAria(t);
+	}
+	#U(e) {
 		let t;
 		if (e === "") t = this.#i;
 		else {
 			let n = ve.toAscii(e);
 			t = ge(this.#i, this.#a, n);
 		}
-		this.#re(t);
+		this.#ie(t);
 	}
 	prefillSearchWithPlus() {
-		this.#h.value = "+", this.#h.focus(), this.#H("");
-	}
-	#U() {
-		let e = this.#h.value.trim();
-		this.#H(e), this.#h.value ? this.#g.classList.remove(_.HIDE) : this.#g.classList.add(_.HIDE);
+		this.#g.value = "+", this.#g.focus(), this.#U("");
 	}
 	#W() {
+		let e = this.#g.value.trim();
+		this.#U(e), this.#g.value ? this.#_.classList.remove(_.HIDE) : this.#_.classList.add(_.HIDE);
+	}
+	#G() {
 		this.#o && clearTimeout(this.#o), this.#o = setTimeout(() => {
-			this.#U(), this.#o = null;
+			this.#W(), this.#o = null;
 		}, x.SEARCH_DEBOUNCE_MS);
 	}
-	#G() {
-		this.#h.value = "", this.#h.focus(), this.#U();
+	#K() {
+		this.#g.value = "", this.#g.focus(), this.#W();
 	}
-	#K(e) {
-		let t = this.#_, n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = r.top - n.top + t.scrollTop;
+	#q(e) {
+		let t = this.#v, n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = r.top - n.top + t.scrollTop;
 		r.top < n.top ? t.scrollTop = i : r.bottom > n.bottom && (t.scrollTop = i - n.height + r.height);
 	}
-	#q(e, t = !0) {
-		if (this.#w?.classList.remove(_.HIGHLIGHT), e) {
+	#J(e, t = !0) {
+		if (this.#T?.classList.remove(_.HIGHLIGHT), e) {
 			if (e.classList.add(_.HIGHLIGHT), this.#e.countrySearch) {
 				let t = e.getAttribute("id") || "";
-				this.#h.setAttribute(L.ACTIVE_DESCENDANT, t);
+				this.#g.setAttribute(L.ACTIVE_DESCENDANT, t);
 			}
-			t && this.#K(e), this.#w = e;
-		} else this.#w = null;
+			t && this.#q(e), this.#T = e;
+		} else this.#T = null;
 	}
 	bindHiddenInputSubmitListener(e, t, n) {
 		let r = this.telInputEl.form;
-		!r || !this.#v && !this.#y || r.addEventListener("submit", () => {
-			this.#v && (this.#v.value = t()), this.#y && (this.#y.value = n());
+		!r || !this.#y && !this.#b || r.addEventListener("submit", () => {
+			this.#y && (this.#y.value = t()), this.#b && (this.#b.value = n());
 		}, { signal: e });
 	}
 	bindAllInitialCountrySelectorListeners(e, t, n) {
 		let r = this.telInputEl.closest("label");
 		r && r.addEventListener("click", (e) => {
 			this.isCountrySelectorOpen() ? e.preventDefault() : this.telInputEl.focus();
-		}, { signal: e }), this.#l.addEventListener("click", () => {
+		}, { signal: e }), this.#u.addEventListener("click", () => {
 			!this.isCountrySelectorOpen() && !this.telInputEl.disabled && !this.telInputEl.readOnly && t();
-		}, { signal: e }), this.#c.addEventListener("keydown", (e) => {
+		}, { signal: e }), this.#l.addEventListener("keydown", (e) => {
 			let r = [
 				v.ARROW_UP,
 				v.ARROW_DOWN,
@@ -1928,126 +1921,129 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	openCountrySelector(e, t) {
 		let { countrySearch: n, dropdownAlwaysOpen: r } = this.#e;
-		if (this.#E = new AbortController(), this.ensureDropdownWidthSet(), this.#S) this.#ae();
+		if (this.#D = new AbortController(), this.#e.countrySelectorMode !== F.FULLSCREEN && this.#B(), this.ensureDropdownWidthSet(), this.#C) this.#oe();
 		else {
-			let e = this.#ie(), t = this.telInputEl.offsetHeight + S.DROPDOWN_MARGIN;
-			e ? this.#p.style.top = `${t}px` : this.#p.style.bottom = `${t}px`;
+			let e = this.#ae(), t = this.telInputEl.offsetHeight + S.DROPDOWN_MARGIN;
+			e ? this.#m.style.top = `${t}px` : this.#m.style.bottom = `${t}px`;
 		}
-		this.#p.classList.remove(_.HIDE), this.#l.setAttribute(L.EXPANDED, "true");
-		let i = this.#C ?? this.#_.firstElementChild;
-		i && this.#q(i), n && !r && this.#h.focus(), this.#e.countrySelectorMode === F.FULLSCREEN && this.#S && window.visualViewport && window.visualViewport.addEventListener("resize", () => {
-			this.#se(), this.#w && this.#K(this.#w);
-		}, { signal: this.#E.signal }), this.#f.classList.add(_.ARROW_UP), this.#J(e, t);
-	}
-	#J(e, t) {
-		let n = this.#E.signal;
-		this.#Y(n), this.#X(n, e), this.#e.dropdownAlwaysOpen || this.#Z(n, t), this.#Q(n, e, t), this.#e.countrySearch && this.#$(n), this.#e.countrySelectorMode === F.DROPDOWN && this.#e.dropdownParent && !ye && document.addEventListener("scroll", t, {
+		this.#m.classList.remove(_.HIDE), this.#u.setAttribute(L.EXPANDED, "true");
+		let i = this.#w ?? this.#v.firstElementChild;
+		i && this.#J(i), n && !r && this.#g.focus(), this.#e.countrySelectorMode === F.FULLSCREEN && this.#C && window.visualViewport && window.visualViewport.addEventListener("resize", () => {
+			this.#ce(), this.#T && this.#q(this.#T);
+		}, { signal: this.#D.signal }), this.#p.classList.add(_.ARROW_UP), this.#Y(e, t);
+	}
+	#Y(e, t) {
+		let n = this.#D.signal;
+		this.#X(n), this.#Z(n, e), this.#e.dropdownAlwaysOpen || this.#Q(n, t), this.#$(n, e, t), this.#e.countrySearch && this.#ee(n), this.#e.countrySelectorMode === F.DROPDOWN && this.#e.dropdownParent && !ye && document.addEventListener("scroll", t, {
 			signal: n,
 			capture: !0,
 			passive: !0
 		});
 	}
-	#Y(e) {
-		this.#_.addEventListener("mouseover", (e) => {
+	#X(e) {
+		this.#v.addEventListener("mouseover", (e) => {
 			let t = e.target?.closest(`.${_.COUNTRY_ITEM}`);
-			t && this.#q(t, !1);
+			t && this.#J(t, !1);
 		}, { signal: e });
 	}
-	#X(e, t) {
-		this.#_.addEventListener("click", (e) => {
+	#Z(e, t) {
+		this.#v.addEventListener("click", (e) => {
 			let n = e.target?.closest(`.${_.COUNTRY_ITEM}`);
 			n && t(n);
 		}, { signal: e });
 	}
-	#Z(e, t) {
+	#Q(e, t) {
 		setTimeout(() => {
 			document.documentElement.addEventListener("click", (e) => {
-				this.#p.contains(e.target) || t();
+				this.#m.contains(e.target) || t();
 			}, { signal: e });
 		}, 0);
 	}
-	#Q(e, t, n) {
+	#$(e, t, n) {
 		let r = "", i = null, a = (e) => {
 			[
 				v.ARROW_UP,
 				v.ARROW_DOWN,
 				v.ENTER,
 				v.ESC
-			].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === v.ARROW_UP || e.key === v.ARROW_DOWN ? this.#te(e.key) : e.key === v.ENTER && !e.isComposing ? t(this.#w) : e.key === v.ESC && (n(), this.#l.focus())), !this.#e.countrySearch && b.HIDDEN_SEARCH_CHAR.test(e.key) && (e.stopPropagation(), i && clearTimeout(i), r += e.key.toLowerCase(), this.#ee(r), i = setTimeout(() => {
+			].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === v.ARROW_UP || e.key === v.ARROW_DOWN ? this.#ne(e.key) : e.key === v.ENTER && !e.isComposing ? t(this.#T) : e.key === v.ESC && (n(), this.#u.focus())), !this.#e.countrySearch && b.HIDDEN_SEARCH_CHAR.test(e.key) && (e.stopPropagation(), i && clearTimeout(i), r += e.key.toLowerCase(), this.#te(r), i = setTimeout(() => {
 				r = "";
 			}, x.HIDDEN_SEARCH_RESET_MS));
 		};
-		this.#l?.addEventListener("keydown", a, { signal: e }), this.#p?.addEventListener("keydown", a, { signal: e });
-	}
-	#$(e) {
-		this.#h.addEventListener("input", () => this.#W(), { signal: e }), this.#g.addEventListener("click", () => this.#G(), { signal: e });
+		this.#u?.addEventListener("keydown", a, { signal: e }), this.#m?.addEventListener("keydown", a, { signal: e });
 	}
 	#ee(e) {
+		this.#g.addEventListener("input", () => this.#G(), { signal: e }), this.#_.addEventListener("click", () => this.#K(), { signal: e });
+	}
+	#te(e) {
 		let t = _e(this.#i, this.#a, e);
 		if (t) {
-			let e = this.#T.get(t.iso2);
-			this.#q(e);
+			let e = this.#E.get(t.iso2);
+			this.#J(e);
 		}
 	}
-	#te(e) {
-		let t = e === v.ARROW_UP ? this.#w?.previousElementSibling : this.#w?.nextElementSibling;
-		!t && this.#_.childElementCount > 1 && (t = e === v.ARROW_UP ? this.#_.lastElementChild : this.#_.firstElementChild), t && this.#q(t);
-	}
 	#ne(e) {
-		if (this.#C && this.#C.dataset[I.ISO2] !== e && (this.#C.setAttribute(L.SELECTED, "false"), this.#C.querySelector(".iti__country-check")?.remove(), this.#C = null), e && !this.#C) {
-			let t = this.#_.querySelector(`[data-iso2="${e}"]`);
+		let t = e === v.ARROW_UP ? this.#T?.previousElementSibling : this.#T?.nextElementSibling;
+		!t && this.#v.childElementCount > 1 && (t = e === v.ARROW_UP ? this.#v.lastElementChild : this.#v.firstElementChild), t && this.#J(t);
+	}
+	#re(e) {
+		if (this.#w && this.#w.dataset[I.ISO2] !== e && (this.#w.setAttribute(L.SELECTED, "false"), this.#w.querySelector(".iti__country-check")?.remove(), this.#w = null), e && !this.#w) {
+			let t = this.#v.querySelector(`[data-iso2="${e}"]`);
 			t && (t.setAttribute(L.SELECTED, "true"), q("span", {
 				class: "iti__country-check",
 				[L.HIDDEN]: "true"
-			}, t).appendChild(pe()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#q(t));
+			}, t).appendChild(pe()), this.#w = t, this.#e.dropdownAlwaysOpen && this.#J(t));
 		}
 	}
-	#re(e) {
-		this.#_.replaceChildren();
+	#ie(e) {
+		this.#v.replaceChildren();
 		let t = !0;
 		for (let n of e) {
-			let e = this.#T.get(n.iso2);
-			e && (this.#_.appendChild(e), t &&= (this.#q(e, !1), !1));
+			let e = this.#E.get(n.iso2);
+			e && (this.#v.appendChild(e), t &&= (this.#J(e, !1), !1));
 		}
-		t ? (this.#q(null), this.#b && this.#b.classList.remove(_.HIDE)) : this.#b && this.#b.classList.add(_.HIDE), this.#_.scrollTop = 0, this.#V();
+		t ? (this.#J(null), this.#x && this.#x.classList.remove(_.HIDE)) : this.#x && this.#x.classList.add(_.HIDE), this.#v.scrollTop = 0, this.#H();
 	}
 	closeCountrySelector() {
 		let { countrySearch: e } = this.#e;
-		this.#E.abort(), this.#E = null, this.#p.classList.add(_.HIDE), this.#l.setAttribute(L.EXPANDED, "false"), e && (this.#h.removeAttribute(L.ACTIVE_DESCENDANT), this.#h.value = "", this.#U(), this.#w &&= (this.#w.classList.remove(_.HIGHLIGHT), null)), this.#f.classList.remove(_.ARROW_UP), this.#S ? (this.#S.remove(), this.#S.style.top = "", this.#S.style.bottom = "", this.#S.style.paddingLeft = "", this.#S.style.paddingRight = "") : (this.#p.style.top = "", this.#p.style.bottom = "");
+		this.#D.abort(), this.#D = null, this.#m.classList.add(_.HIDE), this.#u.setAttribute(L.EXPANDED, "false"), e && (this.#g.removeAttribute(L.ACTIVE_DESCENDANT), this.#g.value = "", this.#W(), this.#T &&= (this.#T.classList.remove(_.HIGHLIGHT), null)), this.#p.classList.remove(_.ARROW_UP), this.#C ? (this.#C.remove(), this.#C.style.top = "", this.#C.style.bottom = "", this.#C.style.paddingLeft = "", this.#C.style.paddingRight = "") : (this.#m.style.top = "", this.#m.style.bottom = "");
 	}
-	#ie() {
+	#ae() {
 		if (this.#e.dropdownAlwaysOpen) return !0;
 		let e = this.telInputEl.getBoundingClientRect(), t = e.top, n = window.innerHeight - e.bottom;
 		return n >= this.#s || n >= t;
 	}
-	#ae() {
-		let e = this.#e.countrySelectorMode === F.FULLSCREEN, t = this.#j();
+	#oe() {
+		let e = this.#e.countrySelectorMode === F.FULLSCREEN, t = this.#M();
 		if (e) {
 			if (window.innerWidth >= S.NARROW_VIEWPORT_WIDTH) {
 				let e = this.telInputEl.getBoundingClientRect();
-				this.#S.style.paddingLeft = `${e.left}px`, this.#S.style.paddingRight = `${window.innerWidth - e.right}px`;
+				this.#C.style.paddingLeft = `${e.left}px`, this.#C.style.paddingRight = `${window.innerWidth - e.right}px`;
 			}
-		} else if (!ye) {
+		} else this.#se();
+		if (!e && !ye) {
 			let e = this.telInputEl.getBoundingClientRect();
-			this.#S.style.left = `${e.left}px`, this.#ie() ? this.#S.style.top = `${e.bottom + S.DROPDOWN_MARGIN}px` : (this.#S.style.top = "unset", this.#S.style.bottom = `${window.innerHeight - e.top + S.DROPDOWN_MARGIN}px`);
+			this.#C.style.left = `${e.left}px`, this.#ae() ? this.#C.style.top = `${e.bottom + S.DROPDOWN_MARGIN}px` : (this.#C.style.top = "unset", this.#C.style.bottom = `${window.innerHeight - e.top + S.DROPDOWN_MARGIN}px`);
 		}
-		t.appendChild(this.#S);
+		t.appendChild(this.#C);
 	}
-	#oe() {
+	#se() {
+		if (this.#c) return;
+		this.#c = !0;
 		let e = `--iti-anchor-${this.#t}`, t = getComputedStyle(this.telInputEl).anchorName;
-		this.telInputEl.style.anchorName = t && t !== "none" ? `${t}, ${e}` : e, this.#S.style.positionAnchor = e;
+		this.telInputEl.style.anchorName = t && t !== "none" ? `${t}, ${e}` : e, this.#C.style.positionAnchor = e;
 	}
-	#se() {
+	#ce() {
 		let e = window.visualViewport;
-		if (!e || !this.#S) return;
+		if (!e || !this.#C) return;
 		let t = window.innerHeight - e.height;
-		this.#S.style.bottom = `${t}px`;
+		this.#C.style.bottom = `${t}px`;
 	}
 	isCountrySelectorOpen() {
-		return !this.#p.classList.contains(_.HIDE);
+		return !this.#m.classList.contains(_.HIDE);
 	}
 	setLoading(e) {
-		this.#u.classList.toggle(_.LOADING, e);
+		this.#d.classList.toggle(_.LOADING, e);
 	}
 	playStrictRejectAnimation() {
 		if (!this.#e.strictRejectAnimation) return;
@@ -2055,29 +2051,29 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		e && (e.classList.remove(_.STRICT_REJECT_ANIMATION), e.offsetWidth, e.classList.add(_.STRICT_REJECT_ANIMATION), e.addEventListener("animationend", () => e.classList.remove(_.STRICT_REJECT_ANIMATION), { once: !0 }));
 	}
 	isLoading() {
-		return this.#u.classList.contains(_.LOADING);
+		return this.#d.classList.contains(_.LOADING);
 	}
 	setDisabled(e) {
-		this.telInputEl.disabled = e, this.#l && (e ? this.#l.setAttribute("disabled", "true") : this.#l.removeAttribute("disabled"));
+		this.telInputEl.disabled = e, this.#u && (e ? this.#u.setAttribute("disabled", "true") : this.#u.removeAttribute("disabled"));
 	}
 	setReadonly(e) {
-		this.telInputEl.readOnly = e, this.#l && (e ? this.#l.setAttribute("disabled", "true") : this.#l.removeAttribute("disabled"));
+		this.telInputEl.readOnly = e, this.#u && (e ? this.#u.setAttribute("disabled", "true") : this.#u.removeAttribute("disabled"));
 	}
 	setSelectedCountry(e) {
 		let { countrySelectorMode: t, showFlags: n, separateDialCode: r, uiTranslations: i } = this.#e, a = e?.name, o = e?.dialCode, s = e?.iso2 ?? "";
-		if (t !== F.OFF && this.#ne(s), this.#l) {
+		if (t !== F.OFF && this.#re(s), this.#u) {
 			let e = s && n ? `${_.FLAG} iti__${s}` : `${_.FLAG} ${_.GLOBE}`, t, r, c = null;
-			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), n || (c = me())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = me()), this.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(L.LABEL, t), c ? this.#u.replaceChildren(c) : this.#u.replaceChildren();
+			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), n || (c = me())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = me()), this.#d.className = e, this.#u.setAttribute("title", r), this.#u.setAttribute(L.LABEL, t), c ? this.#d.replaceChildren(c) : this.#d.replaceChildren();
 		}
 		if (r) {
 			let e = o ? `+${o}` : "";
-			this.#d.textContent = e, this.#I();
+			this.#f.textContent = e, this.#L();
 		}
 	}
 	destroy() {
-		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[I.INSTANCE_ID], this.#D?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
+		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[I.INSTANCE_ID], this.#O?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
 		let e = this.telInputEl.parentNode;
-		e && (e.before(this.telInputEl), e.remove()), this.#T.clear();
+		e && (e.before(this.telInputEl), e.remove()), this.#E.clear();
 	}
 }, xe = (e) => {
 	let { onlyCountries: t, excludeCountries: n } = e;
@@ -2682,7 +2678,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "29.1.0",
+	version: "29.1.2",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
 	VALIDATION_ERROR: P,

package/dist/IntlTelInput.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./IntlTelInput-Dp7tvaDb.js";
+import { n as e, t } from "./IntlTelInput-DgumlRrA.js";
 //#region packages/vue/src/index.ts
 var n = t;
 //#endregion