feat(pivot-grid): Update pivot resizing to latest changes and add autosize on double click.

Author: skrustev

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

@@ -122,6 +122,9 @@ export interface IPivotDimensionData {
 }
 
 export interface PivotRowHeaderGroupType {
-    intRow: IgxRowDirective;
+    rowIndex: number;
+    parent: any;
     header: any;
+    headerID: string;
+    grid: any;
 }

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.ts

@@ -75,7 +75,11 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon
     ) {
         super(ref, cdr);
     }
-    protected rowDimensionData: IPivotDimensionData;
+
+    /**
+     * @hidden @internal
+     */
+    public rowDimensionData: IPivotDimensionData;
 
     public get rowDimensionColumn() {
         return this.rowDimensionData?.column;
@@ -182,6 +186,7 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon
         ref.instance.field = field;
         ref.instance.header = header;
         ref.instance.width = this.grid.resolveRowDimensionWidth(this.dimension) + 'px';
+        ref.instance.resizable = this.grid.rowDimensionResizing;
         (ref as any).instance._vIndex = this.grid.columns.length + this.rowIndex + this.rowIndex * this.grid.pivotConfiguration.rows.length;
         if (dim.childLevel && lvl >= PivotUtil.getTotalLvl(this.rowData, this.grid.pivotKeys)) {
             ref.instance.headerTemplate = this.headerTemplate;

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.ts

@@ -25,12 +25,6 @@ export class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroup
     @HostBinding('style.user-select')
     public userSelect = 'none';
 
-    /**
-     * @hidden
-     */
-    @ViewChild(IgxPivotRowDimensionHeaderComponent)
-    public header: IgxPivotRowDimensionHeaderComponent;
-
     constructor(private cdRef: ChangeDetectorRef,
         @Inject(IGX_GRID_BASE) public grid: PivotGridType,
         private elementRef: ElementRef<HTMLElement>,

projects/igniteui-angular/src/lib/grids/resizing/pivot-grid/pivot-resize-handle.directive.ts

@@ -1,6 +1,7 @@
 import {
     Directive,
     ElementRef,
+    HostListener,
     Input,
     NgZone
 } from '@angular/core';
@@ -40,6 +41,15 @@ export class IgxPivotResizeHandleDirective extends IgxResizeHandleDirective {
         super(zone, element, colResizingService);
     }
 
+    /**
+     * @hidden
+     */
+    public onDoubleClick() {
+        this._dblClick = true;
+        this.initResizeService();
+        this.rowHeaderGroup.grid.autoSizeRowDimension(this.rowHeaderGroup.parent.dimension);
+    }
+
     /**
      * @hidden
      */

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

@@ -23,9 +23,7 @@ export class IgxPivotColumnResizingService extends IgxColumnResizingService {
     }
 
     protected _handlePixelResize(diff: number, column: ColumnType) {
-        const pivotRow = this.rowHeaderGroup.intRow as any;
-        const rowDimIndex = pivotRow.rowDimensionData.findIndex(x => x.column === this.column);
-        const rowDim = pivotRow.grid.pivotConfiguration.rows[rowDimIndex];
+        const rowDim = this.rowHeaderGroup.parent.dimension;
         if (!rowDim) return;
 
         const currentColWidth = parseFloat(column.width);
@@ -40,7 +38,8 @@ export class IgxPivotColumnResizingService extends IgxColumnResizingService {
         }
 
         // Notify the grid to reflow, to update if horizontal scrollbar needs to be rendered/removed.
-        this.column.grid.notifyChanges(true);
+        this.rowHeaderGroup.grid.pipeTrigger++;
+        this.rowHeaderGroup.grid.notifyChanges(true);
     }
 
     protected _handlePercentageResize(diff: number, column: ColumnType) { }

projects/igniteui-angular/src/lib/grids/resizing/resize-handle.directive.ts

@@ -31,7 +31,7 @@ export class IgxResizeHandleDirective implements AfterViewInit, OnDestroy {
     /**
      * @hidden
      */
-    private _dblClick = false;
+    protected _dblClick = false;
 
     /**
      * @hidden