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

package/esm2020/pivotgrid.component.mjs

@@ -18,16 +18,19 @@ import { CellTemplateDirective } from './rendering/templates/pivotgrid-cell-temp
 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 { PivotGridConfiguratorComponent } from './configurator/configurator.component';
+import { NgIf } from '@angular/common';
+import { PivotGridTableComponent } from './rendering/pivotgrid-table.component';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { LoaderComponent } from '@progress/kendo-angular-indicators';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { normalizeVirtualSettings } from './models/virtualization-settings';
+import { PivotGridScrollService } from './virtual/scroll.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./data-binding/pivotgrid-data.service";
 import * as i2 from "@progress/kendo-angular-l10n";
 import * as i3 from "@progress/kendo-angular-common";
-import * as i4 from "@progress/kendo-angular-indicators";
-import * as i5 from "@angular/common";
-import * as i6 from "@progress/kendo-angular-icons";
-import * as i7 from "./rendering/pivotgrid-table.component";
-import * as i8 from "./configurator/configurator.component";
-import * as i9 from "./localization/localized-messages.directive";
+import * as i4 from "./virtual/scroll.service";
 const DEFAULT_LOADER_SETTINGS = {
     type: 'converging-spinner',
     themeColor: 'primary',
@@ -41,12 +44,13 @@ const DEFAULT_CONFIGURATOR_SETTINGS = {
  * Represents the Kendo UI PivotGrid component for Angular.
  */
 export class PivotGridComponent {
-    constructor(hostEl, zone, dataService, localization, renderer, _scrollbarWidthService) {
+    constructor(hostEl, zone, dataService, localization, renderer, _scrollbarWidthService, scrollService) {
         this.hostEl = hostEl;
         this.zone = zone;
         this.dataService = dataService;
         this.localization = localization;
         this.renderer = renderer;
+        this.scrollService = scrollService;
         this.hostClass = true;
         /**
          * Specify the width of the column header and data cells. Value is treated as pixels [(see example)]({% slug appearance_pivotgrid %}#toc-column-headers-width).
@@ -66,6 +70,7 @@ export class PivotGridComponent {
         this.gearSVGIcon = gearIcon;
         this.resizeObservers = [];
         this._loaderSettings = DEFAULT_LOADER_SETTINGS;
+        this._virtualScrolling = normalizeVirtualSettings(false);
         this.subs = new Subscription();
         this.rtl = false;
         this.resizeContainer = (axis, element) => {
@@ -95,6 +100,7 @@ export class PivotGridComponent {
             this.direction = this.rtl ? 'rtl' : 'ltr';
         }));
         dataService.wrapper = this.hostEl.nativeElement;
+        this.scrollService.pivotGrid = this;
     }
     get rightPositionClass() {
         return this.configuratorSettings?.position === 'right';
@@ -131,6 +137,18 @@ export class PivotGridComponent {
     get loadingText() {
         return this.localization.get('loading');
     }
+    /**
+     * Sets the virtualization options of the component. By default the virtual scrolling functionality is disabled.
+     *
+     * @default false
+     */
+    set virtualScrolling(value) {
+        this._virtualScrolling = normalizeVirtualSettings(value);
+        this.scrollService.virtualScrolling = !!value;
+    }
+    get virtualScrolling() {
+        return this._virtualScrolling;
+    }
     get configuratorSettings() {
         return this.configurator && Object.assign({}, DEFAULT_CONFIGURATOR_SETTINGS, this.configurator);
     }
@@ -205,6 +223,9 @@ export class PivotGridComponent {
             }
         }
     }
+    /**
+     * @hidden
+     */
     initNavigation() {
         this.stopNavigation();
         this.navigation = new PivotGridNavigation({ tabIndex: 0 });
@@ -245,15 +266,16 @@ export class PivotGridComponent {
         }
     }
 }
-PivotGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i3.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridComponent, selector: "kendo-pivotgrid", inputs: { loaderSettings: "loaderSettings", configurator: "configurator", columnHeadersWidth: "columnHeadersWidth", navigable: "navigable" }, host: { properties: { "class.k-d-flex": "this.hostClass", "class.k-pos-relative": "this.hostClass", "class.k-flex-row": "this.rightPositionClass", "class.k-flex-row-reverse": "this.leftPositionClass", "class.k-flex-column": "this.bottomPositionClass", "class.k-flex-column-reverse": "this.topPositionClass", "attr.dir": "this.dir" } }, providers: [
+PivotGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i3.ScrollbarWidthService }, { token: i4.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
+PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridComponent, isStandalone: true, selector: "kendo-pivotgrid", inputs: { loaderSettings: "loaderSettings", configurator: "configurator", virtualScrolling: "virtualScrolling", columnHeadersWidth: "columnHeadersWidth", navigable: "navigable" }, host: { properties: { "class.k-d-flex": "this.hostClass", "class.k-pos-relative": "this.hostClass", "class.k-flex-row": "this.rightPositionClass", "class.k-flex-row-reverse": "this.leftPositionClass", "class.k-flex-column": "this.bottomPositionClass", "class.k-flex-column-reverse": "this.topPositionClass", "attr.dir": "this.dir" } }, providers: [
         PivotGridDataService,
         LocalizationService,
         PivotLocalizationService,
         {
             provide: L10N_PREFIX,
             useValue: 'kendo.pivotgrid'
-        }
+        },
+        PivotGridScrollService
     ], queries: [{ propertyName: "customCellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "valueCellTemplate", first: true, predicate: ValueCellTemplateDirective, descendants: true }, { propertyName: "rowHeaderCellTemplate", first: true, predicate: RowHeaderCellTemplateDirective, descendants: true }, { propertyName: "columnHeaderCellTemplate", first: true, predicate: ColumnHeaderCellTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "colHeadersTable", first: true, predicate: ["colHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "rowHeadersTable", first: true, predicate: ["rowHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "valuesTable", first: true, predicate: ["valuesTable"], descendants: true, read: ElementRef }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, read: ElementRef }, { propertyName: "configuratorWrapper", first: true, predicate: ["configurator"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoPivotGridLocalizedMessages
         i18n-loading="kendo.pivotgrid.loading|The loading text"
@@ -384,6 +406,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [valueCellTemplate]="valueCellTemplate"
                 [colWidth]="columnHeadersWidth"
                 class="k-pivotgrid-values"
+                [scrollableSettings]="virtualScrolling"
                 tableType="values"></kendo-pivotgrid-table>
     
             <div *ngIf="loading" [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
@@ -411,7 +434,7 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" innerCssClass="k-color-inherit" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
             </span>
         </div>
-   `, isInline: true, dependencies: [{ kind: "component", type: i4.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i7.PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: ["tableType", "colWidth", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate"] }, { kind: "component", type: i8.PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: ["orientation", "sort", "filter", "navigation"], outputs: ["close"] }, { kind: "directive", type: i9.LocalizedMessagesDirective, selector: "[kendoPivotGridLocalizedMessages]" }] });
+   `, 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridComponent, decorators: [{
             type: Component,
             args: [{
@@ -423,7 +446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.pivotgrid'
-                        }
+                        },
+                        PivotGridScrollService
                     ],
                     template: `
         <ng-container kendoPivotGridLocalizedMessages
@@ -555,6 +579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [valueCellTemplate]="valueCellTemplate"
                 [colWidth]="columnHeadersWidth"
                 class="k-pivotgrid-values"
+                [scrollableSettings]="virtualScrolling"
                 tableType="values"></kendo-pivotgrid-table>
     
             <div *ngIf="loading" [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
@@ -582,9 +607,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             <span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" innerCssClass="k-color-inherit" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
             </span>
         </div>
-   `
+   `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, PivotGridTableComponent, NgIf, LoaderComponent, PivotGridConfiguratorComponent, IconWrapperComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i3.ScrollbarWidthService }]; }, propDecorators: { hostClass: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i3.ScrollbarWidthService }, { type: i4.PivotGridScrollService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-d-flex']
             }, {
@@ -636,6 +663,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], configurator: [{
                 type: Input
+            }], virtualScrolling: [{
+                type: Input
             }], columnHeadersWidth: [{
                 type: Input
             }], navigable: [{

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,