@webority/ui-elements 0.28.0 → 0.30.0

package/dist/ui-elements.js

@@ -6894,7 +6894,20 @@ var pi = class extends e {
 	if (t === "24") return _i(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
 	return `${n}:${gi(e.m)} ${r}`;
-}, bi = class extends e {
+}, bi = (e) => {
+	let t = String(e || "").trim().toLowerCase(), n = /^(\d{1,2})(?:[:.](\d{2})|(\d{2}))?\s*(?:([ap])\.?\s*(?:m\.?)?)?$/.exec(t);
+	if (!n) return null;
+	let r = +n[1], i = +(n[2] ?? n[3] ?? "0");
+	if (i > 59) return null;
+	if (n[4]) {
+		if (r < 1 || r > 12) return null;
+		r = r % 12 + (n[4] === "p" ? 12 : 0);
+	} else if (r > 23) return null;
+	return {
+		h: r,
+		m: i
+	};
+}, xi = 0, Si = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -6919,7 +6932,9 @@ var pi = class extends e {
 		} catch {
 			this._internals = null;
 		}
-		this._value = "", this._focus = null, this._typeahead = "", this._typeaheadTimer = null;
+		this._value = "", this._uid = `wui-tp-${++xi}`, this._typedError = "", this._typeahead = "", this._typeaheadTimer = null, this.addEventListener("focusout", (e) => {
+			this._isOpen?.() && e.relatedTarget && !this.contains(e.relatedTarget) && this._close({ commit: !0 });
+		});
 	}
 	connectedCallback() {
 		if (!this._rendered) {
@@ -6929,15 +6944,22 @@ var pi = class extends e {
 		this._bindGlobal?.();
 	}
 	attributeChangedCallback(e, t, n) {
-		if (e === "aria-invalid") {
-			this._syncInvalid();
-			return;
+		if (this._rendered) switch (e) {
+			case "value":
+				this._value = n || "", this._typedError = "", this._syncFormValue(), this._syncText(), this._syncInvalid();
+				return;
+			case "aria-invalid":
+			case "aria-describedby":
+				this._syncInvalid();
+				return;
+			case "aria-label":
+			case "placeholder":
+			case "disabled":
+			case "required":
+				this._syncAttrs();
+				return;
+			default: this.render();
 		}
-		this._rendered && (e === "value" ? (this._value = n || "", this._syncFormValue(), this._syncTrigger()) : this.render());
-	}
-	_syncInvalid() {
-		let e = this.querySelector(".timepicker-trigger");
-		e && (this.hasAttribute("aria-invalid") ? e.setAttribute("aria-invalid", "true") : e.removeAttribute("aria-invalid"));
 	}
 	formResetCallback() {
 		this.value = this._defaultValue || "";
@@ -6946,140 +6968,276 @@ var pi = class extends e {
 		return this._value;
 	}
 	set value(e) {
-		this._value = e || "", R(this, this._value), this._syncTrigger();
+		this._value = e || "", this._typedError = "", R(this, this._value), this._syncText(), this._syncInvalid();
+	}
+	_format() {
+		return this.getAttribute("format") || "24";
+	}
+	_step() {
+		return Math.max(1, parseInt(this.getAttribute("step") || "30", 10) || 30);
+	}
+	_bounds() {
+		let e = vi(this.getAttribute("min")) || {
+			h: 0,
+			m: 0
+		}, t = vi(this.getAttribute("max")) || {
+			h: 23,
+			m: 59
+		};
+		return {
+			min: e.h * 60 + e.m,
+			max: t.h * 60 + t.m
+		};
+	}
+	_allowed(e, t) {
+		let n = e * 60 + t, { min: r, max: i } = this._bounds();
+		return n >= r && n <= i && n % this._step() === 0;
+	}
+	_times() {
+		let e = [];
+		for (let t = 0; t < 1440; t += this._step()) {
+			let n = Math.floor(t / 60), r = t % 60;
+			this._allowed(n, r) && e.push({
+				h: n,
+				m: r
+			});
+		}
+		return e;
+	}
+	_refusal(e) {
+		if (this._allowed(e.h, e.m)) return "";
+		let t = this._format(), { min: n, max: r } = this._bounds(), i = e.h * 60 + e.m, a = (e) => yi({
+			h: Math.floor(e / 60),
+			m: e % 60
+		}, t);
+		if (i < n || i > r) {
+			let e = !!vi(this.getAttribute("min")), t = !!vi(this.getAttribute("max"));
+			return e && t ? `Enter a time between ${a(n)} and ${a(r)}.` : e ? `Enter a time at or after ${a(n)}.` : `Enter a time at or before ${a(r)}.`;
+		}
+		return `Enter a time in ${this._step()}-minute steps.`;
 	}
 	render() {
-		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value);
-		let e = this.getAttribute("placeholder") || "Select time", t = vi(this._value), n = this.getAttribute("format") || "24", r = this.getAttribute("size"), i = r === "sm" ? " input-sm" : r === "lg" ? " input-lg" : "", a = this.getAttribute("aria-label"), o = this.getAttribute("aria-describedby");
+		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value), this._isOpen = null;
+		let e = this.getAttribute("size"), t = e === "sm" ? " input-sm" : e === "lg" ? " input-lg" : "", n = this._uid;
 		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="${V(a)}"` : ""}${o ? ` aria-describedby="${V(o)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? yi(t, n) : V(e)}</span>
-          ${B("clock")}
-        </button>
-        <div class="timepicker-pop" role="listbox" tabindex="-1" hidden></div>
-      </div>`, this._rendered = !0, R(this, this._value), this._wire();
+        <div class="wui-timepicker-field">
+          <input type="text" class="input timepicker-trigger${t}" id="${n}-input" role="combobox" aria-haspopup="dialog" aria-expanded="false" aria-controls="${n}-pop" aria-autocomplete="none" autocomplete="off" spellcheck="false">
+          <button type="button" class="wui-timepicker-toggle" tabindex="-1" aria-label="Choose time" aria-haspopup="dialog" aria-expanded="false" aria-controls="${n}-pop">${B("clock")}</button>
+        </div>
+        <div class="timepicker-pop" id="${n}-pop" role="dialog" aria-label="Choose time" hidden></div>
+        <div class="field-error wui-timepicker-error" id="${n}-error" hidden></div>
+      </div>`, this._rendered = !0, this._syncAttrs(), this._syncText(), this._syncInvalid(), R(this, this._value), this._wire();
+	}
+	_input() {
+		return this.querySelector(".timepicker-trigger");
+	}
+	_pop() {
+		return this.querySelector(".timepicker-pop");
 	}
 	_syncFormValue() {
 		R(this, this._value);
 	}
-	_syncTrigger() {
-		let e = this.querySelector(".timepicker-trigger"), t = this.querySelector("[data-trigger-label]");
-		if (!t) return;
-		let n = vi(this._value), r = this.getAttribute("format") || "24";
-		t.textContent = n ? yi(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 = vi(t) || {
-			h: 0,
-			m: 0
-		}, i = vi(n) || {
-			h: 23,
-			m: 59
-		}, a = [], o = r.h, s = r.m;
-		for (s = Math.ceil(s / e) * e, s >= 60 && (o += 1, s -= 60); o < i.h || o === i.h && s <= i.m;) a.push({
-			h: o,
-			m: s
-		}), s += e, s >= 60 && (o += 1, s -= 60);
-		return a;
-	}
-	_renderOptions() {
-		let e = this.querySelector(".timepicker-pop");
+	_syncAttrs() {
+		let e = this._input(), t = this.querySelector(".wui-timepicker-toggle");
 		if (!e) return;
-		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = vi(this._value), i = this._focus, a = "";
-		for (let e = 0; e < n.length; e++) {
-			let o = n[e], s = _i(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\"" : ""}>${yi(o, t)}</button>`;
-		}
-		e.innerHTML = a, this._focusActive();
+		let n = this.hasAttribute("disabled");
+		e.disabled = n, t && (t.disabled = n), e.placeholder = this.getAttribute("placeholder") || "Select time", this.hasAttribute("required") ? e.setAttribute("aria-required", "true") : e.removeAttribute("aria-required");
+		let r = this.getAttribute("aria-label");
+		r ? e.setAttribute("aria-label", r) : e.removeAttribute("aria-label"), R(this, this._value), n && this._isOpen?.() && this._close({ commit: !1 });
 	}
-	_focusActive() {
-		let e = this.querySelector(".timepicker-pop"), t = e?.querySelector("[tabindex=\"0\"]") || e?.querySelector(".is-selected");
-		t && !e.hidden && t.focus();
+	_syncText() {
+		let e = this._input();
+		e && (e.value = yi(vi(this._value), this._format()), this._isOpen?.() && this._syncColumns());
 	}
-	_position(e, t) {
-		I(e, t);
+	_syncInvalid() {
+		let e = this._input(), t = this.querySelector(".wui-timepicker-error");
+		if (!e || !t) return;
+		let n = this._typedError;
+		t.textContent = n, t.hidden = !n, this.hasAttribute("aria-invalid") || n ? e.setAttribute("aria-invalid", "true") : e.removeAttribute("aria-invalid");
+		let r = [this.getAttribute("aria-describedby"), n ? t.id : null].filter(Boolean).join(" ");
+		r ? e.setAttribute("aria-describedby", r) : e.removeAttribute("aria-describedby"), e.setCustomValidity?.(n);
+	}
+	_commitText() {
+		let e = this._input();
+		if (!e || e.value === yi(vi(this._value), this._format())) return !0;
+		let t = e.value.trim(), n = "";
+		if (t) {
+			let e = bi(t), r = e ? this._refusal(e) : `Enter a time like ${this._format() === "12" ? "7:45 PM" : "19:45"}.`;
+			if (r) return this._typedError = r, this._syncInvalid(), !1;
+			n = _i(e.h, e.m);
+		}
+		let r = n !== this._value;
+		return this.value = n, r && this.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
+	}
+	_pending() {
+		let e = bi(this._input()?.value);
+		return e && this._allowed(e.h, e.m) ? e : null;
+	}
+	_columnsHtml() {
+		let e = this._format(), t = this._times(), n = (e, t, n) => `<div class="wui-timepicker-col" role="listbox" aria-label="${t}" data-col="${e}">${n.map((e) => `<button type="button" class="timepicker-option" role="option" tabindex="-1" aria-selected="false" data-v="${e.v}">${e.text}</button>`).join("")}</div>`, r = [...new Set(t.map((e) => e.h))], i = [...new Set(t.map((e) => e.m))].sort((e, t) => e - t), a;
+		if (e === "12") {
+			let e = [...new Set(r.map((e) => e % 12))].sort((e, t) => e - t), t = [...new Set(r.map((e) => e >= 12 ? "pm" : "am"))].sort();
+			a = n("hour", "Hour", e.map((e) => ({
+				v: e,
+				text: String(e || 12)
+			}))) + n("minute", "Minute", i.map((e) => ({
+				v: e,
+				text: gi(e)
+			}))) + n("period", "AM or PM", t.map((e) => ({
+				v: e,
+				text: e.toUpperCase()
+			})));
+		} else a = n("hour", "Hour", r.map((e) => ({
+			v: e,
+			text: gi(e)
+		}))) + n("minute", "Minute", i.map((e) => ({
+			v: e,
+			text: gi(e)
+		})));
+		return `<div class="wui-timepicker-cols">${a}</div>`;
 	}
-	_onKey(e) {
-		let t = [...this.querySelector(".timepicker-pop").querySelectorAll(".timepicker-option")];
-		switch (e.key) {
-			case "ArrowUp": {
-				e.preventDefault();
-				let t = Math.max((this._focus ?? 0) - 1, 0);
-				this._focus = t, this._renderOptions();
-				break;
-			}
-			case "ArrowDown": {
-				e.preventDefault();
-				let n = Math.min((this._focus ?? -1) + 1, t.length - 1);
-				this._focus = n, this._renderOptions();
-				break;
+	_selectedIn(e, t) {
+		return t ? e === "minute" ? String(t.m) : e === "period" ? t.h >= 12 ? "pm" : "am" : String(this._format() === "12" ? t.h % 12 : t.h) : null;
+	}
+	_optionEnabled(e, t, n) {
+		if (!n) return !0;
+		let r = this._format() === "12", i = n.h >= 12, a = (e) => r ? [e + (i ? 12 : 0)] : [e], o = Array.from({ length: 60 }, (e, t) => t);
+		if (e === "hour") return a(+t).some((e) => o.some((t) => this._allowed(e, t)));
+		if (e === "minute") return this._allowed(n.h, +t);
+		let s = t === "pm" ? 12 : 0;
+		return Array.from({ length: 12 }, (e, t) => s + t).some((e) => o.some((t) => this._allowed(e, t)));
+	}
+	_syncColumns({ scroll: e = !1 } = {}) {
+		let t = this._pop();
+		if (!t) return;
+		let n = this._pending();
+		for (let r of t.querySelectorAll(".wui-timepicker-col")) {
+			let t = r.dataset.col, i = this._selectedIn(t, n), a = [...r.querySelectorAll(".timepicker-option")], o = null;
+			for (let e of a) {
+				let r = e.dataset.v === i;
+				e.classList.toggle("is-selected", r), e.setAttribute("aria-selected", r ? "true" : "false"), e.disabled = !r && !this._optionEnabled(t, e.dataset.v, n), r && (o = e);
 			}
+			o = o || a.find((e) => !e.disabled) || null;
+			for (let e of a) e.tabIndex = e === o ? 0 : -1;
+			e && o && (r.scrollTop = o.offsetTop - (r.clientHeight - o.offsetHeight) / 2);
+		}
+	}
+	_pick(e, t) {
+		let n = this._times();
+		if (!n.length) return;
+		let r = this._pending() || n[0], i = this._format() === "12", a = r.h, o = r.m;
+		if (e === "minute" ? o = +t : a = e === "period" ? a % 12 + (t === "pm" ? 12 : 0) : i ? +t + (r.h >= 12 ? 12 : 0) : +t, !this._allowed(a, o)) {
+			let t = a * 60 + o, r = n.filter((t) => e === "minute" ? t.m === o : e === "period" ? t.h >= 12 == a >= 12 : i ? t.h % 12 == a % 12 && t.h >= 12 == a >= 12 : t.h === a).sort((e, n) => Math.abs(e.h * 60 + e.m - t) - Math.abs(n.h * 60 + n.m - t))[0];
+			if (!r) return;
+			a = r.h, o = r.m;
+		}
+		let s = this._input();
+		s.value = yi({
+			h: a,
+			m: o
+		}, this._format()), this._typedError = "", this._syncInvalid(), this._syncColumns();
+	}
+	_position() {
+		I(this.querySelector(".wui-timepicker-field"), this._pop());
+	}
+	_onColumnKey(e) {
+		let t = e.target.closest?.(".timepicker-option"), n = t?.closest(".wui-timepicker-col");
+		if (!t || !n) return;
+		let r = [...n.querySelectorAll(".timepicker-option")].filter((e) => !e.disabled), i = r.indexOf(t), a = [...this._pop().querySelectorAll(".wui-timepicker-col")], o = (e) => {
+			e && (this._pick(n.dataset.col, e.dataset.v), (n.querySelector(".timepicker-option.is-selected") || e).focus());
+		};
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), o(r[Math.min(i + 1, r.length - 1)]);
+				return;
+			case "ArrowUp":
+				e.preventDefault(), o(r[Math.max(i - 1, 0)]);
+				return;
 			case "Home":
-				if (e.preventDefault(), !t.length) return;
-				this._focus = 0, this._renderOptions();
-				break;
+				e.preventDefault(), o(r[0]);
+				return;
 			case "End":
-				if (e.preventDefault(), !t.length) return;
-				this._focus = t.length - 1, this._renderOptions();
-				break;
-			case "PageUp": {
-				if (e.preventDefault(), !t.length) return;
-				let n = this._focus == null || this._focus < 0 ? 0 : this._focus;
-				this._focus = Math.max(n - 8, 0), this._renderOptions();
-				break;
-			}
-			case "PageDown": {
-				if (e.preventDefault(), !t.length) return;
-				let n = this._focus == null || this._focus < 0 ? 0 : this._focus;
-				this._focus = Math.min(n + 8, t.length - 1), this._renderOptions();
-				break;
-			}
+				e.preventDefault(), o(r[r.length - 1]);
+				return;
+			case "PageDown":
+				e.preventDefault(), o(r[Math.min(i + 8, r.length - 1)]);
+				return;
+			case "PageUp":
+				e.preventDefault(), o(r[Math.max(i - 8, 0)]);
+				return;
+			case "ArrowRight":
+			case "ArrowLeft":
+				e.preventDefault(), a[a.indexOf(n) + (e.key === "ArrowRight" ? 1 : -1)]?.querySelector(".timepicker-option[tabindex=\"0\"]")?.focus();
+				return;
 			case "Enter":
+				e.preventDefault(), this._close({
+					commit: !0,
+					refocus: !0
+				});
+				return;
 			case " ":
-				e.preventDefault(), t[this._focus] && (this.value = t[this._focus].dataset.hm, this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
-				break;
+				e.preventDefault(), o(t);
+				return;
 			case "Escape":
-				this._close();
-				break;
-			default: if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
-				e.preventDefault(), clearTimeout(this._typeaheadTimer), this._typeahead += e.key.toLowerCase(), this._typeaheadTimer = setTimeout(() => {
-					this._typeahead = "", this._typeaheadTimer = null;
-				}, 500);
-				let n = t.findIndex((e) => e.textContent.trim().toLowerCase().startsWith(this._typeahead));
-				n >= 0 && (this._focus = n, this._renderOptions());
-			}
+				e.preventDefault(), this._close({
+					commit: !1,
+					refocus: !0
+				});
+				return;
+			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), clearTimeout(this._typeaheadTimer), this._typeahead += e.key.toLowerCase(), this._typeaheadTimer = setTimeout(() => {
+				this._typeahead = "", this._typeaheadTimer = null;
+			}, 500), o(r.find((e) => e.textContent.trim().toLowerCase().startsWith(this._typeahead))));
 		}
 	}
 	_wire() {
 		this._teardown();
-		let e = this.querySelector(".timepicker-trigger"), t = this.querySelector(".timepicker-pop"), n = this.querySelector(".timepicker");
-		if (!e || !t) return;
-		let r = () => !t.hidden;
-		this._open = () => {
-			this._focus = null, this._renderOptions(), t.hidden = !1, n?.classList.add("open"), e.setAttribute("aria-expanded", "true"), this._position(e, t);
-			let r = t.querySelector(".is-selected");
-			r ? this._focus = [...t.querySelectorAll(".timepicker-option")].indexOf(r) : this._focus = 0, this._renderOptions(), t.querySelector("[tabindex=\"0\"]")?.focus();
-		}, this._close = () => {
-			t.hidden = !0, n?.classList.remove("open"), e.setAttribute("aria-expanded", "false"), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "", e.focus();
-		}, e.addEventListener("click", () => r() ? this._close() : this._open()), e.addEventListener("keydown", (e) => {
-			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), r() || this._open());
-		}), t.addEventListener("click", (e) => {
+		let e = this._input(), t = this.querySelector(".wui-timepicker-toggle"), n = this._pop(), r = this.querySelector(".timepicker");
+		if (!e || !n) return;
+		let i = () => !n.hidden;
+		this._isOpen = i;
+		let a = () => n.querySelector(".wui-timepicker-col .timepicker-option[tabindex=\"0\"]")?.focus();
+		this._open = ({ focus: o = !1 } = {}) => {
+			this.hasAttribute("disabled") || (i() || (n.innerHTML = this._columnsHtml(), n.hidden = !1, r?.classList.add("open"), e.setAttribute("aria-expanded", "true"), t?.setAttribute("aria-expanded", "true"), this._position(), this._syncColumns({ scroll: !0 })), o && a());
+		}, this._close = ({ commit: a = !0, refocus: o = !1 } = {}) => {
+			if (!i()) return;
+			let s = n.contains(document.activeElement);
+			n.hidden = !0, n.innerHTML = "", r?.classList.remove("open"), e.setAttribute("aria-expanded", "false"), t?.setAttribute("aria-expanded", "false"), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "", a ? this._commitText() : (this._typedError = "", this._syncText(), this._syncInvalid()), (o || s) && e.focus();
+		}, e.addEventListener("pointerdown", (e) => {
+			this._lastPointer = e.pointerType;
+		}), e.addEventListener("click", () => {
+			this._lastPointer !== "touch" && !i() && this._open(), this._lastPointer = null;
+		}), t?.addEventListener("click", () => {
+			i() ? this._close({
+				commit: !0,
+				refocus: !0
+			}) : this._open({ focus: !0 });
+		}), e.addEventListener("keydown", (e) => {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") e.preventDefault(), this._open({ focus: !0 });
+			else if (e.key === "Enter") {
+				let t = i(), n = this._commitText();
+				t && n && this._close({ commit: !1 }), (!n || t) && e.preventDefault();
+			} else e.key === "Escape" && i() ? (e.preventDefault(), this._close({ commit: !1 })) : e.key === "Tab" && i() && this._close({ commit: !0 });
+		}), e.addEventListener("input", (e) => {
+			e.stopPropagation(), this._typedError && (this._typedError = "", this._syncInvalid()), i() && this._syncColumns({ scroll: !0 });
+		}), e.addEventListener("change", (e) => {
+			e.stopPropagation(), i() || this._commitText();
+		}), n.addEventListener("click", (e) => {
 			this._popClick = !0;
-			let t = e.target.closest(".timepicker-option");
-			t && !t.disabled && (this.value = t.dataset.hm, this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
-		}), this._onKeyBound = (e) => {
-			r() && this._onKey(e);
-		}, t.addEventListener("keydown", this._onKeyBound), this._bindGlobal = () => {
+			let t = e.target.closest(".timepicker-option"), n = t?.closest(".wui-timepicker-col");
+			t && n && !t.disabled && this._pick(n.dataset.col, t.dataset.v);
+		}), n.addEventListener("keydown", (e) => {
+			i() && this._onColumnKey(e);
+		}), this._bindGlobal = () => {
 			this._teardown(), this._onDocClick = (e) => {
 				let t = this._popClick;
-				this._popClick = !1, r() && !t && !this.contains(e.target) && this._close();
+				this._popClick = !1, i() && !t && !this.contains(e.target) && this._close({ commit: !0 });
 			}, document.addEventListener("click", this._onDocClick), this._onDocKey = (e) => {
-				r() && e.key === "Escape" && this._close();
+				i() && e.key === "Escape" && this._close({ commit: !1 });
 			}, document.addEventListener("keydown", this._onDocKey), Bt(this, () => {
-				r() && this._position(e, t);
+				i() && this._position();
 			});
-		}, this._bindGlobal(), this._syncFormValue();
+		}, this._bindGlobal();
 	}
 	_teardown() {
 		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), L(this), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "";
@@ -7087,11 +7245,11 @@ var pi = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, xi = [
+}, Ci = [
 	"none",
 	"single",
 	"multiple"
-], Si = "parentId", Ci = "Loading", wi = "Could not load. Try again.", Ti = ":scope > input[data-wui-mirror]", Ei = [
+], wi = "parentId", Ti = "Loading", Ei = "Could not load. Try again.", Di = ":scope > input[data-wui-mirror]", Oi = [
 	"nodes",
 	"selection",
 	"selected",
@@ -7099,14 +7257,14 @@ var pi = class extends e {
 	"loadChildren",
 	"loadUrl",
 	"name"
-], Di = 0;
+], ki = 0;
 function X(e, t, n) {
 	let r = document.createElement(e);
 	t && (r.className = t);
 	for (let [e, t] of Object.entries(n ?? {})) t != null && r.setAttribute(e, String(t));
 	return r;
 }
-var Oi = class extends e {
+var Ai = class extends e {
 	static get observedAttributes() {
 		return [
 			"selection",
@@ -7118,7 +7276,7 @@ var Oi = class extends e {
 		];
 	}
 	constructor() {
-		super(), this._uid = `wui-tree-${++Di}`, this._seq = 0, this._roots = [], this._byId = /* @__PURE__ */ new Map(), this._prev = null, this._staged = null, this._els = /* @__PURE__ */ new Map(), this._checked = /* @__PURE__ */ new Set(), this._selected = null, this._focusId = null, this._loader = null, this._list = null, this._live = null, this._ready = !1, this._nav = Gt({
+		super(), this._uid = `wui-tree-${++ki}`, this._seq = 0, this._roots = [], this._byId = /* @__PURE__ */ new Map(), this._prev = null, this._staged = null, this._els = /* @__PURE__ */ new Map(), this._checked = /* @__PURE__ */ new Set(), this._selected = null, this._focusId = null, this._loader = null, this._list = null, this._live = null, this._ready = !1, this._nav = Gt({
 			getVisibleOptions: () => this._visible().map((e) => this._els.get(e.id)?.row),
 			getActive: () => this._visible().findIndex((e) => e.id === this._focusId),
 			setActive: (e) => this._focusNode(this._visible()[e]),
@@ -7133,7 +7291,7 @@ var Oi = class extends e {
 	}
 	connectedCallback() {
 		let e = {};
-		for (let t of Ei) Object.hasOwn(this, t) && (e[t] = this[t], delete this[t]);
+		for (let t of Oi) Object.hasOwn(this, t) && (e[t] = this[t], delete this[t]);
 		if (!this._ready) {
 			this._ready = !0;
 			let e = this._readScript();
@@ -7159,7 +7317,7 @@ var Oi = class extends e {
 	}
 	get selection() {
 		let e = this.getAttribute("selection");
-		return xi.includes(e) ? e : "none";
+		return Ci.includes(e) ? e : "none";
 	}
 	set selection(e) {
 		this.setAttribute("selection", String(e));
@@ -7203,13 +7361,13 @@ var Oi = class extends e {
 		e == null ? this.removeAttribute("name") : this.setAttribute("name", String(e));
 	}
 	get loadingText() {
-		return this.getAttribute("loading-text") ?? Ci;
+		return this.getAttribute("loading-text") ?? Ti;
 	}
 	set loadingText(e) {
 		this.setAttribute("loading-text", String(e ?? ""));
 	}
 	get errorText() {
-		return this.getAttribute("error-text") ?? wi;
+		return this.getAttribute("error-text") ?? Ei;
 	}
 	set errorText(e) {
 		this.setAttribute("error-text", String(e ?? ""));
@@ -7398,7 +7556,7 @@ var Oi = class extends e {
 		let t = this.getAttribute("load-url");
 		if (!t) throw Error("<wui-tree> has a node with children to load but no loadChildren or load-url.");
 		let n = new URL(t, window.location.href);
-		n.searchParams.set(Si, e.id);
+		n.searchParams.set(wi, e.id);
 		let r = await A(n.href, { headers: { Accept: "application/json" } });
 		if (!r.ok) throw Error(`Loading children answered ${r.kind}.`);
 		return JSON.parse(r.html);
@@ -7419,7 +7577,7 @@ var Oi = class extends e {
 		let e = this.selection;
 		if (e === "multiple") z(this, this.values);
 		else if (e === "single") R(this, this._selected ?? "");
-		else for (let e of this.querySelectorAll(Ti)) e.remove();
+		else for (let e of this.querySelectorAll(Di)) e.remove();
 	}
 	_render() {
 		if (!this._list) return;
@@ -7471,7 +7629,7 @@ var Oi = class extends e {
 			row: s
 		}), o;
 	}
-}, ki = "wui-wizard-step", Ai = class extends e {
+}, ji = "wui-wizard-step", Mi = class extends e {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -7506,7 +7664,7 @@ var Oi = class extends e {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${ki}`)];
+		return [...this.querySelectorAll(`:scope > ${ji}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -7545,7 +7703,7 @@ var Oi = class extends e {
 	}
 	_reconcileSteps() {
 		let e = this._steps, t = this._known;
-		if (this._known = e, ji(e, t)) return e;
+		if (this._known = e, Ni(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];
@@ -7565,7 +7723,7 @@ var Oi = 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]) && ji(e, this._known) || (this._renderChrome(), this._observer?.takeRecords());
+		(!e.length || this._header.nextElementSibling === e[0] && this._footer.previousElementSibling === e[e.length - 1]) && Ni(e, this._known) || (this._renderChrome(), this._observer?.takeRecords());
 	}
 	_syncPanels(e) {
 		e.forEach((e, t) => {
@@ -7590,15 +7748,15 @@ var Oi = class extends e {
 		return e.map((r, o) => {
 			let s = this._stepStatus(r, o), c = r.getAttribute("label") || "", l = r.getAttribute("description") || "", u = r.getAttribute("icon") || "", d = o + 1, f;
 			f = s === "done" ? B("check") : s === "error" ? B("alert-triangle") : s === "skipped" ? B("minus") : u ? B(u) : String(d);
-			let p = s === "pending" ? "step" : `step ${s}`, m = s === "active" ? " aria-current=\"step\"" : "", h = a || o < this._active, g = l ? `<span class="step-desc">${Mi(l)}</span>` : "", _;
-			_ = t ? `<span class="step-circle">${f}</span><span class="step-text"><span class="step-index">Step ${d}</span><span class="step-label">${Mi(c)}</span>${g}</span>` : n ? `<span class="step-circle">${f}</span><span class="step-index">Step ${d}</span><span class="step-label">${Mi(c)}</span>${g}` : `<span class="step-circle">${f}</span><span class="step-label">${Mi(c)}</span>${g}`;
+			let p = s === "pending" ? "step" : `step ${s}`, m = s === "active" ? " aria-current=\"step\"" : "", h = a || o < this._active, g = l ? `<span class="step-desc">${Pi(l)}</span>` : "", _;
+			_ = t ? `<span class="step-circle">${f}</span><span class="step-text"><span class="step-index">Step ${d}</span><span class="step-label">${Pi(c)}</span>${g}</span>` : n ? `<span class="step-circle">${f}</span><span class="step-index">Step ${d}</span><span class="step-label">${Pi(c)}</span>${g}` : `<span class="step-circle">${f}</span><span class="step-label">${Pi(c)}</span>${g}`;
 			let v = h ? `<button type="button" class="${p}" data-step="${o}"${m}>${_}</button>` : `<div class="${p}"${m}>${_}</div>`;
 			return t && i && o < e.length - 1 ? `${v}<span class="step-line${s === "done" ? " done" : ""}" aria-hidden="true"></span>` : v;
 		}).join("");
 	}
 	_footerHtml(e) {
 		let t = this._active, n = e.length - 1, r = this.hasAttribute("disabled") ? " disabled" : "", i = e[t]?.hasAttribute("optional") || this.hasAttribute("skippable"), a = this.getAttribute("back-label") || "Back", o = this.getAttribute("next-label") || "Next", s = this.getAttribute("skip-label") || "Skip", c = this.getAttribute("finish-label") || "Finish";
-		return `${t > 0 ? `<button type="button" class="btn btn-secondary" data-nav="back"${r}>${B("arrow-left", { className: "me-2" })}${Mi(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${Mi(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${Mi(o)}${B("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${Mi(c)}</button>`}</span>`;
+		return `${t > 0 ? `<button type="button" class="btn btn-secondary" data-nav="back"${r}>${B("arrow-left", { className: "me-2" })}${Pi(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${Pi(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${Pi(o)}${B("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${Pi(c)}</button>`}</span>`;
 	}
 	_wire() {
 		this._teardown(), this._onHeaderClick = (e) => {
@@ -7672,7 +7830,7 @@ var Oi = class extends e {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, ji = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Mi = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ni = class extends e {
+}, Ni = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Pi = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Fi = class extends e {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -7686,8 +7844,8 @@ var Oi = class extends e {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}, Pi = 2e3;
-async function Fi(e) {
+}, Ii = 2e3;
+async function Li(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 	} catch {}
@@ -7702,14 +7860,14 @@ async function Fi(e) {
 }
 //#endregion
 //#region src/fileValidation.js
-var Ii = "image/png,image/jpeg,image/webp", Li = 5, Ri = {
+var Ri = "image/png,image/jpeg,image/webp", zi = 5, Bi = {
 	"image/png": [".png"],
 	"image/jpeg": [".jpg", ".jpeg"],
 	"image/webp": [".webp"],
 	"image/gif": [".gif"],
 	"image/svg+xml": [".svg"],
 	"application/pdf": [".pdf"]
-}, zi = {
+}, Vi = {
 	"image/png": "PNG",
 	"image/jpeg": "JPG",
 	"image/webp": "WEBP",
@@ -7723,7 +7881,7 @@ var Ii = "image/png,image/jpeg,image/webp", Li = 5, Ri = {
 	".gif": "GIF",
 	".svg": "SVG",
 	".pdf": "PDF"
-}, Bi = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), Vi = [
+}, Hi = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), Ui = [
 	".png",
 	".jpg",
 	".jpeg",
@@ -7734,64 +7892,64 @@ var Ii = "image/png,image/jpeg,image/webp", Li = 5, Ri = {
 	".avif",
 	".heic"
 ];
-function Hi(e) {
+function Wi(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 Vi.some((e) => r.endsWith(e));
+	return Ui.some((e) => r.endsWith(e));
 }
-function Ui(e) {
-	let t = Bi(e);
-	return t.length ? t.every((e) => e.startsWith(".") ? Vi.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
+function Gi(e) {
+	let t = Hi(e);
+	return t.length ? t.every((e) => e.startsWith(".") ? Ui.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
 }
-function Wi(e) {
+function Ki(e) {
 	let t = [];
-	for (let n of Bi(e)) {
-		let e = zi[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
+	for (let n of Hi(e)) {
+		let e = Vi[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 Gi(e, t) {
-	let n = Bi(t);
+function qi(e, t) {
+	let n = Hi(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 && (Ri[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 && (Bi[e] || []).some((e) => i.endsWith(e)));
 }
-function Ki(e, t = {}) {
+function Ji(e, t = {}) {
 	if (!e) return null;
-	let n = t.accept === void 0 ? Ii : t.accept, r = t.maxSizeMb === void 0 ? 5 : t.maxSizeMb;
-	return Gi(e, n) ? r > 0 && e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${Wi(n)} file.`;
+	let n = t.accept === void 0 ? Ri : t.accept, r = t.maxSizeMb === void 0 ? 5 : t.maxSizeMb;
+	return qi(e, n) ? r > 0 && e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${Ki(n)} file.`;
 }
 //#endregion
 //#region src/inputMask.js
-var qi = /[0-9]/, Ji = {
-	9: qi,
+var Yi = /[0-9]/, Xi = {
+	9: Yi,
 	A: /[A-Za-z]/,
 	"*": /[0-9A-Za-z]/
-}, Yi = /[9A*]/, Xi = /* @__PURE__ */ new Set([
+}, Zi = /[9A*]/, Qi = /* @__PURE__ */ new Set([
 	"text",
 	"tel",
 	"search",
 	"url",
 	"password"
-]), Zi = (e) => {
+]), $i = (e) => {
 	let t = e.replace(/\D/g, "");
 	return t.length === 12 && t.startsWith("91") ? t.slice(2) : t.length === 11 && t.startsWith("0") ? t.slice(1) : e;
-}, Qi = (e) => {
+}, ea = (e) => {
 	let t = Number(e.slice(0, 2)), n = Number(e.slice(2, 4)), r = Number(e.slice(4, 8));
 	if (r < 1) return !1;
 	let i = new Date(Date.UTC(r, n - 1, t));
 	return i.getUTCFullYear() === r && i.getUTCMonth() === n - 1 && i.getUTCDate() === t;
-}, $i = (e) => e.length <= 3 ? e : `${e.slice(0, -3).replace(/\B(?=(\d{2})+(?!\d))/g, ",")},${e.slice(-3)}`, ea = (e) => {
+}, ta = (e) => e.length <= 3 ? e : `${e.slice(0, -3).replace(/\B(?=(\d{2})+(?!\d))/g, ",")},${e.slice(-3)}`, na = (e) => {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());
 	return t ? `${t[3]}-${t[2]}-${t[1]}` : e;
 };
-function ta(e, { upper: t = !1, normalize: n, valid: r, post: i = (e) => e, message: a = "Enter the full value" } = {}) {
-	let o = [...e].map((e) => Ji[e] ? { re: Ji[e] } : { lit: e }), s = o.filter((e) => e.re).length;
+function ra(e, { upper: t = !1, normalize: n, valid: r, post: i = (e) => e, message: a = "Enter the full value" } = {}) {
+	let o = [...e].map((e) => Xi[e] ? { re: Xi[e] } : { lit: e }), s = o.filter((e) => e.re).length;
 	return {
-		inputMode: o.every((e) => !e.re || e.re === qi) ? "numeric" : "text",
+		inputMode: o.every((e) => !e.re || e.re === Yi) ? "numeric" : "text",
 		normalize: n,
 		post: i,
 		message: a,
@@ -7816,18 +7974,18 @@ function ta(e, { upper: t = !1, normalize: n, valid: r, post: i = (e) => e, mess
 		isValid: (e) => e.length === s && (!r || r(e))
 	};
 }
-function na() {
+function ia() {
 	return {
 		inputMode: "decimal",
 		post: (e) => e,
 		message: "Enter a valid amount",
 		extract(e) {
 			let t = "", n = !1, r = 0;
-			for (let i of e) qi.test(i) ? n ? r < 2 && (t += i, r++) : t += i : i === "." && !n && (n = !0, t += i);
+			for (let i of e) Yi.test(i) ? n ? r < 2 && (t += i, r++) : t += i : i === "." && !n && (n = !0, t += i);
 			return t.startsWith(".") && (t = `0${t}`), t.replace(/^0+(?=\d)/, "");
 		},
 		layout(e) {
-			let [t, n] = e.split("."), r = $i(t) + (e.includes(".") ? `.${n}` : "");
+			let [t, n] = e.split("."), r = ta(t) + (e.includes(".") ? `.${n}` : "");
 			return {
 				text: r,
 				isRaw: [...r].map((e) => e !== ",")
@@ -7836,75 +7994,75 @@ function na() {
 		isValid: (e) => /^\d+(\.\d{1,2})?$/.test(e)
 	};
 }
-var ra = {
-	"phone-in": () => ta("99999 99999", {
-		normalize: Zi,
+var aa = {
+	"phone-in": () => ra("99999 99999", {
+		normalize: $i,
 		valid: (e) => /^[6-9]/.test(e),
 		message: "Enter a 10-digit mobile number"
 	}),
-	pan: () => ta("AAAAA9999A", {
+	pan: () => ra("AAAAA9999A", {
 		upper: !0,
 		valid: (e) => /^[A-Z]{5}\d{4}[A-Z]$/.test(e),
 		message: "Enter a valid PAN"
 	}),
-	gstin: () => ta("99AAAAA9999A***", {
+	gstin: () => ra("99AAAAA9999A***", {
 		upper: !0,
 		valid: (e) => /^\d{2}[A-Z]{5}\d{4}[A-Z][1-9A-Z]Z[0-9A-Z]$/.test(e),
 		message: "Enter a valid GSTIN"
 	}),
-	aadhaar: () => ta("9999 9999 9999", {
+	aadhaar: () => ra("9999 9999 9999", {
 		valid: (e) => /^[2-9]/.test(e),
 		message: "Enter a valid 12-digit Aadhaar number"
 	}),
-	ifsc: () => ta("AAAA*******", {
+	ifsc: () => ra("AAAA*******", {
 		upper: !0,
 		valid: (e) => /^[A-Z]{4}0[A-Z0-9]{6}$/.test(e),
 		message: "Enter a valid IFSC"
 	}),
-	"pin-code": () => ta("999999", {
+	"pin-code": () => ra("999999", {
 		valid: (e) => /^[1-9]/.test(e),
 		message: "Enter a valid 6-digit PIN code"
 	}),
-	date: () => ta("99-99-9999", {
-		normalize: ea,
-		valid: Qi,
-		post: (e, t) => e.length === 8 && Qi(e) ? `${e.slice(4)}-${e.slice(2, 4)}-${e.slice(0, 2)}` : t,
+	date: () => ra("99-99-9999", {
+		normalize: na,
+		valid: ea,
+		post: (e, t) => e.length === 8 && ea(e) ? `${e.slice(4)}-${e.slice(2, 4)}-${e.slice(0, 2)}` : t,
 		message: "Enter a valid date as DD-MM-YYYY"
 	}),
-	amount: na
-}, ia = Object.keys(ra), aa = (e) => {
+	amount: ia
+}, oa = Object.keys(aa), sa = (e) => {
 	let t = String(e).toLowerCase();
-	return Object.hasOwn(ra, t) ? t : void 0;
-}, oa = (e) => Yi.test(String(e)) && aa(e) === void 0, sa = /* @__PURE__ */ new Map();
-function ca(e) {
+	return Object.hasOwn(aa, t) ? t : void 0;
+}, ca = (e) => Zi.test(String(e)) && sa(e) === void 0, la = /* @__PURE__ */ new Map();
+function ua(e) {
 	if (e == null || e === "") return null;
 	let t = String(e);
-	return sa.has(t) || (oa(t) ? sa.set(t, ta(t)) : sa.set(t, Object.hasOwn(ra, t) ? ra[t]() : null)), sa.get(t);
+	return la.has(t) || (ca(t) ? la.set(t, ra(t)) : la.set(t, Object.hasOwn(aa, t) ? aa[t]() : null)), la.get(t);
 }
 var Z = (e, t) => e.normalize ? e.normalize(t) : t;
-function la(e, t) {
-	let n = ca(e);
+function da(e, t) {
+	let n = ua(e);
 	return n ? n.extract(Z(n, String(t ?? ""))) : String(t ?? "");
 }
-function ua(e, t) {
-	let n = ca(e);
+function fa(e, t) {
+	let n = ua(e);
 	if (!n) return String(t ?? "");
 	let r = n.extract(Z(n, String(t ?? "")));
 	return n.post(r, n.layout(r).text);
 }
-function da(e, t) {
-	let n = ca(e);
+function pa(e, t) {
+	let n = ua(e);
 	return n ? n.layout(n.extract(Z(n, String(t ?? "")))).text : String(t ?? "");
 }
-var fa = (e, t) => {
+var ma = (e, t) => {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r++) if (e[r] && ++n === t) return r + 1;
 	return e.length;
-}, pa = /* @__PURE__ */ new WeakMap(), ma = (e) => pa.get(e)?.(), ha = /* @__PURE__ */ new WeakMap();
-function ga(e, t, n, r) {
-	let i = e.getAll(t), a = ha.get(e);
-	a || ha.set(e, a = /* @__PURE__ */ new Set());
+}, ha = /* @__PURE__ */ new WeakMap(), ga = (e) => ha.get(e)?.(), _a = /* @__PURE__ */ new WeakMap();
+function va(e, t, n, r) {
+	let i = e.getAll(t), a = _a.get(e);
+	a || _a.set(e, a = /* @__PURE__ */ new Set());
 	let o = i.findIndex((e, r) => e === n && !a.has(`${t}\u0000${r}`));
 	if (!(o < 0)) {
 		if (a.add(`${t}\u0000${o}`), i[o] = r, i.length === 1) {
@@ -7915,7 +8073,7 @@ function ga(e, t, n, r) {
 		for (let n of i) e.append(t, n);
 	}
 }
-function _a(e) {
+function ya(e) {
 	let t = null, n = null, r = !1, i = (t, n) => n === null ? e.removeAttribute(t) : e.setAttribute(t, n), a, o, s = () => {
 		t?.remove(), t = null, n && (n.hidden = !1), n = null, r && e.classList.remove("error"), r = !1, a !== void 0 && i("aria-invalid", a), o !== void 0 && i("aria-describedby", o), a = void 0, o = void 0;
 	};
@@ -7928,18 +8086,18 @@ function _a(e) {
 		l && l !== t && l.textContent.trim() || (t || (r = !e.classList.contains("error"), e.classList.add("error"), a = e.getAttribute("aria-invalid"), o = e.getAttribute("aria-describedby"), c && (t = document.createElement("div"), t.className = "field-error", e.id && (t.id = `${e.id}-error`), n = c.querySelector(".field-hint"), n && (n.hidden = !0), c.insertBefore(t, [...c.children].find((e) => e.classList.contains("field-count")) ?? null), t.id && e.setAttribute("aria-describedby", t.id)), e.setAttribute("aria-invalid", "true")), t && (t.textContent = i));
 	};
 }
-function va(e, { mask: t, postFormatted: n = !1, onChange: r, onInvalidChange: i } = {}) {
-	let a = ca(t);
-	if (!a || !Xi.has(e.type)) return () => {};
+function ba(e, { mask: t, postFormatted: n = !1, onChange: r, onInvalidChange: i } = {}) {
+	let a = ua(t);
+	if (!a || !Qi.has(e.type)) return () => {};
 	let o = Object.getPrototypeOf(e), s = Object.getOwnPropertyDescriptor(o, "value").set, c = !e.hasAttribute("inputmode");
 	c && e.setAttribute("inputmode", a.inputMode);
-	let l = i ?? _a(e), u = null, d = !1, f = !1, p = !1, m = "", h = "", g, _ = () => {
+	let l = i ?? ya(e), u = null, d = !1, f = !1, p = !1, m = "", h = "", g, _ = () => {
 		let e = p ? m : "";
 		e !== h && (h = e, l(h));
 	}, v = (t, n, i) => {
 		let o = a.extract(t.slice(0, n)).length, c = a.extract(t), { text: l, isRaw: d } = a.layout(c);
-		if (e.value !== l && (s.call(e, l), document.activeElement === e && Xi.has(e.type))) {
-			let t = fa(d, o);
+		if (e.value !== l && (s.call(e, l), document.activeElement === e && Qi.has(e.type))) {
+			let t = ma(d, o);
 			e.setSelectionRange(t, t);
 		}
 		e.dataset.maskRaw = c, m = c && !a.isValid(c) ? a.message : "", e.setCustomValidity(m), _(), i && c !== u && r?.(c, l), u = c;
@@ -7989,67 +8147,68 @@ function va(e, { mask: t, postFormatted: n = !1, onChange: r, onInvalidChange: i
 	};
 	e.addEventListener("input", S), e.addEventListener("beforeinput", ee), e.addEventListener("paste", te), e.addEventListener("compositionstart", C), e.addEventListener("compositionend", w), e.addEventListener("blur", T), e.addEventListener("invalid", T);
 	let E = e.form, re = (t) => {
-		e.name && !e.disabled && ga(t.formData, e.name, e.value, ne());
+		e.name && !e.disabled && va(t.formData, e.name, e.value, ne());
 	}, ie = () => {
 		clearTimeout(g), g = setTimeout(() => {
 			p = !1, v(Z(a, e.value), e.value.length, !0);
 		}, 0);
 	};
-	n || (E?.addEventListener("formdata", re), pa.set(e, ne)), E?.addEventListener("reset", ie), E?.addEventListener("submit", T);
+	n || (E?.addEventListener("formdata", re), ha.set(e, ne)), E?.addEventListener("reset", ie), E?.addEventListener("submit", T);
 	let D = Z(a, e.value);
 	return v(D, D.length, !1), () => {
-		clearTimeout(g), e.removeEventListener("input", S), e.removeEventListener("beforeinput", ee), e.removeEventListener("paste", te), e.removeEventListener("compositionstart", C), e.removeEventListener("compositionend", w), e.removeEventListener("blur", T), e.removeEventListener("invalid", T), E?.removeEventListener("formdata", re), E?.removeEventListener("reset", ie), E?.removeEventListener("submit", T), pa.delete(e), y ? Object.defineProperty(e, "value", y) : delete e.value, p = !1, m = "", _(), e.setCustomValidity(""), delete e.dataset.maskRaw, c && e.removeAttribute("inputmode");
+		clearTimeout(g), e.removeEventListener("input", S), e.removeEventListener("beforeinput", ee), e.removeEventListener("paste", te), e.removeEventListener("compositionstart", C), e.removeEventListener("compositionend", w), e.removeEventListener("blur", T), e.removeEventListener("invalid", T), E?.removeEventListener("formdata", re), E?.removeEventListener("reset", ie), E?.removeEventListener("submit", T), ha.delete(e), y ? Object.defineProperty(e, "value", y) : delete e.value, p = !1, m = "", _(), e.setCustomValidity(""), delete e.dataset.maskRaw, c && e.removeAttribute("inputmode");
 	};
 }
-function ya() {
+function xa() {
 	let e = typeof window > "u" ? void 0 : window.jQuery?.validator?.prototype;
 	if (!e || e.wuiMaskHook) return;
 	let t = e.elementValue;
 	e.elementValue = function(e) {
-		let n = ma(e);
+		let n = ga(e);
 		return n === void 0 ? t.call(this, e) : n;
 	}, e.wuiMaskHook = !0;
 }
-var ba = /* @__PURE__ */ new WeakMap(), xa, Sa = (e) => {
-	ba.has(e) || ba.set(e, va(e, {
+var Sa = /* @__PURE__ */ new WeakMap(), Ca, wa = (e) => {
+	Sa.has(e) || Sa.set(e, ba(e, {
 		mask: e.dataset.appMask,
 		postFormatted: e.hasAttribute("data-mask-post-formatted")
 	}));
-}, Ca = (e) => e.nodeType === 1 ? [...e.matches("input[data-app-mask]") ? [e] : [], ...e.querySelectorAll("input[data-app-mask]")] : [];
-function wa() {
-	xa || typeof MutationObserver > "u" || (xa = new MutationObserver((e) => {
+}, Ta = (e) => e.nodeType === 1 ? [...e.matches("input[data-app-mask]") ? [e] : [], ...e.querySelectorAll("input[data-app-mask]")] : [];
+function Ea() {
+	Ca || typeof MutationObserver > "u" || (Ca = new MutationObserver((e) => {
 		for (let t of e) {
-			for (let e of t.removedNodes) for (let t of Ca(e)) ba.get(t)?.(), ba.delete(t);
-			for (let e of t.addedNodes) for (let t of Ca(e)) Sa(t);
+			for (let e of t.removedNodes) for (let t of Ta(e)) Sa.get(t)?.(), Sa.delete(t);
+			for (let e of t.addedNodes) for (let t of Ta(e)) wa(t);
 		}
-	}), xa.observe(document.documentElement, {
+	}), Ca.observe(document.documentElement, {
 		childList: !0,
 		subtree: !0
 	}));
 }
-function Ta(e = document) {
-	ya();
-	for (let t of e.querySelectorAll("input[data-app-mask]")) Sa(t);
-	e === document && wa();
+function Da(e = document) {
+	xa();
+	for (let t of e.querySelectorAll("input[data-app-mask]")) wa(t);
+	e === document && Ea();
 }
 //#endregion
 //#region src/passwordRules.js
-var Ea = {
-	minLength: 8,
+var Oa = {
+	minLength: 10,
 	uppercase: !0,
 	lowercase: !0,
 	digit: !0,
 	special: !0,
-	uniqueChars: 0
-}, Da = "Password requirements";
-function Oa(e) {
-	return e === !0 || e == null ? { ...Ea } : {
-		...Ea,
+	uniqueChars: 0,
+	customRules: []
+}, ka = "Password requirements";
+function Aa(e) {
+	return e === !0 || e == null ? { ...Oa } : {
+		...Oa,
 		...e
 	};
 }
-function ka(e) {
-	let t = Oa(e), n = [];
+function ja(e) {
+	let t = Aa(e), n = [];
 	if (t.minLength > 0 && n.push({
 		key: "length",
 		label: `At least ${t.minLength} characters long`,
@@ -8078,49 +8237,57 @@ function ka(e) {
 			test: (t) => new Set(t).size >= e
 		});
 	}
+	for (let [e, r] of (t.customRules ?? []).entries()) {
+		let t = new RegExp(r.pattern);
+		n.push({
+			key: `custom-${e}`,
+			label: r.label,
+			test: (e) => t.test(e)
+		});
+	}
 	return n;
 }
-function Aa(e, t) {
+function Ma(e, t) {
 	let n = e == null ? "" : String(e);
-	return ka(t).map((e) => ({
+	return ja(t).map((e) => ({
 		key: e.key,
 		label: e.label,
 		met: e.test(n)
 	}));
 }
-function ja(e, t) {
-	return Aa(e, t).every((e) => e.met);
+function Na(e, t) {
+	return Ma(e, t).every((e) => e.met);
 }
 //#endregion
 //#region src/tableSelect.js
-var Ma = "Select all rows", Na = "Select row", Q = "wui-select-cell", Pa = (e, t) => {
+var Pa = "Select all rows", Fa = "Select row", Q = "wui-select-cell", Ia = (e, t) => {
 	let n = e.createElement("input");
 	return n.type = "checkbox", n.className = "wui-check", n.setAttribute("aria-label", t), n;
 };
-function Fa(e = document) {
+function La(e = document) {
 	let t = e.createElement("th");
-	return t.className = Q, t.appendChild(Pa(e, Ma)), t;
+	return t.className = Q, t.appendChild(Ia(e, Pa)), t;
 }
-function Ia(e = document) {
+function Ra(e = document) {
 	let t = e.createElement("td");
-	return t.className = Q, t.appendChild(Pa(e, Na)), t;
+	return t.className = Q, t.appendChild(Ia(e, Fa)), t;
 }
-function La(e = document) {
+function za(e = document) {
 	let t = e.createElement("td");
 	return t.className = Q, t;
 }
-var Ra = (e) => e.firstElementChild?.classList.contains(Q);
-function za(e) {
-	for (let t of e) Ra(t) || t.insertBefore(Ia(t.ownerDocument), t.firstChild);
+var Ba = (e) => e.firstElementChild?.classList.contains(Q);
+function Va(e) {
+	for (let t of e) Ba(t) || t.insertBefore(Ra(t.ownerDocument), t.firstChild);
 }
-function Ba(e) {
+function Ha(e) {
 	let t = e.querySelector("thead tr");
 	if (!t) return null;
-	Ra(t) || t.insertBefore(Fa(e.ownerDocument), t.firstChild), za(e.querySelectorAll("tbody tr"));
-	for (let t of e.querySelectorAll("tfoot tr")) Ra(t) || t.insertBefore(La(e.ownerDocument), t.firstChild);
+	Ba(t) || t.insertBefore(La(e.ownerDocument), t.firstChild), Va(e.querySelectorAll("tbody tr"));
+	for (let t of e.querySelectorAll("tfoot tr")) Ba(t) || t.insertBefore(za(e.ownerDocument), t.firstChild);
 	return t.querySelector(`.${Q} .wui-check`);
 }
-function Va(e) {
+function Ua(e) {
 	let t = e.querySelector(`thead .${Q} .wui-check`), n = [...e.querySelectorAll("tbody tr .wui-check")], r = n.length, i = n.filter((e) => e.checked).length;
 	t && (t.checked = r > 0 && i === r, t.indeterminate = i > 0 && i < r);
 	for (let t of e.querySelectorAll("tbody tr")) t.classList.toggle("is-selected", !!t.querySelector(".wui-check")?.checked);
@@ -8131,12 +8298,12 @@ function Va(e) {
 }
 //#endregion
 //#region src/serverTable.js
-var Ha = Object.freeze([
+var Wa = Object.freeze([
 	"page",
 	"pageSize",
 	"sortBy",
 	"sortOrder"
-]), Ua = "search", Wa = Object.freeze({
+]), Ga = "search", Ka = Object.freeze({
 	loading: "Loading rows",
 	error: "These rows did not load. Try again.",
 	network: "The connection dropped before the rows loaded. Check it and try again.",
@@ -8145,28 +8312,28 @@ var Ha = Object.freeze([
 	actionFailed: "That did not work. Try again.",
 	actionForbidden: "You do not have permission to do that.",
 	empty: "No rows"
-}), Ga = /* @__PURE__ */ new WeakMap(), Ka = (e, t) => {
+}), qa = /* @__PURE__ */ new WeakMap(), Ja = (e, t) => {
 	let n = Number(e);
 	return Number.isInteger(n) ? n : t;
-}, qa = (e) => ({
-	total: Ka(e.dataset.total, 0),
-	page: Ka(e.dataset.page, 1),
-	pageSize: Ka(e.dataset.pageSize, 0),
+}, Ya = (e) => ({
+	total: Ja(e.dataset.total, 0),
+	page: Ja(e.dataset.page, 1),
+	pageSize: Ja(e.dataset.pageSize, 0),
 	sortBy: e.dataset.sortBy || "",
 	sortOrder: e.dataset.sortOrder === "desc" ? "desc" : "asc"
-}), Ja = (e, t) => {
+}), Xa = (e, t) => {
 	e && window.WUI?.toast?.(e, { variant: t });
 };
-function Ya(e = document) {
+function Za(e = document) {
 	let t = e.querySelectorAll ? [...e.querySelectorAll("[data-wui-server]")] : [];
 	e instanceof Element && e.matches("[data-wui-server]") && t.unshift(e);
-	for (let e of t) Ga.has(e) || Ga.set(e, Za(e));
+	for (let e of t) qa.has(e) || qa.set(e, $a(e));
 }
-function Xa(e) {
+function Qa(e) {
 	let t = e instanceof Element ? e.closest("[data-wui-server]") : null;
-	return t && Ga.get(t) || null;
+	return t && qa.get(t) || null;
 }
-function Za(e) {
+function $a(e) {
 	let t = e.querySelector(".table-wrap"), n = t?.querySelector(":scope > table"), r = e.dataset.src;
 	if (!n || !r) throw Error("A server-paged table needs data-src and a .table-wrap > table: render it with <app-data-table src>.");
 	let i = t.querySelector(":scope > [data-wui-table-state]"), a = e.querySelector("[data-wui-table-pager]"), o = e.querySelector("[data-wui-table-status]"), s = {
@@ -8175,11 +8342,11 @@ function Za(e) {
 		filtersForm: e.dataset.filtersForm || null,
 		filtersRegion: e.dataset.filtersRegion || null,
 		searchInput: e.dataset.searchInput || null,
-		loadingText: e.dataset.loadingText || Wa.loading,
-		errorText: e.dataset.errorText || Wa.error
+		loadingText: e.dataset.loadingText || Ka.loading,
+		errorText: e.dataset.errorText || Ka.error
 	}, c = new URL(r, window.location.href), l = new Set(c.searchParams.keys()), u = n.hasAttribute("data-app-datatable-selectable"), d = /* @__PURE__ */ new Set(), f = ue(), p = new AbortController(), m = { signal: p.signal }, h = n.querySelector(":scope > tbody[data-wui-rows]");
 	if (!h) throw Error("A server-paged table needs its rows in <app-table-rows> (tbody[data-wui-rows]).");
-	let g = qa(h), _ = null, v = null, y = (e) => {
+	let g = Ya(h), _ = null, v = null, y = (e) => {
 		let t = new URLSearchParams();
 		for (let [n, r] of new URLSearchParams(e)) l.has(n) || t.append(n, r);
 		return t;
@@ -8201,7 +8368,7 @@ function Za(e) {
 	})), te = (e) => {
 		o && (o.textContent = e);
 	}, ne = (e) => {
-		if (e.total === 0) return Wa.empty;
+		if (e.total === 0) return Ka.empty;
 		let t = e.pageSize > 0 ? Math.max(1, Math.ceil(e.total / e.pageSize)) : 1;
 		return `Page ${e.page} of ${t}, ${e.total} ${e.total === 1 ? "row" : "rows"}`;
 	}, T = () => [...n.querySelectorAll(":scope > thead > tr:first-child > th")], E = (e) => {
@@ -8209,12 +8376,12 @@ function Za(e) {
 	}, re = (e) => {
 		let t = [...e.querySelectorAll(":scope > tr")];
 		if (u) {
-			za(t);
+			Va(t);
 			for (let e of t) {
 				let t = e.querySelector(`.${Q} .wui-check`);
 				t && (t.checked = d.has(e.dataset.rowKey));
 			}
-			Va(n);
+			Ua(n);
 		}
 		let r = T();
 		if (n.classList.contains("wui-table-stack")) for (let e of t) [...e.cells].forEach((e, t) => {
@@ -8231,7 +8398,7 @@ function Za(e) {
 		let n = e.querySelector(":scope > template[data-wui-empty]");
 		D(i), t.total === 0 && n ? (i.replaceChildren(n.content.cloneNode(!0)), i.hidden = !1) : (i.replaceChildren(), i.hidden = !0);
 	}, ae = (e) => {
-		let r = qa(e);
+		let r = Ya(e);
 		if (a) {
 			let t = e.querySelector(":scope > template[data-wui-pager]");
 			D(a), a.replaceChildren(...t ? [t.content.cloneNode(!0)] : []), a.hidden = !1;
@@ -8246,7 +8413,7 @@ function Za(e) {
 		return n && E(n), n ? document.importNode(n, !0) : null;
 	}, se = (e) => {
 		e ? t.setAttribute("aria-busy", "true") : t.removeAttribute("aria-busy");
-	}, ce = (e) => e === "forbidden" ? Wa.forbidden : e === "network" ? Wa.network : s.errorText, le = (e) => {
+	}, ce = (e) => e === "forbidden" ? Ka.forbidden : e === "network" ? Ka.network : s.errorText, le = (e) => {
 		let n = ce(e);
 		if (t.setAttribute("data-wui-table-error", e), a && (a.hidden = !0), i) {
 			let t = document.createElement("div");
@@ -8258,7 +8425,7 @@ function Za(e) {
 			let o = document.createElement("div");
 			o.className = "tbl-empty-action";
 			let s = document.createElement("button");
-			s.type = "button", s.className = "btn btn-outline-primary btn-sm", s.setAttribute("data-wui-table-retry", ""), s.textContent = Wa.retry, o.append(s), t.append(r, a, o), D(i), i.replaceChildren(t), i.hidden = !1;
+			s.type = "button", s.className = "btn btn-outline-primary btn-sm", s.setAttribute("data-wui-table-retry", ""), s.textContent = Ka.retry, o.append(s), t.append(r, a, o), D(i), i.replaceChildren(t), i.hidden = !1;
 		}
 		te(n);
 	}, k = async (e, t = "none") => {
@@ -8310,7 +8477,7 @@ function Za(e) {
 		!t || !n.tHead?.contains(t) || (e.preventDefault(), j(t.dataset.sortKey));
 	});
 	let me = () => {
-		Va(n), n.dispatchEvent(new CustomEvent("selectionchange", {
+		Ua(n), n.dispatchEvent(new CustomEvent("selectionchange", {
 			bubbles: !0,
 			detail: {
 				selected: d.size,
@@ -8344,13 +8511,13 @@ function Za(e) {
 		return e && (e.matches("input, textarea") ? e : e.querySelector("input"));
 	}, ge = () => e.isConnected ? !0 : (p.abort(), clearTimeout(v), !1), _e = (e, t) => {
 		let n = t?.name ? new FormData(e, t) : new FormData(e), r = new Set([...e.querySelectorAll("[name]")].map((e) => e.getAttribute("name"))), i = new URLSearchParams();
-		for (let [e, t] of w) e !== "page" && (Ha.includes(e) || !r.has(e)) && i.append(e, t);
-		for (let [e, t] of n) typeof t != "string" || t === "" || Ha.includes(e) || l.has(e) || i.append(e, t);
+		for (let [e, t] of w) e !== "page" && (Wa.includes(e) || !r.has(e)) && i.append(e, t);
+		for (let [e, t] of n) typeof t != "string" || t === "" || Wa.includes(e) || l.has(e) || i.append(e, t);
 		let a = he();
 		if (a) {
-			i.delete(Ua);
+			i.delete(Ga);
 			let e = a.value.trim();
-			e && i.set(Ua, e);
+			e && i.set(Ga, e);
 		}
 		return k(i, "push");
 	}, ve = (e) => s.filtersForm && e.closest?.(s.filtersForm) || s.filtersRegion && e.closest?.(s.filtersRegion) || null;
@@ -8381,7 +8548,7 @@ function Za(e) {
 		let t = he();
 		!t || e.target !== t || (clearTimeout(v), v = setTimeout(() => {
 			let e = de(new URLSearchParams(w)), n = t.value.trim();
-			n ? e.set(Ua, n) : e.delete(Ua), e.toString() !== w.toString() && k(e, "replace");
+			n ? e.set(Ga, n) : e.delete(Ga), e.toString() !== w.toString() && k(e, "replace");
 		}, 300));
 	}, m), s.urlState && window.addEventListener("popstate", () => {
 		if (!ge()) return;
@@ -8400,7 +8567,7 @@ function Za(e) {
 		let i = await A(t, { method: (e.dataset.method || "post").toUpperCase() });
 		if (e.disabled = !1, e.removeAttribute("aria-busy"), i.kind === "session" || i.kind === "aborted") return;
 		let a = i.message;
-		i.ok ? (Ja(a, i.toastVariant || "success"), await k(w, "none")) : Ja(a || (i.kind === "forbidden" ? Wa.actionForbidden : Wa.actionFailed), "danger"), ee("wui:table:action", {
+		i.ok ? (Xa(a, i.toastVariant || "success"), await k(w, "none")) : Xa(a || (i.kind === "forbidden" ? Ka.actionForbidden : Ka.actionFailed), "danger"), ee("wui:table:action", {
 			action: r,
 			key: n,
 			ok: i.ok,
@@ -8410,7 +8577,7 @@ function Za(e) {
 	return n.addEventListener("click", (e) => {
 		let t = e.target.closest("[data-wui-row-action]");
 		!t || !h.contains(t) || t.disabled || (e.preventDefault(), !(t.dataset.confirm && !window.confirm(t.dataset.confirm)) && be(t));
-	}), E(h), ie(h), u && Ba(n), re(h), pe(), {
+	}), E(h), ie(h), u && Ha(n), re(h), pe(), {
 		el: e,
 		reload: () => k(w, "none"),
 		query: () => new URLSearchParams(w),
@@ -8435,80 +8602,80 @@ function Za(e) {
 }
 //#endregion
 //#region src/serverActions.js
-var Qa = "wuiConfirm", $a = Object.freeze(["danger"]), eo = Object.freeze([
+var eo = "wuiConfirm", to = Object.freeze(["danger"]), no = Object.freeze([
 	"success",
 	"info",
 	"warning",
 	"danger"
-]), to = "wui.flash", no = Object.freeze({
+]), ro = "wui.flash", io = Object.freeze({
 	confirmTitle: "Are you sure?",
 	confirmLabel: "Confirm",
 	cancelLabel: "Cancel",
 	failed: "That did not work. Try again.",
 	forbidden: "You do not have permission to do that.",
 	network: "Could not reach the server. Check your connection and try again."
-}), ro = /* @__PURE__ */ new WeakSet(), io = null, ao = null, oo = !1, so = (e) => {
+}), ao = /* @__PURE__ */ new WeakSet(), oo = null, so = null, co = !1, lo = (e) => {
 	let t = document.createElement("span");
 	return t.textContent = e ?? "", t.innerHTML;
-}, co = (e, t) => {
+}, uo = (e, t) => {
 	e && window.WUI?.toast?.(e, { variant: t });
-}, lo = () => {
+}, fo = () => {
 	let e = window.bootstrap?.Modal;
 	if (!e) throw Error("data-wui-confirm: Bootstrap's bundle (window.bootstrap) is not loaded on this page.");
 	return e;
 };
-function uo() {
-	let e = document.getElementById(Qa);
-	return e || (e = document.createElement("div"), e.id = Qa, e.className = "modal fade wui-modal-shell", e.tabIndex = -1, e.setAttribute("aria-hidden", "true"), e.setAttribute("role", "dialog"), e.setAttribute("aria-modal", "true"), e.style.setProperty("--wui-modal-max-width", `${pe.md}px`), e.innerHTML = `<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal wui-confirm"><div class="wui-modal-body"><div class="wui-confirm-content"><span class="wui-confirm-icon"><wui-status-icon tone="info" size="120"></wui-status-icon></span><h3 class="wui-confirm-title" tabindex="-1"></h3><p class="wui-confirm-msg"></p></div></div><div class="wui-modal-footer"><div class="wui-confirm-actions"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">${so(no.cancelLabel)}</button><button type="button" class="btn btn-primary" data-app-confirm></button></div></div></div></div>`, document.body.appendChild(e), e);
+function po() {
+	let e = document.getElementById(eo);
+	return e || (e = document.createElement("div"), e.id = eo, e.className = "modal fade wui-modal-shell", e.tabIndex = -1, e.setAttribute("aria-hidden", "true"), e.setAttribute("role", "dialog"), e.setAttribute("aria-modal", "true"), e.style.setProperty("--wui-modal-max-width", `${pe.md}px`), e.innerHTML = `<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal wui-confirm"><div class="wui-modal-body"><div class="wui-confirm-content"><span class="wui-confirm-icon"><wui-status-icon tone="info" size="120"></wui-status-icon></span><h3 class="wui-confirm-title" tabindex="-1"></h3><p class="wui-confirm-msg"></p></div></div><div class="wui-modal-footer"><div class="wui-confirm-actions"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">${lo(io.cancelLabel)}</button><button type="button" class="btn btn-primary" data-app-confirm></button></div></div></div></div>`, document.body.appendChild(e), e);
 }
-function fo(e, t) {
+function mo(e, t) {
 	let n = e.getAttribute("data-wui-confirm-tone");
-	if (n !== null && !$a.includes(n)) throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);
-	let r = lo(), i = uo(), a = i.querySelector(".wui-confirm-title"), o = i.querySelector("[data-app-confirm]");
-	if (!a || !o) throw Error(`#${Qa} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${Qa}"> without confirm-href, or leave the dialog to the library.`);
+	if (n !== null && !to.includes(n)) throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);
+	let r = fo(), i = po(), a = i.querySelector(".wui-confirm-title"), o = i.querySelector("[data-app-confirm]");
+	if (!a || !o) throw Error(`#${eo} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${eo}"> without confirm-href, or leave the dialog to the library.`);
 	let s = i.querySelector(".wui-confirm-msg");
 	s || (s = document.createElement("p"), s.className = "wui-confirm-msg", a.after(s));
 	let c = n === "danger";
-	a.textContent = e.getAttribute("data-wui-confirm-title") || no.confirmTitle, s.textContent = e.getAttribute("data-wui-confirm"), o.textContent = e.getAttribute("data-wui-confirm-label") || no.confirmLabel, o.classList.toggle("btn-danger", c), o.classList.toggle("btn-primary", !c), i.querySelector("wui-status-icon")?.setAttribute("tone", c ? "delete" : "info"), i.setAttribute("aria-label", a.textContent), ao = t, oo = !1, r.getOrCreateInstance(i).show();
+	a.textContent = e.getAttribute("data-wui-confirm-title") || io.confirmTitle, s.textContent = e.getAttribute("data-wui-confirm"), o.textContent = e.getAttribute("data-wui-confirm-label") || io.confirmLabel, o.classList.toggle("btn-danger", c), o.classList.toggle("btn-primary", !c), i.querySelector("wui-status-icon")?.setAttribute("tone", c ? "delete" : "info"), i.setAttribute("aria-label", a.textContent), so = t, co = !1, r.getOrCreateInstance(i).show();
 }
-var po = (e, t) => {
-	io = e;
+var ho = (e, t) => {
+	oo = e;
 	try {
 		t();
 	} finally {
-		io = null;
+		oo = null;
 	}
-}, mo = (e) => e.disabled === !0 || e.getAttribute("aria-disabled") === "true";
-function ho(e) {
+}, go = (e) => e.disabled === !0 || e.getAttribute("aria-disabled") === "true";
+function _o(e) {
 	let t = e.target.closest?.("[data-wui-confirm]:not(form)");
-	!t || t === io || mo(t) || (e.preventDefault(), e.stopImmediatePropagation(), fo(t, () => po(t, () => t.click())));
+	!t || t === oo || go(t) || (e.preventDefault(), e.stopImmediatePropagation(), mo(t, () => ho(t, () => t.click())));
 }
-function go(e) {
+function vo(e) {
 	let t = e.target;
-	if (!(t instanceof HTMLFormElement) || !t.hasAttribute("data-wui-confirm") || t === io || e.submitter && e.submitter === io) return;
+	if (!(t instanceof HTMLFormElement) || !t.hasAttribute("data-wui-confirm") || t === oo || e.submitter && e.submitter === oo) return;
 	e.preventDefault(), e.stopImmediatePropagation();
 	let n = e.submitter?.form === t ? e.submitter : void 0;
-	fo(t, () => po(t, () => t.requestSubmit(n)));
+	mo(t, () => ho(t, () => t.requestSubmit(n)));
 }
-function _o(e) {
-	let t = e.target.closest?.(`#${Qa} [data-app-confirm]`);
-	!t || t.disabled || !ao || (oo = !0, lo().getOrCreateInstance(t.closest(`#${Qa}`)).hide());
+function yo(e) {
+	let t = e.target.closest?.(`#${eo} [data-app-confirm]`);
+	!t || t.disabled || !so || (co = !0, fo().getOrCreateInstance(t.closest(`#${eo}`)).hide());
 }
-function vo(e) {
+function bo(e) {
 	if (e.target.id !== "wuiConfirm") return;
-	let t = oo ? ao : null;
-	ao = null, oo = !1, t?.();
+	let t = co ? so : null;
+	so = null, co = !1, t?.();
 }
-var yo = (e, t) => {
-	e && window.sessionStorage.setItem(to, JSON.stringify({
+var xo = (e, t) => {
+	e && window.sessionStorage.setItem(ro, JSON.stringify({
 		message: e,
 		variant: t
 	}));
-}, bo = (e) => e === "forbidden" ? no.forbidden : e === "network" ? no.network : no.failed;
-function xo() {
-	for (let e of document.querySelectorAll("[data-wui-server]")) e.dataset.refreshOnSuccess !== "false" && Xa(e)?.reload();
+}, So = (e) => e === "forbidden" ? io.forbidden : e === "network" ? io.network : io.failed;
+function Co() {
+	for (let e of document.querySelectorAll("[data-wui-server]")) e.dataset.refreshOnSuccess !== "false" && Qa(e)?.reload();
 }
-async function So(e) {
+async function wo(e) {
 	let t = e.getAttribute("data-wui-post");
 	if (!t) throw Error("A data-wui-post button needs the URL the action posts to.");
 	let n = e.getAttribute("data-wui-post-reload");
@@ -8518,68 +8685,68 @@ async function So(e) {
 	if (r.kind === "session" || r.kind === "aborted") return;
 	let i = r.toastVariant || "success";
 	if (r.ok && (r.redirect || n === "page")) {
-		yo(r.message, i), r.redirect ? window.location.assign(r.redirect) : window.location.reload();
+		xo(r.message, i), r.redirect ? window.location.assign(r.redirect) : window.location.reload();
 		return;
 	}
 	if (e.disabled = !1, e.removeAttribute("aria-busy"), r.ok) {
-		co(r.message, i), xo();
+		uo(r.message, i), Co();
 		return;
 	}
-	co(r.message || bo(r.kind), "danger");
+	uo(r.message || So(r.kind), "danger");
 }
-function Co(e) {
+function To(e) {
 	let t = e.target.closest?.("[data-wui-post]");
-	t && (e.preventDefault(), !(mo(t) || t.getAttribute("aria-busy") === "true") && So(t).catch((e) => console.error(e)));
+	t && (e.preventDefault(), !(go(t) || t.getAttribute("aria-busy") === "true") && wo(t).catch((e) => console.error(e)));
 }
-function wo() {
-	let e = window.sessionStorage.getItem(to);
+function Eo() {
+	let e = window.sessionStorage.getItem(ro);
 	if (!e) return;
-	window.sessionStorage.removeItem(to);
+	window.sessionStorage.removeItem(ro);
 	let { message: t, variant: n } = JSON.parse(e);
-	co(t, n);
+	uo(t, n);
 }
-function To(e) {
+function Do(e) {
 	let t = e.querySelectorAll ? [...e.querySelectorAll("[data-wui-flash]")] : [];
 	e instanceof Element && e.matches("[data-wui-flash]") && t.unshift(e);
 	for (let e of t) {
 		let t = e.getAttribute("data-wui-flash-variant") || "success";
-		if (!eo.includes(t)) throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${eo.join(", ")}.`);
+		if (!no.includes(t)) throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${no.join(", ")}.`);
 		let n = e.getAttribute("data-wui-flash") || e.textContent.trim();
-		e.remove(), co(n, t);
+		e.remove(), uo(n, t);
 	}
 }
-function Eo(e = document) {
+function Oo(e = document) {
 	let t = e.ownerDocument || e;
-	ro.has(t) || (ro.add(t), t.addEventListener("click", ho, !0), t.addEventListener("submit", go, !0), t.addEventListener("click", _o), t.addEventListener("click", Co), t.addEventListener("hidden.bs.modal", vo), wo()), To(e);
+	ao.has(t) || (ao.add(t), t.addEventListener("click", _o, !0), t.addEventListener("submit", vo, !0), t.addEventListener("click", yo), t.addEventListener("click", To), t.addEventListener("hidden.bs.modal", bo), Eo()), Do(e);
 }
-var Do = 31536e3, Oo = /* @__PURE__ */ new WeakMap(), ko = (e) => e > 99 ? "99+" : String(e);
-function Ao(e, t, n = document) {
-	n.cookie = `${e}=${t ? "1" : "0"}; Path=/; Max-Age=${Do}; SameSite=Lax`;
+var ko = 31536e3, Ao = /* @__PURE__ */ new WeakMap(), jo = (e) => e > 99 ? "99+" : String(e);
+function Mo(e, t, n = document) {
+	n.cookie = `${e}=${t ? "1" : "0"}; Path=/; Max-Age=${ko}; SameSite=Lax`;
 }
-var jo = (e) => {
+var No = (e) => {
 	let t = document.createElement("template");
 	return t.innerHTML = e, t.content;
-}, Mo = (e, t) => {
+}, Po = (e, t) => {
 	let n = document.createElement("div");
 	return n.className = e, n.textContent = t, n;
 };
-function No(e, t) {
+function Fo(e, t) {
 	let n = e.querySelector(".wui-bell-trigger"), r = e.querySelector(".wui-bell-count"), i = e.querySelector("[data-wui-bell-live]"), a = e.querySelector("[data-wui-bell-list]"), o = e.querySelector(".wui-bell-menu"), { src: s, readAction: c } = e.dataset, l = e.dataset.label || "Notifications", u = e.dataset.emptyText || "You are all caught up.", d = Number(e.dataset.pollSeconds ?? 60), f = ue(), p = Number(e.dataset.unread) || 0, m = (t, a = !0) => {
 		let o = Math.max(0, Number(t) || 0), s = o !== p;
-		p = o, e.dataset.unread = String(o), r && (r.textContent = ko(o), r.hidden = o === 0), n?.setAttribute("aria-label", o === 0 ? l : `${l}, ${ko(o)} unread`), a && s && i && (i.textContent = o === 0 ? "No unread notifications" : `${ko(o)} unread notifications`);
+		p = o, e.dataset.unread = String(o), r && (r.textContent = jo(o), r.hidden = o === 0), n?.setAttribute("aria-label", o === 0 ? l : `${l}, ${jo(o)} unread`), a && s && i && (i.textContent = o === 0 ? "No unread notifications" : `${jo(o)} unread notifications`);
 	}, h = () => o?.classList.contains("show") ?? !1, g = () => {
-		let e = Mo("wui-bell-state", "Could not load notifications. "), t = document.createElement("button");
+		let e = Po("wui-bell-state", "Could not load notifications. "), t = document.createElement("button");
 		t.type = "button", t.className = "btn btn-link btn-sm", t.dataset.wuiBellRetry = "", t.textContent = "Retry", e.append(t), a.replaceChildren(e);
 	}, _ = async (t) => {
-		t && (a.setAttribute("aria-busy", "true"), a.querySelector(".wui-bell-item") || a.replaceChildren(Mo("wui-bell-state", "Loading…")));
+		t && (a.setAttribute("aria-busy", "true"), a.querySelector(".wui-bell-item") || a.replaceChildren(Po("wui-bell-state", "Loading…")));
 		let n = await f.run(s);
 		if (n.kind === "aborted" || n.kind === "stale" || n.kind === "session") return;
 		if (a.removeAttribute("aria-busy"), !n.ok) {
 			t && g();
 			return;
 		}
-		let r = jo(n.html), i = r.querySelector("[data-wui-unread]"), o = i ? Number(i.getAttribute("data-wui-unread")) : p;
-		m(o), (t || h()) && (r.querySelector(".wui-bell-item") ? a.replaceChildren(r) : a.replaceChildren(Mo("wui-bell-state", u))), e.dispatchEvent(new CustomEvent("wui:notifications:loaded", {
+		let r = No(n.html), i = r.querySelector("[data-wui-unread]"), o = i ? Number(i.getAttribute("data-wui-unread")) : p;
+		m(o), (t || h()) && (r.querySelector(".wui-bell-item") ? a.replaceChildren(r) : a.replaceChildren(Po("wui-bell-state", u))), e.dispatchEvent(new CustomEvent("wui:notifications:loaded", {
 			bubbles: !0,
 			detail: { unread: o }
 		}));
@@ -8609,8 +8776,8 @@ function No(e, t) {
 		refresh: () => _(h())
 	};
 }
-var Po = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), Fo = (e, t, n) => `${e}${e.includes("?") ? "&" : "?"}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;
-function Io(e, t) {
+var Io = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), Lo = (e, t, n) => `${e}${e.includes("?") ? "&" : "?"}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;
+function Ro(e, t) {
 	let n = e.querySelector("input.search-input"), r = e.querySelector(".wui-topsearch-results"), i = e.querySelector(".wui-topsearch-open"), a = e.querySelector("[data-wui-topsearch-live]"), { src: o, param: s = "q", resultsHref: c } = e.dataset, l = Number(e.dataset.minChars ?? 2), u = Number(e.dataset.debounceMs ?? 250), d = ue(), f = null, p = -1, m = () => [...r.querySelectorAll(".wui-topsearch-hit")], h = (e) => {
 		let t = m();
 		p = t.length === 0 ? -1 : (e + t.length) % t.length, t.forEach((e, t) => {
@@ -8632,16 +8799,16 @@ function Io(e, t) {
 		e.dispatchEvent(n) && window.location.assign(t);
 	}, b = async (t) => {
 		e.classList.add("is-loading");
-		let n = await d.run(Fo(o, s, t));
+		let n = await d.run(Lo(o, s, t));
 		if (!(n.kind === "aborted" || n.kind === "stale" || n.kind === "session")) {
 			if (e.classList.remove("is-loading"), n.ok) {
-				let e = jo(n.html), t = e.querySelector("[data-wui-count]");
+				let e = No(n.html), t = e.querySelector("[data-wui-count]");
 				r.replaceChildren(e), m().forEach((e, t) => {
 					e.id = `${r.id}-opt-${t}`;
 				});
 				let i = t ? Number(t.getAttribute("data-wui-count")) : m().length;
 				a && (a.textContent = i === 0 ? "No results" : `${i} ${i === 1 ? "result" : "results"}`);
-			} else r.replaceChildren(Mo("wui-topsearch-empty", "Search is unavailable right now."));
+			} else r.replaceChildren(Po("wui-topsearch-empty", "Search is unavailable right now."));
 			p = -1, _();
 		}
 	};
@@ -8659,7 +8826,7 @@ function Io(e, t) {
 			t.preventDefault(), h(p + (t.key === "ArrowDown" ? 1 : -1));
 		} else if (t.key === "Enter") {
 			let e = m();
-			!r.hidden && p >= 0 && e[p] ? (t.preventDefault(), y(e[p].getAttribute("href"))) : c && n.value.trim() !== "" && (t.preventDefault(), y(Fo(c, s, n.value.trim())));
+			!r.hidden && p >= 0 && e[p] ? (t.preventDefault(), y(e[p].getAttribute("href"))) : c && n.value.trim() !== "" && (t.preventDefault(), y(Lo(c, s, n.value.trim())));
 		} else t.key === "Escape" && (r.hidden ? e.classList.contains("is-open") && (t.preventDefault(), v(!1), i?.focus()) : (t.preventDefault(), g()));
 	}), r.addEventListener("click", (e) => {
 		let t = e.target.closest(".wui-topsearch-hit");
@@ -8669,7 +8836,7 @@ function Io(e, t) {
 		v(t), t && n.focus();
 	});
 	let x = (e) => {
-		e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey || Po(e.target) || (e.preventDefault(), v(!0), n.focus());
+		e.key !== "/" || e.ctrlKey || e.metaKey || e.altKey || Io(e.target) || (e.preventDefault(), v(!0), n.focus());
 	}, S = (t) => {
 		e.contains(t.target) || (g(), e.classList.contains("is-open") && v(!1));
 	};
@@ -8677,13 +8844,13 @@ function Io(e, t) {
 		clearTimeout(f), d.abort(), document.removeEventListener("keydown", x), document.removeEventListener("pointerdown", S);
 	});
 }
-function Lo(e) {
+function zo(e) {
 	let t = [], n = e.dataset.wuiCollapsedCookie;
-	n && e.addEventListener("wui:shell:collapse", (e) => Ao(n, !!e.detail?.collapsed)), e.addEventListener("click", (t) => {
+	n && e.addEventListener("wui:shell:collapse", (e) => Mo(n, !!e.detail?.collapsed)), e.addEventListener("click", (t) => {
 		t.target.closest("[data-wui-tabbar-more]") && e.querySelector("[data-app-shell-menu]")?.click();
 	});
-	let r = e.querySelector("[data-wui-bell]"), i = r ? No(r, t) : null, a = e.querySelector("[data-wui-topsearch]");
-	a && Io(a, t);
+	let r = e.querySelector("[data-wui-bell]"), i = r ? Fo(r, t) : null, a = e.querySelector("[data-wui-topsearch]");
+	a && Ro(a, t);
 	let o = {
 		el: e,
 		setUnread(e) {
@@ -8703,109 +8870,109 @@ function Lo(e) {
 			n ? n.click() : e.classList.toggle("collapsed", !!t);
 		}
 	};
-	Oo.set(e, o);
+	Ao.set(e, o);
 	let s = (n) => {
 		if (n.target === e || n.target.contains?.(e)) {
 			for (let e of t) e();
-			Oo.delete(e), delete e.dataset.wuiPartsWired, document.removeEventListener("wui:teardown", s);
+			Ao.delete(e), delete e.dataset.wuiPartsWired, document.removeEventListener("wui:teardown", s);
 		}
 	};
 	return document.addEventListener("wui:teardown", s), o;
 }
-function Ro(e = document) {
+function Bo(e = document) {
 	let t = [];
 	e instanceof Element && e.matches("[data-app-shell]") && t.push(e), t.push(...e.querySelectorAll("[data-app-shell]"));
-	for (let e of t) e.dataset.wuiPartsWired || (e.dataset.wuiPartsWired = "1", Lo(e));
+	for (let e of t) e.dataset.wuiPartsWired || (e.dataset.wuiPartsWired = "1", zo(e));
 }
-function zo(e) {
+function Vo(e) {
 	let t = e?.closest?.("[data-app-shell]") ?? null;
-	return t ? (Oo.has(t) || Ro(t), Oo.get(t) ?? null) : null;
+	return t ? (Ao.has(t) || Bo(t), Ao.get(t) ?? null) : null;
 }
 //#endregion
 //#region src/themeTransition.js
-var Bo = [
+var Ho = [
 	"light",
 	"dark",
 	"auto"
-], Vo = [
+], Uo = [
 	"wave",
 	"circle",
 	"slide",
 	"blinds",
 	"fade",
 	"none"
-], Ho = "wave", Uo = "theme", Wo = {
+], Wo = "wave", Go = "theme", Ko = {
 	wave: 1100,
 	circle: 700,
 	slide: 600,
 	blinds: 900,
 	fade: 350,
 	none: 0
-}, Go = "wui-theme-switching", Ko = "wui-theme-change", qo = "wui-theme-toggle", Jo = "(prefers-color-scheme: dark)", Yo = (e) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(e).matches, Xo = (e) => Bo.includes(e);
-function Zo(e) {
-	return e === "dark" || e === "auto" && Yo(Jo) ? "dark" : "light";
+}, qo = "wui-theme-switching", Jo = "wui:theme:change", Yo = "wui-theme-toggle", Xo = "(prefers-color-scheme: dark)", Zo = (e) => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(e).matches, Qo = (e) => Ho.includes(e);
+function $o(e) {
+	return e === "dark" || e === "auto" && Zo(Xo) ? "dark" : "light";
 }
-function Qo(e = Uo, { includeAuto: t = !1 } = {}) {
+function es(e = Go, { includeAuto: t = !1 } = {}) {
 	let n = null;
 	try {
 		n = window.localStorage.getItem(e);
 	} catch {}
-	return !Xo(n) || n === "auto" && !t ? "light" : n;
+	return !Qo(n) || n === "auto" && !t ? "light" : n;
 }
-function $o(e, t = Uo) {
+function ts(e, t = Go) {
 	try {
 		window.localStorage.setItem(t, e);
 	} catch {}
 }
-function es(e) {
+function ns(e) {
 	let t = document.documentElement;
-	t.setAttribute("data-theme", e), t.setAttribute("data-bs-theme", Zo(e)), document.dispatchEvent(new CustomEvent(Ko, { detail: { mode: e } }));
+	t.setAttribute("data-theme", e), t.setAttribute("data-bs-theme", $o(e)), document.dispatchEvent(new CustomEvent(Jo, { detail: { mode: e } }));
 }
-function ts(e, { includeAuto: t = !1 } = {}) {
+function rs(e, { includeAuto: t = !1 } = {}) {
 	return e === "light" ? "dark" : e === "dark" && t ? "auto" : "light";
 }
-function ns(e) {
+function is(e) {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
-	let t = window.matchMedia(Jo), n = () => e(t.matches ? "dark" : "light");
+	let t = window.matchMedia(Xo), n = () => e(t.matches ? "dark" : "light");
 	return t.addEventListener("change", n), () => t.removeEventListener("change", n);
 }
-var rs = 60, is = (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2, as = (e) => e.toFixed(1), os = (e, t) => `${as(e)}px ${as(t)}px`, ss = {
+var as = 60, os = (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2, ss = (e) => e.toFixed(1), cs = (e, t) => `${ss(e)}px ${ss(t)}px`, ls = {
 	amplitude: 22,
 	segments: 36,
 	cycles: 1.5,
 	ripples: 2
-}, cs = 6, ls = (e, t, n, r, i) => {
-	let { amplitude: a, segments: o, cycles: s } = ss, c = n * (t + 2 * a), l = i ? t + a - c : c - a, u = i ? t + 2 * a : -2 * a, d = [os(0, u)];
+}, us = 6, ds = (e, t, n, r, i) => {
+	let { amplitude: a, segments: o, cycles: s } = ls, c = n * (t + 2 * a), l = i ? t + a - c : c - a, u = i ? t + 2 * a : -2 * a, d = [cs(0, u)];
 	for (let t = 0; t <= o; t++) {
 		let n = e * t / o, i = l + a * Math.sin(2 * Math.PI * s * t / o + r);
-		d.push(os(n, i));
+		d.push(cs(n, i));
 	}
-	return d.push(os(e, u)), `polygon(${d.join(", ")})`;
-}, us = (e, t, n, r) => {
-	let i = t / cs, a = [];
-	for (let t = 0; t < cs; t++) {
+	return d.push(cs(e, u)), `polygon(${d.join(", ")})`;
+}, fs = (e, t, n, r) => {
+	let i = t / us, a = [];
+	for (let t = 0; t < us; t++) {
 		let o = t * i, s = i * n, c = r ? o + i - s : o, l = r ? o + i : o + s;
-		a.push(os(0, c), os(e, c), os(e, l), os(0, l));
+		a.push(cs(0, c), cs(e, c), cs(e, l), cs(0, l));
 	}
 	return `polygon(${a.join(", ")})`;
 };
-function ds(e, { width: t, height: n, to: r = "dark", origin: i } = {}) {
+function ps(e, { width: t, height: n, to: r = "dark", origin: i } = {}) {
 	let a = r === "dark", o = [];
-	for (let r = 0; r <= rs; r++) {
-		let s = r / rs, c = is(s);
+	for (let r = 0; r <= as; r++) {
+		let s = r / as, c = os(s);
 		switch (e) {
 			case "circle": {
 				let e = i?.x ?? t / 2, r = i?.y ?? n / 2, a = Math.hypot(Math.max(e, t - e), Math.max(r, n - r));
-				o.push({ clipPath: `circle(${as(a * c)}px at ${as(e)}px ${as(r)}px)` });
+				o.push({ clipPath: `circle(${ss(a * c)}px at ${ss(e)}px ${ss(r)}px)` });
 				break;
 			}
 			case "slide": {
 				let e = n * (1 - c);
-				o.push({ clipPath: a ? `inset(${as(e)}px 0px 0px 0px)` : `inset(0px 0px ${as(e)}px 0px)` });
+				o.push({ clipPath: a ? `inset(${ss(e)}px 0px 0px 0px)` : `inset(0px 0px ${ss(e)}px 0px)` });
 				break;
 			}
 			case "blinds":
-				o.push({ clipPath: us(t, n, c, a) });
+				o.push({ clipPath: fs(t, n, c, a) });
 				break;
 			case "fade":
 				o.push({
@@ -8814,20 +8981,20 @@ function ds(e, { width: t, height: n, to: r = "dark", origin: i } = {}) {
 				});
 				break;
 			case "none": return [];
-			default: o.push({ clipPath: ls(t, n, c, s * ss.ripples * 2 * Math.PI, a) });
+			default: o.push({ clipPath: ds(t, n, c, s * ls.ripples * 2 * Math.PI, a) });
 		}
 	}
 	return o;
 }
-function fs(e, { effect: t = Ho, to: n, origin: r, duration: i, live: a } = {}) {
+function ms(e, { effect: t = Wo, to: n, origin: r, duration: i, live: a } = {}) {
 	let o = document.documentElement, s = n !== void 0 && o.getAttribute("data-bs-theme") === n;
-	if (t === "none" || s || Yo("(prefers-reduced-motion: reduce)") || typeof document.startViewTransition != "function" || typeof o.animate != "function") return e(), Promise.resolve(!1);
-	o.classList.add(Go);
+	if (t === "none" || s || Zo("(prefers-reduced-motion: reduce)") || typeof document.startViewTransition != "function" || typeof o.animate != "function") return e(), Promise.resolve(!1);
+	o.classList.add(qo);
 	let c = a instanceof Element ? a : null;
-	c && (c.style.viewTransitionName = qo);
-	let l = document.startViewTransition(e), u = i ?? Wo[t] ?? Wo.wave;
+	c && (c.style.viewTransitionName = Yo);
+	let l = document.startViewTransition(e), u = i ?? Ko[t] ?? Ko.wave;
 	return l.ready.then(() => {
-		let e = ds(t, {
+		let e = ps(t, {
 			width: window.innerWidth,
 			height: window.innerHeight,
 			to: n,
@@ -8839,16 +9006,16 @@ function fs(e, { effect: t = Ho, to: n, origin: r, duration: i, live: a } = {})
 			fill: "both",
 			pseudoElement: "::view-transition-new(root)"
 		});
-	}).catch(() => {}), l.finished.catch(() => {}).then(() => (o.classList.remove(Go), c && (c.style.viewTransitionName = ""), !0));
+	}).catch(() => {}), l.finished.catch(() => {}).then(() => (o.classList.remove(qo), c && (c.style.viewTransitionName = ""), !0));
 }
 //#endregion
 //#region src/index.js
 var $ = (e, t) => {
 	typeof customElements < "u" && !customElements.get(e) && customElements.define(e, t);
 };
-function ps() {
-	$("wui-select", On), $("wui-country-select", Mn), $("wui-phone", Qr), $("wui-datepicker", zn), $("wui-date-range", Bn), $("wui-dock", Vn), $("wui-image-crop", hr), $("wui-kanban", Nt), $("wui-consent-banner", un), $("wui-slider", ei), $("wui-sortable", ui), $("wui-timepicker", bi), $("wui-tree", Oi), $("wui-autocomplete", Zt), $("wui-command-palette", nn), $("wui-context-menu", Tn), $("wui-multiselect", Sr), $("wui-taginput", pi), $("wui-otp", Pr), $("wui-status-icon", Lt), $("wui-wizard-step", Ni), $("wui-wizard", Ai);
+function hs() {
+	$("wui-select", On), $("wui-country-select", Mn), $("wui-phone", Qr), $("wui-datepicker", zn), $("wui-date-range", Bn), $("wui-dock", Vn), $("wui-image-crop", hr), $("wui-kanban", Nt), $("wui-consent-banner", un), $("wui-slider", ei), $("wui-sortable", ui), $("wui-timepicker", Si), $("wui-tree", Ai), $("wui-autocomplete", Zt), $("wui-command-palette", nn), $("wui-context-menu", Tn), $("wui-multiselect", Sr), $("wui-taginput", pi), $("wui-otp", Pr), $("wui-status-icon", Lt), $("wui-wizard-step", Fi), $("wui-wizard", Mi);
 }
-ps();
+hs();
 //#endregion
-export { Qa as CONFIRM_DIALOG_ID, $a as CONFIRM_TONES, Pi as COPY_FEEDBACK_MS, ie as CSRF_META_NAME, n as CURRENCIES, a as DATE_PATTERNS, D as DEFAULT_CSRF_HEADER, Ii as DEFAULT_IMAGE_ACCEPT, Li as DEFAULT_MAX_SIZE_MB, Ea as DEFAULT_PASSWORD_RULES, Da as DEFAULT_REQUIREMENTS_TITLE, Ho as DEFAULT_THEME_EFFECT, Uo as DEFAULT_THEME_STORAGE_KEY, i as DURATION_UNITS, s as EMPTY_VALUE, to as FLASH_STORAGE_KEY, eo as FLASH_VARIANTS, t as FORMAT_STYLES, ae as HTTP_KINDS, o as IST_TIME_ZONE, lt as KANBAN_DRAG_THRESHOLD_PX, ct as KANBAN_LONG_PRESS_MS, st as KANBAN_PHONE_QUERY, ot as KANBAN_STORAGE_PREFIX, at as KANBAN_SUMMARY_FORMATS, M as KANBAN_TEXT, it as KANBAN_TONES, Xi as MASK_INPUT_TYPES, ia as MASK_NAMES, r as MONEY_UNITS, Ma as SELECT_ALL_LABEL, Q as SELECT_CELL_CLASS, Na as SELECT_ROW_LABEL, no as SERVER_ACTION_TEXT, It as STATUS_TONES, Ko as THEME_CHANGE_EVENT, Vo as THEME_EFFECTS, Wo as THEME_EFFECT_DURATION, qo as THEME_LIVE_NAME, Bo as THEME_MODES, Go as THEME_SWITCHING_CLASS, O as WUI_HEADERS, Zt as WuiAutocomplete, nn as WuiCommandPalette, un as WuiConsentBanner, Tn as WuiContextMenu, Mn as WuiCountrySelect, zn as WuiDatePicker, Bn as WuiDateRange, Vn as WuiDock, Nt as WuiKanban, Sr as WuiMultiSelect, Pr as WuiOtp, Qr as WuiPhone, On as WuiSelect, ei as WuiSlider, ui as WuiSortable, Lt as WuiStatusIcon, pi as WuiTagInput, bi as WuiTimePicker, Oi as WuiTree, Ai as WuiWizard, Ni as WuiWizardStep, Wi as acceptLabel, za as addRowSelectCells, Ba as addSelectColumn, es as applyTheme, va as attachInputMask, ka as buildPasswordRules, le as classifyStatus, Fi as copyTextToClipboard, ue as createRequestQueue, Fa as createSelectHeaderCell, Ia as createSelectRowCell, La as createSelectSpacerCell, ps as defineWeborityElements, Aa as evaluatePassword, w as formatCompact, S as formatCurrency, E as formatDate, te as formatDuration, da as formatMasked, x as formatNumber, ee as formatPercent, re as formatValue, Xa as getServerTable, zo as getShell, B as glyphSvg, Ta as initInputMasks, nt as initRemoteModals, Eo as initServerActions, Ya as initServerTables, Ro as initShellParts, Hi as isImageFile, Ui as isImageOnlyAccept, oa as isMaskPattern, P as kanbanCardLabel, Dt as kanbanStorageKey, At as kanbanSummaryFormat, rt as loadRemoteModal, ma as maskedPostValue, $t as matchSegments, Gi as matchesAccept, ts as nextTheme, ja as passwordSatisfies, ua as postedMasked, la as rawMasked, se as readCsrf, Ot as readKanbanCollapsed, Qo as readStoredTheme, ca as resolveMask, Zo as resolveTheme, $o as storeTheme, jt as sumKanbanValues, Va as syncSelectAll, ds as themeKeyframes, ne as toInstant, fs as transitionTheme, Ki as validateFile, ns as watchSystemTheme, kt as writeKanbanCollapsed, A as wuiFetch };
+export { eo as CONFIRM_DIALOG_ID, to as CONFIRM_TONES, Ii as COPY_FEEDBACK_MS, ie as CSRF_META_NAME, n as CURRENCIES, a as DATE_PATTERNS, D as DEFAULT_CSRF_HEADER, Ri as DEFAULT_IMAGE_ACCEPT, zi as DEFAULT_MAX_SIZE_MB, Oa as DEFAULT_PASSWORD_RULES, ka as DEFAULT_REQUIREMENTS_TITLE, Wo as DEFAULT_THEME_EFFECT, Go as DEFAULT_THEME_STORAGE_KEY, i as DURATION_UNITS, s as EMPTY_VALUE, ro as FLASH_STORAGE_KEY, no as FLASH_VARIANTS, t as FORMAT_STYLES, ae as HTTP_KINDS, o as IST_TIME_ZONE, lt as KANBAN_DRAG_THRESHOLD_PX, ct as KANBAN_LONG_PRESS_MS, st as KANBAN_PHONE_QUERY, ot as KANBAN_STORAGE_PREFIX, at as KANBAN_SUMMARY_FORMATS, M as KANBAN_TEXT, it as KANBAN_TONES, Qi as MASK_INPUT_TYPES, oa as MASK_NAMES, r as MONEY_UNITS, Pa as SELECT_ALL_LABEL, Q as SELECT_CELL_CLASS, Fa as SELECT_ROW_LABEL, io as SERVER_ACTION_TEXT, It as STATUS_TONES, Jo as THEME_CHANGE_EVENT, Uo as THEME_EFFECTS, Ko as THEME_EFFECT_DURATION, Yo as THEME_LIVE_NAME, Ho as THEME_MODES, qo as THEME_SWITCHING_CLASS, O as WUI_HEADERS, Zt as WuiAutocomplete, nn as WuiCommandPalette, un as WuiConsentBanner, Tn as WuiContextMenu, Mn as WuiCountrySelect, zn as WuiDatePicker, Bn as WuiDateRange, Vn as WuiDock, Nt as WuiKanban, Sr as WuiMultiSelect, Pr as WuiOtp, Qr as WuiPhone, On as WuiSelect, ei as WuiSlider, ui as WuiSortable, Lt as WuiStatusIcon, pi as WuiTagInput, Si as WuiTimePicker, Ai as WuiTree, Mi as WuiWizard, Fi as WuiWizardStep, Ki as acceptLabel, Va as addRowSelectCells, Ha as addSelectColumn, ns as applyTheme, ba as attachInputMask, ja as buildPasswordRules, le as classifyStatus, Li as copyTextToClipboard, ue as createRequestQueue, La as createSelectHeaderCell, Ra as createSelectRowCell, za as createSelectSpacerCell, hs as defineWeborityElements, Ma as evaluatePassword, w as formatCompact, S as formatCurrency, E as formatDate, te as formatDuration, pa as formatMasked, x as formatNumber, ee as formatPercent, re as formatValue, Qa as getServerTable, Vo as getShell, B as glyphSvg, Da as initInputMasks, nt as initRemoteModals, Oo as initServerActions, Za as initServerTables, Bo as initShellParts, Wi as isImageFile, Gi as isImageOnlyAccept, ca as isMaskPattern, P as kanbanCardLabel, Dt as kanbanStorageKey, At as kanbanSummaryFormat, rt as loadRemoteModal, ga as maskedPostValue, $t as matchSegments, qi as matchesAccept, rs as nextTheme, Na as passwordSatisfies, fa as postedMasked, da as rawMasked, se as readCsrf, Ot as readKanbanCollapsed, es as readStoredTheme, ua as resolveMask, $o as resolveTheme, ts as storeTheme, jt as sumKanbanValues, Ua as syncSelectAll, ps as themeKeyframes, ne as toInstant, ms as transitionTheme, Ji as validateFile, is as watchSystemTheme, kt as writeKanbanCollapsed, A as wuiFetch };