@firestitch/list 18.0.76 → 18.0.78

package/fesm2022/firestitch-list.mjs

@@ -3030,7 +3030,6 @@ class SortingController {
 }
 
 class FsHeadComponent {
-    _cdRef = inject(ChangeDetectorRef);
     sorting;
     columns;
     hasRowActions;
@@ -3043,6 +3042,7 @@ class FsHeadComponent {
     selectedAll = false;
     ReorderStrategyEnum = ReorderStrategy;
     _destroy$ = new Subject();
+    _cdRef = inject(ChangeDetectorRef);
     get leftDragDropEnabled() {
         return this.reorderEnabled
             && this.reorderPosition === ReorderPosition.Left
@@ -3076,7 +3076,10 @@ class FsHeadComponent {
      * @param column
      */
     trackByFn(index, column) {
-        return column.name || column.title || index;
+        // Combine the label with the index so columns without a name/title
+        // (whose name||title resolves to an empty string) never collide and
+        // produce duplicate "" keys -> NG0955.
+        return `${column.name || column.title || ''}_${index}`;
     }
     /**
      * Subscribe to sorting change
@@ -3112,7 +3115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         MatCheckbox,
                         FsHeadCellComponent,
                         NgClass,
-                        AsyncPipe
+                        AsyncPipe,
                     ], template: "<tr class=\"fs-list-row\">\n  <!-- Drag -->\n  @if (leftDragDropEnabled) {\n    <th class=\"fs-list-col drag-col\"></th>\n  }\n  <!-- Selection -->\n  @if (selection && !(selection.disabled$ | async)) {\n    <th class=\"fs-list-col fs-list-col-selection\">\n      <mat-checkbox\n        (change)=\"selectAll($event)\"\n        [checked]=\"selectedAll\">\n      </mat-checkbox>\n    </th>\n  }\n  <!-- Content -->\n  @for (column of columns; track trackByFn($index, column)) {\n    <th\n      fs-head-cell\n      (click)=\"$event.stopPropagation(); sorting.sortBy(column)\"\n      [column]=\"column\"\n      [class.sorting]=\"column.sortable\"\n      [ngClass]=\"column.headerConfigs.classesArray\"\n      [attr.colspan]=\"column.headerConfigs.colspan\"\n      [attr.width]=\"column.width\">\n    </th>\n  }\n  <!-- Drag -->\n  @if (rightDragDropEnabled) {\n    <th class=\"fs-list-col drag-col\"></th>\n  }\n  <!-- Row Actions -->\n  @if (hasRowActions && !(reorderEnabled && reorderStrategy === ReorderStrategyEnum.Manual)) {\n    <th class=\"fs-list-col actions-col\"></th>\n  }\n</tr>", styles: ["th.fs-list-col-selection{width:1%!important;text-align:left}th.sorting{cursor:pointer}th.sorting:hover{background-color:#f6f6f6}th.sorting{background-image:none}th.left{text-align:left}th.center{text-align:center}th.right{text-align:right}\n"] }]
         }], propDecorators: { sorting: [{
                 type: Input
@@ -4442,6 +4445,7 @@ class List {
     externalParams;
     selection;
     filterConfig = null;
+    filterBaseConfig = null;
     status = true;
     chips = false;
     queryParam = false;
@@ -4704,6 +4708,7 @@ class List {
         this.restore = config.restore;
         this.persist = config.persist;
         this.filters = config.filters ?? [];
+        this.filterBaseConfig = config.filterConfig ?? null;
         this.filterInitCb = config.filterInit;
         this.filterChangeCb = config.filterChange;
         this.savedFilters = config.savedFilters;
@@ -4946,7 +4951,11 @@ class List {
             ? { value: this.sorting.sortingColumn.name, direction: this.sorting.sortingColumn.direction }
             : null;
         // Config
+        // Baseline filter config is spread first so the list's own dedicated options
+        // (below) take precedence where they overlap, while any extra filter options
+        // (e.g. minSecondaryItems) flow through unchanged.
         this.filterConfig = {
+            ...this.filterBaseConfig,
             items: this.filters || [],
             savedFilters: this.savedFilters,
             actions: this.actions.actions,