@webority/ui-elements 0.11.0 → 0.11.1

package/dist/ui-elements.js

@@ -1864,7 +1864,7 @@ var M = (e, t) => t.some((t) => String(e ?? "").includes(t)), me = class extends
 	disconnectedCallback() {
 		this._onSelectionChange && document.removeEventListener("selectionchange", this._onSelectionChange);
 	}
-}, we = [
+}, L = [
 	[
 		"AF",
 		"Afghanistan",
@@ -3090,65 +3090,481 @@ var M = (e, t) => t.some((t) => String(e ?? "").includes(t)), me = class extends
 		"Zimbabwe",
 		"263"
 	]
-], L = (e) => (we.find((t) => t[0] === e) || [
+], R = (e) => (L.find((t) => t[0] === e) || [
 	"",
 	"",
 	""
-])[2], R = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, z = null, Te = null;
-function Ee() {
-	return z ? Promise.resolve(z) : (Te ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (z = {
+])[2], we = {
+	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/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"
+	],
+	AS: [
+		"Pacific/Pago_Pago",
+		"Pacific/Samoa",
+		"US/Samoa"
+	],
+	AT: ["Europe/Vienna"],
+	AU: [
+		"Antarctica/Macquarie",
+		"Australia/Adelaide",
+		"Australia/Brisbane",
+		"Australia/Broken_Hill",
+		"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_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/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/Rankin_Inlet.America/Regina.America/Resolute.America/St_Johns.America/Swift_Current.America/Toronto.America/Vancouver.America/Whitehorse.America/Winnipeg.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/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"
+	],
+	FO: ["Atlantic/Faeroe", "Atlantic/Faroe"],
+	FR: ["Europe/Paris"],
+	GA: ["Africa/Libreville"],
+	GB: ["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"],
+	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/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"],
+	ME: ["Europe/Podgorica"],
+	MF: ["America/Marigot"],
+	MG: ["Indian/Antananarivo"],
+	MH: ["Pacific/Kwajalein", "Pacific/Majuro"],
+	MK: ["Europe/Skopje"],
+	ML: ["Africa/Bamako"],
+	MM: ["Asia/Rangoon", "Asia/Yangon"],
+	MN: [
+		"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/Hermosillo",
+		"America/Matamoros",
+		"America/Mazatlan",
+		"America/Merida",
+		"America/Mexico_City",
+		"America/Monterrey",
+		"America/Ojinaga",
+		"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"],
+	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"
+	],
+	UG: ["Africa/Kampala"],
+	US: /* @__PURE__ */ "America/Adak.America/Anchorage.America/Boise.America/Chicago.America/Denver.America/Detroit.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/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"]
+}, Te = new Set(L.map(([e]) => e)), Ee = /* @__PURE__ */ new Map();
+for (let [e, t] of Object.entries(we)) for (let n of t) Ee.set(n, e);
+function De(e) {
+	let t = Ee.get(e);
+	return t && Te.has(t) ? t : null;
+}
+function Oe(e) {
+	if (!e) return null;
+	let t;
+	try {
+		t = new Intl.Locale(e).region;
+	} catch {
+		return null;
+	}
+	return t && Te.has(t) ? t : null;
+}
+function ke() {
+	let e;
+	try {
+		e = Intl.DateTimeFormat().resolvedOptions().timeZone;
+	} catch {
+		e = void 0;
+	}
+	let t = typeof navigator > "u" ? void 0 : navigator.language;
+	return De(e) || Oe(t) || "IN";
+}
+//#endregion
+//#region src/WuiPhone.js
+var z = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, B = null, Ae = null;
+function je() {
+	return B ? Promise.resolve(B) : (Ae ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (B = {
 		AsYouType: e.AsYouType,
 		getExampleNumber: e.getExampleNumber,
 		isValidPhoneNumber: e.isValidPhoneNumber,
 		parsePhoneNumber: e.parsePhoneNumber,
 		examples: t.default || t
-	}, z)).catch(() => null), Te);
+	}, B)).catch(() => null), Ae);
 }
-function B(e, t) {
-	if (!z || !t) return t;
+function Me(e, t) {
+	let n = `+${R(e)}`;
+	return t?.startsWith(n) ? t.slice(n.length).trimStart() : null;
+}
+function V(e, t) {
+	if (!B || !t) return t;
 	try {
-		return new z.AsYouType(e).input(t);
+		return Me(e, new B.AsYouType(e).input(`+${R(e)}${t}`)) || t;
 	} catch {
 		return t;
 	}
 }
-function De(e, t) {
+function Ne(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 V(e) {
-	if (!z) return null;
+function H(e) {
+	if (!B) return null;
 	try {
-		return z.getExampleNumber(e, z.examples)?.formatNational() || null;
+		return Me(e, B.getExampleNumber(e, B.examples)?.formatInternational()) || null;
 	} catch {
 		return null;
 	}
 }
-function Oe(e) {
-	if (!z || !e) return null;
+function Pe(e) {
+	if (!B || !e) return null;
 	try {
-		if (!z.isValidPhoneNumber(e)) return !1;
-		let t = z.parsePhoneNumber(e)?.getType?.();
+		if (!B.isValidPhoneNumber(e)) return !1;
+		let t = B.parsePhoneNumber(e)?.getType?.();
 		return t === void 0 || t === "MOBILE" || t === "FIXED_LINE_OR_MOBILE";
 	} catch {
 		return null;
 	}
 }
-function ke(e) {
-	if (!z) return null;
+function Fe(e) {
+	if (!B) return null;
 	try {
-		let t = z.getExampleNumber(e, z.examples);
+		let t = B.getExampleNumber(e, B.examples);
 		return t?.nationalNumber ? t.nationalNumber.length : null;
 	} catch {
 		return null;
 	}
 }
-function H(e) {
-	if (!z || !e?.trim().startsWith("+")) return null;
+function Ie(e) {
+	if (!B || !e?.trim().startsWith("+")) return null;
 	try {
-		let t = new z.AsYouType();
+		let t = new B.AsYouType();
 		t.input(e.trim());
 		let n = t.getCountry();
 		return n ? {
@@ -3159,7 +3575,7 @@ function H(e) {
 		return null;
 	}
 }
-var Ae = class extends e {
+var Le = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3179,7 +3595,7 @@ var Ae = class extends e {
 		} catch {
 			this._internals = null;
 		}
-		this._country = "IN", this._national = "", this._active = -1, this._committedValue = "";
+		this._defaultCountry = ke(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
 	}
 	connectedCallback() {
 		if (!this._rendered) {
@@ -3199,20 +3615,20 @@ var Ae = class extends e {
 				t && (n == null ? t.removeAttribute(e) : t.setAttribute(e, n));
 				return;
 			}
-			e === "country" && (this._country = n || "IN", this._suppressCountryRender) || this.render();
+			e === "country" && (this._country = n || this._defaultCountry, this._suppressCountryRender) || this.render();
 		}
 	}
 	formResetCallback() {
 		this.value = this._defaultValue || "";
 	}
 	get value() {
-		return this._national ? `+${L(this._country)}${this._national}` : "";
+		return this._national ? `+${R(this._country)}${this._national}` : "";
 	}
 	set value(e) {
-		let t = String(e ?? "").trim(), n = H(t);
+		let t = String(e ?? "").trim(), n = Ie(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(L(this._country));
+			let e = t.replace(/[^0-9]/g, ""), n = String(R(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();
@@ -3228,25 +3644,25 @@ var Ae = class extends e {
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || ""), this._country = this.getAttribute("country") || this._country;
-		let e = this.getAttribute("placeholder") || V(this._country) || "Enter phone number";
+		let e = this.getAttribute("placeholder") || H(this._country) || "Enter phone number";
 		this.id ||= `wui-phone-${Math.random().toString(36).slice(2, 9)}`;
 		let t = `${this.id}-listbox`;
 		this._listboxId = t;
-		let n = we.map(([e, n, r], i) => `<button type="button" role="option" id="${U(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${R(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
+		let n = L.map(([e, n, r], i) => `<button type="button" role="option" id="${U(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${z(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
 		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="${U(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
-            <span class="${R(this._country)}" data-flag aria-hidden="true"></span>
+            <span class="${z(this._country)}" data-flag aria-hidden="true"></span>
             ${p("chevron-down", { className: "phone-chevron" })}
-            <span class="phone-dial" data-dial>+${L(this._country)}</span>
+            <span class="phone-dial" data-dial>+${R(this._country)}</span>
           </button>
           <div class="country-dropdown-menu" role="listbox" id="${U(t)}" tabindex="-1" hidden>
             <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${p("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${U(t)}" aria-autocomplete="list" /></div>
             <div class="country-list-scroll">${n}<div class="country-empty" hidden>No countries found</div></div>
           </div>
         </div>
-        <input type="tel" class="input" placeholder="${U(e)}" value="${U(B(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${U(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${U(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
+        <input type="tel" class="input" placeholder="${U(e)}" value="${U(V(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${U(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${U(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, d(this, this.value), this._wire();
 	}
@@ -3277,12 +3693,12 @@ var Ae = class extends e {
 			}
 			a && (a.hidden = n > 0);
 		}, v = (e) => {
-			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = R(e)), d && (d.textContent = `+${L(e)}`);
+			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = z(e)), d && (d.textContent = `+${R(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") && o && (o.placeholder = V(e) || "Enter phone number"), o && this._national && (o.value = B(e, this._national)), g(), this._syncMirror(), this._emitChange(), o?.focus();
+			!this.getAttribute("placeholder") && o && (o.placeholder = H(e) || "Enter phone number"), o && this._national && (o.value = V(e, this._national)), g(), this._syncMirror(), this._emitChange(), o?.focus();
 		}, y = (t) => {
 			let n = this._visibleItems();
 			if (t.key === "ArrowDown") {
@@ -3316,7 +3732,7 @@ var Ae = class extends e {
 		let b = this.querySelector("[data-phone-error]"), x = (e) => {
 			if (o.classList.toggle("is-invalid", e), e ? o.setAttribute("aria-invalid", "true") : o.removeAttribute("aria-invalid"), b) {
 				if (e) {
-					let e = V(this._country);
+					let e = H(this._country);
 					b.textContent = e ? `Enter a valid phone number, e.g. ${e}` : "Enter a valid phone number";
 				}
 				b.hidden = !e;
@@ -3324,20 +3740,20 @@ var Ae = class extends e {
 		};
 		o.addEventListener("input", (e) => {
 			e.stopPropagation();
-			let t = o.selectionStart ?? o.value.length, n = o.value.slice(0, t).replace(/[^0-9]/g, "").length, r = o.value.replace(/[^0-9]/g, ""), i = ke(this._country);
+			let t = o.selectionStart ?? o.value.length, n = o.value.slice(0, t).replace(/[^0-9]/g, "").length, r = o.value.replace(/[^0-9]/g, ""), i = Fe(this._country);
 			i && r.length > i && (r = r.slice(0, i)), this._national = r;
-			let a = B(this._country, this._national);
+			let a = V(this._country, this._national);
 			if (o.value !== a) {
 				o.value = a;
-				let e = De(a, Math.min(n, r.length));
+				let e = Ne(a, Math.min(n, r.length));
 				o.setSelectionRange(e, e);
 			}
-			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || Oe(this.value) === !0) && x(!1);
+			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || Pe(this.value) === !0) && x(!1);
 		}), o.addEventListener("change", (e) => e.stopPropagation()), o.addEventListener("blur", () => {
-			x(this._national.length > 0 && Oe(this.value) === !1), this.value !== this._committedValue && this._emitChange();
+			x(this._national.length > 0 && Pe(this.value) === !1), this.value !== this._committedValue && this._emitChange();
 		}), o.addEventListener("paste", (e) => {
-			let t = H(e.clipboardData?.getData("text"));
-			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = B(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
+			let t = Ie(e.clipboardData?.getData("text"));
+			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = V(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) => {
 				f() && !this.contains(e.target) && g();
@@ -3346,9 +3762,9 @@ var Ae = class extends e {
 			});
 		}, this._teardownGlobals = () => {
 			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this);
-		}, this._bindGlobal(), Ee().then((e) => {
-			if (!(!e || !o.isConnected) && (this._national && (o.value = B(this._country, this._national)), !this.getAttribute("placeholder"))) {
-				let e = V(this._country);
+		}, this._bindGlobal(), je().then((e) => {
+			if (!(!e || !o.isConnected) && (this._national && (o.value = V(this._country, this._national)), !this.getAttribute("placeholder"))) {
+				let e = H(this._country);
 				e && (o.placeholder = e);
 			}
 		}), this._syncMirror();
@@ -3359,7 +3775,7 @@ var Ae = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, U = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), je = class extends e {
+}, U = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Re = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3565,7 +3981,7 @@ var Ae = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, W = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Me = class extends e {
+}, W = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), ze = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3707,7 +4123,7 @@ var Ae = class extends e {
             aria-valuenow="${this._value}"
             aria-valuetext="${this._formatValue(this._value)}"
             ${a ? "disabled" : ""}
-            aria-label="${Ne(this.getAttribute("aria-label") || "Value")}"
+            aria-label="${Be(this.getAttribute("aria-label") || "Value")}"
           ></button>
         `}
         ${this.hasAttribute("show-value") ? n ? `<span class="slider-value">${this._formatValue(this._start)} – ${this._formatValue(this._end)}</span>` : `<span class="slider-value">${this._formatValue(this._value)}</span>` : ""}
@@ -3810,7 +4226,7 @@ var Ae = class extends e {
 }, G = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, Ne = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Pe = class extends e {
+}, Be = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ve = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
@@ -3895,7 +4311,7 @@ var Ae = class extends e {
 				e.innerHTML = "";
 				return;
 			}
-			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Fe(e)}</span><button type="button" class="chip-remove" data-remove="${K(e)}" aria-label="Remove ${K(e)}">${p("x")}</button></span>`).join("");
+			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${He(e)}</span><button type="button" class="chip-remove" data-remove="${K(e)}" aria-label="Remove ${K(e)}">${p("x")}</button></span>`).join("");
 		}
 	}
 	_wire() {
@@ -3964,7 +4380,7 @@ var Ae = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Fe = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), K = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), q = (e) => String(e).padStart(2, "0"), Ie = (e, t) => `${q(e)}:${q(t)}`, J = (e) => {
+}, He = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), K = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), q = (e) => String(e).padStart(2, "0"), Ue = (e, t) => `${q(e)}:${q(t)}`, J = (e) => {
 	let t = /^(\d{2}):(\d{2})$/.exec(e || "");
 	return t ? {
 		h: +t[1],
@@ -3972,10 +4388,10 @@ var Ae = class extends e {
 	} : null;
 }, Y = (e, t = "24") => {
 	if (!e) return "";
-	if (t === "24") return Ie(e.h, e.m);
+	if (t === "24") return Ue(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
 	return `${n}:${q(e.m)} ${r}`;
-}, Le = class extends e {
+}, We = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4060,7 +4476,7 @@ var Ae = class extends e {
 		if (!e) return;
 		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = J(this._value), i = this._focus, a = "";
 		for (let e = 0; e < n.length; e++) {
-			let o = n[e], s = Ie(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
+			let o = n[e], s = Ue(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
 			a += `<button type="button" class="timepicker-option${c ? " is-selected" : ""}" data-hm="${s}" role="option" tabindex="${i === e ? "0" : "-1"}"${c ? " aria-selected=\"true\"" : ""}>${Y(o, t)}</button>`;
 		}
 		e.innerHTML = a, this._focusActive();
@@ -4159,7 +4575,7 @@ var Ae = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Re = "wui-wizard-step", ze = class extends e {
+}, Ge = "wui-wizard-step", Ke = class extends e {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -4193,7 +4609,7 @@ var Ae = class extends e {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${Re}`)];
+		return [...this.querySelectorAll(`:scope > ${Ge}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -4326,7 +4742,7 @@ var Ae = class extends e {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Be = class extends e {
+}, X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), qe = class extends e {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -4340,8 +4756,8 @@ var Ae = class extends e {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}, Ve = 2e3;
-async function He(e) {
+}, Je = 2e3;
+async function Ye(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 	} catch {}
@@ -4356,14 +4772,14 @@ async function He(e) {
 }
 //#endregion
 //#region src/fileValidation.js
-var Ue = "image/png,image/jpeg,image/webp", We = 5, Ge = {
+var Xe = "image/png,image/jpeg,image/webp", Ze = 5, Qe = {
 	"image/png": [".png"],
 	"image/jpeg": [".jpg", ".jpeg"],
 	"image/webp": [".webp"],
 	"image/gif": [".gif"],
 	"image/svg+xml": [".svg"],
 	"application/pdf": [".pdf"]
-}, Ke = {
+}, $e = {
 	"image/png": "PNG",
 	"image/jpeg": "JPG",
 	"image/webp": "WEBP",
@@ -4377,7 +4793,7 @@ var Ue = "image/png,image/jpeg,image/webp", We = 5, Ge = {
 	".gif": "GIF",
 	".svg": "SVG",
 	".pdf": "PDF"
-}, Z = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), qe = [
+}, Z = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), et = [
 	".png",
 	".jpg",
 	".jpeg",
@@ -4388,35 +4804,35 @@ var Ue = "image/png,image/jpeg,image/webp", We = 5, Ge = {
 	".avif",
 	".heic"
 ];
-function Je(e) {
+function tt(e) {
 	if (!e) return !1;
 	let t = typeof e == "object" && e.type ? String(e.type).toLowerCase() : "";
 	if (t) return t.startsWith("image/");
 	let n = typeof e == "string" ? e : e.name || e.url || "", r = String(n).toLowerCase();
-	return qe.some((e) => r.endsWith(e));
+	return et.some((e) => r.endsWith(e));
 }
-function Ye(e) {
+function nt(e) {
 	let t = Z(e);
-	return t.length ? t.every((e) => e.startsWith(".") ? qe.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
+	return t.length ? t.every((e) => e.startsWith(".") ? et.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
 }
-function Xe(e) {
+function rt(e) {
 	let t = [];
 	for (let n of Z(e)) {
-		let e = Ke[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
+		let e = $e[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
 		t.includes(e) || t.push(e);
 	}
 	return t.length <= 1 ? t[0] || "supported" : `${t.slice(0, -1).join(", ")} or ${t[t.length - 1]}`;
 }
-function Ze(e, t) {
+function it(e, t) {
 	let n = Z(t);
 	if (!n.length) return !0;
 	let r = (e.type || "").toLowerCase(), i = (e.name || "").toLowerCase();
-	return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r && r === e ? !0 : !r && (Ge[e] || []).some((e) => i.endsWith(e)));
+	return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r && r === e ? !0 : !r && (Qe[e] || []).some((e) => i.endsWith(e)));
 }
-function Qe(e, t = {}) {
+function at(e, t = {}) {
 	if (!e) return null;
-	let n = t.accept === void 0 ? Ue : t.accept, r = t.maxSizeMb || 5;
-	return Ze(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${Xe(n)} file.`;
+	let n = t.accept === void 0 ? Xe : t.accept, r = t.maxSizeMb || 5;
+	return it(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${rt(n)} file.`;
 }
 //#endregion
 //#region src/passwordRules.js
@@ -4427,15 +4843,15 @@ var Q = {
 	digit: !0,
 	special: !0,
 	uniqueChars: 0
-}, $e = "Password Requirements";
-function et(e) {
+}, ot = "Password Requirements";
+function st(e) {
 	return e === !0 || e == null ? { ...Q } : {
 		...Q,
 		...e
 	};
 }
-function tt(e) {
-	let t = et(e), n = [];
+function ct(e) {
+	let t = st(e), n = [];
 	if (t.minLength > 0 && n.push({
 		key: "length",
 		label: `At least ${t.minLength} characters long`,
@@ -4466,25 +4882,25 @@ function tt(e) {
 	}
 	return n;
 }
-function nt(e, t) {
+function lt(e, t) {
 	let n = e == null ? "" : String(e);
-	return tt(t).map((e) => ({
+	return ct(t).map((e) => ({
 		key: e.key,
 		label: e.label,
 		met: e.test(n)
 	}));
 }
-function rt(e, t) {
-	return nt(e, t).every((e) => e.met);
+function ut(e, t) {
+	return lt(e, t).every((e) => e.met);
 }
 //#endregion
 //#region src/index.js
 var $ = (e, t) => {
 	typeof customElements < "u" && !customElements.get(e) && customElements.define(e, t);
 };
-function it() {
-	$("wui-select", je), $("wui-phone", Ae), $("wui-datepicker", ee), $("wui-date-range", te), $("wui-dock", ne), $("wui-feedback", oe), $("wui-slider", Me), $("wui-timepicker", Le), $("wui-autocomplete", y), $("wui-multiselect", me), $("wui-taginput", Pe), $("wui-otp", Ce), $("wui-status-icon", r), $("wui-wizard-step", Be), $("wui-wizard", ze);
+function dt() {
+	$("wui-select", Re), $("wui-phone", Le), $("wui-datepicker", ee), $("wui-date-range", te), $("wui-dock", ne), $("wui-feedback", oe), $("wui-slider", ze), $("wui-timepicker", We), $("wui-autocomplete", y), $("wui-multiselect", me), $("wui-taginput", Ve), $("wui-otp", Ce), $("wui-status-icon", r), $("wui-wizard-step", qe), $("wui-wizard", Ke);
 }
-it();
+dt();
 //#endregion
-export { Ve as COPY_FEEDBACK_MS, Ue as DEFAULT_IMAGE_ACCEPT, We as DEFAULT_MAX_SIZE_MB, Q as DEFAULT_PASSWORD_RULES, $e as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, ee as WuiDatePicker, te as WuiDateRange, ne as WuiDock, oe as WuiFeedback, me as WuiMultiSelect, Ce as WuiOtp, Ae as WuiPhone, je as WuiSelect, Me as WuiSlider, r as WuiStatusIcon, Pe as WuiTagInput, Le as WuiTimePicker, ze as WuiWizard, Be as WuiWizardStep, Xe as acceptLabel, tt as buildPasswordRules, He as copyTextToClipboard, it as defineWeborityElements, nt as evaluatePassword, p as glyphSvg, Je as isImageFile, Ye as isImageOnlyAccept, Ze as matchesAccept, rt as passwordSatisfies, Qe as validateFile };
+export { Je as COPY_FEEDBACK_MS, Xe as DEFAULT_IMAGE_ACCEPT, Ze as DEFAULT_MAX_SIZE_MB, Q as DEFAULT_PASSWORD_RULES, ot as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, ee as WuiDatePicker, te as WuiDateRange, ne as WuiDock, oe as WuiFeedback, me as WuiMultiSelect, Ce as WuiOtp, Le as WuiPhone, Re as WuiSelect, ze as WuiSlider, r as WuiStatusIcon, Ve as WuiTagInput, We as WuiTimePicker, Ke as WuiWizard, qe as WuiWizardStep, rt as acceptLabel, ct as buildPasswordRules, Ye as copyTextToClipboard, dt as defineWeborityElements, lt as evaluatePassword, p as glyphSvg, tt as isImageFile, nt as isImageOnlyAccept, it as matchesAccept, ut as passwordSatisfies, at as validateFile };