@intl-tel-input/vue 29.0.2 → 29.0.4

package/dist/{IntlTelInput-D_dYxOMN.js → IntlTelInput-T5zFPeX_.js}

@@ -1729,7 +1729,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	}
 	#A() {
 		let { matchDropdownWidth: e, countrySelectorMode: t, countrySearch: n, uiTranslations: r, containerClass: i } = this.#e, a = t === F.FULLSCREEN, o = this.#j(), s = e ? "" : "iti--flexible-dropdown-width";
-		this.#p = q("div", {
+		if (this.#p = q("div", {
 			id: `iti-${this.#t}__country-selector`,
 			class: `iti__country-selector ${_.HIDE} ${s}`,
 			role: "dialog",
@@ -1739,7 +1739,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			id: `iti-${this.#t}__country-listbox`,
 			role: "listbox",
 			[L.LABEL]: r.countryListAriaLabel
-		}, this.#p), this.#F(), n && this.#V(), a || (this.#s = this.#B(), n && (this.#p.style.height = `${this.#s}px`)), o ? (this.#S = q("div", { class: K({
+		}, this.#p), this.#F(), n && this.#V(), !a) {
+			let { height: t, width: r } = this.#B();
+			this.#s = t, n && (this.#p.style.height = `${t}px`, !e && r > 0 && (this.#p.style.width = `${r}px`));
+		}
+		o ? (this.#S = q("div", { class: K({
 			iti: !0,
 			"iti--detached-country-selector": !0,
 			"iti--fullscreen-popup": a,
@@ -1853,8 +1857,11 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 		this.#p.classList.remove(_.HIDE);
 		let n = q("div", { class: "iti iti--inline-country-selector" });
 		n.appendChild(this.#p), n.style.visibility = "hidden", t.appendChild(n);
-		let r = this.#p.offsetHeight;
-		return t.removeChild(n), n.style.visibility = "", this.#p.classList.add(_.HIDE), r > 0 ? r : S.FALLBACK_DROPDOWN_HEIGHT;
+		let r = this.#p.offsetHeight, i = this.#p.offsetWidth;
+		return t.removeChild(n), n.style.visibility = "", this.#p.classList.add(_.HIDE), {
+			height: r > 0 ? r : S.FALLBACK_DROPDOWN_HEIGHT,
+			width: i
+		};
 	}
 	#V() {
 		let { uiTranslations: e } = this.#e, t = this.#_.childElementCount;
@@ -2675,7 +2682,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 	},
 	startedLoadingUtils: !1,
 	startedLoadingAutoCountry: !1,
-	version: "29.0.2",
+	version: "29.0.4",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
 	VALIDATION_ERROR: P,
@@ -2786,7 +2793,7 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 			m("strictReject", t, n, r);
 		};
 		return a(() => {
-			C.value && (w.value = $(C.value, S.value), _.value = C.value.className, C.value.addEventListener("open:countryselector", P), C.value.addEventListener("close:countryselector", F), C.value.addEventListener("strict:reject", I), p.disabled && w.value.setDisabled(p.disabled), p.readonly && w.value.setReadonly(p.readonly), E.value = w.value.getSelectedCountry()?.iso2 ?? "", w.value.promise.then(() => {
+			C.value && (w.value = $(C.value, S.value), _.value = C.value.className, C.value.addEventListener("input", N), C.value.addEventListener("open:countryselector", P), C.value.addEventListener("close:countryselector", F), C.value.addEventListener("strict:reject", I), p.disabled && w.value.setDisabled(p.disabled), p.readonly && w.value.setReadonly(p.readonly), E.value = w.value.getSelectedCountry()?.iso2 ?? "", w.value.promise.then(() => {
 				w.value?.isActive() && (y.value && w.value.setNumber(y.value), k ? (k = !1, N()) : (T.value = w.value.getNumber() ?? "", D.value = A(), O.value = D.value ? null : w.value.getValidationError()));
 			}));
 		}), u(() => p.disabled, (e) => w.value?.setDisabled(e)), u(() => p.readonly, (e) => w.value?.setReadonly(e)), u(() => y.value, (e) => {
@@ -2796,15 +2803,14 @@ var p = new Set(f.map((e) => e.iso2)), m = (e) => p.has(e), h = f, g = {
 				document.activeElement === C.value || n === t || (w.value.setNumber(t), j());
 			});
 		}, { flush: "post" }), o(() => {
-			C.value && (C.value.removeEventListener("open:countryselector", P), C.value.removeEventListener("close:countryselector", F), C.value.removeEventListener("strict:reject", I)), w.value?.destroy();
+			C.value && (C.value.removeEventListener("input", N), C.value.removeEventListener("open:countryselector", P), C.value.removeEventListener("close:countryselector", F), C.value.removeEventListener("strict:reject", I)), w.value?.destroy();
 		}), d({
 			instance: w,
 			input: C
 		}), (e, n) => (s(), t("input", i(v.value, {
 			ref_key: "input",
 			ref: C,
-			type: "tel",
-			onInput: N
+			type: "tel"
 		}), null, 16));
 	}
 });

package/dist/IntlTelInput.js

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

package/package.json

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