@webority/ui-elements 0.9.22 → 0.10.0

package/dist/ui-elements.js

@@ -1,11 +1,11 @@
-//#region src/statusIcons.js
-var e = {
+//#region src/elementBase.js
+var e = typeof HTMLElement > "u" ? class {} : HTMLElement, t = {
 	success: "<rect width=\"174\" height=\"174\" rx=\"87\" fill=\"var(--wui-success-5)\"/>\n<rect x=\"24\" y=\"24\" width=\"126\" height=\"126\" rx=\"63\" stroke=\"var(--wui-success-20)\" stroke-width=\"16\"/>\n<g clip-path=\"url(#wui_success_clip)\">\n<rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"var(--wui-success-active)\"/>\n<rect x=\"108.758\" y=\"67.5986\" width=\"75.5044\" height=\"49.155\" transform=\"rotate(45 108.758 67.5986)\" fill=\"var(--wui-success)\"/>\n<path d=\"M87.895 96.1046C89.7154 97.9249 89.7154 101.046 87.895 102.866L84.1243 106.637C82.3039 108.457 79.1833 108.457 77.3629 106.637L60.8496 89.9934C59.0293 88.173 59.0293 85.0524 60.8496 83.232L64.6204 79.4613C66.4408 77.6409 69.5614 77.6409 71.3817 79.4613L87.895 96.1046Z\" fill=\"white\"/>\n<path d=\"M102.324 67.3672C104.144 65.5469 107.265 65.5469 109.085 67.3672L112.856 71.138C114.676 72.9583 114.676 76.079 112.856 77.8993L84.2499 106.375C82.4296 108.195 79.3089 108.195 77.4886 106.375L73.7178 102.604C71.8975 100.784 71.8975 97.6633 73.7178 95.8429L102.324 67.3672Z\" fill=\"white\"/>\n</g>\n<defs><clipPath id=\"wui_success_clip\"><rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"white\"/></clipPath></defs>",
 	error: "<rect width=\"174\" height=\"174\" rx=\"87\" fill=\"var(--wui-danger-5)\"/>\n<rect x=\"24\" y=\"24\" width=\"126\" height=\"126\" rx=\"63\" stroke=\"var(--wui-danger-20)\" stroke-width=\"16\"/>\n<g clip-path=\"url(#wui_error_clip0)\">\n<rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"var(--wui-danger)\"/>\n<rect x=\"110.758\" y=\"62\" width=\"75.5044\" height=\"69.9535\" transform=\"rotate(45 110.758 62)\" fill=\"var(--wui-danger-active)\"/>\n<g clip-path=\"url(#wui_error_clip1)\">\n<path d=\"M95.9285 87.0037L112.943 69.9887C114.823 68.1087 114.823 65.0608 112.943 63.1838L110.675 60.9155C108.795 59.0349 105.747 59.0349 103.87 60.9155L86.8552 77.9298L69.8403 60.9119C67.9603 59.032 64.9124 59.032 63.0353 60.9119L60.7635 63.1802C58.8835 65.0608 58.8835 68.1087 60.7635 69.9858L77.7814 87.0037L60.767 104.018C58.8865 105.899 58.8865 108.947 60.767 110.824L63.0353 113.092C64.9153 114.972 67.9632 114.972 69.8403 113.092L86.8552 96.0769L103.87 113.092C105.75 114.972 108.798 114.972 110.675 113.092L112.943 110.824C114.823 108.943 114.823 105.895 112.943 104.018L95.9285 87.0037Z\" fill=\"white\"/>\n</g>\n</g>\n<defs><clipPath id=\"wui_error_clip0\"><rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"white\"/></clipPath><clipPath id=\"wui_error_clip1\"><rect width=\"55\" height=\"55\" fill=\"white\" transform=\"translate(59.3535 59.502)\"/></clipPath></defs>",
 	warning: "<rect width=\"174\" height=\"174\" rx=\"87\" fill=\"var(--wui-warning-5)\"/>\n<rect x=\"24\" y=\"24\" width=\"126\" height=\"126\" rx=\"63\" stroke=\"var(--wui-warning-20)\" stroke-width=\"16\"/>\n<g clip-path=\"url(#wui_warning_clip)\">\n<rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"var(--wui-warning)\"/>\n<path d=\"M93.7812 60.9731L156.173 123.365L113.082 166.456L60 113.5L97 109L93.7812 60.9731Z\" fill=\"var(--wui-warning-active)\"/>\n<path d=\"M116.145 101.611L96.0431 62.7255C94.8912 60.6967 93.0607 59.1479 90.8656 58.3543C88.6768 57.5543 86.2768 57.5607 84.0945 58.3671C83.0001 58.7767 81.9953 59.3655 81.125 60.1079C80.2545 60.8567 79.5122 61.7527 78.9425 62.7703L57.8933 101.554C56.1525 104.594 56.1717 108.331 57.9317 111.358C59.6981 114.392 62.9427 116.248 66.4435 116.242H107.563C111.051 116.248 114.283 114.398 116.049 111.39C116.952 109.854 117.4 108.133 117.4 106.418C117.4 104.76 116.984 103.102 116.145 101.611ZM87.0064 105.714C85.0672 105.714 83.4929 104.146 83.4929 102.207C83.4929 100.267 85.0672 98.6993 87.0064 98.6993C88.9392 98.6993 90.5136 100.267 90.5136 102.207C90.5136 104.146 88.9392 105.714 87.0064 105.714ZM90.9104 78.098L88.0432 95.3266C88.0049 95.8706 87.5504 96.2994 87.0064 96.2994C86.4561 96.2994 86.0016 95.8706 85.9633 95.3266L83.0961 78.098C83.0385 77.8101 83.0065 77.522 83.0065 77.2405C83.0065 76.3125 83.3137 75.4037 83.8833 74.6485C84.6321 73.6629 85.7713 73.0549 87.0064 72.9717C88.2352 73.0549 89.3744 73.6629 90.1232 74.6485C90.872 75.6341 91.16 76.8885 90.9104 78.098Z\" fill=\"white\"/>\n</g>\n<defs><clipPath id=\"wui_warning_clip\"><rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"white\"/></clipPath></defs>",
 	info: "<rect width=\"174\" height=\"174\" rx=\"87\" fill=\"var(--wui-info-5)\"/>\n<rect x=\"24\" y=\"24\" width=\"126\" height=\"126\" rx=\"63\" stroke=\"var(--wui-info-20)\" stroke-width=\"16\"/>\n<g clip-path=\"url(#wui_info_clip)\">\n<rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"var(--wui-info)\"/>\n<path d=\"M104.999 67.5L111.454 64L163.495 116.041L115.739 163.797L62.999 111L101.897 104.102L104.999 67.5Z\" fill=\"var(--wui-info-active)\"/>\n<path d=\"M87 121C105.778 121 121 105.778 121 87C121 68.2223 105.778 53 87 53C68.2223 53 53 68.2223 53 87C53 105.778 68.2223 121 87 121Z\" fill=\"white\"/>\n<path d=\"M87 75.542C89.3472 75.542 91.25 73.6392 91.25 71.292C91.25 68.9448 89.3472 67.042 87 67.042C84.6528 67.042 82.75 68.9448 82.75 71.292C82.75 73.6392 84.6528 75.542 87 75.542Z\" fill=\"var(--wui-info-active)\"/>\n<path d=\"M86.9992 106.992C86.0975 106.992 85.2327 106.634 84.5951 105.996C83.9574 105.359 83.5992 104.494 83.5992 103.592V86.592C82.6975 86.592 81.8327 86.2338 81.1951 85.5962C80.5574 84.9585 80.1992 84.0937 80.1992 83.192C80.1992 82.2903 80.5574 81.4255 81.1951 80.7878C81.8327 80.1502 82.6975 79.792 83.5992 79.792H86.9992C87.901 79.792 88.7658 80.1502 89.4034 80.7878C90.041 81.4255 90.3992 82.2903 90.3992 83.192V103.592C90.3992 104.494 90.041 105.359 89.4034 105.996C88.7658 106.634 87.901 106.992 86.9992 106.992Z\" fill=\"var(--wui-info-active)\"/>\n<path d=\"M90.3992 106.992H83.5992C82.6975 106.992 81.8327 106.634 81.1951 105.996C80.5574 105.358 80.1992 104.494 80.1992 103.592C80.1992 102.69 80.5574 101.825 81.1951 101.188C81.8327 100.55 82.6975 100.192 83.5992 100.192H90.3992C91.301 100.192 92.1658 100.55 92.8034 101.188C93.441 101.825 93.7992 102.69 93.7992 103.592C93.7992 104.494 93.441 105.358 92.8034 105.996C92.1658 106.634 91.301 106.992 90.3992 106.992Z\" fill=\"var(--wui-info-active)\"/>\n</g>\n<defs><clipPath id=\"wui_info_clip\"><rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"white\"/></clipPath></defs>",
 	delete: "<rect width=\"174\" height=\"174\" rx=\"87\" fill=\"var(--wui-danger-5)\"/>\n<rect x=\"24\" y=\"24\" width=\"126\" height=\"126\" rx=\"63\" stroke=\"var(--wui-danger-20)\" stroke-width=\"16\"/>\n<g clip-path=\"url(#wui_delete_clip0)\">\n<rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"var(--wui-danger)\"/>\n<path d=\"M114.529 67.5672L163.249 116.287L116.354 163.183L67.6336 114.463L100.999 81.0975L64.999 77.5L58.999 69.5L114.529 67.5672Z\" fill=\"var(--wui-danger-active)\"/>\n<path d=\"M103.5 79L100.5 105.5L76 113L69.5 83.5L103.5 79Z\" fill=\"var(--wui-danger)\"/>\n<g clip-path=\"url(#wui_delete_clip1)\">\n<path d=\"M113.652 66.9993C108.895 66.5266 104.139 66.1721 99.3522 65.9061V65.8766L98.7022 62.0357C98.259 59.3175 97.609 55.2402 90.6954 55.2402H82.9545C76.0704 55.2402 75.4204 59.1402 74.9477 62.0061L74.3272 65.788C71.5795 65.9652 68.8318 66.1425 66.084 66.4084L60.0568 66.9993C58.8159 67.1175 57.9295 68.2107 58.0477 69.4221C58.1659 70.6334 59.2295 71.5198 60.4704 71.4016L66.4977 70.8107C81.9795 69.2743 97.5795 69.8652 113.239 71.4311C113.327 71.4311 113.386 71.4311 113.475 71.4311C114.598 71.4311 115.573 70.5743 115.691 69.4221C115.779 68.2107 114.893 67.1175 113.652 66.9993Z\" fill=\"white\"/>\n<path d=\"M108.216 75.5971C107.507 74.8585 106.532 74.4448 105.527 74.4448H68.1816C67.177 74.4448 66.1725 74.8585 65.4929 75.5971C64.8134 76.3357 64.4293 77.3403 64.4884 78.3744L66.3202 108.688C66.6452 113.179 67.0588 118.793 77.3702 118.793H96.3384C106.65 118.793 107.063 113.208 107.388 108.688L109.22 78.4039C109.279 77.3403 108.895 76.3357 108.216 75.5971ZM91.7588 103.99H81.9202C80.7088 103.99 79.7043 102.986 79.7043 101.774C79.7043 100.563 80.7088 99.5585 81.9202 99.5585H91.7588C92.9702 99.5585 93.9747 100.563 93.9747 101.774C93.9747 102.986 92.9702 103.99 91.7588 103.99ZM94.2406 92.1721H79.4679C78.2566 92.1721 77.252 91.1676 77.252 89.9562C77.252 88.7448 78.2566 87.7403 79.4679 87.7403H94.2406C95.452 87.7403 96.4566 88.7448 96.4566 89.9562C96.4566 91.1676 95.452 92.1721 94.2406 92.1721Z\" fill=\"white\"/>\n</g>\n</g>\n<defs><clipPath id=\"wui_delete_clip0\"><rect x=\"32\" y=\"32\" width=\"110\" height=\"110\" rx=\"55\" fill=\"white\"/></clipPath><clipPath id=\"wui_delete_clip1\"><rect width=\"65\" height=\"65\" fill=\"white\" transform=\"translate(54.3535 54.502)\"/></clipPath></defs>"
-}, t = Object.keys(e), n = class extends HTMLElement {
+}, n = Object.keys(t), r = class extends e {
 	static get observedAttributes() {
 		return ["tone", "size"];
 	}
@@ -16,48 +16,48 @@ var e = {
 		this.isConnected && this.render();
 	}
 	render() {
-		let t = this.getAttribute("tone"), n = Number.parseInt(this.getAttribute("size"), 10) || 72, r = e[t] || e.info;
+		let e = this.getAttribute("tone"), n = Number.parseInt(this.getAttribute("size"), 10) || 72, r = t[e] || t.info;
 		this.innerHTML = `<svg width="${n}" height="${n}" viewBox="0 0 174 174" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">${r}</svg>`;
 	}
-}, r = 4, i = 300, a = 400;
-function o(e, t, n = {}) {
+}, i = 4, a = 300, o = 400;
+function s(e, t, n = {}) {
 	if (!e || !t) return;
-	let o = e.getBoundingClientRect(), s = n.clampHeight ? t.scrollTop : 0;
+	let r = e.getBoundingClientRect(), s = n.clampHeight ? t.scrollTop : 0;
 	n.clampHeight && (t.style.maxHeight = "");
-	let c = t.offsetHeight, l = window.innerHeight - o.bottom, u = l < c + r && o.top > l;
-	if (t.classList.toggle("drop-up", u), t.style.position = "fixed", t.style.top = u ? `${Math.max(r, o.top - c - r)}px` : `${o.bottom + r}px`, n.clampHeight) {
-		let e = u ? o.top - r * 2 : window.innerHeight - o.bottom - r * 2;
+	let c = t.offsetHeight, l = window.innerHeight - r.bottom, u = l < c + i && r.top > l;
+	if (t.classList.toggle("drop-up", u), t.style.position = "fixed", t.style.top = u ? `${Math.max(i, r.top - c - i)}px` : `${r.bottom + i}px`, n.clampHeight) {
+		let e = u ? r.top - i * 2 : window.innerHeight - r.bottom - i * 2;
 		e < c && (t.style.maxHeight = `${Math.max(e, 0)}px`), t.scrollTop = s;
 	}
-	n.matchWidth && (o.width >= i ? (t.style.minWidth = `${o.width}px`, t.style.width = `${o.width}px`, t.style.maxWidth = `${o.width}px`) : (t.style.minWidth = `${o.width}px`, t.style.width = "max-content", t.style.maxWidth = `${Math.min(a, window.innerWidth - r * 2)}px`));
-	let d = t.offsetWidth, f = Math.min(o.left, window.innerWidth - d - r);
-	t.style.left = `${Math.max(r, f)}px`;
+	n.matchWidth && (r.width >= a ? (t.style.minWidth = `${r.width}px`, t.style.width = `${r.width}px`, t.style.maxWidth = `${r.width}px`) : (t.style.minWidth = `${r.width}px`, t.style.width = "max-content", t.style.maxWidth = `${Math.min(o, window.innerWidth - i * 2)}px`));
+	let d = t.offsetWidth, f = Math.min(r.left, window.innerWidth - d - i);
+	t.style.left = `${Math.max(i, f)}px`;
 }
-function s(e, t) {
-	c(e), e._reanchor = t, e._reanchorScroll = (n) => {
+function c(e, t) {
+	l(e), e._reanchor = t, e._reanchorScroll = (n) => {
 		n.target instanceof Node && typeof e.contains == "function" && e.contains(n.target) || t();
 	}, window.addEventListener("resize", e._reanchor), window.addEventListener("scroll", e._reanchorScroll, !0);
 }
-function c(e) {
+function l(e) {
 	e?._reanchor && (window.removeEventListener("resize", e._reanchor), window.removeEventListener("scroll", e._reanchorScroll, !0), e._reanchor = null, e._reanchorScroll = null);
 }
 //#endregion
 //#region src/formMirror.js
-var l = "data-wui-mirror";
-function u(e, t) {
-	let n = e.getAttribute("name"), r = e.querySelector(`:scope > input[${l}]`);
+var u = "data-wui-mirror";
+function d(e, t) {
+	let n = e.getAttribute("name"), r = e.querySelector(`:scope > input[${u}]`);
 	if (!n) {
 		r?.remove();
 		return;
 	}
-	r || (r = document.createElement("input"), r.type = "hidden", r.setAttribute(l, ""), e.appendChild(r)), r.name = n, r.value = t == null ? "" : String(t);
+	r || (r = document.createElement("input"), r.type = "hidden", r.setAttribute(u, ""), e.appendChild(r)), r.name = n, r.value = t == null ? "" : String(t);
 	for (let t of [...r.attributes]) t.name.startsWith("data-val") && !e.hasAttribute(t.name) && r.removeAttribute(t.name);
 	for (let t of e.attributes) t.name.startsWith("data-val") && r.setAttribute(t.name, t.value);
 	r.disabled = e.hasAttribute("disabled");
 }
 //#endregion
 //#region src/iconGlyphs.g.js
-var d = {
+var f = {
 	activity: "<path d=\"M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"m7.33 14.49 2.38-3.09c.34-.44.97-.52 1.41-.18l1.83 1.44c.44.34 1.07.26 1.41-.17l2.31-2.98\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	alarm: "<path d=\"M2 22h20M12 6a9 9 0 0 0-9 9v7h18v-7a9 9 0 0 0-9-9ZM12 2v1M4 4l1 1M20 4l-1 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	"alert-circle": "<path d=\"M12 7.75V13M21.08 8.58v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73V8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.57 1.57 1.6 1.57 2.73Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M12 16.2v.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
@@ -202,14 +202,14 @@ var d = {
 	"zoom-in": "<path d=\"M11 20a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM8.5 11h5M11 13.5v-5M18.93 20.69c.53 1.6 1.74 1.76 2.67.36.85-1.28.29-2.33-1.25-2.33-1.14-.01-1.78.88-1.42 1.97Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>",
 	"zoom-out": "<path d=\"M9 11.7h5M11.5 21a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19ZM22 22l-2-2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>"
 };
-Object.keys(d);
-function f(e, { size: t = 16, className: n = "", style: r = "" } = {}) {
-	let i = d[e];
+Object.keys(f);
+function p(e, { size: t = 16, className: n = "", style: r = "" } = {}) {
+	let i = f[e];
 	return i ? `<svg class="${n ? `wui-icon ${n}` : "wui-icon"}" data-icon="${e}" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="vertical-align:-.125em${r ? `;${r}` : ""}">${i}</svg>` : "";
 }
 //#endregion
 //#region src/listboxKeyNav.js
-function p(e) {
+function m(e) {
 	let { getVisibleOptions: t, getActive: n, setActive: r, onEnter: i, onEscape: a, onTypeahead: o, typeaheadMs: s = 500 } = e, c = "", l = null, u = () => {
 		clearTimeout(l), l = null, c = "";
 	};
@@ -240,15 +240,15 @@ function p(e) {
 }
 //#endregion
 //#region src/optionLabel.js
-var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), g = (e) => {
+var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), _ = (e) => {
 	if (!e) return "";
 	let t = String(e).toLowerCase().replace(/[^a-z0-9-]/g, "");
-	return t ? f(t) : "";
-}, _ = (e) => {
+	return t ? p(t) : "";
+}, v = (e) => {
 	if (e == null) return "";
-	let t = e[m] ? String(e.label ?? "") : h(e.label), n = g(e.icon);
+	let t = e[h] ? String(e.label ?? "") : g(e.label), n = _(e.icon);
 	return n ? `<span class="wui-opt-label">${n}${t}</span>` : t;
-}, v = class extends HTMLElement {
+}, y = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Select";
@@ -307,14 +307,14 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		return this._value;
 	}
 	set value(e) {
-		this._value = e == null ? "" : String(e), u(this, this._value);
+		this._value = e == null ? "" : String(e), d(this, this._value);
 		let t = this._readOptions().find((e) => String(e.value) === this._value);
-		this._label = t ? b(t.label) : "", this._syncInput(), this._renderOptions("");
+		this._label = t ? x(t.label) : "", this._syncInput(), this._renderOptions("");
 	}
 	set options(e) {
 		this._optionsProp = Array.isArray(e) ? e : [];
 		let t = this._readOptions().find((e) => String(e.value) === this._value);
-		t && (this._label = b(t.label)), this._renderOptions(), this._syncInput();
+		t && (this._label = x(t.label)), this._renderOptions(), this._syncInput();
 	}
 	get options() {
 		return this._readOptions();
@@ -333,7 +333,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	}
 	_matchesKnownOption(e) {
 		let t = e.toLowerCase();
-		return this._readOptions().some((e) => b(e.label).toLowerCase() === t || String(e.value ?? "").toLowerCase() === t);
+		return this._readOptions().some((e) => x(e.label).toLowerCase() === t || String(e.value ?? "").toLowerCase() === t);
 	}
 	get _minChars() {
 		return Math.max(0, Number(this.getAttribute("min-chars")) || +!!this._remote);
@@ -351,7 +351,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			value: e.getAttribute("value") ?? e.textContent.trim(),
 			label: e.innerHTML,
 			icon: e.getAttribute("icon") || void 0,
-			[m]: !0,
+			[h]: !0,
 			selected: e.hasAttribute("selected")
 		})));
 	}
@@ -365,17 +365,17 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		let r = `${this.id}-listbox`;
 		this._listboxId = r, this.innerHTML = `
       <div class="search-select${n}">
-        <div class="input search-select-control search-select-ac" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${y(r)}" aria-label="${y(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}>
-          <input class="search-select-input search-select-ac-input" placeholder="${y(e)}" aria-autocomplete="list" autocomplete="off"${this.hasAttribute("disabled") ? " disabled" : ""} />
+        <div class="input search-select-control search-select-ac" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${b(r)}" aria-label="${b(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}>
+          <input class="search-select-input search-select-ac-input" placeholder="${b(e)}" aria-autocomplete="list" autocomplete="off"${this.hasAttribute("disabled") ? " disabled" : ""} />
           <span class="search-select-spinner spinner-border spinner-border-sm" role="status" aria-hidden="true" hidden></span>
-          <button type="button" class="search-select-clear" aria-label="Clear" hidden>${f("x")}</button>
+          <button type="button" class="search-select-clear" aria-label="Clear" hidden>${p("x")}</button>
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${y(r)}" tabindex="-1" hidden>
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${b(r)}" tabindex="-1" hidden>
           <div class="search-select-options"></div>
           <div class="search-select-empty" hidden>No matches</div>
           <div class="search-select-hint" hidden>Type to search…</div>
         </div>
-      </div>`, this._rendered = !0, u(this, this._value), this._wire(), this._syncInput(), this._renderOptions();
+      </div>`, this._rendered = !0, d(this, this._value), this._wire(), this._syncInput(), this._renderOptions();
 	}
 	_refs() {
 		return {
@@ -404,7 +404,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		let t = this._refs();
 		if (!t.optionsWrap) return;
 		let n = e ?? (t.input ? t.input.value : ""), r = n.trim().toLowerCase(), i = this._readOptions();
-		!this._remote && r && (i = i.filter((e) => b(e.label).toLowerCase().includes(r)));
+		!this._remote && r && (i = i.filter((e) => x(e.label).toLowerCase().includes(r)));
 		let a = n.trim(), o = this._allowCustom && a && !this._matchesKnownOption(a) ? [...i, {
 			value: a,
 			custom: !0
@@ -412,11 +412,11 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		t.optionsWrap.innerHTML = o.map((e, t) => {
 			let n = `${s}-opt-${t}`;
 			if (e.custom) {
-				let t = `Add “${h(e.value)}”`;
-				return `<button type="button" role="option" id="${y(n)}" class="search-select-option search-select-option-custom" data-value="${y(e.value)}" data-custom="true" aria-selected="false">${t}</button>`;
+				let t = `Add “${g(e.value)}”`;
+				return `<button type="button" role="option" id="${b(n)}" class="search-select-option search-select-option-custom" data-value="${b(e.value)}" data-custom="true" aria-selected="false">${t}</button>`;
 			}
 			let r = String(e.value) === String(this._value);
-			return `<button type="button" role="option" id="${y(n)}" class="search-select-option${r ? " selected" : ""}" data-value="${y(e.value)}" aria-selected="${r}">${_(e)}</button>`;
+			return `<button type="button" role="option" id="${b(n)}" class="search-select-option${r ? " selected" : ""}" data-value="${b(e.value)}" aria-selected="${r}">${v(e)}</button>`;
 		}).join(""), this._active = -1, t.control?.removeAttribute("aria-activedescendant");
 		let c = r.length < this._minChars;
 		t.hint && (t.hint.hidden = !(this._remote && c && !i.length)), t.empty && (t.empty.hidden = this._loading || o.length > 0 || this._remote && c), this._reanchor?.();
@@ -425,26 +425,26 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		this._teardown();
 		let e = this._refs();
 		if (!e.control || !e.input) return;
-		let t = () => o(e.control, e.menu, { matchWidth: !0 }), n = () => this._optionEls().filter((e) => !e.hidden), r = (t) => {
+		let t = () => s(e.control, e.menu, { matchWidth: !0 }), n = () => this._optionEls().filter((e) => !e.hidden), r = (t) => {
 			let r = n();
 			this._active = t;
 			for (let e of this._optionEls()) e.classList.remove("is-active");
 			t >= 0 && r[t] ? (r[t].classList.add("is-active"), r[t].scrollIntoView({ block: "nearest" }), e.control.setAttribute("aria-activedescendant", r[t].id)) : e.control.removeAttribute("aria-activedescendant");
 		}, i = () => !e.menu.hidden, a = () => {
 			e.menu.hidden = !1, e.control.setAttribute("aria-expanded", "true"), e.control.classList.add("open"), t(), this._renderOptions();
-		}, c = () => {
+		}, o = () => {
 			e.menu.hidden = !0, e.control.setAttribute("aria-expanded", "false"), e.control.classList.remove("open"), r(-1), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "", this._syncInput();
 		}, l = (t) => {
 			let n = t.dataset.custom === "true";
-			this._value = t.dataset.value, this._label = n ? t.dataset.value : b(t.innerHTML), u(this, this._value), e.input.value = this._label, this.dispatchEvent(new CustomEvent("change", {
+			this._value = t.dataset.value, this._label = n ? t.dataset.value : x(t.innerHTML), d(this, this._value), e.input.value = this._label, this.dispatchEvent(new CustomEvent("change", {
 				bubbles: !0,
 				detail: { isCustom: n }
-			})), c(), e.input.focus();
-		}, d = (t) => {
-			this._value = t, this._label = t, u(this, t), e.input.value = t, this.dispatchEvent(new CustomEvent("change", {
+			})), o(), e.input.focus();
+		}, u = (t) => {
+			this._value = t, this._label = t, d(this, t), e.input.value = t, this.dispatchEvent(new CustomEvent("change", {
 				bubbles: !0,
 				detail: { isCustom: !0 }
-			})), c();
+			})), o();
 		}, f = () => {
 			let t = e.input.value;
 			if (e.clear && (e.clear.hidden = !t), i() || a(), this._remote) {
@@ -459,7 +459,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 				}, this._timer = setTimeout(() => this._fireSearch(t, e), this._debounceMs);
 			} else this._renderOptions(t);
 		};
-		this._navHandler = p({
+		this._navHandler = m({
 			getVisibleOptions: n,
 			getActive: () => this._active,
 			setActive: (e) => r(e),
@@ -467,14 +467,14 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 				if (n[this._active]) l(n[this._active]);
 				else if (this._allowCustom) {
 					let t = e.input.value.trim();
-					t && !this._matchesKnownOption(t) && d(t);
+					t && !this._matchesKnownOption(t) && u(t);
 				}
 			},
 			onEscape: () => {
-				this._navHandler.clearTypeahead(), c();
+				this._navHandler.clearTypeahead(), o();
 			}
 		});
-		let m = (e) => {
+		let p = (e) => {
 			let t = e.target?.tagName === "INPUT" || e.target?.tagName === "TEXTAREA";
 			if (e.key === "ArrowDown") {
 				e.preventDefault(), i() || a();
@@ -488,10 +488,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			else if (e.key.length === 1 && (e.ctrlKey || e.metaKey || e.altKey || !i() || e.target?.tagName === "INPUT" || e.target?.tagName === "TEXTAREA") && (!i() || e.target?.tagName === "INPUT" || e.target?.tagName === "TEXTAREA")) return;
 			this._navHandler.handler(e);
 		};
-		e.input.addEventListener("focus", () => a()), e.input.addEventListener("input", f), e.input.addEventListener("keydown", m), e.menu.addEventListener("keydown", m), e.input.addEventListener("blur", (t) => {
+		e.input.addEventListener("focus", () => a()), e.input.addEventListener("input", f), e.input.addEventListener("keydown", p), e.menu.addEventListener("keydown", p), e.input.addEventListener("blur", (t) => {
 			if (!this._allowCustom || t.relatedTarget && this.contains(t.relatedTarget)) return;
 			let n = e.input.value.trim();
-			!n || n === this._label || this._matchesKnownOption(n) || d(n);
+			!n || n === this._label || this._matchesKnownOption(n) || u(n);
 		}), e.optionsWrap.addEventListener("click", (e) => {
 			let t = e.target.closest(".search-select-option");
 			t && l(t);
@@ -499,11 +499,11 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			let t = e.target.closest(".search-select-option");
 			t && r(this._optionEls().indexOf(t));
 		}), e.optionsWrap.addEventListener("mouseleave", () => r(-1)), e.clear?.addEventListener("click", () => {
-			this._value = "", this._label = "", u(this, ""), e.input.value = "", e.clear.hidden = !0, this._renderOptions(""), this.dispatchEvent(new Event("change", { bubbles: !0 })), e.input.focus();
+			this._value = "", this._label = "", d(this, ""), e.input.value = "", e.clear.hidden = !0, this._renderOptions(""), this.dispatchEvent(new Event("change", { bubbles: !0 })), e.input.focus();
 		}), this._bindGlobal = () => {
 			this._teardown(), this._onDocClick = (e) => {
-				i() && !this.contains(e.target) && c();
-			}, document.addEventListener("click", this._onDocClick), s(this, () => {
+				i() && !this.contains(e.target) && o();
+			}, document.addEventListener("click", this._onDocClick), c(this, () => {
 				i() && t();
 			});
 		}, this._bindGlobal();
@@ -518,12 +518,12 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		}));
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), c(this), clearTimeout(this._timer), this._navHandler?.teardown();
+		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this), clearTimeout(this._timer), this._navHandler?.teardown();
 	}
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, y = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), b = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), x = [
+}, b = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), x = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), S = [
 	"January",
 	"February",
 	"March",
@@ -536,7 +536,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	"October",
 	"November",
 	"December"
-], S = [
+], C = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -544,24 +544,24 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	"Th",
 	"Fr",
 	"Sa"
-], C = (e) => String(e).padStart(2, "0"), w = (e, t, n) => `${e}-${C(t + 1)}-${C(n)}`, T = (e) => {
+], w = (e) => String(e).padStart(2, "0"), T = (e, t, n) => `${e}-${w(t + 1)}-${w(n)}`, E = (e) => {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e || "");
 	return t ? {
 		y: +t[1],
 		m: t[2] - 1,
 		d: +t[3]
 	} : null;
-}, E = (e) => {
-	let t = T(e);
-	return t ? `${C(t.d)} ${x[t.m].slice(0, 3)} ${t.y}` : "";
-}, D = (e, t) => new Date(e, t + 1, 0).getDate(), O = (e, t) => {
+}, D = (e) => {
+	let t = E(e);
+	return t ? `${w(t.d)} ${S[t.m].slice(0, 3)} ${t.y}` : "";
+}, O = (e, t) => new Date(e, t + 1, 0).getDate(), k = (e, t) => {
 	for (; t < 0;) t += 12, --e;
 	for (; t > 11;) t -= 12, e += 1;
 	return {
 		y: e,
 		m: t
 	};
-}, ee = class extends HTMLElement {
+}, ee = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -604,7 +604,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		return this._value;
 	}
 	set value(e) {
-		this._value = e || "", u(this, this._value), this._syncTrigger();
+		this._value = e || "", d(this, this._value), this._syncTrigger();
 	}
 	_firstDay() {
 		let e = Number.parseInt(this.getAttribute("first-day") ?? "", 10);
@@ -612,29 +612,29 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value);
-		let e = this.getAttribute("placeholder") || "Enter Date", t = T(this._value);
+		let e = this.getAttribute("placeholder") || "Enter Date", t = E(this._value);
 		t && (this._viewY = t.y, this._viewM = t.m);
 		let n = this.getAttribute("size"), r = n === "sm" ? " input-sm" : n === "lg" ? " input-lg" : "", i = this.getAttribute("aria-label"), a = this.getAttribute("aria-describedby");
 		this.innerHTML = `
       <div class="datepicker">
-        <button type="button" class="input datepicker-trigger${r}${t ? " has-value" : ""}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${i ? ` aria-label="${h(i)}"` : ""}${a ? ` aria-describedby="${h(a)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "search-select-placeholder"}">${t ? E(this._value) : h(e)}</span>
-          ${f("calendar-dots")}
+        <button type="button" class="input datepicker-trigger${r}${t ? " has-value" : ""}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${i ? ` aria-label="${g(i)}"` : ""}${a ? ` aria-describedby="${g(a)}"` : ""}>
+          <span data-trigger-label class="${t ? "" : "search-select-placeholder"}">${t ? D(this._value) : g(e)}</span>
+          ${p("calendar-dots")}
         </button>
         <div class="datepicker-pop" role="dialog" aria-modal="false" hidden></div>
-      </div>`, this._rendered = !0, u(this, this._value), this._wire();
+      </div>`, this._rendered = !0, d(this, this._value), this._wire();
 	}
 	_syncFormValue() {
-		u(this, this._value);
+		d(this, this._value);
 	}
 	_syncTrigger() {
 		let e = this.querySelector(".datepicker-trigger"), t = this.querySelector("[data-trigger-label]");
 		if (!t) return;
-		let n = T(this._value);
-		t.textContent = n ? E(this._value) : this.getAttribute("placeholder") || "Enter Date", t.classList.toggle("search-select-placeholder", !n), e?.classList.toggle("has-value", !!n);
+		let n = E(this._value);
+		t.textContent = n ? D(this._value) : this.getAttribute("placeholder") || "Enter Date", t.classList.toggle("search-select-placeholder", !n), e?.classList.toggle("has-value", !!n);
 	}
 	_limits() {
-		let e = T(this.getAttribute("min")), t = T(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
+		let e = E(this.getAttribute("min")), t = E(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
 		return {
 			dayDisabled: (e, t, i) => {
 				let a = new Date(e, t, i).getTime();
@@ -642,7 +642,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			},
 			monthDisabled: (e, t) => {
 				let i = new Date(e, t, 1).getTime();
-				return new Date(e, t, D(e, t)).getTime() < n || i > r;
+				return new Date(e, t, O(e, t)).getTime() < n || i > r;
 			},
 			yearDisabled: (e) => {
 				let t = new Date(e, 0, 1).getTime();
@@ -655,29 +655,29 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		e && (this._mode === "months" ? e.innerHTML = this._monthsHtml() : this._mode === "years" ? e.innerHTML = this._yearsHtml() : e.innerHTML = this._daysHtml(), this._focusActive());
 	}
 	_daysHtml() {
-		let e = this._firstDay(), t = (new Date(this._viewY, this._viewM, 1).getDay() - e + 7) % 7, n = D(this._viewY, this._viewM), r = T(this._value), i = /* @__PURE__ */ new Date(), { dayDisabled: a } = this._limits(), o = this._focus || r || {
+		let e = this._firstDay(), t = (new Date(this._viewY, this._viewM, 1).getDay() - e + 7) % 7, n = O(this._viewY, this._viewM), r = E(this._value), i = /* @__PURE__ */ new Date(), { dayDisabled: a } = this._limits(), o = this._focus || r || {
 			y: this._viewY,
 			m: this._viewM,
 			d: 1
 		}, s = (e, t, n, s) => {
-			let c = w(e, t, n), l = r && r.y === e && r.m === t && r.d === n, u = i.getFullYear() === e && i.getMonth() === t && i.getDate() === n, d = o.y === e && o.m === t && o.d === n, f = a(e, t, n);
+			let c = T(e, t, n), l = r && r.y === e && r.m === t && r.d === n, u = i.getFullYear() === e && i.getMonth() === t && i.getDate() === n, d = o.y === e && o.m === t && o.d === n, f = a(e, t, n);
 			return `<button type="button" class="${[
 				"datepicker-day",
 				s ? "is-outside" : "",
 				u ? "is-today" : "",
 				l ? "is-selected" : ""
 			].filter(Boolean).join(" ")}" data-iso="${c}" role="gridcell" tabindex="${d && !f ? "0" : "-1"}"${l ? " aria-selected=\"true\"" : ""}${f ? " disabled aria-disabled=\"true\"" : ""}>${n}</button>`;
-		}, c = "", l = O(this._viewY, this._viewM - 1), u = D(l.y, l.m);
+		}, c = "", l = k(this._viewY, this._viewM - 1), u = O(l.y, l.m);
 		for (let e = t - 1; e >= 0; e--) c += s(l.y, l.m, u - e, !0);
 		for (let e = 1; e <= n; e++) c += s(this._viewY, this._viewM, e, !1);
-		let d = O(this._viewY, this._viewM + 1), p = (7 - (t + n) % 7) % 7;
-		for (let e = 1; e <= p; e++) c += s(d.y, d.m, e, !0);
-		let m = S.map((t, n) => S[(n + e) % 7]).map((e) => `<span>${e}</span>`).join("");
+		let d = k(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 = C.map((t, n) => C[(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">${f("chevron-left")}</button>
-        <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${x[this._viewM]} ${this._viewY}</button>
-        <button type="button" class="datepicker-nav-btn" data-nav="1" aria-label="Next month">${f("chevron-right")}</button>
+        <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">${S[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>
       <div class="datepicker-grid${this._slide ? ` ${this._slide}` : ""}" role="grid">${c}</div>
@@ -687,25 +687,25 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
       </div>`;
 	}
 	_monthsHtml() {
-		let e = T(this._value), t = /* @__PURE__ */ new Date(), { monthDisabled: n } = this._limits(), r = "";
+		let e = E(this._value), t = /* @__PURE__ */ new Date(), { monthDisabled: n } = this._limits(), r = "";
 		for (let i = 0; i < 12; i++) {
 			let a = e && e.y === this._viewY && e.m === i, o = t.getFullYear() === this._viewY && t.getMonth() === i, s = n(this._viewY, i), c = [
 				"datepicker-cell",
 				o ? "is-today" : "",
 				a ? "is-selected" : ""
 			].filter(Boolean).join(" ");
-			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${x[i].slice(0, 3)}</button>`;
+			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${S[i].slice(0, 3)}</button>`;
 		}
 		return `
       <div class="datepicker-head">
-        <button type="button" class="datepicker-nav-btn" data-nav-year="-1" aria-label="Previous year">${f("chevron-left")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav-year="-1" aria-label="Previous year">${p("chevron-left")}</button>
         <button type="button" class="datepicker-month" data-view="years" aria-label="Choose year">${this._viewY}</button>
-        <button type="button" class="datepicker-nav-btn" data-nav-year="1" aria-label="Next year">${f("chevron-right")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav-year="1" aria-label="Next year">${p("chevron-right")}</button>
       </div>
       <div class="datepicker-cells">${r}</div>`;
 	}
 	_yearsHtml() {
-		let e = T(this._value), t = (/* @__PURE__ */ new Date()).getFullYear(), { yearDisabled: n } = this._limits(), r = this._viewY - (this._viewY % 10 + 10) % 10 - 1, i = "";
+		let e = E(this._value), t = (/* @__PURE__ */ new Date()).getFullYear(), { yearDisabled: n } = this._limits(), r = this._viewY - (this._viewY % 10 + 10) % 10 - 1, i = "";
 		for (let a = 0; a < 12; a++) {
 			let o = r + a, s = e && e.y === o, c = t === o, l = n(o), u = [
 				"datepicker-cell",
@@ -716,9 +716,9 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		}
 		return `
       <div class="datepicker-head">
-        <button type="button" class="datepicker-nav-btn" data-nav-decade="-1" aria-label="Previous decade">${f("chevron-left")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav-decade="-1" aria-label="Previous decade">${p("chevron-left")}</button>
         <span class="datepicker-month">${r + 1} – ${r + 10}</span>
-        <button type="button" class="datepicker-nav-btn" data-nav-decade="1" aria-label="Next decade">${f("chevron-right")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav-decade="1" aria-label="Next decade">${p("chevron-right")}</button>
       </div>
       <div class="datepicker-cells">${i}</div>`;
 	}
@@ -727,24 +727,24 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		t && e.contains(document.activeElement) && t.focus();
 	}
 	_position(e, t) {
-		o(e, t, { clampHeight: !0 });
+		s(e, t, { clampHeight: !0 });
 	}
 	_setFocus(e, t, n, r) {
-		let { y: i, m: a } = O(e, t);
+		let { y: i, m: a } = k(e, t);
 		this._focus = {
 			y: i,
 			m: a,
 			d: n
 		};
 		let o = i !== this._viewY || a !== this._viewM;
-		this._viewY = i, this._viewM = a, this._slide = o && r || "", this._renderView(), this._slide = "", this.querySelector(`.datepicker-day[data-iso="${w(i, a, n)}"]`)?.focus();
+		this._viewY = i, this._viewM = a, this._slide = o && r || "", this._renderView(), this._slide = "", this.querySelector(`.datepicker-day[data-iso="${T(i, a, n)}"]`)?.focus();
 	}
 	_onKey(e) {
 		if (this._mode !== "days") {
 			e.key === "Escape" && this._close();
 			return;
 		}
-		let t = this._focus || T(this._value) || {
+		let t = this._focus || E(this._value) || {
 			y: this._viewY,
 			m: this._viewM,
 			d: 1
@@ -762,17 +762,17 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			case "End": return n(6 - (new Date(t.y, t.m, t.d).getDay() - this._firstDay() + 7) % 7, "slide-next");
 			case "PageUp": {
 				e.preventDefault();
-				let n = O(t.y, t.m - (e.shiftKey ? 12 : 1));
-				return this._setFocus(n.y, n.m, Math.min(t.d, D(n.y, n.m)), "slide-prev");
+				let n = k(t.y, t.m - (e.shiftKey ? 12 : 1));
+				return this._setFocus(n.y, n.m, Math.min(t.d, O(n.y, n.m)), "slide-prev");
 			}
 			case "PageDown": {
 				e.preventDefault();
-				let n = O(t.y, t.m + (e.shiftKey ? 12 : 1));
-				return this._setFocus(n.y, n.m, Math.min(t.d, D(n.y, n.m)), "slide-next");
+				let n = k(t.y, t.m + (e.shiftKey ? 12 : 1));
+				return this._setFocus(n.y, n.m, Math.min(t.d, O(n.y, n.m)), "slide-next");
 			}
 			case "Enter":
 			case " ":
-				e.preventDefault(), this._limits().dayDisabled(t.y, t.m, t.d) || (this.value = w(t.y, t.m, t.d), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
+				e.preventDefault(), this._limits().dayDisabled(t.y, t.m, t.d) || (this.value = T(t.y, t.m, t.d), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
 				return;
 			case "Escape": return this._close();
 			default:
@@ -784,7 +784,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		if (!e || !t) return;
 		let r = () => !t.hidden;
 		this._open = () => {
-			let r = /* @__PURE__ */ new Date(), i = T(this._value);
+			let r = /* @__PURE__ */ new Date(), i = E(this._value);
 			(i || !this._viewNavigated) && (this._viewY = r.getFullYear(), this._viewM = r.getMonth()), this._mode = "days";
 			let a = r.getFullYear() === this._viewY && r.getMonth() === this._viewM, o = i && i.y === this._viewY && i.m === this._viewM;
 			this._focus = o ? i : {
@@ -799,7 +799,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			let t = e.target.closest("[data-nav]");
 			if (t) {
 				this._viewNavigated = !0, this._slide = Number(t.dataset.nav) < 0 ? "slide-prev" : "slide-next";
-				let e = O(this._viewY, this._viewM + Number(t.dataset.nav));
+				let e = k(this._viewY, this._viewM + Number(t.dataset.nav));
 				this._viewY = e.y, this._viewM = e.m, this._focus = {
 					y: e.y,
 					m: e.m,
@@ -838,7 +838,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			}
 			if (e.target.closest("[data-today]")) {
 				let e = /* @__PURE__ */ new Date();
-				this.value = w(e.getFullYear(), e.getMonth(), e.getDate()), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close();
+				this.value = T(e.getFullYear(), e.getMonth(), e.getDate()), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close();
 				return;
 			}
 			if (e.target.closest("[data-clear]")) {
@@ -855,18 +855,18 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 				this._popClick = !1, r() && !t && !this.contains(e.target) && this._close();
 			}, document.addEventListener("click", this._onDocClick), this._onDocKey = (e) => {
 				r() && e.key === "Escape" && this._close();
-			}, document.addEventListener("keydown", this._onDocKey), s(this, () => {
+			}, document.addEventListener("keydown", this._onDocKey), c(this, () => {
 				r() && this._position(e, t);
 			});
 		}, this._bindGlobal(), this._syncFormValue();
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), c(this);
+		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), l(this);
 	}
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, te = class extends HTMLElement {
+}, A = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -925,20 +925,20 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			text: e,
 			empty: !0
 		} : {
-			text: `${E(this._start) || "Start"} – ${E(this._end) || "End"}`,
+			text: `${D(this._start) || "Start"} – ${D(this._end) || "End"}`,
 			empty: !1
 		};
 	}
 	render() {
 		this._defaultStart === void 0 && (this._defaultStart = this.getAttribute("start") || "", this._defaultEnd = this.getAttribute("end") || "", this._start = this._defaultStart || this._start, this._end = this._defaultEnd || this._end);
-		let e = T(this._start);
+		let e = E(this._start);
 		e && (this._viewY = e.y, this._viewM = e.m);
 		let t = this.getAttribute("size"), n = t === "sm" ? " input-sm" : t === "lg" ? " input-lg" : "", { text: r, empty: i } = this._label(), a = this.getAttribute("aria-label"), o = this.getAttribute("aria-describedby");
 		this.innerHTML = `
       <div class="daterange">
-        <button type="button" class="input daterange-trigger${n}${i ? "" : " has-value"}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${h(a)}"` : ""}${o ? ` aria-describedby="${h(o)}"` : ""}>
-          <span data-range-label class="${i ? "search-select-placeholder" : ""}">${h(r)}</span>
-          ${f("calendar")}
+        <button type="button" class="input daterange-trigger${n}${i ? "" : " has-value"}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${g(a)}"` : ""}${o ? ` aria-describedby="${g(o)}"` : ""}>
+          <span data-range-label class="${i ? "search-select-placeholder" : ""}">${g(r)}</span>
+          ${p("calendar")}
         </button>
         <div class="daterange-pop" role="dialog" aria-modal="false" hidden></div>
       </div>`, this._rendered = !0, this._syncMirrors(), this._wire();
@@ -965,24 +965,24 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		r || (r = document.createElement("input"), r.type = "hidden", r.setAttribute("data-range-mirror", e), this.appendChild(r)), r.name = t, r.value = n || "", r.disabled = this.hasAttribute("disabled");
 	}
 	_limits() {
-		let e = T(this.getAttribute("min")), t = T(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
+		let e = E(this.getAttribute("min")), t = E(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
 		return (e, t, i) => {
 			let a = new Date(e, t, i).getTime();
 			return a < n || a > r;
 		};
 	}
 	_monthHtml(e, t) {
-		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = D(e, t), a = this._limits(), o = S.map((e, t) => S[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
-			let i = w(e, t, n), o = a(e, t, n);
+		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = O(e, t), a = this._limits(), o = C.map((e, t) => C[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
+			let i = T(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 = O(e, t - 1), u = D(l.y, l.m);
+		}, c = "", l = k(e, t - 1), u = O(l.y, l.m);
 		for (let e = r - 1; e >= 0; e--) c += s(l.y, l.m, u - e, !0);
 		for (let n = 1; n <= i; n++) c += s(e, t, n, !1);
-		let d = O(e, t + 1), f = (7 - (r + i) % 7) % 7;
+		let d = k(e, t + 1), f = (7 - (r + i) % 7) % 7;
 		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">${x[t]} ${e}</div>
+        <div class="datepicker-month-label">${S[t]} ${e}</div>
         <div class="datepicker-weekdays">${o}</div>
         <div class="datepicker-grid" role="grid">${c}</div>
       </div>`;
@@ -990,11 +990,11 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	_renderView() {
 		let e = this.querySelector(".daterange-pop");
 		if (!e) return;
-		let t = O(this._viewY, this._viewM + 1);
+		let t = k(this._viewY, this._viewM + 1);
 		e.innerHTML = `
       <div class="daterange-head">
-        <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${f("chevron-left")}</button>
-        <button type="button" class="datepicker-nav-btn" data-nav="1" aria-label="Next month">${f("chevron-right")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${p("chevron-left")}</button>
+        <button type="button" class="datepicker-nav-btn" data-nav="1" aria-label="Next month">${p("chevron-right")}</button>
       </div>
       <div class="daterange-cals">
         ${this._monthHtml(this._viewY, this._viewM)}
@@ -1016,10 +1016,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			n.classList.toggle("is-range-start", i), n.classList.toggle("is-range-end", a), n.classList.toggle("in-range", o);
 		}
 		let i = e.querySelector("[data-range-hint]");
-		i && (i.textContent = this._start ? this._end ? `${E(this._start)} – ${E(this._end)}` : "Pick an end date" : "Pick a start date");
+		i && (i.textContent = this._start ? this._end ? `${D(this._start)} – ${D(this._end)}` : "Pick an end date" : "Pick a start date");
 	}
 	_position(e, t) {
-		o(e, t, { clampHeight: !0 });
+		s(e, t, { clampHeight: !0 });
 	}
 	_pick(e) {
 		if (!this._start || this._start && this._end) {
@@ -1038,7 +1038,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		if (!e || !t) return;
 		let r = () => !t.hidden;
 		this._open = () => {
-			let r = T(this._start);
+			let r = E(this._start);
 			if (r) this._viewY = r.y, this._viewM = r.m;
 			else {
 				let e = /* @__PURE__ */ new Date();
@@ -1051,7 +1051,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			this._popClick = !0;
 			let t = e.target.closest("[data-nav]");
 			if (t) {
-				let e = O(this._viewY, this._viewM + Number(t.dataset.nav));
+				let e = k(this._viewY, this._viewM + Number(t.dataset.nav));
 				this._viewY = e.y, this._viewM = e.m, this._renderView();
 				return;
 			}
@@ -1070,18 +1070,18 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 				this._popClick = !1, r() && !t && !this.contains(e.target) && this._close();
 			}, document.addEventListener("click", this._onDocClick), this._onDocKey = (e) => {
 				r() && e.key === "Escape" && this._close();
-			}, document.addEventListener("keydown", this._onDocKey), s(this, () => {
+			}, document.addEventListener("keydown", this._onDocKey), c(this, () => {
 				r() && this._position(e, t);
 			});
 		}, this._bindGlobal(), this._syncMirrors();
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), c(this);
+		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), l(this);
 	}
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, ne = class extends HTMLElement {
+}, te = class extends e {
 	static get observedAttributes() {
 		return [
 			"static",
@@ -1102,10 +1102,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		e === "static" && this.isConnected && this._wire();
 	}
 	_maxScale() {
-		return re(this.getAttribute("max-scale"), 1.6);
+		return ne(this.getAttribute("max-scale"), 1.6);
 	}
 	_radius() {
-		return re(this.getAttribute("radius"), 100);
+		return ne(this.getAttribute("radius"), 100);
 	}
 	_magnifyEnabled() {
 		return !(this.hasAttribute("static") || typeof matchMedia == "function" && (matchMedia("(pointer: coarse)").matches || matchMedia("(prefers-reduced-motion: reduce)").matches));
@@ -1130,10 +1130,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	_teardown() {
 		this._pointerMoveListener &&= (this.removeEventListener("pointermove", this._pointerMoveListener), null), this._pointerLeaveListener &&= (this.removeEventListener("pointerleave", this._pointerLeaveListener), null), this._resetMagnification();
 	}
-}, re = (e, t) => {
+}, ne = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, k = "wui-feedback-submit", A = {
+}, j = "wui-feedback-submit", M = {
 	label: "Feedback",
 	heading: "Share feedback",
 	placeholder: "What's working, what isn't?",
@@ -1144,7 +1144,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	emptyError: "Please write a message before sending.",
 	failedError: "That didn't send. Please try again.",
 	thanks: "Thanks — we've got it."
-}, ie = 1e4, ae = 1600, oe = class extends HTMLElement {
+}, re = 1e4, ie = 1600, N = class extends e {
 	static get observedAttributes() {
 		return [
 			"position",
@@ -1166,19 +1166,19 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		this.setAttribute("position", String(e ?? "bottom-right"));
 	}
 	get label() {
-		return this.getAttribute("label") || A.label;
+		return this.getAttribute("label") || M.label;
 	}
 	set label(e) {
 		this.setAttribute("label", String(e ?? ""));
 	}
 	get heading() {
-		return this.getAttribute("heading") || A.heading;
+		return this.getAttribute("heading") || M.heading;
 	}
 	set heading(e) {
 		this.setAttribute("heading", String(e ?? ""));
 	}
 	get placeholder() {
-		return this.getAttribute("placeholder") || A.placeholder;
+		return this.getAttribute("placeholder") || M.placeholder;
 	}
 	set placeholder(e) {
 		this.setAttribute("placeholder", String(e ?? ""));
@@ -1193,10 +1193,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		return this._open === !0;
 	}
 	addEventListener(e, t, n) {
-		e === k && (this._submitListeners += 1), super.addEventListener(e, t, n);
+		e === j && (this._submitListeners += 1), super.addEventListener(e, t, n);
 	}
 	removeEventListener(e, t, n) {
-		e === k && this._submitListeners > 0 && --this._submitListeners, super.removeEventListener(e, t, n);
+		e === j && this._submitListeners > 0 && --this._submitListeners, super.removeEventListener(e, t, n);
 	}
 	connectedCallback() {
 		this._rendered || this.render();
@@ -1211,32 +1211,32 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		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">${f("message-square", { size: 18 })}</span>
-        <span class="feedback-trigger-label">${se(this.label)}</span>
+        <span class="feedback-trigger-icon" aria-hidden="true">${p("message-square", { size: 18 })}</span>
+        <span class="feedback-trigger-label">${ae(this.label)}</span>
       </button>
-      <div class="feedback-panel" role="dialog" aria-label="${ce(this.heading)}" hidden>
+      <div class="feedback-panel" role="dialog" aria-label="${oe(this.heading)}" hidden>
         <div class="feedback-head">
-          <h2 class="feedback-heading">${se(this.heading)}</h2>
-          <button type="button" class="feedback-close" aria-label="Close">${f("x", { size: 16 })}</button>
+          <h2 class="feedback-heading">${ae(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">${A.messageLabel}</span>
-            <textarea class="feedback-message" rows="4" required placeholder="${ce(this.placeholder)}"></textarea>
+            <span class="feedback-field-label">${M.messageLabel}</span>
+            <textarea class="feedback-message" rows="4" required placeholder="${oe(this.placeholder)}"></textarea>
           </label>
           ${this.collectEmail ? `<label class="feedback-field">
-            <span class="feedback-field-label">${A.emailLabel}</span>
+            <span class="feedback-field-label">${M.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">${A.submitLabel}</button>
+          <button type="button" class="feedback-submit">${M.submitLabel}</button>
         </div>
         <div class="feedback-thanks" hidden>
-          <span class="feedback-thanks-icon" aria-hidden="true">${f("check-circle", { size: 20 })}</span>
-          <span class="feedback-thanks-text">${A.thanks}</span>
+          <span class="feedback-thanks-icon" aria-hidden="true">${p("check-circle", { size: 20 })}</span>
+          <span class="feedback-thanks-text">${M.thanks}</span>
         </div>
       </div>`, this._rendered = !0, this._wire();
 		let r = this._refs();
@@ -1274,18 +1274,18 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		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();
-		}, ae);
+		}, ie);
 	}
 	failed(e) {
 		this._clearTimers(), this._state = "error", this._setBusy(!1);
 		let { error: t, message: n } = this._refs();
-		t && (t.textContent = e || A.failedError, t.hidden = !1), n?.focus();
+		t && (t.textContent = e || M.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 = A.emptyError, n.hidden = !1), e?.focus();
+			n && (n.textContent = M.emptyError, n.hidden = !1), e?.focus();
 			return;
 		}
 		n && (n.hidden = !0, n.textContent = ""), this._state = "submitting", this._setBusy(!0);
@@ -1295,7 +1295,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			surface: this.getAttribute("surface") || "",
 			screen: this.getAttribute("screen") || ""
 		};
-		if (this.dispatchEvent(new CustomEvent(k, {
+		if (this.dispatchEvent(new CustomEvent(j, {
 			bubbles: !0,
 			composed: !0,
 			detail: i
@@ -1305,11 +1305,11 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		}
 		this._timer = setTimeout(() => {
 			this._state === "submitting" && this.failed();
-		}, ie);
+		}, re);
 	}
 	_setBusy(e) {
 		let { submit: t } = this._refs();
-		t && (t.disabled = e, t.textContent = e ? A.sendingLabel : A.submitLabel, this.toggleAttribute("busy", e));
+		t && (t.disabled = e, t.textContent = e ? M.sendingLabel : M.submitLabel, this.toggleAttribute("busy", e));
 	}
 	_reset() {
 		this._clearTimers(), this._state = "idle", this._setBusy(!1);
@@ -1319,7 +1319,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	_clearTimers() {
 		this._timer &&= (clearTimeout(this._timer), 0), this._thanksTimer &&= (clearTimeout(this._thanksTimer), 0);
 	}
-}, se = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ce = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), le = class extends HTMLElement {
+}, ae = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), oe = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), se = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Select";
@@ -1378,7 +1378,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		return this._values.slice();
 	}
 	set values(e) {
-		if (this._values = Array.isArray(e) ? e.map(String) : [], u(this, this._values.join(",")), this._rendered) {
+		if (this._values = Array.isArray(e) ? e.map(String) : [], d(this, this._values.join(",")), this._rendered) {
 			this._renderControl();
 			let e = this.querySelector(".search-select-input");
 			this._renderOptions(e ? e.value : "");
@@ -1397,7 +1397,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 			value: e.getAttribute("value") ?? e.textContent.trim(),
 			label: e.innerHTML,
 			icon: e.getAttribute("icon") || void 0,
-			[m]: !0,
+			[h]: !0,
 			selected: e.hasAttribute("selected")
 		})));
 	}
@@ -1410,36 +1410,36 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	}
 	_labelHtmlFor(e) {
 		let t = this._readOptions().find((t) => String(t.value) === String(e));
-		return t ? _(t) : h(e);
+		return t ? v(t) : g(e);
 	}
 	render() {
 		this._snapshotDeclared();
 		let e = this.hasAttribute("searchable"), t = this.getAttribute("search-placeholder") || "Search…", n = this.getAttribute("icon"), r = this.getAttribute("size"), i = r === "sm" ? " search-select-sm" : r === "lg" ? " search-select-lg" : "";
-		u(this, this._values.join(",")), this.id ||= `wui-multiselect-${Math.random().toString(36).slice(2, 9)}`;
+		d(this, this._values.join(",")), this.id ||= `wui-multiselect-${Math.random().toString(36).slice(2, 9)}`;
 		let a = `${this.id}-listbox`;
 		this._listboxId = a, this.innerHTML = `
       <div class="search-select${i}">
-        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${j(a)}" aria-label="${j(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
-          ${n ? f(n, { className: "search-select-icon" }) : ""}
+        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${P(a)}" aria-label="${P(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
+          ${n ? p(n, { className: "search-select-icon" }) : ""}
           <div class="ms-chips" data-chips></div>
-          ${f("chevron-down", { className: "search-select-caret" })}
+          ${p("chevron-down", { className: "search-select-caret" })}
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${j(a)}" aria-multiselectable="true" tabindex="-1" hidden>
-          ${e ? `<div class="search-select-search">${f("search")}<input class="search-select-input" placeholder="${j(t)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${f("x")}</button></div>` : ""}
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${P(a)}" aria-multiselectable="true" tabindex="-1" hidden>
+          ${e ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${P(t)}" 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>
-      </div>`, this._rendered = !0, u(this, this._values.join(",")), this._renderControl(), this._renderOptions(), this._wire();
+      </div>`, this._rendered = !0, d(this, this._values.join(",")), this._renderControl(), this._renderOptions(), this._wire();
 	}
 	_renderControl() {
 		let e = this.querySelector("[data-chips]");
 		if (!e) return;
 		let t = this.getAttribute("placeholder") || "Select…";
 		if (!this._values.length) {
-			e.innerHTML = `<span class="search-select-placeholder">${h(t)}</span>`;
+			e.innerHTML = `<span class="search-select-placeholder">${g(t)}</span>`;
 			return;
 		}
-		e.innerHTML = 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="${j(e)}" aria-label="Remove ${j(M(this._labelFor(e)))}">${f("x")}</button></span>`).join(""), this._collapseChips();
+		e.innerHTML = 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="${P(e)}" aria-label="Remove ${P(F(this._labelFor(e)))}">${p("x")}</button></span>`).join(""), this._collapseChips();
 	}
 	_collapseChips() {
 		let e = this.querySelector("[data-chips]");
@@ -1463,28 +1463,28 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		let t = this.querySelector(".search-select-options"), n = this.querySelector(".search-select-empty");
 		if (!t) return;
 		let r = (e || "").trim().toLowerCase(), i = this._readOptions();
-		r && (i = i.filter((e) => M(e.label).toLowerCase().includes(r)));
+		r && (i = i.filter((e) => F(e.label).toLowerCase().includes(r)));
 		let a = this._listboxId || `${this.id || "wui-multiselect"}-listbox`;
 		t.innerHTML = i.map((e, t) => {
 			let n = this._values.includes(String(e.value));
-			return `<button type="button" role="option" id="${j(`${a}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${j(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${_(e)}</span><span class="ms-check">${f("check")}</span></button>`;
+			return `<button type="button" role="option" id="${P(`${a}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${P(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${p("check")}</span></button>`;
 		}).join(""), n && (n.hidden = i.length > 0), this._active = -1, this.querySelector(".search-select-control")?.removeAttribute("aria-activedescendant"), this._reanchor?.();
 	}
 	_wire() {
 		this._teardown();
 		let e = this.querySelector(".search-select-control"), t = this.querySelector(".search-select-menu"), n = this.querySelector(".search-select-input"), r = this.querySelector(".search-select-clear"), i = this.querySelector(".search-select-options");
 		if (!e || !t) return;
-		let a = () => this.hasAttribute("disabled"), c = () => o(e, t, { matchWidth: !0 }), l = () => [...this.querySelectorAll(".search-select-option")], d = () => l().filter((e) => !e.hidden), f = (t) => {
-			let n = d();
+		let a = () => this.hasAttribute("disabled"), o = () => s(e, t, { matchWidth: !0 }), l = () => [...this.querySelectorAll(".search-select-option")], u = () => l().filter((e) => !e.hidden), f = (t) => {
+			let n = u();
 			this._active = t;
 			for (let e of l()) e.classList.remove("is-active");
 			t >= 0 && n[t] ? (n[t].classList.add("is-active"), n[t].scrollIntoView({ block: "nearest" }), e.setAttribute("aria-activedescendant", n[t].id)) : e.removeAttribute("aria-activedescendant");
-		}, m = () => !t.hidden, h = () => {
-			a() || (t.hidden = !1, e.setAttribute("aria-expanded", "true"), e.classList.add("open"), c(), n && (n.value = "", this._renderOptions(""), n.focus()));
+		}, p = () => !t.hidden, h = () => {
+			a() || (t.hidden = !1, e.setAttribute("aria-expanded", "true"), e.classList.add("open"), o(), n && (n.value = "", this._renderOptions(""), n.focus()));
 		}, g = () => {
 			t.hidden = !0, e.setAttribute("aria-expanded", "false"), e.classList.remove("open"), f(-1), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "";
 		}, _ = () => {
-			u(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
+			d(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
 		}, v = (e) => {
 			let t = String(e);
 			this._values.includes(t) ? this._values = this._values.filter((e) => e !== t) : this._values = [...this._values, t], this._renderControl(), this._renderOptions(n ? n.value : ""), _();
@@ -1498,17 +1498,17 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 				e.stopPropagation(), y(t.dataset.remove);
 				return;
 			}
-			m() ? g() : h();
+			p() ? g() : h();
 		}), i.addEventListener("click", (e) => {
 			let t = e.target.closest(".search-select-option");
 			t && (v(t.dataset.value), n?.focus());
 		}), i.addEventListener("mousemove", (e) => {
 			let t = e.target.closest(".search-select-option");
-			t && f(d().indexOf(t));
+			t && f(u().indexOf(t));
 		}), i.addEventListener("mouseleave", () => f(-1)), n?.addEventListener("input", () => {
 			this._renderOptions(n.value), r && (r.hidden = !n.value), f(-1);
-		}), this._navHandler = p({
-			getVisibleOptions: d,
+		}), this._navHandler = m({
+			getVisibleOptions: u,
 			getActive: () => this._active,
 			setActive: (e) => f(e),
 			onEnter: (e) => {
@@ -1528,26 +1528,26 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		n?.addEventListener("keydown", b), r?.addEventListener("click", () => {
 			n.value = "", this._renderOptions(""), r.hidden = !0, n.focus();
 		}), e.addEventListener("keydown", (e) => {
-			if (m()) {
+			if (p()) {
 				b(e);
 				return;
 			}
 			(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
 		}), this._bindGlobal = () => {
 			this._teardown(), !this._ro && typeof ResizeObserver < "u" && (this._ro = new ResizeObserver(() => this._collapseChips()), this._ro.observe(this)), this._onDocClick = (e) => {
-				m() && !this.contains(e.target) && g();
-			}, document.addEventListener("click", this._onDocClick), s(this, () => {
-				m() && c();
+				p() && !this.contains(e.target) && g();
+			}, document.addEventListener("click", this._onDocClick), c(this, () => {
+				p() && o();
 			});
 		}, this._bindGlobal();
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), c(this), this._navHandler?.teardown();
+		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this), this._navHandler?.teardown();
 	}
 	disconnectedCallback() {
 		this._teardown(), this._ro?.disconnect(), this._ro = null;
 	}
-}, j = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), M = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), ue = /[^0-9]/g, de = /[^0-9a-zA-Z]/g, N = class extends HTMLElement {
+}, P = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), F = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), ce = /[^0-9]/g, le = /[^0-9a-zA-Z]/g, ue = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -1575,10 +1575,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		return this._value ?? "";
 	}
 	set value(e) {
-		this._value = this._clean(e), u(this, this._value), this._paint();
+		this._value = this._clean(e), d(this, this._value), this._paint();
 	}
 	_clean(e) {
-		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? de : ue, "").slice(0, this.length);
+		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? le : ce, "").slice(0, this.length);
 	}
 	constructor() {
 		super();
@@ -1592,10 +1592,10 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		this._rendered ? this._onSelectionChange && document.addEventListener("selectionchange", this._onSelectionChange) : (this._defaultCaptured ||= (this._defaultValue = this._value, !0), this.render());
 	}
 	formResetCallback() {
-		this._value = this._defaultValue || "", u(this, this._value), this._paint();
+		this._value = this._defaultValue || "", d(this, this._value), this._paint();
 	}
 	attributeChangedCallback(e, t, n) {
-		this._rendered && (e === "value" ? (this._value = this._clean(n), u(this, this._value), this._paint()) : this.render());
+		this._rendered && (e === "value" ? (this._value = this._clean(n), d(this, this._value), this._paint()) : this.render());
 	}
 	render() {
 		this._value = this._clean(this.getAttribute("value") ?? this._value);
@@ -1613,7 +1613,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
           spellcheck="false"
           ${n ? "disabled" : ""} />
         <div class="otp-slots" aria-hidden="true">${r}</div>
-      </div>`, this._rendered = !0, u(this, this._value), this._wire(), this._paint();
+      </div>`, this._rendered = !0, d(this, this._value), this._wire(), this._paint();
 	}
 	_refs() {
 		return {
@@ -1635,7 +1635,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		if (!e) return;
 		let t = (e) => {
 			let t = this._clean(e), n = t !== this._value;
-			this._value = t, u(this, this._value), this._paint(), n && this.dispatchEvent(new Event("change", { bubbles: !0 })), n && t.length === this.length && this.dispatchEvent(new CustomEvent("complete", {
+			this._value = t, d(this, this._value), this._paint(), n && this.dispatchEvent(new Event("change", { bubbles: !0 })), n && t.length === this.length && this.dispatchEvent(new CustomEvent("complete", {
 				bubbles: !0,
 				detail: t
 			}));
@@ -1669,7 +1669,7 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 	disconnectedCallback() {
 		this._onSelectionChange && document.removeEventListener("selectionchange", this._onSelectionChange);
 	}
-}, fe = [
+}, de = [
 	[
 		"AF",
 		"Afghanistan",
@@ -2895,65 +2895,65 @@ var m = Symbol("wui.trustedHtml"), h = (e) => String(e ?? "").replace(/&/g, "&am
 		"Zimbabwe",
 		"263"
 	]
-], P = (e) => (fe.find((t) => t[0] === e) || [
+], I = (e) => (de.find((t) => t[0] === e) || [
 	"",
 	"",
 	""
-])[2], F = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, I = null, L = null;
-function pe() {
-	return I ? Promise.resolve(I) : (L ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (I = {
+])[2], L = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, R = null, z = null;
+function fe() {
+	return R ? Promise.resolve(R) : (z ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (R = {
 		AsYouType: e.AsYouType,
 		getExampleNumber: e.getExampleNumber,
 		isValidPhoneNumber: e.isValidPhoneNumber,
 		parsePhoneNumber: e.parsePhoneNumber,
 		examples: t.default || t
-	}, I)).catch(() => null), L);
+	}, R)).catch(() => null), z);
 }
-function R(e, t) {
-	if (!I || !t) return t;
+function B(e, t) {
+	if (!R || !t) return t;
 	try {
-		return new I.AsYouType(e).input(t);
+		return new R.AsYouType(e).input(t);
 	} catch {
 		return t;
 	}
 }
-function me(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;
 	return e.length;
 }
-function z(e) {
-	if (!I) return null;
+function V(e) {
+	if (!R) return null;
 	try {
-		return I.getExampleNumber(e, I.examples)?.formatNational() || null;
+		return R.getExampleNumber(e, R.examples)?.formatNational() || null;
 	} catch {
 		return null;
 	}
 }
-function B(e) {
-	if (!I || !e) return null;
+function H(e) {
+	if (!R || !e) return null;
 	try {
-		if (!I.isValidPhoneNumber(e)) return !1;
-		let t = I.parsePhoneNumber(e)?.getType?.();
+		if (!R.isValidPhoneNumber(e)) return !1;
+		let t = R.parsePhoneNumber(e)?.getType?.();
 		return t === void 0 || t === "MOBILE" || t === "FIXED_LINE_OR_MOBILE";
 	} catch {
 		return null;
 	}
 }
-function he(e) {
-	if (!I) return null;
+function me(e) {
+	if (!R) return null;
 	try {
-		let t = I.getExampleNumber(e, I.examples);
+		let t = R.getExampleNumber(e, R.examples);
 		return t?.nationalNumber ? t.nationalNumber.length : null;
 	} catch {
 		return null;
 	}
 }
-function V(e) {
-	if (!I || !e?.trim().startsWith("+")) return null;
+function he(e) {
+	if (!R || !e?.trim().startsWith("+")) return null;
 	try {
-		let t = new I.AsYouType();
+		let t = new R.AsYouType();
 		t.input(e.trim());
 		let n = t.getCountry();
 		return n ? {
@@ -2964,7 +2964,7 @@ function V(e) {
 		return null;
 	}
 }
-var H = class extends HTMLElement {
+var ge = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3011,19 +3011,19 @@ var H = class extends HTMLElement {
 		this.value = this._defaultValue || "";
 	}
 	get value() {
-		return this._national ? `+${P(this._country)}${this._national}` : "";
+		return this._national ? `+${I(this._country)}${this._national}` : "";
 	}
 	set value(e) {
-		let t = String(e ?? "").trim(), n = V(t);
+		let t = String(e ?? "").trim(), n = he(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(P(this._country));
+			let e = t.replace(/[^0-9]/g, ""), n = String(I(this._country));
 			n && e.startsWith(n) && (e = e.slice(n.length)), this._national = e;
 		} else this._national = t.replace(/[^0-9]/g, "");
 		n && this.getAttribute("country") !== this._country ? this.setAttribute("country", this._country) : this._rendered && this.render(), this._committedValue = this.value, this._syncMirror();
 	}
 	_syncMirror() {
-		u(this, this.value);
+		d(this, this.value);
 	}
 	_emitInput() {
 		this.dispatchEvent(new Event("input", { bubbles: !0 }));
@@ -3033,27 +3033,27 @@ var H = class extends HTMLElement {
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || ""), this._country = this.getAttribute("country") || this._country;
-		let e = this.getAttribute("placeholder") || z(this._country) || "Enter phone number";
+		let e = this.getAttribute("placeholder") || V(this._country) || "Enter phone number";
 		this.id ||= `wui-phone-${Math.random().toString(36).slice(2, 9)}`;
 		let t = `${this.id}-listbox`;
 		this._listboxId = t;
-		let n = fe.map(([e, n, r], i) => `<button type="button" role="option" id="${U(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${F(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
+		let n = de.map(([e, n, r], i) => `<button type="button" role="option" id="${U(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${L(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
 		this.innerHTML = `
       <div class="phone-input-wrap">
         <div class="phone-country-adornment">
           <button type="button" class="country-toggle" aria-label="Choose country" aria-haspopup="listbox" aria-expanded="false" aria-controls="${U(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
-            <span class="${F(this._country)}" data-flag aria-hidden="true"></span>
-            ${f("chevron-down", { className: "phone-chevron" })}
-            <span class="phone-dial" data-dial>+${P(this._country)}</span>
+            <span class="${L(this._country)}" data-flag aria-hidden="true"></span>
+            ${p("chevron-down", { className: "phone-chevron" })}
+            <span class="phone-dial" data-dial>+${I(this._country)}</span>
           </button>
           <div class="country-dropdown-menu" role="listbox" id="${U(t)}" tabindex="-1" hidden>
-            <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${f("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${U(t)}" aria-autocomplete="list" /></div>
+            <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${p("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${U(t)}" aria-autocomplete="list" /></div>
             <div class="country-list-scroll">${n}<div class="country-empty" hidden>No countries found</div></div>
           </div>
         </div>
-        <input type="tel" class="input" placeholder="${U(e)}" value="${U(R(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${U(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${U(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
+        <input type="tel" class="input" placeholder="${U(e)}" value="${U(B(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${U(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${U(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
       </div>
-      <div class="field-error" data-phone-error hidden></div>`, this._rendered = !0, u(this, this.value), this._wire();
+      <div class="field-error" data-phone-error hidden></div>`, this._rendered = !0, d(this, this.value), this._wire();
 	}
 	_itemEls() {
 		return [...this.querySelectorAll(".country-dropdown-item")];
@@ -3063,9 +3063,9 @@ var H = class extends HTMLElement {
 	}
 	_wire() {
 		this._teardown();
-		let e = this.querySelector(".country-toggle"), t = this.querySelector(".phone-input-wrap"), n = this.querySelector(".country-dropdown-menu"), r = this.querySelector(".dropdown-search-input"), i = this.querySelector(".country-list-scroll"), a = this.querySelector(".country-empty"), l = this.querySelector("input[type=tel]"), u = this.querySelector("[data-flag]"), d = this.querySelector("[data-dial]");
+		let e = this.querySelector(".country-toggle"), t = this.querySelector(".phone-input-wrap"), n = this.querySelector(".country-dropdown-menu"), r = this.querySelector(".dropdown-search-input"), i = this.querySelector(".country-list-scroll"), a = this.querySelector(".country-empty"), o = this.querySelector("input[type=tel]"), u = this.querySelector("[data-flag]"), d = this.querySelector("[data-dial]");
 		if (!e || !n) return;
-		let f = () => !n.hidden, p = () => o(t || e, n), m = (e) => {
+		let f = () => !n.hidden, p = () => s(t || e, n), m = (e) => {
 			let t = this._visibleItems();
 			this._active = e;
 			for (let e of this._itemEls()) e.classList.remove("is-active");
@@ -3082,12 +3082,12 @@ var H = class extends HTMLElement {
 			}
 			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 = F(e)), d && (d.textContent = `+${P(e)}`);
+			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = L(e)), d && (d.textContent = `+${I(e)}`);
 			for (let t of this._itemEls()) {
 				let n = t.dataset.iso === e;
 				t.classList.toggle("selected", n), t.setAttribute("aria-selected", String(n));
 			}
-			!this.getAttribute("placeholder") && l && (l.placeholder = z(e) || "Enter phone number"), l && this._national && (l.value = R(e, this._national)), g(), this._syncMirror(), this._emitChange(), l?.focus();
+			!this.getAttribute("placeholder") && o && (o.placeholder = V(e) || "Enter phone number"), o && this._national && (o.value = B(e, this._national)), g(), this._syncMirror(), this._emitChange(), o?.focus();
 		}, y = (t) => {
 			let n = this._visibleItems();
 			if (t.key === "ArrowDown") {
@@ -3119,42 +3119,42 @@ var H = class extends HTMLElement {
 			t && m(this._visibleItems().indexOf(t));
 		}), i.addEventListener("mouseleave", () => m(-1)), n.addEventListener("keydown", y);
 		let b = this.querySelector("[data-phone-error]"), x = (e) => {
-			if (l.classList.toggle("is-invalid", e), e ? l.setAttribute("aria-invalid", "true") : l.removeAttribute("aria-invalid"), b) {
+			if (o.classList.toggle("is-invalid", e), e ? o.setAttribute("aria-invalid", "true") : o.removeAttribute("aria-invalid"), b) {
 				if (e) {
-					let e = z(this._country);
+					let e = V(this._country);
 					b.textContent = e ? `Enter a valid phone number, e.g. ${e}` : "Enter a valid phone number";
 				}
 				b.hidden = !e;
 			}
 		};
-		l.addEventListener("input", (e) => {
+		o.addEventListener("input", (e) => {
 			e.stopPropagation();
-			let t = l.selectionStart ?? l.value.length, n = l.value.slice(0, t).replace(/[^0-9]/g, "").length, r = l.value.replace(/[^0-9]/g, ""), i = he(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 = me(this._country);
 			i && r.length > i && (r = r.slice(0, i)), this._national = r;
-			let a = R(this._country, this._national);
-			if (l.value !== a) {
-				l.value = a;
-				let e = me(a, Math.min(n, r.length));
-				l.setSelectionRange(e, e);
+			let a = B(this._country, this._national);
+			if (o.value !== a) {
+				o.value = a;
+				let e = pe(a, Math.min(n, r.length));
+				o.setSelectionRange(e, e);
 			}
-			this._syncMirror(), this._emitInput(), l.classList.contains("is-invalid") && (!this._national || B(this.value) === !0) && x(!1);
-		}), l.addEventListener("change", (e) => e.stopPropagation()), l.addEventListener("blur", () => {
-			x(this._national.length > 0 && B(this.value) === !1), this.value !== this._committedValue && this._emitChange();
-		}), l.addEventListener("paste", (e) => {
-			let t = V(e.clipboardData?.getData("text"));
-			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? l.value = R(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
+			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || H(this.value) === !0) && x(!1);
+		}), o.addEventListener("change", (e) => e.stopPropagation()), o.addEventListener("blur", () => {
+			x(this._national.length > 0 && H(this.value) === !1), this.value !== this._committedValue && this._emitChange();
+		}), o.addEventListener("paste", (e) => {
+			let t = he(e.clipboardData?.getData("text"));
+			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = B(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
 		}), this._bindGlobal = () => {
 			this._teardownGlobals?.(), this._onDocClick = (e) => {
 				f() && !this.contains(e.target) && g();
-			}, document.addEventListener("click", this._onDocClick), s(this, () => {
+			}, document.addEventListener("click", this._onDocClick), c(this, () => {
 				f() && p();
 			});
 		}, this._teardownGlobals = () => {
-			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), c(this);
-		}, this._bindGlobal(), pe().then((e) => {
-			if (!(!e || !l.isConnected) && (this._national && (l.value = R(this._country, this._national)), !this.getAttribute("placeholder"))) {
-				let e = z(this._country);
-				e && (l.placeholder = e);
+			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this);
+		}, this._bindGlobal(), fe().then((e) => {
+			if (!(!e || !o.isConnected) && (this._national && (o.value = B(this._country, this._national)), !this.getAttribute("placeholder"))) {
+				let e = V(this._country);
+				e && (o.placeholder = e);
 			}
 		}), this._syncMirror();
 	}
@@ -3164,7 +3164,7 @@ var H = class extends HTMLElement {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, U = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), ge = class extends HTMLElement {
+}, U = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), _e = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3223,7 +3223,7 @@ var H = class extends HTMLElement {
 		return this._value;
 	}
 	set value(e) {
-		this._value = e == null ? "" : String(e), u(this, this._value), this._syncSelected(), this._syncReset();
+		this._value = e == null ? "" : String(e), d(this, this._value), this._syncSelected(), this._syncReset();
 	}
 	set options(e) {
 		this._optionsProp = Array.isArray(e) ? e : null, this.isConnected && this.render();
@@ -3238,7 +3238,7 @@ var H = class extends HTMLElement {
 			value: e.getAttribute("value") ?? e.textContent.trim(),
 			label: e.innerHTML,
 			icon: e.getAttribute("icon") || void 0,
-			[m]: !0,
+			[h]: !0,
 			selected: e.hasAttribute("selected")
 		})));
 	}
@@ -3248,27 +3248,27 @@ var H = class extends HTMLElement {
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || ""), this._snapshotDeclared();
 		let e = this._readOptions(), t = this.hasAttribute("searchable"), n = this.hasAttribute("clearable"), r = this.getAttribute("size"), i = r === "sm" ? " search-select-sm" : r === "lg" ? " search-select-lg" : "", a = this.getAttribute("icon"), o = this.getAttribute("prefix"), s = this.getAttribute("placeholder") || "Select...", c = this.getAttribute("search-placeholder") || "Search...", l = e.find((e) => String(e.value) === String(this._value)) || e.find((e) => e.selected);
-		l && (this._value = String(l.value)), u(this, this._value), this.id ||= `wui-select-${Math.random().toString(36).slice(2, 9)}`;
-		let d = `${this.id}-listbox`;
-		this._listboxId = d;
-		let p = e.map((e, t) => {
+		l && (this._value = String(l.value)), d(this, this._value), this.id ||= `wui-select-${Math.random().toString(36).slice(2, 9)}`;
+		let u = `${this.id}-listbox`;
+		this._listboxId = u;
+		let f = e.map((e, t) => {
 			let n = String(e.value) === String(this._value);
-			return `<button type="button" role="option" id="${W(`${d}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${W(e.value)}" aria-selected="${n}">${_(e)}</button>`;
+			return `<button type="button" role="option" id="${W(`${u}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${W(e.value)}" aria-selected="${n}">${v(e)}</button>`;
 		}).join("");
 		this.innerHTML = `
       <div class="search-select${this.hasAttribute("compact") ? " search-select-compact" : ""}${i}">
-        <button type="button" role="combobox" class="input search-select-control" aria-haspopup="listbox" aria-expanded="false" aria-controls="${W(d)}" aria-label="${W(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""}>
-          ${a ? f(a, { className: "search-select-icon" }) : ""}
-          ${o ? `<span class="search-select-prefix">${h(o)}</span>` : ""}
-          <span class="${l ? "" : "search-select-placeholder"}" data-label>${l ? _(l) : h(s)}</span>
-          ${n ? `<span class="search-select-reset" role="button" aria-label="Clear selection" hidden>${f("x")}</span>` : ""}
-          ${f("chevron-down", { className: "search-select-caret" })}
+        <button type="button" role="combobox" class="input search-select-control" aria-haspopup="listbox" aria-expanded="false" aria-controls="${W(u)}" aria-label="${W(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""}>
+          ${a ? p(a, { className: "search-select-icon" }) : ""}
+          ${o ? `<span class="search-select-prefix">${g(o)}</span>` : ""}
+          <span class="${l ? "" : "search-select-placeholder"}" data-label>${l ? v(l) : g(s)}</span>
+          ${n ? `<span class="search-select-reset" role="button" aria-label="Clear selection" hidden>${p("x")}</span>` : ""}
+          ${p("chevron-down", { className: "search-select-caret" })}
         </button>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${W(d)}" tabindex="-1" hidden>
-          ${t ? `<div class="search-select-search">${f("search")}<input class="search-select-input" placeholder="${W(c)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${f("x")}</button></div>` : ""}
-          <div class="search-select-options">${p}<div class="search-select-empty" hidden>No matches</div></div>
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${W(u)}" tabindex="-1" hidden>
+          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${W(c)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
+          <div class="search-select-options">${f}<div class="search-select-empty" hidden>No matches</div></div>
         </div>
-      </div>`, this._rendered = !0, u(this, this._value), this._wire(), this._syncReset();
+      </div>`, this._rendered = !0, d(this, this._value), this._wire(), this._syncReset();
 	}
 	_refs() {
 		return {
@@ -3294,7 +3294,7 @@ var H = class extends HTMLElement {
 			let t = e.dataset.value === String(this._value);
 			e.classList.toggle("selected", t), e.setAttribute("aria-selected", String(t));
 		}
-		e && (e.innerHTML = t ? _(t) : h(this.getAttribute("placeholder") || "Select..."), e.classList.toggle("search-select-placeholder", !t));
+		e && (e.innerHTML = t ? v(t) : g(this.getAttribute("placeholder") || "Select..."), e.classList.toggle("search-select-placeholder", !t));
 	}
 	_syncReset() {
 		let { reset: e } = this._refs();
@@ -3307,8 +3307,8 @@ var H = class extends HTMLElement {
 		let t = () => {
 			if (this.hasAttribute("compact")) {
 				let t = e.control.getBoundingClientRect();
-				e.menu.style.width = "max-content", e.menu.style.minWidth = `${t.width}px`, e.menu.style.maxWidth = "280px", o(e.control, e.menu);
-			} else o(e.control, e.menu, { matchWidth: !0 });
+				e.menu.style.width = "max-content", e.menu.style.minWidth = `${t.width}px`, e.menu.style.maxWidth = "280px", s(e.control, e.menu);
+			} else s(e.control, e.menu, { matchWidth: !0 });
 		}, n = (t) => {
 			let n = this._visible();
 			this._active = t;
@@ -3323,12 +3323,12 @@ var H = class extends HTMLElement {
 			e.empty && (e.empty.hidden = i > 0), e.clear && (e.clear.hidden = !r), e.menu.hidden || t();
 		}, i = () => !e.menu.hidden, a = () => {
 			e.menu.hidden = !1, e.control.setAttribute("aria-expanded", "true"), e.control.classList.add("open"), t(), e.search && (e.search.value = "", r(""), e.search.focus()), n(this._optionEls().findIndex((e) => e.classList.contains("selected")));
-		}, c = () => {
+		}, o = () => {
 			e.menu.hidden = !0, e.control.setAttribute("aria-expanded", "false"), e.control.classList.remove("open"), n(-1);
 		}, l = (t) => {
-			this.value = t.dataset.value, this.dispatchEvent(new Event("change", { bubbles: !0 })), c(), e.control.focus();
+			this.value = t.dataset.value, this.dispatchEvent(new Event("change", { bubbles: !0 })), o(), e.control.focus();
 		};
-		this._navHandler = p({
+		this._navHandler = m({
 			getVisibleOptions: () => this._visible(),
 			getActive: () => this._active,
 			setActive: (e) => n(e),
@@ -3336,11 +3336,11 @@ var H = class extends HTMLElement {
 				e && l(e);
 			},
 			onEscape: () => {
-				this._navHandler.clearTypeahead(), c(), e.control.focus();
+				this._navHandler.clearTypeahead(), o(), e.control.focus();
 			}
 		}), e.reset?.addEventListener("click", (t) => {
 			t.stopPropagation(), this.value = "", this.dispatchEvent(new Event("change", { bubbles: !0 })), e.control.focus();
-		}), e.control.addEventListener("click", () => i() ? c() : a()), e.control.addEventListener("keydown", (e) => {
+		}), e.control.addEventListener("click", () => i() ? o() : a()), e.control.addEventListener("keydown", (e) => {
 			if (i()) {
 				this._navHandler.handler(e);
 				return;
@@ -3358,19 +3358,19 @@ var H = class extends HTMLElement {
 			e.search.value = "", r(""), e.search.focus();
 		}), e.menu.addEventListener("keydown", this._navHandler.handler), this._bindGlobal = () => {
 			this._teardown(), this._onDocClick = (e) => {
-				i() && !this.contains(e.target) && c();
-			}, document.addEventListener("click", this._onDocClick), s(this, () => {
+				i() && !this.contains(e.target) && o();
+			}, document.addEventListener("click", this._onDocClick), c(this, () => {
 				i() && t();
 			});
 		}, this._bindGlobal();
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), c(this), this._navHandler?.teardown();
+		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this), this._navHandler?.teardown();
 	}
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, W = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), _e = class extends HTMLElement {
+}, W = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), ve = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3512,7 +3512,7 @@ var H = class extends HTMLElement {
             aria-valuenow="${this._value}"
             aria-valuetext="${this._formatValue(this._value)}"
             ${a ? "disabled" : ""}
-            aria-label="${ve(this.getAttribute("aria-label") || "Value")}"
+            aria-label="${ye(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>` : ""}
@@ -3545,7 +3545,7 @@ var H = class extends HTMLElement {
 		this._isRange() ? this._syncRangeMirrors() : this._syncSingleMirror();
 	}
 	_syncSingleMirror() {
-		this.getAttribute("name") && u(this, String(this._value));
+		this.getAttribute("name") && d(this, String(this._value));
 	}
 	_syncRangeMirrors() {
 		let e = this.getAttribute("start-name") || this.getAttribute("name"), t = this.getAttribute("end-name");
@@ -3615,7 +3615,7 @@ var H = class extends HTMLElement {
 }, G = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, ve = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), ye = class extends HTMLElement {
+}, ye = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), be = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
@@ -3681,17 +3681,17 @@ var H = class extends HTMLElement {
 		return this._values.slice();
 	}
 	set values(e) {
-		this._values = Array.isArray(e) ? e.map(String) : [], u(this, this._values.join(",")), this._rendered && this._renderControl();
+		this._values = Array.isArray(e) ? e.map(String) : [], d(this, this._values.join(",")), this._rendered && this._renderControl();
 	}
 	render() {
 		let e = this.getAttribute("size"), t = e === "sm" ? " search-select-sm" : e === "lg" ? " search-select-lg" : "";
-		u(this, this._values.join(",")), this.innerHTML = `
+		d(this, this._values.join(",")), this.innerHTML = `
       <div class="search-select${t}">
         <div class="input search-select-control search-select-multi"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " aria-disabled=\"true\"" : ""}>
           <input type="text" class="ms-input" data-input aria-label="${K(this._accessibleName())}" placeholder="${K(this.getAttribute("placeholder") || "Add…")}" autocomplete="off"${this.hasAttribute("disabled") ? " disabled" : ""}/>
           <div class="ms-chips" data-chips></div>
         </div>
-      </div>`, this._rendered = !0, u(this, this._values.join(",")), this._renderControl(), this._wire();
+      </div>`, this._rendered = !0, d(this, this._values.join(",")), this._renderControl(), this._wire();
 	}
 	_renderControl() {
 		let e = this.querySelector("[data-chips]");
@@ -3700,7 +3700,7 @@ var H = class extends HTMLElement {
 				e.innerHTML = "";
 				return;
 			}
-			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${be(e)}</span><button type="button" class="chip-remove" data-remove="${K(e)}" aria-label="Remove ${K(e)}">${f("x")}</button></span>`).join("");
+			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${xe(e)}</span><button type="button" class="chip-remove" data-remove="${K(e)}" aria-label="Remove ${K(e)}">${p("x")}</button></span>`).join("");
 		}
 	}
 	_wire() {
@@ -3710,7 +3710,7 @@ var H = class extends HTMLElement {
 		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 = /* @__PURE__ */ new Set();
 		for (let e of r) e === "enter" ? o.add("Enter") : e === "comma" ? o.add(",") : e === "space" ? o.add(" ") : e === "tab" && o.add("Tab");
 		let s = () => {
-			u(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
+			d(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
 		}, c = (e) => {
 			let t = e.trim();
 			if (!t || i && this._values.length >= parseInt(i, 10)) return;
@@ -3718,7 +3718,7 @@ var H = class extends HTMLElement {
 			(!this._values.some((e) => a ? e === t : e.toLowerCase() === n) || a) && (this._values.push(t), this._renderControl(), s());
 		}, l = (e) => {
 			this._values = this._values.filter((t) => t !== e), this._renderControl(), s();
-		}, d = (e) => {
+		}, u = (e) => {
 			if (e.key === "Enter" && o.has("Enter")) {
 				e.preventDefault(), c(t.value), t.value = "";
 				return;
@@ -3759,7 +3759,7 @@ var H = class extends HTMLElement {
 				return;
 			}
 			t.focus();
-		}, this._onInputKey = d, this._onInputPaste = f, e.addEventListener("click", this._onControlClick), t.addEventListener("keydown", this._onInputKey), t.addEventListener("paste", this._onInputPaste), this._onDocClick = (e) => {
+		}, this._onInputKey = u, this._onInputPaste = f, e.addEventListener("click", this._onControlClick), t.addEventListener("keydown", this._onInputKey), t.addEventListener("paste", this._onInputPaste), this._onDocClick = (e) => {
 			this.contains(e.target) || t.blur();
 		}, document.addEventListener("click", this._onDocClick);
 	}
@@ -3771,7 +3771,7 @@ var H = class extends HTMLElement {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, be = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), K = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), q = (e) => String(e).padStart(2, "0"), xe = (e, t) => `${q(e)}:${q(t)}`, J = (e) => {
+}, xe = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), K = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), q = (e) => String(e).padStart(2, "0"), Se = (e, t) => `${q(e)}:${q(t)}`, J = (e) => {
 	let t = /^(\d{2}):(\d{2})$/.exec(e || "");
 	return t ? {
 		h: +t[1],
@@ -3779,10 +3779,10 @@ var H = class extends HTMLElement {
 	} : null;
 }, Y = (e, t = "24") => {
 	if (!e) return "";
-	if (t === "24") return xe(e.h, e.m);
+	if (t === "24") return Se(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
 	return `${n}:${q(e.m)} ${r}`;
-}, Se = class extends HTMLElement {
+}, Ce = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3825,22 +3825,22 @@ var H = class extends HTMLElement {
 		return this._value;
 	}
 	set value(e) {
-		this._value = e || "", u(this, this._value), this._syncTrigger();
+		this._value = e || "", d(this, this._value), this._syncTrigger();
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value);
 		let e = this.getAttribute("placeholder") || "Select time", t = J(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.innerHTML = `
       <div class="timepicker">
-        <button type="button" class="input timepicker-trigger${i}${t ? " has-value" : ""}" aria-haspopup="listbox" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${h(a)}"` : ""}${o ? ` aria-describedby="${h(o)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? Y(t, n) : h(e)}</span>
-          ${f("clock")}
+        <button type="button" class="input timepicker-trigger${i}${t ? " has-value" : ""}" aria-haspopup="listbox" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${g(a)}"` : ""}${o ? ` aria-describedby="${g(o)}"` : ""}>
+          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? Y(t, n) : g(e)}</span>
+          ${p("clock")}
         </button>
         <div class="timepicker-pop" role="listbox" tabindex="-1" hidden></div>
-      </div>`, this._rendered = !0, u(this, this._value), this._wire();
+      </div>`, this._rendered = !0, d(this, this._value), this._wire();
 	}
 	_syncFormValue() {
-		u(this, this._value);
+		d(this, this._value);
 	}
 	_syncTrigger() {
 		let e = this.querySelector(".timepicker-trigger"), t = this.querySelector("[data-trigger-label]");
@@ -3867,7 +3867,7 @@ var H = class extends HTMLElement {
 		if (!e) return;
 		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = J(this._value), i = this._focus, a = "";
 		for (let e = 0; e < n.length; e++) {
-			let o = n[e], s = xe(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
+			let o = n[e], s = Se(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
 			a += `<button type="button" class="timepicker-option${c ? " is-selected" : ""}" data-hm="${s}" role="option" tabindex="${i === e ? "0" : "-1"}"${c ? " aria-selected=\"true\"" : ""}>${Y(o, t)}</button>`;
 		}
 		e.innerHTML = a, this._focusActive();
@@ -3877,7 +3877,7 @@ var H = class extends HTMLElement {
 		t && !e.hidden && t.focus();
 	}
 	_position(e, t) {
-		o(e, t);
+		s(e, t);
 	}
 	_onKey(e) {
 		let t = [...this.querySelector(".timepicker-pop").querySelectorAll(".timepicker-option")];
@@ -3955,18 +3955,18 @@ var H = class extends HTMLElement {
 				this._popClick = !1, r() && !t && !this.contains(e.target) && this._close();
 			}, document.addEventListener("click", this._onDocClick), this._onDocKey = (e) => {
 				r() && e.key === "Escape" && this._close();
-			}, document.addEventListener("keydown", this._onDocKey), s(this, () => {
+			}, document.addEventListener("keydown", this._onDocKey), c(this, () => {
 				r() && this._position(e, t);
 			});
 		}, this._bindGlobal(), this._syncFormValue();
 	}
 	_teardown() {
-		this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), this._onDocKey &&= (document.removeEventListener("keydown", this._onDocKey), null), c(this), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "";
+		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 = "";
 	}
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Ce = "wui-wizard-step", we = class extends HTMLElement {
+}, we = "wui-wizard-step", Te = class extends e {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -4000,7 +4000,7 @@ var H = class extends HTMLElement {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${Ce}`)];
+		return [...this.querySelectorAll(`:scope > ${we}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -4058,14 +4058,14 @@ var H = class extends HTMLElement {
 		let i = this.hasAttribute("non-linear");
 		return e.map((e, r) => {
 			let a = this._stepStatus(e, r), o = e.getAttribute("label") || "", s = e.getAttribute("description") || "", c = e.getAttribute("icon") || "", l = r + 1, u;
-			u = a === "done" ? f("check") : a === "error" ? f("alert-triangle") : a === "skipped" ? f("minus") : c ? f(c) : String(l);
-			let d = a === "pending" ? "step" : `step ${a}`, p = a === "active" ? " aria-current=\"step\"" : "", m = i || r < this._active, h = s ? `<span class="step-desc">${X(s)}</span>` : "", g;
-			return g = t ? `<span class="step-circle">${u}</span><span class="step-text"><span class="step-index">Step ${l}</span><span class="step-label">${X(o)}</span>${h}</span>` : n ? `<span class="step-circle">${u}</span><span class="step-index">Step ${l}</span><span class="step-label">${X(o)}</span>${h}` : `<span class="step-circle">${u}</span><span class="step-label">${X(o)}</span>${h}`, m ? `<button type="button" class="${d}" data-step="${r}"${p}>${g}</button>` : `<div class="${d}"${p}>${g}</div>`;
+			u = a === "done" ? p("check") : a === "error" ? p("alert-triangle") : a === "skipped" ? p("minus") : c ? p(c) : String(l);
+			let d = a === "pending" ? "step" : `step ${a}`, f = a === "active" ? " aria-current=\"step\"" : "", m = i || r < this._active, h = s ? `<span class="step-desc">${X(s)}</span>` : "", g;
+			return g = t ? `<span class="step-circle">${u}</span><span class="step-text"><span class="step-index">Step ${l}</span><span class="step-label">${X(o)}</span>${h}</span>` : n ? `<span class="step-circle">${u}</span><span class="step-index">Step ${l}</span><span class="step-label">${X(o)}</span>${h}` : `<span class="step-circle">${u}</span><span class="step-label">${X(o)}</span>${h}`, m ? `<button type="button" class="${d}" data-step="${r}"${f}>${g}</button>` : `<div class="${d}"${f}>${g}</div>`;
 		}).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}>${f("arrow-left", { className: "me-2" })}${X(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${X(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${X(o)}${f("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${X(c)}</button>`}</span>`;
+		return `${t > 0 ? `<button type="button" class="btn btn-secondary" data-nav="back"${r}>${p("arrow-left", { className: "me-2" })}${X(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${X(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${X(o)}${p("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${X(c)}</button>`}</span>`;
 	}
 	_wire() {
 		this._teardown(), this._onHeaderClick = (e) => {
@@ -4133,7 +4133,7 @@ var H = class extends HTMLElement {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Te = class extends HTMLElement {
+}, X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Ee = class extends e {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -4147,8 +4147,8 @@ var H = class extends HTMLElement {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}, Ee = 2e3;
-async function De(e) {
+}, De = 2e3;
+async function Oe(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 	} catch {}
@@ -4163,14 +4163,14 @@ async function De(e) {
 }
 //#endregion
 //#region src/fileValidation.js
-var Oe = "image/png,image/jpeg,image/webp", ke = 5, Ae = {
+var ke = "image/png,image/jpeg,image/webp", Ae = 5, je = {
 	"image/png": [".png"],
 	"image/jpeg": [".jpg", ".jpeg"],
 	"image/webp": [".webp"],
 	"image/gif": [".gif"],
 	"image/svg+xml": [".svg"],
 	"application/pdf": [".pdf"]
-}, je = {
+}, Me = {
 	"image/png": "PNG",
 	"image/jpeg": "JPG",
 	"image/webp": "WEBP",
@@ -4184,7 +4184,7 @@ var Oe = "image/png,image/jpeg,image/webp", ke = 5, Ae = {
 	".gif": "GIF",
 	".svg": "SVG",
 	".pdf": "PDF"
-}, Z = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), Me = [
+}, Z = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), Ne = [
 	".png",
 	".jpg",
 	".jpeg",
@@ -4195,35 +4195,35 @@ var Oe = "image/png,image/jpeg,image/webp", ke = 5, Ae = {
 	".avif",
 	".heic"
 ];
-function Ne(e) {
+function Pe(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 Me.some((e) => r.endsWith(e));
+	return Ne.some((e) => r.endsWith(e));
 }
-function Pe(e) {
+function Fe(e) {
 	let t = Z(e);
-	return t.length ? t.every((e) => e.startsWith(".") ? Me.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
+	return t.length ? t.every((e) => e.startsWith(".") ? Ne.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
 }
-function Fe(e) {
+function Ie(e) {
 	let t = [];
 	for (let n of Z(e)) {
-		let e = je[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
+		let e = Me[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 Ie(e, t) {
+function Le(e, t) {
 	let n = Z(t);
 	if (!n.length) return !0;
 	let r = (e.type || "").toLowerCase(), i = (e.name || "").toLowerCase();
-	return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r && r === e ? !0 : !r && (Ae[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 && (je[e] || []).some((e) => i.endsWith(e)));
 }
-function Le(e, t = {}) {
+function Re(e, t = {}) {
 	if (!e) return null;
-	let n = t.accept === void 0 ? Oe : t.accept, r = t.maxSizeMb || 5;
-	return Ie(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${Fe(n)} file.`;
+	let n = t.accept === void 0 ? ke : t.accept, r = t.maxSizeMb || 5;
+	return Le(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${Ie(n)} file.`;
 }
 //#endregion
 //#region src/passwordRules.js
@@ -4234,15 +4234,15 @@ var Q = {
 	digit: !0,
 	special: !0,
 	uniqueChars: 0
-}, Re = "Password Requirements";
-function ze(e) {
+}, ze = "Password Requirements";
+function Be(e) {
 	return e === !0 || e == null ? { ...Q } : {
 		...Q,
 		...e
 	};
 }
-function Be(e) {
-	let t = ze(e), n = [];
+function Ve(e) {
+	let t = Be(e), n = [];
 	if (t.minLength > 0 && n.push({
 		key: "length",
 		label: `At least ${t.minLength} characters long`,
@@ -4273,25 +4273,25 @@ function Be(e) {
 	}
 	return n;
 }
-function Ve(e, t) {
+function He(e, t) {
 	let n = e == null ? "" : String(e);
-	return Be(t).map((e) => ({
+	return Ve(t).map((e) => ({
 		key: e.key,
 		label: e.label,
 		met: e.test(n)
 	}));
 }
-function He(e, t) {
-	return Ve(e, t).every((e) => e.met);
+function Ue(e, t) {
+	return He(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 Ue() {
-	$("wui-select", ge), $("wui-phone", H), $("wui-datepicker", ee), $("wui-date-range", te), $("wui-dock", ne), $("wui-feedback", oe), $("wui-slider", _e), $("wui-timepicker", Se), $("wui-autocomplete", v), $("wui-multiselect", le), $("wui-taginput", ye), $("wui-otp", N), $("wui-status-icon", n), $("wui-wizard-step", Te), $("wui-wizard", we);
+function We() {
+	$("wui-select", _e), $("wui-phone", ge), $("wui-datepicker", ee), $("wui-date-range", A), $("wui-dock", te), $("wui-feedback", N), $("wui-slider", ve), $("wui-timepicker", Ce), $("wui-autocomplete", y), $("wui-multiselect", se), $("wui-taginput", be), $("wui-otp", ue), $("wui-status-icon", r), $("wui-wizard-step", Ee), $("wui-wizard", Te);
 }
-Ue();
+We();
 //#endregion
-export { Ee as COPY_FEEDBACK_MS, Oe as DEFAULT_IMAGE_ACCEPT, ke as DEFAULT_MAX_SIZE_MB, Q as DEFAULT_PASSWORD_RULES, Re as DEFAULT_REQUIREMENTS_TITLE, t as STATUS_TONES, v as WuiAutocomplete, ee as WuiDatePicker, te as WuiDateRange, ne as WuiDock, oe as WuiFeedback, le as WuiMultiSelect, N as WuiOtp, H as WuiPhone, ge as WuiSelect, _e as WuiSlider, n as WuiStatusIcon, ye as WuiTagInput, Se as WuiTimePicker, we as WuiWizard, Te as WuiWizardStep, Fe as acceptLabel, Be as buildPasswordRules, De as copyTextToClipboard, Ue as defineWeborityElements, Ve as evaluatePassword, f as glyphSvg, Ne as isImageFile, Pe as isImageOnlyAccept, Ie as matchesAccept, He as passwordSatisfies, Le as validateFile };
+export { De as COPY_FEEDBACK_MS, ke as DEFAULT_IMAGE_ACCEPT, Ae as DEFAULT_MAX_SIZE_MB, Q as DEFAULT_PASSWORD_RULES, ze as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, ee as WuiDatePicker, A as WuiDateRange, te as WuiDock, N as WuiFeedback, se as WuiMultiSelect, ue as WuiOtp, ge as WuiPhone, _e as WuiSelect, ve as WuiSlider, r as WuiStatusIcon, be as WuiTagInput, Ce as WuiTimePicker, Te as WuiWizard, Ee as WuiWizardStep, Ie as acceptLabel, Ve as buildPasswordRules, Oe as copyTextToClipboard, We as defineWeborityElements, He as evaluatePassword, p as glyphSvg, Pe as isImageFile, Fe as isImageOnlyAccept, Le as matchesAccept, Ue as passwordSatisfies, Re as validateFile };