@progress/kendo-angular-pivotgrid 16.5.0 → 16.6.0-develop.2

package/esm2020/pivotgrid.module.mjs

@@ -3,108 +3,97 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { IndicatorsModule } from "@progress/kendo-angular-indicators";
-import { TreeViewModule } from "@progress/kendo-angular-treeview";
-import { PivotGridComponent } from './pivotgrid.component';
-import { PivotGridCellDirective } from './rendering/pivotgrid-cell.directive';
-import { PivotGridTableComponent } from './rendering/pivotgrid-table.component';
-import { DraggableModule, EventsModule } from '@progress/kendo-angular-common';
-import { PivotLocalBindingDirective } from './data-binding/local-binding.directive';
-import { PivotOLAPBindingDirective } from './data-binding/olap-binding.directive';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { CustomMessagesComponent } from './localization/custom-messages.component';
-import { PivotGridConfiguratorComponent } from './configurator/configurator.component';
-import { DraggableChipDirective } from './configurator/draggable.directive';
-import { DropTargetDirective } from './configurator/drop-target.directive';
-import { ChipMenuModule } from './configurator/chip-menu/chip-menu.module';
-import { SharedModule } from './shared.module';
-import { ChipKeyboardNavigationDirective } from './configurator/chip-kb-nav.directive';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { CellTemplateDirective } from './rendering/templates/pivotgrid-cell-template.directive';
-import { ValueCellTemplateDirective } from './rendering/templates/pivotgrid-value-cell-template.directive';
-import { RowHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-row-header-cell-template.directive';
-import { ColumnHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-column-header-cell-template.directive';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { KENDO_PIVOTGRID, KENDO_PIVOTGRID_CHIPMENU_DECLARATIONS, KENDO_PIVOTGRID_DECLARATIONS } from './directives';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { DialogContainerService, DialogService, WindowContainerService, WindowService } from '@progress/kendo-angular-dialog';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
-const IMPORTED_MODULES = [
-    EventsModule,
-    IndicatorsModule,
-    TreeViewModule,
-    DraggableModule,
-    ChipMenuModule,
-    SharedModule,
-    IconsModule
-];
-const DECLARATIONS = [
-    PivotGridComponent,
-    PivotGridTableComponent,
-    PivotGridConfiguratorComponent,
-    PivotGridCellDirective,
-    PivotLocalBindingDirective,
-    PivotOLAPBindingDirective,
-    DraggableChipDirective,
-    DropTargetDirective,
-    LocalizedMessagesDirective,
-    CustomMessagesComponent,
-    ChipKeyboardNavigationDirective,
-    CellTemplateDirective,
-    ValueCellTemplateDirective,
-    RowHeaderCellTemplateDirective,
-    ColumnHeaderCellTemplateDirective
-];
-const EXPORTS = [
-    PivotGridComponent,
-    PivotGridTableComponent,
-    PivotGridCellDirective,
-    PivotLocalBindingDirective,
-    PivotOLAPBindingDirective,
-    CustomMessagesComponent,
-    CellTemplateDirective,
-    ValueCellTemplateDirective,
-    RowHeaderCellTemplateDirective,
-    ColumnHeaderCellTemplateDirective
-];
+import * as i1 from "./configurator/chip-menu/chip-menu-item.component";
+import * as i2 from "./configurator/chip-menu/chip-menu-sort.component";
+import * as i3 from "./configurator/chip-menu/chip-menu.component";
+import * as i4 from "./configurator/chip-menu/chip-menu-filter.component";
+import * as i5 from "./configurator/chip-menu/chip-menu-item-content-template.directive";
+import * as i6 from "./configurator/chip-menu/filtering/filter-menu-container.component";
+import * as i7 from "./configurator/chip-menu/filtering/string-filter-menu.component";
+import * as i8 from "./configurator/chip-menu/filtering/filter-menu-dropdownlist.directive";
+import * as i9 from "./configurator/chip-menu/chip-menu-container.component";
+import * as i10 from "./configurator/chip-menu/chip-menu-item.directive";
+import * as i11 from "./configurator/chip-menu/chip-menu-reorder.component";
+import * as i12 from "./pivotgrid.component";
+import * as i13 from "./rendering/pivotgrid-table.component";
+import * as i14 from "./configurator/configurator.component";
+import * as i15 from "./rendering/pivotgrid-cell.directive";
+import * as i16 from "./data-binding/local-binding.directive";
+import * as i17 from "./data-binding/olap-binding.directive";
+import * as i18 from "./configurator/draggable.directive";
+import * as i19 from "./configurator/drop-target.directive";
+import * as i20 from "./localization/localized-messages.directive";
+import * as i21 from "./localization/custom-messages.component";
+import * as i22 from "./configurator/chip-kb-nav.directive";
+import * as i23 from "./rendering/templates/pivotgrid-cell-template.directive";
+import * as i24 from "./rendering/templates/pivotgrid-value-cell-template.directive";
+import * as i25 from "./rendering/templates/pivotgrid-row-header-cell-template.directive";
+import * as i26 from "./rendering/templates/pivotgrid-column-header-cell-template.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Sample module
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the PivotGrid component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the PivotGrid module
+ * import { PivotGrid } from '@progress/kendo-angular-pivotgrid';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, PivotGridModule], // import PivotGrid module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
  */
 export class PivotGridModule {
 }
 PivotGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PivotGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, declarations: [PivotGridComponent,
-        PivotGridTableComponent,
-        PivotGridConfiguratorComponent,
-        PivotGridCellDirective,
-        PivotLocalBindingDirective,
-        PivotOLAPBindingDirective,
-        DraggableChipDirective,
-        DropTargetDirective,
-        LocalizedMessagesDirective,
-        CustomMessagesComponent,
-        ChipKeyboardNavigationDirective,
-        CellTemplateDirective,
-        ValueCellTemplateDirective,
-        RowHeaderCellTemplateDirective,
-        ColumnHeaderCellTemplateDirective], imports: [EventsModule,
-        IndicatorsModule,
-        TreeViewModule,
-        DraggableModule,
-        ChipMenuModule,
-        SharedModule,
-        IconsModule], exports: [PivotGridComponent,
-        PivotGridTableComponent,
-        PivotGridCellDirective,
-        PivotLocalBindingDirective,
-        PivotOLAPBindingDirective,
-        CustomMessagesComponent,
-        CellTemplateDirective,
-        ValueCellTemplateDirective,
-        RowHeaderCellTemplateDirective,
-        ColumnHeaderCellTemplateDirective] });
-PivotGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, imports: [IMPORTED_MODULES] });
+PivotGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, imports: [i1.ChipMenuItemComponent, i2.ChipMenuSortComponent, i3.ChipMenuComponent, i4.ChipMenuFilterComponent, i5.ChipMenuItemContentTemplateDirective, i6.FilterMenuContainerComponent, i7.StringFilterMenuComponent, i8.FilterMenuDropDownListDirective, i9.ChipMenuContainerComponent, i10.ChipMenuItemDirective, i11.ChipMenuReorderComponent, i12.PivotGridComponent, i13.PivotGridTableComponent, i14.PivotGridConfiguratorComponent, i15.PivotGridCellDirective, i16.PivotLocalBindingDirective, i17.PivotOLAPBindingDirective, i18.DraggableChipDirective, i19.DropTargetDirective, i20.LocalizedMessagesDirective, i21.CustomMessagesComponent, i22.ChipKeyboardNavigationDirective, i23.CellTemplateDirective, i24.ValueCellTemplateDirective, i25.RowHeaderCellTemplateDirective, i26.ColumnHeaderCellTemplateDirective, FormsModule, ReactiveFormsModule], exports: [i12.PivotGridComponent, i13.PivotGridTableComponent, i15.PivotGridCellDirective, i16.PivotLocalBindingDirective, i17.PivotOLAPBindingDirective, i21.CustomMessagesComponent, i23.CellTemplateDirective, i24.ValueCellTemplateDirective, i25.RowHeaderCellTemplateDirective, i26.ColumnHeaderCellTemplateDirective] });
+PivotGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, providers: [
+        IconsService,
+        PopupService,
+        ResizeBatchService,
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService
+    ], imports: [i1.ChipMenuItemComponent, i2.ChipMenuSortComponent, i3.ChipMenuComponent, i4.ChipMenuFilterComponent, i6.FilterMenuContainerComponent, i7.StringFilterMenuComponent, i9.ChipMenuContainerComponent, i11.ChipMenuReorderComponent, i12.PivotGridComponent, i13.PivotGridTableComponent, i14.PivotGridConfiguratorComponent, i15.PivotGridCellDirective, i21.CustomMessagesComponent, FormsModule, ReactiveFormsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...IMPORTED_MODULES],
-                    declarations: [...DECLARATIONS],
-                    exports: [...EXPORTS]
+                    imports: [...KENDO_PIVOTGRID_CHIPMENU_DECLARATIONS, ...KENDO_PIVOTGRID_DECLARATIONS, FormsModule, ReactiveFormsModule],
+                    exports: [...KENDO_PIVOTGRID],
+                    providers: [
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService,
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService
+                    ]
                 }]
         }] });

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

@@ -9,12 +9,11 @@ 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 { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { EventsOutsideAngularDirective, TemplateContextDirective } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../data-binding/pivotgrid-data.service";
-import * as i2 from "@progress/kendo-angular-common";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
-import * as i5 from "@progress/kendo-angular-buttons";
 /**
  * @hidden
  */
@@ -62,7 +61,7 @@ export class PivotGridCellDirective {
     }
 }
 PivotGridCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridCellDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Component });
-PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridCellDirective, selector: "[kendoPivotGridCell]", inputs: { kendoPivotGridCell: "kendoPivotGridCell", tableType: "tableType", rowIndex: "rowIndex", colIndex: "colIndex", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate" }, host: { properties: { "class.k-pivotgrid-cell": "this.cellClass" } }, ngImport: i0, template: `
+PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridCellDirective, isStandalone: true, selector: "[kendoPivotGridCell]", inputs: { kendoPivotGridCell: "kendoPivotGridCell", tableType: "tableType", rowIndex: "rowIndex", colIndex: "colIndex", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate" }, host: { properties: { "class.k-pivotgrid-cell": "this.cellClass" } }, ngImport: i0, template: `
             <kendo-icon-wrapper
                 *ngIf="kendoPivotGridCell.hasChildren && !kendoPivotGridCell.total"
                 aria-hidden="true"
@@ -73,56 +72,56 @@ PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </kendo-icon-wrapper>
             <!--value cell template-->
             <ng-template *ngIf="tableType === 'values' && valueCellTemplate"
-                        [templateContext]="{
-                            templateRef: valueCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            value: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType
-                        }">
+                [templateContext]="{
+                    templateRef: valueCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    value: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType
+                }">
             </ng-template>
             <!--row header cell template-->
             <ng-template *ngIf="tableType === 'rowHeader' && rowHeaderCellTemplate"
-                        [templateContext]="{
-                            templateRef: rowHeaderCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: rowHeaderCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--column header cell template-->
             <ng-template *ngIf="tableType === 'columnHeader' && columnHeaderCellTemplate"
-                        [templateContext]="{
-                            templateRef: columnHeaderCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: columnHeaderCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--cell template-->
             <ng-template *ngIf="customCellTemplate && isNotProvidedCellTemplatePerType"
-                        [templateContext]="{
-                            templateRef: customCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: customCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--default cell content-->
             <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType">
                 {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}
             </span>
-        `, isInline: true, dependencies: [{ kind: "directive", type: i2.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: i5.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridCellDirective, decorators: [{
             type: Component,
             args: [{
@@ -139,56 +138,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             </kendo-icon-wrapper>
             <!--value cell template-->
             <ng-template *ngIf="tableType === 'values' && valueCellTemplate"
-                        [templateContext]="{
-                            templateRef: valueCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            value: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType
-                        }">
+                [templateContext]="{
+                    templateRef: valueCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    value: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType
+                }">
             </ng-template>
             <!--row header cell template-->
             <ng-template *ngIf="tableType === 'rowHeader' && rowHeaderCellTemplate"
-                        [templateContext]="{
-                            templateRef: rowHeaderCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: rowHeaderCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--column header cell template-->
             <ng-template *ngIf="tableType === 'columnHeader' && columnHeaderCellTemplate"
-                        [templateContext]="{
-                            templateRef: columnHeaderCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: columnHeaderCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--cell template-->
             <ng-template *ngIf="customCellTemplate && isNotProvidedCellTemplatePerType"
-                        [templateContext]="{
-                            templateRef: customCellTemplate.templateRef,
-                            $implicit: kendoPivotGridCell,
-                            text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
-                            rowIndex: rowIndex,
-                            columnIndex: colIndex,
-                            tableType: tableType,
-                            expanded: expanded
-                        }">
+                [templateContext]="{
+                    templateRef: customCellTemplate.templateRef,
+                    $implicit: kendoPivotGridCell,
+                    text: kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption,
+                    rowIndex: rowIndex,
+                    columnIndex: colIndex,
+                    tableType: tableType,
+                    expanded: expanded
+                }">
             </ng-template>
             <!--default cell content-->
             <span *ngIf="!customCellTemplate && isNotProvidedCellTemplatePerType">
                 {{ kendoPivotGridCell.data ? kendoPivotGridCell.data.fmtValue : kendoPivotGridCell.caption }}
             </span>
-        `
+        `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, EventsOutsideAngularDirective, TemplateContextDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.PivotGridDataService }]; }, propDecorators: { cellClass: [{
                 type: HostBinding,

package/esm2020/rendering/pivotgrid-table.component.mjs

@@ -9,10 +9,10 @@ import { CellTemplateDirective } from './templates/pivotgrid-cell-template.direc
 import { ValueCellTemplateDirective } from './templates/pivotgrid-value-cell-template.directive';
 import { ColumnHeaderCellTemplateDirective } from './templates/pivotgrid-column-header-cell-template.directive';
 import { RowHeaderCellTemplateDirective } from './templates/pivotgrid-row-header-cell-template.directive';
+import { PivotGridCellDirective } from './pivotgrid-cell.directive';
+import { NgFor, NgIf } from '@angular/common';
 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 "./pivotgrid-cell.directive";
 /**
  * @hidden
  */
@@ -35,7 +35,7 @@ export class PivotGridTableComponent {
     }
 }
 PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Component });
-PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate" }, ngImport: i0, template: `
+PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate" }, ngImport: i0, template: `
         <table
             class="k-pivotgrid-table"
             role="presentation">
@@ -75,7 +75,7 @@ PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 </tr>
             </tbody>
         </table>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PivotGridCellDirective, selector: "[kendoPivotGridCell]", inputs: ["kendoPivotGridCell", "tableType", "rowIndex", "colIndex", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PivotGridCellDirective, selector: "[kendoPivotGridCell]", inputs: ["kendoPivotGridCell", "tableType", "rowIndex", "colIndex", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, decorators: [{
             type: Component,
             args: [{
@@ -120,7 +120,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </tr>
             </tbody>
         </table>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, NgIf, PivotGridCellDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }]; }, propDecorators: { tableType: [{
                 type: Input

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

@@ -32,10 +32,11 @@ export class CellTemplateDirective {
     }
 }
 CellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CellTemplateDirective, selector: "[kendoPivotGridCellTemplate]", ngImport: i0 });
+CellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridCellTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoPivotGridCellTemplate]'
+                    selector: '[kendoPivotGridCellTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/rendering/templates/pivotgrid-column-header-cell-template.directive.mjs

@@ -32,10 +32,11 @@ export class ColumnHeaderCellTemplateDirective {
     }
 }
 ColumnHeaderCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnHeaderCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHeaderCellTemplateDirective, selector: "[kendoPivotGridColumnHeaderCellTemplate]", ngImport: i0 });
+ColumnHeaderCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridColumnHeaderCellTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoPivotGridColumnHeaderCellTemplate]'
+                    selector: '[kendoPivotGridColumnHeaderCellTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/rendering/templates/pivotgrid-row-header-cell-template.directive.mjs

@@ -32,10 +32,11 @@ export class RowHeaderCellTemplateDirective {
     }
 }
 RowHeaderCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-RowHeaderCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RowHeaderCellTemplateDirective, selector: "[kendoPivotGridRowHeaderCellTemplate]", ngImport: i0 });
+RowHeaderCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RowHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridRowHeaderCellTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowHeaderCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoPivotGridRowHeaderCellTemplate]'
+                    selector: '[kendoPivotGridRowHeaderCellTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/rendering/templates/pivotgrid-value-cell-template.directive.mjs

@@ -31,10 +31,11 @@ export class ValueCellTemplateDirective {
     }
 }
 ValueCellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ValueCellTemplateDirective, selector: "[kendoPivotGridValueCellTemplate]", ngImport: i0 });
+ValueCellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ValueCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridValueCellTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoPivotGridValueCellTemplate]'
+                    selector: '[kendoPivotGridValueCellTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });