@progress/kendo-angular-pivotgrid 11.0.0-develop.99 → 11.0.1-develop.1

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

@@ -3,11 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
+import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
 import { PivotGridDataService } from '../data-binding/pivotgrid-data.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../data-binding/pivotgrid-data.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-common";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-common";
 /**
  * @hidden
  */
@@ -17,6 +19,8 @@ export class PivotGridCellDirective {
         this.renderer = renderer;
         this.dataService = dataService;
         this.cellClass = true;
+        this.chevronUpSVGIcon = chevronUpIcon;
+        this.chevronDownSVGIcon = chevronDownIcon;
         this.handleClick = () => {
             this.dataService.expandedStateChange.emit({
                 action: this.expanded ? 'collapse' : 'expand',
@@ -49,34 +53,28 @@ export class PivotGridCellDirective {
 }
 PivotGridCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PivotGridCellDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Component });
 PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PivotGridCellDirective, selector: "[kendoPivotGridCell]", inputs: { kendoPivotGridCell: "kendoPivotGridCell", tableType: "tableType", rowIndex: "rowIndex", colIndex: "colIndex" }, host: { properties: { "class.k-pivotgrid-cell": "this.cellClass" } }, ngImport: i0, template: `
-        <span 
+        <kendo-icon-wrapper
             *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"
-            class="k-icon"
             aria-hidden="true"
-            [kendoEventsOutsideAngular]="{
-                click: handleClick
-            }"
-            [ngClass]="{
-                'k-i-arrow-chevron-up': expanded,
-                'k-i-arrow-chevron-down': !expanded
-            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+            [kendoEventsOutsideAngular]="{ click: handleClick }"
+            [name]="expanded ? 'chevron-up' : 'chevron-down'"
+            [svgIcon]="expanded ? chevronUpSVGIcon : chevronDownSVGIcon">
+        </kendo-icon-wrapper>
+        {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PivotGridCellDirective, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoPivotGridCell]',
                     template: `
-        <span 
+        <kendo-icon-wrapper
             *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"
-            class="k-icon"
             aria-hidden="true"
-            [kendoEventsOutsideAngular]="{
-                click: handleClick
-            }"
-            [ngClass]="{
-                'k-i-arrow-chevron-up': expanded,
-                'k-i-arrow-chevron-down': !expanded
-            }"></span>{{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}`
+            [kendoEventsOutsideAngular]="{ click: handleClick }"
+            [name]="expanded ? 'chevron-up' : 'chevron-down'"
+            [svgIcon]="expanded ? chevronUpSVGIcon : chevronDownSVGIcon">
+        </kendo-icon-wrapper>
+        {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}`
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.PivotGridDataService }]; }, propDecorators: { cellClass: [{
                 type: HostBinding,

package/esm2020/shared.module.mjs

@@ -7,11 +7,13 @@ import { CommonModule } from '@angular/common';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 const MODULES = [
     CommonModule,
     DropDownsModule,
     InputsModule,
+    IconsModule,
     ButtonsModule
 ];
 /**
@@ -23,13 +25,16 @@ SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [CommonModule,
         DropDownsModule,
         InputsModule,
+        IconsModule,
         ButtonsModule], exports: [CommonModule,
         DropDownsModule,
         InputsModule,
+        IconsModule,
         ButtonsModule] });
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[MODULES], CommonModule,
         DropDownsModule,
         InputsModule,
+        IconsModule,
         ButtonsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,