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

package/esm2022/rendering/details/details.service.mjs

@@ -1,56 +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 { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { DetailCollapseEvent } from './detail-collapse-event';
-import { DetailExpandEvent } from './detail-expand-event';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class DetailsService {
-    userCallback;
-    changes = new Subject();
-    rowState = new Set();
-    ngOnDestroy() {
-        this.rowState.clear();
-    }
-    isExpanded(index, dataItem) {
-        if (this.userCallback) {
-            return this.userCallback({ index, dataItem });
-        }
-        return this.rowState.has(index);
-    }
-    toggleRow(index, dataItem) {
-        if (this.isExpanded(index, dataItem)) {
-            this.collapseRow(index, dataItem);
-        }
-        else {
-            this.expandRow(index, dataItem);
-        }
-    }
-    expandRow(index, dataItem) {
-        const prevented = this.emitEvent({ dataItem, index, expand: true });
-        if (!prevented && !this.userCallback) {
-            this.rowState.add(index);
-        }
-    }
-    collapseRow(index, dataItem) {
-        const prevented = this.emitEvent({ dataItem, index, expand: false });
-        if (!prevented && !this.userCallback) {
-            this.rowState.delete(index);
-        }
-    }
-    emitEvent(args) {
-        const eventArg = new (args.expand ? DetailExpandEvent : DetailCollapseEvent)(args);
-        this.changes.next(eventArg);
-        return eventArg.isDefaultPrevented();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailsService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailsService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/rendering/details-expand.directive.mjs

@@ -1,136 +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, EventEmitter, Input, Output } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { Subscription, merge } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { getter } from '@progress/kendo-common';
-import { isPresent, isString } from '../utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-/**
- * Controls the expanded state of master detail rows in the Grid.
- * Use this directive to manage which detail rows are expanded or collapsed.
- * ([see example](slug:master_detail_expanded_state_grid#toc-built-in-directive))
- *
- * @example
- * ```html
- * <kendo-grid
- *     [kendoGridExpandDetailsBy]="expandDetailsKey"
- *     [expandedDetailKeys]="expandedDetailKeys">
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class ExpandDetailsDirective {
-    grid;
-    /**
-     * Fires when the `expandedDetailKeys` collection changes.
-     */
-    expandedDetailKeysChange = new EventEmitter();
-    /**
-     * Sets the item key stored in the `expandedDetailKeys` collection.
-     * Accepts a property name or a function that returns a unique key for each data item.
-     * ([See example]({% slug master_detail_expanded_state_grid %}#toc-built-in-directive)).
-     */
-    get expandDetailsKey() {
-        return this._expandBy;
-    }
-    set expandDetailsKey(key) {
-        if (isString(key)) {
-            this._expandBy = getter(key);
-        }
-        else {
-            this._expandBy = key;
-        }
-    }
-    /**
-     * @hidden
-     * A deprecated alias for setting the `expandDetailsKey` property.
-     */
-    get expandDetailBy() {
-        return this.expandDetailsKey;
-    }
-    set expandDetailBy(key) {
-        this.expandDetailsKey = key;
-    }
-    /**
-     * Holds the collection of expanded detail row keys.
-     * Set this property to control which detail rows are expanded.
-     */
-    expandedDetailKeys = [];
-    /**
-     * Specifies if detail rows are expanded by default.
-     * When set to `true`, items in the `expandedDetailKeys` collection are collapsed, and all others are expanded.
-     * @default false
-     */
-    initiallyExpanded = false;
-    expandedState = new Set();
-    lastExpandedState;
-    _expandBy;
-    subscriptions = new Subscription();
-    constructor(grid) {
-        this.grid = grid;
-        this.grid.isDetailExpanded = this.isExpanded.bind(this);
-        this.subscriptions.add(merge(this.grid.detailExpand.pipe(map(e => ({ expand: true, ...e }))), this.grid.detailCollapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleState.bind(this)));
-    }
-    ngOnChanges(changes) {
-        // skip reinitialization if the user data is the same as the last state change
-        if (isPresent(changes['expandedDetailKeys']) && this.lastExpandedState !== this.expandedDetailKeys) {
-            this.expandedState = new Set(this.expandedDetailKeys);
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    get keyGetter() {
-        return this._expandBy || getter(undefined);
-    }
-    /**
-     * @hidden
-     */
-    isExpanded(args) {
-        const key = this.keyGetter(args.dataItem);
-        const hasKey = this.expandedState.has(key);
-        // when [initiallyExpanded]="true" a present key means the corresponding detail row is collapsed
-        return this.initiallyExpanded ? !hasKey : hasKey;
-    }
-    toggleState(args) {
-        const key = this.keyGetter(args.dataItem);
-        if (Boolean(this.initiallyExpanded) !== args.expand) {
-            this.expandedState.add(key);
-        }
-        else {
-            this.expandedState.delete(key);
-        }
-        this.notifyChange();
-    }
-    notifyChange() {
-        this.lastExpandedState = Array.from(this.expandedState);
-        this.expandedDetailKeysChange.emit(this.lastExpandedState);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpandDetailsDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ExpandDetailsDirective, isStandalone: true, selector: "[kendoGridExpandDetailsBy]", inputs: { expandDetailsKey: ["kendoGridExpandDetailsBy", "expandDetailsKey"], expandDetailBy: "expandDetailBy", expandedDetailKeys: "expandedDetailKeys", initiallyExpanded: "initiallyExpanded" }, outputs: { expandedDetailKeysChange: "expandedDetailKeysChange" }, exportAs: ["kendoGridExpandDetailsBy"], usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpandDetailsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridExpandDetailsBy]',
-                    exportAs: 'kendoGridExpandDetailsBy',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }], propDecorators: { expandedDetailKeysChange: [{
-                type: Output
-            }], expandDetailsKey: [{
-                type: Input,
-                args: ['kendoGridExpandDetailsBy']
-            }], expandDetailBy: [{
-                type: Input
-            }], expandedDetailKeys: [{
-                type: Input
-            }], initiallyExpanded: [{
-                type: Input
-            }] } });

package/esm2022/rendering/footer/footer-template.directive.mjs

@@ -1,48 +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, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the column footer cell template of the Grid
- * ([more information and example]({% slug templates_columns_grid %}#toc-footer-template)).
- * Use this directive to customize the table footer cell for a column.
- * To define a footer template, nest an `<ng-template>` tag with the
- * [`kendoGridFooterTemplate`]({% slug api_grid_footertemplatedirective %}) directive inside the `<kendo-grid-column>` tag.
- *
- * The template context is set to the current column. The following additional fields are available:
- * * `column`&mdash;An instance of the [`ColumnComponent`]({% slug api_grid_columncomponent %}) option.
- * * `columnIndex`&mdash;The current column index.
- *
- * For more information about displaying aggregates in the footer of the Grid,
- * see the article on [aggregates]({% slug groupable_grid_with_aggregates %}).
- *
- * @example
- * ```html
- * <kendo-grid [data]="gridData" scrollable="none">
- *    <kendo-grid-column field="ProductName">
- *       <ng-template kendoGridFooterTemplate let-column let-columnIndex="columnIndex">
- *          {{column.field}}({{columnIndex}})
- *       </ng-template>
- *    </kendo-grid-column>
- * </kendo-grid>
- * ```
- */
-export class FooterTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoGridFooterTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridFooterTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/rendering/footer/footer.component.mjs

@@ -1,266 +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 { ColumnInfoService } from './../../common/column-info.service';
-import { Component, Input, HostBinding } from '@angular/core';
-import { DetailTemplateDirective } from '../details/detail-template.directive';
-import { columnsToRender } from '../../columns/column-common';
-import { isPresent } from '../../utils';
-import { ColumnsContainer } from '../../columns/columns-container';
-import { isColumnGroupComponent } from '../../columns/column-group.component';
-import { LogicalCellDirective } from '../../navigation/logical-cell.directive';
-import { NgClass, NgStyle } from '@angular/common';
-import { LogicalRowDirective } from '../../navigation/logical-row.directive';
-import { TemplateContextDirective } from '@progress/kendo-angular-common';
-import { ContextService } from '../../common/provider.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./../../common/column-info.service";
-import * as i2 from "../../common/provider.service";
-/**
- * @hidden
- */
-export class FooterComponent {
-    columnInfoService;
-    ctx;
-    columns = [];
-    groups = [];
-    detailTemplate;
-    scrollable;
-    lockedColumnsCount = 0;
-    logicalRowIndex = 0;
-    totalColumns;
-    totalColumnsCount = 0;
-    get footerClass() {
-        return !this.scrollable;
-    }
-    hostClass = true;
-    hostRole = 'rowgroup';
-    constructor(columnInfoService, ctx) {
-        this.columnInfoService = columnInfoService;
-        this.ctx = ctx;
-    }
-    get columnsToRender() {
-        return columnsToRender(this.columns || []);
-    }
-    // Number of unlocked columns in the next table, if any
-    get unlockedColumnsCount() {
-        return this.totalColumnsCount - (this.isStacked ? 0 : this.lockedColumnsCount) - this.columns.length;
-    }
-    trackByIndex(index) {
-        return index;
-    }
-    logicalColumnIndex(column) {
-        const index = column.leafIndex;
-        if (isPresent(index)) {
-            return index + (isPresent(this.detailTemplate) ? 1 : 0);
-        }
-        return -1;
-    }
-    addStickyStyles(column) {
-        const stickyStyles = this.columnInfoService.stickyColumnsStyles(column);
-        return { ...column.footerStyle, ...stickyStyles };
-    }
-    isColumnGroupComponent(column) {
-        return isColumnGroupComponent(column);
-    }
-    get isStacked() {
-        return this.ctx.grid?.isStacked;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, deps: [{ token: i1.ColumnInfoService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns", totalColumnsCount: "totalColumnsCount" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
-    <ng-container>
-      <tr
-        class="k-footer-template"
-        kendoGridLogicalRow
-        [logicalRowIndex]="logicalRowIndex"
-        [logicalSlaveRow]="lockedColumnsCount > 0 && !isStacked"
-        [logicalCellsCount]="columns.length"
-        [logicalSlaveCellsCount]="unlockedColumnsCount"
-        [totalColumns]="totalColumns"
-        >
-        @if (!isStacked) {
-          @for (g of groups; track g) {
-            <td
-              class="k-table-td k-group-cell k-table-group-td"
-              role="presentation"
-              >
-            </td>
-          }
-        }
-        @if (detailTemplate?.templateRef && !isStacked) {
-          <td
-            role="presentation"
-            class="k-table-td k-hierarchy-cell"
-            >
-          </td>
-        }
-        @if (!isStacked) {
-          @for (column of columnsToRender; track $index; let columnIndex = $index) {
-            @if (!isColumnGroupComponent(column)) {
-              <td
-                kendoGridLogicalCell
-                class="k-table-td"
-                [logicalRowIndex]="logicalRowIndex"
-                [logicalColIndex]="logicalColumnIndex(column)"
-                role="gridcell"
-                aria-selected="false"
-                [class.k-grid-footer-sticky]="column.sticky"
-                [ngClass]="column.footerClass"
-                [ngStyle]="column.sticky ? addStickyStyles(column) : column.footerStyle">
-                <ng-template
-                            [templateContext]="{
-                                templateRef: column.footerTemplateRef,
-                                columnIndex: column.leafIndex,
-                                column: column,
-                                $implicit: column
-                            }">
-                </ng-template>
-              </td>
-            }
-          }
-        }
-
-        @if (isStacked) {
-          <td kendoGridLogicalCell
-            class="k-table-td"
-            [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="detailTemplate ? 1 : 0"
-            role="gridcell"
-            aria-selected="false">
-            <div class="k-grid-column-template">
-              @for (column of columnsToRender; track $index) {
-                @if (column.footerTemplateRef) {
-                  <div class="k-column-template-item">
-                    <ng-template
-                                    [templateContext]="{
-                                        templateRef: column.footerTemplateRef,
-                                        columnIndex: column.leafIndex,
-                                        column: column,
-                                        $implicit: column
-                                    }">
-                    </ng-template>
-                  </div>
-                }
-              }
-            </div>
-          </td>
-        }
-      </tr>
-    </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridFooter]',
-                    template: `
-    <ng-container>
-      <tr
-        class="k-footer-template"
-        kendoGridLogicalRow
-        [logicalRowIndex]="logicalRowIndex"
-        [logicalSlaveRow]="lockedColumnsCount > 0 && !isStacked"
-        [logicalCellsCount]="columns.length"
-        [logicalSlaveCellsCount]="unlockedColumnsCount"
-        [totalColumns]="totalColumns"
-        >
-        @if (!isStacked) {
-          @for (g of groups; track g) {
-            <td
-              class="k-table-td k-group-cell k-table-group-td"
-              role="presentation"
-              >
-            </td>
-          }
-        }
-        @if (detailTemplate?.templateRef && !isStacked) {
-          <td
-            role="presentation"
-            class="k-table-td k-hierarchy-cell"
-            >
-          </td>
-        }
-        @if (!isStacked) {
-          @for (column of columnsToRender; track $index; let columnIndex = $index) {
-            @if (!isColumnGroupComponent(column)) {
-              <td
-                kendoGridLogicalCell
-                class="k-table-td"
-                [logicalRowIndex]="logicalRowIndex"
-                [logicalColIndex]="logicalColumnIndex(column)"
-                role="gridcell"
-                aria-selected="false"
-                [class.k-grid-footer-sticky]="column.sticky"
-                [ngClass]="column.footerClass"
-                [ngStyle]="column.sticky ? addStickyStyles(column) : column.footerStyle">
-                <ng-template
-                            [templateContext]="{
-                                templateRef: column.footerTemplateRef,
-                                columnIndex: column.leafIndex,
-                                column: column,
-                                $implicit: column
-                            }">
-                </ng-template>
-              </td>
-            }
-          }
-        }
-
-        @if (isStacked) {
-          <td kendoGridLogicalCell
-            class="k-table-td"
-            [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="detailTemplate ? 1 : 0"
-            role="gridcell"
-            aria-selected="false">
-            <div class="k-grid-column-template">
-              @for (column of columnsToRender; track $index) {
-                @if (column.footerTemplateRef) {
-                  <div class="k-column-template-item">
-                    <ng-template
-                                    [templateContext]="{
-                                        templateRef: column.footerTemplateRef,
-                                        columnIndex: column.leafIndex,
-                                        column: column,
-                                        $implicit: column
-                                    }">
-                    </ng-template>
-                  </div>
-                }
-              }
-            </div>
-          </td>
-        }
-      </tr>
-    </ng-container>
-    `,
-                    standalone: true,
-                    imports: [LogicalRowDirective, LogicalCellDirective, NgClass, NgStyle, TemplateContextDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnInfoService }, { type: i2.ContextService }], propDecorators: { columns: [{
-                type: Input
-            }], groups: [{
-                type: Input
-            }], detailTemplate: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], lockedColumnsCount: [{
-                type: Input
-            }], logicalRowIndex: [{
-                type: Input
-            }], totalColumns: [{
-                type: Input
-            }], totalColumnsCount: [{
-                type: Input
-            }], footerClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-footer']
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-table-tfoot']
-            }], hostRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }] } });

package/esm2022/rendering/grid-table.directive.mjs

@@ -1,52 +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, ElementRef, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class GridTableDirective {
-    wrapper;
-    hostClass = true;
-    get sizeSmallClass() {
-        return this.size === 'small';
-    }
-    get sizeMediumClass() {
-        return this.size === 'medium' || !this.size;
-    }
-    set size(size) {
-        this._size = size;
-        if (size === 'none') {
-            this.wrapper.nativeElement.classList.remove('k-table-sm', 'k-table-md');
-        }
-    }
-    get size() {
-        return this._size;
-    }
-    _size = 'medium';
-    constructor(wrapper) {
-        this.wrapper = wrapper;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GridTableDirective, isStandalone: true, selector: "[kendoGridTable]", inputs: { size: "size" }, host: { properties: { "class.k-table": "this.hostClass", "class.k-table-sm": "this.sizeSmallClass", "class.k-table-md": "this.sizeMediumClass" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridTableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridTable]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-table']
-            }], sizeSmallClass: [{
-                type: HostBinding,
-                args: ['class.k-table-sm']
-            }], sizeMediumClass: [{
-                type: HostBinding,
-                args: ['class.k-table-md']
-            }], size: [{
-                type: Input
-            }] } });