@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

package/fesm2022/lifecorner-angular-ui-kit-table.mjs

@@ -0,0 +1,1434 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ContentChildren, Directive, TemplateRef, afterRenderEffect, computed, inject, input, linkedSignal, output, signal, viewChild, viewChildren } from "@angular/core";
+import { NgStyle, NgTemplateOutlet } from "@angular/common";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { InputComponent } from "@lifecorner/angular-ui-kit/input";
+import { SelectComponent } from "@lifecorner/angular-ui-kit/select";
+import { ButtonComponent } from "@lifecorner/angular-ui-kit/button";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+var TableCellDirective = class TableCellDirective {
+	columnKey = input("", {
+		...ngDevMode ? { debugName: "columnKey" } : /* istanbul ignore next */ {},
+		alias: "lcTableCell"
+	});
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TableCellDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: TableCellDirective,
+		isStandalone: true,
+		selector: "[lcTableCell]",
+		inputs: { columnKey: {
+			classPropertyName: "columnKey",
+			publicName: "lcTableCell",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TableCellDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[lcTableCell]",
+			standalone: true
+		}]
+	}],
+	propDecorators: { columnKey: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "lcTableCell",
+			required: false
+		}]
+	}] }
+});
+var TableComponent = class TableComponent {
+	cellTemplates;
+	columns = input([], ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+	data = input([], ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	hoverable = input(false, ...ngDevMode ? [{ debugName: "hoverable" }] : /* istanbul ignore next */ []);
+	responsive = input(true, ...ngDevMode ? [{ debugName: "responsive" }] : /* istanbul ignore next */ []);
+	emptyText = input("No data available", ...ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []);
+	filterPlaceholderLabel = input("Filter", ...ngDevMode ? [{ debugName: "filterPlaceholderLabel" }] : /* istanbul ignore next */ []);
+	selectAllAriaLabel = input("Select all rows", ...ngDevMode ? [{ debugName: "selectAllAriaLabel" }] : /* istanbul ignore next */ []);
+	selectRowAriaLabel = input("Select row", ...ngDevMode ? [{ debugName: "selectRowAriaLabel" }] : /* istanbul ignore next */ []);
+	sortedAscendingLabel = input("sorted ascending", ...ngDevMode ? [{ debugName: "sortedAscendingLabel" }] : /* istanbul ignore next */ []);
+	sortedDescendingLabel = input("sorted descending", ...ngDevMode ? [{ debugName: "sortedDescendingLabel" }] : /* istanbul ignore next */ []);
+	expandRowAriaLabel = input("Aufklappen:", ...ngDevMode ? [{ debugName: "expandRowAriaLabel" }] : /* istanbul ignore next */ []);
+	collapseRowAriaLabel = input("Einklappen:", ...ngDevMode ? [{ debugName: "collapseRowAriaLabel" }] : /* istanbul ignore next */ []);
+	rangeOfLabel = input("of", ...ngDevMode ? [{ debugName: "rangeOfLabel" }] : /* istanbul ignore next */ []);
+	rowsPerPageAriaLabel = input("Rows per page", ...ngDevMode ? [{ debugName: "rowsPerPageAriaLabel" }] : /* istanbul ignore next */ []);
+	previousPageAriaLabel = input("Previous page", ...ngDevMode ? [{ debugName: "previousPageAriaLabel" }] : /* istanbul ignore next */ []);
+	nextPageAriaLabel = input("Next page", ...ngDevMode ? [{ debugName: "nextPageAriaLabel" }] : /* istanbul ignore next */ []);
+	paginate = input(false, ...ngDevMode ? [{ debugName: "paginate" }] : /* istanbul ignore next */ []);
+	pageSize = input(10, ...ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []);
+	pageSizeOptions = input([
+		5,
+		10,
+		25,
+		50
+	], ...ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []);
+	selectable = input(false, ...ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []);
+	filterable = input(false, ...ngDevMode ? [{ debugName: "filterable" }] : /* istanbul ignore next */ []);
+	editable = input(false, ...ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []);
+	actions = input([], ...ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []);
+	actionsLabel = input("", ...ngDevMode ? [{ debugName: "actionsLabel" }] : /* istanbul ignore next */ []);
+	actionsWidth = input(void 0, ...ngDevMode ? [{ debugName: "actionsWidth" }] : /* istanbul ignore next */ []);
+	actionsAlign = input("start", ...ngDevMode ? [{ debugName: "actionsAlign" }] : /* istanbul ignore next */ []);
+	idKey = input(void 0, ...ngDevMode ? [{ debugName: "idKey" }] : /* istanbul ignore next */ []);
+	parentKey = input(void 0, ...ngDevMode ? [{ debugName: "parentKey" }] : /* istanbul ignore next */ []);
+	treeColumn = input(void 0, ...ngDevMode ? [{ debugName: "treeColumn" }] : /* istanbul ignore next */ []);
+	defaultExpanded = input(true, ...ngDevMode ? [{ debugName: "defaultExpanded" }] : /* istanbul ignore next */ []);
+	expandedIds = input(void 0, ...ngDevMode ? [{ debugName: "expandedIds" }] : /* istanbul ignore next */ []);
+	indentSize = input(20, ...ngDevMode ? [{ debugName: "indentSize" }] : /* istanbul ignore next */ []);
+	filterAriaLabel = input("Filter by", ...ngDevMode ? [{ debugName: "filterAriaLabel" }] : /* istanbul ignore next */ []);
+	sort = output();
+	rowClick = output();
+	cellEdit = output();
+	selectionChange = output();
+	actionClick = output();
+	rowToggle = output();
+	expandedIdsChange = output();
+	currentSort = signal(null, ...ngDevMode ? [{ debugName: "currentSort" }] : /* istanbul ignore next */ []);
+	internalPageSize = linkedSignal(() => this.pageSize(), ...ngDevMode ? [{ debugName: "internalPageSize" }] : /* istanbul ignore next */ []);
+	currentPage = linkedSignal({
+		...ngDevMode ? { debugName: "currentPage" } : /* istanbul ignore next */ {},
+		source: () => this.totalPages(),
+		computation: (total, previous) => Math.min(previous?.value ?? 0, total - 1)
+	});
+	selectedRows = linkedSignal({
+		...ngDevMode ? { debugName: "selectedRows" } : /* istanbul ignore next */ {},
+		source: () => this.rowKeys(),
+		computation: (keys, previous) => {
+			if (!previous) return /* @__PURE__ */ new Set();
+			const kept = new Set([...previous.value].filter((k) => keys.has(k)));
+			return kept.size === previous.value.size ? previous.value : kept;
+		}
+	});
+	columnFilters = signal({}, ...ngDevMode ? [{ debugName: "columnFilters" }] : /* istanbul ignore next */ []);
+	editingCell = signal(null, ...ngDevMode ? [{ debugName: "editingCell" }] : /* istanbul ignore next */ []);
+	editValue = signal("", ...ngDevMode ? [{ debugName: "editValue" }] : /* istanbul ignore next */ []);
+	editInput = viewChild("editInput", ...ngDevMode ? [{ debugName: "editInput" }] : /* istanbul ignore next */ []);
+	focusedEditInput = null;
+	constructor() {
+		afterRenderEffect(() => {
+			const el = this.editInput()?.nativeElement ?? null;
+			if (el && el !== this.focusedEditInput) el.focus();
+			this.focusedEditInput = el;
+		});
+	}
+	rowKeys = computed(() => new Set(this.data().map((row) => this.rowKey(row))), ...ngDevMode ? [{ debugName: "rowKeys" }] : /* istanbul ignore next */ []);
+	rowKey(row) {
+		const idKey = this.idKey();
+		return idKey ? String(row[idKey] ?? "") : row;
+	}
+	expandOverrides = signal(/* @__PURE__ */ new Map(), ...ngDevMode ? [{ debugName: "expandOverrides" }] : /* istanbul ignore next */ []);
+	filteredData = computed(() => {
+		let items = this.data();
+		const filters = this.columnFilters();
+		if (this.filterable()) {
+			for (const [key, value] of Object.entries(filters)) if (value.trim()) items = items.filter((row) => String(row[key] ?? "").toLowerCase().includes(value.toLowerCase()));
+		}
+		return items;
+	}, ...ngDevMode ? [{ debugName: "filteredData" }] : /* istanbul ignore next */ []);
+	rowComparator(sortState) {
+		return (a, b) => {
+			const aVal = a[sortState.column];
+			const bVal = b[sortState.column];
+			let cmp = 0;
+			if (aVal == null && bVal == null) cmp = 0;
+			else if (aVal == null) cmp = -1;
+			else if (bVal == null) cmp = 1;
+			else if (typeof aVal === "number" && typeof bVal === "number") cmp = aVal - bVal;
+			else cmp = String(aVal).localeCompare(String(bVal));
+			return sortState.direction === "asc" ? cmp : -cmp;
+		};
+	}
+	sortedData = computed(() => {
+		const items = [...this.filteredData()];
+		const sortState = this.currentSort();
+		if (!sortState) return items;
+		return items.sort(this.rowComparator(sortState));
+	}, ...ngDevMode ? [{ debugName: "sortedData" }] : /* istanbul ignore next */ []);
+	displayData = computed(() => {
+		const items = this.sortedData();
+		if (!this.paginate()) return items;
+		const ps = this.internalPageSize();
+		const start = this.currentPage() * ps;
+		return items.slice(start, start + ps);
+	}, ...ngDevMode ? [{ debugName: "displayData" }] : /* istanbul ignore next */ []);
+	treeMode = computed(() => !!this.idKey() && !!this.parentKey(), ...ngDevMode ? [{ debugName: "treeMode" }] : /* istanbul ignore next */ []);
+	effectiveTreeColumn = computed(() => this.treeColumn() || this.columns()[0]?.key, ...ngDevMode ? [{ debugName: "effectiveTreeColumn" }] : /* istanbul ignore next */ []);
+	dataIndexMap = computed(() => {
+		const map = /* @__PURE__ */ new Map();
+		this.data().forEach((row, i) => map.set(row, i));
+		return map;
+	}, ...ngDevMode ? [{ debugName: "dataIndexMap" }] : /* istanbul ignore next */ []);
+	treeBuild = computed(() => {
+		const idKey = this.idKey();
+		const parentKey = this.parentKey();
+		const byId = /* @__PURE__ */ new Map();
+		const childrenOf = /* @__PURE__ */ new Map();
+		const roots = [];
+		if (!idKey || !parentKey) return {
+			byId,
+			childrenOf,
+			roots
+		};
+		const rows = this.data();
+		for (const row of rows) {
+			const id = String(row[idKey] ?? "");
+			if (id) byId.set(id, row);
+		}
+		for (const row of rows) {
+			const parentRaw = row[parentKey];
+			const parentId = parentRaw == null ? "" : String(parentRaw);
+			if (parentId && byId.has(parentId)) {
+				const siblings = childrenOf.get(parentId) ?? [];
+				siblings.push(row);
+				childrenOf.set(parentId, siblings);
+			} else roots.push(row);
+		}
+		return {
+			byId,
+			childrenOf,
+			roots
+		};
+	}, ...ngDevMode ? [{ debugName: "treeBuild" }] : /* istanbul ignore next */ []);
+	treeFiltered = computed(() => {
+		const { byId, childrenOf, roots } = this.treeBuild();
+		const parentKey = this.parentKey();
+		const filters = this.columnFilters();
+		if (!(this.filterable() && parentKey && Object.values(filters).some((v) => v.trim()))) return {
+			childrenOf,
+			roots
+		};
+		const matches = (row) => Object.entries(filters).every(([key, value]) => !value.trim() || String(row[key] ?? "").toLowerCase().includes(value.toLowerCase()));
+		const visible = /* @__PURE__ */ new Set();
+		for (const row of this.data()) {
+			if (!matches(row)) continue;
+			let current = row;
+			while (current && !visible.has(current)) {
+				visible.add(current);
+				const parentRaw = current[parentKey];
+				const parentId = parentRaw == null ? "" : String(parentRaw);
+				current = parentId ? byId.get(parentId) : void 0;
+			}
+		}
+		const visibleChildrenOf = /* @__PURE__ */ new Map();
+		const visibleRoots = [];
+		for (const row of this.data()) {
+			if (!visible.has(row)) continue;
+			const parentRaw = row[parentKey];
+			const parentId = parentRaw == null ? "" : String(parentRaw);
+			const parent = parentId ? byId.get(parentId) : void 0;
+			if (parent && visible.has(parent)) {
+				const siblings = visibleChildrenOf.get(parentId) ?? [];
+				siblings.push(row);
+				visibleChildrenOf.set(parentId, siblings);
+			} else visibleRoots.push(row);
+		}
+		return {
+			childrenOf: visibleChildrenOf,
+			roots: visibleRoots
+		};
+	}, ...ngDevMode ? [{ debugName: "treeFiltered" }] : /* istanbul ignore next */ []);
+	treeSorted = computed(() => {
+		const { childrenOf, roots } = this.treeFiltered();
+		const sortState = this.currentSort();
+		if (!sortState) return {
+			childrenOf,
+			roots
+		};
+		const cmp = this.rowComparator(sortState);
+		const sortedChildrenOf = /* @__PURE__ */ new Map();
+		for (const [parentId, siblings] of childrenOf) sortedChildrenOf.set(parentId, [...siblings].sort(cmp));
+		return {
+			childrenOf: sortedChildrenOf,
+			roots: [...roots].sort(cmp)
+		};
+	}, ...ngDevMode ? [{ debugName: "treeSorted" }] : /* istanbul ignore next */ []);
+	treeRoots = computed(() => this.treeSorted().roots, ...ngDevMode ? [{ debugName: "treeRoots" }] : /* istanbul ignore next */ []);
+	displayRows = computed(() => {
+		const dataIndex = this.dataIndexMap();
+		if (!this.treeMode()) return this.displayData().map((row) => ({
+			row,
+			absIndex: dataIndex.get(row) ?? -1,
+			key: this.rowKey(row),
+			id: null,
+			depth: 0,
+			level: 0,
+			hasChildren: false,
+			expanded: false,
+			posInSet: 0,
+			setSize: 0
+		}));
+		const idKey = this.idKey();
+		const { childrenOf } = this.treeSorted();
+		let roots = this.treeRoots();
+		if (this.paginate()) {
+			const ps = this.internalPageSize();
+			const start = this.currentPage() * ps;
+			roots = roots.slice(start, start + ps);
+		}
+		const out = [];
+		const walk = (group, depth) => {
+			group.forEach((row, idx) => {
+				const id = String(row[idKey] ?? "");
+				const children = childrenOf.get(id) ?? [];
+				const hasChildren = children.length > 0;
+				const expanded = hasChildren && this.isExpanded(id);
+				out.push({
+					row,
+					absIndex: dataIndex.get(row) ?? -1,
+					key: this.rowKey(row),
+					id,
+					depth,
+					level: depth + 1,
+					hasChildren,
+					expanded,
+					posInSet: idx + 1,
+					setSize: group.length
+				});
+				if (expanded) walk(children, depth + 1);
+			});
+		};
+		walk(roots, 0);
+		return out;
+	}, ...ngDevMode ? [{ debugName: "displayRows" }] : /* istanbul ignore next */ []);
+	totalPages = computed(() => {
+		if (!this.paginate()) return 1;
+		const total = this.treeMode() ? this.treeRoots().length : this.filteredData().length;
+		return Math.max(1, Math.ceil(total / this.internalPageSize()));
+	}, ...ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []);
+	totalRows = computed(() => this.treeMode() ? this.treeRoots().length : this.filteredData().length, ...ngDevMode ? [{ debugName: "totalRows" }] : /* istanbul ignore next */ []);
+	allSelected = computed(() => {
+		const rows = this.displayRows();
+		if (rows.length === 0) return false;
+		const selected = this.selectedRows();
+		return rows.every((r) => selected.has(r.key));
+	}, ...ngDevMode ? [{ debugName: "allSelected" }] : /* istanbul ignore next */ []);
+	someSelected = computed(() => {
+		const selected = this.selectedRows();
+		return !this.allSelected() && this.displayRows().some((r) => selected.has(r.key));
+	}, ...ngDevMode ? [{ debugName: "someSelected" }] : /* istanbul ignore next */ []);
+	pageSizeSelectOptions = computed(() => this.pageSizeOptions().map((opt) => ({
+		value: opt,
+		label: `${opt} / page`
+	})), ...ngDevMode ? [{ debugName: "pageSizeSelectOptions" }] : /* istanbul ignore next */ []);
+	tableClasses = computed(() => {
+		const classes = ["lc-table"];
+		classes.push(`lc-table--${this.variant()}`);
+		classes.push(`lc-table--${this.size()}`);
+		if (this.hoverable()) classes.push("lc-table--hoverable");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "tableClasses" }] : /* istanbul ignore next */ []);
+	wrapperClasses = computed(() => {
+		const classes = ["lc-table-wrapper"];
+		if (this.responsive()) classes.push("lc-table-wrapper--responsive");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "wrapperClasses" }] : /* istanbul ignore next */ []);
+	handleSort(columnKey) {
+		const column = this.columns().find((col) => col.key === columnKey);
+		if (!column || !column.sortable) return;
+		const current = this.currentSort();
+		let direction = "asc";
+		if (current && current.column === columnKey) direction = current.direction === "asc" ? "desc" : "asc";
+		this.currentSort.set({
+			column: columnKey,
+			direction
+		});
+		this.sort.emit({
+			column: columnKey,
+			direction
+		});
+	}
+	getSortState(columnKey) {
+		const current = this.currentSort();
+		if (current && current.column === columnKey) return current.direction;
+		return null;
+	}
+	getAriaSort(columnKey) {
+		const sortState = this.getSortState(columnKey);
+		if (sortState === "asc") return "ascending";
+		if (sortState === "desc") return "descending";
+		return null;
+	}
+	getHeaderClasses(column) {
+		const classes = [];
+		if (column.sortable) classes.push("sortable");
+		const sortState = this.getSortState(column.key);
+		if (sortState) classes.push(`sorted-${sortState}`);
+		return classes.join(" ");
+	}
+	getCellValue(row, columnKey) {
+		return row[columnKey];
+	}
+	getFormattedCellValue(row, column, rowIndex) {
+		const value = this.getCellValue(row, column.key);
+		if (!column.formatter) return value;
+		return column.formatter(value, row, column, rowIndex);
+	}
+	getCellClasses(row, column, rowIndex) {
+		const classes = [];
+		if (column.cssClass) classes.push(column.cssClass);
+		if (typeof column.cellClass === "string") classes.push(column.cellClass);
+		else if (typeof column.cellClass === "function") {
+			const resolved = column.cellClass(this.getCellValue(row, column.key), row, column, rowIndex);
+			if (resolved) classes.push(resolved);
+		}
+		return classes.join(" ").trim();
+	}
+	getCellStyles(row, column, rowIndex) {
+		if (!column.cellStyle) return null;
+		if (typeof column.cellStyle === "function") return column.cellStyle(this.getCellValue(row, column.key), row, column, rowIndex);
+		return column.cellStyle;
+	}
+	isTreeColumn(columnKey) {
+		return this.treeMode() && columnKey === this.effectiveTreeColumn();
+	}
+	indentLevels(depth) {
+		return Array.from({ length: depth }, (_, i) => i);
+	}
+	treeCellLabel(row) {
+		const col = this.effectiveTreeColumn();
+		return col ? String(row[col] ?? "") : "";
+	}
+	getCellTemplate(columnKey) {
+		return this.cellTemplates?.find((template) => template.columnKey() === columnKey);
+	}
+	hasCustomTemplate(columnKey) {
+		return !!this.getCellTemplate(columnKey);
+	}
+	onRowClick(row) {
+		this.rowClick.emit(row);
+	}
+	hasActions = computed(() => this.actions().length > 0, ...ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []);
+	isActionHidden(action, row, rowIndex) {
+		return action.hidden ? action.hidden(row, rowIndex) : false;
+	}
+	isActionDisabled(action, row, rowIndex) {
+		return action.disabled ? action.disabled(row, rowIndex) : false;
+	}
+	onActionClick(action, row, rowIndex) {
+		this.actionClick.emit({
+			action: action.key,
+			row,
+			rowIndex
+		});
+	}
+	rowEls = viewChildren("dataRow", ...ngDevMode ? [{ debugName: "rowEls" }] : /* istanbul ignore next */ []);
+	focusedRowKey = signal(null, ...ngDevMode ? [{ debugName: "focusedRowKey" }] : /* istanbul ignore next */ []);
+	effectiveFocusedKey = computed(() => {
+		const rows = this.displayRows();
+		const key = this.focusedRowKey();
+		return rows.some((r) => r.key === key) ? key : rows[0]?.key;
+	}, ...ngDevMode ? [{ debugName: "effectiveFocusedKey" }] : /* istanbul ignore next */ []);
+	rowTabindex(dr) {
+		if (!this.treeMode()) return null;
+		return dr.key === this.effectiveFocusedKey() ? 0 : -1;
+	}
+	onRowFocus(dr) {
+		if (this.treeMode()) this.focusedRowKey.set(dr.key);
+	}
+	onRowKeydown(event, dr) {
+		if (!this.treeMode()) return;
+		if (event.target.tagName === "INPUT") return;
+		const rows = this.displayRows();
+		const index = rows.findIndex((r) => r.key === dr.key);
+		if (index < 0) return;
+		switch (event.key) {
+			case "ArrowDown":
+				this.focusRow(index + 1);
+				break;
+			case "ArrowUp":
+				this.focusRow(index - 1);
+				break;
+			case "Home":
+				this.focusRow(0);
+				break;
+			case "End":
+				this.focusRow(rows.length - 1);
+				break;
+			case "ArrowRight":
+				if (!dr.hasChildren) return;
+				if (dr.expanded) this.focusRow(index + 1);
+				else if (dr.id) this.toggleRow(dr.id, dr.row);
+				break;
+			case "ArrowLeft":
+				if (dr.hasChildren && dr.expanded && dr.id) this.toggleRow(dr.id, dr.row);
+				else if (dr.depth > 0) {
+					for (let i = index - 1; i >= 0; i--) if (rows[i].depth < dr.depth) {
+						this.focusRow(i);
+						break;
+					}
+				} else return;
+				break;
+			case "Enter":
+				this.rowClick.emit(dr.row);
+				break;
+			case " ":
+				if (!this.selectable()) return;
+				this.toggleRowSelect(dr.row);
+				break;
+			default: return;
+		}
+		event.preventDefault();
+	}
+	focusRow(index) {
+		const rows = this.displayRows();
+		if (index < 0 || index >= rows.length) return;
+		this.focusedRowKey.set(rows[index].key);
+		this.rowEls()[index]?.nativeElement.focus();
+	}
+	isExpanded(id) {
+		const controlled = this.expandedIds();
+		if (controlled !== void 0) return controlled.includes(id);
+		const override = this.expandOverrides().get(id);
+		if (override !== void 0) return override;
+		return this.defaultExpanded();
+	}
+	onChevronClick(displayRow, event) {
+		event.stopPropagation();
+		if (displayRow.id) this.toggleRow(displayRow.id, displayRow.row);
+	}
+	toggleRow(id, row) {
+		const expanded = !this.isExpanded(id);
+		this.expandOverrides.update((map) => {
+			const next = new Map(map);
+			next.set(id, expanded);
+			return next;
+		});
+		this.rowToggle.emit({
+			id,
+			expanded,
+			row
+		});
+		this.expandedIdsChange.emit(this.nextExpandedIds(id, expanded));
+	}
+	nextExpandedIds(changedId, changedExpanded) {
+		const controlled = this.expandedIds();
+		const overrides = this.expandOverrides();
+		return Array.from(this.treeBuild().childrenOf.keys()).filter((pid) => {
+			if (pid === changedId) return changedExpanded;
+			if (controlled !== void 0) return controlled.includes(pid);
+			const override = overrides.get(pid);
+			return override !== void 0 ? override : this.defaultExpanded();
+		});
+	}
+	goToPage(page) {
+		if (page >= 0 && page < this.totalPages()) this.currentPage.set(page);
+	}
+	onPageSizeChange(event) {
+		const newSize = Number(event.target.value);
+		this.internalPageSize.set(newSize);
+		this.currentPage.set(0);
+	}
+	onPageSizeModelChange(value) {
+		if (value == null) return;
+		const parsed = typeof value === "number" ? value : Number(value);
+		if (!Number.isFinite(parsed)) return;
+		this.internalPageSize.set(parsed);
+		this.currentPage.set(0);
+	}
+	get paginationStart() {
+		if (this.totalRows() === 0) return 0;
+		return this.currentPage() * this.internalPageSize() + 1;
+	}
+	get paginationEnd() {
+		return Math.min((this.currentPage() + 1) * this.internalPageSize(), this.totalRows());
+	}
+	toggleSelectAll() {
+		const selected = new Set(this.selectedRows());
+		const rows = this.displayRows();
+		const allSelected = this.allSelected();
+		rows.forEach((r) => {
+			if (allSelected) selected.delete(r.key);
+			else selected.add(r.key);
+		});
+		this.selectedRows.set(selected);
+		this.emitSelectionChange();
+	}
+	toggleRowSelect(row) {
+		const key = this.rowKey(row);
+		const selected = new Set(this.selectedRows());
+		if (selected.has(key)) selected.delete(key);
+		else selected.add(key);
+		this.selectedRows.set(selected);
+		this.emitSelectionChange();
+	}
+	isRowSelected(row) {
+		return this.selectedRows().has(this.rowKey(row));
+	}
+	emitSelectionChange() {
+		const keys = this.selectedRows();
+		const selected = this.data().filter((row) => keys.has(this.rowKey(row)));
+		this.selectionChange.emit({
+			selected,
+			allSelected: this.allSelected()
+		});
+	}
+	onFilterChange(columnKey, value) {
+		const filters = {
+			...this.columnFilters(),
+			[columnKey]: value
+		};
+		this.columnFilters.set(filters);
+		this.currentPage.set(0);
+	}
+	getFilterValue(columnKey) {
+		return this.columnFilters()[columnKey] || "";
+	}
+	startEdit(row, column, currentValue) {
+		if (!this.editable()) return;
+		const col = this.columns().find((c) => c.key === column);
+		if (col && col.editable === false) return;
+		this.editingCell.set({
+			key: this.rowKey(row),
+			column
+		});
+		this.editValue.set(String(currentValue ?? ""));
+	}
+	isEditing(row, column) {
+		const cell = this.editingCell();
+		return cell !== null && cell.key === this.rowKey(row) && cell.column === column;
+	}
+	commitEdit(row, column) {
+		if (!this.isEditing(row, column)) return;
+		const oldValue = row[column];
+		const newValue = this.editValue();
+		this.editingCell.set(null);
+		this.editValue.set("");
+		if (String(oldValue ?? "") !== newValue) {
+			const rowIndex = this.dataIndexMap().get(row) ?? -1;
+			this.cellEdit.emit({
+				row,
+				column,
+				oldValue,
+				newValue,
+				rowIndex
+			});
+		}
+	}
+	cancelEdit() {
+		this.editingCell.set(null);
+		this.editValue.set("");
+	}
+	onEditKeydown(event, row, column) {
+		if (event.key === "Enter") this.commitEdit(row, column);
+		else if (event.key === "Escape") this.cancelEdit();
+	}
+	onHeaderKeydown(event, columnKey) {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			this.handleSort(columnKey);
+		}
+	}
+	getInputValue(event) {
+		return event.target.value;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TableComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: TableComponent,
+		isStandalone: true,
+		selector: "lc-table",
+		inputs: {
+			columns: {
+				classPropertyName: "columns",
+				publicName: "columns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hoverable: {
+				classPropertyName: "hoverable",
+				publicName: "hoverable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			responsive: {
+				classPropertyName: "responsive",
+				publicName: "responsive",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyText: {
+				classPropertyName: "emptyText",
+				publicName: "emptyText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterPlaceholderLabel: {
+				classPropertyName: "filterPlaceholderLabel",
+				publicName: "filterPlaceholderLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectAllAriaLabel: {
+				classPropertyName: "selectAllAriaLabel",
+				publicName: "selectAllAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectRowAriaLabel: {
+				classPropertyName: "selectRowAriaLabel",
+				publicName: "selectRowAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sortedAscendingLabel: {
+				classPropertyName: "sortedAscendingLabel",
+				publicName: "sortedAscendingLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sortedDescendingLabel: {
+				classPropertyName: "sortedDescendingLabel",
+				publicName: "sortedDescendingLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandRowAriaLabel: {
+				classPropertyName: "expandRowAriaLabel",
+				publicName: "expandRowAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseRowAriaLabel: {
+				classPropertyName: "collapseRowAriaLabel",
+				publicName: "collapseRowAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rangeOfLabel: {
+				classPropertyName: "rangeOfLabel",
+				publicName: "rangeOfLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rowsPerPageAriaLabel: {
+				classPropertyName: "rowsPerPageAriaLabel",
+				publicName: "rowsPerPageAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousPageAriaLabel: {
+				classPropertyName: "previousPageAriaLabel",
+				publicName: "previousPageAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextPageAriaLabel: {
+				classPropertyName: "nextPageAriaLabel",
+				publicName: "nextPageAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			paginate: {
+				classPropertyName: "paginate",
+				publicName: "paginate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSize: {
+				classPropertyName: "pageSize",
+				publicName: "pageSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSizeOptions: {
+				classPropertyName: "pageSizeOptions",
+				publicName: "pageSizeOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectable: {
+				classPropertyName: "selectable",
+				publicName: "selectable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterable: {
+				classPropertyName: "filterable",
+				publicName: "filterable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			editable: {
+				classPropertyName: "editable",
+				publicName: "editable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actions: {
+				classPropertyName: "actions",
+				publicName: "actions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionsLabel: {
+				classPropertyName: "actionsLabel",
+				publicName: "actionsLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionsWidth: {
+				classPropertyName: "actionsWidth",
+				publicName: "actionsWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionsAlign: {
+				classPropertyName: "actionsAlign",
+				publicName: "actionsAlign",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			idKey: {
+				classPropertyName: "idKey",
+				publicName: "idKey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parentKey: {
+				classPropertyName: "parentKey",
+				publicName: "parentKey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			treeColumn: {
+				classPropertyName: "treeColumn",
+				publicName: "treeColumn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			defaultExpanded: {
+				classPropertyName: "defaultExpanded",
+				publicName: "defaultExpanded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandedIds: {
+				classPropertyName: "expandedIds",
+				publicName: "expandedIds",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			indentSize: {
+				classPropertyName: "indentSize",
+				publicName: "indentSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterAriaLabel: {
+				classPropertyName: "filterAriaLabel",
+				publicName: "filterAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			sort: "sort",
+			rowClick: "rowClick",
+			cellEdit: "cellEdit",
+			selectionChange: "selectionChange",
+			actionClick: "actionClick",
+			rowToggle: "rowToggle",
+			expandedIdsChange: "expandedIdsChange"
+		},
+		queries: [{
+			propertyName: "cellTemplates",
+			predicate: TableCellDirective
+		}],
+		viewQueries: [{
+			propertyName: "editInput",
+			first: true,
+			predicate: ["editInput"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "rowEls",
+			predicate: ["dataRow"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div [class]=\"wrapperClasses()\">\n  <table [class]=\"tableClasses()\" [attr.role]=\"treeMode() ? 'treegrid' : 'table'\">\n    <thead>\n      <!-- Filter row -->\n      @if (filterable()) {\n        <tr class=\"lc-table__filter-row\">\n          @if (selectable()) {\n            <th class=\"lc-table__select-cell\"></th>\n          }\n          @for (column of columns(); track column.key) {\n            <th>\n              @if (column.filterable !== false) {\n                <lc-input\n                  class=\"lc-table__filter-input\"\n                  size=\"xs\"\n                  [placeholder]=\"filterPlaceholderLabel() + ' ' + column.label\"\n                  [ariaLabel]=\"filterAriaLabel() + ' ' + column.label\"\n                  [ngModel]=\"getFilterValue(column.key)\"\n                  (ngModelChange)=\"onFilterChange(column.key, $event)\"\n                />\n              }\n            </th>\n          }\n          @if (hasActions()) {\n            <th class=\"lc-table__actions-cell\"></th>\n          }\n        </tr>\n      }\n      <!-- Header row -->\n      <tr>\n        @if (selectable()) {\n          <th class=\"lc-table__select-cell\" scope=\"col\">\n            <input\n              type=\"checkbox\"\n              class=\"lc-table__checkbox\"\n              [checked]=\"allSelected()\"\n              [indeterminate]=\"someSelected()\"\n              (change)=\"toggleSelectAll()\"\n              [attr.aria-label]=\"selectAllAriaLabel()\"\n            />\n          </th>\n        }\n        @for (column of columns(); track column.key) {\n          <!-- A sortable header is a keyboard stop too: Enter/Space sort like a click. -->\n          <th\n            scope=\"col\"\n            [class]=\"getHeaderClasses(column) + (column.cssClass ? ' ' + column.cssClass : '')\"\n            [attr.aria-sort]=\"getAriaSort(column.key)\"\n            [attr.tabindex]=\"column.sortable ? 0 : null\"\n            [style.width]=\"column.width\"\n            [title]=\"column.tooltip || ''\"\n            (click)=\"handleSort(column.key)\"\n            (keydown)=\"column.sortable ? onHeaderKeydown($event, column.key) : null\">\n            {{ column.label }}\n            @if (column.sortable && getSortState(column.key)) {\n              <span class=\"sort-indicator\" [attr.aria-label]=\"getSortState(column.key) === 'asc' ? sortedAscendingLabel() : sortedDescendingLabel()\">\n                @if (getSortState(column.key) === 'asc') {\n                  ↑\n                } @else {\n                  ↓\n                }\n              </span>\n            }\n          </th>\n        }\n        @if (hasActions()) {\n          <th\n            scope=\"col\"\n            class=\"lc-table__actions-cell\"\n            [class]=\"'lc-table__actions-cell--' + actionsAlign()\"\n            [style.width]=\"actionsWidth()\"\n          >\n            {{ actionsLabel() }}\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (displayRows().length === 0) {\n        <tr>\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0) + (hasActions() ? 1 : 0)\" class=\"lc-table__empty\">\n            {{ emptyText() }}\n          </td>\n        </tr>\n      } @else {\n        @for (dr of displayRows(); track dr.key) {\n          <!-- In tree mode the rows form the treegrid's keyboard model: a roving\n               tab stop plus Arrow/Home/End/Enter/Space handling (see the\n               component). Flat mode keeps plain table rows. -->\n          <tr\n            #dataRow\n            [class.lc-table__row--selected]=\"selectable() && isRowSelected(dr.row)\"\n            [class.lc-table__row--group]=\"dr.hasChildren\"\n            [attr.role]=\"treeMode() ? 'row' : null\"\n            [attr.tabindex]=\"rowTabindex(dr)\"\n            [attr.aria-level]=\"treeMode() ? dr.level : null\"\n            [attr.aria-expanded]=\"treeMode() && dr.hasChildren ? dr.expanded : null\"\n            [attr.aria-posinset]=\"treeMode() ? dr.posInSet : null\"\n            [attr.aria-setsize]=\"treeMode() ? dr.setSize : null\"\n            [attr.aria-selected]=\"treeMode() && selectable() ? isRowSelected(dr.row) : null\"\n            (click)=\"onRowClick(dr.row)\"\n            (focus)=\"onRowFocus(dr)\"\n            (keydown)=\"onRowKeydown($event, dr)\"\n          >\n            @if (selectable()) {\n              <td class=\"lc-table__select-cell\" [attr.role]=\"treeMode() ? 'gridcell' : null\">\n                <input\n                  type=\"checkbox\"\n                  class=\"lc-table__checkbox\"\n                  [checked]=\"isRowSelected(dr.row)\"\n                  (change)=\"toggleRowSelect(dr.row)\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"selectRowAriaLabel() + ' ' + (dr.absIndex + 1)\"\n                />\n              </td>\n            }\n            @for (column of columns(); track column.key) {\n              <td\n                [class]=\"getCellClasses(dr.row, column, dr.absIndex)\"\n                [ngStyle]=\"getCellStyles(dr.row, column, dr.absIndex)\"\n                [attr.role]=\"treeMode() ? 'gridcell' : null\"\n                (dblclick)=\"editable() ? startEdit(dr.row, column.key, getCellValue(dr.row, column.key)) : null\"\n              >\n                @if (isTreeColumn(column.key)) {\n                  <span class=\"lc-table__tree-cell\">\n                    @for (lvl of indentLevels(dr.depth); track lvl) {\n                      <span class=\"lc-table__tree-indent\" [style.width.px]=\"indentSize()\"></span>\n                    }\n                    <span class=\"lc-table__tree-chevron\" [style.width.px]=\"indentSize()\">\n                      @if (dr.hasChildren) {\n                        <button\n                          type=\"button\"\n                          class=\"lc-table__chevron-btn\"\n                          [class.lc-table__chevron-btn--expanded]=\"dr.expanded\"\n                          [attr.aria-label]=\"(dr.expanded ? collapseRowAriaLabel() : expandRowAriaLabel()) + ' ' + treeCellLabel(dr.row)\"\n                          [attr.aria-expanded]=\"dr.expanded\"\n                          (click)=\"onChevronClick(dr, $event)\"\n                        >\n                          <lc-icon name=\"chevron-right\" size=\"xs\" [decorative]=\"true\" />\n                        </button>\n                      }\n                    </span>\n                    <span class=\"lc-table__tree-content\">\n                      <ng-container\n                        *ngTemplateOutlet=\"cellContent; context: { row: dr.row, column: column, absIndex: dr.absIndex }\"\n                      ></ng-container>\n                    </span>\n                  </span>\n                } @else {\n                  <ng-container\n                    *ngTemplateOutlet=\"cellContent; context: { row: dr.row, column: column, absIndex: dr.absIndex }\"\n                  ></ng-container>\n                }\n              </td>\n            }\n            @if (hasActions()) {\n              <td\n                class=\"lc-table__actions-cell\"\n                [class]=\"'lc-table__actions-cell--' + actionsAlign()\"\n                [attr.role]=\"treeMode() ? 'gridcell' : null\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <div class=\"lc-table__actions\">\n                  @for (action of actions(); track action.key) {\n                    @if (!isActionHidden(action, dr.row, dr.absIndex)) {\n                      <lc-button\n                        [variant]=\"action.variant ?? 'ghost'\"\n                        size=\"xs\"\n                        [iconOnly]=\"!action.label\"\n                        [disabled]=\"isActionDisabled(action, dr.row, dr.absIndex)\"\n                        [ariaLabel]=\"action.tooltip ?? action.label ?? action.key\"\n                        (clicked)=\"onActionClick(action, dr.row, dr.absIndex)\"\n                      >\n                        @if (action.icon) {\n                          <lc-icon [name]=\"action.icon\" size=\"sm\" [decorative]=\"true\" />\n                        }\n                        @if (action.label) {\n                          {{ action.label }}\n                        }\n                      </lc-button>\n                    }\n                  }\n                </div>\n              </td>\n            }\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n<!-- Shared cell content (edit input / custom template / formatted value) -->\n<ng-template #cellContent let-row=\"row\" let-column=\"column\" let-absIndex=\"absIndex\">\n  @if (isEditing(row, column.key)) {\n    <input\n      #editInput\n      type=\"text\"\n      class=\"lc-table__edit-input\"\n      [value]=\"editValue()\"\n      (input)=\"editValue.set(getInputValue($event))\"\n      (blur)=\"commitEdit(row, column.key)\"\n      (keydown)=\"onEditKeydown($event, row, column.key)\"\n    />\n  } @else if (hasCustomTemplate(column.key)) {\n    <ng-container *ngTemplateOutlet=\"getCellTemplate(column.key)!.template; context: { $implicit: row }\"></ng-container>\n  } @else {\n    {{ getFormattedCellValue(row, column, absIndex) }}\n  }\n</ng-template>\n\n<!-- Pagination -->\n@if (paginate()) {\n  <div class=\"lc-table-pagination\">\n    <div class=\"lc-table-pagination__info\">\n      {{ paginationStart }}–{{ paginationEnd }} {{ rangeOfLabel() }} {{ totalRows() }}\n    </div>\n    <div class=\"lc-table-pagination__controls\">\n      <lc-select\n        class=\"lc-table-pagination__size\"\n        [size]=\"size() === 'sm' ? 'sm' : size() === 'lg' ? 'lg' : 'md'\"\n        [options]=\"pageSizeSelectOptions()\"\n        [ngModel]=\"internalPageSize()\"\n        [ariaLabel]=\"rowsPerPageAriaLabel()\"\n        (ngModelChange)=\"onPageSizeModelChange($event)\"\n      />\n      <button\n        type=\"button\"\n        class=\"lc-table-pagination__btn\"\n        [disabled]=\"currentPage() === 0\"\n        (click)=\"goToPage(currentPage() - 1)\"\n        [attr.aria-label]=\"previousPageAriaLabel()\"\n      >‹</button>\n      <span class=\"lc-table-pagination__page\">\n        {{ currentPage() + 1 }} / {{ totalPages() }}\n      </span>\n      <button\n        type=\"button\"\n        class=\"lc-table-pagination__btn\"\n        [disabled]=\"currentPage() >= totalPages() - 1\"\n        (click)=\"goToPage(currentPage() + 1)\"\n        [attr.aria-label]=\"nextPageAriaLabel()\"\n      >›</button>\n    </div>\n  </div>\n}\n",
+		styles: [".lc-table-wrapper{width:100%}.lc-table-wrapper--responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.lc-table-wrapper--responsive::-webkit-scrollbar{height:8px}.lc-table-wrapper--responsive::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-sm)}}.lc-table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--typography-font-family)}.lc-table thead{background-color:var(--color-surface-2);border-bottom:2px solid var(--color-border-strong)}.lc-table thead tr th{padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));text-align:left;font-weight:var(--typography-font-weight-semibold);font-size:var(--typography-font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.lc-table thead tr th.sortable{cursor:pointer;position:relative;padding-right:var(--spacing-8);transition:background-color .2s ease}.lc-table thead tr th.sortable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-table thead tr th.sortable:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table thead tr th.sortable .sort-indicator{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:var(--typography-font-size-xs);color:var(--color-primary)}.lc-table thead tr th.sorted-asc,.lc-table thead tr th.sorted-desc{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table tbody tr{border-bottom:1px solid var(--color-divider)}.lc-table tbody tr:last-child{border-bottom:none}.lc-table tbody tr td{padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));font-size:var(--typography-font-size-sm);color:var(--color-text-primary)}.lc-table__empty{text-align:center;padding:var(--spacing-8) var(--spacing-4)!important;color:var(--color-text-secondary);font-style:italic}.lc-table--striped tbody tr:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-table--striped tbody tr:nth-child(2n){background-color:var(--color-surface-2)}.lc-table--bordered{border:1px solid var(--color-border)}.lc-table--bordered thead tr th,.lc-table--bordered tbody tr td{border-right:1px solid var(--color-divider)}.lc-table--bordered thead tr th:last-child,.lc-table--bordered tbody tr td:last-child{border-right:none}.lc-table--bordered tbody tr{border-bottom:1px solid var(--color-border)}.lc-table--hoverable tbody tr{transition:background-color .15s ease;cursor:pointer}.lc-table--hoverable tbody tr:hover{background-color:var(--color-surface-hover)}.lc-table--sm thead tr th,.lc-table--sm tbody tr td{padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--typography-font-size-xs)}.lc-table--lg thead tr th,.lc-table--lg tbody tr td{padding:var(--lc-density-padding-md, var(--spacing-4)) var(--spacing-5);font-size:var(--typography-font-size-base)}.lc-table__filter-row th{padding:var(--spacing-2) var(--spacing-4)!important;background-color:var(--color-surface)!important;border-bottom:1px solid var(--color-divider)!important}.lc-table__filter-input{width:100%;display:block}.lc-table__filter-input .input-field{font-size:var(--typography-font-size-xs)}.lc-table__select-cell{width:40px;text-align:center!important;padding:var(--spacing-2)!important}.lc-table__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.lc-table__row--selected{background-color:var(--color-surface-selected)!important}.lc-table__actions-cell{white-space:nowrap}.lc-table th.lc-table__actions-cell--start,.lc-table td.lc-table__actions-cell--start{text-align:left}.lc-table th.lc-table__actions-cell--center,.lc-table td.lc-table__actions-cell--center{text-align:center}.lc-table th.lc-table__actions-cell--end,.lc-table td.lc-table__actions-cell--end{text-align:right}.lc-table__actions{display:flex;align-items:center;gap:var(--spacing-2);justify-content:flex-start}.lc-table__actions-cell--center .lc-table__actions{justify-content:center}.lc-table__actions-cell--end .lc-table__actions{justify-content:flex-end}.lc-table__tree-cell{display:flex;align-items:center;min-width:0}.lc-table__tree-indent{flex:0 0 auto;align-self:stretch;position:relative}.lc-table__tree-indent:before{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--color-border)}.lc-table__tree-chevron{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.lc-table__chevron-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:transform .2s ease,background-color .15s ease,color .15s ease}.lc-table__chevron-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table__chevron-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.lc-table__chevron-btn--expanded{transform:rotate(90deg)}.lc-table__tree-content{flex:1 1 auto;min-width:0}.lc-table__row--group .lc-table__tree-content{font-weight:var(--typography-font-weight-semibold)}.lc-table__edit-input{width:100%;padding:var(--spacing-1) var(--spacing-2);border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);font-size:inherit;background-color:var(--color-surface-2);color:var(--color-text-primary);outline:none}.lc-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-1);font-size:var(--typography-font-size-sm);color:var(--color-text-secondary)}.lc-table-pagination__info{white-space:nowrap}.lc-table-pagination__controls{display:flex;align-items:center;gap:var(--spacing-2)}.lc-table-pagination__size{display:block;min-width:110px}.lc-table-pagination__btn{appearance:none;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-base);cursor:pointer;transition:background-color .15s ease}.lc-table-pagination__btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.lc-table-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.lc-table-pagination__page{white-space:nowrap;min-width:60px;text-align:center}@media(max-width:640px){.lc-table-wrapper--stack .lc-table thead{display:none}.lc-table-wrapper--stack .lc-table tbody tr{display:block;margin-bottom:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.lc-table-wrapper--stack .lc-table tbody tr td{display:block;text-align:right;padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-divider)}.lc-table-wrapper--stack .lc-table tbody tr td:last-child{border-bottom:none}.lc-table-wrapper--stack .lc-table tbody tr td:before{content:attr(data-label);float:left;font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary)}}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "component",
+				type: SelectComponent,
+				selector: "lc-select",
+				inputs: [
+					"variant",
+					"size",
+					"disabled",
+					"error",
+					"required",
+					"loading",
+					"searchable",
+					"multiple",
+					"placeholder",
+					"helperText",
+					"errorMessage",
+					"ariaLabel",
+					"options",
+					"clearAriaLabel",
+					"searchPlaceholder",
+					"searchAriaLabel",
+					"noOptionsLabel"
+				],
+				outputs: [
+					"selectionChange",
+					"opened",
+					"closed"
+				]
+			},
+			{
+				kind: "component",
+				type: InputComponent,
+				selector: "lc-input",
+				inputs: [
+					"label",
+					"placeholder",
+					"type",
+					"size",
+					"disabled",
+					"readonly",
+					"readonlyWrap",
+					"required",
+					"requiredIndicator",
+					"error",
+					"helperText",
+					"iconBefore",
+					"iconAfter",
+					"maxLength",
+					"showCharCount",
+					"charCountRemainingLabel",
+					"charCountAnnounceThreshold",
+					"ariaLabel",
+					"autocomplete",
+					"name",
+					"autocapitalize",
+					"spellcheck",
+					"enterkeyhint",
+					"requiredAriaLabel",
+					"value"
+				],
+				outputs: [
+					"valueChange",
+					"focused",
+					"blurred",
+					"enterPressed"
+				]
+			},
+			{
+				kind: "component",
+				type: ButtonComponent,
+				selector: "lc-button",
+				inputs: [
+					"variant",
+					"size",
+					"disabled",
+					"loading",
+					"iconOnly",
+					"fullWidth",
+					"ariaLabel",
+					"type",
+					"title",
+					"disabledReason",
+					"inline"
+				],
+				outputs: [
+					"clicked",
+					"focused",
+					"blurred"
+				]
+			},
+			{
+				kind: "component",
+				type: IconComponent,
+				selector: "lc-icon",
+				inputs: [
+					"name",
+					"variant",
+					"size",
+					"color",
+					"ariaLabel",
+					"decorative",
+					"strict"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TableComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-table",
+			standalone: true,
+			imports: [
+				NgTemplateOutlet,
+				NgStyle,
+				FormsModule,
+				SelectComponent,
+				InputComponent,
+				ButtonComponent,
+				IconComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"wrapperClasses()\">\n  <table [class]=\"tableClasses()\" [attr.role]=\"treeMode() ? 'treegrid' : 'table'\">\n    <thead>\n      <!-- Filter row -->\n      @if (filterable()) {\n        <tr class=\"lc-table__filter-row\">\n          @if (selectable()) {\n            <th class=\"lc-table__select-cell\"></th>\n          }\n          @for (column of columns(); track column.key) {\n            <th>\n              @if (column.filterable !== false) {\n                <lc-input\n                  class=\"lc-table__filter-input\"\n                  size=\"xs\"\n                  [placeholder]=\"filterPlaceholderLabel() + ' ' + column.label\"\n                  [ariaLabel]=\"filterAriaLabel() + ' ' + column.label\"\n                  [ngModel]=\"getFilterValue(column.key)\"\n                  (ngModelChange)=\"onFilterChange(column.key, $event)\"\n                />\n              }\n            </th>\n          }\n          @if (hasActions()) {\n            <th class=\"lc-table__actions-cell\"></th>\n          }\n        </tr>\n      }\n      <!-- Header row -->\n      <tr>\n        @if (selectable()) {\n          <th class=\"lc-table__select-cell\" scope=\"col\">\n            <input\n              type=\"checkbox\"\n              class=\"lc-table__checkbox\"\n              [checked]=\"allSelected()\"\n              [indeterminate]=\"someSelected()\"\n              (change)=\"toggleSelectAll()\"\n              [attr.aria-label]=\"selectAllAriaLabel()\"\n            />\n          </th>\n        }\n        @for (column of columns(); track column.key) {\n          <!-- A sortable header is a keyboard stop too: Enter/Space sort like a click. -->\n          <th\n            scope=\"col\"\n            [class]=\"getHeaderClasses(column) + (column.cssClass ? ' ' + column.cssClass : '')\"\n            [attr.aria-sort]=\"getAriaSort(column.key)\"\n            [attr.tabindex]=\"column.sortable ? 0 : null\"\n            [style.width]=\"column.width\"\n            [title]=\"column.tooltip || ''\"\n            (click)=\"handleSort(column.key)\"\n            (keydown)=\"column.sortable ? onHeaderKeydown($event, column.key) : null\">\n            {{ column.label }}\n            @if (column.sortable && getSortState(column.key)) {\n              <span class=\"sort-indicator\" [attr.aria-label]=\"getSortState(column.key) === 'asc' ? sortedAscendingLabel() : sortedDescendingLabel()\">\n                @if (getSortState(column.key) === 'asc') {\n                  ↑\n                } @else {\n                  ↓\n                }\n              </span>\n            }\n          </th>\n        }\n        @if (hasActions()) {\n          <th\n            scope=\"col\"\n            class=\"lc-table__actions-cell\"\n            [class]=\"'lc-table__actions-cell--' + actionsAlign()\"\n            [style.width]=\"actionsWidth()\"\n          >\n            {{ actionsLabel() }}\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (displayRows().length === 0) {\n        <tr>\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0) + (hasActions() ? 1 : 0)\" class=\"lc-table__empty\">\n            {{ emptyText() }}\n          </td>\n        </tr>\n      } @else {\n        @for (dr of displayRows(); track dr.key) {\n          <!-- In tree mode the rows form the treegrid's keyboard model: a roving\n               tab stop plus Arrow/Home/End/Enter/Space handling (see the\n               component). Flat mode keeps plain table rows. -->\n          <tr\n            #dataRow\n            [class.lc-table__row--selected]=\"selectable() && isRowSelected(dr.row)\"\n            [class.lc-table__row--group]=\"dr.hasChildren\"\n            [attr.role]=\"treeMode() ? 'row' : null\"\n            [attr.tabindex]=\"rowTabindex(dr)\"\n            [attr.aria-level]=\"treeMode() ? dr.level : null\"\n            [attr.aria-expanded]=\"treeMode() && dr.hasChildren ? dr.expanded : null\"\n            [attr.aria-posinset]=\"treeMode() ? dr.posInSet : null\"\n            [attr.aria-setsize]=\"treeMode() ? dr.setSize : null\"\n            [attr.aria-selected]=\"treeMode() && selectable() ? isRowSelected(dr.row) : null\"\n            (click)=\"onRowClick(dr.row)\"\n            (focus)=\"onRowFocus(dr)\"\n            (keydown)=\"onRowKeydown($event, dr)\"\n          >\n            @if (selectable()) {\n              <td class=\"lc-table__select-cell\" [attr.role]=\"treeMode() ? 'gridcell' : null\">\n                <input\n                  type=\"checkbox\"\n                  class=\"lc-table__checkbox\"\n                  [checked]=\"isRowSelected(dr.row)\"\n                  (change)=\"toggleRowSelect(dr.row)\"\n                  (click)=\"$event.stopPropagation()\"\n                  [attr.aria-label]=\"selectRowAriaLabel() + ' ' + (dr.absIndex + 1)\"\n                />\n              </td>\n            }\n            @for (column of columns(); track column.key) {\n              <td\n                [class]=\"getCellClasses(dr.row, column, dr.absIndex)\"\n                [ngStyle]=\"getCellStyles(dr.row, column, dr.absIndex)\"\n                [attr.role]=\"treeMode() ? 'gridcell' : null\"\n                (dblclick)=\"editable() ? startEdit(dr.row, column.key, getCellValue(dr.row, column.key)) : null\"\n              >\n                @if (isTreeColumn(column.key)) {\n                  <span class=\"lc-table__tree-cell\">\n                    @for (lvl of indentLevels(dr.depth); track lvl) {\n                      <span class=\"lc-table__tree-indent\" [style.width.px]=\"indentSize()\"></span>\n                    }\n                    <span class=\"lc-table__tree-chevron\" [style.width.px]=\"indentSize()\">\n                      @if (dr.hasChildren) {\n                        <button\n                          type=\"button\"\n                          class=\"lc-table__chevron-btn\"\n                          [class.lc-table__chevron-btn--expanded]=\"dr.expanded\"\n                          [attr.aria-label]=\"(dr.expanded ? collapseRowAriaLabel() : expandRowAriaLabel()) + ' ' + treeCellLabel(dr.row)\"\n                          [attr.aria-expanded]=\"dr.expanded\"\n                          (click)=\"onChevronClick(dr, $event)\"\n                        >\n                          <lc-icon name=\"chevron-right\" size=\"xs\" [decorative]=\"true\" />\n                        </button>\n                      }\n                    </span>\n                    <span class=\"lc-table__tree-content\">\n                      <ng-container\n                        *ngTemplateOutlet=\"cellContent; context: { row: dr.row, column: column, absIndex: dr.absIndex }\"\n                      ></ng-container>\n                    </span>\n                  </span>\n                } @else {\n                  <ng-container\n                    *ngTemplateOutlet=\"cellContent; context: { row: dr.row, column: column, absIndex: dr.absIndex }\"\n                  ></ng-container>\n                }\n              </td>\n            }\n            @if (hasActions()) {\n              <td\n                class=\"lc-table__actions-cell\"\n                [class]=\"'lc-table__actions-cell--' + actionsAlign()\"\n                [attr.role]=\"treeMode() ? 'gridcell' : null\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <div class=\"lc-table__actions\">\n                  @for (action of actions(); track action.key) {\n                    @if (!isActionHidden(action, dr.row, dr.absIndex)) {\n                      <lc-button\n                        [variant]=\"action.variant ?? 'ghost'\"\n                        size=\"xs\"\n                        [iconOnly]=\"!action.label\"\n                        [disabled]=\"isActionDisabled(action, dr.row, dr.absIndex)\"\n                        [ariaLabel]=\"action.tooltip ?? action.label ?? action.key\"\n                        (clicked)=\"onActionClick(action, dr.row, dr.absIndex)\"\n                      >\n                        @if (action.icon) {\n                          <lc-icon [name]=\"action.icon\" size=\"sm\" [decorative]=\"true\" />\n                        }\n                        @if (action.label) {\n                          {{ action.label }}\n                        }\n                      </lc-button>\n                    }\n                  }\n                </div>\n              </td>\n            }\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n<!-- Shared cell content (edit input / custom template / formatted value) -->\n<ng-template #cellContent let-row=\"row\" let-column=\"column\" let-absIndex=\"absIndex\">\n  @if (isEditing(row, column.key)) {\n    <input\n      #editInput\n      type=\"text\"\n      class=\"lc-table__edit-input\"\n      [value]=\"editValue()\"\n      (input)=\"editValue.set(getInputValue($event))\"\n      (blur)=\"commitEdit(row, column.key)\"\n      (keydown)=\"onEditKeydown($event, row, column.key)\"\n    />\n  } @else if (hasCustomTemplate(column.key)) {\n    <ng-container *ngTemplateOutlet=\"getCellTemplate(column.key)!.template; context: { $implicit: row }\"></ng-container>\n  } @else {\n    {{ getFormattedCellValue(row, column, absIndex) }}\n  }\n</ng-template>\n\n<!-- Pagination -->\n@if (paginate()) {\n  <div class=\"lc-table-pagination\">\n    <div class=\"lc-table-pagination__info\">\n      {{ paginationStart }}–{{ paginationEnd }} {{ rangeOfLabel() }} {{ totalRows() }}\n    </div>\n    <div class=\"lc-table-pagination__controls\">\n      <lc-select\n        class=\"lc-table-pagination__size\"\n        [size]=\"size() === 'sm' ? 'sm' : size() === 'lg' ? 'lg' : 'md'\"\n        [options]=\"pageSizeSelectOptions()\"\n        [ngModel]=\"internalPageSize()\"\n        [ariaLabel]=\"rowsPerPageAriaLabel()\"\n        (ngModelChange)=\"onPageSizeModelChange($event)\"\n      />\n      <button\n        type=\"button\"\n        class=\"lc-table-pagination__btn\"\n        [disabled]=\"currentPage() === 0\"\n        (click)=\"goToPage(currentPage() - 1)\"\n        [attr.aria-label]=\"previousPageAriaLabel()\"\n      >‹</button>\n      <span class=\"lc-table-pagination__page\">\n        {{ currentPage() + 1 }} / {{ totalPages() }}\n      </span>\n      <button\n        type=\"button\"\n        class=\"lc-table-pagination__btn\"\n        [disabled]=\"currentPage() >= totalPages() - 1\"\n        (click)=\"goToPage(currentPage() + 1)\"\n        [attr.aria-label]=\"nextPageAriaLabel()\"\n      >›</button>\n    </div>\n  </div>\n}\n",
+			styles: [".lc-table-wrapper{width:100%}.lc-table-wrapper--responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.lc-table-wrapper--responsive::-webkit-scrollbar{height:8px}.lc-table-wrapper--responsive::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-sm)}}.lc-table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--color-surface);color:var(--color-text-primary);font-family:var(--typography-font-family)}.lc-table thead{background-color:var(--color-surface-2);border-bottom:2px solid var(--color-border-strong)}.lc-table thead tr th{padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));text-align:left;font-weight:var(--typography-font-weight-semibold);font-size:var(--typography-font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.lc-table thead tr th.sortable{cursor:pointer;position:relative;padding-right:var(--spacing-8);transition:background-color .2s ease}.lc-table thead tr th.sortable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-table thead tr th.sortable:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table thead tr th.sortable .sort-indicator{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:var(--typography-font-size-xs);color:var(--color-primary)}.lc-table thead tr th.sorted-asc,.lc-table thead tr th.sorted-desc{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table tbody tr{border-bottom:1px solid var(--color-divider)}.lc-table tbody tr:last-child{border-bottom:none}.lc-table tbody tr td{padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));font-size:var(--typography-font-size-sm);color:var(--color-text-primary)}.lc-table__empty{text-align:center;padding:var(--spacing-8) var(--spacing-4)!important;color:var(--color-text-secondary);font-style:italic}.lc-table--striped tbody tr:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-table--striped tbody tr:nth-child(2n){background-color:var(--color-surface-2)}.lc-table--bordered{border:1px solid var(--color-border)}.lc-table--bordered thead tr th,.lc-table--bordered tbody tr td{border-right:1px solid var(--color-divider)}.lc-table--bordered thead tr th:last-child,.lc-table--bordered tbody tr td:last-child{border-right:none}.lc-table--bordered tbody tr{border-bottom:1px solid var(--color-border)}.lc-table--hoverable tbody tr{transition:background-color .15s ease;cursor:pointer}.lc-table--hoverable tbody tr:hover{background-color:var(--color-surface-hover)}.lc-table--sm thead tr th,.lc-table--sm tbody tr td{padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--typography-font-size-xs)}.lc-table--lg thead tr th,.lc-table--lg tbody tr td{padding:var(--lc-density-padding-md, var(--spacing-4)) var(--spacing-5);font-size:var(--typography-font-size-base)}.lc-table__filter-row th{padding:var(--spacing-2) var(--spacing-4)!important;background-color:var(--color-surface)!important;border-bottom:1px solid var(--color-divider)!important}.lc-table__filter-input{width:100%;display:block}.lc-table__filter-input .input-field{font-size:var(--typography-font-size-xs)}.lc-table__select-cell{width:40px;text-align:center!important;padding:var(--spacing-2)!important}.lc-table__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.lc-table__row--selected{background-color:var(--color-surface-selected)!important}.lc-table__actions-cell{white-space:nowrap}.lc-table th.lc-table__actions-cell--start,.lc-table td.lc-table__actions-cell--start{text-align:left}.lc-table th.lc-table__actions-cell--center,.lc-table td.lc-table__actions-cell--center{text-align:center}.lc-table th.lc-table__actions-cell--end,.lc-table td.lc-table__actions-cell--end{text-align:right}.lc-table__actions{display:flex;align-items:center;gap:var(--spacing-2);justify-content:flex-start}.lc-table__actions-cell--center .lc-table__actions{justify-content:center}.lc-table__actions-cell--end .lc-table__actions{justify-content:flex-end}.lc-table__tree-cell{display:flex;align-items:center;min-width:0}.lc-table__tree-indent{flex:0 0 auto;align-self:stretch;position:relative}.lc-table__tree-indent:before{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--color-border)}.lc-table__tree-chevron{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.lc-table__chevron-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:transform .2s ease,background-color .15s ease,color .15s ease}.lc-table__chevron-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-table__chevron-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.lc-table__chevron-btn--expanded{transform:rotate(90deg)}.lc-table__tree-content{flex:1 1 auto;min-width:0}.lc-table__row--group .lc-table__tree-content{font-weight:var(--typography-font-weight-semibold)}.lc-table__edit-input{width:100%;padding:var(--spacing-1) var(--spacing-2);border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);font-size:inherit;background-color:var(--color-surface-2);color:var(--color-text-primary);outline:none}.lc-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-1);font-size:var(--typography-font-size-sm);color:var(--color-text-secondary)}.lc-table-pagination__info{white-space:nowrap}.lc-table-pagination__controls{display:flex;align-items:center;gap:var(--spacing-2)}.lc-table-pagination__size{display:block;min-width:110px}.lc-table-pagination__btn{appearance:none;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-base);cursor:pointer;transition:background-color .15s ease}.lc-table-pagination__btn:hover:not(:disabled){background-color:var(--color-surface-hover)}.lc-table-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.lc-table-pagination__page{white-space:nowrap;min-width:60px;text-align:center}@media(max-width:640px){.lc-table-wrapper--stack .lc-table thead{display:none}.lc-table-wrapper--stack .lc-table tbody tr{display:block;margin-bottom:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.lc-table-wrapper--stack .lc-table tbody tr td{display:block;text-align:right;padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-divider)}.lc-table-wrapper--stack .lc-table tbody tr td:last-child{border-bottom:none}.lc-table-wrapper--stack .lc-table tbody tr td:before{content:attr(data-label);float:left;font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		cellTemplates: [{
+			type: ContentChildren,
+			args: [TableCellDirective]
+		}],
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: false
+			}]
+		}],
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		hoverable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hoverable",
+				required: false
+			}]
+		}],
+		responsive: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "responsive",
+				required: false
+			}]
+		}],
+		emptyText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyText",
+				required: false
+			}]
+		}],
+		filterPlaceholderLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterPlaceholderLabel",
+				required: false
+			}]
+		}],
+		selectAllAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectAllAriaLabel",
+				required: false
+			}]
+		}],
+		selectRowAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectRowAriaLabel",
+				required: false
+			}]
+		}],
+		sortedAscendingLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sortedAscendingLabel",
+				required: false
+			}]
+		}],
+		sortedDescendingLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sortedDescendingLabel",
+				required: false
+			}]
+		}],
+		expandRowAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandRowAriaLabel",
+				required: false
+			}]
+		}],
+		collapseRowAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseRowAriaLabel",
+				required: false
+			}]
+		}],
+		rangeOfLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rangeOfLabel",
+				required: false
+			}]
+		}],
+		rowsPerPageAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rowsPerPageAriaLabel",
+				required: false
+			}]
+		}],
+		previousPageAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousPageAriaLabel",
+				required: false
+			}]
+		}],
+		nextPageAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextPageAriaLabel",
+				required: false
+			}]
+		}],
+		paginate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "paginate",
+				required: false
+			}]
+		}],
+		pageSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSize",
+				required: false
+			}]
+		}],
+		pageSizeOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSizeOptions",
+				required: false
+			}]
+		}],
+		selectable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectable",
+				required: false
+			}]
+		}],
+		filterable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterable",
+				required: false
+			}]
+		}],
+		editable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "editable",
+				required: false
+			}]
+		}],
+		actions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actions",
+				required: false
+			}]
+		}],
+		actionsLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionsLabel",
+				required: false
+			}]
+		}],
+		actionsWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionsWidth",
+				required: false
+			}]
+		}],
+		actionsAlign: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionsAlign",
+				required: false
+			}]
+		}],
+		idKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "idKey",
+				required: false
+			}]
+		}],
+		parentKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentKey",
+				required: false
+			}]
+		}],
+		treeColumn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "treeColumn",
+				required: false
+			}]
+		}],
+		defaultExpanded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultExpanded",
+				required: false
+			}]
+		}],
+		expandedIds: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandedIds",
+				required: false
+			}]
+		}],
+		indentSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "indentSize",
+				required: false
+			}]
+		}],
+		filterAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterAriaLabel",
+				required: false
+			}]
+		}],
+		sort: [{
+			type: i0.Output,
+			args: ["sort"]
+		}],
+		rowClick: [{
+			type: i0.Output,
+			args: ["rowClick"]
+		}],
+		cellEdit: [{
+			type: i0.Output,
+			args: ["cellEdit"]
+		}],
+		selectionChange: [{
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		actionClick: [{
+			type: i0.Output,
+			args: ["actionClick"]
+		}],
+		rowToggle: [{
+			type: i0.Output,
+			args: ["rowToggle"]
+		}],
+		expandedIdsChange: [{
+			type: i0.Output,
+			args: ["expandedIdsChange"]
+		}],
+		editInput: [{
+			type: i0.ViewChild,
+			args: ["editInput", { isSignal: true }]
+		}],
+		rowEls: [{
+			type: i0.ViewChildren,
+			args: ["dataRow", { isSignal: true }]
+		}]
+	}
+});
+export { TableCellDirective, TableComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-table.mjs.map