@life-cockpit/angular-ui-kit 1.11.7 → 1.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "1.11.7",
+  "version": "1.11.8",
   "description": "Life Cockpit Design System - Angular UI component library",
   "license": "MIT",
   "repository": {

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -3761,6 +3761,8 @@ declare class TableCellDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableCellDirective, "[lcTableCell]", never, { "columnKey": { "alias": "lcTableCell"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type TableCellClass = string | ((value: unknown, row: Record<string, unknown>, column: TableColumn, rowIndex: number) => string);
+type TableCellStyle = Record<string, string> | ((value: unknown, row: Record<string, unknown>, column: TableColumn, rowIndex: number) => Record<string, string>);
 interface TableColumn {
     key: string;
     label: string;
@@ -3770,6 +3772,10 @@ interface TableColumn {
     width?: string;
     /** Optional CSS class(es) applied to both th and td cells */
     cssClass?: string;
+    /** Optional CSS class(es) for td cells only (string or resolver callback) */
+    cellClass?: TableCellClass;
+    /** Optional inline styles for td cells only (object or resolver callback) */
+    cellStyle?: TableCellStyle;
     /** Optional tooltip shown on hover over the column header */
     tooltip?: string;
     /** Optional formatter for cell output when no custom template is used */
@@ -3805,6 +3811,7 @@ type TableSize = 'sm' | 'md' | 'lg';
  * - Size presets (sm, md, lg)
  * - Hoverable row highlighting
  * - Per-column formatter callbacks for display values
+ * - Per-cell class/style callbacks for conditional styling
  * - Custom cell templates via content projection
  * - Composed cells (e.g. avatar + badge + actions)
  * - Responsive horizontal scrolling
@@ -3913,6 +3920,8 @@ declare class TableComponent {
     getHeaderClasses(column: TableColumn): string;
     getCellValue(row: Record<string, unknown>, columnKey: string): unknown;
     getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): unknown;
+    getCellClasses(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): string;
+    getCellStyles(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): Record<string, string> | null;
     getCellTemplate(columnKey: string): TableCellDirective | undefined;
     hasCustomTemplate(columnKey: string): boolean;
     onRowClick(row: Record<string, unknown>): void;