@intl-tel-input/vue 28.1.0 → 29.0.1

package/dist/{IntlTelInput-CrRJx9yp.js → IntlTelInput-DDX9eI2t.js}

@@ -1183,8 +1183,8 @@ for (let e of d) f.push({
 	nationalPrefix: e[4] || null
 });
 var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
-	OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
-	CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
+	OPEN_COUNTRY_SELECTOR: "open:countryselector",
+	CLOSE_COUNTRY_SELECTOR: "close:countryselector",
 	COUNTRY_CHANGE: "countrychange",
 	INPUT: "input",
 	STRICT_REJECT: "strict:reject"
@@ -1219,8 +1219,8 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	NEXT_TICK: 0
 }, S = {
 	NARROW_VIEWPORT_WIDTH: 500,
-	FALLBACK_SELECTED_WITH_DIAL_WIDTH: 78,
-	FALLBACK_SELECTED_NO_DIAL_WIDTH: 42,
+	FALLBACK_SELECTED_COUNTRY_WITH_DIAL_WIDTH: 78,
+	FALLBACK_SELECTED_COUNTRY_NO_DIAL_WIDTH: 42,
 	INPUT_PADDING_EXTRA_LEFT: 6,
 	DROPDOWN_MARGIN: 3,
 	FALLBACK_DROPDOWN_HEIGHT: 200
@@ -1236,10 +1236,15 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	ISO2: "us",
 	DIAL_CODE: "1"
 }, E = {
-	AGGRESSIVE: "aggressive",
-	POLITE: "polite",
-	OFF: "off"
-}, D = { AUTO: "auto" }, O = [
+	AGGRESSIVE: "AGGRESSIVE",
+	POLITE: "POLITE",
+	OFF: "OFF"
+}, D = [
+	"OFF",
+	"DROPDOWN",
+	"FULLSCREEN",
+	"AUTO"
+], O = [
 	"E164",
 	"INTERNATIONAL",
 	"NATIONAL",
@@ -1264,11 +1269,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"TOO_LONG",
 	"IS_POSSIBLE_LOCAL_ONLY",
 	"INVALID_LENGTH"
-], j = (e) => Object.fromEntries(e.map((e) => [e, e])), M = j(O), N = j(k), P = j(A), F = {
+], j = (e) => Object.fromEntries(e.map((e) => [e, e])), M = j(O), N = j(k), P = j(A), F = j(D), I = {
 	ISO2: "iso2",
 	DIAL_CODE: "dialCode",
 	INSTANCE_ID: "intlTelInputId"
-}, I = {
+}, L = {
 	EXPANDED: "aria-expanded",
 	LABEL: "aria-label",
 	SELECTED: "aria-selected",
@@ -1288,12 +1293,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	searchSummaryAria(e) {
 		return e === 0 ? "No results found" : e === 1 ? "1 result found" : `${e} results found`;
 	}
-}, L = (e) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(e).matches, te = () => L(`(max-width: ${S.NARROW_VIEWPORT_WIDTH}px)`), R = {
-	allowDropdown: !0,
+}, R = (e) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(e).matches, te = () => R(`(max-width: ${S.NARROW_VIEWPORT_WIDTH}px)`), ne = () => {
+	if (typeof navigator < "u" && typeof window < "u") {
+		let e = R("(max-height: 600px)"), t = R("(pointer: coarse)");
+		if (te() || t && e) return F.FULLSCREEN;
+	}
+	return F.DROPDOWN;
+}, z = {
+	countrySelectorMode: F.AUTO,
 	allowedNumberTypes: [N.MOBILE, N.FIXED_LINE],
 	allowNumberExtensions: !1,
 	allowPhonewords: !1,
-	autoPlaceholder: E.POLITE,
 	containerClass: "",
 	countryNameLocale: "en",
 	countryNameOverrides: {},
@@ -1301,81 +1311,84 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	countrySearch: !0,
 	customPlaceholder: null,
 	dropdownAlwaysOpen: !1,
-	dropdownContainer: null,
+	dropdownParent: null,
 	excludeCountries: null,
-	fixDropdownWidth: !0,
+	matchDropdownWidth: !0,
 	formatAsYouType: !0,
-	formatOnDisplay: !0,
-	geoIpLookup: null,
-	hiddenInput: null,
-	i18n: {},
+	hiddenInputs: null,
+	uiTranslations: {},
 	initialCountry: "",
+	initialCountryLookup: null,
 	loadUtils: null,
-	nationalMode: !1,
+	numberDisplayFormat: M.INTERNATIONAL,
 	onlyCountries: null,
+	placeholderNumberPolicy: E.POLITE,
 	placeholderNumberType: N.MOBILE,
 	searchInputClass: "",
 	separateDialCode: !0,
 	strictRejectAnimation: !0,
 	showFlags: !0,
-	strictMode: !0,
-	useFullscreenPopup: (() => {
-		if (typeof navigator < "u" && typeof window < "u") {
-			let e = L("(max-height: 600px)"), t = L("(pointer: coarse)");
-			return te() || t && e;
-		}
-		return !1;
-	})()
-}, ne = (e) => JSON.stringify(e), z = (e) => !!e && typeof e == "object" && !Array.isArray(e), re = (e) => typeof e == "function", ie = (e) => {
+	strictMode: !0
+}, B = (e) => JSON.stringify(e), V = (e) => !!e && typeof e == "object" && !Array.isArray(e), re = (e) => typeof e == "function", ie = (e) => {
 	if (!e || typeof e != "object") return !1;
 	let t = e;
 	return t.nodeType === 1 && typeof t.tagName == "string" && typeof t.appendChild == "function";
-}, B = new Set(Object.values(E)), V = (e) => {
+}, ae = new Set(Object.values(E)), H = (e) => {
 	console.warn(`[intl-tel-input] ${e}`);
-}, H = (e, t, n) => {
-	V(`Option '${e}' must be ${t}; got ${ne(n)}. Ignoring.`);
-}, U = (e, t) => {
+}, U = (e, t, n) => {
+	H(`Option '${e}' must be ${t}; got ${B(n)}. Ignoring.`);
+}, oe = (e, t) => {
 	let n = "an array of iso2 country code strings";
-	if (!Array.isArray(t)) return H(e, n, t), !1;
+	if (!Array.isArray(t)) return U(e, n, t), !1;
 	let r = [];
 	for (let i of t) {
-		if (typeof i != "string") return H(e, n, t), !1;
-		m(i.toLowerCase()) ? r.push(i) : V(`Invalid iso2 code in '${e}': '${i}'. Skipping.`);
+		if (typeof i != "string") return U(e, n, t), !1;
+		m(i.toLowerCase()) ? r.push(i) : H(`Invalid iso2 code in '${e}': '${i}'. Skipping.`);
 	}
 	return r;
-}, ae = (e) => {
+}, se = (e) => {
 	if (e === void 0) return {};
-	if (!z(e)) return V(`The second argument must be an options object; got ${ne(e)}. Using defaults.`), {};
+	if (!V(e)) return H(`The second argument must be an options object; got ${B(e)}. Using defaults.`), {};
 	let t = {};
 	for (let [n, r] of Object.entries(e)) {
-		if (!Object.hasOwn(R, n)) {
-			V(`Unknown option '${n}'. Ignoring.`);
+		if (!Object.hasOwn(z, n)) {
+			H(`Unknown option '${n}'. Ignoring.`);
 			continue;
 		}
 		switch (n) {
-			case "allowDropdown":
 			case "allowNumberExtensions":
 			case "allowPhonewords":
 			case "countrySearch":
 			case "dropdownAlwaysOpen":
-			case "fixDropdownWidth":
+			case "matchDropdownWidth":
 			case "formatAsYouType":
-			case "formatOnDisplay":
-			case "nationalMode":
 			case "showFlags":
 			case "separateDialCode":
 			case "strictMode":
 			case "strictRejectAnimation":
-			case "useFullscreenPopup":
 				if (typeof r != "boolean") {
-					H(n, "a boolean", r);
+					U(n, "a boolean", r);
+					break;
+				}
+				t[n] = r;
+				break;
+			case "countrySelectorMode":
+				if (typeof r != "string" || !D.includes(r)) {
+					U("countrySelectorMode", `one of ${D.map((e) => `"${e}"`).join(", ")}`, r);
+					break;
+				}
+				t[n] = r;
+				break;
+			case "numberDisplayFormat":
+				if (typeof r != "string" || r === M.RFC3966 || !(r === M.E164 || r === M.INTERNATIONAL || r === M.NATIONAL)) {
+					U("numberDisplayFormat", "one of \"E164\", \"INTERNATIONAL\", \"NATIONAL\"", r);
 					break;
 				}
 				t[n] = r;
 				break;
-			case "autoPlaceholder":
-				if (typeof r != "string" || !B.has(r)) {
-					H("autoPlaceholder", `one of ${Array.from(B).join(", ")}`, r);
+			case "placeholderNumberPolicy":
+				if (typeof r != "string" || !ae.has(r)) {
+					U("placeholderNumberPolicy", `one of ${Array.from(ae).join(", ")}`, r);
 					break;
 				}
 				t[n] = r;
@@ -1384,7 +1397,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			case "searchInputClass":
 			case "countryNameLocale":
 				if (typeof r != "string") {
-					H(n, "a string", r);
+					U(n, "a string", r);
 					break;
 				}
 				t[n] = r;
@@ -1392,23 +1405,23 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			case "countryOrder":
 				if (r === null) t[n] = r;
 				else {
-					let e = U(n, r);
+					let e = oe(n, r);
 					e !== !1 && (t[n] = e);
 				}
 				break;
 			case "customPlaceholder":
-			case "geoIpLookup":
-			case "hiddenInput":
+			case "hiddenInputs":
+			case "initialCountryLookup":
 			case "loadUtils":
 				if (r !== null && !re(r)) {
-					H(n, "a function or null", r);
+					U(n, "a function or null", r);
 					break;
 				}
 				t[n] = r;
 				break;
-			case "dropdownContainer":
+			case "dropdownParent":
 				if (r !== null && !ie(r)) {
-					H("dropdownContainer", "an HTMLElement or null", r);
+					U("dropdownParent", "an HTMLElement or null", r);
 					break;
 				}
 				t[n] = r;
@@ -1417,32 +1430,32 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			case "onlyCountries":
 				if (r === null) t[n] = r;
 				else {
-					let e = U(n, r);
+					let e = oe(n, r);
 					e !== !1 && (t[n] = e);
 				}
 				break;
-			case "i18n":
-				if (r && !z(r)) {
-					H("i18n", "an object", r);
+			case "uiTranslations":
+				if (r && !V(r)) {
+					U("uiTranslations", "an object", r);
 					break;
 				}
 				t[n] = r;
 				break;
 			case "countryNameOverrides":
-				if (r && !z(r)) {
-					H("countryNameOverrides", "an object", r);
+				if (r && !V(r)) {
+					U("countryNameOverrides", "an object", r);
 					break;
 				}
 				t[n] = r;
 				break;
 			case "initialCountry": {
 				if (typeof r != "string") {
-					H("initialCountry", "a string", r);
+					U("initialCountry", "a string", r);
 					break;
 				}
 				let e = r.toLowerCase();
-				if (e && e !== D.AUTO && !m(e)) {
-					H("initialCountry", "a valid iso2 country code or 'auto'", r);
+				if (e && !m(e)) {
+					U("initialCountry", "a valid iso2 country code", r);
 					break;
 				}
 				t[n] = r;
@@ -1450,7 +1463,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			}
 			case "placeholderNumberType":
 				if (typeof r != "string" || !k.includes(r)) {
-					H("placeholderNumberType", `one of ${k.join(", ")}`, r);
+					U("placeholderNumberType", `one of ${k.join(", ")}`, r);
 					break;
 				}
 				t[n] = r;
@@ -1458,12 +1471,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			case "allowedNumberTypes":
 				if (r !== null) {
 					if (!Array.isArray(r)) {
-						H("allowedNumberTypes", "an array of number types or null", r);
+						U("allowedNumberTypes", "an array of number types or null", r);
 						break;
 					}
 					let e = !0;
 					for (let t of r) if (typeof t != "string" || !k.includes(t)) {
-						H("allowedNumberTypes", `an array of valid number types (${k.join(", ")})`, t), e = !1;
+						U("allowedNumberTypes", `an array of valid number types (${k.join(", ")})`, t), e = !1;
 						break;
 					}
 					e && (t[n] = r);
@@ -1472,22 +1485,22 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 	}
 	return t;
-}, oe = (e) => {
+}, ce = (e) => {
 	e.initialCountry &&= e.initialCountry.toLowerCase(), e.onlyCountries?.length && (e.onlyCountries = e.onlyCountries.map((e) => e.toLowerCase())), e.excludeCountries?.length && (e.excludeCountries = e.excludeCountries.map((e) => e.toLowerCase())), e.countryOrder &&= e.countryOrder.map((e) => e.toLowerCase());
-}, se = (e) => {
-	e.dropdownAlwaysOpen && (e.useFullscreenPopup = !1, e.allowDropdown = !0), e.useFullscreenPopup ? e.fixDropdownWidth = !1 : te() && (e.fixDropdownWidth = !0), e.onlyCountries?.length === 1 && (e.initialCountry = e.onlyCountries[0]), e.separateDialCode && (e.nationalMode = !1), e.allowDropdown && !e.showFlags && !e.separateDialCode && (e.nationalMode = !1), e.useFullscreenPopup && !e.dropdownContainer && (e.dropdownContainer = document.body), e.i18n = {
+}, le = (e) => {
+	e.countrySelectorMode === F.AUTO && (e.countrySelectorMode = ne()), e.dropdownAlwaysOpen && (e.countrySelectorMode = F.DROPDOWN), e.countrySelectorMode === F.FULLSCREEN ? e.matchDropdownWidth = !1 : te() && (e.matchDropdownWidth = !0), e.onlyCountries?.length === 1 && (e.initialCountry = e.onlyCountries[0]), e.separateDialCode && e.numberDisplayFormat === M.NATIONAL && (e.numberDisplayFormat = M.INTERNATIONAL), e.countrySelectorMode !== F.OFF && !e.showFlags && !e.separateDialCode && e.numberDisplayFormat === M.NATIONAL && (e.numberDisplayFormat = M.INTERNATIONAL), e.uiTranslations = {
 		...ee,
-		...e.i18n
+		...e.uiTranslations
 	};
 }, W = (e) => e.replace(/\D/g, ""), G = (e = "") => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), K = (e) => Object.keys(e).filter((t) => !!e[t]).join(" "), q = (e, t, n) => {
 	let r = document.createElement(e);
 	return t && Object.entries(t).forEach(([e, t]) => r.setAttribute(e, t)), n && n.appendChild(r), r;
-}, ce = "http://www.w3.org/2000/svg", J = ([e, t, n]) => {
-	let r = document.createElementNS(ce, e);
+}, ue = "http://www.w3.org/2000/svg", J = ([e, t, n]) => {
+	let r = document.createElementNS(ue, e);
 	if (t) for (let e in t) r.setAttribute(e, String(t[e]));
 	if (n) for (let e of n) r.appendChild(J(e));
 	return r;
-}, le = () => J([
+}, de = () => J([
 	"svg",
 	{
 		class: "iti__search-icon-svg",
@@ -1495,7 +1508,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		height: 14,
 		viewBox: "0 0 24 24",
 		focusable: "false",
-		[I.HIDDEN]: "true"
+		[L.HIDDEN]: "true"
 	},
 	[["circle", {
 		cx: 11,
@@ -1507,7 +1520,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		x2: 16.65,
 		y2: 16.65
 	}]]
-]), ue = (e) => {
+]), fe = (e) => {
 	let t = `iti-${e}-clear-mask`;
 	return J([
 		"svg",
@@ -1516,7 +1529,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			width: 12,
 			height: 12,
 			viewBox: "0 0 16 16",
-			[I.HIDDEN]: "true",
+			[L.HIDDEN]: "true",
 			focusable: "false"
 		},
 		[[
@@ -1543,7 +1556,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			mask: `url(#${t})`
 		}]]
 	]);
-}, de = () => J([
+}, pe = () => J([
 	"svg",
 	{
 		class: "iti__country-check-svg",
@@ -1552,10 +1565,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		viewBox: "0 0 16 16",
 		fill: "currentColor",
 		focusable: "false",
-		[I.HIDDEN]: "true"
+		[L.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" }]]
-]), fe = () => J([
+]), me = () => J([
 	"svg",
 	{
 		width: 256,
@@ -1564,7 +1577,7 @@ 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) => G(e).replace(/[^\p{L}]+/gu, " ").trim(), pe = (e) => {
+]), Y = (e) => G(e).replace(/[^\p{L}]+/gu, " ").trim(), he = (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("");
@@ -1576,7 +1589,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 	}
 	return t;
-}, me = (e, t, n) => {
+}, ge = (e, t, n) => {
 	let r = G(n), i = Y(n), a = r !== "" && i === "", o = [], s = [], c = [], l = [], u = [], d = [], f = [];
 	for (let n of e) {
 		let e = t.get(n.iso2);
@@ -1605,14 +1618,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		...d,
 		...f
 	];
-}, he = (e, t, n) => {
+}, _e = (e, t, n) => {
 	let r = Y(n);
 	for (let n of e) {
 		let { normalisedName: e } = t.get(n.iso2);
 		if (e.startsWith(r)) return n;
 	}
 	return null;
-}, ge = class e {
+}, ve = 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))) : "";
@@ -1634,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";
 	}
-}, _e = class e {
+}, ye = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x"), be = class e {
 	#e;
 	#t;
 	#n;
@@ -1666,7 +1679,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	telInputEl;
 	hadInitialPlaceholder;
 	constructor(e, t, n) {
-		e.dataset[F.INSTANCE_ID] = n.toString(), this.telInputEl = e, this.#e = t, this.#t = n, this.hadInitialPlaceholder = !!e.getAttribute("placeholder"), this.#n = !!this.telInputEl.closest("[dir=rtl]"), this.#r = this.telInputEl.style.paddingLeft;
+		e.dataset[I.INSTANCE_ID] = n.toString(), this.telInputEl = e, this.#e = t, this.#t = n, this.hadInitialPlaceholder = !!e.getAttribute("placeholder"), this.#n = !!this.telInputEl.closest("[dir=rtl]"), this.#r = this.telInputEl.style.paddingLeft;
 	}
 	static validateInput(e) {
 		let t = e?.tagName;
@@ -1678,93 +1691,97 @@ 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.#M(), this.#I(), this.#N(n), this.ensureDropdownWidthSet();
+		this.#k(n), n.appendChild(this.telInputEl), this.#N(), this.#L(), this.#P(n), this.ensureDropdownWidthSet();
 	}
 	#O() {
-		let { allowDropdown: e, showFlags: t, containerClass: n, useFullscreenPopup: r } = this.#e, i = q("div", { class: K({
+		let { countrySelectorMode: e, showFlags: t, containerClass: n } = this.#e, r = q("div", { class: K({
 			iti: !0,
 			"iti--input-container": !0,
-			"iti--allow-dropdown": e,
+			"iti--has-country-selector": e !== F.OFF,
 			"iti--show-flags": t,
-			"iti--inline-dropdown": !r,
+			"iti--inline-country-selector": e !== F.FULLSCREEN,
 			[n]: !!n
 		}) });
-		return this.#n && i.setAttribute("dir", "ltr"), this.telInputEl.before(i), i;
+		return this.#n && r.setAttribute("dir", "ltr"), this.telInputEl.before(r), r;
 	}
 	#k(e) {
-		let { allowDropdown: t, separateDialCode: n, showFlags: r } = this.#e;
-		if (!t && !r && !n) return;
-		this.#c = q("div", { class: `iti__country-container ${_.V_HIDE}` }, e), t ? (this.#l = q("button", {
+		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", {
 			type: "button",
 			class: "iti__selected-country",
-			[I.EXPANDED]: "false",
-			[I.LABEL]: this.#e.i18n.noCountrySelected,
-			[I.HASPOPUP]: "dialog",
-			[I.CONTROLS]: `iti-${this.#t}__dropdown-content`
+			[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 i = q("div", { class: "iti__selected-country-primary" }, this.#l);
-		this.#u = q("div", { class: _.FLAG }, i), t && (this.#f = q("div", {
+		let a = q("div", { class: "iti__selected-country-primary" }, this.#l);
+		this.#u = q("div", { class: _.FLAG }, a), i && (this.#f = q("div", {
 			class: "iti__arrow",
-			[I.HIDDEN]: "true"
-		}, i)), n && (this.#d = q("div", { class: "iti__selected-dial-code" }, this.#l)), t && this.#A();
+			[L.HIDDEN]: "true"
+		}, a)), n && (this.#d = q("div", { class: "iti__selected-dial-code" }, this.#l)), i && this.#A();
 	}
 	ensureDropdownWidthSet() {
-		let { fixDropdownWidth: e, allowDropdown: t } = this.#e;
-		if (!t || !e || this.#p.style.width) return;
+		let { matchDropdownWidth: e, countrySelectorMode: t } = this.#e;
+		if (t === F.OFF || !e || this.#p.style.width) return;
 		let n = this.telInputEl.offsetWidth;
 		n > 0 && (this.#p.style.width = `${n}px`);
 	}
 	#A() {
-		let { fixDropdownWidth: e, useFullscreenPopup: t, countrySearch: n, i18n: r, dropdownContainer: i, containerClass: a } = this.#e, o = e ? "" : "iti--flexible-dropdown-width";
+		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";
 		this.#p = q("div", {
-			id: `iti-${this.#t}__dropdown-content`,
-			class: `iti__dropdown-content ${_.HIDE} ${o}`,
+			id: `iti-${this.#t}__country-selector`,
+			class: `iti__country-selector ${_.HIDE} ${s}`,
 			role: "dialog",
-			[I.MODAL]: "true"
-		}), this.#n && this.#p.setAttribute("dir", "rtl"), n && this.#j(), this.#_ = q("ul", {
+			[L.MODAL]: "true"
+		}), this.#n && this.#p.setAttribute("dir", "rtl"), n && this.#M(), this.#_ = q("ul", {
 			class: "iti__country-list",
 			id: `iti-${this.#t}__country-listbox`,
 			role: "listbox",
-			[I.LABEL]: r.countryListAriaLabel
-		}, this.#p), this.#P(), n && this.#B(), t || (this.#s = this.#z(), n && (this.#p.style.height = `${this.#s}px`)), i ? (this.#S = q("div", { class: K({
+			[L.LABEL]: r.countryListAriaLabel
+		}, this.#p), this.#F(), n && this.#V(), a || (this.#s = this.#B(), n && (this.#p.style.height = `${this.#s}px`)), o ? (this.#S = q("div", { class: K({
 			iti: !0,
-			"iti--container": !0,
-			"iti--fullscreen-popup": t,
-			"iti--inline-dropdown": !t,
-			[a]: !!a
-		}) }), this.#S.appendChild(this.#p)) : this.#c.appendChild(this.#p);
+			"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);
 	}
 	#j() {
-		let { i18n: e, searchInputClass: t } = this.#e, n = q("div", { class: "iti__search-input-wrapper" }, this.#p);
+		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", {
 			class: "iti__search-icon",
-			[I.HIDDEN]: "true"
-		}, n), this.#m.appendChild(le()), this.#h = q("input", {
+			[L.HIDDEN]: "true"
+		}, n), this.#m.appendChild(de()), this.#h = q("input", {
 			id: `iti-${this.#t}__search-input`,
 			type: "search",
 			class: `iti__search-input ${t}`,
 			placeholder: e.searchPlaceholder,
 			role: "combobox",
-			[I.EXPANDED]: "true",
-			[I.LABEL]: e.searchPlaceholder,
-			[I.CONTROLS]: `iti-${this.#t}__country-listbox`,
-			[I.AUTOCOMPLETE]: "list",
+			[L.EXPANDED]: "true",
+			[L.LABEL]: e.searchPlaceholder,
+			[L.CONTROLS]: `iti-${this.#t}__country-listbox`,
+			[L.AUTOCOMPLETE]: "list",
 			autocomplete: "off"
 		}, n), this.#g = q("button", {
 			type: "button",
 			class: `iti__search-clear ${_.HIDE}`,
-			[I.LABEL]: e.clearSearchAriaLabel,
+			[L.LABEL]: e.clearSearchAriaLabel,
 			tabindex: "-1"
-		}, n), this.#g.appendChild(ue(this.#t)), this.#x = q("span", { class: "iti__a11y-text" }, this.#p), this.#b = q("div", {
+		}, n), this.#g.appendChild(fe(this.#t)), this.#x = q("span", { class: "iti__a11y-text" }, this.#p), this.#b = q("div", {
 			class: `iti__no-results ${_.HIDE}`,
-			[I.HIDDEN]: "true"
+			[L.HIDDEN]: "true"
 		}, this.#p), this.#b.textContent = e.searchEmptyState ?? null;
 	}
-	#M() {
-		this.#c && (this.#F(), this.#c.classList.remove(_.V_HIDE));
+	#N() {
+		this.#c && (this.#I(), this.#c.classList.remove(_.V_HIDE));
 	}
-	#N(e) {
-		let { hiddenInput: t } = this.#e;
+	#P(e) {
+		let { hiddenInputs: t } = this.#e;
 		if (!t) return;
 		let n = t(this.telInputEl.getAttribute("name") || "");
 		if (n.phone) {
@@ -1782,7 +1799,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			}), e.appendChild(this.#y));
 		}
 	}
-	#P() {
+	#F() {
 		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", {
@@ -1790,9 +1807,9 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				class: r,
 				tabindex: "-1",
 				role: "option",
-				[I.SELECTED]: "false"
+				[L.SELECTED]: "false"
 			});
-			i.dataset[F.DIAL_CODE] = n.dialCode, i.dataset[F.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.#T.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);
@@ -1800,18 +1817,18 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		this.#_.appendChild(e);
 	}
-	#F() {
+	#I() {
 		if (this.#l) {
-			let e = this.#e.separateDialCode ? S.FALLBACK_SELECTED_WITH_DIAL_WIDTH : S.FALLBACK_SELECTED_NO_DIAL_WIDTH, t = (this.#l.offsetWidth || this.#R() || e) + S.INPUT_PADDING_EXTRA_LEFT;
+			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;
 			this.telInputEl.style.paddingLeft = `${t}px`;
 		}
 	}
-	#I() {
+	#L() {
 		!this.#l || typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => {
-			this.#l?.offsetWidth && this.#F();
+			this.#l?.offsetWidth && this.#I();
 		}), this.#D.observe(this.#l));
 	}
-	static #L() {
+	static #R() {
 		let e;
 		try {
 			e = window.top.document.body;
@@ -1820,9 +1837,9 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return e;
 	}
-	#R() {
+	#z() {
 		if (!this.telInputEl.parentNode) return 0;
-		let t = e.#L(), n = this.telInputEl.parentNode.cloneNode(!1);
+		let t = e.#R(), n = this.telInputEl.parentNode.cloneNode(!1);
 		n.style.visibility = "hidden", t.appendChild(n);
 		let r = this.#c.cloneNode();
 		n.appendChild(r);
@@ -1831,53 +1848,53 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let a = i.offsetWidth;
 		return t.removeChild(n), a;
 	}
-	#z() {
-		let t = e.#L();
+	#B() {
+		let t = e.#R();
 		this.#p.classList.remove(_.HIDE);
-		let n = q("div", { class: "iti iti--inline-dropdown" });
+		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;
 		return t.removeChild(n), n.style.visibility = "", this.#p.classList.add(_.HIDE), r > 0 ? r : S.FALLBACK_DROPDOWN_HEIGHT;
 	}
-	#B() {
-		let { i18n: e } = this.#e, t = this.#_.childElementCount;
+	#V() {
+		let { uiTranslations: e } = this.#e, t = this.#_.childElementCount;
 		this.#x.textContent = e.searchSummaryAria(t);
 	}
-	#V(e) {
+	#H(e) {
 		let t;
 		if (e === "") t = this.#i;
 		else {
-			let n = ge.toAscii(e);
-			t = me(this.#i, this.#a, n);
+			let n = ve.toAscii(e);
+			t = ge(this.#i, this.#a, n);
 		}
-		this.#ne(t);
+		this.#re(t);
 	}
 	prefillSearchWithPlus() {
-		this.#h.value = "+", this.#h.focus(), this.#V("");
+		this.#h.value = "+", this.#h.focus(), this.#H("");
 	}
-	#H() {
+	#U() {
 		let e = this.#h.value.trim();
-		this.#V(e), this.#h.value ? this.#g.classList.remove(_.HIDE) : this.#g.classList.add(_.HIDE);
+		this.#H(e), this.#h.value ? this.#g.classList.remove(_.HIDE) : this.#g.classList.add(_.HIDE);
 	}
-	#U() {
+	#W() {
 		this.#o && clearTimeout(this.#o), this.#o = setTimeout(() => {
-			this.#H(), this.#o = null;
+			this.#U(), this.#o = null;
 		}, x.SEARCH_DEBOUNCE_MS);
 	}
-	#W() {
-		this.#h.value = "", this.#h.focus(), this.#H();
+	#G() {
+		this.#h.value = "", this.#h.focus(), this.#U();
 	}
-	#G(e) {
+	#K(e) {
 		let t = this.#_, 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);
 	}
-	#K(e, t = !0) {
+	#q(e, t = !0) {
 		if (this.#w?.classList.remove(_.HIGHLIGHT), e) {
 			if (e.classList.add(_.HIGHLIGHT), this.#e.countrySearch) {
 				let t = e.getAttribute("id") || "";
-				this.#h.setAttribute(I.ACTIVE_DESCENDANT, t);
+				this.#h.setAttribute(L.ACTIVE_DESCENDANT, t);
 			}
-			t && this.#G(e), this.#w = e;
+			t && this.#K(e), this.#w = e;
 		} else this.#w = null;
 	}
 	bindHiddenInputSubmitListener(e, t, n) {
@@ -1886,12 +1903,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			this.#v && (this.#v.value = t()), this.#y && (this.#y.value = n());
 		}, { signal: e });
 	}
-	bindAllInitialDropdownListeners(e, t, n) {
+	bindAllInitialCountrySelectorListeners(e, t, n) {
 		let r = this.telInputEl.closest("label");
 		r && r.addEventListener("click", (e) => {
-			this.isDropdownOpen() ? e.preventDefault() : this.telInputEl.focus();
+			this.isCountrySelectorOpen() ? e.preventDefault() : this.telInputEl.focus();
 		}, { signal: e }), this.#l.addEventListener("click", () => {
-			!this.isDropdownOpen() && !this.telInputEl.disabled && !this.telInputEl.readOnly && t();
+			!this.isCountrySelectorOpen() && !this.telInputEl.disabled && !this.telInputEl.readOnly && t();
 		}, { signal: e }), this.#c.addEventListener("keydown", (e) => {
 			let r = [
 				v.ARROW_UP,
@@ -1899,119 +1916,127 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				v.SPACE,
 				v.ENTER
 			];
-			!this.isDropdownOpen() && r.includes(e.key) && (e.preventDefault(), e.stopPropagation(), t()), e.key === v.TAB && n();
+			!this.isCountrySelectorOpen() && r.includes(e.key) && (e.preventDefault(), e.stopPropagation(), t()), e.key === v.TAB && n();
 		}, { signal: e });
 	}
-	openDropdown(e, t) {
-		let { countrySearch: n, dropdownAlwaysOpen: r, dropdownContainer: i } = this.#e;
-		if (this.#E = new AbortController(), this.ensureDropdownWidthSet(), i) this.#ie();
+	openCountrySelector(e, t) {
+		let { countrySearch: n, dropdownAlwaysOpen: r } = this.#e;
+		if (this.#E = new AbortController(), this.ensureDropdownWidthSet(), this.#S) this.#ae();
 		else {
-			let e = this.#re(), t = this.telInputEl.offsetHeight + S.DROPDOWN_MARGIN;
+			let e = this.#ie(), t = this.telInputEl.offsetHeight + S.DROPDOWN_MARGIN;
 			e ? this.#p.style.top = `${t}px` : this.#p.style.bottom = `${t}px`;
 		}
-		this.#p.classList.remove(_.HIDE), this.#l.setAttribute(I.EXPANDED, "true");
-		let a = this.#C ?? this.#_.firstElementChild;
-		a && this.#K(a), n && !r && this.#h.focus(), this.#e.useFullscreenPopup && this.#S && window.visualViewport && window.visualViewport.addEventListener("resize", () => {
-			this.#ae(), this.#w && this.#G(this.#w);
-		}, { signal: this.#E.signal }), this.#f.classList.add(_.ARROW_UP), this.#q(e, t);
+		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);
 	}
-	#q(e, t) {
+	#J(e, t) {
 		let n = this.#E.signal;
-		this.#J(n), this.#Y(n, e), this.#e.dropdownAlwaysOpen || this.#X(n, t), this.#Z(n, e, t), this.#e.countrySearch && this.#Q(n), !this.#e.useFullscreenPopup && this.#e.dropdownContainer && window.addEventListener("scroll", t, { signal: n });
+		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, {
+			signal: n,
+			capture: !0,
+			passive: !0
+		});
 	}
-	#J(e) {
+	#Y(e) {
 		this.#_.addEventListener("mouseover", (e) => {
 			let t = e.target?.closest(`.${_.COUNTRY_ITEM}`);
-			t && this.#K(t, !1);
+			t && this.#q(t, !1);
 		}, { signal: e });
 	}
-	#Y(e, t) {
+	#X(e, t) {
 		this.#_.addEventListener("click", (e) => {
 			let n = e.target?.closest(`.${_.COUNTRY_ITEM}`);
 			n && t(n);
 		}, { signal: e });
 	}
-	#X(e, t) {
+	#Z(e, t) {
 		setTimeout(() => {
 			document.documentElement.addEventListener("click", (e) => {
 				this.#p.contains(e.target) || t();
 			}, { signal: e });
 		}, 0);
 	}
-	#Z(e, t, n) {
+	#Q(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.#ee(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.#$(r), i = setTimeout(() => {
+			].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(() => {
 				r = "";
 			}, x.HIDDEN_SEARCH_RESET_MS));
 		};
 		this.#l?.addEventListener("keydown", a, { signal: e }), this.#p?.addEventListener("keydown", a, { signal: e });
 	}
-	#Q(e) {
-		this.#h.addEventListener("input", () => this.#U(), { signal: e }), this.#g.addEventListener("click", () => this.#W(), { signal: e });
-	}
 	#$(e) {
-		let t = he(this.#i, this.#a, e);
+		this.#h.addEventListener("input", () => this.#W(), { signal: e }), this.#g.addEventListener("click", () => this.#G(), { signal: e });
+	}
+	#ee(e) {
+		let t = _e(this.#i, this.#a, e);
 		if (t) {
 			let e = this.#T.get(t.iso2);
-			this.#K(e);
+			this.#q(e);
 		}
 	}
-	#ee(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.#K(t);
+		!t && this.#_.childElementCount > 1 && (t = e === v.ARROW_UP ? this.#_.lastElementChild : this.#_.firstElementChild), t && this.#q(t);
 	}
-	#te(e) {
-		if (this.#C && this.#C.dataset[F.ISO2] !== e && (this.#C.setAttribute(I.SELECTED, "false"), this.#C.querySelector(".iti__country-check")?.remove(), this.#C = null), e && !this.#C) {
+	#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}"]`);
-			t && (t.setAttribute(I.SELECTED, "true"), q("span", {
+			t && (t.setAttribute(L.SELECTED, "true"), q("span", {
 				class: "iti__country-check",
-				[I.HIDDEN]: "true"
-			}, t).appendChild(de()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#K(t));
+				[L.HIDDEN]: "true"
+			}, t).appendChild(pe()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#q(t));
 		}
 	}
-	#ne(e) {
+	#re(e) {
 		this.#_.replaceChildren();
 		let t = !0;
 		for (let n of e) {
 			let e = this.#T.get(n.iso2);
-			e && (this.#_.appendChild(e), t &&= (this.#K(e, !1), !1));
+			e && (this.#_.appendChild(e), t &&= (this.#q(e, !1), !1));
 		}
-		t ? (this.#K(null), this.#b && this.#b.classList.remove(_.HIDE)) : this.#b && this.#b.classList.add(_.HIDE), this.#_.scrollTop = 0, this.#B();
+		t ? (this.#q(null), this.#b && this.#b.classList.remove(_.HIDE)) : this.#b && this.#b.classList.add(_.HIDE), this.#_.scrollTop = 0, this.#V();
 	}
-	closeDropdown() {
-		let { countrySearch: e, dropdownContainer: t } = this.#e;
-		this.#E.abort(), this.#E = null, this.#p.classList.add(_.HIDE), this.#l.setAttribute(I.EXPANDED, "false"), e && (this.#h.removeAttribute(I.ACTIVE_DESCENDANT), this.#h.value = "", this.#H(), this.#w &&= (this.#w.classList.remove(_.HIGHLIGHT), null)), this.#f.classList.remove(_.ARROW_UP), t ? (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 = "");
+	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 = "");
 	}
-	#re() {
+	#ie() {
 		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;
 	}
-	#ie() {
-		let { dropdownContainer: e, useFullscreenPopup: t } = this.#e;
-		if (t) {
+	#ae() {
+		let e = this.#e.countrySelectorMode === F.FULLSCREEN, t = this.#j();
+		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`;
 			}
-		} else {
+		} else if (!ye) {
 			let e = this.telInputEl.getBoundingClientRect();
-			this.#S.style.left = `${e.left}px`, this.#re() ? 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.#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`);
 		}
-		e.appendChild(this.#S);
+		t.appendChild(this.#S);
 	}
-	#ae() {
+	#oe() {
+		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;
+	}
+	#se() {
 		let e = window.visualViewport;
 		if (!e || !this.#S) return;
 		let t = window.innerHeight - e.height;
 		this.#S.style.bottom = `${t}px`;
 	}
-	isDropdownOpen() {
+	isCountrySelectorOpen() {
 		return !this.#p.classList.contains(_.HIDE);
 	}
 	setLoading(e) {
@@ -2031,26 +2056,26 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	setReadonly(e) {
 		this.telInputEl.readOnly = e, this.#l && (e ? this.#l.setAttribute("disabled", "true") : this.#l.removeAttribute("disabled"));
 	}
-	setCountry(e) {
-		let { allowDropdown: t, showFlags: n, separateDialCode: r, i18n: i } = this.#e, a = e?.name, o = e?.dialCode, s = e?.iso2 ?? "";
-		if (t && this.#te(s), this.#l) {
+	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) {
 			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 = fe())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = fe()), this.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(I.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.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(L.LABEL, t), c ? this.#u.replaceChildren(c) : this.#u.replaceChildren();
 		}
 		if (r) {
 			let e = o ? `+${o}` : "";
-			this.#d.textContent = e, this.#F();
+			this.#d.textContent = e, this.#I();
 		}
 	}
 	destroy() {
-		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[F.INSTANCE_ID], this.#D?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
+		this.telInputEl.iti = void 0, delete this.telInputEl.dataset[I.INSTANCE_ID], this.#D?.disconnect(), this.telInputEl.style.paddingLeft = this.#r;
 		let e = this.telInputEl.parentNode;
 		e && (e.before(this.telInputEl), e.remove()), this.#T.clear();
 	}
-}, ve = (e) => {
+}, xe = (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];
-}, ye = (e, t) => {
+}, Se = (e, t) => {
 	let { countryNameLocale: n, countryNameOverrides: r } = t, i;
 	try {
 		i = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(n, { type: "region" }) : null;
@@ -2058,7 +2083,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		console.error(e), i = null;
 	}
 	for (let t of e) t.name = r[t.iso2] || i?.of(t.iso2.toUpperCase()) || "";
-}, be = (e) => {
+}, Ce = (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] = []);
@@ -2087,7 +2112,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		dialCodeMaxLength: n,
 		dialCodeToIso2Map: r
 	};
-}, xe = (e, t) => {
+}, we = (e, t) => {
 	let { countryOrder: n } = t;
 	e.sort((e, t) => {
 		if (n) {
@@ -2096,7 +2121,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return e.name.localeCompare(t.name);
 	});
-}, Se = /* @__PURE__ */ new Set([
+}, Te = /* @__PURE__ */ new Set([
 	"800",
 	"808",
 	"870",
@@ -2105,17 +2130,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"883",
 	"888",
 	"979"
-]), Ce = (e) => {
+]), Ee = (e) => {
 	let t = W(e).slice(0, 3);
-	return e.startsWith("+") && Se.has(t);
-}, we = (e, t, n, r) => {
+	return e.startsWith("+") && Te.has(t);
+}, De = (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);
-}, Te = (e, t, n, r, i) => {
+}, Oe = (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;
-}, Ee = (e, t, n, r) => {
+}, ke = (e, t, n, r) => {
 	if (n === 0 && !r) return 0;
 	let i = 0;
 	for (let n = 0; n < t.length; n++) {
@@ -2123,7 +2148,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;
-}, De = /* @__PURE__ */ new Set([
+}, Ae = /* @__PURE__ */ new Set([
 	"800",
 	"822",
 	"833",
@@ -2141,16 +2166,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"887",
 	"888",
 	"889"
-]), Oe = (e) => {
+]), je = (e) => {
 	let t = W(e);
 	if (t.startsWith(C.NANP) && t.length >= 4) {
 		let e = t.substring(1, 4);
-		return De.has(e);
+		return Ae.has(e);
 	}
 	return !1;
-}, ke = 0, X = (e) => {
+}, Me = 0, X = (e) => {
 	if (!Q.utils) throw Error(`intlTelInput.utils is required for ${e}(). See: https://intl-tel-input.com/docs/utils`);
-}, Ae = () => {
+}, Ne = () => {
 	let e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -2182,13 +2207,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#_;
 	#v;
 	constructor(e, t = {}) {
-		this.id = ke++, _e.validateInput(e);
-		let n = ae(t);
+		this.id = Me++, be.validateInput(e);
+		let n = se(t);
 		this.#t = {
-			...R,
+			...z,
 			...n
-		}, oe(this.#t), se(this.#t), this.#e = new _e(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new ge(e.value), this.promise = this.#x(this.#t), this.#r = ve(this.#t);
-		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = be(this.#r);
+		}, ce(this.#t), le(this.#t), this.#e = new be(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new ve(e.value), this.promise = this.#x(this.#t), this.#r = xe(this.#t);
+		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = Ce(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() {
@@ -2199,21 +2224,21 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#e.telInputEl.value = this.#m.denormalise(e);
 	}
 	#x(e) {
-		let { initialCountry: t, geoIpLookup: n, loadUtils: r } = e, i = t === D.AUTO && !!n, a = !!r && !Q.utils;
-		return i && (this.#_ = Ae()), a && (this.#v = Ae()), Promise.all([this.#_?.promise, this.#v?.promise]).then(() => {});
+		let { initialCountry: t, initialCountryLookup: n, loadUtils: r } = e, i = !t && !!n, a = !!r && !Q.utils;
+		return i && (this.#_ = Ne()), a && (this.#v = Ne()), 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.#G();
+		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() {
-		ye(this.#r, this.#t), xe(this.#r, this.#t), this.#c = pe(this.#r);
+		Se(this.#r, this.#t), we(this.#r, this.#t), this.#c = he(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 = Oe(i), { initialCountry: s, geoIpLookup: c } = this.#t, l = s === D.AUTO && 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(T.ISO2) : (f && this.#Z(u), this.#q(i)) : f ? this.#Z(u) : d || this.#Z(""), i && this.#K(i);
+		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.#ne(i), o = je(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.#X(u) : d || this.#X(T.ISO2) : (f && this.#X(u), this.#K(i)) : f ? this.#X(u) : d || this.#X(""), i && this.#G(i);
 	}
 	#T() {
-		this.#A(), this.#t.allowDropdown && this.#e.bindAllInitialDropdownListeners(this.#p.signal, () => this.#G(), () => this.#te()), this.#e.bindHiddenInputSubmitListener(this.#p.signal, () => this.getNumber(), () => this.#l?.iso2 || "");
+		this.#A(), this.#t.countrySelectorMode !== F.OFF && this.#e.bindAllInitialCountrySelectorListeners(this.#p.signal, () => this.openCountrySelector(), () => this.#ee()), this.#e.bindHiddenInputSubmitListener(this.#p.signal, () => this.getNumber(), () => this.#l?.iso2 || "");
 	}
 	#E() {
 		if (this.#v) {
@@ -2226,14 +2251,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	async #D() {
 		if (Q.autoCountry) {
-			this.#ce();
+			this.#se();
 			return;
 		}
-		if (this.#e.setLoading(!0), !Q.startedLoadingAutoCountry && (Q.startedLoadingAutoCountry = !0, typeof this.#t.geoIpLookup == "function")) {
+		if (this.#e.setLoading(!0), !Q.startedLoadingAutoCountry && (Q.startedLoadingAutoCountry = !0, typeof this.#t.initialCountryLookup == "function")) {
 			let t;
 			try {
-				let n = await Promise.race([this.#t.geoIpLookup(), new Promise((e, n) => {
-					t = setTimeout(() => n(/* @__PURE__ */ Error("intl-tel-input: geoIpLookup timed out after 10s")), 1e4);
+				let n = await Promise.race([this.#t.initialCountryLookup(), new Promise((e, n) => {
+					t = setTimeout(() => n(/* @__PURE__ */ Error("intl-tel-input: initialCountryLookup timed out after 10s")), 1e4);
 				})]), r = typeof n == "string" ? n.toLowerCase() : "";
 				if (!m(r)) {
 					Q.startedLoadingAutoCountry = !1, e.forEachInstance("handleAutoCountryFailure");
@@ -2248,7 +2273,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 	}
 	#O() {
-		this.#G(), this.#e.prefillSearchWithPlus();
+		this.openCountrySelector(), this.#e.prefillSearchWithPlus();
 	}
 	#k(e) {
 		let t = this.#e.telInputEl.selectionStart || 0, n = e.substring(0, t - 1), r = e.substring(t);
@@ -2269,12 +2294,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(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = Te(this.#ae(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Ee(r, i, n, t);
+		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = Oe(this.#ie(), e, Q.utils, this.#l, this.#t.separateDialCode), a = ke(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 = we(e, !0, !0, this.#l);
+		if (e.startsWith("+") && this.#l && this.#ne(e)) {
+			let t = De(e, !0, !0, this.#l);
 			this.#b(t);
 		}
 	}
@@ -2282,10 +2307,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#h = b.ALPHA_UNICODE.test(this.#y()), this.#e.telInputEl.addEventListener("input", this.#I, { signal: this.#p.signal });
 	}
 	#I = (e) => {
-		let { strictMode: t, formatAsYouType: n, separateDialCode: r, allowDropdown: i, countrySearch: a } = this.#t, o = e?.detail;
+		let { strictMode: t, formatAsYouType: n, separateDialCode: r, countrySelectorMode: i, countrySearch: a } = this.#t, o = e?.detail;
 		if (o?.isCountryChange) return;
 		let s = this.#y(), c = e?.inputType === y.PASTE, l = t && c;
-		if (this.#n && !c && e?.data === "+" && r && i && a) {
+		if (this.#n && !c && e?.data === "+" && r && i !== F.OFF && a) {
 			this.#j(s);
 			return;
 		}
@@ -2297,23 +2322,23 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			if (this.#V()) return;
 			s = this.#y();
 		}
-		this.#q(s) && this.#se(), !l && e?.data && b.NON_PLUS_NUMERIC.test(e.data) || c && s && !t ? this.#h = !0 : b.NON_PLUS_NUMERIC.test(s) || (this.#h = !1), n && !this.#h && !o?.isSetNumber && this.#m.isAscii() && this.#N(s, e?.inputType === y.DELETE_FORWARD), r && this.#P(s);
+		this.#K(s) && this.#oe(), !l && e?.data && b.NON_PLUS_NUMERIC.test(e.data) || c && s && !t ? this.#h = !0 : b.NON_PLUS_NUMERIC.test(s) || (this.#h = !1), n && !this.#h && !o?.isSetNumber && this.#m.isAscii() && this.#N(s, e?.inputType === y.DELETE_FORWARD), r && this.#P(s);
 	};
 	#L() {
 		let { strictMode: e, separateDialCode: t } = this.#t;
 		!e && !t || this.#e.telInputEl.addEventListener("keydown", this.#R, { signal: this.#p.signal });
 	}
 	#R = (e) => {
-		let { strictMode: t, separateDialCode: n, allowDropdown: r, countrySearch: i } = this.#t;
+		let { strictMode: t, separateDialCode: n, countrySelectorMode: r, countrySearch: i } = this.#t;
 		if (!e.key || e.key.length !== 1 || e.altKey || e.ctrlKey || e.metaKey) return;
-		if (n && r && i && e.key === "+") {
+		if (n && r !== F.OFF && i && e.key === "+") {
 			e.preventDefault(), this.#O();
 			return;
 		}
 		if (!t) return;
-		let a = this.#y(), o = !a.startsWith("+") && this.#e.telInputEl.selectionStart === 0 && e.key === "+", s = this.#m.normalise(e.key), c = /^[0-9]$/.test(s), l = n ? c : o || c, u = this.#e.telInputEl, d = u.selectionStart, f = u.selectionEnd, p = a.slice(0, d ?? void 0), m = a.slice(f ?? void 0), h = p + s + m, _ = this.#ie(h), v = !1;
+		let a = this.#y(), o = !a.startsWith("+") && this.#e.telInputEl.selectionStart === 0 && e.key === "+", s = this.#m.normalise(e.key), c = /^[0-9]$/.test(s), l = n ? c : o || c, u = this.#e.telInputEl, d = u.selectionStart, f = u.selectionEnd, p = a.slice(0, d ?? void 0), m = a.slice(f ?? void 0), h = p + s + m, _ = this.#re(h), v = !1;
 		Q.utils && this.#u && (v = Q.utils.getCoreNumber(_, this.#l?.iso2).length > this.#u);
-		let y = this.#Y(_) !== null;
+		let y = this.#J(_) !== null;
 		(!l || v && !y && !o) && (this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
 			source: "key",
 			rejectedInput: e.key,
@@ -2381,42 +2406,42 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 		this.#e.telInputEl.dispatchEvent(n);
 	}
-	#G() {
-		this.#e.isDropdownOpen() || (this.#e.openDropdown((e) => this.#ee(e), () => this.#te()), this.#W(g.OPEN_COUNTRY_DROPDOWN));
+	openCountrySelector() {
+		this.#e.isCountrySelectorOpen() || (this.#e.openCountrySelector((e) => this.#$(e), () => this.#ee()), this.#W(g.OPEN_COUNTRY_SELECTOR));
 	}
-	#K(e) {
-		let { formatOnDisplay: t, nationalMode: n, separateDialCode: r } = this.#t, i = e;
-		if (t && Q.utils && this.#l) {
-			let t = Ce(e), a = n && !t || !i.startsWith("+") && !r ? M.NATIONAL : M.INTERNATIONAL;
-			i = Q.utils.formatNumber(i, this.#l?.iso2, a);
+	#G(e) {
+		let { numberDisplayFormat: t, separateDialCode: n } = this.#t, r = e;
+		if (Q.utils && this.#l) {
+			let i = Ee(e), a = !r.startsWith("+") && !n, o = t === M.NATIONAL && !i || a, s;
+			s = o ? M.NATIONAL : t === M.E164 && !i ? M.E164 : M.INTERNATIONAL, r = Q.utils.formatNumber(r, this.#l?.iso2, s);
 		}
-		i = this.#oe(i), this.#b(i);
+		r = this.#ae(r), this.#b(r);
 	}
-	#q(e) {
-		let t = this.#Y(e);
-		return t === null ? !1 : this.#Z(t);
+	#K(e) {
+		let t = this.#J(e);
+		return t === null ? !1 : this.#X(t);
 	}
-	#J(e) {
+	#q(e) {
 		let t = this.#l?.dialCode, n = this.#l?.nationalPrefix;
 		return e.startsWith("+") || !t ? e : `+${t}${n && e.startsWith(n) && !this.#t.separateDialCode ? e.substring(1) : e}`;
 	}
-	#Y(e) {
+	#J(e) {
 		let t = e.indexOf("+"), n = t > 0 ? e.substring(t) : e, r = this.#l?.iso2;
-		n = this.#J(n);
-		let i = this.#re(n, !0), a = W(n);
+		n = this.#q(n);
+		let i = this.#ne(n, !0), a = W(n);
 		if (i) {
 			let e = W(i), t = this.#a[e];
-			return t.length === 1 ? t[0] === r ? null : t[0] : this.#X(t, e, a);
+			return t.length === 1 ? t[0] === r ? null : t[0] : this.#Y(t, e, a);
 		} else if (n.startsWith("+") && a.length) {
 			let e = this.#l?.dialCode || "";
 			return e && e.startsWith(a) ? null : "";
 		} else if ((!n || n === "+") && !r && this.#d) return this.#d;
 		return null;
 	}
-	#X(e, t, n) {
+	#Y(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 === C.NANP && Oe(n)) return null;
+		if (i === C.NANP && je(n)) return null;
 		let a = this.#l?.areaCodes, o = this.#l?.priority;
 		if (a) {
 			let e = a.map((e) => `${i}${e}`);
@@ -2425,11 +2450,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let s = a && o !== 0 && n.length > t.length, c = r && e.includes(r) && !s, l = r === e[0];
 		return !c && !l ? e[0] : null;
 	}
-	#Z(e) {
+	#X(e) {
 		let t = this.#l?.iso2 || "";
-		return this.#l = e ? this.#s.get(e) : null, this.#l && (this.#d = this.#l.iso2), this.#e.setCountry(this.#l), this.#$(), this.#Q(), t !== e;
+		return this.#l = e ? this.#s.get(e) : null, this.#l && (this.#d = this.#l.iso2), this.#e.setSelectedCountry(this.#l), this.#Q(), this.#Z(), t !== e;
 	}
-	#Q() {
+	#Z() {
 		let { strictMode: e, placeholderNumberType: t, allowedNumberTypes: n } = this.#t;
 		if (!e || !Q.utils) return;
 		let r = this.#l?.iso2;
@@ -2437,38 +2462,39 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			this.#u = null;
 			return;
 		}
-		let i = Q.utils.getExampleNumber(r, !1, t, !0), a = i;
-		for (; Q.utils.isPossibleNumber(i, r, n);) a = i, i += "0";
+		let i = Q.utils.getExampleNumber(r, t, M.E164), a = i;
+		for (; Q.utils.isValidNumber(i, r, n);) a = i, i += "0";
 		let o = Q.utils.getCoreNumber(a, r);
 		this.#u = o.length, r === "by" && (this.#u = o.length + 1);
 	}
-	#$() {
-		let { autoPlaceholder: e, placeholderNumberType: t, nationalMode: n, customPlaceholder: r } = this.#t, i = e === E.AGGRESSIVE || !this.#e.hadInitialPlaceholder && e === E.POLITE;
+	#Q() {
+		let { placeholderNumberPolicy: e, placeholderNumberType: t, numberDisplayFormat: n, customPlaceholder: r } = this.#t, i = e === E.AGGRESSIVE || !this.#e.hadInitialPlaceholder && e === E.POLITE;
 		if (!Q.utils || !i) return;
-		let a = this.#l ? Q.utils.getExampleNumber(this.#l.iso2, n, t) : "";
-		a = this.#oe(a), typeof r == "function" && (a = r(a, this.#l)), this.#e.telInputEl.setAttribute("placeholder", a);
+		let a = this.#l ? Q.utils.getExampleNumber(this.#l.iso2, t, n) : "";
+		a = this.#ae(a), typeof r == "function" && (a = r(a, this.#l)), this.#e.telInputEl.setAttribute("placeholder", a);
 	}
-	#ee(e) {
+	#$(e) {
 		if (!e) return;
-		let t = e.dataset[F.ISO2], n = this.#Z(t);
-		this.#te();
-		let r = e.dataset[F.DIAL_CODE];
-		if (this.#ne(r), this.#t.formatOnDisplay) {
-			let e = this.#y();
-			this.#K(e);
-		}
-		this.#e.telInputEl.focus(), n && (this.#se(), this.#W(g.INPUT, { isCountryChange: !0 }));
+		let t = e.dataset[I.ISO2], n = this.#X(t);
+		this.#ee();
+		let r = e.dataset[I.DIAL_CODE];
+		this.#te(r);
+		let i = this.#y();
+		this.#G(i), this.#e.telInputEl.focus(), n && (this.#oe(), this.#W(g.INPUT, { isCountryChange: !0 }));
 	}
-	#te(e) {
-		!this.#e.isDropdownOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeDropdown(), this.#W(g.CLOSE_COUNTRY_DROPDOWN));
+	closeCountrySelector() {
+		this.#ee();
 	}
-	#ne(e) {
+	#ee(e) {
+		!this.#e.isCountrySelectorOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeCountrySelector(), this.#W(g.CLOSE_COUNTRY_SELECTOR));
+	}
+	#te(e) {
 		let t = this.#y();
 		if (!t.startsWith("+")) return;
-		let n = `+${e}`, r = this.#re(t), i;
+		let n = `+${e}`, r = this.#ne(t), i;
 		i = r ? t.replace(r, n) : n, this.#b(i);
 	}
-	#re(e, t) {
+	#ne(e, t) {
 		if (!e.startsWith("+")) return "";
 		let n = "", r = "", i = !1;
 		for (let a = 0; a < e.length; a++) {
@@ -2483,38 +2509,38 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return n;
 	}
-	#ie(e) {
+	#re(e) {
 		let t = this.#l?.dialCode, n = W(e);
 		return (this.#t.separateDialCode && !e.startsWith("+") && t && n ? `+${t}` : "") + e;
 	}
-	#ae() {
+	#ie() {
 		let e = this.#y();
-		return this.#ie(e);
+		return this.#re(e);
 	}
-	#oe(e) {
-		let t = we(e, !!this.#re(e), this.#t.separateDialCode, this.#l);
+	#ae(e) {
+		let t = De(e, !!this.#ne(e), this.#t.separateDialCode, this.#l);
 		return this.#U(t);
 	}
-	#se() {
+	#oe() {
 		this.#W(g.COUNTRY_CHANGE, this.#l ?? null);
 	}
-	#ce() {
-		if (!(!this.#_ || !Q.autoCountry)) {
-			if (!this.#f) {
-				this.#_.resolve();
-				return;
-			}
-			this.#e.isLoading() ? this.setCountry(Q.autoCountry) : this.#d = Q.autoCountry, this.#e.setLoading(!1), this.#_.resolve();
+	#se() {
+		if (!this.#_ || !Q.autoCountry) return;
+		if (!this.#f) {
+			this.#_.resolve();
+			return;
 		}
+		let e = document.activeElement === this.#e.telInputEl, t = !!this.#y();
+		this.#e.isLoading() && !(e && t) ? this.setSelectedCountry(Q.autoCountry) : this.#d = Q.autoCountry, this.#e.setLoading(!1), this.#_.resolve();
 	}
-	#le() {
+	#ce() {
 		if (!this.#f) {
 			this.#_?.reject();
 			return;
 		}
 		this.#w(!0), this.#e.setLoading(!1), this.#_?.reject();
 	}
-	#ue() {
+	#le() {
 		if (!this.#f) {
 			this.#v?.resolve();
 			return;
@@ -2523,10 +2549,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			this.#v?.resolve();
 			return;
 		}
-		let e = this.#y();
-		e && this.#K(e), this.#l && (this.#$(), this.#Q()), this.#v?.resolve();
+		let e = this.#y(), t = document.activeElement === this.#e.telInputEl;
+		e && !t && this.#G(e), this.#l && (this.#Q(), this.#Z()), this.#v?.resolve();
 	}
-	#de(e) {
+	#ue(e) {
 		if (!this.#f) {
 			this.#v?.reject(e);
 			return;
@@ -2534,36 +2560,36 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#v?.reject(e);
 	}
 	destroy() {
-		this.#f && (this.#f = !1, this.#t.allowDropdown && this.#te(!0), this.#p.abort(), this.#e.destroy(), Q.instances.delete(String(this.id)));
+		this.#f && (this.#f = !1, this.#t.countrySelectorMode !== F.OFF && this.#ee(!0), this.#p.abort(), this.#e.destroy(), Q.instances.delete(String(this.id)));
 	}
 	isActive() {
 		return this.#f;
 	}
 	getExtension() {
-		return this.#f ? (X("getExtension"), Q.utils.getExtension(this.#ae(), this.#l?.iso2)) : "";
+		return this.#f ? (X("getExtension"), Q.utils.getExtension(this.#ie(), this.#l?.iso2)) : "";
 	}
 	getNumber(e) {
 		if (!this.#f) return "";
 		X("getNumber");
-		let t = this.#l?.iso2, n = this.#ae(), r = Q.utils.formatNumber(n, t, e);
+		let t = this.#l?.iso2, n = this.#ie(), r = Q.utils.formatNumber(n, t, e);
 		return this.#m.denormalise(r);
 	}
 	getNumberType() {
-		return this.#f ? (X("getNumberType"), Q.utils.getNumberType(this.#ae(), this.#l?.iso2)) : null;
+		return this.#f ? (X("getNumberType"), Q.utils.getNumberType(this.#ie(), this.#l?.iso2)) : null;
 	}
-	getSelectedCountryData() {
+	getSelectedCountry() {
 		return this.#l ?? null;
 	}
 	getValidationError() {
 		if (!this.#f) return null;
 		X("getValidationError");
 		let e = this.#l?.iso2;
-		return Q.utils.getValidationError(this.#ae(), e);
+		return Q.utils.getValidationError(this.#ie(), e);
 	}
 	isValidNumber() {
 		if (!this.#f) return null;
 		X("isValidNumber");
-		let e = this.#l?.dialCode, t = this.#l?.iso2, n = this.#ae(), r = Q.utils.getCoreNumber(n, t);
+		let e = this.#l?.dialCode, t = this.#l?.iso2, n = this.#ie(), r = Q.utils.getCoreNumber(n, t);
 		if (r) {
 			if (e === w.DIAL_CODE && r[0] === w.MOBILE_PREFIX && r.length !== w.MOBILE_CORE_LENGTH) return !1;
 			if (!b.ALPHA_UNICODE.test(n) && e) {
@@ -2571,35 +2597,32 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				if (r.length > t) return !1;
 			}
 		}
-		return this.#fe("possible");
+		return this.#de("possible");
 	}
 	isValidNumberPrecise() {
-		return this.#f ? (X("isValidNumberPrecise"), this.#fe("precise")) : null;
+		return this.#f ? (X("isValidNumberPrecise"), this.#de("precise")) : null;
 	}
-	#fe(e) {
-		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#l?.iso2, a = this.#ae();
-		return !this.#l && !Ce(a) || !(e === "precise" ? Q.utils.isValidNumber : Q.utils.isPossibleNumber)(a, i, r) ? !1 : b.ALPHA_UNICODE.test(a) ? Q.utils.getExtension(a, i) ? t : n : !0;
+	#de(e) {
+		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#l?.iso2, a = this.#ie();
+		return !this.#l && !Ee(a) || !(e === "precise" ? Q.utils.isValidNumberPrecise : Q.utils.isValidNumber)(a, i, r) ? !1 : b.ALPHA_UNICODE.test(a) ? Q.utils.getExtension(a, i) ? t : n : !0;
 	}
-	setCountry(e) {
+	setSelectedCountry(e) {
 		if (!this.#f) return;
 		let t = e?.toLowerCase();
 		if (!m(t)) throw Error(`Invalid iso2 code: '${t}'`);
 		let n = this.#l?.iso2;
-		if (e && t !== n || !e && n) {
-			if (this.#Z(t), this.#ne(this.#l?.dialCode || ""), this.#t.formatOnDisplay) {
-				let e = this.#y();
-				this.#K(e);
-			}
-			this.#se(), this.#W(g.INPUT, { isCountryChange: !0 });
-		}
+		if (!(e && t !== n || !e && n)) return;
+		this.#X(t), this.#te(this.#l?.dialCode || "");
+		let r = this.#y();
+		this.#G(r), this.#oe(), this.#W(g.INPUT, { isCountryChange: !0 });
 	}
 	setNumber(e) {
 		if (!this.#f) return;
-		let t = this.#m.normalise(e), n = this.#q(t);
-		this.#K(t), n && this.#se(), this.#W(g.INPUT, { isSetNumber: !0 });
+		let t = this.#m.normalise(e), n = this.#K(t);
+		this.#G(t), n && this.#oe(), this.#W(g.INPUT, { isSetNumber: !0 });
 	}
 	setPlaceholderNumberType(e) {
-		this.#f && (this.#t.placeholderNumberType = e, this.#$());
+		this.#f && (this.#t.placeholderNumberType = e, this.#Q());
 	}
 	setDisabled(e) {
 		this.#f && this.#e.setDisabled(e);
@@ -2612,16 +2635,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		r.forEach((n) => {
 			if (n instanceof e) switch (t) {
 				case "handleUtilsLoaded":
-					n.#ue();
+					n.#le();
 					break;
 				case "handleUtilsFailure":
-					n.#de(i);
+					n.#ue(i);
 					break;
 				case "handleAutoCountryLoaded":
-					n.#ce();
+					n.#se();
 					break;
 				case "handleAutoCountryFailure":
-					n.#le();
+					n.#ce();
 					break;
 			}
 		});
@@ -2630,11 +2653,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	let n = new Z(e, t);
 	return Q.instances.set(String(n.id), n), e.iti = n, n;
 }, {
-	defaults: R,
+	defaults: z,
 	documentReady: () => document.readyState === "complete",
-	getCountryData: () => h,
+	getAllCountries: () => h,
 	getInstance: (e) => {
-		let t = e.dataset[F.INSTANCE_ID];
+		let t = e.dataset[I.INSTANCE_ID];
 		return t ? Q.instances.get(t) ?? null : null;
 	},
 	instances: /* @__PURE__ */ new Map(),
@@ -2652,11 +2675,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "28.1.0",
+	version: "29.0.1",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
-	VALIDATION_ERROR: P
-}), $ = Q, je = /* @__PURE__ */ n({
+	VALIDATION_ERROR: P,
+	PLACEHOLDER_POLICY: E,
+	COUNTRY_SELECTOR_MODE: F
+}), $ = Q, Pe = /* @__PURE__ */ n({
 	inheritAttrs: !1,
 	__name: "IntlTelInput",
 	props: {
@@ -2675,11 +2700,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		inputProps: { default: () => ({}) },
 		initialValue: {},
 		modelValue: {},
-		allowDropdown: { type: Boolean },
+		countrySelectorMode: {},
 		allowedNumberTypes: {},
 		allowNumberExtensions: { type: Boolean },
 		allowPhonewords: { type: Boolean },
-		autoPlaceholder: {},
 		containerClass: {},
 		countryNameLocale: {},
 		countryNameOverrides: {},
@@ -2687,33 +2711,32 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		countrySearch: { type: Boolean },
 		customPlaceholder: {},
 		dropdownAlwaysOpen: { type: Boolean },
-		dropdownContainer: {},
+		dropdownParent: {},
 		excludeCountries: {},
-		fixDropdownWidth: { type: Boolean },
+		matchDropdownWidth: { type: Boolean },
 		formatAsYouType: { type: Boolean },
-		formatOnDisplay: { type: Boolean },
-		geoIpLookup: {},
-		hiddenInput: {},
-		i18n: {},
+		hiddenInputs: {},
+		uiTranslations: {},
 		initialCountry: {},
+		initialCountryLookup: {},
 		loadUtils: {},
-		nationalMode: { type: Boolean },
+		numberDisplayFormat: {},
 		onlyCountries: {},
+		placeholderNumberPolicy: {},
 		placeholderNumberType: {},
 		searchInputClass: {},
 		separateDialCode: { type: Boolean },
 		strictRejectAnimation: { type: Boolean },
 		showFlags: { type: Boolean },
-		strictMode: { type: Boolean },
-		useFullscreenPopup: { type: Boolean }
+		strictMode: { type: Boolean }
 	},
 	emits: [
 		"changeNumber",
 		"changeCountry",
 		"changeValidity",
 		"changeErrorCode",
-		"openCountryDropdown",
-		"closeCountryDropdown",
+		"openCountrySelector",
+		"closeCountrySelector",
 		"strictReject",
 		"update:modelValue"
 	],
@@ -2756,14 +2779,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			e !== T.value && (T.value = e, m("changeNumber", e), m("update:modelValue", e)), j();
 		}, N = () => {
 			if (!w.value?.isActive()) return;
-			let e = w.value.getSelectedCountryData()?.iso2 ?? "";
+			let e = w.value.getSelectedCountry()?.iso2 ?? "";
 			e !== E.value && (E.value = e, m("changeCountry", e)), M();
-		}, P = () => m("openCountryDropdown"), F = () => m("closeCountryDropdown"), I = (e) => {
+		}, P = () => m("openCountrySelector"), F = () => m("closeCountrySelector"), I = (e) => {
 			let { source: t, rejectedInput: n, reason: r } = e.detail;
 			m("strictReject", t, n, r);
 		};
 		return a(() => {
-			C.value && (w.value = $(C.value, S.value), _.value = C.value.className, C.value.addEventListener("open:countrydropdown", P), C.value.addEventListener("close:countrydropdown", F), C.value.addEventListener("strict:reject", I), p.disabled && w.value.setDisabled(p.disabled), p.readonly && w.value.setReadonly(p.readonly), E.value = w.value.getSelectedCountryData()?.iso2 ?? "", w.value.promise.then(() => {
+			C.value && (w.value = $(C.value, S.value), _.value = C.value.className, C.value.addEventListener("open:countryselector", P), C.value.addEventListener("close:countryselector", F), C.value.addEventListener("strict:reject", I), p.disabled && w.value.setDisabled(p.disabled), p.readonly && w.value.setReadonly(p.readonly), E.value = w.value.getSelectedCountry()?.iso2 ?? "", w.value.promise.then(() => {
 				w.value?.isActive() && (y.value && w.value.setNumber(y.value), k ? (k = !1, N()) : (T.value = w.value.getNumber() ?? "", D.value = A(), O.value = D.value ? null : w.value.getValidationError()));
 			}));
 		}), u(() => p.disabled, (e) => w.value?.setDisabled(e)), u(() => p.readonly, (e) => w.value?.setReadonly(e)), u(() => y.value, (e) => {
@@ -2773,7 +2796,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				document.activeElement === C.value || n === t || (w.value.setNumber(t), j());
 			});
 		}, { flush: "post" }), o(() => {
-			C.value && (C.value.removeEventListener("open:countrydropdown", P), C.value.removeEventListener("close:countrydropdown", F), C.value.removeEventListener("strict:reject", I)), w.value?.destroy();
+			C.value && (C.value.removeEventListener("open:countryselector", P), C.value.removeEventListener("close:countryselector", F), C.value.removeEventListener("strict:reject", I)), w.value?.destroy();
 		}), d({
 			instance: w,
 			input: C
@@ -2786,4 +2809,4 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 });
 //#endregion
-export { $ as n, je as t };
+export { $ as n, Pe as t };