intl-tel-input 27.2.1 → 27.3.0

package/vue/dist/{IntlTelInput-CzuiSLVt.js → IntlTelInput-jw1tkqdD.js}

@@ -1308,6 +1308,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	placeholderNumberType: "MOBILE",
 	searchInputClass: "",
 	separateDialCode: !1,
+	strictRejectAnimation: !1,
 	showFlags: !0,
 	strictMode: !1,
 	useFullscreenPopup: (() => {
@@ -1325,7 +1326,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	console.warn(`[intl-tel-input] ${e}`);
 }, B = (e, t, n) => {
 	z(`Option '${e}' must be ${t}; got ${I(n)}. Ignoring.`);
-}, ne = (e, t) => {
+}, V = (e, t) => {
 	let n = "an array of iso2 country code strings";
 	if (!Array.isArray(t)) return B(e, n, t), !1;
 	let r = [];
@@ -1334,7 +1335,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		m(i.toLowerCase()) ? r.push(i) : z(`Invalid iso2 code in '${e}': '${i}'. Skipping.`);
 	}
 	return r;
-}, re = (e) => {
+}, ne = (e) => {
 	if (e === void 0) return {};
 	if (!L(e)) return z(`The second argument must be an options object; got ${I(e)}. Using defaults.`), {};
 	let t = {};
@@ -1356,6 +1357,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			case "showFlags":
 			case "separateDialCode":
 			case "strictMode":
+			case "strictRejectAnimation":
 			case "useFullscreenPopup":
 				if (typeof r != "boolean") {
 					B(n, "a boolean", r);
@@ -1382,7 +1384,7 @@ 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 = ne(n, r);
+					let e = V(n, r);
 					e !== !1 && (t[n] = e);
 				}
 				break;
@@ -1407,7 +1409,7 @@ 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 = ne(n, r);
+					let e = V(n, r);
 					e !== !1 && (t[n] = e);
 				}
 				break;
@@ -1455,21 +1457,21 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 	}
 	return t;
-}, ie = (e) => {
+}, re = (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());
-}, ae = (e) => {
+}, ie = (e) => {
 	e.dropdownAlwaysOpen && (e.useFullscreenPopup = !1, e.allowDropdown = !0), e.useFullscreenPopup ? e.fixDropdownWidth = !1 : P() && (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 = {
 		...M,
 		...e.i18n
 	};
-}, V = (e) => e.replace(/\D/g, ""), H = (e = "") => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), U = (e) => Object.keys(e).filter((t) => !!e[t]).join(" "), W = (e, t, n) => {
+}, H = (e) => e.replace(/\D/g, ""), U = (e = "") => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), W = (e) => Object.keys(e).filter((t) => !!e[t]).join(" "), G = (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;
-}, oe = () => `
+}, ae = () => `
   <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${j.HIDDEN}="true">
     <circle cx="11" cy="11" r="7" />
     <line x1="21" y1="21" x2="16.65" y2="16.65" />
-  </svg>`, se = (e) => {
+  </svg>`, oe = (e) => {
 	let t = `iti-${e}-clear-mask`;
 	return `
     <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${j.HIDDEN}="true" focusable="false">
@@ -1479,11 +1481,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
       </mask>
       <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${t})" />
     </svg>`;
-}, ce = () => `
+}, se = () => `
   <svg class="iti__country-check-svg" width="14" height="14" viewBox="0 0 16 16" fill="currentColor" focusable="false" ${j.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"/>
-  </svg>`, G = () => "\n  <svg width=\"256\" height=\"256\" viewBox=\"0 0 512 512\" class=\"iti__globe-svg\">\n    <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\"/>\n    <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\"/>\n  </svg>", le = (e, t) => {
-	let n = H(t), r = [], i = [], a = [], o = [], s = [], c = [];
+  </svg>`, K = () => "\n  <svg width=\"256\" height=\"256\" viewBox=\"0 0 512 512\" class=\"iti__globe-svg\">\n    <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\"/>\n    <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\"/>\n  </svg>", ce = (e, t) => {
+	let n = U(t), r = [], i = [], a = [], o = [], s = [], c = [];
 	for (let t of e) t.iso2 === n ? r.push(t) : t.normalisedName.startsWith(n) ? i.push(t) : t.normalisedName.includes(n) ? a.push(t) : n === t.dialCode || n === t.dialCodePlus ? o.push(t) : t.dialCodePlus.includes(n) ? s.push(t) : t.initials.includes(n) && c.push(t);
 	let l = (e, t) => e.priority - t.priority;
 	return [
@@ -1494,11 +1496,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		...s.sort(l),
 		...c
 	];
-}, ue = (e, t) => {
-	let n = H(t);
+}, le = (e, t) => {
+	let n = U(t);
 	for (let t of e) if (t.normalisedName.startsWith(n)) return t;
 	return null;
-}, K = class e {
+}, q = class e {
 	#e;
 	#t;
 	#n;
@@ -1543,7 +1545,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#D(t), t.appendChild(this.telInputEl), this.#A(), this.#j(t), this.ensureDropdownWidthSet();
 	}
 	#E() {
-		let { allowDropdown: e, showFlags: t, containerClass: n, useFullscreenPopup: r } = this.#e, i = W("div", { class: U({
+		let { allowDropdown: e, showFlags: t, containerClass: n, useFullscreenPopup: r } = this.#e, i = G("div", { class: W({
 			iti: !0,
 			"iti--allow-dropdown": e,
 			"iti--show-flags": t,
@@ -1555,19 +1557,19 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#D(e) {
 		let { allowDropdown: t, separateDialCode: n, showFlags: r } = this.#e;
 		if (!t && !r && !n) return;
-		this.#s = W("div", { class: `iti__country-container ${_.V_HIDE}` }, e), t ? (this.#c = W("button", {
+		this.#s = G("div", { class: `iti__country-container ${_.V_HIDE}` }, e), t ? (this.#c = G("button", {
 			type: "button",
 			class: "iti__selected-country",
 			[j.EXPANDED]: "false",
 			[j.LABEL]: this.#e.i18n.noCountrySelected,
 			[j.HASPOPUP]: "dialog",
 			[j.CONTROLS]: `iti-${this.#t}__dropdown-content`
-		}, this.#s), this.telInputEl.disabled && this.#c.setAttribute("disabled", "true")) : this.#c = W("div", { class: "iti__selected-country" }, this.#s);
-		let i = W("div", { class: "iti__selected-country-primary" }, this.#c);
-		this.#l = W("div", { class: _.FLAG }, i), t && (this.#d = W("div", {
+		}, this.#s), this.telInputEl.disabled && this.#c.setAttribute("disabled", "true")) : this.#c = G("div", { class: "iti__selected-country" }, this.#s);
+		let i = G("div", { class: "iti__selected-country-primary" }, this.#c);
+		this.#l = G("div", { class: _.FLAG }, i), t && (this.#d = G("div", {
 			class: "iti__arrow",
 			[j.HIDDEN]: "true"
-		}, i)), n && (this.#u = W("div", { class: "iti__selected-dial-code" }, this.#c)), t && this.#O();
+		}, i)), n && (this.#u = G("div", { class: "iti__selected-dial-code" }, this.#c)), t && this.#O();
 	}
 	ensureDropdownWidthSet() {
 		let { fixDropdownWidth: e, allowDropdown: t } = this.#e;
@@ -1577,17 +1579,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#O() {
 		let { fixDropdownWidth: e, useFullscreenPopup: t, countrySearch: n, i18n: r, dropdownContainer: i, containerClass: a } = this.#e, o = e ? "" : "iti--flexible-dropdown-width";
-		this.#f = W("div", {
+		this.#f = G("div", {
 			id: `iti-${this.#t}__dropdown-content`,
 			class: `iti__dropdown-content ${_.HIDE} ${o}`,
 			role: "dialog",
 			[j.MODAL]: "true"
-		}), this.#n && this.#f.setAttribute("dir", "rtl"), n && this.#k(), this.#g = W("ul", {
+		}), this.#n && this.#f.setAttribute("dir", "rtl"), n && this.#k(), this.#g = G("ul", {
 			class: "iti__country-list",
 			id: `iti-${this.#t}__country-listbox`,
 			role: "listbox",
 			[j.LABEL]: r.countryListAriaLabel
-		}, this.#f), this.#M(), n && this.#L(), t || (this.#o = this.#I(), n && (this.#f.style.height = `${this.#o}px`)), i ? (this.#x = W("div", { class: U({
+		}, this.#f), this.#M(), n && this.#L(), t || (this.#o = this.#I(), n && (this.#f.style.height = `${this.#o}px`)), i ? (this.#x = G("div", { class: W({
 			iti: !0,
 			"iti--container": !0,
 			"iti--fullscreen-popup": t,
@@ -1596,11 +1598,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}) }), this.#x.appendChild(this.#f)) : this.#s.appendChild(this.#f);
 	}
 	#k() {
-		let { i18n: e, searchInputClass: t } = this.#e, n = W("div", { class: "iti__search-input-wrapper" }, this.#f);
-		this.#p = W("span", {
+		let { i18n: e, searchInputClass: t } = this.#e, n = G("div", { class: "iti__search-input-wrapper" }, this.#f);
+		this.#p = G("span", {
 			class: "iti__search-icon",
 			[j.HIDDEN]: "true"
-		}, n), this.#p.innerHTML = oe(), this.#m = W("input", {
+		}, n), this.#p.innerHTML = ae(), this.#m = G("input", {
 			id: `iti-${this.#t}__search-input`,
 			type: "search",
 			class: `iti__search-input ${t}`,
@@ -1611,12 +1613,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			[j.CONTROLS]: `iti-${this.#t}__country-listbox`,
 			[j.AUTOCOMPLETE]: "list",
 			autocomplete: "off"
-		}, n), this.#h = W("button", {
+		}, n), this.#h = G("button", {
 			type: "button",
 			class: `iti__search-clear ${_.HIDE}`,
 			[j.LABEL]: e.clearSearchAriaLabel,
 			tabindex: "-1"
-		}, n), this.#h.innerHTML = se(this.#t), this.#b = W("span", { class: "iti__a11y-text" }, this.#f), this.#y = W("div", {
+		}, n), this.#h.innerHTML = oe(this.#t), this.#b = G("span", { class: "iti__a11y-text" }, this.#f), this.#y = G("div", {
 			class: `iti__no-results ${_.HIDE}`,
 			[j.HIDDEN]: "true"
 		}, this.#f), this.#y.textContent = e.searchEmptyState ?? null;
@@ -1630,14 +1632,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let n = t(this.telInputEl.getAttribute("name") || "");
 		if (n.phone) {
 			let t = this.telInputEl.form?.querySelector(`input[name="${n.phone}"]`);
-			t ? this.#_ = t : (this.#_ = W("input", {
+			t ? this.#_ = t : (this.#_ = G("input", {
 				type: "hidden",
 				name: n.phone
 			}), e.appendChild(this.#_));
 		}
 		if (n.country) {
 			let t = this.telInputEl.form?.querySelector(`input[name="${n.country}"]`);
-			t ? this.#v = t : (this.#v = W("input", {
+			t ? this.#v = t : (this.#v = G("input", {
 				type: "hidden",
 				name: n.country
 			}), e.appendChild(this.#v));
@@ -1646,17 +1648,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#M() {
 		let e = document.createDocumentFragment();
 		for (let t = 0; t < this.#i.length; t++) {
-			let n = this.#i[t], r = U({ [_.COUNTRY_ITEM]: !0 }), i = W("li", {
+			let n = this.#i[t], r = W({ [_.COUNTRY_ITEM]: !0 }), i = G("li", {
 				id: `iti-${this.#t}__item-${n.iso2}`,
 				class: r,
 				tabindex: "-1",
 				role: "option",
 				[j.SELECTED]: "false"
 			});
-			i.dataset[A.DIAL_CODE] = n.dialCode, i.dataset[A.ISO2] = n.iso2, this.#w.set(n.iso2, i), this.#e.showFlags && W("div", { class: `${_.FLAG} iti__${n.iso2}` }, i);
-			let a = W("span", { class: "iti__country-name" }, i);
+			i.dataset[A.DIAL_CODE] = n.dialCode, i.dataset[A.ISO2] = n.iso2, this.#w.set(n.iso2, i), this.#e.showFlags && G("div", { class: `${_.FLAG} iti__${n.iso2}` }, i);
+			let a = G("span", { class: "iti__country-name" }, i);
 			a.textContent = `${n.name} `;
-			let o = W("span", { class: "iti__dial-code" }, a);
+			let o = G("span", { class: "iti__dial-code" }, a);
 			this.#n && o.setAttribute("dir", "ltr"), o.textContent = `(+${n.dialCode})`, e.appendChild(i);
 		}
 		this.#g.appendChild(e);
@@ -1690,7 +1692,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#I() {
 		let t = e.#P();
 		this.#f.classList.remove(_.HIDE);
-		let n = W("div", { class: "iti iti--inline-dropdown" });
+		let n = G("div", { class: "iti iti--inline-dropdown" });
 		n.appendChild(this.#f), n.style.visibility = "hidden", t.appendChild(n);
 		let r = this.#f.offsetHeight;
 		return t.removeChild(n), n.style.visibility = "", this.#f.classList.add(_.HIDE), r > 0 ? r : C.FALLBACK_DROPDOWN_HEIGHT;
@@ -1701,7 +1703,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#R(e) {
 		let t;
-		t = e === "" ? this.#i : le(this.#i, e), this.#$(t);
+		t = e === "" ? this.#i : ce(this.#i, e), this.#$(t);
 	}
 	prefillSearchWithPlus() {
 		this.#m.value = "+", this.#m.focus(), this.#R("");
@@ -1806,7 +1808,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#m.addEventListener("input", () => this.#B(), { signal: e }), this.#h.addEventListener("click", () => this.#V(), { signal: e });
 	}
 	#X(e) {
-		let t = ue(this.#i, e);
+		let t = le(this.#i, e);
 		if (t) {
 			let e = this.#w.get(t.iso2);
 			this.#U(e);
@@ -1821,11 +1823,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			let t = this.#g.querySelector(`[data-country-code="${e}"]`);
 			if (t) {
 				t.setAttribute(j.SELECTED, "true");
-				let e = W("span", {
+				let e = G("span", {
 					class: "iti__country-check",
 					[j.HIDDEN]: "true"
 				}, t);
-				e.innerHTML = ce(), this.#S = t, this.#e.dropdownAlwaysOpen && this.#U(t);
+				e.innerHTML = se(), this.#S = t, this.#e.dropdownAlwaysOpen && this.#U(t);
 			}
 		}
 	}
@@ -1885,7 +1887,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let { allowDropdown: t, showFlags: n, separateDialCode: r, i18n: i } = this.#e, a = e?.name, o = e?.dialCode, s = e?.iso2 ?? "";
 		if (t && this.#Q(s), this.#c) {
 			let e = s && n ? `${_.FLAG} iti__${s}` : `${_.FLAG} ${_.GLOBE}`, t, r, c;
-			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), c = n ? "" : G()) : (r = i.noCountrySelected, t = i.noCountrySelected, c = G()), this.#l.className = e, this.#c.setAttribute("title", r), this.#c.setAttribute(j.LABEL, t), this.#l.innerHTML = c;
+			s ? (r = a, t = i.selectedCountryAriaLabel.replace("${countryName}", a).replace("${dialCode}", `+${o}`), c = n ? "" : K()) : (r = i.noCountrySelected, t = i.noCountrySelected, c = K()), this.#l.className = e, this.#c.setAttribute("title", r), this.#c.setAttribute(j.LABEL, t), this.#l.innerHTML = c;
 		}
 		if (r) {
 			let e = o ? `+${o}` : "";
@@ -1897,10 +1899,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let e = this.telInputEl.parentNode;
 		e && (e.before(this.telInputEl), e.remove()), this.#w.clear();
 	}
-}, de = (e) => {
+}, ue = (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];
-}, fe = (e, t) => {
+}, de = (e, t) => {
 	let { countryNameLocale: n, i18n: r } = t, i;
 	try {
 		i = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(n, { type: "region" }) : null;
@@ -1908,7 +1910,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()) || "";
-}, pe = (e) => {
+}, fe = (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] = []);
@@ -1937,7 +1939,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		dialCodeMaxLength: n,
 		dialCodeToIso2Map: r
 	};
-}, me = (e, t) => {
+}, pe = (e, t) => {
 	let { countryOrder: n } = t;
 	e.sort((e, t) => {
 		if (n) {
@@ -1946,9 +1948,9 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return e.name.localeCompare(t.name);
 	});
-}, he = (e) => {
-	for (let t of e) t.normalisedName = H(t.name), t.initials = t.normalisedName.split(/[^a-z]/).map((e) => e[0]).join(""), t.dialCodePlus = `+${t.dialCode}`;
-}, ge = /* @__PURE__ */ new Set([
+}, me = (e) => {
+	for (let t of e) t.normalisedName = U(t.name), t.initials = t.normalisedName.split(/[^a-z]/).map((e) => e[0]).join(""), t.dialCodePlus = `+${t.dialCode}`;
+}, he = /* @__PURE__ */ new Set([
 	"800",
 	"808",
 	"870",
@@ -1957,17 +1959,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"883",
 	"888",
 	"979"
-]), q = (e) => {
-	let t = V(e).slice(0, 3);
-	return e.startsWith("+") && ge.has(t);
-}, J = (e, t, n, r) => {
+]), J = (e) => {
+	let t = H(e).slice(0, 3);
+	return e.startsWith("+") && he.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);
-}, _e = (e, t, n, r, i) => {
+}, ge = (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;
-}, ve = (e, t, n, r) => {
+}, _e = (e, t, n, r) => {
 	if (n === 0 && !r) return 0;
 	let i = 0;
 	for (let n = 0; n < t.length; n++) {
@@ -1975,7 +1977,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;
-}, ye = /* @__PURE__ */ new Set([
+}, ve = /* @__PURE__ */ new Set([
 	"800",
 	"822",
 	"833",
@@ -1993,11 +1995,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"887",
 	"888",
 	"889"
-]), Y = (e) => {
-	let t = V(e);
+]), ye = (e) => {
+	let t = H(e);
 	if (t.startsWith(w.NANP) && t.length >= 4) {
 		let e = t.substring(1, 4);
-		return ye.has(e);
+		return ve.has(e);
 	}
 	return !1;
 }, be = class {
@@ -2054,13 +2056,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#h;
 	#g;
 	constructor(e, t = {}) {
-		this.id = xe++, K.validateInput(e);
-		let n = re(t);
+		this.id = xe++, q.validateInput(e);
+		let n = ne(t);
 		this.#t = {
 			...F,
 			...n
-		}, ie(this.#t), ae(this.#t), this.#e = new K(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#p = new be(e.value), this.promise = this.#y(this.#t), this.#r = de(this.#t);
-		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = pe(this.#r);
+		}, re(this.#t), ie(this.#t), this.#e = new q(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#p = new be(e.value), this.promise = this.#y(this.#t), this.#r = ue(this.#t);
+		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = fe(this.#r);
 		this.#o = r, this.#i = i, this.#a = a, this.#s = new Map(this.#r.map((e) => [e.iso2, e])), this.#b();
 	}
 	#_() {
@@ -2075,17 +2077,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		return i && (this.#h = Se()), a && (this.#g = Se()), Promise.all([this.#h?.promise, this.#g?.promise]).then(() => {});
 	}
 	#b() {
-		this.#f = new AbortController(), this.#x(), this.#e.buildMarkup(this.#r), this.#S(), this.#C(), this.#w(), this.#t.dropdownAlwaysOpen && this.#V();
+		this.#f = new AbortController(), this.#x(), this.#e.buildMarkup(this.#r), this.#S(), this.#C(), this.#w(), this.#t.dropdownAlwaysOpen && this.#H();
 	}
 	#x() {
-		fe(this.#r, this.#t), me(this.#r, this.#t), he(this.#r);
+		de(this.#r, this.#t), pe(this.#r, this.#t), me(this.#r);
 	}
 	#S(e = !1) {
-		let t = this.#e.telInputEl.getAttribute("value"), n = this.#p.normalise(t ?? ""), r = this.#_(), i = n && n.startsWith("+") && (!r || !r.startsWith("+")) ? n : r, a = this.#$(i), o = Y(i), { initialCountry: s, geoIpLookup: c } = this.#t, l = s === O.AUTO && c, u = l && Q.autoCountry ? Q.autoCountry : s, d = l && !e && !Q.autoCountry, f = m(u);
-		a ? o ? f ? this.#q(u) : d || this.#q(E.ISO2) : (f && this.#q(u), this.#U(i)) : f ? this.#q(u) : d || this.#q(""), i && this.#H(i);
+		let t = this.#e.telInputEl.getAttribute("value"), n = this.#p.normalise(t ?? ""), r = this.#_(), i = n && n.startsWith("+") && (!r || !r.startsWith("+")) ? n : r, a = this.#ee(i), o = ye(i), { initialCountry: s, geoIpLookup: c } = this.#t, l = s === O.AUTO && c, u = l && Q.autoCountry ? Q.autoCountry : s, d = l && !e && !Q.autoCountry, f = m(u);
+		a ? o ? f ? this.#J(u) : d || this.#J(E.ISO2) : (f && this.#J(u), this.#W(i)) : f ? this.#J(u) : d || this.#J(""), i && this.#U(i);
 	}
 	#C() {
-		this.#O(), this.#t.allowDropdown && this.#e.bindAllInitialDropdownListeners(this.#f.signal, () => this.#V(), () => this.#Z()), this.#e.bindHiddenInputSubmitListener(this.#f.signal, () => this.getNumber(), () => this.#c?.iso2 || "");
+		this.#O(), this.#t.allowDropdown && this.#e.bindAllInitialDropdownListeners(this.#f.signal, () => this.#H(), () => this.#Q()), this.#e.bindHiddenInputSubmitListener(this.#f.signal, () => this.getNumber(), () => this.#c?.iso2 || "");
 	}
 	#w() {
 		if (this.#g) {
@@ -2098,7 +2100,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#T() {
 		if (Q.autoCountry) {
-			this.#ae();
+			this.#oe();
 			return;
 		}
 		this.#e.setLoading(!0), !Q.startedLoadingAutoCountry && (Q.startedLoadingAutoCountry = !0, typeof this.#t.geoIpLookup == "function" && this.#t.geoIpLookup((t = "") => {
@@ -2109,7 +2111,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}));
 	}
 	#E() {
-		this.#V(), this.#e.prefillSearchWithPlus();
+		this.#H(), this.#e.prefillSearchWithPlus();
 	}
 	#D(e) {
 		let t = this.#e.telInputEl.selectionStart || 0, n = e.substring(0, t - 1), r = e.substring(t);
@@ -2123,19 +2125,19 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#A(e, t) {
 		let n = this.#D(e);
-		this.#e.telInputEl.setSelectionRange(n, n), this.#B(g.STRICT_REJECT, {
+		this.#e.telInputEl.setSelectionRange(n, n), this.#B(), this.#V(g.STRICT_REJECT, {
 			source: "key",
 			rejectedInput: t,
 			reason: "invalid"
 		});
 	}
 	#j(e, t) {
-		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = _e(this.#te(), e, Q.utils, this.#c, this.#t.separateDialCode), a = ve(r, i, n, t);
+		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = ge(this.#ne(), e, Q.utils, this.#c, this.#t.separateDialCode), a = _e(r, i, n, t);
 		this.#v(i), this.#e.telInputEl.setSelectionRange(a, a);
 	}
 	#M(e) {
-		if (e.startsWith("+") && this.#c && this.#$(e)) {
-			let t = J(e, !0, !0, this.#c);
+		if (e.startsWith("+") && this.#c && this.#ee(e)) {
+			let t = Y(e, !0, !0, this.#c);
 			this.#v(t);
 		}
 	}
@@ -2154,7 +2156,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			this.#A(s, e.data);
 			return;
 		}
-		this.#U(s) && this.#ie();
+		this.#W(s) && this.#ae();
 		let c = e?.data && b.NON_PLUS_NUMERIC.test(e.data), l = e?.inputType === y.PASTE && s;
 		c || l && !t ? this.#m = !0 : b.NON_PLUS_NUMERIC.test(s) || (this.#m = !1), n && !this.#m && !o?.isSetNumber && this.#p.isAscii() && this.#j(s, e?.inputType === y.DELETE_FORWARD), r && this.#M(s);
 	};
@@ -2170,10 +2172,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			return;
 		}
 		if (!t) return;
-		let a = this.#_(), o = !a.startsWith("+") && this.#e.telInputEl.selectionStart === 0 && e.key === "+", s = this.#p.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.#ee(h), v = !1;
+		let a = this.#_(), o = !a.startsWith("+") && this.#e.telInputEl.selectionStart === 0 && e.key === "+", s = this.#p.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.#te(h), v = !1;
 		Q.utils && this.#l && (v = Q.utils.getCoreNumber(_, this.#c?.iso2).length > this.#l);
-		let y = this.#G(_) !== null;
-		(!l || v && !y && !o) && (this.#B(g.STRICT_REJECT, {
+		let y = this.#K(_) !== null;
+		(!l || v && !y && !o) && (this.#B(), this.#V(g.STRICT_REJECT, {
 			source: "key",
 			rejectedInput: e.key,
 			reason: l ? "max-length" : "invalid"
@@ -2189,7 +2191,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			let e = Q.utils.getCoreNumber(_, s);
 			for (; e.length === 0 && _.length > 0;) _ = _.slice(0, -1), e = Q.utils.getCoreNumber(_, s);
 			if (!e) {
-				this.#B(g.STRICT_REJECT, {
+				this.#B(), this.#V(g.STRICT_REJECT, {
 					source: "paste",
 					rejectedInput: c,
 					reason: "max-length"
@@ -2200,7 +2202,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				let t = e.length - this.#l;
 				_ = _.slice(0, _.length - t), v = "max-length";
 			} else {
-				this.#B(g.STRICT_REJECT, {
+				this.#B(), this.#V(g.STRICT_REJECT, {
 					source: "paste",
 					rejectedInput: c,
 					reason: "max-length"
@@ -2210,17 +2212,22 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		this.#v(_);
 		let y = n + h.length;
-		t.setSelectionRange(y, y), t.dispatchEvent(new InputEvent("input", { bubbles: !0 })), v && this.#B(g.STRICT_REJECT, {
+		t.setSelectionRange(y, y), t.dispatchEvent(new InputEvent("input", { bubbles: !0 })), v && (l.length > 0 && h.length === 0 && this.#B(), this.#V(g.STRICT_REJECT, {
 			source: "paste",
 			rejectedInput: c,
 			reason: v
-		});
+		}));
 	};
 	#z(e) {
 		let t = Number(this.#e.telInputEl.getAttribute("maxlength"));
 		return t && e.length > t ? e.substring(0, t) : e;
 	}
-	#B(e, t = {}) {
+	#B() {
+		if (!this.#t.strictRejectAnimation) return;
+		let e = this.#e.telInputEl.parentElement;
+		e && (e.classList.remove("iti__strict-reject-animation"), e.offsetWidth, e.classList.add("iti__strict-reject-animation"));
+	}
+	#V(e, t = {}) {
 		let n = new CustomEvent(e, {
 			bubbles: !0,
 			cancelable: !0,
@@ -2228,42 +2235,42 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 		this.#e.telInputEl.dispatchEvent(n);
 	}
-	#V() {
-		this.#e.openDropdown((e) => this.#X(e), () => this.#Z()), this.#B(g.OPEN_COUNTRY_DROPDOWN);
+	#H() {
+		this.#e.openDropdown((e) => this.#Z(e), () => this.#Q()), this.#V(g.OPEN_COUNTRY_DROPDOWN);
 	}
-	#H(e) {
+	#U(e) {
 		let { formatOnDisplay: t, nationalMode: n, separateDialCode: r } = this.#t, i = e;
 		if (t && Q.utils && this.#c) {
-			let t = q(e), a = n && !t || !i.startsWith("+") && !r, { NATIONAL: o, INTERNATIONAL: s } = Q.utils.numberFormat, c = a ? o : s;
+			let t = J(e), a = n && !t || !i.startsWith("+") && !r, { NATIONAL: o, INTERNATIONAL: s } = Q.utils.numberFormat, c = a ? o : s;
 			i = Q.utils.formatNumber(i, this.#c?.iso2, c);
 		}
-		i = this.#ne(i), this.#v(i);
-	}
-	#U(e) {
-		let t = this.#G(e);
-		return t === null ? !1 : this.#q(t);
+		i = this.#re(i), this.#v(i);
 	}
 	#W(e) {
+		let t = this.#K(e);
+		return t === null ? !1 : this.#J(t);
+	}
+	#G(e) {
 		let t = this.#c?.dialCode, n = this.#c?.nationalPrefix;
 		return e.startsWith("+") || !t ? e : `+${t}${n && e.startsWith(n) && !this.#t.separateDialCode ? e.substring(1) : e}`;
 	}
-	#G(e) {
+	#K(e) {
 		let t = e.indexOf("+"), n = t > 0 ? e.substring(t) : e, r = this.#c?.iso2;
-		n = this.#W(n);
-		let i = this.#$(n, !0), a = V(n);
+		n = this.#G(n);
+		let i = this.#ee(n, !0), a = H(n);
 		if (i) {
-			let e = V(i), t = this.#a[e];
-			return t.length === 1 ? t[0] === r ? null : t[0] : this.#K(t, e, a);
+			let e = H(i), t = this.#a[e];
+			return t.length === 1 ? t[0] === r ? null : t[0] : this.#q(t, e, a);
 		} else if (n.startsWith("+") && a.length) {
 			let e = this.#c?.dialCode || "";
 			return e && e.startsWith(a) ? null : "";
 		} else if ((!n || n === "+") && !r && this.#u) return this.#u;
 		return null;
 	}
-	#K(e, t, n) {
+	#q(e, t, n) {
 		let r = this.#c?.iso2, i = this.#c?.dialCode;
 		if (!r && this.#u && e.includes(this.#u)) return this.#u;
-		if (i === w.NANP && Y(n)) return null;
+		if (i === w.NANP && ye(n)) return null;
 		let a = this.#c?.areaCodes, o = this.#c?.priority;
 		if (a) {
 			let e = a.map((e) => `${i}${e}`);
@@ -2272,11 +2279,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;
 	}
-	#q(e) {
+	#J(e) {
 		let t = this.#c?.iso2 || "";
-		return this.#c = e ? this.#s.get(e) : null, this.#c && (this.#u = this.#c.iso2), this.#e.setCountry(this.#c), this.#Y(), this.#J(), t !== e;
+		return this.#c = e ? this.#s.get(e) : null, this.#c && (this.#u = this.#c.iso2), this.#e.setCountry(this.#c), this.#X(), this.#Y(), t !== e;
 	}
-	#J() {
+	#Y() {
 		let { strictMode: e, placeholderNumberType: t, allowedNumberTypes: n } = this.#t;
 		if (!e || !Q.utils) return;
 		let r = this.#c?.iso2;
@@ -2289,33 +2296,33 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let s = Q.utils.getCoreNumber(o, r);
 		this.#l = s.length, r === "by" && (this.#l = s.length + 1);
 	}
-	#Y() {
+	#X() {
 		let { autoPlaceholder: e, placeholderNumberType: t, nationalMode: n, customPlaceholder: r } = this.#t, i = e === D.AGGRESSIVE || !this.#e.hadInitialPlaceholder && e === D.POLITE;
 		if (!Q.utils || !i) return;
 		let a = Q.utils.numberType[t], o = this.#c ? Q.utils.getExampleNumber(this.#c.iso2, n, a) : "";
-		o = this.#ne(o), typeof r == "function" && (o = r(o, this.#c)), this.#e.telInputEl.setAttribute("placeholder", o);
+		o = this.#re(o), typeof r == "function" && (o = r(o, this.#c)), this.#e.telInputEl.setAttribute("placeholder", o);
 	}
-	#X(e) {
+	#Z(e) {
 		if (!e) return;
-		let t = e.dataset[A.ISO2], n = this.#q(t);
-		this.#Z();
+		let t = e.dataset[A.ISO2], n = this.#J(t);
+		this.#Q();
 		let r = e.dataset[A.DIAL_CODE];
-		if (this.#Q(r), this.#t.formatOnDisplay) {
+		if (this.#$(r), this.#t.formatOnDisplay) {
 			let e = this.#_();
-			this.#H(e);
+			this.#U(e);
 		}
-		this.#e.telInputEl.focus(), n && (this.#ie(), this.#B(g.INPUT, { isCountryChange: !0 }));
-	}
-	#Z(e) {
-		!this.#e.isDropdownOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeDropdown(), this.#B(g.CLOSE_COUNTRY_DROPDOWN));
+		this.#e.telInputEl.focus(), n && (this.#ae(), this.#V(g.INPUT, { isCountryChange: !0 }));
 	}
 	#Q(e) {
+		!this.#e.isDropdownOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeDropdown(), this.#V(g.CLOSE_COUNTRY_DROPDOWN));
+	}
+	#$(e) {
 		let t = this.#_();
 		if (!t.startsWith("+")) return;
-		let n = `+${e}`, r = this.#$(t), i;
+		let n = `+${e}`, r = this.#ee(t), i;
 		i = r ? t.replace(r, n) : n, this.#v(i);
 	}
-	#$(e, t) {
+	#ee(e, t) {
 		if (!e.startsWith("+")) return "";
 		let n = "", r = "", i = !1;
 		for (let a = 0; a < e.length; a++) {
@@ -2330,19 +2337,19 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return n;
 	}
-	#ee(e) {
-		let t = this.#c?.dialCode, n = V(e);
+	#te(e) {
+		let t = this.#c?.dialCode, n = H(e);
 		return (this.#t.separateDialCode && !e.startsWith("+") && t && n ? `+${t}` : "") + e;
 	}
-	#te() {
+	#ne() {
 		let e = this.#_();
-		return this.#ee(e);
+		return this.#te(e);
 	}
-	#ne(e) {
-		let t = J(e, !!this.#$(e), this.#t.separateDialCode, this.#c);
+	#re(e) {
+		let t = Y(e, !!this.#ee(e), this.#t.separateDialCode, this.#c);
 		return this.#z(t);
 	}
-	#re() {
+	#ie() {
 		let e = this.#c;
 		if (!e) return null;
 		let { iso2: t, dialCode: n, name: r } = e;
@@ -2352,11 +2359,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			name: r
 		};
 	}
-	#ie() {
-		let e = this.#re();
-		this.#B(g.COUNTRY_CHANGE, e);
-	}
 	#ae() {
+		let e = this.#ie();
+		this.#V(g.COUNTRY_CHANGE, e);
+	}
+	#oe() {
 		if (!(!this.#h || !Q.autoCountry)) {
 			if (!this.#d) {
 				this.#h.resolve();
@@ -2365,14 +2372,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			this.#e.isLoading() ? this.setCountry(Q.autoCountry) : this.#u = Q.autoCountry, this.#e.setLoading(!1), this.#h.resolve();
 		}
 	}
-	#oe() {
+	#se() {
 		if (!this.#d) {
 			this.#h?.reject();
 			return;
 		}
 		this.#S(!0), this.#e.setLoading(!1), this.#h?.reject();
 	}
-	#se() {
+	#ce() {
 		if (!this.#d) {
 			this.#g?.resolve();
 			return;
@@ -2382,9 +2389,9 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			return;
 		}
 		let e = this.#_();
-		e && this.#H(e), this.#c && (this.#Y(), this.#J()), this.#g?.resolve();
+		e && this.#U(e), this.#c && (this.#X(), this.#Y()), this.#g?.resolve();
 	}
-	#ce(e) {
+	#le(e) {
 		if (!this.#d) {
 			this.#g?.reject(e);
 			return;
@@ -2392,51 +2399,51 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#g?.reject(e);
 	}
 	destroy() {
-		this.#d && (this.#d = !1, this.#t.allowDropdown && this.#Z(!0), this.#f.abort(), this.#e.destroy(), Q.instances.delete(String(this.id)));
+		this.#d && (this.#d = !1, this.#t.allowDropdown && this.#Q(!0), this.#f.abort(), this.#e.destroy(), Q.instances.delete(String(this.id)));
 	}
 	isActive() {
 		return this.#d;
 	}
 	getExtension() {
-		return this.#d ? (X("getExtension"), Q.utils.getExtension(this.#te(), this.#c?.iso2)) : "";
+		return this.#d ? (X("getExtension"), Q.utils.getExtension(this.#ne(), this.#c?.iso2)) : "";
 	}
 	getNumber(e) {
 		if (!this.#d) return "";
 		X("getNumber");
-		let t = this.#c?.iso2, n = this.#te(), r = Q.utils.formatNumber(n, t, e);
+		let t = this.#c?.iso2, n = this.#ne(), r = Q.utils.formatNumber(n, t, e);
 		return this.#p.denormalise(r);
 	}
 	getNumberType() {
-		return this.#d ? (X("getNumberType"), Q.utils.getNumberType(this.#te(), this.#c?.iso2)) : S.UNKNOWN_NUMBER_TYPE;
+		return this.#d ? (X("getNumberType"), Q.utils.getNumberType(this.#ne(), this.#c?.iso2)) : S.UNKNOWN_NUMBER_TYPE;
 	}
 	getSelectedCountryData() {
-		return this.#re();
+		return this.#ie();
 	}
 	getValidationError() {
 		if (!this.#d) return S.UNKNOWN_VALIDATION_ERROR;
 		X("getValidationError");
 		let e = this.#c?.iso2;
-		return Q.utils.getValidationError(this.#te(), e);
+		return Q.utils.getValidationError(this.#ne(), e);
 	}
 	isValidNumber() {
 		if (!this.#d) return null;
 		X("isValidNumber");
-		let e = this.#c?.dialCode, t = this.#c?.iso2, n = this.#te(), r = Q.utils.getCoreNumber(n, t);
+		let e = this.#c?.dialCode, t = this.#c?.iso2, n = this.#ne(), r = Q.utils.getCoreNumber(n, t);
 		if (r) {
 			if (e === T.DIAL_CODE && r[0] === T.MOBILE_PREFIX && r.length !== T.MOBILE_CORE_LENGTH) return !1;
 			if (!b.ALPHA_UNICODE.test(n) && e) {
-				let t = V(n.startsWith("+") ? n.slice(1 + e.length) : n).length;
+				let t = H(n.startsWith("+") ? n.slice(1 + e.length) : n).length;
 				if (r.length > t) return !1;
 			}
 		}
-		return this.#le("possible");
+		return this.#ue("possible");
 	}
 	isValidNumberPrecise() {
-		return this.#d ? (X("isValidNumberPrecise"), this.#le("precise")) : null;
+		return this.#d ? (X("isValidNumberPrecise"), this.#ue("precise")) : null;
 	}
-	#le(e) {
-		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#c?.iso2, a = this.#te();
-		return !this.#c && !q(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;
+	#ue(e) {
+		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#c?.iso2, a = this.#ne();
+		return !this.#c && !J(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;
 	}
 	setCountry(e) {
 		if (!this.#d) return;
@@ -2444,20 +2451,20 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		if (!m(t)) throw Error(`Invalid iso2 code: '${t}'`);
 		let n = this.#c?.iso2;
 		if (e && t !== n || !e && n) {
-			if (this.#q(t), this.#Q(this.#c?.dialCode || ""), this.#t.formatOnDisplay) {
+			if (this.#J(t), this.#$(this.#c?.dialCode || ""), this.#t.formatOnDisplay) {
 				let e = this.#_();
-				this.#H(e);
+				this.#U(e);
 			}
-			this.#ie(), this.#B(g.INPUT, { isCountryChange: !0 });
+			this.#ae(), this.#V(g.INPUT, { isCountryChange: !0 });
 		}
 	}
 	setNumber(e) {
 		if (!this.#d) return;
-		let t = this.#p.normalise(e), n = this.#U(t);
-		this.#H(t), n && this.#ie(), this.#B(g.INPUT, { isSetNumber: !0 });
+		let t = this.#p.normalise(e), n = this.#W(t);
+		this.#U(t), n && this.#ae(), this.#V(g.INPUT, { isSetNumber: !0 });
 	}
 	setPlaceholderNumberType(e) {
-		this.#d && (this.#t.placeholderNumberType = e, this.#Y());
+		this.#d && (this.#t.placeholderNumberType = e, this.#X());
 	}
 	setDisabled(e) {
 		this.#d && this.#e.setDisabled(e);
@@ -2470,16 +2477,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.#se();
+					n.#ce();
 					break;
 				case "handleUtilsFailure":
-					n.#ce(i);
+					n.#le(i);
 					break;
 				case "handleAutoCountryLoaded":
-					n.#ae();
+					n.#oe();
 					break;
 				case "handleAutoCountryFailure":
-					n.#oe();
+					n.#se();
 					break;
 			}
 		});
@@ -2517,7 +2524,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "27.2.1"
+	version: "27.3.0"
 }), $ = Q, Ce = /* @__PURE__ */ n({
 	inheritAttrs: !1,
 	__name: "IntlTelInput",
@@ -2563,6 +2570,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		placeholderNumberType: {},
 		searchInputClass: {},
 		separateDialCode: { type: Boolean },
+		strictRejectAnimation: { type: Boolean },
 		showFlags: { type: Boolean },
 		strictMode: { type: Boolean },
 		useFullscreenPopup: { type: Boolean }
@@ -2587,61 +2595,61 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			"readonly",
 			"onInput",
 			"oninput"
-		]), _ = e(() => {
+		]), _ = c(""), v = e(() => {
 			let e = p.inputProps ?? {}, t = {};
-			for (let [n, r] of Object.entries(e)) g.has(n) ? h(n) : t[n] = r;
+			for (let [n, r] of Object.entries(e)) g.has(n) ? h(n) : n === "class" ? t[n] = `${_.value} ${r}` : t[n] = r;
 			return t;
-		}), v = e(() => p.modelValue ?? p.initialValue ?? ""), y = r(), b = Object.keys($.defaults), x = e(() => {
-			let e = y?.vnode.props ?? {}, t = new Set(Object.keys(e).map((e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()))), n = {};
-			return b.forEach((e) => {
+		}), y = e(() => p.modelValue ?? p.initialValue ?? ""), b = r(), x = Object.keys($.defaults), S = e(() => {
+			let e = b?.vnode.props ?? {}, t = new Set(Object.keys(e).map((e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()))), n = {};
+			return x.forEach((e) => {
 				if (!t.has(e)) return;
 				let r = p[e];
 				r !== void 0 && (n[e] = r);
 			}), n;
-		}), S = c(null), C = l(null), w = c(), T = c(), E = c(), D = c(), O = !1, k = () => (p.usePreciseValidation ? C.value.isValidNumberPrecise() : C.value.isValidNumber()) ?? !1, A = () => {
-			if (!C.value?.isActive()) return;
+		}), C = c(null), w = l(null), T = c(), E = c(), D = c(), O = c(), k = !1, A = () => (p.usePreciseValidation ? w.value.isValidNumberPrecise() : w.value.isValidNumber()) ?? !1, j = () => {
+			if (!w.value?.isActive()) return;
 			if (!$.utils) {
-				O = !0;
+				k = !0;
 				return;
 			}
-			let e = k(), t = e ? null : C.value.getValidationError();
-			e !== E.value && (E.value = e, m("changeValidity", e)), t !== D.value && (D.value = t, m("changeErrorCode", t));
-		}, j = () => {
-			if (!C.value?.isActive()) return;
+			let e = A(), t = e ? null : w.value.getValidationError();
+			e !== D.value && (D.value = e, m("changeValidity", e)), t !== O.value && (O.value = t, m("changeErrorCode", t));
+		}, M = () => {
+			if (!w.value?.isActive()) return;
 			if (!$.utils) {
-				O = !0;
+				k = !0;
 				return;
 			}
-			let e = C.value.getNumber() ?? "";
-			e !== w.value && (w.value = e, m("changeNumber", e), m("update:modelValue", e)), A();
-		}, M = () => {
-			if (!C.value?.isActive()) return;
-			let e = C.value.getSelectedCountryData()?.iso2 ?? "";
-			e !== T.value && (T.value = e, m("changeCountry", e)), j();
-		}, N = () => m("openCountryDropdown"), P = () => m("closeCountryDropdown"), F = (e) => {
+			let e = w.value.getNumber() ?? "";
+			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 ?? "";
+			e !== E.value && (E.value = e, m("changeCountry", e)), M();
+		}, P = () => m("openCountryDropdown"), F = () => m("closeCountryDropdown"), I = (e) => {
 			let { source: t, rejectedInput: n, reason: r } = e.detail;
 			m("strictReject", t, n, r);
 		};
 		return a(() => {
-			S.value && (C.value = $(S.value, x.value), S.value.addEventListener("open:countrydropdown", N), S.value.addEventListener("close:countrydropdown", P), S.value.addEventListener("strict:reject", F), p.disabled && C.value.setDisabled(p.disabled), p.readonly && C.value.setReadonly(p.readonly), T.value = C.value.getSelectedCountryData()?.iso2 ?? "", C.value.promise.then(() => {
-				C.value?.isActive() && (v.value && C.value.setNumber(v.value), O ? (O = !1, M()) : (w.value = C.value.getNumber() ?? "", E.value = k(), D.value = E.value ? null : C.value.getValidationError()));
+			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(() => {
+				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) => C.value?.setDisabled(e)), u(() => p.readonly, (e) => C.value?.setReadonly(e)), u(() => v.value, (e) => {
-			C.value && C.value.promise.then(() => {
-				if (!C.value?.isActive()) return;
-				let t = e ?? "", n = C.value.getNumber() ?? "";
-				document.activeElement === S.value || n === t || (C.value.setNumber(t), A());
+		}), u(() => p.disabled, (e) => w.value?.setDisabled(e)), u(() => p.readonly, (e) => w.value?.setReadonly(e)), u(() => y.value, (e) => {
+			w.value && w.value.promise.then(() => {
+				if (!w.value?.isActive()) return;
+				let t = e ?? "", n = w.value.getNumber() ?? "";
+				document.activeElement === C.value || n === t || (w.value.setNumber(t), j());
 			});
 		}, { flush: "post" }), o(() => {
-			S.value && (S.value.removeEventListener("open:countrydropdown", N), S.value.removeEventListener("close:countrydropdown", P), S.value.removeEventListener("strict:reject", F)), C.value?.destroy();
+			C.value && (C.value.removeEventListener("open:countrydropdown", P), C.value.removeEventListener("close:countrydropdown", F), C.value.removeEventListener("strict:reject", I)), w.value?.destroy();
 		}), d({
-			instance: C,
-			input: S
-		}), (e, n) => (s(), t("input", i(_.value, {
+			instance: w,
+			input: C
+		}), (e, n) => (s(), t("input", i(v.value, {
 			ref_key: "input",
-			ref: S,
+			ref: C,
 			type: "tel",
-			onInput: M
+			onInput: N
 		}), null, 16));
 	}
 });