@luzmo/lucero 2.4.2 → 2.5.0

package/components/table-B75GjBhD.js

@@ -0,0 +1,1592 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+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 { 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";
+//#region src/components/table/controllers/table-announcer.ts
+var se = "data-luzmo-table-announcer", x, S = 0, C = 0, ce = () => {
+	let e = document.createElement("div");
+	return e.setAttribute(se, ""), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
+		position: "absolute",
+		inlineSize: "1px",
+		blockSize: "1px",
+		margin: "-1px",
+		padding: "0",
+		border: "0",
+		overflow: "hidden",
+		clipPath: "inset(50%)",
+		whiteSpace: "nowrap"
+	}), e;
+}, le = class {
+	constructor(e) {
+		e.addController(this);
+	}
+	announce(e) {
+		if (typeof document > "u" || !C) return;
+		x ??= ce(), x.isConnected || document.body.append(x);
+		let t = x;
+		t.textContent = "", cancelAnimationFrame(S), S = requestAnimationFrame(() => {
+			t.textContent = e;
+		});
+	}
+	hostConnected() {
+		C += 1;
+	}
+	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) => {
+	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) => {
+	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])));
+	return r.join(" ");
+}, fe = (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) => {
+	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);
+	return r.push(`${i}px`), `calc(${r.join(" + ")})`;
+}, me = (e) => ({
+	id: e.id,
+	header: typeof e.header == "string" ? e.header : e.id,
+	width: w(e.width),
+	minWidth: w(e.minWidth),
+	maxWidth: w(e.maxWidth),
+	resizable: e.resizable !== !1,
+	lineClamp: w(e.lineClamp)
+}), he = (e, t) => {
+	let n = e === "PageDown" || e === "PageUp";
+	switch (e) {
+		case "ArrowRight":
+		case "PageDown": return {
+			action: t ? "increase" : "decrease",
+			amount: n ? 64 : 16
+		};
+		case "ArrowLeft":
+		case "PageUp": return {
+			action: t ? "decrease" : "increase",
+			amount: n ? 64 : 16
+		};
+		case "Home": return {
+			action: "min",
+			amount: 0
+		};
+		case "End": return {
+			action: "max",
+			amount: 0
+		};
+		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 = {
+	selectAll: "Select All",
+	selectRow: "Select row {index}",
+	sortAscending: "Sorted by {column}, ascending",
+	sortDescending: "Sorted by {column}, descending",
+	expandRow: "Expand {label}",
+	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) => {
+	let n = Object.fromEntries(Object.entries(e).filter(([, e]) => typeof e == "string" && e !== "")), r = {
+		...k,
+		...n
+	};
+	return t && (r.selectAll = t), r;
+}, j = (e, t) => {
+	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) => ({
+	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 {
+	constructor() {
+		this.records = [], this.sorting = [], this.manualSorting = !1, this.rowSelection = {}, this.selectedOrder = [], this.columns = [], this.table = te({
+			data: [],
+			columns: [],
+			state: {},
+			onStateChange: () => {},
+			renderFallbackValue: null,
+			getCoreRowModel: ne(),
+			getSortedRowModel: re(),
+			getRowId: (e) => e.value,
+			enableRowSelection: (e) => !!this.selects && !e.original.information,
+			enableMultiRowSelection: () => this.selects === "multiple",
+			onRowSelectionChange: (e) => {
+				this.pendingSelection = xe(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,
+			sensitivity: "base"
+		})), this.collator.compare(String(e), String(t)));
+	}
+	setRecords(e) {
+		this.records = e;
+	}
+	setSelected(e) {
+		this.selectedOrder = [...e], this.rowSelection = Object.fromEntries(e.map((e) => [e, !0]));
+	}
+	setSorting(e, t = !1) {
+		if (this.manualSorting = t, !e) {
+			this.sorting = [];
+			return;
+		}
+		this.columns.some((t) => t.id === e.key) || (this.columns = [...this.columns, this.createSortColumn(e.key)]), this.sorting = [{
+			id: e.key,
+			desc: e.direction === "desc"
+		}];
+	}
+	get rows() {
+		this.sync();
+		let e = this.table.getRowModel().rows.map((e) => e.original).filter((e) => !e.information);
+		return e.length === this.records.length ? e : this.records.map((t) => t.information ? t : e.shift());
+	}
+	isSelected(e) {
+		return !!this.rowSelection[e];
+	}
+	get allSelected() {
+		let e = this.selectableRecords;
+		return e.length > 0 && e.every((e) => this.isSelected(e.value));
+	}
+	get someSelected() {
+		return this.selectableRecords.some((e) => this.isSelected(e.value));
+	}
+	toggle(e) {
+		this.sync();
+		let t = this.findRow(e);
+		if (t?.getCanSelect()) return this.capture(() => t.toggleSelected());
+	}
+	toggleAll(e) {
+		return this.sync(), this.capture(() => this.table.toggleAllRowsSelected(e));
+	}
+	get selectableRecords() {
+		return this.selects ? this.records.filter((e) => !e.information) : [];
+	}
+	findRow(e) {
+		return this.table.getCoreRowModel().rows.find((t) => t.original.value === e);
+	}
+	capture(e) {
+		this.pendingSelection = void 0, e();
+		let t = this.pendingSelection ?? this.rowSelection;
+		this.pendingSelection = void 0;
+		let n = this.selectedOrder.filter((e) => t[e]), r = [.../* @__PURE__ */ new Set([...this.records.map((e) => e.value), ...Object.keys(t)])].filter((e) => t[e] && !n.includes(e));
+		return [...n, ...r];
+	}
+	createSortColumn(e) {
+		return {
+			id: e,
+			accessorFn: (t) => t.item[e],
+			sortUndefined: "last",
+			sortingFn: (e, t, n) => this.compare(e.getValue(n), t.getValue(n))
+		};
+	}
+	sync() {
+		this.table.setOptions((e) => ({
+			...e,
+			data: this.records,
+			columns: this.columns,
+			manualSorting: this.manualSorting,
+			state: {
+				...this.table.initialState,
+				sorting: this.sorting,
+				rowSelection: this.rowSelection
+			}
+		}));
+	}
+}, Ce = /* @__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 {
+	constructor(e, t) {
+		this.handlePointerDown = (e) => {
+			if (!this.options.owns(e) || e.button !== 0) return;
+			let t = e.composedPath(), n = M(t), r = this.cellFromPath(t);
+			if (!n || r?.localName !== "luzmo-table-head-cell" || !r.resizable) return;
+			let i = r;
+			e.preventDefault();
+			let a = this.options.headCells().indexOf(i), o = i.toLayout(Math.max(a, 0));
+			this.drag = {
+				id: o.id,
+				pointerId: e.pointerId,
+				startWidth: i.getBoundingClientRect().width,
+				startX: e.clientX
+			};
+			try {
+				n.setPointerCapture(e.pointerId);
+			} catch {}
+		}, this.handlePointerMove = (e) => {
+			let t = this.drag;
+			if (!t || e.pointerId !== t.pointerId) return;
+			let n = this.options.layouts().find((e) => e.id === t.id);
+			if (!n) return;
+			let r = (e.clientX - t.startX) * (this.options.isLTR() ? 1 : -1);
+			this.setColumnWidth(n, t.startWidth + r, !1);
+		}, this.handlePointerUp = (e) => {
+			let t = this.drag;
+			if (!t || e.pointerId !== t.pointerId) return;
+			let n = this.options.layouts().find((e) => e.id === t.id);
+			if (this.drag = void 0, !n) return;
+			let r = (e.clientX - t.startX) * (this.options.isLTR() ? 1 : -1);
+			this.setColumnWidth(n, t.startWidth + r, !0);
+		}, this.host = e, this.options = t, e.addController(this);
+	}
+	hostConnected() {
+		this.host.addEventListener("pointerdown", this.handlePointerDown), this.host.addEventListener("pointermove", this.handlePointerMove), this.host.addEventListener("pointerup", this.handlePointerUp), this.host.addEventListener("pointercancel", this.handlePointerUp);
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("pointerdown", this.handlePointerDown), this.host.removeEventListener("pointermove", this.handlePointerMove), this.host.removeEventListener("pointerup", this.handlePointerUp), this.host.removeEventListener("pointercancel", this.handlePointerUp), this.drag = void 0;
+	}
+	handleKeydown(e) {
+		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);
+		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);
+	}
+	setColumnWidth(e, t, n) {
+		let r = O(t, e), i = {
+			...this.host.columnWidths,
+			[e.id]: r
+		};
+		this.host.columnWidths = i;
+		let a = this.options.headCells().find((t, n) => t.toLayout(n).id === e.id);
+		if (a && (a.currentWidth = r), !n) return;
+		let o = A(this.options.labels(), this.options.selectAllLabel());
+		this.host.dispatchEvent(new CustomEvent("luzmo-column-resized", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				columnId: e.id,
+				width: r,
+				columnWidths: { ...i }
+			}
+		})), this.options.announce(j(o.columnWidth, {
+			column: e.header,
+			width: this.formatWidth(r)
+		}));
+	}
+	formatWidth(e) {
+		let t = this.options.language();
+		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));
+	}
+}, 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 {
+	constructor(e, { rows: t, isLTR: n, ...r }) {
+		super(e, r), this.handleFocusout = (e) => {
+			let t = e.relatedTarget;
+			t instanceof HTMLElement && (this.elements.includes(t) || this.elements.some((e) => e.contains(t))) || queueMicrotask(() => {
+				this.activeGridCell() || this.hostNoLongerContainsFocus();
+			});
+		}, 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;
+			let n = this.cellFromPath(e.composedPath());
+			if (!n) return;
+			let r = this.navigationTarget(n, e);
+			r && (e.preventDefault(), this.focusElement(r));
+		}, this.rows = t, this.isLTR = n;
+	}
+	acceptsEventCode(e) {
+		return e === "ArrowLeft" || e === "ArrowRight" || e === "ArrowUp" || e === "ArrowDown" || e === "Home" || e === "End";
+	}
+	focusElement(e, t) {
+		let n = this.elements.indexOf(e);
+		if (n === -1) return;
+		let r = this.elements[this.currentIndex];
+		r && r !== e && (r.tabIndex = -1), this.currentIndex = n, this.focus(t);
+	}
+	owns(e) {
+		for (let t of e.composedPath()) if (t instanceof HTMLElement && t.localName === "luzmo-table") return t === this.host;
+		return !0;
+	}
+	cellFromPath(e) {
+		let t = new Set(this.rows().flat());
+		return e.find((e) => e instanceof HTMLElement && t.has(e));
+	}
+	activeGridCell() {
+		let e = this.host.ownerDocument.activeElement;
+		for (; e instanceof HTMLElement && e.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
+		return e instanceof HTMLElement && this.rows().flat().includes(e) ? e : void 0;
+	}
+	navigationTarget(e, t) {
+		let n = this.rows(), r = n.findIndex((t) => t.includes(e));
+		if (r === -1) return;
+		let i = n[r].indexOf(e), a = n.length - 1, o = (e, t) => {
+			let r = n[Math.min(Math.max(e, 0), a)];
+			return r[Math.min(Math.max(t, 0), r.length - 1)];
+		}, s = (t) => {
+			let i = n[Math.min(Math.max(t, 0), a)];
+			return this.cellForKey(i, this.columnKey(n[r], e));
+		}, c = this.isLTR() ? 1 : -1, l = t.ctrlKey || t.metaKey;
+		switch (t.code) {
+			case "ArrowRight": return o(r, i + c);
+			case "ArrowLeft": return o(r, i - c);
+			case "ArrowDown": return s(r + 1);
+			case "ArrowUp": return s(r - 1);
+			case "Home": return o(l ? 0 : r, 0);
+			case "End": return l ? o(a, n[a].length - 1) : o(r, n[r].length - 1);
+			default: return;
+		}
+	}
+	columnKey(e, t) {
+		if (t.classList.contains("resize-handle")) {
+			let n = e[e.indexOf(t) - 1];
+			return n ? this.columnKey(e, n) : "data:0";
+		}
+		if (t.localName === "luzmo-table-checkbox-cell") return "select";
+		if (t.localName === "luzmo-table-disclosure-cell") return "expand";
+		if (t.classList.contains("cell")) return "details";
+		let n = e.filter((e) => e.localName === "luzmo-table-cell" || e.localName === "luzmo-table-head-cell");
+		return `data:${Math.max(n.indexOf(t), 0)}`;
+	}
+	cellForKey(e, t) {
+		return t === "expand" ? e.find((e) => e.localName === "luzmo-table-disclosure-cell") ?? this.cellForKey(e, "data:0") : t === "details" ? this.cellForKey(e, "data:0") : e.find((n) => !n.classList.contains("resize-handle") && this.columnKey(e, n) === t) ?? e[0];
+	}
+}, 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 {
+	constructor(e, t) {
+		this.closingDetails = /* @__PURE__ */ new Set(), this.handleDetailsCollapsed = (e) => {
+			if (!this.options.owns(e)) return;
+			let t = e.target, n = [...this.closingDetails].find((e) => T(e) === t?.id);
+			if (!n) return;
+			let r = new Set(this.closingDetails);
+			r.delete(n), this.closingDetails = r, this.host.requestUpdate(N);
+		}, this.host = e, this.options = t, e.addController(this);
+	}
+	get closing() {
+		return this.closingDetails;
+	}
+	hostConnected() {
+		this.host.addEventListener("luzmo-table-details-collapsed", this.handleDetailsCollapsed);
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("luzmo-table-details-collapsed", this.handleDetailsCollapsed);
+	}
+	clear() {
+		this.closingDetails = /* @__PURE__ */ new Set(), this.host.requestUpdate(N);
+	}
+	toggle(e) {
+		if (!e.expandable && !P(e)) return;
+		let t = this.isDataMode(), n = t ? e.value : e.value || String(this.declarativeRows().indexOf(e)), r = t ? !this.host.expanded.includes(n) : !e.expanded;
+		if (t) {
+			let e = this.host.expanded;
+			this.setClosing(n, !r), this.host.expanded = r ? [...e, n] : e.filter((e) => e !== n), this.dispatchToggle(n, r) || (this.host.expanded = e, this.setClosing(n, !1));
+			return;
+		}
+		if (e.expanded = r, !this.dispatchToggle(n, r)) {
+			e.expanded = !r;
+			return;
+		}
+		let i = P(e);
+		i && (i.open = r), e.disclosureLabel = this.expandLabel(n, e.checkboxLabel || e.querySelector(":scope > luzmo-table-cell")?.textContent?.trim() || n, this.declarativeRows().indexOf(e));
+	}
+	collapseFromPath(e) {
+		let t = e.find((e) => F(e) && e.localName === "luzmo-table-row-details"), n = (t?.previousElementSibling?.localName === "luzmo-table-row" ? t.previousElementSibling : void 0) ?? e.find((e) => F(e) && e.localName === "luzmo-table-row");
+		if (!n?.expanded) return;
+		this.toggle(n);
+		let r = n.shadowRoot?.querySelector("luzmo-table-disclosure-cell");
+		r && this.options.focusDisclosure(r);
+	}
+	setClosing(e, t) {
+		let n = new Set([...this.closingDetails].filter((t) => t !== e));
+		t && n.add(e), this.closingDetails = n, this.host.requestUpdate(N);
+	}
+	dispatchToggle(e, t) {
+		return this.host.dispatchEvent(new CustomEvent("luzmo-table-row-toggle", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: {
+				value: e,
+				expanded: t
+			}
+		}));
+	}
+	expandLabel(e, t, n) {
+		let r = A(this.host.labels, this.host.selectAllLabel);
+		return j(this.host.expanded.includes(e) || this.rowByValue(e)?.expanded ? r.collapseRow : r.expandRow, {
+			label: t,
+			index: String(n + 1)
+		});
+	}
+	rowByValue(e) {
+		return this.rows().find((t) => t.value === e);
+	}
+	isDataMode() {
+		return Array.isArray(this.host.items);
+	}
+	declarativeRows() {
+		return [...this.host.querySelectorAll(":scope > luzmo-table-body > luzmo-table-row")];
+	}
+	rows() {
+		return this.isDataMode() ? [...this.host.shadowRoot?.querySelectorAll("luzmo-table-row") ?? []] : this.declarativeRows();
+	}
+}, I = (e) => e instanceof HTMLElement, Oe = 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();
+		}, this.host = e, this.options = t, e.addController(this);
+	}
+	hostConnected() {
+		this.host.addEventListener("luzmo-table-body-scroll", this.handleBodyScroll);
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("luzmo-table-body-scroll", this.handleBodyScroll), this.bodyObserver?.disconnect(), this.observedBody = void 0;
+	}
+	hostUpdated() {
+		this.syncHeadScroll(), this.watchBodyScrollbar();
+	}
+	hasExpansion() {
+		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));
+	}
+	headCells() {
+		return [...this.head()?.querySelectorAll(":scope > luzmo-table-head-cell") ?? []];
+	}
+	applyGridMetrics() {
+		let e = {
+			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));
+	}
+	syncPresentation() {
+		this.syncHead(), this.syncColumns(), this.isDataMode() || this.syncDeclarativeRows();
+	}
+	syncHeadTabStops() {
+		let e = this.head();
+		if (!e) return;
+		let t = e.shadowRoot?.querySelector("luzmo-table-checkbox-cell");
+		t && t.getAttribute("aria-hidden") !== "true" && t.tabIndex !== 0 && (t.tabIndex = 0);
+		for (let e of this.headCells()) e.tabIndex !== 0 && (e.tabIndex = 0);
+	}
+	syncHead() {
+		let e = this.body();
+		e && this.syncGridColumns(e);
+		let t = this.head();
+		if (!t) return;
+		this.syncGridColumns(t), this.syncHeadScroll(e, t);
+		let n = A(this.host.labels, this.host.selectAllLabel), r = this.options.model.allSelected, i = this.options.model.someSelected, a = this.host.selects === "multiple";
+		t.selects = this.host.selects, t.checked = a && r, t.indeterminate = a && i && !r, t.selected = i, t.emphasized = this.host.emphasized, t.checkboxLabel = n.selectAll, t.checkboxSize = this.host.size, t.expandable = this.hasExpansion();
+	}
+	watchBodyScrollbar() {
+		let e = this.body();
+		!e || e === this.observedBody || (this.bodyObserver?.disconnect(), this.observedBody = e, this.bodyObserver ??= new ResizeObserver(() => {
+			this.syncHeadScroll();
+		}), this.bodyObserver.observe(e, { box: "content-box" }));
+	}
+	syncHeadScroll(e = this.body(), t = this.head()) {
+		if (!e || !t) return;
+		let n = Math.max(0, e.offsetWidth - e.clientWidth), r = e.scrollWidth > e.clientWidth + 1;
+		t.style.paddingInlineEnd = n > 0 && !r ? `${n}px` : "", t.style.transform = `translateX(${-e.scrollLeft}px)`;
+	}
+	syncColumns() {
+		let e = this.layouts(), t = A(this.host.labels, this.host.selectAllLabel);
+		this.headCells().forEach((n, r) => {
+			let i = e[r];
+			if (!i) return;
+			let a = n.textContent?.trim() || i.header;
+			if (n.resizeLabel = j(t.resizeColumn, { column: a }), !n.resizable) return;
+			let o = w(this.host.columnWidths[i.id]) ?? i.width, s = Math.round(n.getBoundingClientRect().width), c = o ?? s;
+			c > 0 && n.currentWidth !== c && (n.currentWidth = c);
+		});
+		for (let t of this.rows()) {
+			this.syncGridColumns(t);
+			let n = P(t);
+			n && this.syncGridColumns(n), !t.spanAll && [...t.children].filter((e) => I(e) && e.localName === "luzmo-table-cell").forEach((t, n) => {
+				let r = e[n]?.lineClamp;
+				t.columnLineClamp !== r && (t.columnLineClamp = r);
+			});
+		}
+	}
+	syncDeclarativeRows() {
+		let e = this.host.selects, t = A(this.host.labels, this.host.selectAllLabel), n = this.hasExpansion(), r = this.declarativeRows();
+		r.forEach((i, a) => {
+			this.syncGridColumns(i);
+			let o = i.value || String(a), s = P(i), c = a === r.length - 1;
+			i.toggleAttribute("data-last-row", c), s && (this.syncGridColumns(s), s.toggleAttribute("data-last-row", c));
+			let l = i.querySelector(":scope > luzmo-table-cell")?.textContent?.trim() || o;
+			i.selectable = !!e, i.selectionColumn = !!e, i.selected = !!e && this.options.model.isSelected(o), i.selectsSingle = e === "single", i.emphasized = this.host.emphasized, i.checkboxSize = this.host.size, i.checkboxLabel = l, i.expandable = !!s, i.expansionColumn = n && !s, i.detailsId = s?.id ?? "", i.disclosureLabel = j(i.expanded ? t.collapseRow : t.expandRow, {
+				label: l,
+				index: String(a + 1)
+			}), s && (s.id || (s.id = T(o), i.detailsId = s.id), s.open = i.expanded);
+		});
+	}
+	syncGridColumns(e) {
+		for (let t of ["--table-grid-columns", "--table-min-inline-size"]) e.style.setProperty(t, this.host.style.getPropertyValue(t));
+	}
+	isDataMode() {
+		return Array.isArray(this.host.items);
+	}
+	slottedHead() {
+		return this.host.querySelector(":scope > luzmo-table-head");
+	}
+	head() {
+		return this.slottedHead() ?? (this.isDataMode() ? this.host.shadowRoot?.querySelector("luzmo-table-head") ?? null : null);
+	}
+	body() {
+		return this.isDataMode() ? this.host.shadowRoot?.querySelector("luzmo-table-body") ?? null : this.host.querySelector(":scope > luzmo-table-body");
+	}
+	declarativeRows() {
+		return [...this.host.querySelectorAll(":scope > luzmo-table-body > luzmo-table-row")];
+	}
+	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 {
+	constructor(e, t) {
+		this.connected = !1, this.keys = [], this.estimatedSize = ke, this.host = e, this.options = t, e.addController(this);
+	}
+	get enabled() {
+		return !!this.virtualizer;
+	}
+	set enabled(e) {
+		if (e !== this.enabled) {
+			if (e) {
+				this.virtualizer = new ie(this.createOptions()), this.connected && (this.cleanup = this.virtualizer._didMount());
+				return;
+			}
+			this.cleanup?.(), this.cleanup = void 0, this.virtualizer = void 0, this.range = void 0;
+		}
+	}
+	sync(e) {
+		return this.virtualizer ? (e !== this.keys && (this.keys = e, this.virtualizer.setOptions(this.createOptions())), this.virtualizer.getVirtualItems()) : [];
+	}
+	get totalSize() {
+		return this.virtualizer?.getTotalSize() ?? 0;
+	}
+	scrollToIndex(e) {
+		this.virtualizer?.scrollToIndex(e, { align: "start" });
+	}
+	hostConnected() {
+		this.connected = !0, this.virtualizer && !this.cleanup && (this.cleanup = this.virtualizer._didMount());
+	}
+	hostUpdated() {
+		if (!this.virtualizer) return;
+		this.virtualizer._willUpdate();
+		let e = this.options.getRowElements();
+		this.syncEstimate(e);
+		for (let t of e) this.virtualizer.measureElement(t);
+	}
+	hostDisconnected() {
+		this.connected = !1, this.cleanup?.(), this.cleanup = void 0;
+	}
+	syncEstimate(e) {
+		let t = e.filter((e) => this.options.isRendered(e)).map((e) => R(e)).filter(Boolean).sort((e, t) => e - t);
+		if (t.length === 0) return;
+		let n = t[Math.floor(t.length / 2)];
+		Math.abs(n - this.estimatedSize) >= .5 && (this.estimatedSize = n, this.virtualizer?.measure());
+	}
+	createOptions() {
+		return {
+			count: this.keys.length,
+			getScrollElement: this.options.getScrollElement,
+			estimateSize: () => this.estimatedSize,
+			getItemKey: (e) => this.keys[e] ?? e,
+			overscan: Ae,
+			useAnimationFrameWithResizeObserver: !0,
+			scrollToFn: b,
+			observeElementRect: oe,
+			observeElementOffset: ae,
+			measureElement: (e) => this.options.isRendered(e) && R(e) || this.estimatedSize,
+			onChange: (e) => {
+				let t = this.reportRange(e);
+				queueMicrotask(() => {
+					t ? this.host.requestUpdate(L, !1) : this.host.requestUpdate();
+				});
+			}
+		};
+	}
+	reportRange(e) {
+		let t = e.range;
+		if (!t || t.endIndex < t.startIndex) return !1;
+		let n = t.startIndex, r = t.endIndex;
+		return this.range?.first === n && this.range.last === r ? !1 : (this.range = {
+			first: n,
+			last: r
+		}, this.options.onRangeChanged({
+			first: n,
+			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}}";
+//#endregion
+//#region src/components/table/table-styles.ts
+function z(e, t) {
+	return [...Array.isArray(e) ? e : e ? [e] : [], l(t)];
+}
+//#endregion
+//#region src/components/table/table-row-details.ts
+var B = class extends e {
+	constructor(...e) {
+		super(...e), this.role = "row", this.open = !1, this._phase = "closed", this.reducedMotion = new o(this, "(prefers-reduced-motion: reduce)"), this.handleAnimationEnd = (e) => {
+			e.target === this.renderRoot.querySelector(".cell") && (this._phase === "closing" ? this._finishClosing() : this._phase === "opening" && (this._phase = "open"), this.requestUpdate());
+		}, this._finishClosing = () => {
+			this._phase === "closing" && (window.clearTimeout(this._closeFallback), this._phase = "closed", this.hidden = !0, this.dispatchEvent(new Event("luzmo-table-details-collapsed", {
+				bubbles: !0,
+				composed: !0
+			})), this.requestUpdate());
+		};
+	}
+	static get styles() {
+		return z(super.styles, Me);
+	}
+	disconnectedCallback() {
+		window.clearTimeout(this._closeFallback), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), !(!e.has("open") && this.hasUpdated)) {
+			if (this.open) {
+				this.hidden = !1, this._phase = this.hasUpdated && !this.reducedMotion.matches ? "opening" : "open";
+				return;
+			}
+			if (!this.hasUpdated || this.reducedMotion.matches || this._phase === "closed") {
+				this._phase = "closed", this.hidden = !0;
+				return;
+			}
+			this._phase = "closing";
+		}
+	}
+	render() {
+		return s`
+      <div
+        class="cell"
+        role="gridcell"
+        @animationend=${this.handleAnimationEnd}
+      >
+        <div class="content"><slot></slot></div>
+      </div>
+    `;
+	}
+	updated(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({
+	type: Boolean,
+	reflect: !0
+})], B.prototype, "open", void 0), t([f()], 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) => {
+	let r = e.map((e) => {
+		let r = V(e), i = typeof e.header == "string" ? e.header : e.id;
+		return s`
+      <luzmo-table-head-cell
+        column-id=${e.id}
+        ?sortable=${!!e.sortable}
+        .resizable=${e.resizable !== !1}
+        sort-key=${r}
+        .sortDirection=${t?.key === r ? t.direction : void 0}
+        .width=${e.width}
+        .minWidth=${e.minWidth}
+        .maxWidth=${e.maxWidth}
+        .lineClamp=${e.lineClamp}
+        .resizeLabel=${n.resizeLabel(i)}
+        >${e.header}</luzmo-table-head-cell
+      >
+    `;
+	});
+	return s`
+    <luzmo-table-head .expandable=${n.expandable}
+      >${r}</luzmo-table-head
+    >
+  `;
+}, Pe = (e, t, n) => {
+	let { item: r, index: i } = e;
+	return n ? n(r, i) : e.information ? s`<luzmo-table-cell span-all
+      >${t[0] ? H(t[0], r) : ""}</luzmo-table-cell
+    >` : t.map((e) => s`
+      <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`
+  <div
+    class="virtual-spacer"
+    aria-hidden="true"
+    style=${y({ blockSize: `${e}px` })}
+  ></div>
+`, Ie = (e) => {
+	let { rows: t, columns: n, renderItem: r, selects: i, rowIndexOffset: a } = e, o = a !== void 0;
+	return s`
+    <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`
+            <luzmo-table-row
+              value=${t.value}
+              data-index=${_(o ? void 0 : l)}
+              aria-rowindex=${_(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) : ""}
+              .checkboxSize=${e.checkboxSize}
+              .expandable=${d}
+              .expanded=${f}
+              .expansionColumn=${e.expandable && !d}
+              .spanAll=${t.information}
+              .disclosureLabel=${d ? e.expandLabel(t, l) : ""}
+              .detailsId=${d ? T(t.value) : ""}
+              >${Pe(t, n, r)}</luzmo-table-row
+            >
+          `}${d ? s`
+                <luzmo-table-row-details
+                  id=${T(t.value)}
+                  .open=${f}
+                  aria-rowindex=${_(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;
+	})}
+      ${o ? U(e.paddingEnd) : c}
+    </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 = [
+	"items",
+	"itemValue",
+	"selects",
+	"selected",
+	"columns",
+	"expanded",
+	"renderDetails",
+	"columnWidths",
+	"_sort",
+	"_clientSort",
+	"_lightDomVersion",
+	N,
+	i
+], ze = [
+	"labels",
+	"selectAllLabel",
+	"emphasized",
+	"size"
+], W = /* @__PURE__ */ new Set([
+	"luzmo-table-cell",
+	"luzmo-table-head-cell",
+	"luzmo-table-checkbox-cell"
+]), Be = [
+	"a[href]",
+	"button",
+	"input",
+	"select",
+	"textarea",
+	"label",
+	"summary",
+	"[contenteditable=\"\"]",
+	"[contenteditable=\"true\"]",
+	"[role=\"button\"]",
+	"[role=\"link\"]",
+	"[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 = [
+	"columns",
+	"columnWidths",
+	"selects",
+	"items",
+	"renderDetails",
+	"_lightDomVersion"
+], G = (e) => e instanceof HTMLElement, K = class extends n(e) {
+	static get styles() {
+		return z(super.styles, Le);
+	}
+	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, {
+			model: this.model,
+			owns: (e) => this._owns(e)
+		}), this.resize = new we(this, {
+			owns: (e) => this._owns(e),
+			isLTR: () => this.isLTR,
+			language: () => this.language.language,
+			labels: () => this.labels,
+			selectAllLabel: () => this.selectAllLabel,
+			layouts: () => this.layout.layouts(),
+			headCells: () => this.layout.headCells(),
+			announce: (e) => {
+				this.announcer.announce(e);
+			}
+		}), this.expansion = new De(this, {
+			owns: (e) => this._owns(e),
+			focusDisclosure: (e) => {
+				this._activeCell = e, this.navigation.focusElement(e);
+			}
+		}), this._lightDomVersion = 0, this._modelSynced = !1, this.lightObserver = new MutationObserver(() => {
+			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, {
+			direction: "grid",
+			elements: () => this._gridRows().flat(),
+			rows: () => this._gridRows(),
+			isLTR: () => this.isLTR,
+			focusInIndex: (e) => this._gridEntryIndex(e)
+		}), this.virtualizer = new je(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,
+			onRangeChanged: (e) => this.dispatchEvent(new CustomEvent("luzmo-range-changed", {
+				bubbles: !0,
+				composed: !0,
+				detail: e
+			}))
+		}), this.handleChange = (e) => {
+			if (!this._owns(e)) return;
+			let t = e.composedPath(), n = t.find((e) => G(e) && e.localName === "luzmo-table-checkbox-cell");
+			if (!n) return;
+			if (e.stopPropagation(), e.preventDefault(), n.headCell) {
+				this._toggleAll();
+				return;
+			}
+			let r = t.find((e) => G(e) && e.localName === "luzmo-table-row");
+			r && this._toggleRow(r);
+		}, this.handleClick = (e) => {
+			if (!this._owns(e)) return;
+			let t = e.composedPath(), n = t.some((e) => G(e) && e.localName === "luzmo-table-disclosure-cell"), r = t.find((e) => G(e) && e.localName === "luzmo-table-row");
+			if (n && r) {
+				this.expansion.toggle(r);
+				return;
+			}
+			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 (this.selects) {
+					this._toggleRow(r);
+					return;
+				}
+				r.expandable && this.expansion.toggle(r);
+			}
+		}, this.handleFocusin = (e) => {
+			if (!this._owns(e)) return;
+			let t = this._gridElementFromPath(e.composedPath());
+			t && this.navigation.elements.includes(t) && (this._activeCell = 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 (e.code === "Escape") {
+				this.expansion.collapseFromPath(t);
+				return;
+			}
+			if (M(t)) {
+				this.resize.handleKeydown(e);
+				return;
+			}
+			let o = this._virtualNavigationTarget(e);
+			if (o) {
+				e.preventDefault(), e.stopImmediatePropagation(), this._focusVirtualCell(o.index, o.column);
+				return;
+			}
+			if (r && (e.code === "Space" || e.code === "Enter" || e.code === "NumpadEnter")) {
+				if (e.repeat) {
+					a && e.preventDefault();
+					return;
+				}
+				if (a && r.localName === "luzmo-table-disclosure-cell") {
+					e.preventDefault();
+					let n = t.find((e) => G(e) && e.localName === "luzmo-table-row");
+					n && this.expansion.toggle(n);
+					return;
+				}
+				a && n && n.localName !== "luzmo-table-head-cell" && this.selects && (e.preventDefault(), this._activateCell(n));
+			}
+		}, this.handleSorted = (e) => {
+			if (!this._owns(e)) return;
+			let { sortKey: t, sortDirection: n } = e.detail, r = this._cellFromPath(e.composedPath())?.textContent?.trim() || t;
+			queueMicrotask(() => {
+				let i = A(this.labels, this.selectAllLabel);
+				this._sort = {
+					key: t,
+					direction: n
+				}, this._clientSort = !e.defaultPrevented, this.announcer.announce(j(n === "asc" ? i.sortAscending : i.sortDescending, { column: r }));
+			});
+		}, this.addEventListener("change", this.handleChange, { capture: !0 }), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("focusin", this.handleFocusin), this.addEventListener("luzmo-table-sorted", this.handleSorted);
+	}
+	get _isDataMode() {
+		return this._mode === "data";
+	}
+	focus(e) {
+		let t = this.navigation.elements, n = (this._activeCell && t.includes(this._activeCell) ? this._activeCell : void 0) ?? t[this._gridEntryIndex(t)];
+		n && this.navigation.focusElement(n, e);
+	}
+	scrollToIndex(e) {
+		if (this.virtualizer.enabled) {
+			this.virtualizer.scrollToIndex(e);
+			return;
+		}
+		this._rowElements()[e]?.scrollIntoView({ block: "nearest" });
+	}
+	startManagingContentDirection(e) {
+		this.directionManaged.add(e), this._syncDirection(e);
+	}
+	stopManagingContentDirection(e) {
+		this.directionManaged.delete(e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.directionObserver.observe(this, {
+			attributes: !0,
+			attributeFilter: ["dir"]
+		}), this.lightObserver.observe(this, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0,
+			attributes: !0,
+			attributeFilter: [
+				"value",
+				"expanded",
+				"line-clamp",
+				"width",
+				"min-width",
+				"max-width",
+				"resizable",
+				"column-id",
+				"sort-key"
+			]
+		});
+	}
+	disconnectedCallback() {
+		this.lightObserver.disconnect(), this.directionObserver.disconnect(), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		super.willUpdate(e);
+		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;
+		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`
+      <slot class=${this._mode}></slot>
+      ${this._isDataMode ? this._renderData() : c}
+    `;
+	}
+	updated(e) {
+		super.updated(e), e.has("selects") && (this.selects === "multiple" ? this.setAttribute("aria-multiselectable", "true") : this.removeAttribute("aria-multiselectable"));
+		let t = this._modelSynced;
+		if (this._modelSynced = !1, t || e.has("virtualized")) if (this.virtualizer.enabled) {
+			let e = this._rows.filter((e) => this.expanded.includes(e.value)).length;
+			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();
+	}
+	_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) => ({
+			record: this._rows[e.index],
+			position: e.index
+		})) : this._rows.map((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, {
+			expandable: this.layout.hasExpansion(),
+			resizeLabel: (t) => j(e.resizeColumn, { column: t })
+		})}
+      ${Ie({
+			rows: i,
+			rowCount: this._rows.length,
+			columns: this.columns,
+			renderItem: this.renderItem,
+			itemLabel: this.itemLabel,
+			selectRowLabel: e.selectRow,
+			selects: this.selects,
+			isSelected: (e) => this.model.isSelected(e),
+			emphasized: this.emphasized,
+			checkboxSize: this.size,
+			rowIndexOffset: r ? n ? 2 : 1 : void 0,
+			paddingStart: a?.start ?? 0,
+			paddingEnd: o ? this.virtualizer.totalSize - o.end : 0,
+			expandable: this.layout.hasExpansion(),
+			isExpanded: (e) => this.expanded.includes(e),
+			expandLabel: (t, n) => j(this.expanded.includes(t.value) ? e.collapseRow : e.expandRow, {
+				label: this._rowLabel(t, n),
+				index: String(n + 1)
+			}),
+			renderDetails: this.renderDetails,
+			closing: this.expansion.closing,
+			ariaIndexes: r ? this._ariaIndexes(n) : void 0
+		})}
+    `;
+	}
+	_syncDirection(e) {
+		e.dir !== this.dir && (e.dir = this.dir);
+	}
+	_rowLabel(e, t) {
+		if (this.itemLabel) return this.itemLabel(e.item, e.index);
+		let n = this.columns[0], r = n ? e.item[n.accessorKey ?? n.id] : void 0;
+		return typeof r == "string" || typeof r == "number" ? String(r) : e.value || String(t + 1);
+	}
+	_ariaIndexes(e) {
+		let t = /* @__PURE__ */ new Map(), n = e ? 2 : 1;
+		for (let e of this._rows) {
+			let r = { row: n };
+			n += 1, this.expanded.includes(e.value) && (r.details = n, n += 1), t.set(e.value, r);
+		}
+		return t;
+	}
+	_owns(e) {
+		for (let t of e.composedPath()) if (t instanceof HTMLElement && t.localName === "luzmo-table") return t === this;
+		return !0;
+	}
+	_initialSort() {
+		let e = this.columns.find((e) => e.sortable && e.sortDirection);
+		if (e?.sortDirection) return {
+			key: V(e),
+			direction: e.sortDirection
+		};
+		let t = this._slottedHead()?.querySelector(":scope > luzmo-table-head-cell[sortable][sort-direction]"), n = t?.getAttribute("sort-direction");
+		if (t && (n === "asc" || n === "desc")) return {
+			key: t.getAttribute("sort-key") ?? "",
+			direction: n
+		};
+	}
+	_createRecords() {
+		return this._isDataMode ? be(this.items ?? [], this.itemValue) : this._declarativeRows().map((e, t) => ({
+			item: {},
+			value: e.value || String(t),
+			index: t,
+			information: !1
+		}));
+	}
+	_slottedHead() {
+		return this.querySelector(":scope > luzmo-table-head");
+	}
+	_declarativeRows() {
+		return [...this.querySelectorAll(":scope > luzmo-table-body > luzmo-table-row")];
+	}
+	_head() {
+		return this._slottedHead() ?? (this._isDataMode ? this.shadowRoot?.querySelector("luzmo-table-head") ?? null : null);
+	}
+	_rowElements() {
+		return this._isDataMode ? [...this.shadowRoot?.querySelectorAll("luzmo-table-row") ?? []] : this._declarativeRows();
+	}
+	_gridRows() {
+		let e = [];
+		for (let t of this._rowElements()) {
+			let n = this._gridCells(t);
+			n.length > 0 && e.push(n);
+			let r = P(t), i = r && !r.hidden ? r.shadowRoot?.querySelector(".cell[role=\"gridcell\"]") : void 0;
+			i && e.push([i]);
+		}
+		return e;
+	}
+	_gridEntryIndex(e) {
+		let t = this._activeCell ? e.indexOf(this._activeCell) : -1;
+		return Math.max(t, 0);
+	}
+	_virtualNavigationTarget(e) {
+		if (!this.virtualizer.enabled || this._rows.length === 0) return;
+		let t = this._gridElementFromPath(e.composedPath()), n = this._gridRows(), r = t ? n.findIndex((e) => e.includes(t)) : -1;
+		if (!t || r === -1) return;
+		let i = this._virtualDataIndex(t);
+		if (i === void 0) return;
+		let a = n[r].indexOf(t), o = e.ctrlKey || e.metaKey, s = this._rows.length - 1;
+		if (o && e.code === "End") return {
+			index: s,
+			column: 2 ** 53 - 1
+		};
+		if (o && e.code === "Home") return {
+			index: 0,
+			column: 0
+		};
+		if (e.code === "ArrowDown" && r === n.length - 1 && i < s) return {
+			index: i + 1,
+			column: a
+		};
+		if (e.code === "ArrowUp" && r === 0 && i > 0) return {
+			index: i - 1,
+			column: a
+		};
+	}
+	_virtualDataIndex(e) {
+		let t = e.getRootNode(), n = (t instanceof ShadowRoot && t.host !== this ? t.host : e).closest(".row-group")?.dataset.index;
+		if (!n) return;
+		let r = Number(n);
+		return Number.isInteger(r) ? r : void 0;
+	}
+	async _focusVirtualCell(e, t) {
+		let n = await this._mountedVirtualRow(e);
+		if (!n) return;
+		await n.updateComplete, await this._refreshNavigation();
+		let r = this._gridCells(n), i = r[Math.min(t, Math.max(r.length - 1, 0))];
+		i && (this._activeCell = i, this.navigation.focusElement(i));
+	}
+	async _mountedVirtualRow(e) {
+		let t = () => this._rowElements().find((t) => Number(t.closest(".row-group")?.dataset.index) === e);
+		for (let n = 0; n < 8; n += 1) {
+			this.virtualizer.scrollToIndex(e), await this.updateComplete, await new Promise((e) => {
+				requestAnimationFrame(() => {
+					e();
+				});
+			});
+			let n = t();
+			if (n) return n;
+		}
+	}
+	_gridCells(e) {
+		return [
+			e.shadowRoot?.querySelector("luzmo-table-checkbox-cell"),
+			e.shadowRoot?.querySelector("luzmo-table-disclosure-cell"),
+			...[...e.children].filter((e) => G(e) && W.has(e.localName))
+		].filter((e) => e ? e.getAttribute("aria-hidden") !== "true" : !1);
+	}
+	_warnSlottedRows() {
+		this._warnedSlottedRows || this._declarativeRows().length === 0 || (this._warnedSlottedRows = !0, console.warn("luzmo-table renders rows from `items`; slotted luzmo-table-row elements are ignored while `items` is set."));
+	}
+	async _refreshNavigation() {
+		let e = this._head(), t = this._rowElements().map((e) => P(e)).filter((e) => !!e);
+		await Promise.all([
+			...e ? [e] : [],
+			...this._rowElements(),
+			...t
+		].map((e) => e.updateComplete)), e && this.layout.syncHeadTabStops(), this.navigation.clearElementCache();
+		let n = this._activeCell ? this.navigation.elements.indexOf(this._activeCell) : -1;
+		n > -1 && (this.navigation.currentIndex = n);
+	}
+	_commitSelection(e) {
+		let t = this.selected;
+		this.selected = e, this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		})) || (this.selected = t);
+	}
+	_toggleRow(e) {
+		if (!e.selectable) return;
+		let t = this._isDataMode ? e.value : e.value || String(this._declarativeRows().indexOf(e)), n = this.model.toggle(t);
+		n && this._commitSelection(n);
+	}
+	_toggleAll() {
+		this.selects === "multiple" && this._commitSelection(this.model.toggleAll(!this.model.allSelected));
+	}
+	_activateCell(e) {
+		if (e.localName === "luzmo-table-head-cell" || !this.selects) return;
+		let t = e;
+		if (e.localName === "luzmo-table-checkbox-cell" && t.headCell) {
+			this._toggleAll();
+			return;
+		}
+		let n = e.parentElement ?? e.getRootNode().host;
+		n?.localName === "luzmo-table-row" && this._toggleRow(n);
+	}
+	_cellFromPath(e) {
+		return e.find((e) => G(e) && W.has(e.localName));
+	}
+	_gridElementFromPath(e) {
+		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({
+	type: Boolean,
+	reflect: !0
+})], K.prototype, "emphasized", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], K.prototype, "quiet", void 0), t([u({
+	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({
+	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({
+	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);
+//#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 {
+	static get styles() {
+		return z(super.styles, Ue);
+	}
+	constructor() {
+		super(), this.role = "rowgroup", this._handleScroll = () => {
+			this.dispatchEvent(new Event("luzmo-table-body-scroll", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}, this.addEventListener("scroll", this._handleScroll);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.resizeObserver ??= new ResizeObserver(() => this._syncTabStop()), this.mutationObserver ??= new MutationObserver(() => this._syncTabStop()), this.resizeObserver.observe(this), this.mutationObserver.observe(this, { childList: !0 });
+	}
+	disconnectedCallback() {
+		this.resizeObserver?.disconnect(), this.mutationObserver?.disconnect(), super.disconnectedCallback();
+	}
+	render() {
+		return s`<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);
+//#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 {
+	constructor(...e) {
+		super(...e), this.role = "gridcell", this.spanAll = !1;
+	}
+	static get styles() {
+		return z(super.styles, We);
+	}
+	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`
+      <div
+        class=${v({
+			content: !0,
+			clamped: e !== void 0
+		})}
+        style=${y(e ? { "--table-cell-line-clamp": String(e) } : {})}
+      >
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+t([u({ reflect: !0 })], J.prototype, "role", void 0), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "line-clamp"
+})], J.prototype, "lineClamp", void 0), t([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "span-all"
+})], J.prototype, "spanAll", void 0), t([f()], 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 {
+	static get styles() {
+		return z(super.styles, Ge);
+	}
+	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) => {
+			!this.checkbox || e.composedPath().includes(this.checkbox) || this.checkbox.click();
+		}, this.addEventListener("click", this.handleClick);
+	}
+	render() {
+		return this.headCell && this.selectsSingle ? c : s`
+      <luzmo-checkbox
+        class="checkbox"
+        tabindex="-1"
+        size=${this.size}
+        .checked=${this.checked}
+        .indeterminate=${this.indeterminate}
+        ?disabled=${this.disabled}
+        ?emphasized=${this.emphasized}
+        aria-hidden=${_(this.selectsSingle ? "true" : void 0)}
+      >
+        ${this.label ? s`<span class="label">${this.label}</span>` : c}
+      </luzmo-checkbox>
+    `;
+	}
+	willUpdate(e) {
+		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({
+	type: Boolean,
+	reflect: !0,
+	attribute: "head-cell"
+})], Y.prototype, "headCell", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Y.prototype, "checked", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Y.prototype, "indeterminate", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Y.prototype, "disabled", void 0), t([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "selects-single"
+})], Y.prototype, "selectsSingle", void 0), t([u({
+	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);
+//#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 {
+	static get styles() {
+		return z(super.styles, Ke);
+	}
+	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) => {
+			if (e.defaultPrevented) return;
+			let t = e.target;
+			for (let e of this.querySelectorAll(":scope > luzmo-table-head-cell")) e !== t && (e.sortDirection = void 0);
+		}, this.addEventListener("luzmo-table-sorted", this.handleSorted);
+	}
+	render() {
+		return s`${this.selects ? s`
+          <luzmo-table-checkbox-cell
+            head-cell
+            .checked=${this.checked}
+            .indeterminate=${this.indeterminate}
+            .selectsSingle=${this.selects === "single"}
+            .emphasized=${this.emphasized}
+            .label=${this.checkboxLabel}
+            .size=${this.checkboxSize}
+          ></luzmo-table-checkbox-cell>
+        ` : c}${this.expandable ? s`<span class="disclosure-spacer" role="gridcell"></span>` : c}<slot
+        class=${!this.selects && !this.expandable ? "leading" : ""}
+      ></slot>`;
+	}
+};
+t([u({ reflect: !0 })], X.prototype, "role", void 0), t([u({
+	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);
+//#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 {
+	static get styles() {
+		return z(super.styles, qe);
+	}
+	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) => {
+			e.composedPath().some((e) => e instanceof HTMLElement && e.classList.contains("resize-handle")) || this._sort();
+		}, this.handleKeydown = (e) => {
+			!this.sortable || e.composedPath()[0] !== this || (e.code === "Enter" || e.code === "NumpadEnter" ? (e.preventDefault(), this._sort()) : e.code === "Space" && (e.preventDefault(), this.active = !0));
+		}, this.handleKeyup = (e) => {
+			e.code !== "Space" || !this.active || (this.active = !1, this._sort());
+		}, this.handleBlur = () => {
+			this.active = !1;
+		}, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("keyup", this.handleKeyup), this.addEventListener("blur", this.handleBlur);
+	}
+	toLayout(e) {
+		return {
+			id: this.columnId || this.sortKey || `column-${e}`,
+			header: this.textContent?.trim() || this.columnId || this.sortKey,
+			width: w(this.width),
+			minWidth: w(this.minWidth),
+			maxWidth: w(this.maxWidth),
+			resizable: this.resizable,
+			lineClamp: w(this.lineClamp)
+		};
+	}
+	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`
+          <div
+            class="resize-handle"
+            tabindex="0"
+            role="separator"
+            aria-orientation="vertical"
+            aria-valuemin=${E(n)}
+            aria-valuemax=${D(n)}
+            aria-valuenow=${Math.round(this.currentWidth)}
+            aria-label=${_(this.resizeLabel || void 0)}
+            aria-keyshortcuts="ArrowLeft ArrowRight PageUp PageDown Home End"
+          ></div>
+        ` : c;
+		return s`
+      <div
+        class=${v({
+			content: !0,
+			clamped: e !== void 0
+		})}
+        style=${y(e ? { "--table-cell-line-clamp": String(e) } : {})}
+      >
+        <slot></slot>
+      </div>
+      ${t}${r}
+    `;
+	}
+	updated(e) {
+		super.updated(e), (e.has("sortable") || e.has("sortDirection")) && (this.sortable ? this.setAttribute("aria-sort", ve(this.sortDirection)) : this.removeAttribute("aria-sort"));
+	}
+	_sort() {
+		this.sortable && (this.sortDirection = ye(this.sortDirection), this.dispatchEvent(new CustomEvent("luzmo-table-sorted", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: {
+				sortKey: this.sortKey,
+				sortDirection: this.sortDirection
+			}
+		})));
+	}
+};
+t([u({ reflect: !0 })], Z.prototype, "role", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Z.prototype, "active", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Z.prototype, "sortable", void 0), t([u({
+	reflect: !0,
+	attribute: "sort-direction"
+})], Z.prototype, "sortDirection", void 0), t([u({
+	reflect: !0,
+	attribute: "sort-key"
+})], Z.prototype, "sortKey", void 0), t([u({
+	reflect: !0,
+	attribute: "column-id"
+})], Z.prototype, "columnId", void 0), t([u({
+	type: Number,
+	reflect: !0
+})], Z.prototype, "width", void 0), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "min-width"
+})], Z.prototype, "minWidth", void 0), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "max-width"
+})], Z.prototype, "maxWidth", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Z.prototype, "resizable", void 0), t([u({
+	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);
+//#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 {
+	constructor(...e) {
+		super(...e), this.role = "gridcell", this.expanded = !1, this.label = "";
+	}
+	static get styles() {
+		return z(super.styles, Je);
+	}
+	render() {
+		return s`
+      <button
+        type="button"
+        class="button"
+        tabindex="-1"
+        aria-expanded=${String(this.expanded)}
+        aria-label=${_(this.label || void 0)}
+      >
+        <span class="icon" aria-hidden="true"
+          >${g(p)}</span
+        >
+      </button>
+    `;
+	}
+};
+t([u({ reflect: !0 })], Q.prototype, "role", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], Q.prototype, "expanded", void 0), t([u({ 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 {
+	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);
+	}
+	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`
+        <luzmo-table-checkbox-cell
+          class="leading"
+          .checked=${this.selected}
+          .selectsSingle=${this.selectsSingle}
+          .emphasized=${this.emphasized}
+          .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`
+        <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
+        class=${!e && !t ? "leading" : ""}
+      ></slot>`;
+	}
+	updated(e) {
+		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({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "selected", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "selectable", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "expanded", void 0), t([u({
+	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);
+//#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 };