@lilydesignsystem/angular-data-grid 0.10.0 → 0.11.0

package/fesm2022/lilydesignsystem-angular-data-grid.mjs

@@ -954,6 +954,11 @@ var DataGrid = class DataGrid {
 	isMovable(column) {
 		return column.movable ?? this.movableColumns();
 	}
+	footerAggregate(columnId, kind) {
+		const column = this.resolvedColumns().find((c) => c.id === columnId);
+		if (!column) return void 0;
+		return aggregateValues(kind, this.sortedEntries().map((e) => defaultAccessor(column, e.row)));
+	}
 	constructor() {
 		this.label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
 		this.caption = input(void 0, ...ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []);
@@ -1155,7 +1160,9 @@ var DataGrid = class DataGrid {
 		this.someSelected = computed(() => !this.allSelected() && this.sortedEntries().some((e) => this.selectedSet().has(e.id)), ...ngDevMode ? [{ debugName: "someSelected" }] : /* istanbul ignore next */ []);
 		this.footerContext = computed(() => ({
 			columns: this.visibleColumns(),
-			rows: this.pageEntries().map((e) => e.row)
+			rows: this.pageEntries().map((e) => e.row),
+			allRows: this.sortedEntries().map((e) => e.row),
+			aggregate: (columnId, kind) => this.footerAggregate(columnId, kind)
 		}), ...ngDevMode ? [{ debugName: "footerContext" }] : /* istanbul ignore next */ []);
 		this.exportColumns = computed(() => this.visibleColumns().filter((c) => c.exportable !== false), ...ngDevMode ? [{ debugName: "exportColumns" }] : /* istanbul ignore next */ []);
 		this.exportEntries = computed(() => this.exportScope() === "selected" ? this.sortedEntries().filter((e) => this.selectedSet().has(e.id)) : this.sortedEntries(), ...ngDevMode ? [{ debugName: "exportEntries" }] : /* istanbul ignore next */ []);
@@ -1231,7 +1238,8 @@ var DataGrid = class DataGrid {
 			const snapshot = {
 				columnWidths: this.columnWidths(),
 				hiddenColumnIds: [...this.hiddenColumnIds()],
-				sort: this.sort()
+				sort: this.sort(),
+				columnOrder: this.columnOrder()
 			};
 			if (!key || typeof localStorage === "undefined") return;
 			try {
@@ -1343,6 +1351,12 @@ var DataGrid = class DataGrid {
 		const width = this.widthFor(column);
 		if (width) parts.push(`width:${width}px`);
 		if (column.align) parts.push(`text-align:${column.align}`);
+		if (column.pinned) {
+			const visible = this.visibleColumns();
+			const i = visible.findIndex((c) => c.id === column.id);
+			const widths = (column.pinned === "start" ? visible.slice(0, i) : visible.slice(i + 1)).filter((c) => c.pinned === column.pinned).map((c) => this.widthFor(c));
+			if (widths.every((w) => w !== void 0)) parts.push(`--data-grid-pinned-offset:${widths.reduce((a, w) => a + (w ?? 0), 0)}px`);
+		}
 		return parts.length > 0 ? parts.join(";") : null;
 	}
 	setWidth(column, width) {
@@ -1886,6 +1900,7 @@ var DataGrid = class DataGrid {
 				if (saved.columnWidths) this.columnWidths.set(saved.columnWidths);
 				if (saved.hiddenColumnIds) this.hiddenColumnIds.set(new Set(saved.hiddenColumnIds));
 				if (saved.sort) this.sort.set(saved.sort);
+				if (Array.isArray(saved.columnOrder)) this.columnOrder.set(saved.columnOrder);
 			}
 		} catch {}
 	}