@progress/kendo-angular-pivotgrid 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/pivotgrid.module.mjs

@@ -7,7 +7,6 @@ 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";
 import * as i1 from "./configurator/chip-menu/chip-menu-item.component";
@@ -69,22 +68,22 @@ import * as i26 from "./rendering/templates/pivotgrid-column-header-cell-templat
  * ```
  */
 export class PivotGridModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", 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], exports: [i12.PivotGridComponent, i13.PivotGridTableComponent, i15.PivotGridCellDirective, i16.PivotLocalBindingDirective, i17.PivotOLAPBindingDirective, i21.CustomMessagesComponent, i23.CellTemplateDirective, i24.ValueCellTemplateDirective, i25.RowHeaderCellTemplateDirective, i26.ColumnHeaderCellTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", 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, i11.ChipMenuReorderComponent, i12.PivotGridComponent, i13.PivotGridTableComponent, i14.PivotGridConfiguratorComponent, i15.PivotGridCellDirective] });
 }
-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, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...KENDO_PIVOTGRID_CHIPMENU_DECLARATIONS, ...KENDO_PIVOTGRID_DECLARATIONS, FormsModule, ReactiveFormsModule],
+                    imports: [...KENDO_PIVOTGRID_CHIPMENU_DECLARATIONS, ...KENDO_PIVOTGRID_DECLARATIONS],
                     exports: [...KENDO_PIVOTGRID],
                     providers: [
                         IconsService,

package/{esm2020 → esm2022}/rendering/pivotgrid-cell.directive.mjs

@@ -18,21 +18,18 @@ import * as i1 from "../data-binding/pivotgrid-data.service";
  * @hidden
  */
 export class PivotGridCellDirective {
-    constructor(hostEl, renderer, dataService) {
-        this.hostEl = hostEl;
-        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',
-                cell: this.kendoPivotGridCell,
-                tableType: this.tableType
-            });
-        };
-    }
+    hostEl;
+    renderer;
+    dataService;
+    cellClass = true;
+    kendoPivotGridCell;
+    tableType;
+    rowIndex;
+    colIndex;
+    customCellTemplate;
+    valueCellTemplate;
+    rowHeaderCellTemplate;
+    columnHeaderCellTemplate;
     get isNotProvidedCellTemplatePerType() {
         return (this.tableType === 'values' && !this.valueCellTemplate)
             || (this.tableType === 'rowHeader' && !this.rowHeaderCellTemplate)
@@ -41,6 +38,13 @@ export class PivotGridCellDirective {
     get expanded() {
         return (this.kendoPivotGridCell?.hasChildren && this.kendoPivotGridCell.children.length > 0) || false;
     }
+    chevronUpSVGIcon = chevronUpIcon;
+    chevronDownSVGIcon = chevronDownIcon;
+    constructor(hostEl, renderer, dataService) {
+        this.hostEl = hostEl;
+        this.renderer = renderer;
+        this.dataService = dataService;
+    }
     ngOnInit() {
         const nativeElement = this.hostEl.nativeElement;
         this.renderer.setAttribute(nativeElement, 'rowspan', this.kendoPivotGridCell.rowSpan || 1);
@@ -60,9 +64,15 @@ 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, 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: `
+    handleClick = () => {
+        this.dataService.expandedStateChange.emit({
+            action: this.expanded ? 'collapse' : 'expand',
+            cell: this.kendoPivotGridCell,
+            tableType: this.tableType
+        });
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridCellDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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"
@@ -123,7 +133,8 @@ PivotGridCellDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 {{ 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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridCellDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridCellDirective, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/{esm2020 → esm2022}/rendering/pivotgrid-table.component.mjs

@@ -24,61 +24,48 @@ import * as i3 from "../virtual/scroll.service";
  * @hidden
  */
 export class PivotGridTableComponent {
+    host;
+    dataService;
+    localization;
+    zone;
+    scrollService;
+    headerItems;
+    rows;
+    renderedRows;
+    renderedCols;
+    totalRows;
+    startRowIndex = 0;
+    startColIndex = 0;
+    rtl = false;
+    tableType;
+    colWidth;
+    customCellTemplate;
+    valueCellTemplate;
+    rowHeaderCellTemplate;
+    columnHeaderCellTemplate;
+    scrollableSettings;
+    get pivotGridId() {
+        return `kendo-pivotgrid-${this.dataService.pivotGridId}-`;
+    }
+    get columnVirtualization() {
+        return this.scrollableSettings?.type && this.scrollableSettings?.type !== 'row';
+    }
+    get rowVirtualization() {
+        return this.scrollableSettings?.type && this.scrollableSettings?.type !== 'column';
+    }
+    subs = new Subscription();
+    scrollable;
     constructor(host, dataService, localization, zone, scrollService) {
         this.host = host;
         this.dataService = dataService;
         this.localization = localization;
         this.zone = zone;
         this.scrollService = scrollService;
-        this.startRowIndex = 0;
-        this.startColIndex = 0;
-        this.rtl = false;
-        this.subs = new Subscription();
-        this.colsUpdateCallback = (cols) => {
-            this.renderedCols = Math.min(cols.length, this.scrollableSettings?.columns);
-            this.renderedCols && this.scrollable && (this.scrollable.totalCols = cols.length);
-            (this.scrollableSettings && this.scrollableSettings.type !== 'row') && this.scrollable?.onNewData(true);
-            this.headerItems = cols;
-            isDocumentAvailable() && !this.scrollable && this.tableType === 'values' && (this.columnVirtualization || this.rowVirtualization) && this.initScrollable();
-        };
-        this.initScrollable = () => {
-            this.scrollable = new ScrollableTable(this.host.nativeElement, {
-                onScroll: () => {
-                    this.startRowIndex = this.scrollable.startRow;
-                    this.startColIndex = this.scrollable.startCol;
-                    this.renderedRows = this.rows.slice(this.startRowIndex, this.startRowIndex + this.scrollableSettings.rows);
-                    this.scrollable.renderedRows = this.renderedRows.length;
-                    this.scrollable.renderedCols = this.renderedCols;
-                },
-                onScrollEnd: () => {
-                    matchAriaAttributes(this.host.nativeElement.closest('.k-pivotgrid'));
-                }
-            }, {
-                itemHeight: this.scrollableSettings.rowHeight,
-                itemWidth: this.colWidth || 200,
-                total: this.totalRows,
-                totalCols: this.headerItems.length,
-                renderedRows: this.scrollableSettings.rows,
-                renderedCols: this.scrollableSettings.columns,
-                columnVirtualization: this.columnVirtualization,
-                rowVirtualization: this.rowVirtualization,
-                rtl: this.rtl
-            });
-        };
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
             this.scrollable && (this.scrollable.rtl = rtl);
         }));
     }
-    get pivotGridId() {
-        return `kendo-pivotgrid-${this.dataService.pivotGridId}-`;
-    }
-    get columnVirtualization() {
-        return this.scrollableSettings?.type && this.scrollableSettings?.type !== 'row';
-    }
-    get rowVirtualization() {
-        return this.scrollableSettings?.type && this.scrollableSettings?.type !== 'column';
-    }
     ngOnInit() {
         this.subs.add(this.dataService[`${this.tableType}Rows`].subscribe(rows => {
             this.rows = rows;
@@ -100,6 +87,37 @@ export class PivotGridTableComponent {
         this.subs.unsubscribe();
         this.scrollable?.destroy();
     }
+    colsUpdateCallback = (cols) => {
+        this.renderedCols = Math.min(cols.length, this.scrollableSettings?.columns);
+        this.renderedCols && this.scrollable && (this.scrollable.totalCols = cols.length);
+        (this.scrollableSettings && this.scrollableSettings.type !== 'row') && this.scrollable?.onNewData(true);
+        this.headerItems = cols;
+        isDocumentAvailable() && !this.scrollable && this.tableType === 'values' && (this.columnVirtualization || this.rowVirtualization) && this.initScrollable();
+    };
+    initScrollable = () => {
+        this.scrollable = new ScrollableTable(this.host.nativeElement, {
+            onScroll: () => {
+                this.startRowIndex = this.scrollable.startRow;
+                this.startColIndex = this.scrollable.startCol;
+                this.renderedRows = this.rows.slice(this.startRowIndex, this.startRowIndex + this.scrollableSettings.rows);
+                this.scrollable.renderedRows = this.renderedRows.length;
+                this.scrollable.renderedCols = this.renderedCols;
+            },
+            onScrollEnd: () => {
+                matchAriaAttributes(this.host.nativeElement.closest('.k-pivotgrid'));
+            }
+        }, {
+            itemHeight: this.scrollableSettings.rowHeight,
+            itemWidth: this.colWidth || 200,
+            total: this.totalRows,
+            totalCols: this.headerItems.length,
+            renderedRows: this.scrollableSettings.rows,
+            renderedCols: this.scrollableSettings.columns,
+            columnVirtualization: this.columnVirtualization,
+            rowVirtualization: this.rowVirtualization,
+            rtl: this.rtl
+        });
+    };
     initScrollableKeyboardNavigation() {
         const pivotGrid = this.scrollService.pivotGrid;
         this.host.nativeElement.addEventListener('keydown', (e) => {
@@ -182,9 +200,8 @@ export class PivotGridTableComponent {
             }
         }, true);
     }
-}
-PivotGridTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.NgZone }, { token: i3.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
-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", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.NgZone }, { token: i3.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PivotGridTableComponent, isStandalone: true, selector: "kendo-pivotgrid-table", inputs: { tableType: "tableType", colWidth: "colWidth", customCellTemplate: "customCellTemplate", valueCellTemplate: "valueCellTemplate", rowHeaderCellTemplate: "rowHeaderCellTemplate", columnHeaderCellTemplate: "columnHeaderCellTemplate", scrollableSettings: "scrollableSettings" }, ngImport: i0, template: `
         <table
             class="k-pivotgrid-table"
             role="presentation"
@@ -233,7 +250,8 @@ PivotGridTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </tbody>
         </table>
     `, 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"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridTableComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridTableComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pivotgrid-table',

package/{esm2020 → esm2022}/rendering/templates/pivotgrid-cell-template.directive.mjs

@@ -27,13 +27,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class CellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridCellTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoPivotGridCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotGridCellTemplate]',

package/{esm2020 → esm2022}/rendering/templates/pivotgrid-column-header-cell-template.directive.mjs

@@ -27,13 +27,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ColumnHeaderCellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridColumnHeaderCellTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoPivotGridColumnHeaderCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHeaderCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotGridColumnHeaderCellTemplate]',

package/{esm2020 → esm2022}/rendering/templates/pivotgrid-row-header-cell-template.directive.mjs

@@ -27,13 +27,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class RowHeaderCellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RowHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridRowHeaderCellTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoPivotGridRowHeaderCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowHeaderCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowHeaderCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotGridRowHeaderCellTemplate]',

package/{esm2020 → esm2022}/rendering/templates/pivotgrid-value-cell-template.directive.mjs

@@ -26,13 +26,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ValueCellTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ValueCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridValueCellTemplate]", ngImport: i0 });
 }
-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, isStandalone: true, selector: "[kendoPivotGridValueCellTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotGridValueCellTemplate]',

package/{esm2020 → esm2022}/virtual/scroll.service.mjs

@@ -8,12 +8,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class PivotGridScrollService {
-    constructor() {
-        this.virtualScrolling = false;
-    }
+    virtualScrolling = false;
+    pivotGrid;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridScrollService });
 }
-PivotGridScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PivotGridScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridScrollService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridScrollService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/virtual/scrollable-container.mjs

@@ -6,53 +6,28 @@
  * @hidden
  */
 export class ScrollableTable {
+    element;
+    handlers;
+    options;
+    startRow = 0;
+    endRow;
+    startCol = 0;
+    endCol;
+    renderedRows;
+    renderedCols;
+    total;
+    totalCols;
+    rtl;
+    visibleRows;
+    visibleCols;
+    lastKnownScrollPosition = { top: 0, left: 0 };
+    offsetFirst = 0;
+    stretcher;
+    rect;
     constructor(element, handlers, options) {
         this.element = element;
         this.handlers = handlers;
         this.options = options;
-        this.startRow = 0;
-        this.startCol = 0;
-        this.lastKnownScrollPosition = { top: 0, left: 0 };
-        this.offsetFirst = 0;
-        this.scrollHandler = (e) => {
-            const verticalDir = this.element.scrollTop - this.lastKnownScrollPosition.top;
-            const horizontalDir = Math.abs(this.element.scrollLeft) - this.lastKnownScrollPosition.left;
-            if (this.options.rowVirtualization) {
-                if (verticalDir > 0) {
-                    if (this.element.scrollTop > (this.renderedRows * this.options.itemHeight + this.offsetFirst - this.rect.height)) {
-                        this.startRow = Math.floor(this.element.scrollTop / this.options.itemHeight);
-                        this.rowVirtualizationUpdate();
-                    }
-                }
-                else {
-                    if (this.element.scrollTop <= this.offsetFirst) {
-                        this.startRow = Math.max(0, Math.ceil(this.element.scrollTop / this.options.itemHeight) - Math.ceil(this.options.renderedRows / 3));
-                        this.rowVirtualizationUpdate();
-                    }
-                }
-            }
-            if (this.options.columnVirtualization) {
-                if (horizontalDir > 0) {
-                    if (Math.abs(this.element.scrollLeft) - (Math.max(this.startCol - 1, 0) * (this.options.colWidth || 200)) > (this.options.colWidth || 200)) {
-                        this.startCol = Math.min(Math.max(Math.floor(Math.abs(this.element.scrollLeft) / this.options.itemWidth) - 1, 0), this.totalCols - this.renderedCols);
-                        this.handlers.onScroll();
-                    }
-                }
-                else {
-                    if (Math.abs(this.element.scrollLeft) <= (this.startCol + 1) * (this.options.colWidth || 200)) {
-                        this.startCol = Math.min(Math.max(Math.floor(Math.abs(this.element.scrollLeft) / this.options.itemWidth) - 1, 0), this.totalCols - this.renderedCols);
-                        this.handlers.onScroll();
-                    }
-                }
-            }
-            this.lastKnownScrollPosition = {
-                top: this.element.scrollTop,
-                left: Math.abs(this.element.scrollLeft)
-            };
-        };
-        this.scrollEndHandler = () => {
-            this.handlers.onScrollEnd();
-        };
         this.initialize();
     }
     onNewData(recalculateSize = false) {
@@ -95,6 +70,45 @@ export class ScrollableTable {
         this.element.addEventListener('scroll', this.scrollHandler);
         this.element.addEventListener('scrollend', this.scrollEndHandler);
     }
+    scrollHandler = (e) => {
+        const verticalDir = this.element.scrollTop - this.lastKnownScrollPosition.top;
+        const horizontalDir = Math.abs(this.element.scrollLeft) - this.lastKnownScrollPosition.left;
+        if (this.options.rowVirtualization) {
+            if (verticalDir > 0) {
+                if (this.element.scrollTop > (this.renderedRows * this.options.itemHeight + this.offsetFirst - this.rect.height)) {
+                    this.startRow = Math.floor(this.element.scrollTop / this.options.itemHeight);
+                    this.rowVirtualizationUpdate();
+                }
+            }
+            else {
+                if (this.element.scrollTop <= this.offsetFirst) {
+                    this.startRow = Math.max(0, Math.ceil(this.element.scrollTop / this.options.itemHeight) - Math.ceil(this.options.renderedRows / 3));
+                    this.rowVirtualizationUpdate();
+                }
+            }
+        }
+        if (this.options.columnVirtualization) {
+            if (horizontalDir > 0) {
+                if (Math.abs(this.element.scrollLeft) - (Math.max(this.startCol - 1, 0) * (this.options.colWidth || 200)) > (this.options.colWidth || 200)) {
+                    this.startCol = Math.min(Math.max(Math.floor(Math.abs(this.element.scrollLeft) / this.options.itemWidth) - 1, 0), this.totalCols - this.renderedCols);
+                    this.handlers.onScroll();
+                }
+            }
+            else {
+                if (Math.abs(this.element.scrollLeft) <= (this.startCol + 1) * (this.options.colWidth || 200)) {
+                    this.startCol = Math.min(Math.max(Math.floor(Math.abs(this.element.scrollLeft) / this.options.itemWidth) - 1, 0), this.totalCols - this.renderedCols);
+                    this.handlers.onScroll();
+                }
+            }
+        }
+        this.lastKnownScrollPosition = {
+            top: this.element.scrollTop,
+            left: Math.abs(this.element.scrollLeft)
+        };
+    };
+    scrollEndHandler = () => {
+        this.handlers.onScrollEnd();
+    };
     recalculateSize() {
         const totalHeight = this.total * this.options.itemHeight;
         const totalWidth = this.totalCols * this.options.itemWidth;