@progress/kendo-angular-pivotgrid 21.4.1-develop.1 → 22.0.0-develop.1

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

@@ -1,386 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Input, NgZone } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { PivotGridDataService } from '../data-binding/pivotgrid-data.service';
-import { CellTemplateDirective } from './templates/pivotgrid-cell-template.directive';
-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 { ScrollableTable } from '../virtual/scrollable-container';
-import { PivotGridCellDirective } from './pivotgrid-cell.directive';
-import { NgStyle } from '@angular/common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys, isDocumentAvailable, normalizeKeys } from '@progress/kendo-angular-common';
-import { isVisible, matchAriaAttributes } from '../util';
-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 "../virtual/scroll.service";
-/**
- * @hidden
- */
-export class PivotGridTableComponent {
-    host;
-    dataService;
-    localization;
-    zone;
-    scrollService;
-    headerItems;
-    rows;
-    renderedRows;
-    renderedCols;
-    totalRows;
-    startRowIndex = 0;
-    startColIndex = 0;
-    rtl = false;
-    itemIdCounter = 0;
-    itemIdMap = new WeakMap();
-    rowIdMap = new WeakMap();
-    cellIdMap = new WeakMap();
-    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.subs.add(this.localization.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.scrollable && (this.scrollable.rtl = rtl);
-        }));
-    }
-    ngOnInit() {
-        this.subs.add(this.dataService[`${this.tableType}Rows`].subscribe(rows => {
-            this.rows = rows;
-            this.renderedRows = this.scrollableSettings ? rows.slice(this.startRowIndex, this.startRowIndex + this.scrollableSettings.rows) : rows;
-            this.totalRows && this.totalRows !== rows.length && this.scrollable && (this.scrollable.total = rows.length);
-            this.scrollable && this.scrollable.onNewData(this.totalRows && this.totalRows !== rows.length);
-            this.totalRows = rows.length;
-        }));
-        this.subs.add(this.tableType === 'values' ?
-            this.dataService.columnHeaderCols.subscribe(this.colsUpdateCallback) :
-            this.dataService[`${this.tableType}Cols`].subscribe(this.colsUpdateCallback));
-    }
-    ngAfterViewInit() {
-        if (isDocumentAvailable() && this.scrollService.virtualScrolling) {
-            this.initScrollableKeyboardNavigation();
-        }
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-        this.scrollable?.destroy();
-    }
-    trackByColIndex(index, item) {
-        // Always include index to ensure uniqueness even if same object appears multiple times
-        if (!item || typeof item !== 'object') {
-            return `col-${index + this.startColIndex}-${item}`;
-        }
-        // Get or assign stable ID for this object
-        if (!this.itemIdMap.has(item)) {
-            this.itemIdMap.set(item, ++this.itemIdCounter);
-        }
-        const objectId = this.itemIdMap.get(item);
-        // Combine object ID with position to handle same object at different indices
-        return `col-${index + this.startColIndex}-obj${objectId}`;
-    }
-    trackByRowIndex(index, row) {
-        // Always include index to ensure uniqueness even if same object appears multiple times
-        if (!row || typeof row !== 'object') {
-            return `row-${index + this.startRowIndex}-${row}`;
-        }
-        // Get or assign stable ID for this object
-        if (!this.rowIdMap.has(row)) {
-            this.rowIdMap.set(row, ++this.itemIdCounter);
-        }
-        const objectId = this.rowIdMap.get(row);
-        // Combine object ID with position to handle same object at different indices
-        return `row-${index + this.startRowIndex}-obj${objectId}`;
-    }
-    trackByCellIndex(index, cell) {
-        // Always include index to ensure uniqueness even if same object appears multiple times
-        if (!cell || typeof cell !== 'object') {
-            return `cell-${index + this.startColIndex}-${cell}`;
-        }
-        // Get or assign stable ID for this object
-        if (!this.cellIdMap.has(cell)) {
-            this.cellIdMap.set(cell, ++this.itemIdCounter);
-        }
-        const objectId = this.cellIdMap.get(cell);
-        // Combine object ID with position to handle same object at different indices
-        return `cell-${index + this.startColIndex}-obj${objectId}`;
-    }
-    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) => {
-            const code = normalizeKeys(e);
-            if (this.tableType === 'values' && e.targe.tagName === 'TD') {
-                e.stopImmediatePropagation();
-                e.preventDefault();
-                if (code === Keys.ArrowLeft) {
-                    const id = e.target.getAttribute('id');
-                    if (id.split('-')[5] === '1') {
-                        const target = document.querySelector(`tr[aria-owns*="${id}"]`);
-                        pivotGrid.navigation.focusElement(target.lastElementChild, e.target);
-                    }
-                    else {
-                        pivotGrid.navigation.focusElement(e.target.previousElementSibling, e.target);
-                        if (!isVisible(e.target.previousElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
-                            e.target.previousElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
-                        }
-                    }
-                }
-                else if (code === Keys.ArrowRight) {
-                    const id = e.target.getAttribute('id');
-                    if (id.split('-')[5] !== this.headerItems.length.toString()) {
-                        pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
-                        if (!isVisible(e.target.nextElementSibling, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleX) {
-                            e.target.nextElementSibling.scrollIntoView({ behavior: 'auto', block: 'nearest', inline: 'start' });
-                        }
-                    }
-                }
-                else if (code === Keys.ArrowUp) {
-                    const id = e.target.getAttribute('id');
-                    if (id.split('-')[4] === '1') {
-                        const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
-                        pivotGrid.navigation.focusElement(target, e.target);
-                    }
-                    else {
-                        const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
-                        const elementToFocus = e.target.parentElement.previousElementSibling.children[index];
-                        pivotGrid.navigation.focusElement(elementToFocus, e.target);
-                        if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
-                            elementToFocus.scrollIntoView();
-                        }
-                    }
-                }
-                else if (code === Keys.ArrowDown) {
-                    const id = e.target.getAttribute('id');
-                    if (id.split('-')[4] !== this.totalRows.toString()) {
-                        const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
-                        const elementToFocus = e.target.parentElement.nextElementSibling.children[index];
-                        pivotGrid.navigation.focusElement(elementToFocus, e.target);
-                        if (!isVisible(elementToFocus, this.host.nativeElement, this.scrollable.offsetFirst, this.rtl).visibleY) {
-                            elementToFocus.scrollIntoView(false);
-                        }
-                    }
-                }
-            }
-            if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && code === Keys.ArrowRight) {
-                if (e.target.matches(':last-child')) {
-                    e.stopImmediatePropagation();
-                    e.preventDefault();
-                    const valuesContainer = this.host.nativeElement.nextElementSibling;
-                    valuesContainer.scrollLeft = this.rtl ? valuesContainer.scrollWidth : 0;
-                    this.zone.runOutsideAngular(() => setTimeout(() => {
-                        const elementToFocusId = e.target.parentElement.getAttribute('aria-owns').split(' ')[0];
-                        const elementToFocus = document.getElementById(elementToFocusId);
-                        pivotGrid.navigation.focusElement(elementToFocus, e.target);
-                    }));
-                }
-            }
-            if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && code === Keys.ArrowDown) {
-                if (e.target.parentElement.matches(':last-child')) {
-                    e.stopImmediatePropagation();
-                    e.preventDefault();
-                    const valuesContainer = this.host.nativeElement.nextElementSibling.nextElementSibling;
-                    valuesContainer.scrollTop = 0;
-                    this.zone.runOutsideAngular(() => setTimeout(() => {
-                        const elementToFocus = valuesContainer.querySelector(`td[aria-describedby*="${e.target.getAttribute('id')}"]`);
-                        pivotGrid.navigation.focusElement(elementToFocus, e.target);
-                    }));
-                }
-            }
-        }, true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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"
-            [ngStyle]="{
-                float: tableType === 'values' ? this.rtl ? 'right' : 'left' : 'initial',
-                overflow: 'scroll',
-                '-ms-overflow-style': tableType !== 'values' ? 'none' : 'auto',
-                'scrollbar-width': tableType !== 'values' ? 'none' : 'auto'
-            }">
-          <colgroup>
-          @if (tableType === 'values' && columnVirtualization && startColIndex > 0) {
-            <col [style.width]="startColIndex * (colWidth >= 0 ? colWidth : 200) + 'px'"/>
-          }
-          @for (item of (tableType === 'values' && columnVirtualization ? headerItems?.slice(0, renderedCols) : headerItems); track trackByColIndex($index, item)) {
-            <col
-              [style.width]="tableType !== 'rowHeader' ? colWidth >= 0 ? colWidth + 'px' : '200px' : undefined" />
-          }
-        </colgroup>
-        <tbody class="k-pivotgrid-tbody" [attr.role]="tableType === 'values' ? 'none' : 'rowgroup'">
-          @for (row of (tableType === 'values' && rowVirtualization ? renderedRows : rows); track trackByRowIndex($index, row); let rowIndex = $index) {
-            <tr
-              class="k-pivotgrid-row"
-              [attr.role]="tableType === 'values' ? 'none' : 'row'">
-              @if (tableType === 'values' && columnVirtualization && startColIndex > 0) {
-                <td class="k-pivotgrid-cell"></td>
-              }
-              @for (cell of (tableType === 'values' && columnVirtualization ? row?.cells.slice(startColIndex, (startColIndex + renderedCols)) : row?.cells); track trackByCellIndex($index, cell); let colIndex = $index) {
-                @if (cell && tableType !== 'values') {
-                  <th
-                    [kendoPivotGridCell]="cell"
-                    [customCellTemplate]="customCellTemplate"
-                    [rowHeaderCellTemplate]="rowHeaderCellTemplate"
-                    [columnHeaderCellTemplate]="columnHeaderCellTemplate"
-                    [tableType]="tableType"
-                    [colIndex]="colIndex + startColIndex"
-                    [rowIndex]="rowIndex + startRowIndex"
-                    [attr.aria-expanded]="cell.hasChildren && cell.children.length ? 'true' : 'false'"
-                    [attr.role]="tableType === 'columnHeader' ? 'columnheader' : tableType === 'rowHeader' ? 'rowheader' : 'none'"
-                  [attr.id]="pivotGridId + (tableType === 'columnHeader' ? 'ch-' : 'rh-') + (rowIndex + 1) + '-' + (colIndex + 1)"></th>
-                }
-                @if (cell && tableType === 'values') {
-                  <td
-                    [customCellTemplate]="customCellTemplate"
-                    [valueCellTemplate]="valueCellTemplate"
-                    [kendoPivotGridCell]="cell"
-                    tableType="values"
-                    [colIndex]="colIndex + startColIndex"
-                    [rowIndex]="rowIndex + startRowIndex"
-                    role="gridcell"
-                  [attr.id]="pivotGridId + 'cell-' + (rowIndex + startRowIndex + 1) + '-' + (colIndex + startColIndex + 1)"></td>
-                }
-              }
-            </tr>
-          }
-        </tbody>
-        </table>
-        `, isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: PivotGridTableComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-pivotgrid-table',
-                    template: `
-        <table
-          class="k-pivotgrid-table"
-          role="presentation"
-            [ngStyle]="{
-                float: tableType === 'values' ? this.rtl ? 'right' : 'left' : 'initial',
-                overflow: 'scroll',
-                '-ms-overflow-style': tableType !== 'values' ? 'none' : 'auto',
-                'scrollbar-width': tableType !== 'values' ? 'none' : 'auto'
-            }">
-          <colgroup>
-          @if (tableType === 'values' && columnVirtualization && startColIndex > 0) {
-            <col [style.width]="startColIndex * (colWidth >= 0 ? colWidth : 200) + 'px'"/>
-          }
-          @for (item of (tableType === 'values' && columnVirtualization ? headerItems?.slice(0, renderedCols) : headerItems); track trackByColIndex($index, item)) {
-            <col
-              [style.width]="tableType !== 'rowHeader' ? colWidth >= 0 ? colWidth + 'px' : '200px' : undefined" />
-          }
-        </colgroup>
-        <tbody class="k-pivotgrid-tbody" [attr.role]="tableType === 'values' ? 'none' : 'rowgroup'">
-          @for (row of (tableType === 'values' && rowVirtualization ? renderedRows : rows); track trackByRowIndex($index, row); let rowIndex = $index) {
-            <tr
-              class="k-pivotgrid-row"
-              [attr.role]="tableType === 'values' ? 'none' : 'row'">
-              @if (tableType === 'values' && columnVirtualization && startColIndex > 0) {
-                <td class="k-pivotgrid-cell"></td>
-              }
-              @for (cell of (tableType === 'values' && columnVirtualization ? row?.cells.slice(startColIndex, (startColIndex + renderedCols)) : row?.cells); track trackByCellIndex($index, cell); let colIndex = $index) {
-                @if (cell && tableType !== 'values') {
-                  <th
-                    [kendoPivotGridCell]="cell"
-                    [customCellTemplate]="customCellTemplate"
-                    [rowHeaderCellTemplate]="rowHeaderCellTemplate"
-                    [columnHeaderCellTemplate]="columnHeaderCellTemplate"
-                    [tableType]="tableType"
-                    [colIndex]="colIndex + startColIndex"
-                    [rowIndex]="rowIndex + startRowIndex"
-                    [attr.aria-expanded]="cell.hasChildren && cell.children.length ? 'true' : 'false'"
-                    [attr.role]="tableType === 'columnHeader' ? 'columnheader' : tableType === 'rowHeader' ? 'rowheader' : 'none'"
-                  [attr.id]="pivotGridId + (tableType === 'columnHeader' ? 'ch-' : 'rh-') + (rowIndex + 1) + '-' + (colIndex + 1)"></th>
-                }
-                @if (cell && tableType === 'values') {
-                  <td
-                    [customCellTemplate]="customCellTemplate"
-                    [valueCellTemplate]="valueCellTemplate"
-                    [kendoPivotGridCell]="cell"
-                    tableType="values"
-                    [colIndex]="colIndex + startColIndex"
-                    [rowIndex]="rowIndex + startRowIndex"
-                    role="gridcell"
-                  [attr.id]="pivotGridId + 'cell-' + (rowIndex + startRowIndex + 1) + '-' + (colIndex + startColIndex + 1)"></td>
-                }
-              }
-            </tr>
-          }
-        </tbody>
-        </table>
-        `,
-                    standalone: true,
-                    imports: [PivotGridCellDirective, NgStyle]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.NgZone }, { type: i3.PivotGridScrollService }], propDecorators: { tableType: [{
-                type: Input
-            }], colWidth: [{
-                type: Input
-            }], customCellTemplate: [{
-                type: Input
-            }], valueCellTemplate: [{
-                type: Input
-            }], rowHeaderCellTemplate: [{
-                type: Input
-            }], columnHeaderCellTemplate: [{
-                type: Input
-            }], scrollableSettings: [{
-                type: Input
-            }] } });

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

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the cell template of the PivotGrid. Allows customizing the content of the cells.
- *
- * To define the cell template, nest an `<ng-template>` tag with the
- * `kendoPivotGridCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-cell-template)).
- *
- * The template context provides the current cell item and the following additional fields:
- * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
- * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
- * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
- * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
- * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
- * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
- *
- * @example
- * ```html
- * <kendo-pivot-grid [data]="data" ...>
- *     <ng-template kendoPivotGridCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
- *       Row: {{rowIndex}}
- *     </ng-template>
- * </kendo-pivot-grid>
- * ```
- */
-export class CellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPivotGridCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

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

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the column header cell template of the PivotGrid. Allows customizing the content of the column header cells.
- *
- * To define the column header cell template, nest an `<ng-template>` tag with the
- * `kendoPivotGridColumnHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-column-header-cell-template)).
- *
- * The template context provides the current cell item and the following additional fields:
- * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
- * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
- * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
- * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
- * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
- * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
- *
- * @example
- * ```html
- * <kendo-pivot-grid [data]="data" ...>
- *     <ng-template kendoPivotGridColumnHeaderCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
- *       Row: {{rowIndex}}
- *     </ng-template>
- * </kendo-pivot-grid>
- * ```
- */
-export class ColumnHeaderCellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridColumnHeaderCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnHeaderCellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPivotGridColumnHeaderCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

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

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the row header cell template of the PivotGrid. Allows customizing the content of the row header cells.
- *
- * To define the row header cell template, nest an `<ng-template>` tag with the
- * `kendoPivotGridRowHeaderCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-row-header-cell-template)).
- *
- * The template context provides the current cell item and the following additional fields:
- * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
- * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
- * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
- * - `expanded`&mdash;The expanded state of the cell. Use `let-expanded="expanded"` to access this boolean variable in your template.
- * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
- * - `text`&mdash;The default cell text. Use `let-text="text"` to access this variable in your template.
- *
- * @example
- * ```html
- * <kendo-pivot-grid [data]="data" ...>
- *     <ng-template kendoPivotGridRowHeaderCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
- *       Row: {{rowIndex}}
- *     </ng-template>
- * </kendo-pivot-grid>
- * ```
- */
-export class RowHeaderCellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowHeaderCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowHeaderCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridRowHeaderCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowHeaderCellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPivotGridRowHeaderCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

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

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the value cell template of the PivotGrid. Allows customizing the content of the value cells.
- *
- * To define the value cell template, nest an `<ng-template>` tag with the
- * `kendoPivotGridValueCellTemplate` directive inside a `<kendo-pivot-grid>` tag ([see example](slug:templates_pivotgrid#toc-value-cell-template)).
- *
- * The template context provides the current cell item and the following additional fields:
- * - `cellItem`&mdash;The current cell item. This is the default template context that you can access with any `let-x` syntax&mdash;for example, `let-cellItem`.
- * - `columnIndex`&mdash;The current column index. Use `let-columnIndex="columnIndex"` to access this variable in your template.
- * - `rowIndex`&mdash;The current row index. Use `let-rowIndex="rowIndex"` to access this variable in your template.
- * - `tableType`&mdash;The table type identifier. Use `let-tableType="tableType"` to access this variable in your template.
- * - `value`&mdash;The default cell value. Use `let-value="value"` to access this variable in your template.
- *
- * @example
- * ```html
- * <kendo-pivot-grid [data]="data" ...>
- *     <ng-template kendoPivotGridValueCellTemplate let-cellItem let-rowIndex="rowIndex" let-column="column">
- *       Row: {{rowIndex}}
- *     </ng-template>
- * </kendo-pivot-grid>
- * ```
- */
-export class ValueCellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ValueCellTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ValueCellTemplateDirective, isStandalone: true, selector: "[kendoPivotGridValueCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ValueCellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPivotGridValueCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });