@quadrel-enterprise-ui/framework 20.5.0 → 20.6.0

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -22401,6 +22401,8 @@ const updateSort$1 = createAction('[QdUi Table] Update Sort', props());
 const setRequestState$1 = createAction('[QdUi Table] Set Loading State', props());
 const connect$1 = createAction('[QdUi Table]', props());
 const resetConnectorStates$1 = createAction('[QdUi Table] Reset Connector States', props());
+const setLastVisitedRow$1 = createAction('[QdUi Table] Set Last Visited Row', props());
+const clearLastVisitedRow$1 = createAction('[QdUi Table] Clear Last Visited Row', props());
 const deleteTableState = createAction('[QdUi Table] Delete Table State', props());
 const QdTableActions = {
     initTableState,
@@ -22420,6 +22422,8 @@ const QdTableActions = {
     setRequestState: setRequestState$1,
     connect: connect$1,
     resetConnectorStates: resetConnectorStates$1,
+    setLastVisitedRow: setLastVisitedRow$1,
+    clearLastVisitedRow: clearLastVisitedRow$1,
     deleteTableState
 };
 
@@ -22447,6 +22451,15 @@ var QdTableRequestState;
     QdTableRequestState[QdTableRequestState["SUCCESS"] = 1] = "SUCCESS";
 })(QdTableRequestState || (QdTableRequestState = {}));
 
+function resolveRowIdentifier(row, rowIndex, trackRowBy) {
+    if (trackRowBy) {
+        const value = trackRowBy(row);
+        if (value !== undefined && value !== null && (typeof value === 'string' || typeof value === 'number'))
+            return value;
+    }
+    return row.uid ?? rowIndex;
+}
+
 class QdTableStoreSelectorService {
     _tableId;
     set tableId(tableId) {
@@ -22476,13 +22489,16 @@ class QdTableStoreSelectorService {
     selectedRows() {
         return createSelector(this.selectTables, tables => this.getTable(tables)?.selectedRows ?? []);
     }
-    isTableRowSelected(rowIndex) {
+    isTableRowSelected(rowIndex, trackRowBy) {
         return createSelector(this.selectTables, tables => {
             const table = this.getTable(tables);
             if (!table)
                 return false;
-            const tableUid = table.data[rowIndex]?.uid;
-            return table.selectedRows?.includes(rowIndex) || (tableUid && table.selectedRows?.includes(tableUid)) || false;
+            const row = table.data[rowIndex];
+            if (!row)
+                return false;
+            const identifier = resolveRowIdentifier(row, rowIndex, trackRowBy);
+            return table.selectedRows?.includes(identifier) || false;
         });
     }
     recentSecondaryAction() {
@@ -22572,6 +22588,9 @@ class QdTableStoreSelectorService {
             };
         });
     }
+    lastVisitedRowIdentifier() {
+        return createSelector(this.selectTables, tables => this.getTable(tables)?.lastVisitedRowIdentifier);
+    }
     selectTables(state) {
         return state.qdUiTable;
     }
@@ -22610,14 +22629,14 @@ class QdTableStoreService {
     updateTableStateData(data) {
         this.store.dispatch(QdTableActions.updateTableStateData({ tableId: this.tableId, data }));
     }
-    updateTableStateRowToSelected(rowIndex) {
-        this.store.dispatch(QdTableActions.updateTableStateRowToSelected({ tableId: this.tableId, rowIndex }));
+    updateTableStateRowToSelected(rowIdentifier) {
+        this.store.dispatch(QdTableActions.updateTableStateRowToSelected({ tableId: this.tableId, rowIdentifier }));
     }
-    updateTableStateSingleRowToSelected(rowIndex) {
-        this.store.dispatch(QdTableActions.updateTableStateSingleRowToSelected({ tableId: this.tableId, rowIndex }));
+    updateTableStateSingleRowToSelected(rowIdentifier) {
+        this.store.dispatch(QdTableActions.updateTableStateSingleRowToSelected({ tableId: this.tableId, rowIdentifier }));
     }
-    updateTableStateRowToUnselected(rowIndex) {
-        this.store.dispatch(QdTableActions.updateTableStateRowToUnselected({ tableId: this.tableId, rowIndex }));
+    updateTableStateRowToUnselected(rowIdentifier) {
+        this.store.dispatch(QdTableActions.updateTableStateRowToUnselected({ tableId: this.tableId, rowIdentifier }));
     }
     updateTableStateRecentSecondaryAction(action) {
         this.store.dispatch(QdTableActions.updateTableStateRecentSecondaryAction({ tableId: this.tableId, recentSecondaryAction: action }));
@@ -22649,6 +22668,12 @@ class QdTableStoreService {
     connect(connectorName, connectorState, connectorCriteria) {
         this.store.dispatch(QdTableActions.connect({ tableId: this.tableId, connectorCriteria, connectorName, connectorState }));
     }
+    setLastVisitedRow(rowIdentifier) {
+        this.store.dispatch(QdTableActions.setLastVisitedRow({ tableId: this.tableId, rowIdentifier }));
+    }
+    clearLastVisitedRow() {
+        this.store.dispatch(QdTableActions.clearLastVisitedRow({ tableId: this.tableId }));
+    }
     resetConnectorStates() {
         this.store.dispatch(QdTableActions.resetConnectorStates({ tableId: this.tableId }));
     }
@@ -22669,8 +22694,8 @@ class QdTableStoreService {
             .select(this.tableStoreSelectorService.selectedRows())
             .pipe(filter(selectedRows => selectedRows !== undefined));
     }
-    isTableRowSelected$(rowIndex) {
-        return this.store.select(this.tableStoreSelectorService.isTableRowSelected(rowIndex));
+    isTableRowSelected$(rowIndex, trackRowBy) {
+        return this.store.select(this.tableStoreSelectorService.isTableRowSelected(rowIndex, trackRowBy));
     }
     recentSecondaryAction$() {
         return this.store
@@ -22707,6 +22732,9 @@ class QdTableStoreService {
     selectDataResolutionCriteria$() {
         return this.store.select(this.tableStoreSelectorService.selectDataResolutionCriteria());
     }
+    lastVisitedRowIdentifier$() {
+        return this.store.select(this.tableStoreSelectorService.lastVisitedRowIdentifier());
+    }
     selectConnectorState$(connectorName) {
         return this.store.select(this.tableStoreSelectorService.selectConnectorState(connectorName));
     }
@@ -23106,24 +23134,27 @@ class QdTableRowSelectionService {
         ]).pipe(skip(this._config.selection?.emitOutputInitially ? 0 : 1), map(([tableData]) => (tableData || []).map(this.getIndexedRows).filter(isRowSelected)));
     }
     isRowSelected(row, index) {
-        return this._selectedRows.includes(row.uid) || this._selectedRows.includes(index);
+        const identifier = resolveRowIdentifier(row, index, this._config.trackRowBy);
+        return this._selectedRows.includes(identifier);
     }
     getIndexedRows(row, index) {
         return { ...row, index };
     }
     isRowSelected$(rowIndex) {
-        return this.tableStoreService.isTableRowSelected$(rowIndex);
+        return this.tableStoreService.isTableRowSelected$(rowIndex, this._config.trackRowBy);
     }
-    setRowSelected(rowIndex) {
+    setRowSelected(rowIndex, rowData) {
+        const identifier = resolveRowIdentifier(rowData, rowIndex, this._config.trackRowBy);
         if (this._config.selection.type === 'singleSelect') {
-            this.tableStoreService.updateTableStateSingleRowToSelected(rowIndex);
+            this.tableStoreService.updateTableStateSingleRowToSelected(identifier);
         }
         else {
-            this.tableStoreService.updateTableStateRowToSelected(rowIndex);
+            this.tableStoreService.updateTableStateRowToSelected(identifier);
         }
     }
-    setRowUnselected(rowIndex) {
-        this.tableStoreService.updateTableStateRowToUnselected(rowIndex);
+    setRowUnselected(rowIndex, rowData) {
+        const identifier = resolveRowIdentifier(rowData, rowIndex, this._config.trackRowBy);
+        this.tableStoreService.updateTableStateRowToUnselected(identifier);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionService });
@@ -23562,6 +23593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class QdTableRowSelectionComponent {
     rowSelectionService = inject(QdTableRowSelectionService);
     rowIndex;
+    rowData;
     testId;
     get dataTestId() {
         return this.testId;
@@ -23580,20 +23612,22 @@ class QdTableRowSelectionComponent {
     }
     handleChange(event) {
         if (event.target.checked) {
-            this.rowSelectionService.setRowSelected(this.rowIndex);
+            this.rowSelectionService.setRowSelected(this.rowIndex, this.rowData);
         }
         else {
-            this.rowSelectionService.setRowUnselected(this.rowIndex);
+            this.rowSelectionService.setRowUnselected(this.rowIndex, this.rowData);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowSelectionComponent, isStandalone: false, selector: "[qd-table-row-selection]", inputs: { rowIndex: "rowIndex", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.dataTestId" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"selectionType\">\n  <ng-container *ngSwitchCase=\"'singleSelect'\">\n    <input\n      type=\"radio\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-radio'\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'multiSelect'\">\n    <input\n      type=\"checkbox\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-checkbox'\"\n    />\n  </ng-container>\n</ng-container>\n", styles: ["input{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowSelectionComponent, isStandalone: false, selector: "[qd-table-row-selection]", inputs: { rowIndex: "rowIndex", rowData: "rowData", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.dataTestId" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"selectionType\">\n  <ng-container *ngSwitchCase=\"'singleSelect'\">\n    <input\n      type=\"radio\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-radio'\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'multiSelect'\">\n    <input\n      type=\"checkbox\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-checkbox'\"\n    />\n  </ng-container>\n</ng-container>\n", styles: ["input{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionComponent, decorators: [{
             type: Component,
             args: [{ selector: '[qd-table-row-selection]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container [ngSwitch]=\"selectionType\">\n  <ng-container *ngSwitchCase=\"'singleSelect'\">\n    <input\n      type=\"radio\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-radio'\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'multiSelect'\">\n    <input\n      type=\"checkbox\"\n      [name]=\"'qd-table-selection__' + tableId\"\n      [checked]=\"isRowSelected$() | async\"\n      (click)=\"stopPropagation($event)\"\n      (change)=\"handleChange($event)\"\n      [attr.data-test-id]=\"testId + '-checkbox'\"\n    />\n  </ng-container>\n</ng-container>\n", styles: ["input{cursor:pointer}\n"] }]
         }], propDecorators: { rowIndex: [{
                 type: Input
+            }], rowData: [{
+                type: Input
             }], testId: [{
                 type: Input,
                 args: ['data-test-id']
@@ -23676,11 +23710,11 @@ class QdTableRowComponent {
         return this.config.columns.find(column => column.column === item)?.type || 'blank';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowComponent, isStandalone: false, selector: "[qd-table-row]", inputs: { config: "config", rowData: "rowData", rowIndex: "rowIndex", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.hostTestId" } }, providers: [QdDataFacetsContextService], ngImport: i0, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QdTableRowActionsSecondaryMenuComponent, selector: "[qd-table-row-actions-secondary-menu]", inputs: ["rowIndex", "rowData", "i18ns", "testId", "viewonly"] }, { kind: "component", type: QdTableRowSelectionComponent, selector: "[qd-table-row-selection]", inputs: ["rowIndex", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowComponent, isStandalone: false, selector: "[qd-table-row]", inputs: { config: "config", rowData: "rowData", rowIndex: "rowIndex", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.hostTestId" } }, providers: [QdDataFacetsContextService], ngImport: i0, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QdTableRowActionsSecondaryMenuComponent, selector: "[qd-table-row-actions-secondary-menu]", inputs: ["rowIndex", "rowData", "i18ns", "testId", "viewonly"] }, { kind: "component", type: QdTableRowSelectionComponent, selector: "[qd-table-row-selection]", inputs: ["rowIndex", "rowData", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-table-row]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [QdDataFacetsContextService], standalone: false, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"] }]
+            args: [{ selector: '[qd-table-row]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [QdDataFacetsContextService], standalone: false, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], rowData: [{
@@ -23698,20 +23732,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class QdTableBodyComponent {
     tableStoreService = inject(QdTableStoreService);
     resolverService = inject(QdTableResolverService);
+    cdr = inject(ChangeDetectorRef);
     config;
     data;
     testId;
     isLoading$;
+    highlightedRowIdentifier;
     _primaryActionRefreshSubscription;
     constructor() {
         this.isLoading$ = this.tableStoreService.selectIsLoading$().pipe(debounceTime$1(400));
     }
+    ngOnInit() {
+        this.initHighlight();
+    }
     ngOnDestroy() {
         this._primaryActionRefreshSubscription?.unsubscribe();
     }
+    isLastVisitedRow(rowData, rowIndex) {
+        if (this.highlightedRowIdentifier === undefined)
+            return false;
+        return resolveRowIdentifier(rowData, rowIndex, this.config.trackRowBy) === this.highlightedRowIdentifier;
+    }
     primaryAction(rowData, index) {
         if (!this.config.primaryAction?.handler)
             return console.warn('QD-UI | QdTable - No handler defined for primary action.');
+        if (this.config.primaryAction?.highlightOnRevisit) {
+            this.tableStoreService.setLastVisitedRow(resolveRowIdentifier(rowData, index, this.config.trackRowBy));
+        }
         const result = this.config.primaryAction?.handler({ rowData, index });
         if (!this.config.primaryAction?.refresh?.isEnabled)
             return;
@@ -23721,16 +23768,28 @@ class QdTableBodyComponent {
         }
         this.triggerRefresh();
     }
+    initHighlight() {
+        this.tableStoreService
+            .lastVisitedRowIdentifier$()
+            .pipe(take(1))
+            .subscribe(id => {
+            if (id === undefined)
+                return;
+            this.highlightedRowIdentifier = id;
+            this.tableStoreService.clearLastVisitedRow();
+            this.cdr.markForCheck();
+        });
+    }
     triggerRefresh() {
         const pageIndex = this.config.primaryAction?.refresh?.page;
         this.resolverService.refresh(pageIndex !== undefined ? { pageIndex } : undefined);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableBodyComponent, isStandalone: false, selector: "[qd-table-body]", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-table__body qd-table__body--plain" }, ngImport: i0, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdSpinnerComponent, selector: "qd-spinner" }, { kind: "component", type: QdTableRowComponent, selector: "[qd-table-row]", inputs: ["config", "rowData", "rowIndex", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableBodyComponent, isStandalone: false, selector: "[qd-table-body]", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-table__body qd-table__body--plain" }, ngImport: i0, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdSpinnerComponent, selector: "qd-spinner" }, { kind: "component", type: QdTableRowComponent, selector: "[qd-table-row]", inputs: ["config", "rowData", "rowIndex", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-table-body]', host: { class: 'qd-table__body qd-table__body--plain' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"] }]
+            args: [{ selector: '[qd-table-body]', host: { class: 'qd-table__body qd-table__body--plain' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }], data: [{
@@ -24260,6 +24319,9 @@ class QdTableComponent {
             const action = this.config.secondaryActions?.find(a => a.type === recentAction.type);
             if (!action?.handler)
                 return console.warn('QD-UI | QdTable - No handler defined for secondary action:', recentAction.type);
+            if (action.highlightOnRevisit) {
+                this.tableStoreService.setLastVisitedRow(resolveRowIdentifier(recentAction.rowData, recentAction.index, this.config.trackRowBy));
+            }
             const result = action.handler(recentAction);
             if (action.refresh?.isEnabled)
                 this.processSecondaryActionRefresh(result, action.refresh);
@@ -24273,13 +24335,14 @@ class QdTableComponent {
                 'The table uid has to match the path of the server side event.');
             return;
         }
-        if (!this.pushEventsService.isConnectedOrConnecting()) {
+        if (!this.pushEventsService || !this.pushEventsService.isConnectedOrConnecting()) {
             console.error('QD-UI | QdTable - You have to connect the QdPushEventsService on your own ' +
                 'if you enable the refreshOnPushEvent flag in the table.');
             return;
         }
+        const pushEventsService = this.pushEventsService;
         const events = [...(this.config?.refreshingEvents || []), 'RESOURCE_UPDATED'];
-        const combinedEvents$ = merge(...events.map(eventName => this.pushEventsService.observe(eventName)));
+        const combinedEvents$ = merge(...events.map(eventName => pushEventsService.observe(eventName)));
         this._pushEventsSubscription = combinedEvents$
             .pipe(filter(messageEvent => {
             try {
@@ -24313,6 +24376,13 @@ class QdTableComponent {
         if (!this.config.i18ns) {
             console.warn('QD-UI | QdTable - No translations available for the secondaryActions.');
         }
+        if (this.hasHighlightOnRevisit() && !this.config.uid) {
+            console.warn('QD-UI | QdTable - A uid has to be defined when highlightOnRevisit is enabled. ' +
+                'Without a uid, the table state does not persist across navigation.');
+        }
+    }
+    hasHighlightOnRevisit() {
+        return (!!this.config.primaryAction?.highlightOnRevisit || !!this.config.secondaryActions?.some(a => a.highlightOnRevisit));
     }
     /**
      * @description Can be deleted when the property "mainColumnNotFillingWidth" is dropped.
@@ -25268,6 +25338,8 @@ const connect = (state, tableId, newConnectorCriteria, connectorName, connectorS
         connectors: updatedConnectors
     });
 };
+const setLastVisitedRow = (state, tableId, rowIdentifier) => updateStateWithNewTable(state, tableId, { ...state[tableId], lastVisitedRowIdentifier: rowIdentifier });
+const clearLastVisitedRow = (state, tableId) => updateStateWithNewTable(state, tableId, { ...state[tableId], lastVisitedRowIdentifier: undefined });
 const resetConnectorStates = (state, tableId) => {
     const { connectors } = state[tableId];
     return updateStateWithNewTable(state, tableId, {
@@ -25295,10 +25367,9 @@ const _tableReducer = createReducer(initialState, on(QdTableActions.initTableSta
     if (state[tableId].selectedRows)
         return state;
     return updateTableStateSelectedRows(state, tableId, selectedRows);
-}), on(QdTableActions.updateTableStateData, (state, { tableId, data }) => updateTableStateData(state, tableId, data)), on(QdTableActions.updateTableStateRowToSelected, (state, { tableId, rowIndex }) => updateTableStateSelectedRows(state, tableId, [
-    ...(state[tableId].selectedRows ?? []),
-    state[tableId].data[rowIndex].uid || rowIndex
-])), on(QdTableActions.updateTableStateSingleRowToSelected, (state, { tableId, rowIndex }) => updateTableStateSelectedRows(state, tableId, [state[tableId].data[rowIndex].uid || rowIndex])), on(QdTableActions.updateTableStateRowToUnselected, (state, { tableId, rowIndex }) => updateTableStateSelectedRows(state, tableId, (state[tableId].selectedRows ?? []).filter(rowIdentifier => rowIdentifier !== rowIndex && rowIdentifier !== state[tableId].data[rowIndex].uid))), on(QdTableActions.updateTableStateRecentSecondaryAction, (state, { tableId, recentSecondaryAction: recentSecondaryAction }) => updateTableStateRecentSecondaryAction(state, tableId, recentSecondaryAction)), on(QdTableActions.setupPagination, (state, { tableId, pageSize }) => setupPagination(state, tableId, pageSize)), on(QdTableActions.setPage, (state, { tableId, pageIndex, pageSize, totalCount, data }) => setPage(state, tableId, pageIndex, pageSize, totalCount, data)), on(QdTableActions.setPageSize, (state, { tableId, pageSize }) => setPageSize(state, tableId, pageSize)), on(QdTableActions.setPageParams, (state, { tableId, pageIndex, pageSize, totalCount }) => setPageParams(state, tableId, pageIndex, pageSize, totalCount)), on(QdTableActions.setupSort, (state, { tableId, columns }) => setupSort(state, tableId, columns)), on(QdTableActions.setSort, (state, { tableId, column, direction }) => setSort(state, tableId, column, direction)), on(QdTableActions.updateSort, (state, { tableId, column, direction }) => updateSort(state, tableId, column, direction)), on(QdTableActions.setRequestState, (state, { tableId, requestState }) => setRequestState(state, tableId, requestState)), on(QdTableActions.connect, (state, { tableId, connectorName, connectorCriteria, connectorState }) => connect(state, tableId, connectorCriteria, connectorName, connectorState)), on(QdTableActions.resetConnectorStates, (state, { tableId }) => resetConnectorStates(state, tableId)), on(QdTableActions.deleteTableState, (state, { tableId }) => omit({ ...state }, tableId)));
+}), 
+// TODO: Remove QdTreeData references from table — Tree has been extracted into its own component
+on(QdTableActions.updateTableStateData, (state, { tableId, data }) => updateTableStateData(state, tableId, data)), on(QdTableActions.updateTableStateRowToSelected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, [...(state[tableId].selectedRows ?? []), rowIdentifier])), on(QdTableActions.updateTableStateSingleRowToSelected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, [rowIdentifier])), on(QdTableActions.updateTableStateRowToUnselected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, (state[tableId].selectedRows ?? []).filter(id => id !== rowIdentifier))), on(QdTableActions.updateTableStateRecentSecondaryAction, (state, { tableId, recentSecondaryAction: recentSecondaryAction }) => updateTableStateRecentSecondaryAction(state, tableId, recentSecondaryAction)), on(QdTableActions.setupPagination, (state, { tableId, pageSize }) => setupPagination(state, tableId, pageSize)), on(QdTableActions.setPage, (state, { tableId, pageIndex, pageSize, totalCount, data }) => setPage(state, tableId, pageIndex, pageSize, totalCount, data)), on(QdTableActions.setPageSize, (state, { tableId, pageSize }) => setPageSize(state, tableId, pageSize)), on(QdTableActions.setPageParams, (state, { tableId, pageIndex, pageSize, totalCount }) => setPageParams(state, tableId, pageIndex, pageSize, totalCount)), on(QdTableActions.setupSort, (state, { tableId, columns }) => setupSort(state, tableId, columns)), on(QdTableActions.setSort, (state, { tableId, column, direction }) => setSort(state, tableId, column, direction)), on(QdTableActions.updateSort, (state, { tableId, column, direction }) => updateSort(state, tableId, column, direction)), on(QdTableActions.setRequestState, (state, { tableId, requestState }) => setRequestState(state, tableId, requestState)), on(QdTableActions.connect, (state, { tableId, connectorName, connectorCriteria, connectorState }) => connect(state, tableId, connectorCriteria, connectorName, connectorState)), on(QdTableActions.resetConnectorStates, (state, { tableId }) => resetConnectorStates(state, tableId)), on(QdTableActions.setLastVisitedRow, (state, { tableId, rowIdentifier }) => setLastVisitedRow(state, tableId, rowIdentifier)), on(QdTableActions.clearLastVisitedRow, (state, { tableId }) => clearLastVisitedRow(state, tableId)), on(QdTableActions.deleteTableState, (state, { tableId }) => omit({ ...state }, tableId)));
 function tableReducer(state, action) {
     return _tableReducer(state, action);
 }