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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "1.11.7",
+  "version": "1.11.9",
   "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
@@ -3899,6 +3906,10 @@ declare class TableComponent {
     protected readonly totalRows: _angular_core.Signal<number>;
     /** Whether all visible rows are selected */
     protected readonly allSelected: _angular_core.Signal<boolean>;
+    protected readonly pageSizeSelectOptions: _angular_core.Signal<{
+        value: number;
+        label: string;
+    }[]>;
     /**
      * Computed CSS classes for the table element
      */
@@ -3913,11 +3924,14 @@ 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;
     protected goToPage(page: number): void;
     protected onPageSizeChange(event: Event): void;
+    protected onPageSizeModelChange(value: string | number | null): void;
     protected get paginationStart(): number;
     protected get paginationEnd(): number;
     protected toggleSelectAll(): void;
@@ -3925,7 +3939,7 @@ declare class TableComponent {
     protected isRowSelected(relativeIndex: number): boolean;
     private getAbsoluteIndex;
     private emitSelectionChange;
-    protected onFilterChange(columnKey: string, event: Event): void;
+    protected onFilterChange(columnKey: string, value: string): void;
     protected getFilterValue(columnKey: string): string;
     protected startEdit(rowIndex: number, column: string, currentValue: unknown): void;
     protected isEditing(rowIndex: number, column: string): boolean;
@@ -4094,15 +4108,16 @@ declare class FilterBarComponent {
     sizeClass: _angular_core.Signal<string>;
     /** Get the current value for a filter key */
     getValue(key: string): string;
+    getSelectOptions(options?: readonly FilterOption[]): SelectOption[];
     /** Handle select / toggle change */
     onFilterChange(key: string, value: string): void;
     /** Handle search input */
-    onSearchInput(key: string, event: Event): void;
+    onSearchInput(key: string, value: string): void;
+    normalizeSelectValue(value: string | number | null): string;
     /** Check if a toggle option is active */
     isToggleActive(key: string, optionValue: string): boolean;
     /** Get toggle button classes */
     getToggleClasses(key: string, option: FilterOption): string;
-    protected getInputValue(event: Event): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lc-filter-bar", never, { "filters": { "alias": "filters"; "required": true; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
 }
@@ -6175,7 +6190,7 @@ declare class NotificationCenterComponent {
     protected getPriorityLabel(priority?: NotificationPriority): string;
     protected formatTime(date: Date): string;
     protected setFilter(filter: NotificationType | 'all'): void;
-    protected onSearch(event: Event): void;
+    protected onSearch(query: string): void;
     protected onClick(notification: Notification): void;
     protected onDismiss(id: string, event: Event): void;
     protected onAction(notification: Notification, event: Event): void;