chore(*): Additional small styling changes and fix build.

Author: MKirova

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss

@@ -577,8 +577,8 @@
             @extend %igx-grid__tr-pivot-group !optional
         }
 
-        @include e(tr-pivot, $m: 'columnLeaf') {
-            @extend %igx-grid__tr-pivot--columnLeaf !optional
+        @include e(tr-pivot, $m: 'columnDimensionLeaf') {
+            @extend %igx-grid__tr-pivot--columnDimensionLeaf !optional
         }
 
         @include e(tr-pivot, $m: 'columnMultiRowSpan') {

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -2978,8 +2978,11 @@
         display: inline-flex !important;
     }
 
-    %igx-grid__tr-pivot--columnLeaf {
-        box-shadow: none !important;
+    %igx-grid__tr-pivot--columnDimensionLeaf {
+        box-shadow: none;
+        igx-grid-header {
+            border: none;
+        }
     }
     %igx-grid__tr-pivot--columnMultiRowSpan {
         igx-grid-header {

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

@@ -984,6 +984,13 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         super.setupColumns();
     }
 
+    /**
+    * @hidden
+    */
+    public get hasMultipleValues() {
+        return this.values.length > 1;
+    }
+
     protected resolveToggle(groupColumn: IgxColumnComponent, state: boolean) {
         groupColumn.hidden = state;
         this.columnGroupStates.set(groupColumn.field, state);
@@ -1026,10 +1033,6 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         return dvl < this._defaultTargetRecordNumber ? 0 : this.defaultTargetBodyHeight;
     }
 
-    protected get hasMultipleValues() {
-        return this.values.length > 1;
-    }
-
     protected horizontalScrollHandler(event) {
         const scrollLeft = event.target.scrollLeft;
         this.theadRow.headerContainers.forEach(headerForOf => {

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

@@ -173,7 +173,7 @@
                 [ngStyle]="column.headerGroupStyles |igxHeaderGroupStyle:column:grid.pipeTrigger" [column]="column"
                 [style.min-width]="column.calcWidth | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
                 [style.flex-basis]="column.calcWidth | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
-                [class.igx-grid__tr-pivot--columnLeaf] = 'isDuplicateOfExistingParent(column, i)'
+                [class.igx-grid__tr-pivot--columnDimensionLeaf] = 'isDuplicateOfExistingParent(column, i)'
                 [class.igx-grid__tr-pivot--columnMultiRowSpan] = 'isMultiRow(column, i)'
                 >
             </igx-grid-header-group>