@life-cockpit/angular-ui-kit 1.11.3 → 1.11.5

package/package.json

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

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

@@ -3772,6 +3772,8 @@ interface TableColumn {
     cssClass?: string;
     /** Optional tooltip shown on hover over the column header */
     tooltip?: string;
+    /** Optional formatter for cell output when no custom template is used */
+    formatter?: (value: unknown, row: Record<string, unknown>, column: TableColumn, rowIndex: number) => unknown;
     /** Input type for inline editing (default: text) */
     editType?: 'text' | 'number' | 'select';
     /** Options for select edit type */
@@ -3802,7 +3804,9 @@ type TableSize = 'sm' | 'md' | 'lg';
  * - Variant styles (default, striped, bordered)
  * - Size presets (sm, md, lg)
  * - Hoverable row highlighting
+ * - Per-column formatter callbacks for display values
  * - Custom cell templates via content projection
+ * - Composed cells (e.g. avatar + badge + actions)
  * - Responsive horizontal scrolling
  * - Empty state text for no data
  * - Accessible with proper table semantics
@@ -3812,6 +3816,20 @@ type TableSize = 'sm' | 'md' | 'lg';
  * <lc-table [columns]="columns" [data]="data" variant="striped" [hoverable]="true"
  *   (sort)="onSort($event)" (rowClick)="onRowClick($event)" />
  * ```
+ *
+ * @example
+ * ```ts
+ * columns: TableColumn[] = [
+ *   {
+ *     key: 'amount',
+ *     label: 'Amount',
+ *     formatter: (value) => new Intl.NumberFormat('de-DE', {
+ *       style: 'currency',
+ *       currency: 'EUR',
+ *     }).format(Number(value ?? 0)),
+ *   },
+ * ];
+ * ```
  */
 declare class TableComponent {
     /** Custom cell templates */
@@ -3894,6 +3912,7 @@ declare class TableComponent {
     getAriaSort(columnKey: string): string | null;
     getHeaderClasses(column: TableColumn): string;
     getCellValue(row: Record<string, unknown>, columnKey: string): unknown;
+    getFormattedCellValue(row: Record<string, unknown>, column: TableColumn, relativeRowIndex: number): unknown;
     getCellTemplate(columnKey: string): TableCellDirective | undefined;
     hasCustomTemplate(columnKey: string): boolean;
     onRowClick(row: Record<string, unknown>): void;