@luzmo/lucero 2.5.0 → 2.5.1

package/components/{table-B75GjBhD.js → table-BckZkgeh.js}

@@ -22,19 +22,20 @@ import { t as r } from "./roving-tabindex-pomAn3z-.js";
 import { r as i, t as a } from "./language-resolution-BaKYDD1a.js";
 import { r as o } from "./match-media-C5X2OZiD.js";
 import "./checkbox-CydI9yXG.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
-import { property as u, query as d, state as f } from "lit/decorators.js";
-import { luzmoAngleDown as p, luzmoArrowDown as m, luzmoArrowUp as h, luzmoIcon as g } from "@luzmo/icons";
-import { ifDefined as _ } from "lit/directives/if-defined.js";
-import { classMap as v } from "lit/directives/class-map.js";
-import { styleMap as y } from "lit/directives/style-map.js";
+import { n as s } from "./template-property-DNDi7lQv.js";
+import { html as c, nothing as l, unsafeCSS as u } from "lit";
+import { property as d, query as f, state as p } from "lit/decorators.js";
+import { luzmoAngleDown as m, luzmoArrowDown as h, luzmoArrowUp as g, luzmoIcon as _ } from "@luzmo/icons";
+import { ifDefined as v } from "lit/directives/if-defined.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { styleMap as b } from "lit/directives/style-map.js";
 import { repeat as ee } from "lit/directives/repeat.js";
 import { createTable as te, getCoreRowModel as ne, getSortedRowModel as re } from "@tanstack/table-core";
-import { Virtualizer as ie, elementScroll as b, observeElementOffset as ae, observeElementRect as oe } from "@tanstack/virtual-core";
+import { Virtualizer as ie, elementScroll as ae, observeElementOffset as oe, observeElementRect as se } from "@tanstack/virtual-core";
 //#region src/components/table/controllers/table-announcer.ts
-var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
+var ce = "data-luzmo-table-announcer", x, S = 0, C = 0, le = () => {
 	let e = document.createElement("div");
-	return e.setAttribute(se, ""), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
+	return e.setAttribute(ce, ""), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
 		position: "absolute",
 		inlineSize: "1px",
 		blockSize: "1px",
@@ -45,13 +46,13 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		clipPath: "inset(50%)",
 		whiteSpace: "nowrap"
 	}), e;
-}, le = class {
+}, ue = class {
 	constructor(e) {
 		e.addController(this);
 	}
 	announce(e) {
 		if (typeof document > "u" || !C) return;
-		x ??= ce(), x.isConnected || document.body.append(x);
+		x ??= le(), x.isConnected || document.body.append(x);
 		let t = x;
 		t.textContent = "", cancelAnimationFrame(S), S = requestAnimationFrame(() => {
 			t.textContent = e;
@@ -63,25 +64,25 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	hostDisconnected() {
 		--C, C === 0 && (cancelAnimationFrame(S), x?.remove(), x = void 0);
 	}
-}, w = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, T = (e) => `luzmo-table-details-${[...e].map((e) => /^[A-Za-z0-9]$/.test(e) ? e : `_${e.codePointAt(0).toString(16)}_`).join("")}`, E = (e) => w(e.minWidth) ?? (e.resizable ? 48 : 0), D = (e) => w(e.maxWidth) ?? 1e4, O = (e, t) => Math.min(D(t), Math.max(E(t), Math.round(e))), ue = (e, t) => {
+}, w = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, T = (e) => `luzmo-table-details-${[...e].map((e) => /^[A-Za-z0-9]$/.test(e) ? e : `_${e.codePointAt(0).toString(16)}_`).join("")}`, E = (e) => w(e.minWidth) ?? (e.resizable ? 48 : 0), D = (e) => w(e.maxWidth) ?? 1e4, O = (e, t) => Math.min(D(t), Math.max(E(t), Math.round(e))), de = (e, t) => {
 	let n = w(t) ?? w(e.width);
 	if (n !== void 0) return `${O(n, e)}px`;
 	let r = w(e.minWidth) ?? (e.resizable ? 48 : 0), i = w(e.maxWidth);
 	return i === void 0 ? r > 0 ? `minmax(${r}px, 1fr)` : "minmax(0px, 1fr)" : `minmax(${r}px, ${i}px)`;
-}, de = (e, t, n) => {
+}, fe = (e, t, n) => {
 	let r = [];
 	n.selects && r.push("var(--table-checkbox-cell-inline-size)"), n.expandable && r.push("var(--table-disclosure-cell-inline-size)");
-	for (let n of e) r.push(ue(n, w(t[n.id])));
+	for (let n of e) r.push(de(n, w(t[n.id])));
 	return r.join(" ");
-}, fe = (e, t) => {
+}, pe = (e, t) => {
 	let n = w(t) ?? w(e.width);
 	return n === void 0 ? w(e.minWidth) ?? (e.resizable ? 48 : 0) : O(n, e);
-}, pe = (e, t, n) => {
+}, me = (e, t, n) => {
 	let r = [];
 	n.selects && r.push("var(--table-checkbox-cell-inline-size)"), n.expandable && r.push("var(--table-disclosure-cell-inline-size)");
-	let i = e.reduce((e, n) => e + fe(n, w(t[n.id])), 0);
+	let i = e.reduce((e, n) => e + pe(n, w(t[n.id])), 0);
 	return r.push(`${i}px`), `calc(${r.join(" + ")})`;
-}, me = (e) => ({
+}, he = (e) => ({
 	id: e.id,
 	header: typeof e.header == "string" ? e.header : e.id,
 	width: w(e.width),
@@ -89,7 +90,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	maxWidth: w(e.maxWidth),
 	resizable: e.resizable !== !1,
 	lineClamp: w(e.lineClamp)
-}), he = (e, t) => {
+}), ge = (e, t) => {
 	let n = e === "PageDown" || e === "PageUp";
 	switch (e) {
 		case "ArrowRight":
@@ -112,7 +113,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		};
 		default: return;
 	}
-}, ge = (e, t, n) => t.action === "min" ? E(n) : t.action === "max" ? D(n) : O(e + (t.action === "increase" ? 1 : -1) * t.amount, n), k = {
+}, _e = (e, t, n) => t.action === "min" ? E(n) : t.action === "max" ? D(n) : O(e + (t.action === "increase" ? 1 : -1) * t.amount, n), k = {
 	selectAll: "Select All",
 	selectRow: "Select row {index}",
 	sortAscending: "Sorted by {column}, ascending",
@@ -121,7 +122,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	collapseRow: "Collapse {label}",
 	resizeColumn: "Resize {column}",
 	columnWidth: "{column}, {width} pixels"
-}, _e = (e) => e.rowType === "information" || e._$rowType$ === 1, ve = (e) => e === "asc" ? "ascending" : e === "desc" ? "descending" : "none", ye = (e) => e === "asc" ? "desc" : "asc", A = (e = {}, t) => {
+}, ve = (e) => e.rowType === "information" || e._$rowType$ === 1, ye = (e) => e === "asc" ? "ascending" : e === "desc" ? "descending" : "none", be = (e) => e === "asc" ? "desc" : "asc", A = (e = {}, t) => {
 	let n = Object.fromEntries(Object.entries(e).filter(([, e]) => typeof e == "string" && e !== "")), r = {
 		...k,
 		...n
@@ -131,12 +132,12 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	let n = e;
 	for (let [e, r] of Object.entries(t)) n = n.replaceAll(`{${e}}`, r);
 	return n;
-}, be = (e, t) => e.map((e, n) => ({
+}, xe = (e, t) => e.map((e, n) => ({
 	item: e,
 	value: t ? t(e, n) : String(n),
 	index: n,
-	information: _e(e)
-})), xe = (e, t) => typeof e == "function" ? e(t) : e, Se = class {
+	information: ve(e)
+})), Se = (e, t) => typeof e == "function" ? e(t) : e, Ce = class {
 	constructor() {
 		this.records = [], this.sorting = [], this.manualSorting = !1, this.rowSelection = {}, this.selectedOrder = [], this.columns = [], this.table = te({
 			data: [],
@@ -150,7 +151,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 			enableRowSelection: (e) => !!this.selects && !e.original.information,
 			enableMultiRowSelection: () => this.selects === "multiple",
 			onRowSelectionChange: (e) => {
-				this.pendingSelection = xe(e, this.rowSelection);
+				this.pendingSelection = Se(e, this.rowSelection);
 			}
 		}), this.compare = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : ((!this.collator || this.collatorLocale !== this.locale) && (this.collatorLocale = this.locale, this.collator = new Intl.Collator(this.locale, {
 			numeric: !0,
@@ -230,11 +231,11 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 			}
 		}));
 	}
-}, Ce = /* @__PURE__ */ new Set([
+}, we = /* @__PURE__ */ new Set([
 	"luzmo-table-cell",
 	"luzmo-table-head-cell",
 	"luzmo-table-checkbox-cell"
-]), M = (e) => e.find((e) => e instanceof HTMLElement && e.classList.contains("resize-handle")), we = class {
+]), M = (e) => e.find((e) => e instanceof HTMLElement && e.classList.contains("resize-handle")), Te = class {
 	constructor(e, t) {
 		this.handlePointerDown = (e) => {
 			if (!this.options.owns(e) || e.button !== 0) return;
@@ -278,12 +279,12 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		if (e.defaultPrevented || !this.options.owns(e)) return;
 		let t = e.composedPath();
 		if (!M(t)) return;
-		let n = he(e.code, this.options.isLTR()), r = this.cellFromPath(t);
+		let n = ge(e.code, this.options.isLTR()), r = this.cellFromPath(t);
 		n && r?.localName === "luzmo-table-head-cell" && (e.preventDefault(), e.stopPropagation(), this.resizeColumn(r, n));
 	}
 	resizeColumn(e, t) {
 		let n = this.options.headCells().indexOf(e), r = e.toLayout(Math.max(n, 0)), i = e.currentWidth || Math.round(e.getBoundingClientRect().width);
-		this.setColumnWidth(r, ge(i, t, r), !0);
+		this.setColumnWidth(r, _e(i, t, r), !0);
 	}
 	setColumnWidth(e, t, n) {
 		let r = O(t, e), i = {
@@ -312,9 +313,9 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		return (!this.widthFormatter || this.formatterLanguage !== t) && (this.formatterLanguage = t, this.widthFormatter = new Intl.NumberFormat(t)), this.widthFormatter.format(e);
 	}
 	cellFromPath(e) {
-		return e.find((e) => e instanceof HTMLElement && Ce.has(e.localName));
+		return e.find((e) => e instanceof HTMLElement && we.has(e.localName));
 	}
-}, Te = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", Ee = class extends r {
+}, Ee = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", De = class extends r {
 	constructor(e, { rows: t, isLTR: n, ...r }) {
 		super(e, r), this.handleFocusout = (e) => {
 			let t = e.relatedTarget;
@@ -324,7 +325,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		}, this.handleKeydown = (e) => {
 			if (e.defaultPrevented || !this.acceptsEventCode(e.code) || !this.owns(e)) return;
 			let t = e.composedPath()[0];
-			if (t instanceof HTMLElement && t.matches(Te)) return;
+			if (t instanceof HTMLElement && t.matches(Ee)) return;
 			let n = this.cellFromPath(e.composedPath());
 			if (!n) return;
 			let r = this.navigationTarget(n, e);
@@ -390,7 +391,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 }, N = Symbol("table-details-closing"), P = (e) => {
 	let t = e.nextElementSibling;
 	return t?.localName === "luzmo-table-row-details" ? t : null;
-}, F = (e) => e instanceof HTMLElement, De = class {
+}, F = (e) => e instanceof HTMLElement, Oe = class {
 	constructor(e, t) {
 		this.closingDetails = /* @__PURE__ */ new Set(), this.handleDetailsCollapsed = (e) => {
 			if (!this.options.owns(e)) return;
@@ -468,7 +469,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	rows() {
 		return this.isDataMode() ? [...this.host.shadowRoot?.querySelectorAll("luzmo-table-row") ?? []] : this.declarativeRows();
 	}
-}, I = (e) => e instanceof HTMLElement, Oe = class {
+}, I = (e) => e instanceof HTMLElement, ke = class {
 	constructor(e, t) {
 		this.handleBodyScroll = (e) => {
 			this.options.owns(e) && e.composedPath().find((e) => I(e) && e.localName === "luzmo-table-body") && this.host.requestUpdate();
@@ -487,7 +488,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 		return this.isDataMode() ? typeof this.host.renderDetails == "function" : this.declarativeRows().some((e) => e.nextElementSibling?.localName === "luzmo-table-row-details");
 	}
 	layouts() {
-		return this.isDataMode() && !this.slottedHead() ? this.host.columns.map(me) : this.headCells().map((e, t) => e.toLayout(t));
+		return this.isDataMode() && !this.slottedHead() ? this.host.columns.map(he) : this.headCells().map((e, t) => e.toLayout(t));
 	}
 	headCells() {
 		return [...this.head()?.querySelectorAll(":scope > luzmo-table-head-cell") ?? []];
@@ -497,7 +498,7 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 			selects: !!this.host.selects,
 			expandable: this.hasExpansion()
 		}, t = this.layouts();
-		this.host.style.setProperty("--table-grid-columns", de(t, this.host.columnWidths, e) || "none"), this.host.style.setProperty("--table-min-inline-size", pe(t, this.host.columnWidths, e));
+		this.host.style.setProperty("--table-grid-columns", fe(t, this.host.columnWidths, e) || "none"), this.host.style.setProperty("--table-min-inline-size", me(t, this.host.columnWidths, e));
 	}
 	syncPresentation() {
 		this.syncHead(), this.syncColumns(), this.isDataMode() || this.syncDeclarativeRows();
@@ -582,9 +583,9 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 	rows() {
 		return this.isDataMode() ? [...this.host.shadowRoot?.querySelectorAll("luzmo-table-row") ?? []] : this.declarativeRows();
 	}
-}, L = Symbol("table-virtual-range-updated"), ke = 40, Ae = 4, R = (e) => e.getBoundingClientRect().height, je = class {
+}, L = Symbol("table-virtual-range-updated"), Ae = 40, je = 4, R = (e) => e.getBoundingClientRect().height, Me = class {
 	constructor(e, t) {
-		this.connected = !1, this.keys = [], this.estimatedSize = ke, this.host = e, this.options = t, e.addController(this);
+		this.connected = !1, this.keys = [], this.estimatedSize = Ae, this.host = e, this.options = t, e.addController(this);
 	}
 	get enabled() {
 		return !!this.virtualizer;
@@ -632,11 +633,11 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 			getScrollElement: this.options.getScrollElement,
 			estimateSize: () => this.estimatedSize,
 			getItemKey: (e) => this.keys[e] ?? e,
-			overscan: Ae,
+			overscan: je,
 			useAnimationFrameWithResizeObserver: !0,
-			scrollToFn: b,
-			observeElementRect: oe,
-			observeElementOffset: ae,
+			scrollToFn: ae,
+			observeElementRect: se,
+			observeElementOffset: oe,
 			measureElement: (e) => this.options.isRendered(e) && R(e) || this.estimatedSize,
 			onChange: (e) => {
 				let t = this.reportRange(e);
@@ -658,11 +659,11 @@ var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
 			last: r
 		}), !0);
 	}
-}, Me = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;display:grid;overflow:hidden;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]){border-block-end-width:0!important}:host([hidden]){display:none!important}.cell{outline:none;grid-column:1/-1;grid-template-rows:1fr;min-inline-size:0;display:grid;overflow:hidden}:host([data-last-row]) .cell{--table-focus-end-start-radius:var(--table-corner-radius);--table-focus-end-end-radius:var(--table-corner-radius)}.cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-details-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.content{padding-block:var(--table-details-padding-block);padding-inline:var(--table-details-padding-inline);overflow:hidden}:host([opening]) .content,:host([closing]) .content{min-block-size:0}:host([opening]) .cell{animation:table-details-open var(--luzmo-animation-duration) ease-out}:host([closing]) .cell{animation:table-details-close var(--luzmo-animation-duration) ease-in}@keyframes table-details-open{0%{opacity:0;grid-template-rows:0fr}}@keyframes table-details-close{to{opacity:0;grid-template-rows:0fr}}@media (prefers-reduced-motion:reduce){:host([opening]) .cell,:host([closing]) .cell{animation:none}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-details-padding-block:var(--luzmo-spacing-4);--table-details-padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline))}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText;--highcontrast-table-details-focus-indicator-color:Highlight}}";
+}, Ne = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;display:grid;overflow:hidden;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]){border-block-end-width:0!important}:host([hidden]){display:none!important}.cell{outline:none;grid-column:1/-1;grid-template-rows:1fr;min-inline-size:0;display:grid;overflow:hidden}:host([data-last-row]) .cell{--table-focus-end-start-radius:var(--table-corner-radius);--table-focus-end-end-radius:var(--table-corner-radius)}.cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-details-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.content{padding-block:var(--table-details-padding-block);padding-inline:var(--table-details-padding-inline);overflow:hidden}:host([opening]) .content,:host([closing]) .content{min-block-size:0}:host([opening]) .cell{animation:table-details-open var(--luzmo-animation-duration) ease-out}:host([closing]) .cell{animation:table-details-close var(--luzmo-animation-duration) ease-in}@keyframes table-details-open{0%{opacity:0;grid-template-rows:0fr}}@keyframes table-details-close{to{opacity:0;grid-template-rows:0fr}}@media (prefers-reduced-motion:reduce){:host([opening]) .cell,:host([closing]) .cell{animation:none}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-details-padding-block:var(--luzmo-spacing-4);--table-details-padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline))}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText;--highcontrast-table-details-focus-indicator-color:Highlight}}";
 //#endregion
 //#region src/components/table/table-styles.ts
 function z(e, t) {
-	return [...Array.isArray(e) ? e : e ? [e] : [], l(t)];
+	return [...Array.isArray(e) ? e : e ? [e] : [], u(t)];
 }
 //#endregion
 //#region src/components/table/table-row-details.ts
@@ -678,7 +679,7 @@ var B = class extends e {
 		};
 	}
 	static get styles() {
-		return z(super.styles, Me);
+		return z(super.styles, Ne);
 	}
 	disconnectedCallback() {
 		window.clearTimeout(this._closeFallback), super.disconnectedCallback();
@@ -697,7 +698,7 @@ var B = class extends e {
 		}
 	}
 	render() {
-		return s`
+		return c`
       <div
         class="cell"
         role="gridcell"
@@ -711,19 +712,19 @@ var B = class extends e {
 		super.updated(e), e.has("_phase") && (this.toggleAttribute("opening", this._phase === "opening"), this.toggleAttribute("closing", this._phase === "closing"), window.clearTimeout(this._closeFallback), this._phase === "closing" && (this._closeFallback = window.setTimeout(this._finishClosing, 200)));
 	}
 };
-t([u({ reflect: !0 })], B.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], B.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], B.prototype, "open", void 0), t([f()], B.prototype, "_phase", void 0);
+})], B.prototype, "open", void 0), t([p()], B.prototype, "_phase", void 0);
 //#endregion
 //#region src/components/table/table-templates.ts
 var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	let n = t[e.accessorKey ?? e.id];
 	return typeof n == "string" || typeof n == "number" ? String(n) : "";
-}, Ne = (e, t, n) => {
+}, Pe = (e, t, n) => {
 	let r = e.map((e) => {
 		let r = V(e), i = typeof e.header == "string" ? e.header : e.id;
-		return s`
+		return c`
       <luzmo-table-head-cell
         column-id=${e.id}
         ?sortable=${!!e.sortable}
@@ -739,68 +740,68 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
       >
     `;
 	});
-	return s`
+	return c`
     <luzmo-table-head .expandable=${n.expandable}
       >${r}</luzmo-table-head
     >
   `;
-}, Pe = (e, t, n) => {
+}, Fe = (e, t, n) => {
 	let { item: r, index: i } = e;
-	return n ? n(r, i) : e.information ? s`<luzmo-table-cell span-all
+	return n ? n(r, i) : e.information ? c`<luzmo-table-cell span-all
       >${t[0] ? H(t[0], r) : ""}</luzmo-table-cell
-    >` : t.map((e) => s`
+    >` : t.map((e) => c`
       <luzmo-table-cell .columnLineClamp=${e.lineClamp}
         >${e.cell ? e.cell(r, i) : H(e, r)}</luzmo-table-cell
       >
     `);
-}, Fe = (e, t, { columns: n, renderItem: r, itemLabel: i, selectRowLabel: a }) => i ? i(e.item, e.index) : (!r && n[0] ? H(n[0], e.item) : "") || j(a, { index: String(t + 1) }), U = (e) => s`
+}, Ie = (e, t, { columns: n, renderItem: r, itemLabel: i, selectRowLabel: a }) => i ? i(e.item, e.index) : (!r && n[0] ? H(n[0], e.item) : "") || j(a, { index: String(t + 1) }), U = (e) => c`
   <div
     class="virtual-spacer"
     aria-hidden="true"
-    style=${y({ blockSize: `${e}px` })}
+    style=${b({ blockSize: `${e}px` })}
   ></div>
-`, Ie = (e) => {
+`, Le = (e) => {
 	let { rows: t, columns: n, renderItem: r, selects: i, rowIndexOffset: a } = e, o = a !== void 0;
-	return s`
+	return c`
     <luzmo-table-body>
-      ${o ? U(e.paddingStart) : c}
-      ${ee(t, ({ record: e }) => e.value, ({ record: t, position: l }) => {
-		let u = !!i && !t.information, d = e.expandable && !t.information, f = d && e.isExpanded(t.value), p = l === e.rowCount - 1, m = e.ariaIndexes?.get(t.value), h = m?.row ?? (a === void 0 ? void 0 : l + a), g = s`${s`
+      ${o ? U(e.paddingStart) : l}
+      ${ee(t, ({ record: e }) => e.value, ({ record: t, position: s }) => {
+		let u = !!i && !t.information, d = e.expandable && !t.information, f = d && e.isExpanded(t.value), p = s === e.rowCount - 1, m = e.ariaIndexes?.get(t.value), h = m?.row ?? (a === void 0 ? void 0 : s + a), g = c`${c`
             <luzmo-table-row
               value=${t.value}
-              data-index=${_(o ? void 0 : l)}
-              aria-rowindex=${_(h)}
+              data-index=${v(o ? void 0 : s)}
+              aria-rowindex=${v(h)}
               ?data-last-row=${p}
               .selectable=${u}
               .selected=${u && e.isSelected(t.value)}
               .selectionColumn=${!!i}
               .selectsSingle=${i === "single"}
               .emphasized=${e.emphasized}
-              .checkboxLabel=${u ? Fe(t, l, e) : ""}
+              .checkboxLabel=${u ? Ie(t, s, e) : ""}
               .checkboxSize=${e.checkboxSize}
               .expandable=${d}
               .expanded=${f}
               .expansionColumn=${e.expandable && !d}
               .spanAll=${t.information}
-              .disclosureLabel=${d ? e.expandLabel(t, l) : ""}
+              .disclosureLabel=${d ? e.expandLabel(t, s) : ""}
               .detailsId=${d ? T(t.value) : ""}
-              >${Pe(t, n, r)}</luzmo-table-row
+              >${Fe(t, n, r)}</luzmo-table-row
             >
-          `}${d ? s`
+          `}${d ? c`
                 <luzmo-table-row-details
                   id=${T(t.value)}
                   .open=${f}
-                  aria-rowindex=${_(m?.details)}
+                  aria-rowindex=${v(m?.details)}
                   ?data-last-row=${p}
                   >${e.renderDetails?.(t.item, t.index)}</luzmo-table-row-details
                 >
-              ` : c}`;
-		return o ? s`<div class="row-group" data-index=${l}>${g}</div>` : g;
+              ` : l}`;
+		return o ? c`<div class="row-group" data-index=${s}>${g}</div>` : g;
 	})}
-      ${o ? U(e.paddingEnd) : c}
+      ${o ? U(e.paddingEnd) : l}
     </luzmo-table-body>
   `;
-}, Le = ":host{box-sizing:border-box;font-family:var(--luzmo-font-family);font-size:var(--table-font-size);line-height:var(--luzmo-line-height);color:var(--table-font-color);background-color:var(--luzmo-table-background-color,var(--table-background-color));border-radius:var(--luzmo-table-border-radius,var(--table-border-radius));flex-direction:column;display:flex;position:relative;overflow:hidden;border-width:var(--table-border-width)!important;border-style:solid!important;border-color:var(--highcontrast-table-border-color,var(--luzmo-table-border-color,var(--table-border-color)))!important}slot.data::slotted(luzmo-table-body){display:none}:host{--table-font-size:var(--luzmo-font-size-m);--table-font-color:var(--luzmo-font-color);--table-background-color:var(--luzmo-background-color);--table-border-width:var(--luzmo-border-width);--table-border-color:var(--luzmo-border-color);--table-column-divider-width:0px;--table-column-divider-color:var(--table-border-color);--table-border-radius:var(--luzmo-border-radius);--table-row-min-block-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-3));--table-row-density-offset:0px;--table-cell-padding-block:var(--luzmo-spacing-2);--table-cell-padding-inline:var(--luzmo-spacing-4);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-m) + var(--luzmo-spacing-4) * 2);--table-disclosure-cell-inline-size:var(--table-checkbox-cell-inline-size);--table-sort-icon-size:var(--luzmo-icon-size-m);--table-row-selected-background-color:var(--luzmo-background-color-highlight);--table-row-selected-hover-background-color:var(--luzmo-background-color-highlight-hover);--table-body-overflow:hidden;--table-corner-radius:max(0px, calc(var(--luzmo-table-border-radius,var(--table-border-radius)) - var(--table-border-width)))}:host([size=s]){--table-font-size:var(--luzmo-font-size-s);--table-row-min-block-size:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-2));--table-cell-padding-inline:var(--luzmo-spacing-3);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-s) + var(--luzmo-spacing-3) * 2);--table-sort-icon-size:var(--luzmo-icon-size-s)}:host([size=l]){--table-font-size:var(--luzmo-font-size-l);--table-row-min-block-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-3));--table-cell-padding-inline:var(--luzmo-spacing-5);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-l) + var(--luzmo-spacing-5) * 2);--table-sort-icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--table-font-size:var(--luzmo-font-size-xl);--table-row-min-block-size:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--table-cell-padding-inline:var(--luzmo-spacing-5);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-xl) + var(--luzmo-spacing-5) * 2);--table-sort-icon-size:var(--luzmo-icon-size-xl)}:host([density=compact]){--table-row-density-offset:calc(var(--luzmo-spacing-3) * -1);--table-cell-padding-block:var(--luzmo-spacing-1)}:host([density=spacious]){--table-row-density-offset:var(--luzmo-spacing-3);--table-cell-padding-block:var(--luzmo-spacing-3)}:host([emphasized]){--table-row-selected-background-color:rgba(var(--luzmo-primary-rgb), .1);--table-row-selected-hover-background-color:rgba(var(--luzmo-primary-rgb), .16)}:host([quiet]){--table-border-width:0px;--table-background-color:rgba(var(--luzmo-background-color-rgb), 0);--table-border-radius:0px}:host([scroller]),:host([virtualized]){--table-body-overflow:auto}@media (forced-colors:active){:host{--highcontrast-table-border-color:CanvasText;--highcontrast-table-column-divider-color:CanvasText}}", Re = [
+}, Re = ":host{box-sizing:border-box;font-family:var(--luzmo-font-family);font-size:var(--table-font-size);line-height:var(--luzmo-line-height);color:var(--table-font-color);background-color:var(--luzmo-table-background-color,var(--table-background-color));border-radius:var(--luzmo-table-border-radius,var(--table-border-radius));flex-direction:column;display:flex;position:relative;overflow:hidden;border-width:var(--table-border-width)!important;border-style:solid!important;border-color:var(--highcontrast-table-border-color,var(--luzmo-table-border-color,var(--table-border-color)))!important}slot.data::slotted(luzmo-table-body){display:none}:host{--table-font-size:var(--luzmo-font-size-m);--table-font-color:var(--luzmo-font-color);--table-background-color:var(--luzmo-background-color);--table-border-width:var(--luzmo-border-width);--table-border-color:var(--luzmo-border-color);--table-column-divider-width:0px;--table-column-divider-color:var(--table-border-color);--table-border-radius:var(--luzmo-border-radius);--table-row-min-block-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-3));--table-row-density-offset:0px;--table-cell-padding-block:var(--luzmo-spacing-2);--table-cell-padding-inline:var(--luzmo-spacing-4);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-m) + var(--luzmo-spacing-4) * 2);--table-disclosure-cell-inline-size:var(--table-checkbox-cell-inline-size);--table-sort-icon-size:var(--luzmo-icon-size-m);--table-row-selected-background-color:var(--luzmo-background-color-highlight);--table-row-selected-hover-background-color:var(--luzmo-background-color-highlight-hover);--table-body-overflow:hidden;--table-corner-radius:max(0px, calc(var(--luzmo-table-border-radius,var(--table-border-radius)) - var(--table-border-width)))}:host([size=s]){--table-font-size:var(--luzmo-font-size-s);--table-row-min-block-size:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-2));--table-cell-padding-inline:var(--luzmo-spacing-3);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-s) + var(--luzmo-spacing-3) * 2);--table-sort-icon-size:var(--luzmo-icon-size-s)}:host([size=l]){--table-font-size:var(--luzmo-font-size-l);--table-row-min-block-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-3));--table-cell-padding-inline:var(--luzmo-spacing-5);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-l) + var(--luzmo-spacing-5) * 2);--table-sort-icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--table-font-size:var(--luzmo-font-size-xl);--table-row-min-block-size:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-5));--table-cell-padding-inline:var(--luzmo-spacing-5);--table-checkbox-cell-inline-size:calc(var(--luzmo-icon-size-xl) + var(--luzmo-spacing-5) * 2);--table-sort-icon-size:var(--luzmo-icon-size-xl)}:host([density=compact]){--table-row-density-offset:calc(var(--luzmo-spacing-3) * -1);--table-cell-padding-block:var(--luzmo-spacing-1)}:host([density=spacious]){--table-row-density-offset:var(--luzmo-spacing-3);--table-cell-padding-block:var(--luzmo-spacing-3)}:host([emphasized]){--table-row-selected-background-color:rgba(var(--luzmo-primary-rgb), .1);--table-row-selected-hover-background-color:rgba(var(--luzmo-primary-rgb), .16)}:host([quiet]){--table-border-width:0px;--table-background-color:rgba(var(--luzmo-background-color-rgb), 0);--table-border-radius:0px}:host([scroller]),:host([virtualized]){--table-body-overflow:auto}@media (forced-colors:active){:host{--highcontrast-table-border-color:CanvasText;--highcontrast-table-column-divider-color:CanvasText}}", ze = [
 	"items",
 	"itemValue",
 	"selects",
@@ -814,7 +815,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	"_lightDomVersion",
 	N,
 	i
-], ze = [
+], Be = [
 	"labels",
 	"selectAllLabel",
 	"emphasized",
@@ -823,7 +824,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	"luzmo-table-cell",
 	"luzmo-table-head-cell",
 	"luzmo-table-checkbox-cell"
-]), Be = [
+]), Ve = [
 	"a[href]",
 	"button",
 	"input",
@@ -838,7 +839,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	"[role=\"checkbox\"]",
 	"[role=\"switch\"]",
 	"[role=\"menuitem\"]"
-].join(","), Ve = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", He = [
+].join(","), He = "textarea, select, [contenteditable=\"\"], [contenteditable=\"true\"], input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"])", Ue = [
 	"columns",
 	"columnWidths",
 	"selects",
@@ -847,13 +848,13 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 	"_lightDomVersion"
 ], G = (e) => e instanceof HTMLElement, K = class extends n(e) {
 	static get styles() {
-		return z(super.styles, Le);
+		return z(super.styles, Re);
 	}
 	constructor() {
-		super(), this.role = "grid", this.emphasized = !1, this.quiet = !1, this.scroller = !1, this.selected = [], this.expanded = [], this.columnWidths = {}, this.columns = [], this.virtualized = !1, this.labels = {}, this._clientSort = !0, this._mode = "declarative", this._rows = [], this._rowKeys = [], this._warnedSlottedRows = !1, this.model = new Se(), this.language = new a(this), this.announcer = new le(this), this.layout = new Oe(this, {
+		super(), this.role = "grid", this.emphasized = !1, this.quiet = !1, this.scroller = !1, this.selected = [], this.expanded = [], this.columnWidths = {}, this.columns = [], this.virtualized = !1, this.labels = {}, this._clientSort = !0, this._mode = "declarative", this._rows = [], this._rowKeys = [], this._warnedSlottedRows = !1, this.model = new Ce(), this.language = new a(this), this.announcer = new ue(this), this.layout = new ke(this, {
 			model: this.model,
 			owns: (e) => this._owns(e)
-		}), this.resize = new we(this, {
+		}), this.resize = new Te(this, {
 			owns: (e) => this._owns(e),
 			isLTR: () => this.isLTR,
 			language: () => this.language.language,
@@ -864,7 +865,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			announce: (e) => {
 				this.announcer.announce(e);
 			}
-		}), this.expansion = new De(this, {
+		}), this.expansion = new Oe(this, {
 			owns: (e) => this._owns(e),
 			focusDisclosure: (e) => {
 				this._activeCell = e, this.navigation.focusElement(e);
@@ -873,13 +874,13 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			this._lightDomVersion += 1;
 		}), this.directionManaged = /* @__PURE__ */ new Set(), this.directionObserver = new MutationObserver(() => {
 			for (let e of this.directionManaged) this._syncDirection(e);
-		}), this.navigation = new Ee(this, {
+		}), this.navigation = new De(this, {
 			direction: "grid",
 			elements: () => this._gridRows().flat(),
 			rows: () => this._gridRows(),
 			isLTR: () => this.isLTR,
 			focusInIndex: (e) => this._gridEntryIndex(e)
-		}), this.virtualizer = new je(this, {
+		}), this.virtualizer = new Me(this, {
 			getScrollElement: () => this.shadowRoot?.querySelector("luzmo-table-body") ?? null,
 			getRowElements: () => this.virtualizer.enabled ? [...this.shadowRoot?.querySelectorAll(".row-group") ?? []] : this._rowElements(),
 			isRendered: (e) => !!e.querySelector("luzmo-table-row")?.hasUpdated,
@@ -907,7 +908,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			}
 			if (!r) return;
 			let i = t.indexOf(r);
-			if (!t.slice(0, i).some((e) => G(e) && (e.localName === "luzmo-table-checkbox-cell" || e.localName === "luzmo-table-disclosure-cell" || e.matches(Be)))) {
+			if (!t.slice(0, i).some((e) => G(e) && (e.localName === "luzmo-table-checkbox-cell" || e.localName === "luzmo-table-disclosure-cell" || e.matches(Ve)))) {
 				if (this.selects) {
 					this._toggleRow(r);
 					return;
@@ -921,7 +922,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 		}, this.handleKeydown = (e) => {
 			if (e.defaultPrevented || !this._owns(e)) return;
 			let t = e.composedPath(), n = this._cellFromPath(t), r = this._gridElementFromPath(t), i = t[0], a = i === r;
-			if (!a && G(i) && i.matches(Ve)) return;
+			if (!a && G(i) && i.matches(He)) return;
 			if (e.code === "Escape") {
 				this.expansion.collapseFromPath(t);
 				return;
@@ -1010,15 +1011,15 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 		let t = e;
 		e.has("selects") && this.selects !== "single" && this.selects !== "multiple" && (this.selects = void 0);
 		let n = Array.isArray(this.items) ? "data" : "declarative", r = n !== this._mode;
-		if (r && (this._mode = n, this._sort = void 0, this._clientSort = !0, this._activeCell = void 0, this._warnedSlottedRows = !1, this.hasUpdated && !e.has("selected") && (this.selected = []), this.hasUpdated && !e.has("expanded") && (this.expanded = []), this.expansion.clear()), this._isDataMode && !this._sort && (this._sort = this._initialSort()), this.virtualizer.enabled = this._isDataMode && this.virtualized, (!this.hasUpdated || r || He.some((e) => t.has(e))) && this.layout.applyGridMetrics(), this._modelSynced = !this.hasUpdated || r || Re.some((e) => t.has(e)), !this._modelSynced) return;
+		if (r && (this._mode = n, this._sort = void 0, this._clientSort = !0, this._activeCell = void 0, this._warnedSlottedRows = !1, this.hasUpdated && !e.has("selected") && (this.selected = []), this.hasUpdated && !e.has("expanded") && (this.expanded = []), this.expansion.clear()), this._isDataMode && !this._sort && (this._sort = this._initialSort()), this.virtualizer.enabled = this._isDataMode && this.virtualized, (!this.hasUpdated || r || Ue.some((e) => t.has(e))) && this.layout.applyGridMetrics(), this._modelSynced = !this.hasUpdated || r || ze.some((e) => t.has(e)), !this._modelSynced) return;
 		this.model.selects = this.selects, this.model.locale = this.language.language, this.model.setRecords(this._createRecords()), this.model.setSelected(this.selected), this.model.setSorting(this._isDataMode ? this._sort : void 0, !this._clientSort);
 		let i = this.model.rows;
 		(i.length !== this._rows.length || i.some((e, t) => e.value !== this._rows[t]?.value)) && (this._rowKeys = i.map((e) => e.value)), this._rows = i;
 	}
 	render() {
-		return s`
+		return c`
       <slot class=${this._mode}></slot>
-      ${this._isDataMode ? this._renderData() : c}
+      ${this._isDataMode ? this._renderData() : l}
     `;
 	}
 	updated(e) {
@@ -1029,7 +1030,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			this.setAttribute("aria-rowcount", String(this._rows.length + e + +!!this._head()));
 		} else this.removeAttribute("aria-rowcount");
 		let n = e;
-		(t || ze.some((e) => n.has(e))) && (this.layout.syncPresentation(), this._isDataMode && this._warnSlottedRows()), (t || n.has("columnWidths") || n.has("virtualized") || n.has("renderItem") || n.has(L)) && this._refreshNavigation();
+		(t || Be.some((e) => n.has(e))) && (this.layout.syncPresentation(), this._isDataMode && this._warnSlottedRows()), (t || n.has("columnWidths") || n.has("virtualized") || n.has("renderItem") || n.has(L)) && this._refreshNavigation();
 	}
 	_renderData() {
 		let e = A(this.labels, this.selectAllLabel), t = this._slottedHead(), n = !!t || this.columns.length > 0, r = this.virtualizer.enabled ? this.virtualizer.sync(this._rowKeys) : void 0, i = r ? r.filter((e) => this._rows[e.index]).map((e) => ({
@@ -1039,12 +1040,12 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 			record: e,
 			position: t
 		})), a = r?.[0], o = r?.at(-1);
-		return s`
-      ${t || this.columns.length === 0 ? c : Ne(this.columns, this._sort, {
+		return c`
+      ${t || this.columns.length === 0 ? l : Pe(this.columns, this._sort, {
 			expandable: this.layout.hasExpansion(),
 			resizeLabel: (t) => j(e.resizeColumn, { column: t })
 		})}
-      ${Ie({
+      ${Le({
 			rows: i,
 			rowCount: this._rows.length,
 			columns: this.columns,
@@ -1103,7 +1104,7 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 		};
 	}
 	_createRecords() {
-		return this._isDataMode ? be(this.items ?? [], this.itemValue) : this._declarativeRows().map((e, t) => ({
+		return this._isDataMode ? xe(this.items ?? [], this.itemValue) : this._declarativeRows().map((e, t) => ({
 			item: {},
 			value: e.value || String(t),
 			index: t,
@@ -1238,27 +1239,35 @@ var V = (e) => e.sortKey ?? e.accessorKey ?? e.id, H = (e, t) => {
 		return M(e) ?? e.find((e) => G(e) && (e.localName === "luzmo-table-disclosure-cell" || e.classList.contains("cell") && e.getAttribute("role") === "gridcell")) ?? this._cellFromPath(e);
 	}
 };
-t([u({ reflect: !0 })], K.prototype, "role", void 0), t([u({ reflect: !0 })], K.prototype, "density", void 0), t([u({
+t([d({ reflect: !0 })], K.prototype, "role", void 0), t([d({ reflect: !0 })], K.prototype, "density", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "emphasized", void 0), t([u({
+})], K.prototype, "emphasized", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "quiet", void 0), t([u({
+})], K.prototype, "quiet", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "scroller", void 0), t([u({ reflect: !0 })], K.prototype, "selects", void 0), t([u({ attribute: !1 })], K.prototype, "selected", void 0), t([u({
+})], K.prototype, "scroller", void 0), t([d({ reflect: !0 })], K.prototype, "selects", void 0), t([d({ attribute: !1 })], K.prototype, "selected", void 0), t([d({
 	reflect: !0,
 	attribute: "select-all-label"
-})], K.prototype, "selectAllLabel", void 0), t([u({ attribute: !1 })], K.prototype, "items", void 0), t([u({ attribute: !1 })], K.prototype, "itemValue", void 0), t([u({ attribute: !1 })], K.prototype, "itemLabel", void 0), t([u({ attribute: !1 })], K.prototype, "renderItem", void 0), t([u({ attribute: !1 })], K.prototype, "expanded", void 0), t([u({ attribute: !1 })], K.prototype, "renderDetails", void 0), t([u({ attribute: !1 })], K.prototype, "columnWidths", void 0), t([u({ attribute: !1 })], K.prototype, "columns", void 0), t([u({
+})], K.prototype, "selectAllLabel", void 0), t([d({ attribute: !1 })], K.prototype, "items", void 0), t([d({ attribute: !1 })], K.prototype, "itemValue", void 0), t([d({ attribute: !1 })], K.prototype, "itemLabel", void 0), t([s({
+	slot: "row",
+	context: ["item", "index"],
+	implicit: "item"
+})], K.prototype, "renderItem", void 0), t([d({ attribute: !1 })], K.prototype, "expanded", void 0), t([s({
+	slot: "details",
+	context: ["item", "index"],
+	implicit: "item"
+})], K.prototype, "renderDetails", void 0), t([d({ attribute: !1 })], K.prototype, "columnWidths", void 0), t([d({ attribute: !1 })], K.prototype, "columns", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "virtualized", void 0), t([u({ attribute: !1 })], K.prototype, "labels", void 0), t([f()], K.prototype, "_sort", void 0), t([f()], K.prototype, "_clientSort", void 0), t([f()], K.prototype, "_lightDomVersion", void 0);
+})], K.prototype, "virtualized", void 0), t([d({ attribute: !1 })], K.prototype, "labels", void 0), t([p()], K.prototype, "_sort", void 0), t([p()], K.prototype, "_clientSort", void 0), t([p()], K.prototype, "_lightDomVersion", void 0);
 //#endregion
 //#region src/components/table/table-body.module.scss?inline
-var Ue = ":host{box-sizing:border-box;min-block-size:0;min-inline-size:0;overflow-x:auto;overflow-y:var(--table-body-overflow,visible);overflow-anchor:none;outline:none;flex:auto;display:block}:host::-webkit-scrollbar{width:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width));height:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background));border-radius:var(--luzmo-table-scrollbar-track-border-radius,var(--table-body-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background));border-radius:var(--luzmo-table-scrollbar-thumb-border-radius,var(--table-body-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-table-scrollbar-thumb-hover-background,var(--table-body-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background)) var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background))}::slotted(.row-group),::slotted(.virtual-spacer){min-inline-size:var(--table-min-inline-size,0);overflow-anchor:none;display:flow-root}:host(:focus-visible){outline:var(--table-body-focus-indicator-width) solid var(--highcontrast-table-body-focus-indicator-color,var(--table-body-focus-indicator-color));outline-offset:calc(var(--table-body-focus-indicator-width) * -1);border-end-end-radius:var(--table-corner-radius,0);border-end-start-radius:var(--table-corner-radius,0)}:host{--table-body-scrollbar-width:var(--luzmo-scrollbar-size);--table-body-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--table-body-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--table-body-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--table-body-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--table-body-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--table-body-focus-indicator-width:calc(var(--luzmo-indicator-width) * 2);--table-body-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-body-focus-indicator-color:Highlight}}", q = class extends e {
+var We = ":host{box-sizing:border-box;min-block-size:0;min-inline-size:0;overflow-x:auto;overflow-y:var(--table-body-overflow,visible);overflow-anchor:none;outline:none;flex:auto;display:block}:host::-webkit-scrollbar{width:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width));height:var(--luzmo-table-scrollbar-width,var(--table-body-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background));border-radius:var(--luzmo-table-scrollbar-track-border-radius,var(--table-body-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background));border-radius:var(--luzmo-table-scrollbar-thumb-border-radius,var(--table-body-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-table-scrollbar-thumb-hover-background,var(--table-body-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-table-scrollbar-thumb-background,var(--table-body-scrollbar-thumb-background)) var(--luzmo-table-scrollbar-track-background,var(--table-body-scrollbar-track-background))}::slotted(.row-group),::slotted(.virtual-spacer){min-inline-size:var(--table-min-inline-size,0);overflow-anchor:none;display:flow-root}:host(:focus-visible){outline:var(--table-body-focus-indicator-width) solid var(--highcontrast-table-body-focus-indicator-color,var(--table-body-focus-indicator-color));outline-offset:calc(var(--table-body-focus-indicator-width) * -1);border-end-end-radius:var(--table-corner-radius,0);border-end-start-radius:var(--table-corner-radius,0)}:host{--table-body-scrollbar-width:var(--luzmo-scrollbar-size);--table-body-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--table-body-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--table-body-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--table-body-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--table-body-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--table-body-focus-indicator-width:calc(var(--luzmo-indicator-width) * 2);--table-body-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-body-focus-indicator-color:Highlight}}", q = class extends e {
 	static get styles() {
-		return z(super.styles, Ue);
+		return z(super.styles, We);
 	}
 	constructor() {
 		super(), this.role = "rowgroup", this._handleScroll = () => {
@@ -1275,54 +1284,54 @@ var Ue = ":host{box-sizing:border-box;min-block-size:0;min-inline-size:0;overflo
 		this.resizeObserver?.disconnect(), this.mutationObserver?.disconnect(), super.disconnectedCallback();
 	}
 	render() {
-		return s`<slot @slotchange=${this._syncTabStop}></slot>`;
+		return c`<slot @slotchange=${this._syncTabStop}></slot>`;
 	}
 	_syncTabStop() {
 		this.scrollHeight > this.clientHeight || this.scrollWidth > this.clientWidth ? this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex");
 	}
 };
-t([u({ reflect: !0 })], q.prototype, "role", void 0);
+t([d({ reflect: !0 })], q.prototype, "role", void 0);
 //#endregion
 //#region src/components/table/table-cell.module.scss?inline
-var We = ":host{box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));outline:none;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host([span-all]){grid-column:1/-1;border-inline-end-width:0!important}:host(:last-of-type){border-inline-end-width:0!important}.content{overflow-wrap:anywhere;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}:host{--table-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-cell-focus-indicator-color:Highlight}}", J = class extends e {
+var Ge = ":host{box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));outline:none;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host([span-all]){grid-column:1/-1;border-inline-end-width:0!important}:host(:last-of-type){border-inline-end-width:0!important}.content{overflow-wrap:anywhere;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}:host{--table-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-cell-focus-indicator-color:Highlight}}", J = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "gridcell", this.spanAll = !1;
 	}
 	static get styles() {
-		return z(super.styles, We);
+		return z(super.styles, Ge);
 	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("lineClamp") && !w(this.lineClamp) && (this.lineClamp = void 0);
 	}
 	render() {
 		let e = w(this.lineClamp) ?? w(this.columnLineClamp);
-		return s`
+		return c`
       <div
-        class=${v({
+        class=${y({
 			content: !0,
 			clamped: e !== void 0
 		})}
-        style=${y(e ? { "--table-cell-line-clamp": String(e) } : {})}
+        style=${b(e ? { "--table-cell-line-clamp": String(e) } : {})}
       >
         <slot></slot>
       </div>
     `;
 	}
 };
-t([u({ reflect: !0 })], J.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], J.prototype, "role", void 0), t([d({
 	type: Number,
 	reflect: !0,
 	attribute: "line-clamp"
-})], J.prototype, "lineClamp", void 0), t([u({
+})], J.prototype, "lineClamp", void 0), t([d({
 	type: Boolean,
 	reflect: !0,
 	attribute: "span-all"
-})], J.prototype, "spanAll", void 0), t([f()], J.prototype, "columnLineClamp", void 0);
+})], J.prototype, "spanAll", void 0), t([p()], J.prototype, "columnLineClamp", void 0);
 //#endregion
 //#region src/components/table/table-checkbox-cell.module.scss?inline
-var Ge = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:border-box;padding-block:var(--table-cell-padding-block);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-checkbox-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.checkbox{margin:0}.label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--table-checkbox-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-checkbox-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-checkbox-cell-focus-indicator-color:Highlight}}", Y = class extends e {
+var Ke = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:border-box;padding-block:var(--table-cell-padding-block);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-checkbox-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.checkbox{margin:0}.label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host{--table-checkbox-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-checkbox-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-checkbox-cell-focus-indicator-color:Highlight}}", Y = class extends e {
 	static get styles() {
-		return z(super.styles, Ge);
+		return z(super.styles, Ke);
 	}
 	constructor() {
 		super(), this.role = "gridcell", this.headCell = !1, this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.selectsSingle = !1, this.emphasized = !1, this.label = "", this.size = "m", this.handleClick = (e) => {
@@ -1330,7 +1339,7 @@ var Ge = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:borde
 		}, this.addEventListener("click", this.handleClick);
 	}
 	render() {
-		return this.headCell && this.selectsSingle ? c : s`
+		return this.headCell && this.selectsSingle ? l : c`
       <luzmo-checkbox
         class="checkbox"
         tabindex="-1"
@@ -1339,9 +1348,9 @@ var Ge = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:borde
         .indeterminate=${this.indeterminate}
         ?disabled=${this.disabled}
         ?emphasized=${this.emphasized}
-        aria-hidden=${_(this.selectsSingle ? "true" : void 0)}
+        aria-hidden=${v(this.selectsSingle ? "true" : void 0)}
       >
-        ${this.label ? s`<span class="label">${this.label}</span>` : c}
+        ${this.label ? c`<span class="label">${this.label}</span>` : l}
       </luzmo-checkbox>
     `;
 	}
@@ -1349,32 +1358,32 @@ var Ge = ":host{flex:0 0 var(--table-checkbox-cell-inline-size);box-sizing:borde
 		super.willUpdate(e), (e.has("headCell") || e.has("selectsSingle")) && (this.role = this.headCell && !this.selectsSingle ? "columnheader" : "gridcell"), e.has("selectsSingle") && (this.selectsSingle ? (this.setAttribute("aria-hidden", "true"), this.tabIndex = -1) : this.removeAttribute("aria-hidden"));
 	}
 };
-t([u({ reflect: !0 })], Y.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], Y.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0,
 	attribute: "head-cell"
-})], Y.prototype, "headCell", void 0), t([u({
+})], Y.prototype, "headCell", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "checked", void 0), t([u({
+})], Y.prototype, "checked", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "indeterminate", void 0), t([u({
+})], Y.prototype, "indeterminate", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "disabled", void 0), t([u({
+})], Y.prototype, "disabled", void 0), t([d({
 	type: Boolean,
 	reflect: !0,
 	attribute: "selects-single"
-})], Y.prototype, "selectsSingle", void 0), t([u({
+})], Y.prototype, "selectsSingle", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "emphasized", void 0), t([u({ reflect: !0 })], Y.prototype, "label", void 0), t([f()], Y.prototype, "size", void 0), t([d("luzmo-checkbox")], Y.prototype, "checkbox", void 0);
+})], Y.prototype, "emphasized", void 0), t([d({ reflect: !0 })], Y.prototype, "label", void 0), t([p()], Y.prototype, "size", void 0), t([f("luzmo-checkbox")], Y.prototype, "checkbox", void 0);
 //#endregion
 //#region src/components/table/table-head.module.scss?inline
-var Ke = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));background-color:var(--table-head-background-color);flex:none;align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-head-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-head-divider-color,var(--luzmo-table-border-color,var(--table-head-divider-color)))!important}luzmo-table-checkbox-cell,.leading::slotted(luzmo-table-head-cell:first-of-type){--table-focus-start-start-radius:var(--table-corner-radius)}.disclosure-spacer{box-sizing:border-box;inline-size:var(--table-disclosure-cell-inline-size);align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host{--table-head-background-color:rgba(var(--luzmo-background-color-rgb), 0);--table-head-divider-color:var(--luzmo-border-color);--table-head-divider-width:var(--luzmo-border-width)}@media (forced-colors:active){:host{--highcontrast-table-head-divider-color:CanvasText}}", X = class extends e {
+var qe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));background-color:var(--table-head-background-color);flex:none;align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-head-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-head-divider-color,var(--luzmo-table-border-color,var(--table-head-divider-color)))!important}luzmo-table-checkbox-cell,.leading::slotted(luzmo-table-head-cell:first-of-type){--table-focus-start-start-radius:var(--table-corner-radius)}.disclosure-spacer{box-sizing:border-box;inline-size:var(--table-disclosure-cell-inline-size);align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host{--table-head-background-color:rgba(var(--luzmo-background-color-rgb), 0);--table-head-divider-color:var(--luzmo-border-color);--table-head-divider-width:var(--luzmo-border-width)}@media (forced-colors:active){:host{--highcontrast-table-head-divider-color:CanvasText}}", X = class extends e {
 	static get styles() {
-		return z(super.styles, Ke);
+		return z(super.styles, qe);
 	}
 	constructor() {
 		super(), this.role = "row", this.selected = !1, this.checked = !1, this.indeterminate = !1, this.emphasized = !1, this.checkboxLabel = "", this.checkboxSize = "m", this.expandable = !1, this.handleSorted = (e) => {
@@ -1384,7 +1393,7 @@ var Ke = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
 		}, this.addEventListener("luzmo-table-sorted", this.handleSorted);
 	}
 	render() {
-		return s`${this.selects ? s`
+		return c`${this.selects ? c`
           <luzmo-table-checkbox-cell
             head-cell
             .checked=${this.checked}
@@ -1394,20 +1403,20 @@ var Ke = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
             .label=${this.checkboxLabel}
             .size=${this.checkboxSize}
           ></luzmo-table-checkbox-cell>
-        ` : c}${this.expandable ? s`<span class="disclosure-spacer" role="gridcell"></span>` : c}<slot
+        ` : l}${this.expandable ? c`<span class="disclosure-spacer" role="gridcell"></span>` : l}<slot
         class=${!this.selects && !this.expandable ? "leading" : ""}
       ></slot>`;
 	}
 };
-t([u({ reflect: !0 })], X.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], X.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], X.prototype, "selected", void 0), t([f()], X.prototype, "selects", void 0), t([f()], X.prototype, "checked", void 0), t([f()], X.prototype, "indeterminate", void 0), t([f()], X.prototype, "emphasized", void 0), t([f()], X.prototype, "checkboxLabel", void 0), t([f()], X.prototype, "checkboxSize", void 0), t([f()], X.prototype, "expandable", void 0);
+})], X.prototype, "selected", void 0), t([p()], X.prototype, "selects", void 0), t([p()], X.prototype, "checked", void 0), t([p()], X.prototype, "indeterminate", void 0), t([p()], X.prototype, "emphasized", void 0), t([p()], X.prototype, "checkboxLabel", void 0), t([p()], X.prototype, "checkboxSize", void 0), t([p()], X.prototype, "expandable", void 0);
 //#endregion
 //#region src/components/table/table-head-cell.module.scss?inline
-var qe = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2);box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));font-weight:var(--table-head-cell-font-weight);color:var(--table-head-cell-font-color);text-align:start;outline:none;display:flex;position:relative;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:last-of-type){--table-focus-start-end-radius:var(--table-corner-radius);border-inline-end-width:0!important}.content{overflow-wrap:anywhere;flex:auto;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resize-handle{z-index:1;inline-size:var(--luzmo-component-height-xs);box-sizing:border-box;cursor:col-resize;touch-action:none;justify-content:center;align-items:stretch;display:flex;position:absolute;inset-block:0;inset-inline-end:calc(var(--luzmo-spacing-4) * -1)}.resize-handle:before{content:\"\";inline-size:var(--luzmo-indicator-gap,2px);background:var(--luzmo-indicator-color,currentColor);opacity:0}.resize-handle:hover:before,.resize-handle:active:before,.resize-handle:focus-visible:before{opacity:1}:host(:last-of-type) .resize-handle{justify-content:flex-end;inset-inline-end:0}.resize-handle:focus,.resize-handle:focus-visible{outline:none}:host([sortable]){cursor:pointer;-webkit-user-select:none;user-select:none}:host([sortable]:hover){color:var(--table-head-cell-font-color-hover)}:host([active]){color:var(--table-head-cell-font-color-down)}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-head-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.sort-icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);flex:none;display:inline-flex}.sort-icon svg{fill:currentColor;block-size:100%;inline-size:100%}@media (forced-colors:active){.resize-handle:before{background:canvastext}}:host{--table-head-cell-font-weight:var(--luzmo-font-weight-bold);--table-head-cell-font-color:var(--luzmo-font-color);--table-head-cell-font-color-hover:var(--luzmo-font-color-hover);--table-head-cell-font-color-down:var(--luzmo-font-color-down);--table-head-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-head-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-head-cell-focus-indicator-color:Highlight}}", Z = class extends e {
+var Je = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2);box-sizing:border-box;min-inline-size:0;padding-block:var(--table-cell-padding-block);padding-inline:var(--luzmo-table-cell-padding-inline,var(--table-cell-padding-inline));font-weight:var(--table-head-cell-font-weight);color:var(--table-head-cell-font-color);text-align:start;outline:none;display:flex;position:relative;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:last-of-type){--table-focus-start-end-radius:var(--table-corner-radius);border-inline-end-width:0!important}.content{overflow-wrap:anywhere;flex:auto;min-inline-size:0;overflow:hidden}.content.clamped{-webkit-line-clamp:var(--table-cell-line-clamp);line-clamp:var(--table-cell-line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resize-handle{z-index:1;inline-size:var(--luzmo-component-height-xs);box-sizing:border-box;cursor:col-resize;touch-action:none;justify-content:center;align-items:stretch;display:flex;position:absolute;inset-block:0;inset-inline-end:calc(var(--luzmo-spacing-4) * -1)}.resize-handle:before{content:\"\";inline-size:var(--luzmo-indicator-gap,2px);background:var(--luzmo-indicator-color,currentColor);opacity:0}.resize-handle:hover:before,.resize-handle:active:before,.resize-handle:focus-visible:before{opacity:1}:host(:last-of-type) .resize-handle{justify-content:flex-end;inset-inline-end:0}.resize-handle:focus,.resize-handle:focus-visible{outline:none}:host([sortable]){cursor:pointer;-webkit-user-select:none;user-select:none}:host([sortable]:hover){color:var(--table-head-cell-font-color-hover)}:host([active]){color:var(--table-head-cell-font-color-down)}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-head-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.sort-icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);flex:none;display:inline-flex}.sort-icon svg{fill:currentColor;block-size:100%;inline-size:100%}@media (forced-colors:active){.resize-handle:before{background:canvastext}}:host{--table-head-cell-font-weight:var(--luzmo-font-weight-bold);--table-head-cell-font-color:var(--luzmo-font-color);--table-head-cell-font-color-hover:var(--luzmo-font-color-hover);--table-head-cell-font-color-down:var(--luzmo-font-color-down);--table-head-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-head-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-head-cell-focus-indicator-color:Highlight}}", Z = class extends e {
 	static get styles() {
-		return z(super.styles, qe);
+		return z(super.styles, Je);
 	}
 	constructor() {
 		super(), this.role = "columnheader", this.active = !1, this.sortable = !1, this.sortKey = "", this.columnId = "", this.resizable = !1, this.currentWidth = 0, this.resizeLabel = "", this.handleClick = (e) => {
@@ -1432,9 +1441,9 @@ var qe = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2)
 		};
 	}
 	render() {
-		let e = w(this.lineClamp), t = this.sortable && this.sortDirection ? s`<span class="sort-icon" aria-hidden="true"
-            >${g(this.sortDirection === "asc" ? h : m)}</span
-          >` : c, n = this.toLayout(0), r = this.resizable ? s`
+		let e = w(this.lineClamp), t = this.sortable && this.sortDirection ? c`<span class="sort-icon" aria-hidden="true"
+            >${_(this.sortDirection === "asc" ? g : h)}</span
+          >` : l, n = this.toLayout(0), r = this.resizable ? c`
           <div
             class="resize-handle"
             tabindex="0"
@@ -1443,17 +1452,17 @@ var qe = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2)
             aria-valuemin=${E(n)}
             aria-valuemax=${D(n)}
             aria-valuenow=${Math.round(this.currentWidth)}
-            aria-label=${_(this.resizeLabel || void 0)}
+            aria-label=${v(this.resizeLabel || void 0)}
             aria-keyshortcuts="ArrowLeft ArrowRight PageUp PageDown Home End"
           ></div>
-        ` : c;
-		return s`
+        ` : l;
+		return c`
       <div
-        class=${v({
+        class=${y({
 			content: !0,
 			clamped: e !== void 0
 		})}
-        style=${y(e ? { "--table-cell-line-clamp": String(e) } : {})}
+        style=${b(e ? { "--table-cell-line-clamp": String(e) } : {})}
       >
         <slot></slot>
       </div>
@@ -1461,10 +1470,10 @@ var qe = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2)
     `;
 	}
 	updated(e) {
-		super.updated(e), (e.has("sortable") || e.has("sortDirection")) && (this.sortable ? this.setAttribute("aria-sort", ve(this.sortDirection)) : this.removeAttribute("aria-sort"));
+		super.updated(e), (e.has("sortable") || e.has("sortDirection")) && (this.sortable ? this.setAttribute("aria-sort", ye(this.sortDirection)) : this.removeAttribute("aria-sort"));
 	}
 	_sort() {
-		this.sortable && (this.sortDirection = ye(this.sortDirection), this.dispatchEvent(new CustomEvent("luzmo-table-sorted", {
+		this.sortable && (this.sortDirection = be(this.sortDirection), this.dispatchEvent(new CustomEvent("luzmo-table-sorted", {
 			bubbles: !0,
 			composed: !0,
 			cancelable: !0,
@@ -1475,82 +1484,82 @@ var qe = ":host{align-self:stretch;align-items:center;gap:var(--luzmo-spacing-2)
 		})));
 	}
 };
-t([u({ reflect: !0 })], Z.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], Z.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Z.prototype, "active", void 0), t([u({
+})], Z.prototype, "active", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Z.prototype, "sortable", void 0), t([u({
+})], Z.prototype, "sortable", void 0), t([d({
 	reflect: !0,
 	attribute: "sort-direction"
-})], Z.prototype, "sortDirection", void 0), t([u({
+})], Z.prototype, "sortDirection", void 0), t([d({
 	reflect: !0,
 	attribute: "sort-key"
-})], Z.prototype, "sortKey", void 0), t([u({
+})], Z.prototype, "sortKey", void 0), t([d({
 	reflect: !0,
 	attribute: "column-id"
-})], Z.prototype, "columnId", void 0), t([u({
+})], Z.prototype, "columnId", void 0), t([d({
 	type: Number,
 	reflect: !0
-})], Z.prototype, "width", void 0), t([u({
+})], Z.prototype, "width", void 0), t([d({
 	type: Number,
 	reflect: !0,
 	attribute: "min-width"
-})], Z.prototype, "minWidth", void 0), t([u({
+})], Z.prototype, "minWidth", void 0), t([d({
 	type: Number,
 	reflect: !0,
 	attribute: "max-width"
-})], Z.prototype, "maxWidth", void 0), t([u({
+})], Z.prototype, "maxWidth", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Z.prototype, "resizable", void 0), t([u({
+})], Z.prototype, "resizable", void 0), t([d({
 	type: Number,
 	reflect: !0,
 	attribute: "line-clamp"
-})], Z.prototype, "lineClamp", void 0), t([f()], Z.prototype, "currentWidth", void 0), t([f()], Z.prototype, "resizeLabel", void 0);
+})], Z.prototype, "lineClamp", void 0), t([p()], Z.prototype, "currentWidth", void 0), t([p()], Z.prototype, "resizeLabel", void 0);
 //#endregion
 //#region src/components/table/table-disclosure-cell.module.scss?inline
-var Je = ":host{flex:0 0 var(--table-disclosure-cell-inline-size);box-sizing:border-box;min-inline-size:var(--table-disclosure-cell-inline-size);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-disclosure-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.button{block-size:100%;inline-size:100%;min-inline-size:var(--luzmo-component-height-xs);min-block-size:var(--luzmo-component-height-xs);background:rgba(var(--luzmo-background-color-rgb), 0);color:inherit;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);display:inline-flex;transform:rotate(-90deg)}.icon svg{fill:currentColor;block-size:100%;inline-size:100%}:host([expanded]) .icon{transform:rotate(0)}:host([dir=rtl]:not([expanded])) .icon{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.icon{transition:transform var(--luzmo-animation-duration) ease}}:host{--table-disclosure-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-disclosure-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-disclosure-cell-focus-indicator-color:Highlight}}", Q = class extends e {
+var Ye = ":host{flex:0 0 var(--table-disclosure-cell-inline-size);box-sizing:border-box;min-inline-size:var(--table-disclosure-cell-inline-size);outline:none;justify-content:center;align-self:stretch;align-items:center;display:flex;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}:host(:focus-visible){outline:var(--luzmo-indicator-width,2px) solid var(--highcontrast-table-disclosure-cell-focus-indicator-color,var(--luzmo-indicator-color,currentColor));outline-offset:calc(var(--luzmo-indicator-width,2px) * -1);border-start-start-radius:var(--table-focus-start-start-radius,0);border-start-end-radius:var(--table-focus-start-end-radius,0);border-end-end-radius:var(--table-focus-end-end-radius,0);border-end-start-radius:var(--table-focus-end-start-radius,0)}.button{block-size:100%;inline-size:100%;min-inline-size:var(--luzmo-component-height-xs);min-block-size:var(--luzmo-component-height-xs);background:rgba(var(--luzmo-background-color-rgb), 0);color:inherit;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon{inline-size:var(--table-sort-icon-size);block-size:var(--table-sort-icon-size);display:inline-flex;transform:rotate(-90deg)}.icon svg{fill:currentColor;block-size:100%;inline-size:100%}:host([expanded]) .icon{transform:rotate(0)}:host([dir=rtl]:not([expanded])) .icon{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.icon{transition:transform var(--luzmo-animation-duration) ease}}:host{--table-disclosure-cell-focus-indicator-width:var(--luzmo-indicator-width);--table-disclosure-cell-focus-indicator-color:var(--luzmo-indicator-color)}@media (forced-colors:active){:host{--highcontrast-table-disclosure-cell-focus-indicator-color:Highlight}}", Q = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "gridcell", this.expanded = !1, this.label = "";
 	}
 	static get styles() {
-		return z(super.styles, Je);
+		return z(super.styles, Ye);
 	}
 	render() {
-		return s`
+		return c`
       <button
         type="button"
         class="button"
         tabindex="-1"
         aria-expanded=${String(this.expanded)}
-        aria-label=${_(this.label || void 0)}
+        aria-label=${v(this.label || void 0)}
       >
         <span class="icon" aria-hidden="true"
-          >${g(p)}</span
+          >${_(m)}</span
         >
       </button>
     `;
 	}
 };
-t([u({ reflect: !0 })], Q.prototype, "role", void 0), t([u({
+t([d({ reflect: !0 })], Q.prototype, "role", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "expanded", void 0), t([u({ reflect: !0 })], Q.prototype, "label", void 0);
+})], Q.prototype, "expanded", void 0), t([d({ reflect: !0 })], Q.prototype, "label", void 0);
 //#endregion
 //#region src/components/table/table-row.module.scss?inline
-var Ye = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]:not([expanded])){border-block-end-width:0!important}:host([data-last-row]:not([expanded])) .leading:not(slot),:host([data-last-row]:not([expanded])) slot.leading::slotted(luzmo-table-cell:first-of-type){--table-focus-end-start-radius:var(--table-corner-radius)}:host([data-last-row]:not([expanded])) ::slotted(luzmo-table-cell:last-of-type){--table-focus-end-end-radius:var(--table-corner-radius)}:host([selectable]){cursor:pointer}:host([selectable]:hover){background-color:var(--table-row-hover-background-color)}:host([selected]){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-background-color))}:host([selected]:hover){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-hover-background-color))}.selection-spacer{inline-size:var(--table-checkbox-cell-inline-size)}.selection-spacer,.disclosure-spacer{box-sizing:border-box;align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}.disclosure-spacer{inline-size:var(--table-disclosure-cell-inline-size)}@media (forced-colors:active){:host([selected]){forced-color-adjust:none;color:highlighttext;background-color:highlight}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-row-hover-background-color:var(--luzmo-background-color-hover)}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText}}", $ = class extends e {
+var Xe = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:var(--table-min-inline-size,0);box-sizing:border-box;min-block-size:calc(var(--luzmo-table-row-min-block-size,var(--table-row-min-block-size)) + var(--table-row-density-offset));align-items:stretch;display:grid;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--table-row-divider-width)!important;border-block-end-style:solid!important;border-block-end-color:var(--highcontrast-table-row-divider-color,var(--luzmo-table-border-color,var(--table-row-divider-color)))!important}:host([data-last-row]:not([expanded])){border-block-end-width:0!important}:host([data-last-row]:not([expanded])) .leading:not(slot),:host([data-last-row]:not([expanded])) slot.leading::slotted(luzmo-table-cell:first-of-type){--table-focus-end-start-radius:var(--table-corner-radius)}:host([data-last-row]:not([expanded])) ::slotted(luzmo-table-cell:last-of-type){--table-focus-end-end-radius:var(--table-corner-radius)}:host([selectable]){cursor:pointer}:host([selectable]:hover){background-color:var(--table-row-hover-background-color)}:host([selected]){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-background-color))}:host([selected]:hover){background-color:var(--luzmo-table-row-selected-background-color,var(--table-row-selected-hover-background-color))}.selection-spacer{inline-size:var(--table-checkbox-cell-inline-size)}.selection-spacer,.disclosure-spacer{box-sizing:border-box;align-self:stretch;border-block:none!important;border-inline-start:none!important;border-inline-end-width:var(--luzmo-table-column-divider-width,var(--table-column-divider-width))!important;border-inline-end-style:solid!important;border-inline-end-color:var(--highcontrast-table-column-divider-color,var(--luzmo-table-column-divider-color,var(--table-column-divider-color)))!important}.disclosure-spacer{inline-size:var(--table-disclosure-cell-inline-size)}@media (forced-colors:active){:host([selected]){forced-color-adjust:none;color:highlighttext;background-color:highlight}}:host{--table-row-divider-color:var(--luzmo-border-color);--table-row-divider-width:var(--luzmo-border-width);--table-row-hover-background-color:var(--luzmo-background-color-hover)}@media (forced-colors:active){:host{--highcontrast-table-row-divider-color:CanvasText}}", $ = class extends e {
 	constructor(...e) {
 		super(...e), this.role = "row", this.value = "", this.selected = !1, this.selectable = !1, this.expanded = !1, this.expandable = !1, this.selectsSingle = !1, this.emphasized = !1, this.selectionColumn = !1, this.expansionColumn = !1, this.spanAll = !1, this.checkboxLabel = "", this.disclosureLabel = "", this.detailsId = "", this.checkboxSize = "m";
 	}
 	static get styles() {
-		return z(super.styles, Ye);
+		return z(super.styles, Xe);
 	}
 	render() {
-		if (this.spanAll) return s`<slot class="leading"></slot>`;
-		let e = this.selectable || this.selectionColumn, t = !e && (this.expandable || this.expansionColumn), n = c;
-		this.selectable ? n = s`
+		if (this.spanAll) return c`<slot class="leading"></slot>`;
+		let e = this.selectable || this.selectionColumn, t = !e && (this.expandable || this.expansionColumn), n = l;
+		this.selectable ? n = c`
         <luzmo-table-checkbox-cell
           class="leading"
           .checked=${this.selected}
@@ -1559,15 +1568,15 @@ var Ye = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
           .label=${this.checkboxLabel}
           .size=${this.checkboxSize}
         ></luzmo-table-checkbox-cell>
-      ` : this.selectionColumn && (n = s`<span class="selection-spacer"></span>`);
-		let r = c;
-		return this.expandable ? r = s`
+      ` : this.selectionColumn && (n = c`<span class="selection-spacer"></span>`);
+		let r = l;
+		return this.expandable ? r = c`
         <luzmo-table-disclosure-cell
           class=${t ? "leading" : ""}
           .expanded=${this.expanded}
           .label=${this.disclosureLabel}
         ></luzmo-table-disclosure-cell>
-      ` : this.expansionColumn && (r = s`<span class="disclosure-spacer"></span>`), s`${n}${r}<slot
+      ` : this.expansionColumn && (r = c`<span class="disclosure-spacer"></span>`), c`${n}${r}<slot
         class=${!e && !t ? "leading" : ""}
       ></slot>`;
 	}
@@ -1575,18 +1584,18 @@ var Ye = ":host{grid-template-columns:var(--table-grid-columns);min-inline-size:
 		super.updated(e), (e.has("selectable") || e.has("selected")) && (this.selectable ? this.setAttribute("aria-selected", String(this.selected)) : this.removeAttribute("aria-selected")), (e.has("expandable") || e.has("expanded") || e.has("detailsId")) && (this.expandable && this.detailsId ? this.setAttribute("aria-controls", this.detailsId) : this.removeAttribute("aria-controls"));
 	}
 };
-t([u({ reflect: !0 })], $.prototype, "role", void 0), t([u({ reflect: !0 })], $.prototype, "value", void 0), t([u({
+t([d({ reflect: !0 })], $.prototype, "role", void 0), t([d({ reflect: !0 })], $.prototype, "value", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "selected", void 0), t([u({
+})], $.prototype, "selected", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "selectable", void 0), t([u({
+})], $.prototype, "selectable", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "expanded", void 0), t([u({
+})], $.prototype, "expanded", void 0), t([d({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "expandable", void 0), t([f()], $.prototype, "selectsSingle", void 0), t([f()], $.prototype, "emphasized", void 0), t([f()], $.prototype, "selectionColumn", void 0), t([f()], $.prototype, "expansionColumn", void 0), t([f()], $.prototype, "spanAll", void 0), t([f()], $.prototype, "checkboxLabel", void 0), t([f()], $.prototype, "disclosureLabel", void 0), t([f()], $.prototype, "detailsId", void 0), t([f()], $.prototype, "checkboxSize", void 0), typeof customElements < "u" && !customElements.get("luzmo-table") && customElements.define("luzmo-table", K), typeof customElements < "u" && !customElements.get("luzmo-table-head") && customElements.define("luzmo-table-head", X), typeof customElements < "u" && !customElements.get("luzmo-table-head-cell") && customElements.define("luzmo-table-head-cell", Z), typeof customElements < "u" && !customElements.get("luzmo-table-body") && customElements.define("luzmo-table-body", q), typeof customElements < "u" && !customElements.get("luzmo-table-row") && customElements.define("luzmo-table-row", $), typeof customElements < "u" && !customElements.get("luzmo-table-cell") && customElements.define("luzmo-table-cell", J), typeof customElements < "u" && !customElements.get("luzmo-table-checkbox-cell") && customElements.define("luzmo-table-checkbox-cell", Y), typeof customElements < "u" && !customElements.get("luzmo-table-disclosure-cell") && customElements.define("luzmo-table-disclosure-cell", Q), typeof customElements < "u" && !customElements.get("luzmo-table-row-details") && customElements.define("luzmo-table-row-details", B);
+})], $.prototype, "expandable", void 0), t([p()], $.prototype, "selectsSingle", void 0), t([p()], $.prototype, "emphasized", void 0), t([p()], $.prototype, "selectionColumn", void 0), t([p()], $.prototype, "expansionColumn", void 0), t([p()], $.prototype, "spanAll", void 0), t([p()], $.prototype, "checkboxLabel", void 0), t([p()], $.prototype, "disclosureLabel", void 0), t([p()], $.prototype, "detailsId", void 0), t([p()], $.prototype, "checkboxSize", void 0), typeof customElements < "u" && !customElements.get("luzmo-table") && customElements.define("luzmo-table", K), typeof customElements < "u" && !customElements.get("luzmo-table-head") && customElements.define("luzmo-table-head", X), typeof customElements < "u" && !customElements.get("luzmo-table-head-cell") && customElements.define("luzmo-table-head-cell", Z), typeof customElements < "u" && !customElements.get("luzmo-table-body") && customElements.define("luzmo-table-body", q), typeof customElements < "u" && !customElements.get("luzmo-table-row") && customElements.define("luzmo-table-row", $), typeof customElements < "u" && !customElements.get("luzmo-table-cell") && customElements.define("luzmo-table-cell", J), typeof customElements < "u" && !customElements.get("luzmo-table-checkbox-cell") && customElements.define("luzmo-table-checkbox-cell", Y), typeof customElements < "u" && !customElements.get("luzmo-table-disclosure-cell") && customElements.define("luzmo-table-disclosure-cell", Q), typeof customElements < "u" && !customElements.get("luzmo-table-row-details") && customElements.define("luzmo-table-row-details", B);
 //#endregion
 export { Y as a, K as c, X as i, B as l, Q as n, J as o, Z as r, q as s, $ as t, k as u };