@onecx/angular-accelerator 5.50.0 → 5.51.0

package/fesm2022/onecx-angular-accelerator.mjs

@@ -2369,6 +2369,12 @@ class DataTableComponent extends DataSortBase {
     set showAllOption(value) {
         this._showAllOption$.next(value);
     }
+    get page() {
+        return this._page$.getValue();
+    }
+    set page(value) {
+        this._page$.next(value);
+    }
     get totalRecordsOnServer() {
         return this.params['totalRecordsOnServer'] ? Number(this.params['totalRecordsOnServer']) : undefined;
     }
@@ -2475,7 +2481,7 @@ class DataTableComponent extends DataSortBase {
         this.name = '';
         this.allowSelectAll = true;
         this.paginator = true;
-        this.page = 0;
+        this._page$ = new BehaviorSubject(0);
         this.currentPageShowingKey = 'OCX_DATA_TABLE.SHOWING';
         this.currentPageShowingWithTotalOnServerKey = 'OCX_DATA_TABLE.SHOWING_WITH_TOTAL_ON_SERVER';
         this.params = {
@@ -2793,10 +2799,12 @@ class DataTableComponent extends DataSortBase {
         }
     }
     mapSelectionToRows() {
-        this.selectedRows$ = combineLatest([this._selectionIds$, this._rows$]).pipe(map(([selectedRowIds, rows]) => {
-            return selectedRowIds.map((rowId) => {
-                return rows.find((r) => r.id === rowId);
-            });
+        // Include _page$ to force fresh array references on page navigation
+        // to satisfy PrimeNG DataTable selection tracking, because it needs new object references to detect changes
+        this.selectedRows$ = combineLatest([this._selectionIds$, this._rows$, this._page$]).pipe(map(([selectedRowIds, rows, _]) => {
+            return selectedRowIds
+                .map((rowId) => rows.find((r) => r.id === rowId))
+                .filter((row) => row !== undefined);
         }));
     }
     isRowSelectionDisabled(rowObject) {
@@ -2815,9 +2823,12 @@ class DataTableComponent extends DataSortBase {
             }
         }
         this._selectionIds$.next(newSelectionIds);
-        this.selectionChanged.emit(this._rows$.getValue().filter((row) => newSelectionIds.includes(row.id)));
+        this.emitSelectionChanged();
         this.emitComponentStateChanged();
     }
+    emitSelectionChanged() {
+        this.selectionChanged.emit(this._rows$.getValue().filter((row) => this._selectionIds$.getValue().includes(row.id)));
+    }
     mergeWithDisabledKeys(newSelectionIds, disabledRowIds) {
         const previousSelectionIds = this._selectionIds$.getValue();
         const previouslySelectedAndDisabled = previousSelectionIds.filter((id) => disabledRowIds.includes(id));