@webority/ui-elements 0.33.0 → 0.35.0

package/dist/WuiPhone-BvbhiP2r.js

@@ -0,0 +1,731 @@
+import { t as e } from "./elementBase-Bg1xpvup.js";
+import { n as t, r as n, t as r } from "./anchorOverlay-DluGZ8ef.js";
+import { t as i } from "./formMirror-jGf5M4gk.js";
+import { t as a } from "./iconGlyphs.g-Cpg1BUHm.js";
+import { n as o } from "./listboxKeyNav-zts_8d5e.js";
+import { n as s, t as c } from "./countries-B-M_LTgS.js";
+//#region src/zoneCountries.g.js
+var l = {
+	AD: ["Europe/Andorra"],
+	AE: ["Asia/Dubai"],
+	AF: ["Asia/Kabul"],
+	AG: ["America/Antigua"],
+	AI: ["America/Anguilla"],
+	AL: ["Europe/Tirane"],
+	AM: ["Asia/Yerevan"],
+	AO: ["Africa/Luanda"],
+	AR: [
+		"America/Argentina/Buenos_Aires",
+		"America/Argentina/Catamarca",
+		"America/Argentina/ComodRivadavia",
+		"America/Argentina/Cordoba",
+		"America/Argentina/Jujuy",
+		"America/Argentina/La_Rioja",
+		"America/Argentina/Mendoza",
+		"America/Argentina/Rio_Gallegos",
+		"America/Argentina/Salta",
+		"America/Argentina/San_Juan",
+		"America/Argentina/San_Luis",
+		"America/Argentina/Tucuman",
+		"America/Argentina/Ushuaia",
+		"America/Buenos_Aires",
+		"America/Catamarca",
+		"America/Cordoba",
+		"America/Jujuy",
+		"America/Mendoza",
+		"America/Rosario"
+	],
+	AS: [
+		"Pacific/Pago_Pago",
+		"Pacific/Samoa",
+		"US/Samoa"
+	],
+	AT: ["Europe/Vienna"],
+	AU: [
+		"Antarctica/Macquarie",
+		"Australia/Adelaide",
+		"Australia/Brisbane",
+		"Australia/Broken_Hill",
+		"Australia/Canberra",
+		"Australia/Currie",
+		"Australia/Darwin",
+		"Australia/Eucla",
+		"Australia/Hobart",
+		"Australia/LHI",
+		"Australia/Lindeman",
+		"Australia/Lord_Howe",
+		"Australia/Melbourne",
+		"Australia/NSW",
+		"Australia/North",
+		"Australia/Perth",
+		"Australia/Queensland",
+		"Australia/South",
+		"Australia/Sydney",
+		"Australia/Tasmania",
+		"Australia/Victoria",
+		"Australia/West",
+		"Australia/Yancowinna"
+	],
+	AW: ["America/Aruba"],
+	AX: ["Europe/Mariehamn"],
+	AZ: ["Asia/Baku"],
+	BA: ["Europe/Sarajevo"],
+	BB: ["America/Barbados"],
+	BD: ["Asia/Dacca", "Asia/Dhaka"],
+	BE: ["Europe/Brussels"],
+	BF: ["Africa/Ouagadougou"],
+	BG: ["Europe/Sofia"],
+	BH: ["Asia/Bahrain"],
+	BI: ["Africa/Bujumbura"],
+	BJ: ["Africa/Porto-Novo"],
+	BL: ["America/St_Barthelemy"],
+	BM: ["Atlantic/Bermuda"],
+	BN: ["Asia/Brunei"],
+	BO: ["America/La_Paz"],
+	BQ: ["America/Kralendijk"],
+	BR: [
+		"America/Araguaina",
+		"America/Bahia",
+		"America/Belem",
+		"America/Boa_Vista",
+		"America/Campo_Grande",
+		"America/Cuiaba",
+		"America/Eirunepe",
+		"America/Fortaleza",
+		"America/Maceio",
+		"America/Manaus",
+		"America/Noronha",
+		"America/Porto_Acre",
+		"America/Porto_Velho",
+		"America/Recife",
+		"America/Rio_Branco",
+		"America/Santarem",
+		"America/Sao_Paulo",
+		"Brazil/DeNoronha",
+		"Brazil/East",
+		"Brazil/West"
+	],
+	BS: ["America/Nassau"],
+	BT: ["Asia/Thimbu", "Asia/Thimphu"],
+	BW: ["Africa/Gaborone"],
+	BY: ["Europe/Minsk"],
+	BZ: ["America/Belize"],
+	CA: /* @__PURE__ */ "America/Atikokan.America/Blanc-Sablon.America/Cambridge_Bay.America/Coral_Harbour.America/Creston.America/Dawson.America/Dawson_Creek.America/Edmonton.America/Fort_Nelson.America/Glace_Bay.America/Goose_Bay.America/Halifax.America/Inuvik.America/Iqaluit.America/Moncton.America/Montreal.America/Nipigon.America/Pangnirtung.America/Rainy_River.America/Rankin_Inlet.America/Regina.America/Resolute.America/St_Johns.America/Swift_Current.America/Thunder_Bay.America/Toronto.America/Vancouver.America/Whitehorse.America/Winnipeg.America/Yellowknife.Canada/Atlantic.Canada/Central.Canada/Eastern.Canada/Mountain.Canada/Newfoundland.Canada/Pacific.Canada/Saskatchewan.Canada/Yukon".split("."),
+	CC: ["Indian/Cocos"],
+	CD: ["Africa/Kinshasa", "Africa/Lubumbashi"],
+	CF: ["Africa/Bangui"],
+	CG: ["Africa/Brazzaville"],
+	CH: ["Europe/Zurich"],
+	CI: ["Africa/Abidjan"],
+	CK: ["Pacific/Rarotonga"],
+	CL: [
+		"America/Coyhaique",
+		"America/Punta_Arenas",
+		"America/Santiago",
+		"Chile/Continental",
+		"Chile/EasterIsland",
+		"Pacific/Easter"
+	],
+	CM: ["Africa/Douala"],
+	CN: [
+		"Asia/Chongqing",
+		"Asia/Harbin",
+		"Asia/Kashgar",
+		"Asia/Shanghai",
+		"Asia/Urumqi"
+	],
+	CO: ["America/Bogota"],
+	CR: ["America/Costa_Rica"],
+	CU: ["America/Havana"],
+	CV: ["Atlantic/Cape_Verde"],
+	CW: ["America/Curacao"],
+	CX: ["Indian/Christmas"],
+	CY: [
+		"Asia/Famagusta",
+		"Asia/Nicosia",
+		"Europe/Nicosia"
+	],
+	CZ: ["Europe/Prague"],
+	DE: ["Europe/Berlin", "Europe/Busingen"],
+	DJ: ["Africa/Djibouti"],
+	DK: ["Europe/Copenhagen"],
+	DM: ["America/Dominica"],
+	DO: ["America/Santo_Domingo"],
+	DZ: ["Africa/Algiers"],
+	EC: ["America/Guayaquil", "Pacific/Galapagos"],
+	EE: ["Europe/Tallinn"],
+	EG: ["Africa/Cairo"],
+	EH: ["Africa/El_Aaiun"],
+	ER: ["Africa/Asmara", "Africa/Asmera"],
+	ES: [
+		"Africa/Ceuta",
+		"Atlantic/Canary",
+		"Europe/Madrid"
+	],
+	ET: ["Africa/Addis_Ababa"],
+	FI: ["Europe/Helsinki"],
+	FJ: ["Pacific/Fiji"],
+	FK: ["Atlantic/Stanley"],
+	FM: [
+		"Pacific/Chuuk",
+		"Pacific/Kosrae",
+		"Pacific/Pohnpei",
+		"Pacific/Ponape",
+		"Pacific/Truk",
+		"Pacific/Yap"
+	],
+	FO: ["Atlantic/Faeroe", "Atlantic/Faroe"],
+	FR: ["Europe/Paris"],
+	GA: ["Africa/Libreville"],
+	GB: ["Europe/Belfast", "Europe/London"],
+	GD: ["America/Grenada"],
+	GE: ["Asia/Tbilisi"],
+	GF: ["America/Cayenne"],
+	GG: ["Europe/Guernsey"],
+	GH: ["Africa/Accra"],
+	GI: ["Europe/Gibraltar"],
+	GL: [
+		"America/Danmarkshavn",
+		"America/Godthab",
+		"America/Nuuk",
+		"America/Scoresbysund",
+		"America/Thule"
+	],
+	GM: ["Africa/Banjul"],
+	GN: ["Africa/Conakry"],
+	GP: ["America/Guadeloupe"],
+	GQ: ["Africa/Malabo"],
+	GR: ["Europe/Athens"],
+	GT: ["America/Guatemala"],
+	GU: ["Pacific/Guam"],
+	GW: ["Africa/Bissau"],
+	GY: ["America/Guyana"],
+	HK: ["Asia/Hong_Kong"],
+	HN: ["America/Tegucigalpa"],
+	HR: ["Europe/Zagreb"],
+	HT: ["America/Port-au-Prince"],
+	HU: ["Europe/Budapest"],
+	ID: [
+		"Asia/Jakarta",
+		"Asia/Jayapura",
+		"Asia/Makassar",
+		"Asia/Pontianak",
+		"Asia/Ujung_Pandang"
+	],
+	IE: ["Europe/Dublin"],
+	IL: ["Asia/Jerusalem", "Asia/Tel_Aviv"],
+	IM: ["Europe/Isle_of_Man"],
+	IN: ["Asia/Calcutta", "Asia/Kolkata"],
+	IO: ["Indian/Chagos"],
+	IQ: ["Asia/Baghdad"],
+	IR: ["Asia/Tehran"],
+	IS: ["Atlantic/Reykjavik"],
+	IT: ["Europe/Rome"],
+	JE: ["Europe/Jersey"],
+	JM: ["America/Jamaica"],
+	JO: ["Asia/Amman"],
+	JP: ["Asia/Tokyo"],
+	KE: ["Africa/Nairobi"],
+	KG: ["Asia/Bishkek"],
+	KH: ["Asia/Phnom_Penh"],
+	KI: [
+		"Pacific/Enderbury",
+		"Pacific/Kanton",
+		"Pacific/Kiritimati",
+		"Pacific/Tarawa"
+	],
+	KM: ["Indian/Comoro"],
+	KN: ["America/St_Kitts"],
+	KP: ["Asia/Pyongyang"],
+	KR: ["Asia/Seoul"],
+	KW: ["Asia/Kuwait"],
+	KY: ["America/Cayman"],
+	KZ: [
+		"Asia/Almaty",
+		"Asia/Aqtau",
+		"Asia/Aqtobe",
+		"Asia/Atyrau",
+		"Asia/Oral",
+		"Asia/Qostanay",
+		"Asia/Qyzylorda"
+	],
+	LA: ["Asia/Vientiane"],
+	LB: ["Asia/Beirut"],
+	LC: ["America/St_Lucia"],
+	LI: ["Europe/Vaduz"],
+	LK: ["Asia/Colombo"],
+	LR: ["Africa/Monrovia"],
+	LS: ["Africa/Maseru"],
+	LT: ["Europe/Vilnius"],
+	LU: ["Europe/Luxembourg"],
+	LV: ["Europe/Riga"],
+	LY: ["Africa/Tripoli"],
+	MA: ["Africa/Casablanca"],
+	MC: ["Europe/Monaco"],
+	MD: ["Europe/Chisinau", "Europe/Tiraspol"],
+	ME: ["Europe/Podgorica"],
+	MF: ["America/Marigot"],
+	MG: ["Indian/Antananarivo"],
+	MH: ["Pacific/Kwajalein", "Pacific/Majuro"],
+	MK: ["Europe/Skopje"],
+	ML: ["Africa/Bamako", "Africa/Timbuktu"],
+	MM: ["Asia/Rangoon", "Asia/Yangon"],
+	MN: [
+		"Asia/Choibalsan",
+		"Asia/Hovd",
+		"Asia/Ulaanbaatar",
+		"Asia/Ulan_Bator"
+	],
+	MO: ["Asia/Macao", "Asia/Macau"],
+	MP: ["Pacific/Saipan"],
+	MQ: ["America/Martinique"],
+	MR: ["Africa/Nouakchott"],
+	MS: ["America/Montserrat"],
+	MT: ["Europe/Malta"],
+	MU: ["Indian/Mauritius"],
+	MV: ["Indian/Maldives"],
+	MW: ["Africa/Blantyre"],
+	MX: [
+		"America/Bahia_Banderas",
+		"America/Cancun",
+		"America/Chihuahua",
+		"America/Ciudad_Juarez",
+		"America/Ensenada",
+		"America/Hermosillo",
+		"America/Matamoros",
+		"America/Mazatlan",
+		"America/Merida",
+		"America/Mexico_City",
+		"America/Monterrey",
+		"America/Ojinaga",
+		"America/Santa_Isabel",
+		"America/Tijuana",
+		"Mexico/BajaNorte",
+		"Mexico/BajaSur",
+		"Mexico/General"
+	],
+	MY: ["Asia/Kuala_Lumpur", "Asia/Kuching"],
+	MZ: ["Africa/Maputo"],
+	NA: ["Africa/Windhoek"],
+	NC: ["Pacific/Noumea"],
+	NE: ["Africa/Niamey"],
+	NF: ["Pacific/Norfolk"],
+	NG: ["Africa/Lagos"],
+	NI: ["America/Managua"],
+	NL: ["Europe/Amsterdam"],
+	NO: ["Europe/Oslo"],
+	NP: ["Asia/Kathmandu", "Asia/Katmandu"],
+	NR: ["Pacific/Nauru"],
+	NU: ["Pacific/Niue"],
+	NZ: ["Pacific/Auckland", "Pacific/Chatham"],
+	OM: ["Asia/Muscat"],
+	PA: ["America/Panama"],
+	PE: ["America/Lima"],
+	PF: [
+		"Pacific/Gambier",
+		"Pacific/Marquesas",
+		"Pacific/Tahiti"
+	],
+	PG: ["Pacific/Bougainville", "Pacific/Port_Moresby"],
+	PH: ["Asia/Manila"],
+	PK: ["Asia/Karachi"],
+	PL: ["Europe/Warsaw"],
+	PM: ["America/Miquelon"],
+	PR: ["America/Puerto_Rico"],
+	PS: ["Asia/Gaza", "Asia/Hebron"],
+	PT: [
+		"Atlantic/Azores",
+		"Atlantic/Madeira",
+		"Europe/Lisbon"
+	],
+	PW: ["Pacific/Palau"],
+	PY: ["America/Asuncion"],
+	QA: ["Asia/Qatar"],
+	RE: ["Indian/Reunion"],
+	RO: ["Europe/Bucharest"],
+	RS: ["Europe/Belgrade"],
+	RU: /* @__PURE__ */ "Asia/Anadyr.Asia/Barnaul.Asia/Chita.Asia/Irkutsk.Asia/Kamchatka.Asia/Khandyga.Asia/Krasnoyarsk.Asia/Magadan.Asia/Novokuznetsk.Asia/Novosibirsk.Asia/Omsk.Asia/Sakhalin.Asia/Srednekolymsk.Asia/Tomsk.Asia/Ust-Nera.Asia/Vladivostok.Asia/Yakutsk.Asia/Yekaterinburg.Europe/Astrakhan.Europe/Kaliningrad.Europe/Kirov.Europe/Moscow.Europe/Samara.Europe/Saratov.Europe/Ulyanovsk.Europe/Volgograd".split("."),
+	RW: ["Africa/Kigali"],
+	SA: ["Asia/Riyadh"],
+	SB: ["Pacific/Guadalcanal"],
+	SC: ["Indian/Mahe"],
+	SD: ["Africa/Khartoum"],
+	SE: ["Europe/Stockholm"],
+	SG: ["Asia/Singapore"],
+	SH: ["Atlantic/St_Helena"],
+	SI: ["Europe/Ljubljana"],
+	SJ: ["Arctic/Longyearbyen", "Atlantic/Jan_Mayen"],
+	SK: ["Europe/Bratislava"],
+	SL: ["Africa/Freetown"],
+	SM: ["Europe/San_Marino"],
+	SN: ["Africa/Dakar"],
+	SO: ["Africa/Mogadishu"],
+	SR: ["America/Paramaribo"],
+	SS: ["Africa/Juba"],
+	ST: ["Africa/Sao_Tome"],
+	SV: ["America/El_Salvador"],
+	SX: ["America/Lower_Princes"],
+	SY: ["Asia/Damascus"],
+	SZ: ["Africa/Mbabane"],
+	TC: ["America/Grand_Turk"],
+	TD: ["Africa/Ndjamena"],
+	TG: ["Africa/Lome"],
+	TH: ["Asia/Bangkok"],
+	TJ: ["Asia/Dushanbe"],
+	TK: ["Pacific/Fakaofo"],
+	TL: ["Asia/Dili"],
+	TM: ["Asia/Ashgabat", "Asia/Ashkhabad"],
+	TN: ["Africa/Tunis"],
+	TO: ["Pacific/Tongatapu"],
+	TR: ["Asia/Istanbul", "Europe/Istanbul"],
+	TT: ["America/Port_of_Spain"],
+	TV: ["Pacific/Funafuti"],
+	TW: ["Asia/Taipei"],
+	TZ: ["Africa/Dar_es_Salaam"],
+	UA: [
+		"Europe/Kiev",
+		"Europe/Kyiv",
+		"Europe/Simferopol",
+		"Europe/Uzhgorod",
+		"Europe/Zaporozhye"
+	],
+	UG: ["Africa/Kampala"],
+	US: /* @__PURE__ */ "America/Adak.America/Anchorage.America/Atka.America/Boise.America/Chicago.America/Denver.America/Detroit.America/Fort_Wayne.America/Indiana/Indianapolis.America/Indiana/Knox.America/Indiana/Marengo.America/Indiana/Petersburg.America/Indiana/Tell_City.America/Indiana/Vevay.America/Indiana/Vincennes.America/Indiana/Winamac.America/Indianapolis.America/Juneau.America/Kentucky/Louisville.America/Kentucky/Monticello.America/Knox_IN.America/Los_Angeles.America/Louisville.America/Menominee.America/Metlakatla.America/New_York.America/Nome.America/North_Dakota/Beulah.America/North_Dakota/Center.America/North_Dakota/New_Salem.America/Phoenix.America/Shiprock.America/Sitka.America/Yakutat.Pacific/Honolulu.US/Alaska.US/Aleutian.US/Arizona.US/Central.US/East-Indiana.US/Eastern.US/Hawaii.US/Indiana-Starke.US/Michigan.US/Mountain.US/Pacific".split("."),
+	UY: ["America/Montevideo"],
+	UZ: ["Asia/Samarkand", "Asia/Tashkent"],
+	VA: ["Europe/Vatican"],
+	VC: ["America/St_Vincent"],
+	VE: ["America/Caracas"],
+	VG: ["America/Tortola"],
+	VI: ["America/St_Thomas", "America/Virgin"],
+	VN: ["Asia/Ho_Chi_Minh", "Asia/Saigon"],
+	VU: ["Pacific/Efate"],
+	WF: ["Pacific/Wallis"],
+	WS: ["Pacific/Apia"],
+	YE: ["Asia/Aden"],
+	YT: ["Indian/Mayotte"],
+	ZA: ["Africa/Johannesburg"],
+	ZM: ["Africa/Lusaka"],
+	ZW: ["Africa/Harare"]
+}, u = new Set(c.map(([e]) => e)), d = /* @__PURE__ */ new Map();
+for (let [e, t] of Object.entries(l)) for (let n of t) d.set(n, e);
+function f(e) {
+	let t = d.get(e);
+	return t && u.has(t) ? t : null;
+}
+function p(e) {
+	if (!e) return null;
+	let t;
+	try {
+		t = new Intl.Locale(e).region;
+	} catch {
+		return null;
+	}
+	return t && u.has(t) ? t : null;
+}
+function m() {
+	let e;
+	try {
+		e = Intl.DateTimeFormat().resolvedOptions().timeZone;
+	} catch {
+		e = void 0;
+	}
+	let t = typeof navigator > "u" ? void 0 : navigator.language;
+	return f(e) || p(t) || "IN";
+}
+//#endregion
+//#region src/phoneLib.js
+function h() {
+	return Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => g(e, t.default || t));
+}
+function g(e, t) {
+	return {
+		AsYouType: e.AsYouType,
+		getExampleNumber: e.getExampleNumber,
+		isValidPhoneNumber: e.isValidPhoneNumber,
+		parsePhoneNumber: e.parsePhoneNumber,
+		examples: t
+	};
+}
+//#endregion
+//#region src/WuiPhone.js
+var _ = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, v = null, y = null;
+function b() {
+	return v ? Promise.resolve(v) : (y ||= h().then((e) => (v = e, v)).catch(() => null), y);
+}
+function x(e, t) {
+	let n = `+${s(e)}`;
+	return t?.startsWith(n) ? t.slice(n.length).trimStart() : null;
+}
+function S(e, t) {
+	if (!v || !t) return t;
+	try {
+		return x(e, new v.AsYouType(e).input(`+${s(e)}${t}`)) || t;
+	} catch {
+		return t;
+	}
+}
+function C(e, t) {
+	if (t <= 0) return 0;
+	let n = 0;
+	for (let r = 0; r < e.length; r++) if (/[0-9]/.test(e[r]) && (n += 1, n === t)) return r + 1;
+	return e.length;
+}
+function w(e) {
+	if (!v) return null;
+	try {
+		return x(e, v.getExampleNumber(e, v.examples)?.formatInternational()) || null;
+	} catch {
+		return null;
+	}
+}
+function T(e) {
+	if (!v || !e) return null;
+	try {
+		if (!v.isValidPhoneNumber(e)) return !1;
+		let t = v.parsePhoneNumber(e)?.getType?.();
+		return t === void 0 || t === "MOBILE" || t === "FIXED_LINE_OR_MOBILE";
+	} catch {
+		return null;
+	}
+}
+function E(e) {
+	if (!v) return null;
+	try {
+		let t = v.getExampleNumber(e, v.examples);
+		return t?.nationalNumber ? t.nationalNumber.length : null;
+	} catch {
+		return null;
+	}
+}
+function D(e, t, n) {
+	try {
+		let r = v.parsePhoneNumber(t, e), i = r?.nationalNumber;
+		return !i || r.country !== e || i.length > n || !t.endsWith(i) ? null : i;
+	} catch {
+		return null;
+	}
+}
+function O(e) {
+	if (!v || !e?.trim().startsWith("+")) return null;
+	try {
+		let t = new v.AsYouType();
+		t.input(e.trim());
+		let n = t.getCountry();
+		return n ? {
+			country: n,
+			national: t.getNationalNumber() || ""
+		} : null;
+	} catch {
+		return null;
+	}
+}
+var k = class extends e {
+	static formAssociated = !0;
+	static get observedAttributes() {
+		return [
+			"value",
+			"country",
+			"placeholder",
+			"disabled",
+			"required",
+			"aria-label",
+			"aria-describedby"
+		];
+	}
+	constructor() {
+		super();
+		try {
+			this._internals = this.attachInternals();
+		} catch {
+			this._internals = null;
+		}
+		this._defaultCountry = m(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
+	}
+	connectedCallback() {
+		if (!this._rendered) {
+			this.render();
+			return;
+		}
+		this._bindGlobal?.();
+	}
+	attributeChangedCallback(e, t, n) {
+		if (e === "value") {
+			this.value = n;
+			return;
+		}
+		if (this._rendered) {
+			if (e === "aria-label" || e === "aria-describedby") {
+				let t = this.querySelector("input[type=tel]");
+				t && (n == null ? t.removeAttribute(e) : t.setAttribute(e, n));
+				return;
+			}
+			e === "country" && (this._country = n || this._defaultCountry, this._suppressCountryRender) || this.render();
+		}
+	}
+	formResetCallback() {
+		this.value = this._defaultValue || "";
+	}
+	get value() {
+		return this._national ? `+${s(this._country)}${this._national}` : "";
+	}
+	set value(e) {
+		let t = String(e ?? "").trim(), n = O(t);
+		if (n) this._country = n.country, this._national = n.national.replace(/[^0-9]/g, "");
+		else if (t.startsWith("+")) {
+			let e = t.replace(/[^0-9]/g, ""), n = String(s(this._country));
+			n && e.startsWith(n) && (e = e.slice(n.length)), this._national = e;
+		} else this._national = t.replace(/[^0-9]/g, "");
+		n && this.getAttribute("country") !== this._country ? this.setAttribute("country", this._country) : this._rendered && this.render(), this._committedValue = this.value, this._syncMirror();
+	}
+	_syncMirror() {
+		i(this, this.value);
+	}
+	_emitInput() {
+		this.dispatchEvent(new Event("input", { bubbles: !0 }));
+	}
+	_emitChange() {
+		this._committedValue = this.value, this.dispatchEvent(new Event("change", { bubbles: !0 }));
+	}
+	render() {
+		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || ""), this._country = this.getAttribute("country") || this._country;
+		let e = this.getAttribute("placeholder") || w(this._country) || "Enter phone number";
+		this.id ||= `wui-phone-${Math.random().toString(36).slice(2, 9)}`;
+		let t = `${this.id}-listbox`;
+		this._listboxId = t, this.innerHTML = `
+      <div class="phone-input-wrap">
+        <div class="phone-country-adornment">
+          <button type="button" class="country-toggle" aria-label="Choose country" aria-haspopup="listbox" aria-expanded="false" aria-controls="${A(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
+            <span class="${_(this._country)}" data-flag aria-hidden="true"></span>
+            ${a("chevron-down", { className: "phone-chevron" })}
+            <span class="phone-dial" data-dial>+${s(this._country)}</span>
+          </button>
+          <div class="country-dropdown-menu" role="listbox" id="${A(t)}" tabindex="-1" hidden>
+            <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${a("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${A(t)}" aria-autocomplete="list" /></div>
+            <div class="country-list-scroll"><div class="country-empty" hidden>No countries found</div></div>
+          </div>
+        </div>
+        <input type="tel" class="input" placeholder="${A(e)}" value="${A(S(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${A(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${A(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
+      </div>
+      <div class="field-error" data-phone-error hidden></div>`, this._rendered = !0, i(this, this.value), this._wire();
+	}
+	_ensureItems() {
+		let e = this.querySelector(".country-list-scroll");
+		if (!e || e.querySelector(".country-dropdown-item")) return;
+		let t = this._listboxId, n = c.map(([e, n, r], i) => `<button type="button" role="option" id="${A(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${_(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
+		e.insertAdjacentHTML("afterbegin", n);
+	}
+	_itemEls() {
+		return [...this.querySelectorAll(".country-dropdown-item")];
+	}
+	_visibleItems() {
+		return this._itemEls().filter((e) => !e.hidden);
+	}
+	_wire() {
+		this._teardown();
+		let e = this.querySelector(".country-toggle"), i = this.querySelector(".phone-input-wrap"), a = this.querySelector(".country-dropdown-menu"), c = this.querySelector(".dropdown-search-input"), l = this.querySelector(".country-list-scroll"), u = this.querySelector(".country-empty"), d = this.querySelector("input[type=tel]"), f = this.querySelector("[data-flag]"), p = this.querySelector("[data-dial]");
+		if (!e || !a) return;
+		let m = () => !a.hidden, h = () => r(i || e, a), g = (e, { reveal: t = !0 } = {}) => {
+			let n = this._visibleItems();
+			this._active = e, o(l, e >= 0 && n[e] || null), e >= 0 && n[e] ? (t && n[e].scrollIntoView({ block: "nearest" }), c?.setAttribute("aria-activedescendant", n[e].id)) : c?.removeAttribute("aria-activedescendant");
+		}, v = () => {
+			m() && h();
+		}, y = () => {
+			this._ensureItems(), a.hidden = !1, e.setAttribute("aria-expanded", "true"), c.value = "", k(""), h(), t(this, v), c.focus(), g(this._visibleItems().findIndex((e) => e.classList.contains("selected")));
+		}, x = () => {
+			a.hidden = !0, e.setAttribute("aria-expanded", "false"), g(-1), n(this);
+		}, k = (e) => {
+			let t = e.trim().toLowerCase(), n = 0;
+			for (let e of this._itemEls()) {
+				let r = !t || e.textContent.toLowerCase().includes(t);
+				e.hidden = !r, r && (n += 1);
+			}
+			u && (u.hidden = n > 0);
+		}, A = (e) => {
+			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), f && (f.className = _(e)), p && (p.textContent = `+${s(e)}`);
+			for (let t of this._itemEls()) {
+				let n = t.dataset.iso === e;
+				t.classList.toggle("selected", n), t.setAttribute("aria-selected", String(n));
+			}
+			!this.getAttribute("placeholder") && d && (d.placeholder = w(e) || "Enter phone number"), d && this._national && (d.value = S(e, this._national)), x(), this._syncMirror(), this._emitChange(), d?.focus();
+		}, j = (t) => {
+			let n = this._visibleItems();
+			if (t.key === "ArrowDown") {
+				if (t.preventDefault(), !m()) {
+					y();
+					return;
+				}
+				g(Math.min(this._active + 1, n.length - 1));
+			} else if (t.key === "ArrowUp") {
+				if (t.preventDefault(), !m()) return;
+				g(Math.max(this._active - 1, 0));
+			} else t.key === "Enter" ? (t.preventDefault(), m() && n[this._active] && A(n[this._active].dataset.iso)) : t.key === "Escape" && m() && (t.preventDefault(), x(), e.focus());
+		};
+		e.addEventListener("click", () => m() ? x() : y()), e.addEventListener("keydown", (e) => {
+			if (m()) {
+				j(e);
+				return;
+			}
+			(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), y());
+		}), c.addEventListener("input", () => {
+			k(c.value);
+			let e = this._visibleItems();
+			g(e.length ? 0 : -1);
+		}), l.addEventListener("click", (e) => {
+			let t = e.target.closest(".country-dropdown-item");
+			t && A(t.dataset.iso);
+		}), l.addEventListener("mousemove", (e) => {
+			let t = e.target.closest(".country-dropdown-item");
+			t && !t.classList.contains("is-active") && g(this._visibleItems().indexOf(t), { reveal: !1 });
+		}), l.addEventListener("mouseleave", () => g(-1)), a.addEventListener("keydown", j);
+		let M = this.querySelector("[data-phone-error]"), N = (e) => {
+			if (d.classList.toggle("is-invalid", e), e ? d.setAttribute("aria-invalid", "true") : d.removeAttribute("aria-invalid"), M) {
+				if (e) {
+					let e = w(this._country);
+					M.textContent = e ? `Enter a valid phone number, e.g. ${e}` : "Enter a valid phone number";
+				}
+				M.hidden = !e;
+			}
+		};
+		d.addEventListener("input", (e) => {
+			e.stopPropagation();
+			let t = d.selectionStart ?? d.value.length, n = d.value.slice(0, t).replace(/[^0-9]/g, "").length, r = d.value.replace(/[^0-9]/g, ""), i = E(this._country);
+			if (i && r.length > i) {
+				let e = D(this._country, r, i);
+				e ? (n = Math.max(0, n - (r.length - e.length)), r = e) : r = r.slice(0, i);
+			}
+			this._national = r;
+			let a = S(this._country, this._national);
+			if (d.value !== a) {
+				d.value = a;
+				let e = C(a, Math.min(n, r.length));
+				d.setSelectionRange(e, e);
+			}
+			this._syncMirror(), this._emitInput(), d.classList.contains("is-invalid") && (!this._national || T(this.value) === !0) && N(!1);
+		}), d.addEventListener("change", (e) => e.stopPropagation()), d.addEventListener("blur", () => {
+			N(this._national.length > 0 && T(this.value) === !1), this.value !== this._committedValue && this._emitChange();
+		}), d.addEventListener("paste", (e) => {
+			let t = O(e.clipboardData?.getData("text"));
+			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? d.value = S(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
+		}), this._bindGlobal = () => {
+			this._teardownGlobals?.(), this._onDocClick = (e) => {
+				m() && !this.contains(e.target) && x();
+			}, document.addEventListener("click", this._onDocClick), m() && t(this, v);
+		}, this._teardownGlobals = () => {
+			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), n(this);
+		}, this._bindGlobal(), b().then((e) => {
+			if (!(!e || !d.isConnected) && (this._national && (d.value = S(this._country, this._national)), !this.getAttribute("placeholder"))) {
+				let e = w(this._country);
+				e && (d.placeholder = e);
+			}
+		}), this._syncMirror();
+	}
+	_teardown() {
+		this._teardownGlobals?.();
+	}
+	disconnectedCallback() {
+		this._teardown();
+	}
+}, A = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+//#endregion
+export { k as t };