@progress/kendo-angular-pivotgrid 17.0.0-develop.6 → 17.0.0-develop.8

package/esm2020/pivotgrid.component.mjs

@@ -105,7 +105,7 @@ export class PivotGridComponent {
         this.scrollService.pivotGrid = this;
     }
     get rightPositionClass() {
-        return this.configuratorSettings?.position === 'right';
+        return !this.configuratorSettings || this.configuratorSettings.position === 'right';
     }
     get leftPositionClass() {
         return this.configuratorSettings?.position === 'left';
@@ -433,7 +433,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             class="k-pivotgrid-configurator-button"
             aria-hidden="true"
             (click)="toggleConfigurator()">
-            <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" innerCssClass="k-color-inherit" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
+            <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
             </span>
         </div>
    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoPivotGridLocalizedMessages]" }, { kind: "component", type: PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: ["tableType", "colWidth", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate", "scrollableSettings"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: ["orientation", "sort", "filter", "navigation"], outputs: ["close"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
@@ -606,7 +606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             class="k-pivotgrid-configurator-button"
             aria-hidden="true"
             (click)="toggleConfigurator()">
-            <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" innerCssClass="k-color-inherit" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
+            <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
             </span>
         </div>
    `,

package/esm2020/rendering/pivotgrid-cell.directive.mjs

@@ -9,7 +9,7 @@ import { CellTemplateDirective } from './templates/pivotgrid-cell-template.direc
 import { ValueCellTemplateDirective } from './templates/pivotgrid-value-cell-template.directive';
 import { RowHeaderCellTemplateDirective } from './templates/pivotgrid-row-header-cell-template.directive';
 import { ColumnHeaderCellTemplateDirective } from './templates/pivotgrid-column-header-cell-template.directive';
-import { NgIf } from '@angular/common';
+import { NgClass, NgIf } from '@angular/common';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EventsOutsideAngularDirective, TemplateContextDirective } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
@@ -46,9 +46,10 @@ export class PivotGridCellDirective {
         this.renderer.setAttribute(nativeElement, 'rowspan', this.kendoPivotGridCell.rowSpan || 1);
         this.renderer.setAttribute(nativeElement, 'colspan', this.kendoPivotGridCell.colSpan || 1);
         const classesToAdd = {
-            'k-pivotgrid-header-total': this.kendoPivotGridCell?.total || (this.tableType === 'values'
+            'k-pivotgrid-header-total': this.kendoPivotGridCell?.total,
+            'k-pivotgrid-total': this.tableType === 'values'
                 && (this.dataService.rowHeaderLeaves[this.rowIndex].total ||
-                    this.dataService.columnHeaderLeaves[this.colIndex].total)),
+                    this.dataService.columnHeaderLeaves[this.colIndex].total),
             'k-pivotgrid-header-root': this.kendoPivotGridCell?.levelNum === 0,
             'k-pivotgrid-expanded': this.kendoPivotGridCell?.hasChildren && this.kendoPivotGridCell.children.length,
             'k-first': this.colIndex > 0
@@ -118,10 +119,10 @@ PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 }">
             </ng-template>
             <!--default cell content-->
-            <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType">
+            <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType" [ngClass]="{'k-pivotgrid-header-title': !kendoPivotGridCell.data, 'k-pivotgrid-content': kendoPivotGridCell.data}">
                 {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}
             </span>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridCellDirective, decorators: [{
             type: Component,
             args: [{
@@ -184,12 +185,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }">
             </ng-template>
             <!--default cell content-->
-            <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType">
+            <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType" [ngClass]="{'k-pivotgrid-header-title': !kendoPivotGridCell.data, 'k-pivotgrid-content': kendoPivotGridCell.data}">
                 {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}
             </span>
         `,
                     standalone: true,
-                    imports: [NgIf, IconWrapperComponent, EventsOutsideAngularDirective, TemplateContextDirective]
+                    imports: [NgIf, IconWrapperComponent, EventsOutsideAngularDirective, TemplateContextDirective, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.PivotGridDataService }]; }, propDecorators: { cellClass: [{
                 type: HostBinding,