@webority/ui-elements 0.13.0 → 0.13.3

package/dist/ui-elements.js

@@ -715,7 +715,7 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
         max-width: none;
     }
 }
-`, w = "wui-consent-save", te = "[data-consent-settings]", T = {
+`, w = "wui-consent-save", T = "[data-consent-settings]", E = {
 	heading: "Cookies on this site",
 	description: "We use cookies to understand how the site is used and to measure our campaigns. You can change your choice at any time.",
 	policyLabel: "Cookie policy",
@@ -731,11 +731,11 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	rejectLabel: "Reject all",
 	acceptLabel: "Accept all",
 	saveLabel: "Save preferences"
-}, ne = [
+}, te = [
 	"analytics",
 	"functional",
 	"marketing"
-], re = 0, ie = class extends e {
+], ne = 0, re = class extends e {
 	static get observedAttributes() {
 		return [
 			"heading",
@@ -748,12 +748,12 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		];
 	}
 	constructor() {
-		super(), re += 1, this._uid = `wui-consent-${re}`, this._preferences = {
+		super(), ne += 1, this._uid = `wui-consent-${ne}`, this._preferences = {
 			analytics: !1,
 			functional: !1,
 			marketing: !1
 		}, this._settings = !1, this._onDocumentClick = (e) => {
-			e.target instanceof Element && e.target.closest(te) && (e.preventDefault(), this.open({
+			e.target instanceof Element && e.target.closest(T) && (e.preventDefault(), this.open({
 				settings: !0,
 				focus: !0
 			}));
@@ -772,13 +772,13 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		this.toggleAttribute("standalone", e === !0 || e === "" || e === "true");
 	}
 	get heading() {
-		return this.getAttribute("heading") || T.heading;
+		return this.getAttribute("heading") || E.heading;
 	}
 	set heading(e) {
 		this.setAttribute("heading", String(e ?? ""));
 	}
 	get description() {
-		return this.getAttribute("description") || T.description;
+		return this.getAttribute("description") || E.description;
 	}
 	set description(e) {
 		this.setAttribute("description", String(e ?? ""));
@@ -790,25 +790,25 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		this.setAttribute("policy-href", String(e ?? ""));
 	}
 	get policyLabel() {
-		return this.getAttribute("policy-label") || T.policyLabel;
+		return this.getAttribute("policy-label") || E.policyLabel;
 	}
 	set policyLabel(e) {
 		this.setAttribute("policy-label", String(e ?? ""));
 	}
 	get analyticsDescription() {
-		return this.getAttribute("analytics-description") || T.analyticsDescription;
+		return this.getAttribute("analytics-description") || E.analyticsDescription;
 	}
 	set analyticsDescription(e) {
 		this.setAttribute("analytics-description", String(e ?? ""));
 	}
 	get functionalDescription() {
-		return this.getAttribute("functional-description") || T.functionalDescription;
+		return this.getAttribute("functional-description") || E.functionalDescription;
 	}
 	set functionalDescription(e) {
 		this.setAttribute("functional-description", String(e ?? ""));
 	}
 	get marketingDescription() {
-		return this.getAttribute("marketing-description") || T.marketingDescription;
+		return this.getAttribute("marketing-description") || E.marketingDescription;
 	}
 	set marketingDescription(e) {
 		this.setAttribute("marketing-description", String(e ?? ""));
@@ -836,22 +836,22 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		this._rendered && this.render();
 	}
 	render() {
-		let e = this.isOpen, t = this._uid, n = this.policyHref ? ` <a class="wui-consent-banner-policy" href="${ae(this.policyHref)}">${D(this.policyLabel)}</a>` : "", r = this._root();
+		let e = this.isOpen, t = this._uid, n = this.policyHref ? ` <a class="wui-consent-banner-policy" href="${ie(this.policyHref)}">${O(this.policyLabel)}</a>` : "", r = this._root();
 		r.innerHTML = `${r === this ? "" : `<style>${ee}</style>`}
       <div class="wui-consent-banner-panel" role="dialog" aria-labelledby="${t}-heading" aria-describedby="${t}-description" hidden>
-        <h2 class="wui-consent-banner-heading" id="${t}-heading">${D(this.heading)}</h2>
-        <p class="wui-consent-banner-description" id="${t}-description">${D(this.description)}${n}</p>
+        <h2 class="wui-consent-banner-heading" id="${t}-heading">${O(this.heading)}</h2>
+        <p class="wui-consent-banner-description" id="${t}-description">${O(this.description)}${n}</p>
         <div class="wui-consent-banner-settings" hidden>
-          ${E(t, "essential", T.essentialLabel, T.essentialDescription, !0)}
-          ${E(t, "analytics", T.analyticsLabel, this.analyticsDescription, !1)}
-          ${E(t, "functional", T.functionalLabel, this.functionalDescription, !1)}
-          ${E(t, "marketing", T.marketingLabel, this.marketingDescription, !1)}
+          ${D(t, "essential", E.essentialLabel, E.essentialDescription, !0)}
+          ${D(t, "analytics", E.analyticsLabel, this.analyticsDescription, !1)}
+          ${D(t, "functional", E.functionalLabel, this.functionalDescription, !1)}
+          ${D(t, "marketing", E.marketingLabel, this.marketingDescription, !1)}
         </div>
         <div class="wui-consent-banner-actions">
-          <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${T.settingsLabel}</button>
-          <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${T.rejectLabel}</button>
-          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${T.acceptLabel}</button>
-          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${T.saveLabel}</button>
+          <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${E.settingsLabel}</button>
+          <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${E.rejectLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${E.acceptLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${E.saveLabel}</button>
         </div>
       </div>`, this._rendered = !0, this._wire(), this._applyPreferences(), this._showSettings(this._settings), e && (this._panel().hidden = !1);
 	}
@@ -889,11 +889,11 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	}
 	_switchValues() {
 		let e = {};
-		for (let t of ne) e[t] = this._root().querySelector(`input[data-category="${t}"]`)?.checked === !0;
+		for (let t of te) e[t] = this._root().querySelector(`input[data-category="${t}"]`)?.checked === !0;
 		return e;
 	}
 	_applyPreferences() {
-		for (let e of ne) {
+		for (let e of te) {
 			let t = this._root().querySelector(`input[data-category="${e}"]`);
 			t && (t.checked = this._preferences[e]);
 		}
@@ -911,17 +911,17 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		}
 	}
 };
-function E(e, t, n, r, i) {
+function D(e, t, n, r, i) {
 	let a = `${e}-${t}`;
 	return `<div class="wui-consent-banner-category">
             <div class="form-check form-switch">
               <input class="form-check-input" type="checkbox" role="switch" id="${a}" data-category="${t}"${i ? " checked disabled" : ""} />
-              <label class="form-check-label" for="${a}">${D(n)}</label>
+              <label class="form-check-label" for="${a}">${O(n)}</label>
             </div>
-            <p class="wui-consent-banner-category-description">${D(r)}</p>
+            <p class="wui-consent-banner-category-description">${O(r)}</p>
           </div>`;
 }
-var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ae = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), O = [
+var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ie = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), k = [
 	"January",
 	"February",
 	"March",
@@ -934,7 +934,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	"October",
 	"November",
 	"December"
-], k = [
+], A = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -942,7 +942,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	"Th",
 	"Fr",
 	"Sa"
-], A = (e) => String(e).padStart(2, "0"), j = (e, t, n) => `${e}-${A(t + 1)}-${A(n)}`, M = (e) => {
+], ae = (e) => String(e).padStart(2, "0"), j = (e, t, n) => `${e}-${ae(t + 1)}-${ae(n)}`, M = (e) => {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e || "");
 	return t ? {
 		y: +t[1],
@@ -951,7 +951,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	} : null;
 }, N = (e) => {
 	let t = M(e);
-	return t ? `${A(t.d)} ${O[t.m].slice(0, 3)} ${t.y}` : "";
+	return t ? `${ae(t.d)} ${k[t.m].slice(0, 3)} ${t.y}` : "";
 }, P = (e, t) => new Date(e, t + 1, 0).getDate(), F = (e, t) => {
 	for (; t < 0;) t += 12, --e;
 	for (; t > 11;) t -= 12, e += 1;
@@ -1079,11 +1079,11 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		for (let e = 1; e <= n; e++) c += s(this._viewY, this._viewM, e, !1);
 		let d = F(this._viewY, this._viewM + 1), f = (7 - (t + n) % 7) % 7;
 		for (let e = 1; e <= f; e++) c += s(d.y, d.m, e, !0);
-		let m = k.map((t, n) => k[(n + e) % 7]).map((e) => `<span>${e}</span>`).join("");
+		let m = A.map((t, n) => A[(n + e) % 7]).map((e) => `<span>${e}</span>`).join("");
 		return `
       <div class="datepicker-head">
         <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${p("chevron-left")}</button>
-        <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${O[this._viewM]} ${this._viewY}</button>
+        <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${k[this._viewM]} ${this._viewY}</button>
         <button type="button" class="datepicker-nav-btn" data-nav="1" aria-label="Next month">${p("chevron-right")}</button>
       </div>
       <div class="datepicker-weekdays">${m}</div>
@@ -1101,7 +1101,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 				o ? "is-today" : "",
 				a ? "is-selected" : ""
 			].filter(Boolean).join(" ");
-			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${O[i].slice(0, 3)}</button>`;
+			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${k[i].slice(0, 3)}</button>`;
 		}
 		return `
       <div class="datepicker-head">
@@ -1388,7 +1388,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		};
 	}
 	_monthHtml(e, t) {
-		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = P(e, t), a = this._limits(), o = k.map((e, t) => k[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
+		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = P(e, t), a = this._limits(), o = A.map((e, t) => A[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
 			let i = j(e, t, n), o = a(e, t, n);
 			return `<button type="button" class="${["datepicker-day", r ? "is-outside" : ""].filter(Boolean).join(" ")}" data-iso="${i}"${o ? " disabled" : ""}>${n}</button>`;
 		}, c = "", l = F(e, t - 1), u = P(l.y, l.m);
@@ -1398,7 +1398,7 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		for (let e = 1; e <= f; e++) c += s(d.y, d.m, e, !0);
 		return `
       <div class="daterange-cal">
-        <div class="datepicker-month-label">${O[t]} ${e}</div>
+        <div class="datepicker-month-label">${k[t]} ${e}</div>
         <div class="datepicker-weekdays">${o}</div>
         <div class="datepicker-grid" role="grid">${c}</div>
       </div>`;
@@ -1549,209 +1549,23 @@ var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 }, le = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, ue = "wui-feedback-submit", I = {
-	label: "Feedback",
-	heading: "Share feedback",
-	placeholder: "What's working, what isn't?",
-	emailLabel: "Email (optional)",
-	submitLabel: "Send feedback",
-	sendingLabel: "Sending…",
-	messageLabel: "Your message",
-	emptyError: "Please write a message before sending.",
-	failedError: "That didn't send. Please try again.",
-	thanks: "Thanks — we've got it."
-}, de = 1e4, fe = 1600, pe = class extends e {
-	static get observedAttributes() {
-		return [
-			"position",
-			"label",
-			"heading",
-			"placeholder",
-			"collect-email",
-			"surface",
-			"screen"
-		];
-	}
-	constructor() {
-		super(), this._state = "idle", this._submitListeners = 0, this._timer = 0, this._thanksTimer = 0;
-	}
-	get position() {
-		return this.getAttribute("position") === "bottom-left" ? "bottom-left" : "bottom-right";
-	}
-	set position(e) {
-		this.setAttribute("position", String(e ?? "bottom-right"));
-	}
-	get label() {
-		return this.getAttribute("label") || I.label;
-	}
-	set label(e) {
-		this.setAttribute("label", String(e ?? ""));
-	}
-	get heading() {
-		return this.getAttribute("heading") || I.heading;
-	}
-	set heading(e) {
-		this.setAttribute("heading", String(e ?? ""));
-	}
-	get placeholder() {
-		return this.getAttribute("placeholder") || I.placeholder;
-	}
-	set placeholder(e) {
-		this.setAttribute("placeholder", String(e ?? ""));
-	}
-	get collectEmail() {
-		return this.hasAttribute("collect-email");
-	}
-	set collectEmail(e) {
-		e ? this.setAttribute("collect-email", "") : this.removeAttribute("collect-email");
-	}
-	get isOpen() {
-		return this._open === !0;
-	}
-	addEventListener(e, t, n) {
-		e === ue && (this._submitListeners += 1), super.addEventListener(e, t, n);
-	}
-	removeEventListener(e, t, n) {
-		e === ue && this._submitListeners > 0 && --this._submitListeners, super.removeEventListener(e, t, n);
-	}
-	connectedCallback() {
-		this._rendered || this.render();
-	}
-	disconnectedCallback() {
-		this._clearTimers();
-	}
-	attributeChangedCallback(e, t, n) {
-		this._rendered && e !== "position" && this.render();
-	}
-	render() {
-		let e = this._open === !0, t = this._refs().message?.value ?? "", n = this._refs().email?.value ?? "";
-		this.innerHTML = `
-      <button type="button" class="feedback-trigger" aria-expanded="false" aria-haspopup="dialog">
-        <span class="feedback-trigger-icon" aria-hidden="true">${p("message-square", { size: 18 })}</span>
-        <span class="feedback-trigger-label">${me(this.label)}</span>
-      </button>
-      <div class="feedback-panel" role="dialog" aria-label="${he(this.heading)}" hidden>
-        <div class="feedback-head">
-          <h2 class="feedback-heading">${me(this.heading)}</h2>
-          <button type="button" class="feedback-close" aria-label="Close">${p("x", { size: 16 })}</button>
-        </div>
-        <div class="feedback-body">
-          <label class="feedback-field">
-            <span class="feedback-field-label">${I.messageLabel}</span>
-            <textarea class="feedback-message" rows="4" required placeholder="${he(this.placeholder)}"></textarea>
-          </label>
-          ${this.collectEmail ? `<label class="feedback-field">
-            <span class="feedback-field-label">${I.emailLabel}</span>
-            <input type="email" class="feedback-email" autocomplete="email" placeholder="you@example.com" />
-          </label>` : ""}
-          <p class="feedback-error" role="alert" hidden></p>
-        </div>
-        <div class="feedback-actions">
-          <button type="button" class="feedback-cancel">Cancel</button>
-          <button type="button" class="feedback-submit">${I.submitLabel}</button>
-        </div>
-        <div class="feedback-thanks" hidden>
-          <span class="feedback-thanks-icon" aria-hidden="true">${p("check-circle", { size: 20 })}</span>
-          <span class="feedback-thanks-text">${I.thanks}</span>
-        </div>
-      </div>`, this._rendered = !0, this._wire();
-		let r = this._refs();
-		r.message && (r.message.value = t), r.email && (r.email.value = n), e && this.open({ focus: !1 });
-	}
-	_refs() {
-		return {
-			trigger: this.querySelector(".feedback-trigger"),
-			panel: this.querySelector(".feedback-panel"),
-			close: this.querySelector(".feedback-close"),
-			cancel: this.querySelector(".feedback-cancel"),
-			submit: this.querySelector(".feedback-submit"),
-			message: this.querySelector(".feedback-message"),
-			email: this.querySelector(".feedback-email"),
-			error: this.querySelector(".feedback-error"),
-			thanks: this.querySelector(".feedback-thanks")
-		};
-	}
-	_wire() {
-		let { trigger: e, close: t, cancel: n, submit: r } = this._refs();
-		e?.addEventListener("click", () => this.isOpen ? this.close() : this.open()), t?.addEventListener("click", () => this.close()), n?.addEventListener("click", () => this.close()), r?.addEventListener("click", () => this._submit()), this._onKeyDown || (this._onKeyDown = (e) => {
-			e.key === "Escape" && this.isOpen && (e.stopPropagation(), this.close());
-		}, this.addEventListener("keydown", this._onKeyDown));
-	}
-	open({ focus: e = !0 } = {}) {
-		let { panel: t, trigger: n, message: r } = this._refs();
-		t && (this._open = !0, t.hidden = !1, this.setAttribute("open", ""), n?.setAttribute("aria-expanded", "true"), e && r?.focus());
-	}
-	close() {
-		let { panel: e, trigger: t } = this._refs();
-		e && (this._open = !1, e.hidden = !0, this.removeAttribute("open"), t?.setAttribute("aria-expanded", "false"), t?.focus());
-	}
-	submitted() {
-		this._clearTimers(), this._state = "done";
-		let { thanks: e, error: t, submit: n, message: r, email: i } = this._refs();
-		this._setBusy(!1), t && (t.hidden = !0, t.textContent = ""), e && (e.hidden = !1), this.querySelector(".feedback-body")?.setAttribute("hidden", ""), this.querySelector(".feedback-actions")?.setAttribute("hidden", ""), n && (n.disabled = !0), this._thanksTimer = setTimeout(() => {
-			r && (r.value = ""), i && (i.value = ""), this._reset(), this.close();
-		}, fe);
-	}
-	failed(e) {
-		this._clearTimers(), this._state = "error", this._setBusy(!1);
-		let { error: t, message: n } = this._refs();
-		t && (t.textContent = e || I.failedError, t.hidden = !1), n?.focus();
-	}
-	_submit() {
-		if (this._state === "submitting") return;
-		let { message: e, email: t, error: n } = this._refs(), r = (e?.value ?? "").trim();
-		if (!r) {
-			n && (n.textContent = I.emptyError, n.hidden = !1), e?.focus();
-			return;
-		}
-		n && (n.hidden = !0, n.textContent = ""), this._state = "submitting", this._setBusy(!0);
-		let i = {
-			message: r,
-			email: (t?.value ?? "").trim(),
-			surface: this.getAttribute("surface") || "",
-			screen: this.getAttribute("screen") || ""
-		};
-		if (this.dispatchEvent(new CustomEvent(ue, {
-			bubbles: !0,
-			composed: !0,
-			detail: i
-		})), this._submitListeners === 0) {
-			this._reset();
-			return;
-		}
-		this._timer = setTimeout(() => {
-			this._state === "submitting" && this.failed();
-		}, de);
-	}
-	_setBusy(e) {
-		let { submit: t } = this._refs();
-		t && (t.disabled = e, t.textContent = e ? I.sendingLabel : I.submitLabel, this.toggleAttribute("busy", e));
-	}
-	_reset() {
-		this._clearTimers(), this._state = "idle", this._setBusy(!1);
-		let { thanks: e, submit: t } = this._refs();
-		e && (e.hidden = !0), this.querySelector(".feedback-body")?.removeAttribute("hidden"), this.querySelector(".feedback-actions")?.removeAttribute("hidden"), t && (t.disabled = !1);
-	}
-	_clearTimers() {
-		this._timer &&= (clearTimeout(this._timer), 0), this._thanksTimer &&= (clearTimeout(this._thanksTimer), 0);
-	}
-}, me = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), he = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), ge = {
+}, ue = {
 	enter: "Enter",
 	comma: ",",
 	space: " ",
 	tab: "Tab"
-}, _e = {
+}, de = {
 	enter: "\n",
 	comma: ",",
 	space: " ",
 	tab: "	"
-}, ve = (e) => ge[e], ye = (e) => _e[e];
-function be(e, t) {
+}, fe = (e) => ue[e], pe = (e) => de[e];
+function me(e, t) {
 	let n = [String(e ?? "")];
 	for (let e of t) n = n.flatMap((t) => t.split(e));
 	return n.map((e) => e.trim()).filter(Boolean);
 }
-var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends e {
+var I = (e, t) => t.some((t) => String(e ?? "").includes(t)), he = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Select";
@@ -1851,7 +1665,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 				[h]: !0,
 				selected: e.hasAttribute("selected")
 			};
-			for (let [n, r] of Se) {
+			for (let [n, r] of ge) {
 				let i = e.getAttribute(n);
 				i && (t[r] = i);
 			}
@@ -1882,23 +1696,23 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
       <div class="search-select${a}">
         <div class="input search-select-control search-select-multi"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : ""}>
           ${r ? p(r, { className: "search-select-icon" }) : ""}
-          <div class="ms-chips" data-chips><input type="text" class="ms-input" data-input role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false" aria-controls="${B(o)}" aria-label="${B(this._accessibleName())}" aria-describedby="${B(e)}" autocomplete="off"${s ? " disabled" : ""} /></div>
+          <div class="ms-chips" data-chips><input type="text" class="ms-input" data-input role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false" aria-controls="${z(o)}" aria-label="${z(this._accessibleName())}" aria-describedby="${z(e)}" autocomplete="off"${s ? " disabled" : ""} /></div>
           ${p("chevron-down", { className: "search-select-caret" })}
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${B(o)}" aria-multiselectable="true" tabindex="-1" hidden>
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${z(o)}" aria-multiselectable="true" tabindex="-1" hidden>
           <div class="search-select-options"></div>
         </div>
       </div>
-      <div class="field-error wui-ms-custom-error" id="${B(e)}" aria-live="polite" hidden></div>`;
+      <div class="field-error wui-ms-custom-error" id="${z(e)}" aria-live="polite" hidden></div>`;
 		} else this.innerHTML = `
       <div class="search-select${a}">
-        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${B(o)}" aria-label="${B(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
+        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${z(o)}" aria-label="${z(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
           ${r ? p(r, { className: "search-select-icon" }) : ""}
           <div class="ms-chips" data-chips></div>
           ${p("chevron-down", { className: "search-select-caret" })}
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${B(o)}" aria-multiselectable="true" tabindex="-1" hidden>
-          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${B(n)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${z(o)}" aria-multiselectable="true" tabindex="-1" hidden>
+          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${z(n)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
           <div class="search-select-options"></div>
           <div class="search-select-empty" hidden>No matches</div>
         </div>
@@ -1908,7 +1722,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 	_renderControl() {
 		let e = this.querySelector("[data-chips]");
 		if (!e) return;
-		let t = this.getAttribute("placeholder") || "Select…", n = this._allowCustom ? e.querySelector("[data-input]") : null, r = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${this._labelHtmlFor(e)}</span><button type="button" class="chip-remove" data-remove="${B(e)}" aria-label="Remove ${B(V(this._labelFor(e)))}">${p("x")}</button></span>`).join("");
+		let t = this.getAttribute("placeholder") || "Select…", n = this._allowCustom ? e.querySelector("[data-input]") : null, r = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${this._labelHtmlFor(e)}</span><button type="button" class="chip-remove" data-remove="${z(e)}" aria-label="Remove ${z(B(this._labelFor(e)))}">${p("x")}</button></span>`).join("");
 		if (n) {
 			for (let t of [...e.querySelectorAll(":scope > .chip")]) t.remove();
 			n.insertAdjacentHTML("beforebegin", r), n.placeholder = this._values.length ? "" : t, this._collapseChips();
@@ -1939,11 +1753,11 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 		i.textContent = `+${t.length - o}`;
 	}
 	_matches(e, t) {
-		return V(e.label).toLowerCase().includes(t) || String(e.description ?? "").toLowerCase().includes(t);
+		return B(e.label).toLowerCase().includes(t) || String(e.description ?? "").toLowerCase().includes(t);
 	}
 	_optionNamed(e) {
 		let t = e.trim().toLowerCase();
-		return this._readOptions().find((e) => String(e.value ?? "").toLowerCase() === t || V(e.label).trim().toLowerCase() === t);
+		return this._readOptions().find((e) => String(e.value ?? "").toLowerCase() === t || B(e.label).trim().toLowerCase() === t);
 	}
 	_renderOptions(e) {
 		let t = this.querySelector(".search-select-options"), n = this.querySelector(".search-select-empty");
@@ -1952,9 +1766,9 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 		i && (a = a.filter((e) => this._matches(e, i)));
 		let o = this._listboxId || `${this.id || "wui-multiselect"}-listbox`, s = this._allowCustom && r && !this._optionNamed(r), c = a.map((e, t) => {
 			let n = this._values.includes(String(e.value)), r = `${o}-opt-${t}`;
-			return Ce(e) ? Ee(e, r, n) : `<button type="button" role="option" id="${B(r)}" class="search-select-option${n ? " selected" : ""}" data-value="${B(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${p("check")}</span></button>`;
+			return _e(e) ? be(e, r, n) : `<button type="button" role="option" id="${z(r)}" class="search-select-option${n ? " selected" : ""}" data-value="${z(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${p("check")}</span></button>`;
 		});
-		s && c.push(`<button type="button" role="option" id="${B(`${o}-opt-${a.length}`)}" class="search-select-option search-select-option-custom" data-value="${B(r)}" data-custom="true" aria-selected="false">Add “${g(r)}”</button>`), t.innerHTML = c.join(""), n && (n.hidden = a.length > 0), this._active = -1, this._combobox()?.removeAttribute("aria-activedescendant"), this._allowCustom && this._syncCustomMenu?.(), this._reanchor?.();
+		s && c.push(`<button type="button" role="option" id="${z(`${o}-opt-${a.length}`)}" class="search-select-option search-select-option-custom" data-value="${z(r)}" data-custom="true" aria-selected="false">Add “${g(r)}”</button>`), t.innerHTML = c.join(""), n && (n.hidden = a.length > 0), this._active = -1, this._combobox()?.removeAttribute("aria-activedescendant"), this._allowCustom && this._syncCustomMenu?.(), this._reanchor?.();
 	}
 	_combobox() {
 		return this._allowCustom ? this.querySelector("[data-input]") : this.querySelector(".search-select-control");
@@ -1967,7 +1781,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 	_customRefusal(e) {
 		let t = this.getAttribute("custom-invalid-message") || "Enter a valid value.", n = this.getAttribute("custom-pattern");
 		if (n) {
-			let r = De(n);
+			let r = xe(n);
 			if (r && !r.test(e)) return t;
 		}
 		let r = this._validateCustom;
@@ -2027,13 +1841,13 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 		}, ee = (e) => {
 			this._values = this._values.filter((t) => t !== String(e)), this._renderControl(), this._renderOptions(this._query()), S();
 		}, w = (e, { quiet: t = !1 } = {}) => {
-			let n = this._values.length, r = L(e, R) ? be(e, R) : [e], i = [], a = "";
+			let n = this._values.length, r = I(e, L) ? me(e, L) : [e], i = [], a = "";
 			for (let e of r) {
 				let t = this._commitTyped(e);
 				t && (i.push(e.trim()), a ||= t);
 			}
 			t && i.length || (o.value = i.join(", "), this._setCustomError(a), this._values.length !== n && (this._renderControl(), S()), this._renderOptions(o.value));
-		}, te = (e) => {
+		}, T = (e) => {
 			if (!(!e || e.getAttribute("aria-disabled") === "true")) {
 				if (e.dataset.custom === "true") {
 					w(e.dataset.value);
@@ -2057,7 +1871,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 			v() ? x() : b();
 		}), i.addEventListener("click", (e) => {
 			let t = e.target.closest(".search-select-option");
-			t && (te(t), (o || n)?.focus());
+			t && (T(t), (o || n)?.focus());
 		}), i.addEventListener("mousemove", (e) => {
 			let t = e.target.closest(".search-select-option");
 			t && g(h().indexOf(t));
@@ -2070,13 +1884,13 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 			getActive: () => this._active,
 			setActive: (e) => g(e),
 			onEnter: (e) => {
-				e ? te(e) : o?.value.trim() && w(o.value);
+				e ? T(e) : o?.value.trim() && w(o.value);
 			},
 			onEscape: () => {
 				this._navHandler.clearTypeahead(), x(), o || e.focus();
 			}
 		});
-		let T = (e) => {
+		let E = (e) => {
 			let t = o || n;
 			if (e.key === "Backspace" && !t?.value && this._values.length) {
 				ee(this._values[this._values.length - 1]);
@@ -2084,7 +1898,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 			}
 			this._navHandler.handler(e);
 		};
-		if (n?.addEventListener("keydown", T), r?.addEventListener("click", () => {
+		if (n?.addEventListener("keydown", E), r?.addEventListener("click", () => {
 			n.value = "", this._renderOptions(""), r.hidden = !0, n.focus();
 		}), o) {
 			let t = (e) => {
@@ -2102,16 +1916,16 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 					this._navHandler.handler(e);
 					return;
 				}
-				(e.key === "ArrowDown" || e.key === "ArrowUp") && !v() && b(), T(e);
+				(e.key === "ArrowDown" || e.key === "ArrowUp") && !v() && b(), E(e);
 			}), o.addEventListener("paste", (e) => {
 				let t = e.clipboardData?.getData("text/plain") ?? "";
-				L(t, R) && (e.preventDefault(), w(`${o.value}${t}`));
+				I(t, L) && (e.preventDefault(), w(`${o.value}${t}`));
 			}), o.addEventListener("blur", (e) => {
 				e.relatedTarget && this.contains(e.relatedTarget) || (o.value.trim() && w(o.value, { quiet: !0 }), x());
 			});
 		} else e.addEventListener("keydown", (e) => {
 			if (v()) {
-				T(e);
+				E(e);
 				return;
 			}
 			(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
@@ -2130,35 +1944,35 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 	disconnectedCallback() {
 		this._teardown(), this._ro?.disconnect(), this._ro = null;
 	}
-}, R = [
+}, L = [
 	",",
 	";",
 	"\n",
 	"	"
-], Se = [
+], ge = [
 	["description", "description"],
 	["avatar", "avatar"],
 	["initials", "initials"],
 	["disabled-hint", "disabledHint"]
-], Ce = (e) => !!(e.description || e.avatar || e.initials || e.disabled || e.disabledHint), we = (e) => {
+], _e = (e) => !!(e.description || e.avatar || e.initials || e.disabled || e.disabledHint), ve = (e) => {
 	let t = String(e ?? "").trim();
 	return /^(https?:)?\/\//i.test(t) || /^\/(?!\/)/.test(t) || /^data:image\/(png|jpe?g|gif|webp|avif);/i.test(t) ? t : "";
-}, Te = (e) => {
-	let t = we(e.avatar);
-	return !t && !e.initials ? "" : `<span class="avatar wui-opt-avatar" aria-hidden="true"><span class="avatar-face">${g(e.initials ?? "")}</span>${t ? `<img class="avatar-img" src="${B(t)}" alt="" />` : ""}</span>`;
-}, Ee = (e, t, n) => {
+}, ye = (e) => {
+	let t = ve(e.avatar);
+	return !t && !e.initials ? "" : `<span class="avatar wui-opt-avatar" aria-hidden="true"><span class="avatar-face">${g(e.initials ?? "")}</span>${t ? `<img class="avatar-img" src="${z(t)}" alt="" />` : ""}</span>`;
+}, be = (e, t, n) => {
 	let r = !!e.disabled, i = e.description ? `<span class="wui-opt-desc">${g(e.description)}</span>` : "", a = e.disabledHint && r ? `<span class="wui-opt-hint">${g(e.disabledHint)}</span>` : "";
-	return `<button type="button" role="option" id="${B(t)}" class="search-select-option wui-opt-rich${n ? " selected" : ""}" data-value="${B(e.value)}" aria-selected="${n}"${r ? " aria-disabled=\"true\"" : ""}><span class="ms-opt-label"><span class="wui-opt-name">${v(e)}</span>${i}</span>${a}${Te(e)}<span class="ms-check">${p("check")}</span></button>`;
-}, z = /* @__PURE__ */ new Map(), De = (e) => {
-	if (z.has(e)) return z.get(e);
+	return `<button type="button" role="option" id="${z(t)}" class="search-select-option wui-opt-rich${n ? " selected" : ""}" data-value="${z(e.value)}" aria-selected="${n}"${r ? " aria-disabled=\"true\"" : ""}><span class="ms-opt-label"><span class="wui-opt-name">${v(e)}</span>${i}</span>${a}${ye(e)}<span class="ms-check">${p("check")}</span></button>`;
+}, R = /* @__PURE__ */ new Map(), xe = (e) => {
+	if (R.has(e)) return R.get(e);
 	let t = null;
 	try {
 		t = RegExp(`^(?:${e})$`, "u");
 	} catch {
 		console.warn(`<wui-multiselect> custom-pattern is not a valid regular expression and is ignored: ${e}`);
 	}
-	return z.set(e, t), t;
-}, B = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), V = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), Oe = /[^0-9]/g, ke = /[^0-9a-zA-Z]/g, Ae = class extends e {
+	return R.set(e, t), t;
+}, z = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), B = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), Se = /[^0-9]/g, Ce = /[^0-9a-zA-Z]/g, we = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -2189,7 +2003,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 		this._value = this._clean(e), d(this, this._value), this._paint();
 	}
 	_clean(e) {
-		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? ke : Oe, "").slice(0, this.length);
+		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? Ce : Se, "").slice(0, this.length);
 	}
 	constructor() {
 		super();
@@ -2280,7 +2094,7 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 	disconnectedCallback() {
 		this._onSelectionChange && document.removeEventListener("selectionchange", this._onSelectionChange);
 	}
-}, H = [
+}, V = [
 	[
 		"AF",
 		"Afghanistan",
@@ -3506,11 +3320,11 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 		"Zimbabwe",
 		"263"
 	]
-], U = (e) => (H.find((t) => t[0] === e) || [
+], H = (e) => (V.find((t) => t[0] === e) || [
 	"",
 	"",
 	""
-])[2], je = {
+])[2], Te = {
 	AD: ["Europe/Andorra"],
 	AE: ["Asia/Dubai"],
 	AF: ["Asia/Kabul"],
@@ -3912,13 +3726,13 @@ var L = (e, t) => t.some((t) => String(e ?? "").includes(t)), xe = class extends
 	ZA: ["Africa/Johannesburg"],
 	ZM: ["Africa/Lusaka"],
 	ZW: ["Africa/Harare"]
-}, Me = new Set(H.map(([e]) => e)), Ne = /* @__PURE__ */ new Map();
-for (let [e, t] of Object.entries(je)) for (let n of t) Ne.set(n, e);
-function Pe(e) {
-	let t = Ne.get(e);
-	return t && Me.has(t) ? t : null;
+}, Ee = new Set(V.map(([e]) => e)), De = /* @__PURE__ */ new Map();
+for (let [e, t] of Object.entries(Te)) for (let n of t) De.set(n, e);
+function Oe(e) {
+	let t = De.get(e);
+	return t && Ee.has(t) ? t : null;
 }
-function Fe(e) {
+function ke(e) {
 	if (!e) return null;
 	let t;
 	try {
@@ -3926,9 +3740,9 @@ function Fe(e) {
 	} catch {
 		return null;
 	}
-	return t && Me.has(t) ? t : null;
+	return t && Ee.has(t) ? t : null;
 }
-function Ie() {
+function Ae() {
 	let e;
 	try {
 		e = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -3936,33 +3750,33 @@ function Ie() {
 		e = void 0;
 	}
 	let t = typeof navigator > "u" ? void 0 : navigator.language;
-	return Pe(e) || Fe(t) || "IN";
+	return Oe(e) || ke(t) || "IN";
 }
 //#endregion
 //#region src/WuiPhone.js
-var Le = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, W = null, Re = null;
-function ze() {
-	return W ? Promise.resolve(W) : (Re ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (W = {
+var U = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, W = null, je = null;
+function Me() {
+	return W ? Promise.resolve(W) : (je ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (W = {
 		AsYouType: e.AsYouType,
 		getExampleNumber: e.getExampleNumber,
 		isValidPhoneNumber: e.isValidPhoneNumber,
 		parsePhoneNumber: e.parsePhoneNumber,
 		examples: t.default || t
-	}, W)).catch(() => null), Re);
+	}, W)).catch(() => null), je);
 }
-function Be(e, t) {
-	let n = `+${U(e)}`;
+function Ne(e, t) {
+	let n = `+${H(e)}`;
 	return t?.startsWith(n) ? t.slice(n.length).trimStart() : null;
 }
 function G(e, t) {
 	if (!W || !t) return t;
 	try {
-		return Be(e, new W.AsYouType(e).input(`+${U(e)}${t}`)) || t;
+		return Ne(e, new W.AsYouType(e).input(`+${H(e)}${t}`)) || t;
 	} catch {
 		return t;
 	}
 }
-function Ve(e, t) {
+function Pe(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;
@@ -3971,12 +3785,12 @@ function Ve(e, t) {
 function K(e) {
 	if (!W) return null;
 	try {
-		return Be(e, W.getExampleNumber(e, W.examples)?.formatInternational()) || null;
+		return Ne(e, W.getExampleNumber(e, W.examples)?.formatInternational()) || null;
 	} catch {
 		return null;
 	}
 }
-function He(e) {
+function Fe(e) {
 	if (!W || !e) return null;
 	try {
 		if (!W.isValidPhoneNumber(e)) return !1;
@@ -3986,7 +3800,7 @@ function He(e) {
 		return null;
 	}
 }
-function Ue(e) {
+function Ie(e) {
 	if (!W) return null;
 	try {
 		let t = W.getExampleNumber(e, W.examples);
@@ -3995,7 +3809,7 @@ function Ue(e) {
 		return null;
 	}
 }
-function We(e, t, n) {
+function Le(e, t, n) {
 	try {
 		let r = W.parsePhoneNumber(t, e), i = r?.nationalNumber;
 		return !i || r.country !== e || i.length > n || !t.endsWith(i) ? null : i;
@@ -4003,7 +3817,7 @@ function We(e, t, n) {
 		return null;
 	}
 }
-function Ge(e) {
+function Re(e) {
 	if (!W || !e?.trim().startsWith("+")) return null;
 	try {
 		let t = new W.AsYouType();
@@ -4017,7 +3831,7 @@ function Ge(e) {
 		return null;
 	}
 }
-var Ke = class extends e {
+var ze = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4037,7 +3851,7 @@ var Ke = class extends e {
 		} catch {
 			this._internals = null;
 		}
-		this._defaultCountry = Ie(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
+		this._defaultCountry = Ae(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
 	}
 	connectedCallback() {
 		if (!this._rendered) {
@@ -4064,13 +3878,13 @@ var Ke = class extends e {
 		this.value = this._defaultValue || "";
 	}
 	get value() {
-		return this._national ? `+${U(this._country)}${this._national}` : "";
+		return this._national ? `+${H(this._country)}${this._national}` : "";
 	}
 	set value(e) {
-		let t = String(e ?? "").trim(), n = Ge(t);
+		let t = String(e ?? "").trim(), n = Re(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(U(this._country));
+			let e = t.replace(/[^0-9]/g, ""), n = String(H(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();
@@ -4090,14 +3904,14 @@ var Ke = class extends e {
 		this.id ||= `wui-phone-${Math.random().toString(36).slice(2, 9)}`;
 		let t = `${this.id}-listbox`;
 		this._listboxId = t;
-		let n = H.map(([e, n, r], i) => `<button type="button" role="option" id="${q(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${Le(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
+		let n = V.map(([e, n, r], i) => `<button type="button" role="option" id="${q(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${U(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="${q(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
-            <span class="${Le(this._country)}" data-flag aria-hidden="true"></span>
+            <span class="${U(this._country)}" data-flag aria-hidden="true"></span>
             ${p("chevron-down", { className: "phone-chevron" })}
-            <span class="phone-dial" data-dial>+${U(this._country)}</span>
+            <span class="phone-dial" data-dial>+${H(this._country)}</span>
           </button>
           <div class="country-dropdown-menu" role="listbox" id="${q(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="${q(t)}" aria-autocomplete="list" /></div>
@@ -4135,7 +3949,7 @@ var Ke = 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 = Le(e)), d && (d.textContent = `+${U(e)}`);
+			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = U(e)), d && (d.textContent = `+${H(e)}`);
 			for (let t of this._itemEls()) {
 				let n = t.dataset.iso === e;
 				t.classList.toggle("selected", n), t.setAttribute("aria-selected", String(n));
@@ -4182,23 +3996,23 @@ var Ke = 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 = Ue(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 = Ie(this._country);
 			if (i && r.length > i) {
-				let e = We(this._country, r, i);
+				let e = Le(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 = G(this._country, this._national);
 			if (o.value !== a) {
 				o.value = a;
-				let e = Ve(a, Math.min(n, r.length));
+				let e = Pe(a, Math.min(n, r.length));
 				o.setSelectionRange(e, e);
 			}
-			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || He(this.value) === !0) && x(!1);
+			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || Fe(this.value) === !0) && x(!1);
 		}), o.addEventListener("change", (e) => e.stopPropagation()), o.addEventListener("blur", () => {
-			x(this._national.length > 0 && He(this.value) === !1), this.value !== this._committedValue && this._emitChange();
+			x(this._national.length > 0 && Fe(this.value) === !1), this.value !== this._committedValue && this._emitChange();
 		}), o.addEventListener("paste", (e) => {
-			let t = Ge(e.clipboardData?.getData("text"));
+			let t = Re(e.clipboardData?.getData("text"));
 			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = G(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) => {
@@ -4208,7 +4022,7 @@ var Ke = class extends e {
 			});
 		}, this._teardownGlobals = () => {
 			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this);
-		}, this._bindGlobal(), ze().then((e) => {
+		}, this._bindGlobal(), Me().then((e) => {
 			if (!(!e || !o.isConnected) && (this._national && (o.value = G(this._country, this._national)), !this.getAttribute("placeholder"))) {
 				let e = K(this._country);
 				e && (o.placeholder = e);
@@ -4221,7 +4035,7 @@ var Ke = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, q = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), qe = class extends e {
+}, q = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Be = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4427,7 +4241,7 @@ var Ke = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, J = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Je = class extends e {
+}, J = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ve = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4539,6 +4353,7 @@ var Ke = class extends e {
             role="slider"
             class="slider-thumb"
             data-thumb="start"
+            style="left: ${s}%;"
             aria-label="Minimum"
             aria-valuemin="${e}"
             aria-valuemax="${t}"
@@ -4551,6 +4366,7 @@ var Ke = class extends e {
             role="slider"
             class="slider-thumb"
             data-thumb="end"
+            style="left: ${c}%;"
             aria-label="Maximum"
             aria-valuemin="${e}"
             aria-valuemax="${t}"
@@ -4564,38 +4380,41 @@ var Ke = class extends e {
             role="slider"
             class="slider-thumb"
             data-thumb="single"
+            style="left: ${c}%;"
             aria-valuemin="${e}"
             aria-valuemax="${t}"
             aria-valuenow="${this._value}"
             aria-valuetext="${this._formatValue(this._value)}"
             ${a ? "disabled" : ""}
-            aria-label="${Ye(this.getAttribute("aria-label") || "Value")}"
+            aria-label="${He(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>` : ""}
       </div>
-    `, this._rendered = !0, this._syncMirrors(), this._wire();
+    `, this._rendered = !0, this._placeParts(), this._syncMirrors(), this._wire();
 	}
 	_formatValue(e) {
 		return `${e}${this.getAttribute("unit") || ""}`;
 	}
+	_placeParts() {
+		let e = this._min(), t = this._max(), n = (n) => t === e ? 0 : (n - e) / (t - e), r = this._isRange(), i = r ? n(this._start) : 0, a = n(r ? this._end : this._value), o = this.querySelector(".slider-fill");
+		o && (o.style.left = `${i * 100}%`, o.style.right = `${100 - a * 100}%`, r && o.style.setProperty("--wui-fill-start", String(i)), o.style.setProperty("--wui-fill-end", String(a)));
+		let s = (e, t) => {
+			e && (e.style.left = `${t * 100}%`, e.style.setProperty("--wui-t", String(t)));
+		};
+		r ? (s(this.querySelector("[data-thumb=\"start\"]"), i), s(this.querySelector("[data-thumb=\"end\"]"), a)) : s(this.querySelector(".slider-thumb"), a);
+	}
 	_syncValue() {
-		if (!this._rendered) return;
-		let e = this._min(), t = this._max(), n = (n) => t === e ? 0 : (n - e) / (t - e) * 100, r = this.querySelector(".slider-fill");
-		if (this._isRange()) {
-			let e = n(this._start), t = n(this._end);
-			r && (r.style.left = `${e}%`, r.style.right = `${100 - t}%`);
-			let i = this.querySelector("[data-thumb=\"start\"]"), a = this.querySelector("[data-thumb=\"end\"]");
-			i && (i.style.left = `${e}%`, i.setAttribute("aria-valuenow", String(this._start)), i.setAttribute("aria-valuetext", this._formatValue(this._start))), a && (a.style.left = `${t}%`, a.setAttribute("aria-valuenow", String(this._end)), a.setAttribute("aria-valuetext", this._formatValue(this._end)));
-			let o = this.querySelector(".slider-value");
-			o && (o.textContent = `${this._formatValue(this._start)} – ${this._formatValue(this._end)}`);
+		if (this._rendered) if (this._placeParts(), this._isRange()) {
+			let e = this.querySelector("[data-thumb=\"start\"]"), t = this.querySelector("[data-thumb=\"end\"]");
+			e && (e.setAttribute("aria-valuenow", String(this._start)), e.setAttribute("aria-valuetext", this._formatValue(this._start))), t && (t.setAttribute("aria-valuenow", String(this._end)), t.setAttribute("aria-valuetext", this._formatValue(this._end)));
+			let n = this.querySelector(".slider-value");
+			n && (n.textContent = `${this._formatValue(this._start)} – ${this._formatValue(this._end)}`);
 		} else {
-			let e = n(this._value);
-			r && (r.style.left = "0%", r.style.right = `${100 - e}%`);
-			let t = this.querySelector(".slider-thumb");
-			t && (t.style.left = `${e}%`, t.setAttribute("aria-valuenow", String(this._value)), t.setAttribute("aria-valuetext", this._formatValue(this._value)));
-			let i = this.querySelector(".slider-value");
-			i && (i.textContent = this._formatValue(this._value));
+			let e = this.querySelector(".slider-thumb");
+			e && (e.setAttribute("aria-valuenow", String(this._value)), e.setAttribute("aria-valuetext", this._formatValue(this._value)));
+			let t = this.querySelector(".slider-value");
+			t && (t.textContent = this._formatValue(this._value));
 		}
 	}
 	_syncMirrors() {
@@ -4616,8 +4435,8 @@ var Ke = class extends e {
 	_valueAtPosition(e) {
 		let t = this.querySelector(".slider-track");
 		if (!t) return this._min();
-		let n = t.getBoundingClientRect(), r = Math.max(0, Math.min(1, (e - n.left) / n.width)), i = this._min() + r * (this._max() - this._min());
-		return this._snapToStep(i);
+		let n = t.getBoundingClientRect(), r = this.querySelector(".slider-thumb"), i = r ? r.offsetWidth / 2 : 0, a = n.width - i * 2, o = a > 0 ? Math.max(0, Math.min(1, (e - n.left - i) / a)) : 0, s = this._min() + o * (this._max() - this._min());
+		return this._snapToStep(s);
 	}
 	_nearestThumb(e) {
 		return Math.abs(e - this._start) <= Math.abs(e - this._end) ? "start" : "end";
@@ -4672,7 +4491,7 @@ var Ke = class extends e {
 }, Y = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, Ye = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Xe = class extends e {
+}, He = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ue = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
@@ -4757,14 +4576,14 @@ var Ke = class extends e {
 				e.innerHTML = "";
 				return;
 			}
-			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Ze(e)}</span><button type="button" class="chip-remove" data-remove="${X(e)}" aria-label="Remove ${X(e)}">${p("x")}</button></span>`).join("");
+			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${We(e)}</span><button type="button" class="chip-remove" data-remove="${X(e)}" aria-label="Remove ${X(e)}">${p("x")}</button></span>`).join("");
 		}
 	}
 	_wire() {
 		this._teardown();
 		let e = this.querySelector(".search-select-control"), t = this.querySelector("[data-input]");
 		if (!e || !t) return;
-		let n = () => this.hasAttribute("disabled"), r = (this.getAttribute("separators") || "enter,comma").split(",").map((e) => e.trim()), i = this.getAttribute("max-tags"), a = this.hasAttribute("allow-duplicates"), o = new Set(r.map(ve).filter(Boolean)), s = () => {
+		let n = () => this.hasAttribute("disabled"), r = (this.getAttribute("separators") || "enter,comma").split(",").map((e) => e.trim()), i = this.getAttribute("max-tags"), a = this.hasAttribute("allow-duplicates"), o = new Set(r.map(fe).filter(Boolean)), s = () => {
 			d(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
 		}, c = (e) => {
 			let t = e.trim();
@@ -4796,9 +4615,9 @@ var Ke = class extends e {
 			e.preventDefault();
 			let n = e.clipboardData.getData("text/plain"), a = [];
 			for (let e of r) {
-				let t = ye(e) ?? e;
-				if (L(n, [t])) {
-					a.push(...be(n, [t]));
+				let t = pe(e) ?? e;
+				if (I(n, [t])) {
+					a.push(...me(n, [t]));
 					break;
 				}
 			}
@@ -4826,18 +4645,18 @@ var Ke = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Ze = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Qe = (e) => String(e).padStart(2, "0"), $e = (e, t) => `${Qe(e)}:${Qe(t)}`, Z = (e) => {
+}, We = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ge = (e) => String(e).padStart(2, "0"), Ke = (e, t) => `${Ge(e)}:${Ge(t)}`, Z = (e) => {
 	let t = /^(\d{2}):(\d{2})$/.exec(e || "");
 	return t ? {
 		h: +t[1],
 		m: +t[2]
 	} : null;
-}, et = (e, t = "24") => {
+}, qe = (e, t = "24") => {
 	if (!e) return "";
-	if (t === "24") return $e(e.h, e.m);
+	if (t === "24") return Ke(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
-	return `${n}:${Qe(e.m)} ${r}`;
-}, tt = class extends e {
+	return `${n}:${Ge(e.m)} ${r}`;
+}, Je = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4897,7 +4716,7 @@ var Ke = class extends e {
 		this.innerHTML = `
       <div class="timepicker">
         <button type="button" class="input timepicker-trigger${i}${t ? " has-value" : ""}" aria-haspopup="listbox" aria-expanded="false"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${g(a)}"` : ""}${o ? ` aria-describedby="${g(o)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? et(t, n) : g(e)}</span>
+          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? qe(t, n) : g(e)}</span>
           ${p("clock")}
         </button>
         <div class="timepicker-pop" role="listbox" tabindex="-1" hidden></div>
@@ -4910,7 +4729,7 @@ var Ke = class extends e {
 		let e = this.querySelector(".timepicker-trigger"), t = this.querySelector("[data-trigger-label]");
 		if (!t) return;
 		let n = Z(this._value), r = this.getAttribute("format") || "24";
-		t.textContent = n ? et(n, r) : this.getAttribute("placeholder") || "Select time", t.classList.toggle("timepicker-placeholder", !n), e?.classList.toggle("has-value", !!n);
+		t.textContent = n ? qe(n, r) : this.getAttribute("placeholder") || "Select time", t.classList.toggle("timepicker-placeholder", !n), e?.classList.toggle("has-value", !!n);
 	}
 	_buildTimes() {
 		let e = Math.max(1, parseInt(this.getAttribute("step") || "30", 10)), t = this.getAttribute("min") || "00:00", n = this.getAttribute("max") || "23:59", r = Z(t) || {
@@ -4931,8 +4750,8 @@ var Ke = class extends e {
 		if (!e) return;
 		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = Z(this._value), i = this._focus, a = "";
 		for (let e = 0; e < n.length; e++) {
-			let o = n[e], s = $e(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\"" : ""}>${et(o, t)}</button>`;
+			let o = n[e], s = Ke(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\"" : ""}>${qe(o, t)}</button>`;
 		}
 		e.innerHTML = a, this._focusActive();
 	}
@@ -5030,7 +4849,7 @@ var Ke = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, nt = "wui-wizard-step", rt = class extends e {
+}, Ye = "wui-wizard-step", Xe = class extends e {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -5064,7 +4883,7 @@ var Ke = class extends e {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${nt}`)];
+		return [...this.querySelectorAll(`:scope > ${Ye}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -5103,7 +4922,7 @@ var Ke = class extends e {
 	}
 	_reconcileSteps() {
 		let e = this._steps, t = this._known;
-		if (this._known = e, it(e, t)) return e;
+		if (this._known = e, Ze(e, t)) return e;
 		let n = (n) => new Set([...n].map((n) => e.indexOf(t[n])).filter((e) => e >= 0));
 		this._skipped = n(this._skipped), this._invalid = n(this._invalid);
 		let r = t[this._active];
@@ -5123,7 +4942,7 @@ var Ke = class extends e {
 	_onStepsMutated() {
 		if (!this._rendered) return;
 		let e = this._steps;
-		(!e.length || this._header.nextElementSibling === e[0] && this._footer.previousElementSibling === e[e.length - 1]) && it(e, this._known) || (this._renderChrome(), this._observer?.takeRecords());
+		(!e.length || this._header.nextElementSibling === e[0] && this._footer.previousElementSibling === e[e.length - 1]) && Ze(e, this._known) || (this._renderChrome(), this._observer?.takeRecords());
 	}
 	_syncPanels(e) {
 		e.forEach((e, t) => {
@@ -5227,7 +5046,7 @@ var Ke = class extends e {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, it = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Q = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), at = class extends e {
+}, Ze = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Q = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Qe = class extends e {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -5241,8 +5060,8 @@ var Ke = class extends e {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}, ot = 2e3;
-async function st(e) {
+}, $e = 2e3;
+async function et(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 	} catch {}
@@ -5257,14 +5076,14 @@ async function st(e) {
 }
 //#endregion
 //#region src/fileValidation.js
-var ct = "image/png,image/jpeg,image/webp", lt = 5, ut = {
+var tt = "image/png,image/jpeg,image/webp", nt = 5, rt = {
 	"image/png": [".png"],
 	"image/jpeg": [".jpg", ".jpeg"],
 	"image/webp": [".webp"],
 	"image/gif": [".gif"],
 	"image/svg+xml": [".svg"],
 	"application/pdf": [".pdf"]
-}, dt = {
+}, it = {
 	"image/png": "PNG",
 	"image/jpeg": "JPG",
 	"image/webp": "WEBP",
@@ -5278,7 +5097,7 @@ var ct = "image/png,image/jpeg,image/webp", lt = 5, ut = {
 	".gif": "GIF",
 	".svg": "SVG",
 	".pdf": "PDF"
-}, ft = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), pt = [
+}, at = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), ot = [
 	".png",
 	".jpg",
 	".jpeg",
@@ -5289,54 +5108,54 @@ var ct = "image/png,image/jpeg,image/webp", lt = 5, ut = {
 	".avif",
 	".heic"
 ];
-function mt(e) {
+function st(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 pt.some((e) => r.endsWith(e));
+	return ot.some((e) => r.endsWith(e));
 }
-function ht(e) {
-	let t = ft(e);
-	return t.length ? t.every((e) => e.startsWith(".") ? pt.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
+function ct(e) {
+	let t = at(e);
+	return t.length ? t.every((e) => e.startsWith(".") ? ot.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
 }
-function gt(e) {
+function lt(e) {
 	let t = [];
-	for (let n of ft(e)) {
-		let e = dt[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
+	for (let n of at(e)) {
+		let e = it[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 _t(e, t) {
-	let n = ft(t);
+function ut(e, t) {
+	let n = at(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 && (ut[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 && (rt[e] || []).some((e) => i.endsWith(e)));
 }
-function vt(e, t = {}) {
+function dt(e, t = {}) {
 	if (!e) return null;
-	let n = t.accept === void 0 ? ct : t.accept, r = t.maxSizeMb || 5;
-	return _t(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${gt(n)} file.`;
+	let n = t.accept === void 0 ? tt : t.accept, r = t.maxSizeMb || 5;
+	return ut(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${lt(n)} file.`;
 }
 //#endregion
 //#region src/passwordRules.js
-var yt = {
+var ft = {
 	minLength: 8,
 	uppercase: !0,
 	lowercase: !0,
 	digit: !0,
 	special: !0,
 	uniqueChars: 0
-}, bt = "Password Requirements";
-function xt(e) {
-	return e === !0 || e == null ? { ...yt } : {
-		...yt,
+}, pt = "Password Requirements";
+function mt(e) {
+	return e === !0 || e == null ? { ...ft } : {
+		...ft,
 		...e
 	};
 }
-function St(e) {
-	let t = xt(e), n = [];
+function ht(e) {
+	let t = mt(e), n = [];
 	if (t.minLength > 0 && n.push({
 		key: "length",
 		label: `At least ${t.minLength} characters long`,
@@ -5367,25 +5186,25 @@ function St(e) {
 	}
 	return n;
 }
-function Ct(e, t) {
+function gt(e, t) {
 	let n = e == null ? "" : String(e);
-	return St(t).map((e) => ({
+	return ht(t).map((e) => ({
 		key: e.key,
 		label: e.label,
 		met: e.test(n)
 	}));
 }
-function wt(e, t) {
-	return Ct(e, t).every((e) => e.met);
+function _t(e, t) {
+	return gt(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 Tt() {
-	$("wui-select", qe), $("wui-phone", Ke), $("wui-datepicker", oe), $("wui-date-range", se), $("wui-dock", ce), $("wui-feedback", pe), $("wui-consent-banner", ie), $("wui-slider", Je), $("wui-timepicker", tt), $("wui-autocomplete", y), $("wui-multiselect", xe), $("wui-taginput", Xe), $("wui-otp", Ae), $("wui-status-icon", r), $("wui-wizard-step", at), $("wui-wizard", rt);
+function vt() {
+	$("wui-select", Be), $("wui-phone", ze), $("wui-datepicker", oe), $("wui-date-range", se), $("wui-dock", ce), $("wui-consent-banner", re), $("wui-slider", Ve), $("wui-timepicker", Je), $("wui-autocomplete", y), $("wui-multiselect", he), $("wui-taginput", Ue), $("wui-otp", we), $("wui-status-icon", r), $("wui-wizard-step", Qe), $("wui-wizard", Xe);
 }
-Tt();
+vt();
 //#endregion
-export { ot as COPY_FEEDBACK_MS, ct as DEFAULT_IMAGE_ACCEPT, lt as DEFAULT_MAX_SIZE_MB, yt as DEFAULT_PASSWORD_RULES, bt as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, ie as WuiConsentBanner, oe as WuiDatePicker, se as WuiDateRange, ce as WuiDock, pe as WuiFeedback, xe as WuiMultiSelect, Ae as WuiOtp, Ke as WuiPhone, qe as WuiSelect, Je as WuiSlider, r as WuiStatusIcon, Xe as WuiTagInput, tt as WuiTimePicker, rt as WuiWizard, at as WuiWizardStep, gt as acceptLabel, St as buildPasswordRules, st as copyTextToClipboard, Tt as defineWeborityElements, Ct as evaluatePassword, p as glyphSvg, mt as isImageFile, ht as isImageOnlyAccept, _t as matchesAccept, wt as passwordSatisfies, vt as validateFile };
+export { $e as COPY_FEEDBACK_MS, tt as DEFAULT_IMAGE_ACCEPT, nt as DEFAULT_MAX_SIZE_MB, ft as DEFAULT_PASSWORD_RULES, pt as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, re as WuiConsentBanner, oe as WuiDatePicker, se as WuiDateRange, ce as WuiDock, he as WuiMultiSelect, we as WuiOtp, ze as WuiPhone, Be as WuiSelect, Ve as WuiSlider, r as WuiStatusIcon, Ue as WuiTagInput, Je as WuiTimePicker, Xe as WuiWizard, Qe as WuiWizardStep, lt as acceptLabel, ht as buildPasswordRules, et as copyTextToClipboard, vt as defineWeborityElements, gt as evaluatePassword, p as glyphSvg, st as isImageFile, ct as isImageOnlyAccept, ut as matchesAccept, _t as passwordSatisfies, dt as validateFile };