@intl-tel-input/vue 29.4.0 → 29.5.0

package/dist/{IntlTelInput-igGypu_6.js → IntlTelInput-DkmDiQT_.js}

@@ -1211,6 +1211,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"selectedDialCode",
 	"countrySelector",
 	"countrySelectorContainer",
+	"closeButton",
 	"searchWrapper",
 	"searchIcon",
 	"searchInput",
@@ -1323,6 +1324,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	countryListAriaLabel: "List of countries",
 	searchPlaceholder: "Search",
 	clearSearchAriaLabel: "Clear search",
+	closeCountrySelectorAriaLabel: "Close",
 	searchEmptyState: "No results found",
 	searchSummaryAria(e) {
 		return e === 0 ? "No results found" : e === 1 ? "1 result found" : `${e} results found`;
@@ -1604,6 +1606,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}]]
 	]);
 }, _e = () => q([
+	"svg",
+	{
+		class: "iti__close-button-svg",
+		width: 20,
+		height: 20,
+		viewBox: "0 0 16 16",
+		focusable: "false",
+		[R.HIDDEN]: "true"
+	},
+	[["path", { d: "M3 3 L13 13 M13 3 L3 13" }]]
+]), ve = () => q([
 	"svg",
 	{
 		class: "iti__country-check-svg",
@@ -1615,7 +1628,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		[R.HIDDEN]: "true"
 	},
 	[["path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" }]]
-]), J = () => q([
+]), ye = () => q([
 	"svg",
 	{
 		width: 256,
@@ -1624,10 +1637,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		class: "iti__globe-svg"
 	},
 	[["path", { d: "M508 213a240 240 0 0 0-449-87l-2 5-2 5c-8 14-13 30-17 46a65 65 0 0 1 56 4c16-10 35-19 56-27l9-3c-6 23-10 48-10 74h-16l4 6c3 4 5 8 6 13h6c0 22 3 44 8 65l2 10-25-10-4 5 12 18 9 3 6 2 8 3 9 26 1 2 16-7h1l-5-13-1-2c24 6 49 9 75 10v26l11 10 7 7v-30l1-13c22 0 44-3 65-8l10-2-21 48-1 1a317 317 0 0 1-14 23l-21 5h-2c6 16 7 33 1 50a240 240 0 0 0 211-265m-401-56-11 6c19-44 54-79 98-98-11 20-21 44-29 69-21 6-40 15-58 23m154 182v4c-29-1-57-6-81-13-7-25-12-52-13-81h94zm0-109h-94c1-29 6-56 13-81 24-7 52-12 81-13zm0-112c-22 1-44 4-65 8l-10 2 12-30 9-17 1-2a332 332 0 0 1 13-23c13-4 26-6 40-7zm187 69 6 4c4 12 6 25 6 38v1h-68c-1-26-4-51-10-74l48 20 1 1 14 8zm-14-44 10 20c-20-11-43-21-68-29-8-25-18-49-29-69 37 16 67 44 87 78M279 49h1c13 1 27 3 39 7l14 23 1 2a343 343 0 0 1 12 26l2 5 6 16c-23-6-48-9-74-10h-1zm0 87h1c29 1 56 6 81 13 7 24 12 51 12 80v1h-94zm2 207h-2v-94h95c-1 29-6 56-13 81-24 7-51 12-80 13m86 60-20 10c11-20 21-43 29-68 25-8 48-18 68-29-16 37-43 67-77 87m87-115-7 5-16 9-2 1a337 337 0 0 1-47 21c6-24 9-49 10-75h68c0 13-2 27-6 39" }], ["path", { d: "m261 428-2-2-22-21a40 40 0 0 0-32-11h-1a37 37 0 0 0-18 8l-1 1-4 2-2 2-5 4c-9-3-36-31-47-44s-32-45-34-55l3-2a151 151 0 0 0 11-9v-1a39 39 0 0 0 5-48l-3-3-11-19-3-4-5-7h-1l-3-3-4-3-5-2a35 35 0 0 0-16-3h-5c-4 1-14 5-24 11l-4 2-4 3-4 2c-9 8-17 17-18 27a380 380 0 0 0 212 259h3c12 0 25-10 36-21l10-12 6-11a39 39 0 0 0-8-40" }]]
-]), Y = (e) => fe(e).replace(/[^\p{L}]+/gu, " ").trim(), ve = (e) => {
+]), J = (e) => fe(e).replace(/[^\p{L}]+/gu, " ").trim(), be = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = Y(n.name), r = e.split(" ").filter(Boolean), i = r.map((e) => e[0] || "").join("");
+		let e = J(n.name), r = e.split(" ").filter(Boolean), i = r.map((e) => e[0] || "").join("");
 		t.set(n.iso2, {
 			normalisedName: e,
 			words: r,
@@ -1636,8 +1649,8 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 	}
 	return t;
-}, ye = (e, t, n) => {
-	let r = fe(n), i = Y(n), a = r !== "" && i === "", o = [], s = [], c = [], l = [], u = [], d = [], f = [];
+}, xe = (e, t, n) => {
+	let r = fe(n), i = J(n), a = r !== "" && i === "", o = [], s = [], c = [], l = [], u = [], d = [], f = [];
 	for (let n of e) {
 		let e = t.get(n.iso2);
 		n.iso2 === r ? o.push(n) : !a && e.normalisedName.startsWith(i) ? s.push(n) : !a && e.normalisedName.includes(i) ? c.push(n) : r === n.dialCode || r === e.dialCodePlus ? l.push(n) : e.dialCodePlus.includes(r) ? u.push(n) : e.initials.includes(r) && d.push(n);
@@ -1665,14 +1678,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		...d,
 		...f
 	];
-}, be = (e, t, n) => {
-	let r = Y(n);
+}, Se = (e, t, n) => {
+	let r = J(n);
 	for (let n of e) {
 		let { normalisedName: e } = t.get(n.iso2);
 		if (e.startsWith(r)) return n;
 	}
 	return null;
-}, xe = class e {
+}, Ce = class e {
 	#e;
 	static toAscii(e) {
 		return e ? e.replace(/[٠-٩]/g, (e) => String.fromCharCode(48 + (e.charCodeAt(0) - 1632))).replace(/[۰-۹]/g, (e) => String.fromCharCode(48 + (e.charCodeAt(0) - 1776))) : "";
@@ -1694,7 +1707,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";
 	}
-}, Se = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x"), Ce = class {
+}, we = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x"), Te = class {
 	#e;
 	#t;
 	#n;
@@ -1719,11 +1732,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#x;
 	#S;
 	#C;
-	#w = null;
+	#w;
 	#T = null;
-	#E = /* @__PURE__ */ new Map();
-	#D = null;
-	#O;
+	#E = null;
+	#D = /* @__PURE__ */ new Map();
+	#O = null;
+	#k;
 	telInputEl;
 	hadInitialPlaceholder;
 	constructor(e, t, n) {
@@ -1736,16 +1750,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			throw TypeError(`The first argument must be an HTMLInputElement, not ${t}`);
 		}
 	}
-	#k(e, t) {
+	#A(e, t) {
 		let n = this.#e.classNames[e];
 		return n ? `${t} ${n}` : t;
 	}
 	buildMarkup(e, t) {
-		this.#i = e, this.#a = t, this.telInputEl.classList.add(...this.#k("input", "iti__tel-input").split(" ")), 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.#A();
-		this.#j(n), n.appendChild(this.telInputEl), this.#F(), this.#z(), this.#I(n), this.ensureDropdownWidthSet();
+		this.#i = e, this.#a = t, this.telInputEl.classList.add(...this.#A("input", "iti__tel-input").split(" ")), 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.#j();
+		this.#M(n), n.appendChild(this.telInputEl), this.#L(), this.#V(), this.#R(n), this.ensureDropdownWidthSet();
 	}
-	#A() {
+	#j() {
 		let { countrySelectorMode: e, showFlags: t, containerClass: n } = this.#e, r = pe({
 			iti: !0,
 			"iti--input-container": !0,
@@ -1753,25 +1767,25 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			"iti--show-flags": t,
 			"iti--inline-country-selector": e !== I.FULLSCREEN,
 			[n]: !!n
-		}), i = K("div", { class: this.#k("container", r) });
+		}), i = K("div", { class: this.#A("container", r) });
 		return this.#n && i.setAttribute("dir", "ltr"), this.telInputEl.before(i), i;
 	}
-	#j(e) {
+	#M(e) {
 		let { countrySelectorMode: t, separateDialCode: n, showFlags: r } = this.#e, i = t !== I.OFF;
 		if (!i && !r && !n) return;
-		this.#l = K("div", { class: this.#k("countryContainer", `iti__country-container ${v.V_HIDE}`) }, e), i ? (this.#u = K("button", {
+		this.#l = K("div", { class: this.#A("countryContainer", `iti__country-container ${v.V_HIDE}`) }, e), i ? (this.#u = K("button", {
 			type: "button",
-			class: this.#k("selectedCountry", "iti__selected-country"),
+			class: this.#A("selectedCountry", "iti__selected-country"),
 			[R.EXPANDED]: "false",
 			[R.LABEL]: this.#e.uiTranslations.noCountrySelected,
 			[R.HASPOPUP]: "dialog",
 			[R.CONTROLS]: `iti-${this.#t}__country-selector`
-		}, this.#l), this.telInputEl.disabled && this.#u.setAttribute("disabled", "true")) : this.#u = K("div", { class: this.#k("selectedCountry", "iti__selected-country") }, this.#l);
-		let a = K("div", { class: this.#k("selectedCountryPrimary", "iti__selected-country-primary") }, this.#u);
-		this.#d = K("div", { class: this.#k("selectedFlag", v.FLAG) }, a), i && (this.#p = K("div", {
-			class: this.#k("arrow", "iti__arrow"),
+		}, this.#l), this.telInputEl.disabled && this.#u.setAttribute("disabled", "true")) : this.#u = K("div", { class: this.#A("selectedCountry", "iti__selected-country") }, this.#l);
+		let a = K("div", { class: this.#A("selectedCountryPrimary", "iti__selected-country-primary") }, this.#u);
+		this.#d = K("div", { class: this.#A("selectedFlag", v.FLAG) }, a), i && (this.#p = K("div", {
+			class: this.#A("arrow", "iti__arrow"),
 			[R.HIDDEN]: "true"
-		}, a)), n && (this.#f = K("div", { class: this.#k("selectedDialCode", "iti__selected-dial-code") }, this.#u)), i && this.#M();
+		}, a)), n && (this.#f = K("div", { class: this.#A("selectedDialCode", "iti__selected-dial-code") }, this.#u)), i && this.#N();
 	}
 	ensureDropdownWidthSet() {
 		let { matchDropdownWidth: e, countrySelectorMode: t } = this.#e;
@@ -1779,19 +1793,19 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let n = this.telInputEl.offsetWidth;
 		n > 0 && (this.#m.style.width = `${n}px`);
 	}
-	#M() {
-		let { matchDropdownWidth: e, countrySelectorMode: t, countrySearch: n, uiTranslations: r, containerClass: i } = this.#e, a = t === I.FULLSCREEN, o = this.#N(), s = e ? "" : "iti--flexible-dropdown-width";
+	#N() {
+		let { matchDropdownWidth: e, countrySelectorMode: t, countrySearch: n, uiTranslations: r, containerClass: i } = this.#e, a = t === I.FULLSCREEN, o = this.#P(), s = e ? "" : "iti--flexible-dropdown-width";
 		if (this.#m = K("div", {
 			id: `iti-${this.#t}__country-selector`,
-			class: this.#k("countrySelector", `iti__country-selector ${v.HIDE} ${s}`),
+			class: this.#A("countrySelector", `iti__country-selector ${v.HIDE} ${s}`),
 			role: "dialog",
 			[R.MODAL]: "true"
-		}), this.#n && this.#m.setAttribute("dir", "rtl"), n && this.#P(), this.#v = K("ul", {
-			class: this.#k("countryList", "iti__country-list"),
+		}), this.#n && this.#m.setAttribute("dir", "rtl"), a && this.#F(), n && this.#I(), this.#y = K("ul", {
+			class: this.#A("countryList", "iti__country-list"),
 			id: `iti-${this.#t}__country-listbox`,
 			role: "listbox",
 			[R.LABEL]: r.countryListAriaLabel
-		}, this.#m), n || this.#v.setAttribute("tabindex", "0"), this.#L(), n && this.#U(), o) {
+		}, this.#m), n || this.#y.setAttribute("tabindex", "0"), this.#z(), n && this.#G(), o) {
 			let e = pe({
 				iti: !0,
 				"iti--detached-country-selector": !0,
@@ -1799,22 +1813,30 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				"iti--inline-country-selector": !a,
 				[i]: !!i
 			});
-			this.#C = K("div", { class: this.#k("countrySelectorContainer", e) }), this.#C.appendChild(this.#m);
+			this.#w = K("div", { class: this.#A("countrySelectorContainer", e) }), this.#w.appendChild(this.#m);
 		} else this.#l.appendChild(this.#m);
 	}
-	#N() {
+	#P() {
 		let { countrySelectorMode: e, dropdownParent: t, fullscreenParent: n } = this.#e;
 		return e === I.FULLSCREEN ? n ?? document.body : e === I.DROPDOWN ? t : null;
 	}
-	#P() {
-		let { uiTranslations: e, searchInputClass: t } = this.#e, n = K("div", { class: this.#k("searchWrapper", "iti__search-input-wrapper") }, this.#m);
-		this.#h = K("span", {
-			class: this.#k("searchIcon", "iti__search-icon"),
+	#F() {
+		this.#h = K("button", {
+			type: "button",
+			class: this.#A("closeButton", "iti__close-button"),
+			[R.LABEL]: this.#e.uiTranslations.closeCountrySelectorAriaLabel,
+			tabindex: "-1"
+		}, this.#m), this.#h.appendChild(_e());
+	}
+	#I() {
+		let { uiTranslations: e, searchInputClass: t } = this.#e, n = K("div", { class: this.#A("searchWrapper", "iti__search-input-wrapper") }, this.#m);
+		this.#g = K("span", {
+			class: this.#A("searchIcon", "iti__search-icon"),
 			[R.HIDDEN]: "true"
-		}, n), this.#h.appendChild(he()), this.#g = K("input", {
+		}, n), this.#g.appendChild(he()), this.#_ = K("input", {
 			id: `iti-${this.#t}__search-input`,
 			type: "search",
-			class: this.#k("searchInput", `iti__search-input ${t}`),
+			class: this.#A("searchInput", `iti__search-input ${t}`),
 			placeholder: e.searchPlaceholder,
 			role: "combobox",
 			[R.EXPANDED]: "true",
@@ -1822,40 +1844,40 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			[R.CONTROLS]: `iti-${this.#t}__country-listbox`,
 			[R.AUTOCOMPLETE]: "list",
 			autocomplete: "off"
-		}, n), this.#_ = K("button", {
+		}, n), this.#v = K("button", {
 			type: "button",
-			class: this.#k("searchClear", `iti__search-clear ${v.HIDE}`),
+			class: this.#A("searchClear", `iti__search-clear ${v.HIDE}`),
 			[R.LABEL]: e.clearSearchAriaLabel,
 			tabindex: "-1"
-		}, n), this.#_.appendChild(ge(this.#t)), this.#S = K("span", { class: "iti__a11y-text" }, this.#m), this.#x = K("div", {
-			class: this.#k("noResults", `iti__no-results ${v.HIDE}`),
+		}, n), this.#v.appendChild(ge(this.#t)), this.#C = K("span", { class: "iti__a11y-text" }, this.#m), this.#S = K("div", {
+			class: this.#A("noResults", `iti__no-results ${v.HIDE}`),
 			[R.HIDDEN]: "true"
-		}, this.#m), this.#x.textContent = e.searchEmptyState ?? null;
+		}, this.#m), this.#S.textContent = e.searchEmptyState ?? null;
 	}
-	#F() {
-		this.#l && (this.#R(), this.#l.classList.remove(v.V_HIDE));
+	#L() {
+		this.#l && (this.#B(), this.#l.classList.remove(v.V_HIDE));
 	}
-	#I(e) {
+	#R(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.#y = t : (this.#y = K("input", {
+			t ? this.#b = t : (this.#b = K("input", {
 				type: "hidden",
 				name: n.phone
-			}), e.appendChild(this.#y));
+			}), e.appendChild(this.#b));
 		}
 		if (n.country) {
 			let t = this.telInputEl.form?.querySelector(`input[name="${n.country}"]`);
-			t ? this.#b = t : (this.#b = K("input", {
+			t ? this.#x = t : (this.#x = K("input", {
 				type: "hidden",
 				name: n.country
-			}), e.appendChild(this.#b));
+			}), e.appendChild(this.#x));
 		}
 	}
-	#L() {
-		let e = document.createDocumentFragment(), t = this.#k("countryListItem", v.COUNTRY_ITEM);
+	#z() {
+		let e = document.createDocumentFragment(), t = this.#A("countryListItem", v.COUNTRY_ITEM);
 		for (let n = 0; n < this.#i.length; n++) {
 			let r = this.#i[n], i = K("li", {
 				id: `iti-${this.#t}__item-${r.iso2}`,
@@ -1863,26 +1885,26 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				role: "option",
 				[R.SELECTED]: "false"
 			});
-			i.dataset[L.DIAL_CODE] = r.dialCode, i.dataset[L.ISO2] = r.iso2, this.#E.set(r.iso2, i), this.#e.showFlags && K("div", { class: this.#k("countryListItemFlag", `${v.FLAG} iti__${r.iso2}`) }, i);
-			let a = K("span", { class: this.#k("countryName", "iti__country-name") }, i);
+			i.dataset[L.DIAL_CODE] = r.dialCode, i.dataset[L.ISO2] = r.iso2, this.#D.set(r.iso2, i), this.#e.showFlags && K("div", { class: this.#A("countryListItemFlag", `${v.FLAG} iti__${r.iso2}`) }, i);
+			let a = K("span", { class: this.#A("countryName", "iti__country-name") }, i);
 			a.textContent = `${r.name} `;
-			let o = K("span", { class: this.#k("dialCode", "iti__dial-code") }, a);
+			let o = K("span", { class: this.#A("dialCode", "iti__dial-code") }, a);
 			this.#n && o.setAttribute("dir", "ltr"), o.textContent = `(+${r.dialCode})`, e.appendChild(i);
 		}
-		this.#v.appendChild(e);
+		this.#y.appendChild(e);
 	}
-	#R() {
+	#B() {
 		if (this.#u) {
-			let e = this.#e.separateDialCode ? C.FALLBACK_SELECTED_COUNTRY_WITH_DIAL_WIDTH : C.FALLBACK_SELECTED_COUNTRY_NO_DIAL_WIDTH, t = (this.#u.offsetWidth || this.#B() || e) + C.INPUT_PADDING_EXTRA_LEFT;
+			let e = this.#e.separateDialCode ? C.FALLBACK_SELECTED_COUNTRY_WITH_DIAL_WIDTH : C.FALLBACK_SELECTED_COUNTRY_NO_DIAL_WIDTH, t = (this.#u.offsetWidth || this.#H() || e) + C.INPUT_PADDING_EXTRA_LEFT;
 			this.telInputEl.style.paddingLeft = `${t}px`;
 		}
 	}
-	#z() {
-		!this.#u || typeof ResizeObserver > "u" || (this.#O = new ResizeObserver(() => {
-			this.#u?.offsetWidth && this.#R();
-		}), this.#O.observe(this.#u));
+	#V() {
+		!this.#u || typeof ResizeObserver > "u" || (this.#k = new ResizeObserver(() => {
+			this.#u?.offsetWidth && this.#B();
+		}), this.#k.observe(this.#u));
 	}
-	#B() {
+	#H() {
 		if (!this.telInputEl.parentNode) return 0;
 		let e = document.body, t = this.telInputEl.parentNode.cloneNode(!1);
 		t.style.visibility = "hidden", e.appendChild(t);
@@ -1893,12 +1915,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let i = r.offsetWidth;
 		return e.removeChild(t), i;
 	}
-	#V() {
+	#U() {
 		if (this.#s !== void 0) return;
-		let { countrySearch: e, matchDropdownWidth: t } = this.#e, { height: n, width: r } = this.#H();
+		let { countrySearch: e, matchDropdownWidth: t } = this.#e, { height: n, width: r } = this.#W();
 		this.#s = n, e && (this.#m.style.height = `${n}px`, !t && r > 0 && (this.#m.style.width = `${r}px`));
 	}
-	#H() {
+	#W() {
 		let e = document.body, t = this.#m, n = t.parentNode, r = t.nextSibling;
 		t.classList.remove(v.HIDE);
 		let i = K("div", { class: "iti iti--inline-country-selector" });
@@ -1909,52 +1931,52 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			width: o
 		};
 	}
-	#U() {
-		let { uiTranslations: e } = this.#e, t = this.#v.childElementCount;
-		this.#S.textContent = e.searchSummaryAria(t);
+	#G() {
+		let { uiTranslations: e } = this.#e, t = this.#y.childElementCount;
+		this.#C.textContent = e.searchSummaryAria(t);
 	}
-	#W(e) {
+	#K(e) {
 		let t;
 		if (e === "") t = this.#i;
 		else {
-			let n = xe.toAscii(e);
-			t = ye(this.#i, this.#a, n);
+			let n = Ce.toAscii(e);
+			t = xe(this.#i, this.#a, n);
 		}
-		this.#oe(t);
+		this.#ce(t);
 	}
 	prefillSearchWithPlus() {
-		this.#g.value = "+", this.#g.focus(), this.#W("");
+		this.#_.value = "+", this.#_.focus(), this.#K("");
 	}
-	#G() {
-		let e = this.#g.value.trim();
-		this.#W(e), this.#g.value ? this.#_.classList.remove(v.HIDE) : this.#_.classList.add(v.HIDE);
+	#q() {
+		let e = this.#_.value.trim();
+		this.#K(e), this.#_.value ? this.#v.classList.remove(v.HIDE) : this.#v.classList.add(v.HIDE);
 	}
-	#K() {
+	#J() {
 		this.#o && clearTimeout(this.#o), this.#o = setTimeout(() => {
-			this.#G(), this.#o = null;
+			this.#q(), this.#o = null;
 		}, S.SEARCH_DEBOUNCE_MS);
 	}
-	#q() {
-		this.#g.value = "", this.#g.focus(), this.#G();
+	#Y() {
+		this.#_.value = "", this.#_.focus(), this.#q();
 	}
-	#J(e) {
-		let t = this.#v, n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = r.top - n.top + t.scrollTop;
+	#X(e) {
+		let t = this.#y, 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);
 	}
-	#Y() {
-		return this.#e.countrySearch ? this.#g : this.#v;
+	#Z() {
+		return this.#e.countrySearch ? this.#_ : this.#y;
 	}
-	#X(e, t = !0) {
-		if (this.#T?.classList.remove(v.HIGHLIGHT), e) {
+	#Q(e, t = !0) {
+		if (this.#E?.classList.remove(v.HIGHLIGHT), e) {
 			e.classList.add(v.HIGHLIGHT);
 			let n = e.getAttribute("id") || "";
-			this.#Y().setAttribute(R.ACTIVE_DESCENDANT, n), t && this.#J(e), this.#T = e;
-		} else this.#T = null;
+			this.#Z().setAttribute(R.ACTIVE_DESCENDANT, n), t && this.#X(e), this.#E = e;
+		} else this.#E = null;
 	}
 	bindHiddenInputSubmitListener(e, t, n) {
 		let r = this.telInputEl.form;
-		!r || !this.#y && !this.#b || r.addEventListener("submit", () => {
-			this.#y && (this.#y.value = t()), this.#b && (this.#b.value = n());
+		!r || !this.#b && !this.#x || r.addEventListener("submit", () => {
+			this.#b && (this.#b.value = t()), this.#x && (this.#x.value = n());
 		}, { signal: e });
 	}
 	bindAllInitialCountrySelectorListeners(e, t, n) {
@@ -1975,123 +1997,127 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	openCountrySelector(e, t) {
 		let { dropdownAlwaysOpen: n } = this.#e;
-		if (this.#D = new AbortController(), this.#e.countrySelectorMode !== I.FULLSCREEN && this.#V(), this.ensureDropdownWidthSet(), this.#C) this.#ce();
+		if (this.#O = new AbortController(), this.#e.countrySelectorMode !== I.FULLSCREEN && this.#U(), this.ensureDropdownWidthSet(), this.#w) this.#ue();
 		else {
-			let e = this.#se(), t = this.telInputEl.offsetHeight + C.DROPDOWN_MARGIN;
+			let e = this.#le(), t = this.telInputEl.offsetHeight + C.DROPDOWN_MARGIN;
 			e ? this.#m.style.top = `${t}px` : this.#m.style.bottom = `${t}px`;
 		}
 		this.#m.classList.remove(v.HIDE), this.#u.setAttribute(R.EXPANDED, "true");
-		let r = this.#w ?? this.#v.firstElementChild;
-		r && this.#X(r), n || this.#Y().focus(), this.#e.countrySelectorMode === I.FULLSCREEN && this.#C && window.visualViewport && (this.#ue(), window.visualViewport.addEventListener("resize", () => {
-			this.#ue(), this.#T && this.#J(this.#T);
-		}, { signal: this.#D.signal })), this.#p.classList.add(v.ARROW_UP), this.#Z(e, t);
-	}
-	#Z(e, t) {
-		let n = this.#D.signal;
-		this.#Q(n), this.#$(n, e), this.#e.dropdownAlwaysOpen || this.#ee(n, t), this.#te(n, e, t), this.#e.countrySearch && this.#ne(n), this.#e.countrySelectorMode === I.DROPDOWN && this.#e.dropdownParent && !Se && document.addEventListener("scroll", t, {
+		let r = this.#T ?? this.#y.firstElementChild;
+		r && this.#Q(r), n || this.#Z().focus(), this.#e.countrySelectorMode === I.FULLSCREEN && this.#w && window.visualViewport && (this.#fe(), window.visualViewport.addEventListener("resize", () => {
+			this.#fe(), this.#E && this.#X(this.#E);
+		}, { signal: this.#O.signal })), this.#p.classList.add(v.ARROW_UP), this.#$(e, t);
+	}
+	#$(e, t) {
+		let n = this.#O.signal;
+		this.#ee(n), this.#te(n, e), this.#e.dropdownAlwaysOpen || this.#ne(n, t), this.#re(n, e, t), this.#h?.addEventListener("click", () => {
+			t(), this.#u.focus();
+		}, { signal: n }), this.#e.countrySearch && this.#ie(n), this.#e.countrySelectorMode === I.DROPDOWN && this.#e.dropdownParent && !we && document.addEventListener("scroll", t, {
 			signal: n,
 			capture: !0,
 			passive: !0
 		});
 	}
-	#Q(e) {
-		this.#v.addEventListener("mouseover", (e) => {
+	#ee(e) {
+		this.#y.addEventListener("mouseover", (e) => {
 			let t = e.target?.closest(`.${v.COUNTRY_ITEM}`);
-			t && this.#X(t, !1);
+			t && this.#Q(t, !1);
 		}, { signal: e });
 	}
-	#$(e, t) {
-		this.#v.addEventListener("click", (e) => {
+	#te(e, t) {
+		this.#y.addEventListener("click", (e) => {
 			let n = e.target?.closest(`.${v.COUNTRY_ITEM}`);
 			n && t(n);
 		}, { signal: e });
 	}
-	#ee(e, t) {
+	#ne(e, t) {
 		setTimeout(() => {
 			document.documentElement.addEventListener("click", (e) => {
 				this.#m.contains(e.target) || t();
 			}, { signal: e });
 		}, 0);
 	}
-	#te(e, t, n) {
+	#re(e, t, n) {
 		let r = "", i = null, a = (e) => {
 			[
 				y.ARROW_UP,
 				y.ARROW_DOWN,
 				y.ENTER,
 				y.ESC
-			].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === y.ARROW_UP || e.key === y.ARROW_DOWN ? this.#ie(e.key) : e.key === y.ENTER && !e.isComposing ? t(this.#T) : e.key === y.ESC && (n(), this.#u.focus())), !this.#e.countrySearch && x.HIDDEN_SEARCH_CHAR.test(e.key) && (e.stopPropagation(), i && clearTimeout(i), r += e.key.toLowerCase(), this.#re(r), i = setTimeout(() => {
+			].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === y.ARROW_UP || e.key === y.ARROW_DOWN ? this.#oe(e.key) : e.key === y.ENTER && !e.isComposing ? t(this.#E) : e.key === y.ESC && (n(), this.#u.focus())), !this.#e.countrySearch && x.HIDDEN_SEARCH_CHAR.test(e.key) && (e.stopPropagation(), i && clearTimeout(i), r += e.key.toLowerCase(), this.#ae(r), i = setTimeout(() => {
 				r = "";
 			}, S.HIDDEN_SEARCH_RESET_MS));
 		};
-		this.#u?.addEventListener("keydown", a, { signal: e }), this.#m?.addEventListener("keydown", a, { signal: e }), this.#C && this.#m?.addEventListener("keydown", (e) => {
+		this.#u?.addEventListener("keydown", a, { signal: e }), this.#m?.addEventListener("keydown", a, { signal: e }), this.#w && this.#m?.addEventListener("keydown", (e) => {
 			e.key === y.TAB && (e.preventDefault(), n(), (e.shiftKey ? this.#u : this.telInputEl).focus());
 		}, { signal: e });
 	}
-	#ne(e) {
-		this.#g.addEventListener("input", () => this.#K(), { signal: e }), this.#_.addEventListener("click", () => this.#q(), { signal: e });
+	#ie(e) {
+		this.#_.addEventListener("input", () => this.#J(), { signal: e }), this.#v.addEventListener("click", () => this.#Y(), { signal: e });
 	}
-	#re(e) {
-		let t = be(this.#i, this.#a, e);
+	#ae(e) {
+		let t = Se(this.#i, this.#a, e);
 		if (t) {
-			let e = this.#E.get(t.iso2);
-			this.#X(e);
+			let e = this.#D.get(t.iso2);
+			this.#Q(e);
 		}
 	}
-	#ie(e) {
-		let t = e === y.ARROW_UP ? this.#T?.previousElementSibling : this.#T?.nextElementSibling;
-		!t && this.#v.childElementCount > 1 && (t = e === y.ARROW_UP ? this.#v.lastElementChild : this.#v.firstElementChild), t && this.#X(t);
+	#oe(e) {
+		let t = e === y.ARROW_UP ? this.#E?.previousElementSibling : this.#E?.nextElementSibling;
+		!t && this.#y.childElementCount > 1 && (t = e === y.ARROW_UP ? this.#y.lastElementChild : this.#y.firstElementChild), t && this.#Q(t);
 	}
-	#ae(e) {
-		if (this.#w && this.#w.dataset[L.ISO2] !== e && (this.#w.setAttribute(R.SELECTED, "false"), this.#w.querySelector(".iti__country-check")?.remove(), this.#w = null), e && !this.#w) {
-			let t = this.#v.querySelector(`[data-iso2="${e}"]`);
+	#se(e) {
+		if (this.#T && this.#T.dataset[L.ISO2] !== e && (this.#T.setAttribute(R.SELECTED, "false"), this.#T.querySelector(".iti__country-check")?.remove(), this.#T = null), e && !this.#T) {
+			let t = this.#y.querySelector(`[data-iso2="${e}"]`);
 			t && (t.setAttribute(R.SELECTED, "true"), K("span", {
-				class: this.#k("countryCheck", "iti__country-check"),
+				class: this.#A("countryCheck", "iti__country-check"),
 				[R.HIDDEN]: "true"
-			}, t).appendChild(_e()), this.#w = t, this.#e.dropdownAlwaysOpen && this.#X(t));
+			}, t).appendChild(ve()), this.#T = t, this.#e.dropdownAlwaysOpen && this.#Q(t));
 		}
 	}
-	#oe(e) {
-		this.#v.replaceChildren();
+	#ce(e) {
+		this.#y.replaceChildren();
 		let t = !0;
 		for (let n of e) {
-			let e = this.#E.get(n.iso2);
-			e && (this.#v.appendChild(e), t &&= (this.#X(e, !1), !1));
+			let e = this.#D.get(n.iso2);
+			e && (this.#y.appendChild(e), t &&= (this.#Q(e, !1), !1));
 		}
-		t ? (this.#X(null), this.#x && this.#x.classList.remove(v.HIDE)) : this.#x && this.#x.classList.add(v.HIDE), this.#v.scrollTop = 0, this.#U();
+		t ? (this.#Q(null), this.#S && this.#S.classList.remove(v.HIDE)) : this.#S && this.#S.classList.add(v.HIDE), this.#y.scrollTop = 0, this.#G();
 	}
 	closeCountrySelector() {
 		let { countrySearch: e } = this.#e;
-		this.#D.abort(), this.#D = null, this.#m.classList.add(v.HIDE), this.#u.setAttribute(R.EXPANDED, "false"), this.#Y().removeAttribute(R.ACTIVE_DESCENDANT), e && (this.#g.value = "", this.#G(), this.#T &&= (this.#T.classList.remove(v.HIGHLIGHT), null)), this.#p.classList.remove(v.ARROW_UP), this.#C ? (this.#C.remove(), this.#C.style.top = "", this.#C.style.bottom = "", this.#C.style.height = "", this.#C.style.paddingLeft = "", this.#C.style.paddingRight = "") : (this.#m.style.top = "", this.#m.style.bottom = "");
+		this.#O.abort(), this.#O = null, this.#m.classList.add(v.HIDE), this.#u.setAttribute(R.EXPANDED, "false"), this.#Z().removeAttribute(R.ACTIVE_DESCENDANT), e && (this.#_.value = "", this.#q(), this.#E &&= (this.#E.classList.remove(v.HIGHLIGHT), null)), this.#p.classList.remove(v.ARROW_UP), this.#w ? (this.#w.remove(), this.#w.style.top = "", this.#w.style.bottom = "", this.#w.style.removeProperty("--iti-virtual-keyboard-height"), this.#w.style.paddingLeft = "", this.#w.style.paddingRight = "") : (this.#m.style.top = "", this.#m.style.bottom = "");
 	}
-	#se() {
+	#le() {
 		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;
 	}
-	#ce() {
-		let e = this.#e.countrySelectorMode === I.FULLSCREEN, t = this.#N();
+	#ue() {
+		let e = this.#e.countrySelectorMode === I.FULLSCREEN, t = this.#P();
 		if (e) {
 			if (window.innerWidth >= C.NARROW_VIEWPORT_WIDTH) {
 				let e = this.telInputEl.getBoundingClientRect();
-				this.#C.style.paddingLeft = `${e.left}px`, this.#C.style.paddingRight = `${window.innerWidth - e.right}px`;
+				this.#w.style.paddingLeft = `${e.left}px`, this.#w.style.paddingRight = `${window.innerWidth - e.right}px`;
 			}
-		} else this.#le();
-		if (!e && !Se) {
+		} else this.#de();
+		if (!e && !we) {
 			let e = this.telInputEl.getBoundingClientRect();
-			this.#C.style.left = `${e.left}px`, this.#se() ? this.#C.style.top = `${e.bottom + C.DROPDOWN_MARGIN}px` : (this.#C.style.top = "unset", this.#C.style.bottom = `${window.innerHeight - e.top + C.DROPDOWN_MARGIN}px`);
+			this.#w.style.left = `${e.left}px`, this.#le() ? this.#w.style.top = `${e.bottom + C.DROPDOWN_MARGIN}px` : (this.#w.style.top = "unset", this.#w.style.bottom = `${window.innerHeight - e.top + C.DROPDOWN_MARGIN}px`);
 		}
-		t.appendChild(this.#C);
+		t.appendChild(this.#w);
 	}
-	#le() {
+	#de() {
 		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.#C.style.positionAnchor = e;
+		this.telInputEl.style.anchorName = t && t !== "none" ? `${t}, ${e}` : e, this.#w.style.positionAnchor = e;
 	}
-	#ue() {
-		let e = window.visualViewport;
-		!e || !this.#C || (this.#C.style.height = `${e.height}px`);
+	#fe() {
+		let e = window.visualViewport, t = this.#w;
+		if (!e || !t) return;
+		let n = Math.max(0, t.offsetHeight - e.height);
+		t.style.setProperty("--iti-virtual-keyboard-height", `${n}px`);
 	}
 	isCountrySelectorOpen() {
 		return !this.#m.classList.contains(v.HIDE);
@@ -2115,24 +2141,24 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	setSelectedCountry(e) {
 		let { countrySelectorMode: t, showFlags: n, separateDialCode: r, uiTranslations: i } = this.#e, a = e?.name, o = e?.dialCode, s = e?.iso2 ?? "";
-		if (t !== I.OFF && this.#ae(s), this.#u) {
-			let e = this.#k("selectedFlag", s && n ? `${v.FLAG} iti__${s}` : `${v.FLAG} ${v.GLOBE}`), t, r, c = null;
-			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), n || (c = J())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = J()), this.#d.className = e, this.#u.setAttribute("title", r), this.#u.setAttribute(R.LABEL, t), c ? this.#d.replaceChildren(c) : this.#d.replaceChildren();
+		if (t !== I.OFF && this.#se(s), this.#u) {
+			let e = this.#A("selectedFlag", s && n ? `${v.FLAG} iti__${s}` : `${v.FLAG} ${v.GLOBE}`), t, r, c = null;
+			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), n || (c = ye())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = ye()), this.#d.className = e, this.#u.setAttribute("title", r), this.#u.setAttribute(R.LABEL, t), c ? this.#d.replaceChildren(c) : this.#d.replaceChildren();
 		}
 		if (r) {
 			let e = o ? `+${o}` : "";
-			this.#f.textContent = e, this.#R();
+			this.#f.textContent = e, this.#B();
 		}
 	}
 	destroy() {
-		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[L.INSTANCE_ID], this.#O?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
+		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[L.INSTANCE_ID], this.#k?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
 		let e = this.telInputEl.parentNode;
-		e && (e.before(this.telInputEl), e.remove()), this.#E.clear();
+		e && (e.before(this.telInputEl), e.remove()), this.#D.clear();
 	}
-}, we = (e) => {
+}, Ee = (e) => {
 	let { onlyCountries: t, excludeCountries: n } = e;
 	return t?.length ? h.filter((e) => t.includes(e.iso2)) : n?.length ? h.filter((e) => !n.includes(e.iso2)) : [...h];
-}, Te = (e, t) => {
+}, De = (e, t) => {
 	let { countryNameLocale: n, countryNameOverrides: r, uiTranslations: i } = t, a = i?.countryNames, o;
 	try {
 		o = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(n, { type: "region" }) : null;
@@ -2140,7 +2166,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		console.error(e), o = null;
 	}
 	for (let t of e) t.name = r[t.iso2] || a?.[t.iso2] || o?.of(t.iso2.toUpperCase()) || "";
-}, Ee = (e) => {
+}, Oe = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = 0, r = {}, i = (e, t) => {
 		if (!e || !t) return;
 		t.length > n && (n = t.length), Object.hasOwn(r, t) || (r[t] = []);
@@ -2169,7 +2195,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		dialCodeMaxLength: n,
 		dialCodeToIso2Map: r
 	};
-}, De = (e, t) => {
+}, ke = (e, t) => {
 	let { countryOrder: n } = t;
 	e.sort((e, t) => {
 		if (n) {
@@ -2178,7 +2204,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return e.name.localeCompare(t.name);
 	});
-}, Oe = /* @__PURE__ */ new Set([
+}, Ae = /* @__PURE__ */ new Set([
 	"800",
 	"808",
 	"870",
@@ -2187,17 +2213,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"883",
 	"888",
 	"979"
-]), ke = (e) => {
+]), je = (e) => {
 	let t = G(e).slice(0, 3);
-	return e.startsWith("+") && Oe.has(t);
-}, Ae = (e, t, n, r) => {
+	return e.startsWith("+") && Ae.has(t);
+}, Y = (e, t, n, r) => {
 	if (!n || !t) return e;
 	let i = `+${r.dialCode}`, a = e[i.length] === " " || e[i.length] === "-" ? i.length + 1 : i.length;
 	return e.substring(a);
-}, je = (e, t, n, r, i) => {
+}, Me = (e, t, n, r, i) => {
 	let a = n ? n.formatNumberAsYouType(e, r?.iso2) : e, o = r?.dialCode;
 	return i && t.charAt(0) !== "+" && a.includes(`+${o}`) ? (a.split(`+${o}`)[1] || "").trim() : a;
-}, Me = (e, t, n, r) => {
+}, Ne = (e, t, n, r) => {
 	if (n === 0 && !r) return 0;
 	let i = 0;
 	for (let n = 0; n < t.length; n++) {
@@ -2205,7 +2231,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		if (r && i === e + 1) return n;
 	}
 	return t.length;
-}, Ne = /* @__PURE__ */ new Set([
+}, Pe = /* @__PURE__ */ new Set([
 	"800",
 	"822",
 	"833",
@@ -2223,16 +2249,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"887",
 	"888",
 	"889"
-]), Pe = (e) => {
+]), Fe = (e) => {
 	let t = G(e);
 	if (t.startsWith(w.NANP) && t.length >= 4) {
 		let e = t.substring(1, 4);
-		return Ne.has(e);
+		return Pe.has(e);
 	}
 	return !1;
-}, Fe = 0, X = (e) => {
+}, Ie = 0, X = (e) => {
 	if (!Q.utils) throw Error(`intlTelInput.utils is required for ${e}(). See: https://intl-tel-input.com/docs/utils`);
-}, Ie = () => {
+}, Le = () => {
 	let e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -2264,13 +2290,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#_;
 	#v;
 	constructor(e, t = {}) {
-		this.id = Fe++, Ce.validateInput(e);
+		this.id = Ie++, Te.validateInput(e);
 		let n = le(t);
 		this.#t = {
 			...B,
 			...n
-		}, ue(this.#t), de(this.#t), this.#e = new Ce(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new xe(e.value), this.promise = this.#x(this.#t), this.#r = we(this.#t);
-		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = Ee(this.#r);
+		}, ue(this.#t), de(this.#t), this.#e = new Te(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new Ce(e.value), this.promise = this.#x(this.#t), this.#r = Ee(this.#t);
+		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = Oe(this.#r);
 		this.#o = r, this.#i = i, this.#a = a, this.#s = new Map(this.#r.map((e) => [e.iso2, e])), this.#S();
 	}
 	#y() {
@@ -2282,16 +2308,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#x(e) {
 		let { initialCountry: t, initialCountryLookup: n, loadUtils: r } = e, i = !t && !!n, a = !!r && !Q.utils;
-		return i && (this.#_ = Ie()), a && (this.#v = Ie()), Promise.all([this.#_?.promise, this.#v?.promise]).then(() => {});
+		return i && (this.#_ = Le()), a && (this.#v = Le()), Promise.all([this.#_?.promise, this.#v?.promise]).then(() => {});
 	}
 	#S() {
 		this.#p = new AbortController(), this.#C(), this.#e.buildMarkup(this.#r, this.#c), this.#w(), this.#T(), this.#E(), this.#t.dropdownAlwaysOpen && this.openCountrySelector();
 	}
 	#C() {
-		Te(this.#r, this.#t), De(this.#r, this.#t), this.#c = ve(this.#r);
+		De(this.#r, this.#t), ke(this.#r, this.#t), this.#c = be(this.#r);
 	}
 	#w(e = !1) {
-		let t = this.#e.telInputEl.getAttribute("value"), n = this.#m.normalise(t ?? ""), r = this.#y(), i = n && n.startsWith("+") && (!r || !r.startsWith("+")) ? n : r, a = this.#re(i), o = Pe(i), { initialCountry: s, initialCountryLookup: c } = this.#t, l = !s && !!c, u = l && Q.autoCountry ? Q.autoCountry : s, d = l && !e && !Q.autoCountry, f = m(u);
+		let t = this.#e.telInputEl.getAttribute("value"), n = this.#m.normalise(t ?? ""), r = this.#y(), i = n && n.startsWith("+") && (!r || !r.startsWith("+")) ? n : r, a = this.#re(i), o = Fe(i), { initialCountry: s, initialCountryLookup: c } = this.#t, l = !s && !!c, u = l && Q.autoCountry ? Q.autoCountry : s, d = l && !e && !Q.autoCountry, f = m(u);
 		a ? o ? f ? this.#Z(u) : d || this.#Z(D.ISO2) : (f && this.#Z(u), this.#q(i)) : f ? this.#Z(u) : d || this.#Z(""), i && this.#K(i);
 	}
 	#T() {
@@ -2351,12 +2377,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 	}
 	#N(e, t) {
-		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(x.NON_PLUS_NUMERIC_GLOBAL, "").length, i = je(this.#ae(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Me(r, i, n, t);
+		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(x.NON_PLUS_NUMERIC_GLOBAL, "").length, i = Me(this.#ae(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Ne(r, i, n, t);
 		this.#b(i), this.#e.telInputEl.setSelectionRange(a, a);
 	}
 	#P(e) {
 		if (e.startsWith("+") && this.#l && this.#re(e)) {
-			let t = Ae(e, !0, !0, this.#l);
+			let t = Y(e, !0, !0, this.#l);
 			this.#b(t);
 		}
 	}
@@ -2469,7 +2495,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#K(e) {
 		let { numberDisplayFormat: t, separateDialCode: n } = this.#t, r = e;
 		if (Q.utils && this.#l) {
-			let i = ke(e), a = !r.startsWith("+") && !n, o = t === N.NATIONAL && !i || a, s;
+			let i = je(e), a = !r.startsWith("+") && !n, o = t === N.NATIONAL && !i || a, s;
 			s = o ? N.NATIONAL : t === N.E164 && !i ? N.E164 : N.INTERNATIONAL, r = Q.utils.formatNumber(r, this.#l?.iso2, s);
 		}
 		r = this.#oe(r), this.#b(r);
@@ -2498,7 +2524,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#X(e, t, n) {
 		let r = this.#l?.iso2, i = this.#l?.dialCode;
 		if (!r && this.#d && e.includes(this.#d)) return this.#d;
-		if (i === w.NANP && Pe(n)) return null;
+		if (i === w.NANP && Fe(n)) return null;
 		let a = this.#l?.areaCodes, o = this.#l?.priority;
 		if (a) {
 			let e = a.map((e) => `${i}${e}`);
@@ -2575,7 +2601,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		return this.#ie(e);
 	}
 	#oe(e) {
-		let t = Ae(e, !!this.#re(e), this.#t.separateDialCode, this.#l);
+		let t = Y(e, !!this.#re(e), this.#t.separateDialCode, this.#l);
 		return this.#W(t);
 	}
 	#se() {
@@ -2661,7 +2687,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#fe(e) {
 		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#l?.iso2, a = this.#ae();
-		return !this.#l && !ke(a) || !(e === "precise" ? Q.utils.isValidNumberPrecise : Q.utils.isValidNumber)(a, i, r) ? !1 : x.ALPHA_UNICODE.test(a) ? Q.utils.getExtension(a, i) ? t : n : !0;
+		return !this.#l && !je(a) || !(e === "precise" ? Q.utils.isValidNumberPrecise : Q.utils.isValidNumber)(a, i, r) ? !1 : x.ALPHA_UNICODE.test(a) ? Q.utils.getExtension(a, i) ? t : n : !0;
 	}
 	setSelectedCountry(e) {
 		if (!this.#f) return;
@@ -2732,13 +2758,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "29.4.0",
+	version: "29.5.0",
 	NUMBER_FORMAT: N,
 	NUMBER_TYPE: P,
 	VALIDATION_ERROR: F,
 	PLACEHOLDER_POLICY: O,
 	COUNTRY_SELECTOR_MODE: I
-}), $ = Q, Le = /* @__PURE__ */ n({
+}), $ = Q, Re = /* @__PURE__ */ n({
 	inheritAttrs: !1,
 	__name: "IntlTelInput",
 	props: {
@@ -2869,4 +2895,4 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 });
 //#endregion
-export { $ as n, Le as t };
+export { $ as n, Re as t };

package/dist/IntlTelInput.js

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

package/dist/IntlTelInputWithUtils.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./IntlTelInput-igGypu_6.js";
+import { n as e, t } from "./IntlTelInput-DkmDiQT_.js";
 //#region packages/core/dist/js/utils.js
 var n = {};
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intl-tel-input/vue",
-  "version": "29.4.0",
+  "version": "29.5.0",
   "description": "A Vue component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^29.4.0"
+    "intl-tel-input": "^29.5.0"
   },
   "peerDependencies": {
     "vue": "^3.0.0"