chore(*): Fix failing build

Author: dkamburov

CHANGELOG.md

@@ -5,7 +5,7 @@ All notable changes for each version of this project will be documented in this
 ## 13.1.0
 
 ### New Features
-- Added `IgxPivotGrid` component
+- Added `IgxPivotGrid` component(Preview)
     - The igxPivotGrid is a data presentation control for displaying data in a pivot table. It enables users to perform complex analysis on the supplied data. Main purpose is to transform and display a flat array of data into a complex grouped structure with aggregated values based on the main 3 dimensions: rows, columns and values, which the user may specify depending on his/her business needs. The whole pivot grid configuration is set through `IPivotConfiguration` interface.
 
     ```html

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

@@ -619,6 +619,7 @@ export interface HierarchicalGridType extends GridType {
 
 export interface PivotGridType extends GridType {
     pivotConfiguration: IPivotConfiguration;
+    showPivotConfigurationUI: boolean;
     columnDimensions: IPivotDimension[];
     rowDimensions: IPivotDimension[];
     values: IPivotValue[];

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html

@@ -84,19 +84,21 @@
             <span *ngIf="grid.rowDimensions.length === 0 && grid.showPivotConfigurationUI" class='igx-pivot__emptyChipArea'>Drop Row Fields here.</span>
 
             <!-- Row area -->
-            <igx-chips-area *ngIf="grid.showPivotConfigurationUI" #rowArea droppable='true'>
-                <igx-chip *ngFor="let row of grid.rowDimensions" [draggable]="true" [id]="row.memberName"
-                    [displayDensity]="grid.displayDensity"
-                    [removable]="true" (remove)="rowRemoved($event)"
-                    (dragLeave)="onDimDragLeave($event)"
-                    (dragDrop)="onDimDrop($event, rowArea, 0)"
-                    (dragOver)="onDimDragOver($event, 0)"
-                    (click)="onChipSort($event, row, 0)">
-                    <igx-icon igxPrefix>table_rows</igx-icon>
-                    <igx-icon igxPrefix (pointerdown)='onFilteringIconPointerDown($event)' (click)='onFilteringIconClick($event, row)'>filter_list</igx-icon>
-                    {{ row.memberName}}
-                    <igx-icon *ngIf="row.sortDirection" igxSuffix> {{ row.sortDirection < 2 ? 'arrow_upward' : 'arrow_downward' }}</igx-icon>
-                </igx-chip>
+            <igx-chips-area #rowArea droppable='true'>
+                <ng-container *ngIf="grid.showPivotConfigurationUI">
+                    <igx-chip *ngFor="let row of grid.rowDimensions" [draggable]="true" [id]="row.memberName"
+                        [displayDensity]="grid.displayDensity"
+                        [removable]="true" (remove)="rowRemoved($event)"
+                        (dragLeave)="onDimDragLeave($event)"
+                        (dragDrop)="onDimDrop($event, rowArea, 0)"
+                        (dragOver)="onDimDragOver($event, 0)"
+                        (click)="onChipSort($event, row, 0)">
+                        <igx-icon igxPrefix>table_rows</igx-icon>
+                        <igx-icon igxPrefix (pointerdown)='onFilteringIconPointerDown($event)' (click)='onFilteringIconClick($event, row)'>filter_list</igx-icon>
+                        {{ row.memberName}}
+                        <igx-icon *ngIf="row.sortDirection" igxSuffix> {{ row.sortDirection < 2 ? 'arrow_upward' : 'arrow_downward' }}</igx-icon>
+                    </igx-chip>
+                </ng-container>
             </igx-chips-area>
         </div>