@intl-tel-input/vue 28.0.2 → 28.0.4

package/README.md

@@ -1,6 +1,6 @@
-# IntlTelInput Vue Component
+# Vue component for intl-tel-input
 
-A Vue component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript library. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/packages/vue/src/IntlTelInput.vue).
+For entering, formatting, and validating international telephone numbers.
 
 [Explore docs »](https://intl-tel-input.com/docs/vue-component)
 
@@ -10,6 +10,10 @@ A Vue component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-in
   <img width="271" height="279" alt="intl-tel-input screenshot showing country dropdown open" src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/iti-github-light.png">
 </picture>
 
+## Resources
+
+Check out the [website](https://intl-tel-input.com), where you can find [a full set of docs](https://intl-tel-input.com/docs/vue-component), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/vue-component/validation) of different setups.
+
 ## Running the demos locally
 
 1. Initialise the submodules: `git submodule update --init --recursive`
@@ -18,3 +22,11 @@ A Vue component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-in
 4. Run a demo: `npm run vue:demo` and copy the given URL into your browser.
 
 This defaults to the validation demo — to run a different one, set the `DEMO` env var, e.g. `DEMO=simple npm run vue:demo`. View the full list of [available demos](https://github.com/jackocnr/intl-tel-input/tree/master/packages/vue/demo).
+
+## Issues and contributing
+
+Please report issues and open pull requests on the [main repository](https://github.com/jackocnr/intl-tel-input).
+
+## License
+
+MIT

package/dist/{IntlTelInput-Du4l_K0A.js → IntlTelInput-Bpbd99wX.js}

@@ -1310,7 +1310,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	i18n: {},
 	initialCountry: "",
 	loadUtils: null,
-	nationalMode: !0,
+	nationalMode: !1,
 	onlyCountries: null,
 	placeholderNumberType: N.MOBILE,
 	searchInputClass: "",
@@ -1481,24 +1481,89 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 }, G = (e) => e.replace(/\D/g, ""), K = (e = "") => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), q = (e) => Object.keys(e).filter((t) => !!e[t]).join(" "), J = (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;
-}, se = () => `
-  <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${I.HIDDEN}="true">
-    <circle cx="11" cy="11" r="7" />
-    <line x1="21" y1="21" x2="16.65" y2="16.65" />
-  </svg>`, ce = (e) => {
+}, se = "http://www.w3.org/2000/svg", Y = ([e, t, n]) => {
+	let r = document.createElementNS(se, e);
+	if (t) for (let e in t) r.setAttribute(e, String(t[e]));
+	if (n) for (let e of n) r.appendChild(Y(e));
+	return r;
+}, ce = () => Y([
+	"svg",
+	{
+		class: "iti__search-icon-svg",
+		width: 14,
+		height: 14,
+		viewBox: "0 0 24 24",
+		focusable: "false",
+		[I.HIDDEN]: "true"
+	},
+	[["circle", {
+		cx: 11,
+		cy: 11,
+		r: 7
+	}], ["line", {
+		x1: 21,
+		y1: 21,
+		x2: 16.65,
+		y2: 16.65
+	}]]
+]), le = (e) => {
 	let t = `iti-${e}-clear-mask`;
-	return `
-    <svg class="iti__search-clear-svg" width="12" height="12" viewBox="0 0 16 16" ${I.HIDDEN}="true" focusable="false">
-      <mask id="${t}" maskUnits="userSpaceOnUse">
-        <rect width="16" height="16" fill="white" />
-        <path d="M5.2 5.2 L10.8 10.8 M10.8 5.2 L5.2 10.8" stroke="black" stroke-linecap="round" class="iti__search-clear-x" />
-      </mask>
-      <circle cx="8" cy="8" r="8" class="iti__search-clear-bg" mask="url(#${t})" />
-    </svg>`;
-}, le = () => `
-  <svg class="iti__country-check-svg" width="14" height="14" viewBox="0 0 16 16" fill="currentColor" focusable="false" ${I.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>`, Y = () => "\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>", ue = (e) => {
+	return Y([
+		"svg",
+		{
+			class: "iti__search-clear-svg",
+			width: 12,
+			height: 12,
+			viewBox: "0 0 16 16",
+			[I.HIDDEN]: "true",
+			focusable: "false"
+		},
+		[[
+			"mask",
+			{
+				id: t,
+				maskUnits: "userSpaceOnUse"
+			},
+			[["rect", {
+				width: 16,
+				height: 16,
+				fill: "white"
+			}], ["path", {
+				d: "M5.2 5.2 L10.8 10.8 M10.8 5.2 L5.2 10.8",
+				stroke: "black",
+				"stroke-linecap": "round",
+				class: "iti__search-clear-x"
+			}]]
+		], ["circle", {
+			cx: 8,
+			cy: 8,
+			r: 8,
+			class: "iti__search-clear-bg",
+			mask: `url(#${t})`
+		}]]
+	]);
+}, ue = () => Y([
+	"svg",
+	{
+		class: "iti__country-check-svg",
+		width: 14,
+		height: 14,
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		focusable: "false",
+		[I.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" }]]
+]), de = () => Y([
+	"svg",
+	{
+		width: 256,
+		height: 256,
+		viewBox: "0 0 512 512",
+		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" }]]
+]), fe = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = K(n.name), r = e.split(/[^a-z]/).map((e) => e[0]).join("");
@@ -1509,7 +1574,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 	}
 	return t;
-}, de = (e, t, n) => {
+}, pe = (e, t, n) => {
 	let r = K(n), i = [], a = [], o = [], s = [], c = [], l = [];
 	for (let n of e) {
 		let e = t.get(n.iso2);
@@ -1524,14 +1589,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		...c.sort(u),
 		...l
 	];
-}, fe = (e, t, n) => {
+}, me = (e, t, n) => {
 	let r = K(n);
 	for (let n of e) {
 		let { normalisedName: e } = t.get(n.iso2);
 		if (e.startsWith(r)) return n;
 	}
 	return null;
-}, pe = class e {
+}, he = 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))) : "";
@@ -1553,7 +1618,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";
 	}
-}, me = class e {
+}, ge = class e {
 	#e;
 	#t;
 	#n;
@@ -1656,7 +1721,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#m = J("span", {
 			class: "iti__search-icon",
 			[I.HIDDEN]: "true"
-		}, n), this.#m.innerHTML = se(), this.#h = J("input", {
+		}, n), this.#m.appendChild(ce()), this.#h = J("input", {
 			id: `iti-${this.#t}__search-input`,
 			type: "search",
 			class: `iti__search-input ${t}`,
@@ -1672,7 +1737,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			class: `iti__search-clear ${_.HIDE}`,
 			[I.LABEL]: e.clearSearchAriaLabel,
 			tabindex: "-1"
-		}, n), this.#g.innerHTML = ce(this.#t), this.#x = J("span", { class: "iti__a11y-text" }, this.#p), this.#b = J("div", {
+		}, n), this.#g.appendChild(le(this.#t)), this.#x = J("span", { class: "iti__a11y-text" }, this.#p), this.#b = J("div", {
 			class: `iti__no-results ${_.HIDE}`,
 			[I.HIDDEN]: "true"
 		}, this.#p), this.#b.textContent = e.searchEmptyState ?? null;
@@ -1759,8 +1824,8 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		let t;
 		if (e === "") t = this.#i;
 		else {
-			let n = pe.toAscii(e);
-			t = de(this.#i, this.#a, n);
+			let n = he.toAscii(e);
+			t = pe(this.#i, this.#a, n);
 		}
 		this.#ee(t);
 	}
@@ -1867,7 +1932,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#h.addEventListener("input", () => this.#V(), { signal: e }), this.#g.addEventListener("click", () => this.#H(), { signal: e });
 	}
 	#Z(e) {
-		let t = fe(this.#i, this.#a, e);
+		let t = me(this.#i, this.#a, e);
 		if (t) {
 			let e = this.#T.get(t.iso2);
 			this.#W(e);
@@ -1880,14 +1945,10 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#$(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) {
 			let t = this.#_.querySelector(`[data-iso2="${e}"]`);
-			if (t) {
-				t.setAttribute(I.SELECTED, "true");
-				let e = J("span", {
-					class: "iti__country-check",
-					[I.HIDDEN]: "true"
-				}, t);
-				e.innerHTML = le(), this.#C = t, this.#e.dropdownAlwaysOpen && this.#W(t);
-			}
+			t && (t.setAttribute(I.SELECTED, "true"), J("span", {
+				class: "iti__country-check",
+				[I.HIDDEN]: "true"
+			}, t).appendChild(ue()), this.#C = t, this.#e.dropdownAlwaysOpen && this.#W(t));
 		}
 	}
 	#ee(e) {
@@ -1945,8 +2006,8 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	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.#$(s), this.#l) {
-			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 ? "" : Y()) : (r = i.noCountrySelected, t = i.noCountrySelected, c = Y()), this.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(I.LABEL, t), this.#u.innerHTML = c;
+			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 = de())) : (r = i.noCountrySelected, t = i.noCountrySelected, c = de()), this.#u.className = e, this.#l.setAttribute("title", r), this.#l.setAttribute(I.LABEL, t), c ? this.#u.replaceChildren(c) : this.#u.replaceChildren();
 		}
 		if (r) {
 			let e = o ? `+${o}` : "";
@@ -1958,10 +2019,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.#T.clear();
 	}
-}, he = (e) => {
+}, _e = (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];
-}, ge = (e, t) => {
+}, ve = (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;
@@ -1969,7 +2030,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()) || "";
-}, _e = (e) => {
+}, ye = (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] = []);
@@ -1998,7 +2059,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		dialCodeMaxLength: n,
 		dialCodeToIso2Map: r
 	};
-}, ve = (e, t) => {
+}, be = (e, t) => {
 	let { countryOrder: n } = t;
 	e.sort((e, t) => {
 		if (n) {
@@ -2007,7 +2068,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		}
 		return e.name.localeCompare(t.name);
 	});
-}, ye = /* @__PURE__ */ new Set([
+}, xe = /* @__PURE__ */ new Set([
 	"800",
 	"808",
 	"870",
@@ -2016,17 +2077,17 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"883",
 	"888",
 	"979"
-]), be = (e) => {
+]), Se = (e) => {
 	let t = G(e).slice(0, 3);
-	return e.startsWith("+") && ye.has(t);
-}, xe = (e, t, n, r) => {
+	return e.startsWith("+") && xe.has(t);
+}, Ce = (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);
-}, Se = (e, t, n, r, i) => {
+}, we = (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;
-}, Ce = (e, t, n, r) => {
+}, Te = (e, t, n, r) => {
 	if (n === 0 && !r) return 0;
 	let i = 0;
 	for (let n = 0; n < t.length; n++) {
@@ -2034,7 +2095,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;
-}, we = /* @__PURE__ */ new Set([
+}, Ee = /* @__PURE__ */ new Set([
 	"800",
 	"822",
 	"833",
@@ -2052,16 +2113,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	"887",
 	"888",
 	"889"
-]), Te = (e) => {
+]), De = (e) => {
 	let t = G(e);
 	if (t.startsWith(C.NANP) && t.length >= 4) {
 		let e = t.substring(1, 4);
-		return we.has(e);
+		return Ee.has(e);
 	}
 	return !1;
-}, Ee = 0, X = (e) => {
+}, Oe = 0, X = (e) => {
 	if (!Q.utils) throw Error(`intlTelInput.utils is required for ${e}(). See: https://intl-tel-input.com/docs/utils`);
-}, De = () => {
+}, ke = () => {
 	let e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -2092,13 +2153,13 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#g;
 	#_;
 	constructor(e, t = {}) {
-		this.id = Ee++, me.validateInput(e);
+		this.id = Oe++, ge.validateInput(e);
 		let n = ie(t);
 		this.#t = {
 			...z,
 			...n
-		}, ae(this.#t), oe(this.#t), this.#e = new me(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new pe(e.value), this.promise = this.#b(this.#t), this.#r = he(this.#t);
-		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = _e(this.#r);
+		}, ae(this.#t), oe(this.#t), this.#e = new ge(e, this.#t, this.id), this.#n = typeof navigator < "u" && /Android/i.test(navigator.userAgent), this.#m = new he(e.value), this.promise = this.#b(this.#t), this.#r = _e(this.#t);
+		let { dialCodes: r, dialCodeMaxLength: i, dialCodeToIso2Map: a } = ye(this.#r);
 		this.#o = r, this.#i = i, this.#a = a, this.#s = new Map(this.#r.map((e) => [e.iso2, e])), this.#x();
 	}
 	#v() {
@@ -2110,16 +2171,16 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#b(e) {
 		let { initialCountry: t, geoIpLookup: n, loadUtils: r } = e, i = t === D.AUTO && !!n, a = !!r && !Q.utils;
-		return i && (this.#g = De()), a && (this.#_ = De()), Promise.all([this.#g?.promise, this.#_?.promise]).then(() => {});
+		return i && (this.#g = ke()), a && (this.#_ = ke()), 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();
 	}
 	#S() {
-		ge(this.#r, this.#t), ve(this.#r, this.#t), this.#c = ue(this.#r);
+		ve(this.#r, this.#t), be(this.#r, this.#t), this.#c = fe(this.#r);
 	}
 	#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 = Te(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);
+		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 = De(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);
 	}
 	#w() {
@@ -2172,12 +2233,12 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		});
 	}
 	#M(e, t) {
-		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = Se(this.#re(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Ce(r, i, n, t);
+		let n = this.#e.telInputEl.selectionStart || 0, r = e.substring(0, n).replace(b.NON_PLUS_NUMERIC_GLOBAL, "").length, i = we(this.#re(), e, Q.utils, this.#l, this.#t.separateDialCode), a = Te(r, i, n, t);
 		this.#y(i), this.#e.telInputEl.setSelectionRange(a, a);
 	}
 	#N(e) {
 		if (e.startsWith("+") && this.#l && this.#te(e)) {
-			let t = xe(e, !0, !0, this.#l);
+			let t = Ce(e, !0, !0, this.#l);
 			this.#y(t);
 		}
 	}
@@ -2289,7 +2350,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#W(e) {
 		let { formatOnDisplay: t, nationalMode: n, separateDialCode: r } = this.#t, i = e;
 		if (t && Q.utils && this.#l) {
-			let t = be(e), a = n && !t || !i.startsWith("+") && !r ? M.NATIONAL : M.INTERNATIONAL;
+			let t = Se(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);
@@ -2318,7 +2379,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	#J(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 && Te(n)) return null;
+		if (i === C.NANP && De(n)) return null;
 		let a = this.#l?.areaCodes, o = this.#l?.priority;
 		if (a) {
 			let e = a.map((e) => `${i}${e}`);
@@ -2394,7 +2455,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		return this.#ne(e);
 	}
 	#ie(e) {
-		let t = xe(e, !!this.#te(e), this.#t.separateDialCode, this.#l);
+		let t = Ce(e, !!this.#te(e), this.#t.separateDialCode, this.#l);
 		return this.#B(t);
 	}
 	#ae() {
@@ -2480,7 +2541,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#ue(e) {
 		let { allowNumberExtensions: t, allowPhonewords: n, allowedNumberTypes: r } = this.#t, i = this.#l?.iso2, a = this.#re();
-		return !this.#l && !be(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;
+		return !this.#l && !Se(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.#f) return;
@@ -2554,11 +2615,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "28.0.2",
+	version: "28.0.4",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
 	VALIDATION_ERROR: P
-}), $ = Q, Oe = /* @__PURE__ */ n({
+}), $ = Q, Ae = /* @__PURE__ */ n({
 	inheritAttrs: !1,
 	__name: "IntlTelInput",
 	props: {
@@ -2688,4 +2749,4 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 });
 //#endregion
-export { $ as n, Oe as t };
+export { $ as n, Ae as t };

package/dist/IntlTelInput.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./IntlTelInput-Du4l_K0A.js";
+import { n as e, t } from "./IntlTelInput-Bpbd99wX.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-Du4l_K0A.js";
+import { n as e, t } from "./IntlTelInput-Bpbd99wX.js";
 //#region packages/core/dist/js/utils.js
 var n = {};
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intl-tel-input/vue",
-  "version": "28.0.2",
-  "description": "A Vue component for the intl-tel-input JavaScript plugin",
+  "version": "28.0.4",
+  "description": "A Vue component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
   "author": "Jack O'Connor (http://jackocnr.com)",
@@ -24,7 +24,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^28.0.2"
+    "intl-tel-input": "^28.0.4"
   },
   "peerDependencies": {
     "vue": "^3.0.0"