@intl-tel-input/vue 29.0.3 → 29.0.4

package/dist/{IntlTelInput-BXw1V8hO.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.3",
+	version: "29.0.4",
 	NUMBER_FORMAT: M,
 	NUMBER_TYPE: N,
 	VALIDATION_ERROR: P,

package/dist/IntlTelInput.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./IntlTelInput-BXw1V8hO.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-BXw1V8hO.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.3",
+  "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.3"
+    "intl-tel-input": "^29.0.4"
   },
   "peerDependencies": {
     "vue": "^3.0.0"