@intl-tel-input/vue 28.0.8 → 28.1.0

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

@@ -1196,7 +1196,8 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	FLAG: "iti__flag",
 	LOADING: "iti__loading",
 	COUNTRY_ITEM: "iti__country",
-	HIGHLIGHT: "iti__highlight"
+	HIGHLIGHT: "iti__highlight",
+	STRICT_REJECT_ANIMATION: "iti__strict-reject-animation"
 }, v = {
 	ARROW_UP: "ArrowUp",
 	ARROW_DOWN: "ArrowDown",
@@ -1938,17 +1939,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}, 0);
 	}
 	#Z(e, t, n) {
-		let r = "", i = null;
-		document.addEventListener("keydown", (e) => {
+		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 && e.target !== this.telInputEl && 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.#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(() => {
 				r = "";
 			}, x.HIDDEN_SEARCH_RESET_MS));
-		}, { signal: e });
+		};
+		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 });
@@ -2016,6 +2017,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	setLoading(e) {
 		this.#u.classList.toggle(_.LOADING, e);
 	}
+	playStrictRejectAnimation() {
+		if (!this.#e.strictRejectAnimation) return;
+		let e = this.telInputEl.parentElement;
+		e && (e.classList.remove(_.STRICT_REJECT_ANIMATION), e.offsetWidth, e.classList.add(_.STRICT_REJECT_ANIMATION), e.addEventListener("animationend", () => e.classList.remove(_.STRICT_REJECT_ANIMATION), { once: !0 }));
+	}
 	isLoading() {
 		return this.#u.classList.contains(_.LOADING);
 	}
@@ -2172,54 +2178,55 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#p;
 	#m;
 	#h = !1;
-	#g;
+	#g = null;
 	#_;
+	#v;
 	constructor(e, t = {}) {
 		this.id = ke++, _e.validateInput(e);
 		let n = ae(t);
 		this.#t = {
 			...R,
 			...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.#b(this.#t), this.#r = ve(this.#t);
+		}, 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);
-		this.#o = r, this.#i = i, this.#a = a, this.#s = new Map(this.#r.map((e) => [e.iso2, e])), this.#x();
+		this.#o = r, this.#i = i, this.#a = a, this.#s = new Map(this.#r.map((e) => [e.iso2, e])), this.#S();
 	}
-	#v() {
+	#y() {
 		let e = this.#e.telInputEl.value.trim();
 		return this.#m.normalise(e);
 	}
-	#y(e) {
+	#b(e) {
 		this.#e.telInputEl.value = this.#m.denormalise(e);
 	}
-	#b(e) {
+	#x(e) {
 		let { initialCountry: t, geoIpLookup: n, loadUtils: r } = e, i = t === D.AUTO && !!n, a = !!r && !Q.utils;
-		return i && (this.#g = Ae()), a && (this.#_ = Ae()), Promise.all([this.#g?.promise, this.#_?.promise]).then(() => {});
-	}
-	#x() {
-		this.#p = new AbortController(), this.#S(), this.#e.buildMarkup(this.#r, this.#c), this.#C(), this.#w(), this.#T(), this.#t.dropdownAlwaysOpen && this.#U();
+		return i && (this.#_ = Ae()), a && (this.#v = Ae()), Promise.all([this.#_?.promise, this.#v?.promise]).then(() => {});
 	}
 	#S() {
-		ye(this.#r, this.#t), xe(this.#r, this.#t), this.#c = pe(this.#r);
+		this.#p = new AbortController(), this.#C(), this.#e.buildMarkup(this.#r, this.#c), this.#w(), this.#T(), this.#E(), this.#t.dropdownAlwaysOpen && this.#G();
 	}
-	#C(e = !1) {
-		let t = this.#e.telInputEl.getAttribute("value"), n = this.#m.normalise(t ?? ""), r = this.#v(), i = n && n.startsWith("+") && (!r || !r.startsWith("+")) ? n : r, a = this.#te(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.#Y(u) : d || this.#Y(T.ISO2) : (f && this.#Y(u), this.#G(i)) : f ? this.#Y(u) : d || this.#Y(""), i && this.#W(i);
+	#C() {
+		ye(this.#r, this.#t), xe(this.#r, this.#t), this.#c = pe(this.#r);
 	}
-	#w() {
-		this.#k(), this.#t.allowDropdown && this.#e.bindAllInitialDropdownListeners(this.#p.signal, () => this.#U(), () => this.#$()), this.#e.bindHiddenInputSubmitListener(this.#p.signal, () => this.getNumber(), () => this.#l?.iso2 || "");
+	#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);
 	}
 	#T() {
-		if (this.#_) {
+		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 || "");
+	}
+	#E() {
+		if (this.#v) {
 			let { loadUtils: e } = this.#t, t = () => {
 				Q.attachUtils(e).catch(() => {});
 			};
 			Q.documentReady() ? t() : window.addEventListener("load", t, { signal: this.#p.signal });
 		}
-		this.#g && (this.#l ? this.#g.resolve() : this.#E());
+		this.#_ && (this.#l ? this.#_.resolve() : this.#D());
 	}
-	async #E() {
+	async #D() {
 		if (Q.autoCountry) {
-			this.#oe();
+			this.#ce();
 			return;
 		}
 		if (this.#e.setLoading(!0), !Q.startedLoadingAutoCountry && (Q.startedLoadingAutoCountry = !0, typeof this.#t.geoIpLookup == "function")) {
@@ -2240,132 +2247,133 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			}
 		}
 	}
-	#D() {
-		this.#U(), this.#e.prefillSearchWithPlus();
+	#O() {
+		this.#G(), this.#e.prefillSearchWithPlus();
 	}
-	#O(e) {
+	#k(e) {
 		let t = this.#e.telInputEl.selectionStart || 0, n = e.substring(0, t - 1), r = e.substring(t);
-		return this.#y(n + r), t - 1;
+		return this.#b(n + r), t - 1;
 	}
-	#k() {
-		this.#P(), this.#I(), this.#R();
+	#A() {
+		this.#F(), this.#L(), this.#z();
 	}
-	#A(e) {
-		this.#O(e), this.#D();
+	#j(e) {
+		this.#k(e), this.#O();
 	}
-	#j(e, t) {
-		let n = this.#O(e);
-		this.#e.telInputEl.setSelectionRange(n, n), this.#V(), this.#H(g.STRICT_REJECT, {
+	#M(e, t) {
+		let n = this.#k(e);
+		this.#e.telInputEl.setSelectionRange(n, n), this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
 			source: "key",
 			rejectedInput: t,
 			reason: "invalid"
 		});
 	}
-	#M(e, t) {
-		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = Te(this.#re(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Ee(r, i, n, t);
-		this.#y(i), this.#e.telInputEl.setSelectionRange(a, a);
+	#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);
+		this.#b(i), this.#e.telInputEl.setSelectionRange(a, a);
 	}
-	#N(e) {
-		if (e.startsWith("+") && this.#l && this.#te(e)) {
+	#P(e) {
+		if (e.startsWith("+") && this.#l && this.#re(e)) {
 			let t = we(e, !0, !0, this.#l);
-			this.#y(t);
+			this.#b(t);
 		}
 	}
-	#P() {
-		this.#h = b.ALPHA_UNICODE.test(this.#v()), this.#e.telInputEl.addEventListener("input", this.#F, { signal: this.#p.signal });
+	#F() {
+		this.#h = b.ALPHA_UNICODE.test(this.#y()), this.#e.telInputEl.addEventListener("input", this.#I, { signal: this.#p.signal });
 	}
-	#F = (e) => {
+	#I = (e) => {
 		let { strictMode: t, formatAsYouType: n, separateDialCode: r, allowDropdown: i, countrySearch: a } = this.#t, o = e?.detail;
 		if (o?.isCountryChange) return;
-		let s = this.#v();
-		if (this.#n && e?.data === "+" && r && i && a) {
-			this.#A(s);
+		let s = this.#y(), c = e?.inputType === y.PASTE, l = t && c;
+		if (this.#n && !c && e?.data === "+" && r && i && a) {
+			this.#j(s);
 			return;
 		}
-		if (this.#n && t && (e?.data === " " || e?.data === "-" || e?.data === ".")) {
-			this.#j(s, e.data);
+		if (this.#n && !c && t && (e?.data === " " || e?.data === "-" || e?.data === ".")) {
+			this.#M(s, e.data);
 			return;
 		}
-		this.#G(s) && this.#ae();
-		let c = e?.data && b.NON_PLUS_NUMERIC.test(e.data), l = e?.inputType === y.PASTE && s;
-		c || l && !t ? this.#h = !0 : b.NON_PLUS_NUMERIC.test(s) || (this.#h = !1), n && !this.#h && !o?.isSetNumber && this.#m.isAscii() && this.#M(s, e?.inputType === y.DELETE_FORWARD), r && this.#N(s);
+		if (l) {
+			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);
 	};
-	#I() {
+	#L() {
 		let { strictMode: e, separateDialCode: t } = this.#t;
-		!e && !t || this.#e.telInputEl.addEventListener("keydown", this.#L, { signal: this.#p.signal });
+		!e && !t || this.#e.telInputEl.addEventListener("keydown", this.#R, { signal: this.#p.signal });
 	}
-	#L = (e) => {
+	#R = (e) => {
 		let { strictMode: t, separateDialCode: n, allowDropdown: 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 === "+") {
-			e.preventDefault(), this.#D();
+			e.preventDefault(), this.#O();
 			return;
 		}
 		if (!t) return;
-		let a = this.#v(), 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.#ne(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.#ie(h), v = !1;
 		Q.utils && this.#u && (v = Q.utils.getCoreNumber(_, this.#l?.iso2).length > this.#u);
-		let y = this.#q(_) !== null;
-		(!l || v && !y && !o) && (this.#V(), this.#H(g.STRICT_REJECT, {
+		let y = this.#Y(_) !== null;
+		(!l || v && !y && !o) && (this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
 			source: "key",
 			rejectedInput: e.key,
 			reason: l ? "max-length" : "invalid"
 		}), e.preventDefault());
 	};
-	#R() {
-		this.#t.strictMode && this.#e.telInputEl.addEventListener("paste", this.#z, { signal: this.#p.signal });
-	}
-	#z = (e) => {
-		e.preventDefault();
-		let t = this.#e.telInputEl, n = t.selectionStart, r = t.selectionEnd, i = this.#v(), a = i.slice(0, n ?? void 0), o = i.slice(r ?? void 0), s = this.#l?.iso2, c = e.clipboardData.getData("text"), l = this.#m.normalise(c), u = n === 0 && r > 0, d = !i.startsWith("+") || u, f = l.replace(b.NON_PLUS_NUMERIC_GLOBAL, ""), p = f.startsWith("+"), m = f.replace(/\+/g, ""), h = p && d ? `+${m}` : m, _ = a + h + o, v = h === l ? null : "invalid";
-		if (_.length > 30) {
-			this.#V(), this.#H(g.STRICT_REJECT, {
+	#z() {
+		this.#t.strictMode && this.#e.telInputEl.addEventListener("paste", this.#B, { signal: this.#p.signal });
+	}
+	#B = (e) => {
+		let t = this.#e.telInputEl, n = this.#y();
+		this.#g = {
+			pastedRaw: e.clipboardData?.getData("text") ?? "",
+			value: n,
+			selectionStart: t.selectionStart ?? n.length,
+			selectionEnd: t.selectionEnd ?? n.length
+		};
+	};
+	#V() {
+		let e = this.#e.telInputEl, t = this.#g;
+		if (this.#g = null, !t) return !1;
+		let n = t.pastedRaw, r = t.value, i = t.selectionStart, a = t.selectionEnd, o = r.slice(0, i), s = r.slice(a), c = this.#l?.iso2, l = this.#m.normalise(n), u = i === 0 && a > 0, d = !r.startsWith("+") || u, f = l.replace(b.NON_PLUS_NUMERIC_GLOBAL, ""), p = f.startsWith("+"), m = f.replace(/\+/g, ""), h = p && d ? `+${m}` : m, _ = o + h + s, v = h === l ? null : "invalid";
+		if (_.length > 30) return this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
+			source: "paste",
+			rejectedInput: n,
+			reason: "max-length"
+		}), this.#H(t), !0;
+		if (_.length > 5 && Q.utils) {
+			let e = Q.utils.getCoreNumber(_, c);
+			for (; e.length === 0 && _.length > 0;) _ = _.slice(0, -1), e = Q.utils.getCoreNumber(_, c);
+			if (!e) return this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
 				source: "paste",
-				rejectedInput: c,
+				rejectedInput: n,
 				reason: "max-length"
-			});
-			return;
-		}
-		if (_.length > 5 && Q.utils) {
-			let e = Q.utils.getCoreNumber(_, s);
-			for (; e.length === 0 && _.length > 0;) _ = _.slice(0, -1), e = Q.utils.getCoreNumber(_, s);
-			if (!e) {
-				this.#V(), this.#H(g.STRICT_REJECT, {
-					source: "paste",
-					rejectedInput: c,
-					reason: "max-length"
-				});
-				return;
-			}
-			if (this.#u && e.length > this.#u) if (t.selectionEnd === i.length) {
+			}), this.#H(t), !0;
+			if (this.#u && e.length > this.#u) if (a === r.length) {
 				let t = e.length - this.#u;
 				_ = _.slice(0, _.length - t), v = "max-length";
-			} else {
-				this.#V(), this.#H(g.STRICT_REJECT, {
-					source: "paste",
-					rejectedInput: c,
-					reason: "max-length"
-				});
-				return;
-			}
+			} else return this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
+				source: "paste",
+				rejectedInput: n,
+				reason: "max-length"
+			}), this.#H(t), !0;
 		}
-		this.#y(_);
-		let y = n + h.length;
-		t.setSelectionRange(y, y), t.dispatchEvent(new InputEvent("input", { bubbles: !0 })), v && (l.length > 0 && h.length === 0 && this.#V(), this.#H(g.STRICT_REJECT, {
+		this.#b(_);
+		let y = i + h.length;
+		return e.setSelectionRange(y, y), v && (l.length > 0 && h.length === 0 && this.#e.playStrictRejectAnimation(), this.#W(g.STRICT_REJECT, {
 			source: "paste",
-			rejectedInput: c,
+			rejectedInput: n,
 			reason: v
-		}));
-	};
-	#B(e) {
+		})), !1;
+	}
+	#H(e) {
+		this.#b(e.value), this.#e.telInputEl.setSelectionRange(e.selectionStart, e.selectionEnd);
+	}
+	#U(e) {
 		let t = Number(this.#e.telInputEl.getAttribute("maxlength"));
 		return t && e.length > t ? e.substring(0, t) : e;
 	}
-	#V() {
-		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"));
-	}
-	#H(e, t = {}) {
+	#W(e, t = {}) {
 		let n = new CustomEvent(e, {
 			bubbles: !0,
 			cancelable: !0,
@@ -2373,39 +2381,39 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 		this.#e.telInputEl.dispatchEvent(n);
 	}
-	#U() {
-		this.#e.isDropdownOpen() || (this.#e.openDropdown((e) => this.#Q(e), () => this.#$()), this.#H(g.OPEN_COUNTRY_DROPDOWN));
+	#G() {
+		this.#e.isDropdownOpen() || (this.#e.openDropdown((e) => this.#ee(e), () => this.#te()), this.#W(g.OPEN_COUNTRY_DROPDOWN));
 	}
-	#W(e) {
+	#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);
 		}
-		i = this.#ie(i), this.#y(i);
+		i = this.#oe(i), this.#b(i);
 	}
-	#G(e) {
-		let t = this.#q(e);
-		return t === null ? !1 : this.#Y(t);
+	#q(e) {
+		let t = this.#Y(e);
+		return t === null ? !1 : this.#Z(t);
 	}
-	#K(e) {
+	#J(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}`;
 	}
-	#q(e) {
+	#Y(e) {
 		let t = e.indexOf("+"), n = t > 0 ? e.substring(t) : e, r = this.#l?.iso2;
-		n = this.#K(n);
-		let i = this.#te(n, !0), a = W(n);
+		n = this.#J(n);
+		let i = this.#re(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.#J(t, e, a);
+			return t.length === 1 ? t[0] === r ? null : t[0] : this.#X(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;
 	}
-	#J(e, t, n) {
+	#X(e, t, n) {
 		let r = this.#l?.iso2, i = this.#l?.dialCode;
 		if (!r && this.#d && e.includes(this.#d)) return this.#d;
 		if (i === C.NANP && Oe(n)) return null;
@@ -2417,11 +2425,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;
 	}
-	#Y(e) {
+	#Z(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.#Z(), this.#X(), t !== e;
+		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;
 	}
-	#X() {
+	#Q() {
 		let { strictMode: e, placeholderNumberType: t, allowedNumberTypes: n } = this.#t;
 		if (!e || !Q.utils) return;
 		let r = this.#l?.iso2;
@@ -2434,33 +2442,33 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let o = Q.utils.getCoreNumber(a, r);
 		this.#u = o.length, r === "by" && (this.#u = o.length + 1);
 	}
-	#Z() {
+	#$() {
 		let { autoPlaceholder: e, placeholderNumberType: t, nationalMode: 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.#ie(a), typeof r == "function" && (a = r(a, this.#l)), this.#e.telInputEl.setAttribute("placeholder", a);
+		a = this.#oe(a), typeof r == "function" && (a = r(a, this.#l)), this.#e.telInputEl.setAttribute("placeholder", a);
 	}
-	#Q(e) {
+	#ee(e) {
 		if (!e) return;
-		let t = e.dataset[F.ISO2], n = this.#Y(t);
-		this.#$();
+		let t = e.dataset[F.ISO2], n = this.#Z(t);
+		this.#te();
 		let r = e.dataset[F.DIAL_CODE];
-		if (this.#ee(r), this.#t.formatOnDisplay) {
-			let e = this.#v();
-			this.#W(e);
+		if (this.#ne(r), this.#t.formatOnDisplay) {
+			let e = this.#y();
+			this.#K(e);
 		}
-		this.#e.telInputEl.focus(), n && (this.#ae(), this.#H(g.INPUT, { isCountryChange: !0 }));
+		this.#e.telInputEl.focus(), n && (this.#se(), this.#W(g.INPUT, { isCountryChange: !0 }));
 	}
-	#$(e) {
-		!this.#e.isDropdownOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeDropdown(), this.#H(g.CLOSE_COUNTRY_DROPDOWN));
+	#te(e) {
+		!this.#e.isDropdownOpen() || this.#t.dropdownAlwaysOpen && !e || (this.#e.closeDropdown(), this.#W(g.CLOSE_COUNTRY_DROPDOWN));
 	}
-	#ee(e) {
-		let t = this.#v();
+	#ne(e) {
+		let t = this.#y();
 		if (!t.startsWith("+")) return;
-		let n = `+${e}`, r = this.#te(t), i;
-		i = r ? t.replace(r, n) : n, this.#y(i);
+		let n = `+${e}`, r = this.#re(t), i;
+		i = r ? t.replace(r, n) : n, this.#b(i);
 	}
-	#te(e, t) {
+	#re(e, t) {
 		if (!e.startsWith("+")) return "";
 		let n = "", r = "", i = !1;
 		for (let a = 0; a < e.length; a++) {
@@ -2475,73 +2483,73 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return n;
 	}
-	#ne(e) {
+	#ie(e) {
 		let t = this.#l?.dialCode, n = W(e);
 		return (this.#t.separateDialCode && !e.startsWith("+") && t && n ? `+${t}` : "") + e;
 	}
-	#re() {
-		let e = this.#v();
-		return this.#ne(e);
+	#ae() {
+		let e = this.#y();
+		return this.#ie(e);
 	}
-	#ie(e) {
-		let t = we(e, !!this.#te(e), this.#t.separateDialCode, this.#l);
-		return this.#B(t);
+	#oe(e) {
+		let t = we(e, !!this.#re(e), this.#t.separateDialCode, this.#l);
+		return this.#U(t);
 	}
-	#ae() {
-		this.#H(g.COUNTRY_CHANGE, this.#l ?? null);
+	#se() {
+		this.#W(g.COUNTRY_CHANGE, this.#l ?? null);
 	}
-	#oe() {
-		if (!(!this.#g || !Q.autoCountry)) {
+	#ce() {
+		if (!(!this.#_ || !Q.autoCountry)) {
 			if (!this.#f) {
-				this.#g.resolve();
+				this.#_.resolve();
 				return;
 			}
-			this.#e.isLoading() ? this.setCountry(Q.autoCountry) : this.#d = Q.autoCountry, this.#e.setLoading(!1), this.#g.resolve();
+			this.#e.isLoading() ? this.setCountry(Q.autoCountry) : this.#d = Q.autoCountry, this.#e.setLoading(!1), this.#_.resolve();
 		}
 	}
-	#se() {
+	#le() {
 		if (!this.#f) {
-			this.#g?.reject();
+			this.#_?.reject();
 			return;
 		}
-		this.#C(!0), this.#e.setLoading(!1), this.#g?.reject();
+		this.#w(!0), this.#e.setLoading(!1), this.#_?.reject();
 	}
-	#ce() {
+	#ue() {
 		if (!this.#f) {
-			this.#_?.resolve();
+			this.#v?.resolve();
 			return;
 		}
 		if (!Q.utils) {
-			this.#_?.resolve();
+			this.#v?.resolve();
 			return;
 		}
-		let e = this.#v();
-		e && this.#W(e), this.#l && (this.#Z(), this.#X()), this.#_?.resolve();
+		let e = this.#y();
+		e && this.#K(e), this.#l && (this.#$(), this.#Q()), this.#v?.resolve();
 	}
-	#le(e) {
+	#de(e) {
 		if (!this.#f) {
-			this.#_?.reject(e);
+			this.#v?.reject(e);
 			return;
 		}
-		this.#_?.reject(e);
+		this.#v?.reject(e);
 	}
 	destroy() {
-		this.#f && (this.#f = !1, this.#t.allowDropdown && this.#$(!0), this.#p.abort(), this.#e.destroy(), Q.instances.delete(String(this.id)));
+		this.#f && (this.#f = !1, this.#t.allowDropdown && this.#te(!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.#re(), this.#l?.iso2)) : "";
+		return this.#f ? (X("getExtension"), Q.utils.getExtension(this.#ae(), this.#l?.iso2)) : "";
 	}
 	getNumber(e) {
 		if (!this.#f) return "";
 		X("getNumber");
-		let t = this.#l?.iso2, n = this.#re(), r = Q.utils.formatNumber(n, t, e);
+		let t = this.#l?.iso2, n = this.#ae(), r = Q.utils.formatNumber(n, t, e);
 		return this.#m.denormalise(r);
 	}
 	getNumberType() {
-		return this.#f ? (X("getNumberType"), Q.utils.getNumberType(this.#re(), this.#l?.iso2)) : null;
+		return this.#f ? (X("getNumberType"), Q.utils.getNumberType(this.#ae(), this.#l?.iso2)) : null;
 	}
 	getSelectedCountryData() {
 		return this.#l ?? null;
@@ -2550,12 +2558,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		if (!this.#f) return null;
 		X("getValidationError");
 		let e = this.#l?.iso2;
-		return Q.utils.getValidationError(this.#re(), e);
+		return Q.utils.getValidationError(this.#ae(), e);
 	}
 	isValidNumber() {
 		if (!this.#f) return null;
 		X("isValidNumber");
-		let e = this.#l?.dialCode, t = this.#l?.iso2, n = this.#re(), r = Q.utils.getCoreNumber(n, t);
+		let e = this.#l?.dialCode, t = this.#l?.iso2, n = this.#ae(), 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) {
@@ -2563,13 +2571,13 @@ 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.#ue("possible");
+		return this.#fe("possible");
 	}
 	isValidNumberPrecise() {
-		return this.#f ? (X("isValidNumberPrecise"), this.#ue("precise")) : null;
+		return this.#f ? (X("isValidNumberPrecise"), this.#fe("precise")) : null;
 	}
-	#ue(e) {
-		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#l?.iso2, a = this.#re();
+	#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;
 	}
 	setCountry(e) {
@@ -2578,20 +2586,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.#l?.iso2;
 		if (e && t !== n || !e && n) {
-			if (this.#Y(t), this.#ee(this.#l?.dialCode || ""), this.#t.formatOnDisplay) {
-				let e = this.#v();
-				this.#W(e);
+			if (this.#Z(t), this.#ne(this.#l?.dialCode || ""), this.#t.formatOnDisplay) {
+				let e = this.#y();
+				this.#K(e);
 			}
-			this.#ae(), this.#H(g.INPUT, { isCountryChange: !0 });
+			this.#se(), this.#W(g.INPUT, { isCountryChange: !0 });
 		}
 	}
 	setNumber(e) {
 		if (!this.#f) return;
-		let t = this.#m.normalise(e), n = this.#G(t);
-		this.#W(t), n && this.#ae(), this.#H(g.INPUT, { isSetNumber: !0 });
+		let t = this.#m.normalise(e), n = this.#q(t);
+		this.#K(t), n && this.#se(), this.#W(g.INPUT, { isSetNumber: !0 });
 	}
 	setPlaceholderNumberType(e) {
-		this.#f && (this.#t.placeholderNumberType = e, this.#Z());
+		this.#f && (this.#t.placeholderNumberType = e, this.#$());
 	}
 	setDisabled(e) {
 		this.#f && this.#e.setDisabled(e);
@@ -2604,16 +2612,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.#ce();
+					n.#ue();
 					break;
 				case "handleUtilsFailure":
-					n.#le(i);
+					n.#de(i);
 					break;
 				case "handleAutoCountryLoaded":
-					n.#oe();
+					n.#ce();
 					break;
 				case "handleAutoCountryFailure":
-					n.#se();
+					n.#le();
 					break;
 			}
 		});
@@ -2644,7 +2652,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "28.0.8",
+	version: "28.1.0",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
 	VALIDATION_ERROR: P

package/dist/IntlTelInput.js

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

package/dist/IntlTelInputWithUtils.js

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

package/package.json

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