fix(pivotGrid): Update alt handling to take into account horizontal layout.

Author: skrustev

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid-navigation.service.ts

@@ -118,18 +118,27 @@ export class IgxPivotGridNavigationService extends IgxGridNavigationService {
     public override handleAlt(key: string, event: KeyboardEvent): void {
         event.preventDefault();
 
-        const row = this.grid.gridAPI.get_row_by_index(this.activeNode.row);
-        const expansionRowKey = PivotUtil.getRecordKey(row.data, row.data.dimensions[this.activeNode.column])
+        const rowIndex = this.grid.hasHorizontalLayout ? this.activeNode.row + this.activeNode.layout.rowStart - 1 : this.activeNode.row
+        const row = this.grid.gridAPI.get_row_by_index(rowIndex);
+        const dimIndex = this.grid.hasHorizontalLayout ? this.activeNode.layout.colStart - 1 : this.activeNode.column;
+        const expansionRowKey = PivotUtil.getRecordKey(row.data, this.grid.visibleRowDimensions[dimIndex]);
         const isExpanded = this.grid.expansionStates.get(expansionRowKey) ?? true;
 
         if (ROW_EXPAND_KEYS.has(key) && !isExpanded) {
             this.grid.gridAPI.set_row_expansion_state(expansionRowKey, true, event)
         } else if (ROW_COLLAPSE_KEYS.has(key) && isExpanded) {
             this.grid.gridAPI.set_row_expansion_state(expansionRowKey, false, event)
         }
+        this.updateActiveNodeLayout();
         this.grid.notifyChanges();
     }
 
+    public updateActiveNodeLayout() {
+        const mrlRow = this.grid.rowDimensionMrlRowsCollection.toArray()[this.activeNode.row];
+        const activeCell = mrlRow.contentCells.toArray()[this.activeNode.column];
+        this.activeNode.layout = activeCell.layout;
+    }
+
     public override headerNavigation(event: KeyboardEvent) {
         const key = event.key.toLowerCase();
         const ctrl = event.ctrlKey;

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-util.ts

@@ -122,7 +122,7 @@ export class PivotUtil {
                 });
             }
 
-            const expansionRowKey = PivotUtil.getRecordKey(rec, dimension, true);
+            const expansionRowKey = PivotUtil.getRecordKey(rec, dimension);
             const isExpanded = expansionStates.get(expansionRowKey) === undefined ?
                 defaultExpand :
                 expansionStates.get(expansionRowKey);
@@ -384,20 +384,14 @@ export class PivotUtil {
         return leafs;
     }
 
-    public static getRecordKey(rec: IPivotGridRecord, currentDim: IPivotDimension, horizontalLayout: boolean = false) {
+    public static getRecordKey(rec: IPivotGridRecord, currentDim: IPivotDimension) {
         const parentFields = [];
 
-        if (!horizontalLayout) {
-            const currentDimIndex = rec.dimensions.findIndex(x => x.memberName === currentDim.memberName) + 1;
-            const prevDims = rec.dimensions.slice(0, currentDimIndex);
-            for (const prev of prevDims) {
-                const prevValue = rec.dimensionValues.get(prev.memberName);
-                parentFields.push(prevValue);
-            }
-        } else {
-            for(let i = 0; i < rec.dimensions.length; i++) {
-                parentFields.push(rec.dimensionValues.get(rec.dimensions[i].memberName));
-            }
+        const currentDimIndex = rec.dimensions.findIndex(x => x.memberName === currentDim.memberName) + 1;
+        const prevDims = rec.dimensions.slice(0, currentDimIndex);
+        for (const prev of prevDims) {
+            const prevValue = rec.dimensionValues.get(prev.memberName);
+            parentFields.push(prevValue);
         }
 
         return parentFields.join('-');