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

package/esm2022/navigation/toolbar-tool-name.mjs

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const ToolbarToolName = {
-    edit: 'edit',
-    save: 'save',
-    remove: 'remove',
-    cancel: 'cancel',
-    add: 'add',
-    columns: 'columns',
-    excelExport: 'excelExport',
-    pdfExport: 'pdfExport',
-    aiAssistant: 'aiAssistant'
-};

package/esm2022/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-grid',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393268,
-    version: '21.4.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};

package/esm2022/pdf/export-element.mjs

@@ -1,135 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { GridQuery } from './grid-query';
-const FIRST_CLASS = 'k-first';
-const INPUTS = ['input', 'select', 'textarea', 'option'];
-/** @hidden */
-export const cloneNode = (node) => {
-    const clone = node.cloneNode(false);
-    if (node._kendoExportVisual) {
-        clone._kendoExportVisual = node._kendoExportVisual;
-    }
-    if (INPUTS.indexOf(String(node.nodeName).toLowerCase()) >= 0) {
-        clone.removeAttribute("id");
-        clone.removeAttribute("name");
-        clone.value = node.value;
-        clone.checked = node.checked;
-        clone.selected = node.selected;
-    }
-    let child = node.firstChild;
-    while (child) {
-        clone.appendChild(cloneNode(child));
-        child = child.nextSibling;
-    }
-    return clone;
-};
-const appendNodes = (element, nodes) => {
-    const length = nodes.length;
-    for (let idx = 0; idx < length; idx++) {
-        element.appendChild(cloneNode(nodes[idx]));
-    }
-};
-const wrapTable = (table, size) => {
-    if (!isDocumentAvailable()) {
-        return;
-    }
-    const wrapper = document.createElement('div');
-    const classes = ['k-grid'];
-    if (size && size !== 'none') {
-        classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
-    }
-    wrapper.classList.add(...classes);
-    wrapper.appendChild(table);
-    return wrapper;
-};
-const createTableElement = (sources) => {
-    const sourceCount = sources.length;
-    const element = cloneNode(sources[0]);
-    const rowsCount = element.rows.length;
-    if (sourceCount > 1) {
-        for (let rowIdx = 0; rowIdx < rowsCount; rowIdx++) {
-            for (let sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {
-                appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
-            }
-        }
-    }
-    return element;
-};
-const setFirstCellClass = (header, headers) => {
-    if (headers.length > 1 && header.rows.length > 1) {
-        for (let idx = 1; idx < header.rows.length; idx++) {
-            const firstCellIndex = headers[0].rows[idx].cells.length;
-            const cell = header.rows[idx].cells[firstCellIndex];
-            if (String(cell.className).indexOf(FIRST_CLASS) === -1) {
-                cell.className += ` ${FIRST_CLASS}`;
-            }
-        }
-    }
-};
-const createTable = (colGroups, headers, bodies, footers, size) => {
-    const table = document.createElement('table');
-    const classes = ['k-table'];
-    if (size && size !== 'none') {
-        classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
-    }
-    table.classList.add(...classes);
-    const colGroup = colGroups[0].cloneNode(true);
-    for (let idx = 1; idx < colGroups.length; idx++) {
-        appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
-    }
-    const body = createTableElement(bodies);
-    let header;
-    if (headers.length > 0) {
-        header = createTableElement(headers);
-        setFirstCellClass(header, headers);
-    }
-    table.appendChild(colGroup);
-    header && table.appendChild(header);
-    table.appendChild(body);
-    if (footers.length) {
-        const footer = createTableElement(footers);
-        table.appendChild(footer);
-    }
-    return wrapTable(table, size);
-};
-/**
- * @hidden
- */
-export const exportElement = (wrapper, size) => {
-    const query = new GridQuery(wrapper);
-    const content = query.content();
-    let result;
-    if (content) {
-        const colGroups = [content.querySelector('colgroup')];
-        const bodies = [content.querySelector('tbody')];
-        const header = query.header();
-        const footer = query.footer();
-        const headers = [];
-        const footers = [];
-        if (header) {
-            headers.push(header.querySelector('thead'));
-        }
-        if (footer) {
-            footers.push(footer.querySelector('tfoot'));
-        }
-        const lockedContent = query.content(true);
-        if (lockedContent) {
-            if (headers.length > 0) {
-                headers.unshift(query.header(true).querySelector('thead'));
-            }
-            colGroups.unshift(lockedContent.querySelector('colgroup'));
-            bodies.unshift(lockedContent.querySelector('tbody'));
-            if (footer) {
-                footers.unshift(query.footer(true).querySelector('tfoot'));
-            }
-        }
-        result = createTable(colGroups, headers, bodies, footers, size);
-    }
-    else {
-        result = wrapTable(query.table().cloneNode(true), size);
-    }
-    return result;
-};

package/esm2022/pdf/grid-query.mjs

@@ -1,45 +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 { matchesClasses, matchesNodeName, findElement } from '../rendering/common/dom-queries';
-/**
- * @hidden
- */
-export const HEADER_CLASS = 'k-grid-header';
-/**
- * @hidden
- */
-export const FOOTER_CLASS = 'k-grid-footer';
-const GRID_LIST = 'KENDO-GRID-LIST';
-const TABLE = 'TABLE';
-const matchesList = matchesNodeName(GRID_LIST);
-const matchesTable = matchesNodeName(TABLE);
-const suffix = (locked) => locked ? 'locked' : 'wrap';
-/**
- * @hidden
- */
-export class GridQuery {
-    element;
-    headerWrap;
-    list;
-    footerWrap;
-    constructor(element) {
-        this.element = element;
-        this.list = findElement(element, matchesList);
-    }
-    content(locked) {
-        return findElement(this.list, matchesClasses(`k-grid-content${locked ? '-locked' : ''}`));
-    }
-    header(locked) {
-        this.headerWrap = this.headerWrap || findElement(this.element, matchesClasses(HEADER_CLASS));
-        return findElement(this.headerWrap, matchesClasses(`${HEADER_CLASS}-${suffix(locked)}`));
-    }
-    footer(locked) {
-        this.footerWrap = this.footerWrap || findElement(this.element, matchesClasses(FOOTER_CLASS));
-        return findElement(this.footerWrap, matchesClasses(`${FOOTER_CLASS}-${suffix(locked)}`));
-    }
-    table() {
-        return findElement(this.element, matchesTable);
-    }
-}

package/esm2022/pdf/pdf-command-tool.directive.mjs

@@ -1,60 +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 { ChangeDetectorRef, Directive, NgZone } from '@angular/core';
-import { PDFService } from './pdf.service';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { ContextService } from '../common/provider.service';
-import { ToolbarToolBase } from '../common/toolbar-tool-base.directive';
-import { ToolbarToolName } from '../navigation/toolbar-tool-name';
-import * as i0 from "@angular/core";
-import * as i1 from "./pdf.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../common/provider.service";
-/**
- * Represents the PDF export toolbar tool of the Grid.
- * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
- * When you click the toolbar button with this directive, the [`pdfExport`]({% slug api_grid_gridcomponent %}#toc-pdfexport) event fires. ([See example]({% slug pdfexport_grid %})).
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Export to PDF" kendoGridPDFTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- *      <kendo-grid-pdf fileName="products.pdf"></kendo-grid-pdf>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class PDFCommandToolbarDirective extends ToolbarToolBase {
-    pdfService;
-    host;
-    constructor(pdfService, host, ctx, zone, cdr) {
-        super(host, ToolbarToolName.pdfExport, ctx, zone, cdr);
-        this.pdfService = pdfService;
-        this.host = host;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.host.className = 'k-grid-pdf';
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        this.pdfService.exportClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: i1.PDFService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoGridPDFTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridPDFTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.PDFService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });

package/esm2022/pdf/pdf-command.directive.mjs

@@ -1,98 +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, HostListener, HostBinding, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { ContextService } from '../common/provider.service';
-import { PDFService } from './pdf.service';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { NgClass } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "./pdf.service";
-import * as i2 from "../common/provider.service";
-/**
- * Represents the PDF export command of the Grid.
- * Apply this directive to any `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
- * When you click a button with this directive, the [`pdfExport`]({% slug api_grid_gridcomponent %}#toc-pdfexport) event fires. ([See example]({% slug pdfexport_grid %})).
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <ng-template kendoGridToolbarTemplate>
- *          <button kendoGridPDFCommand>Export to PDF</button>
- *      </ng-template>
- *      <kendo-grid-pdf fileName="products.pdf"></kendo-grid-pdf>
- * </kendo-grid>
- * ```
- */
-export class PDFCommandDirective extends Button {
-    pdfService;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        this.pdfService.exportClick.emit();
-    }
-    /**
-     * @hidden
-     */
-    get pdfClass() {
-        return true;
-    }
-    constructor(pdfService, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.pdfService = pdfService;
-        this.ngZone = ngZone;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PDFCommandDirective, isStandalone: true, selector: "[kendoGridPDFCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-pdf": "this.pdfClass" } }, usesInheritance: true, ngImport: i0, template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridPDFCommand]',
-                    template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i1.PDFService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], pdfClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-pdf']
-            }] } });

package/esm2022/pdf/pdf-export-event.mjs

@@ -1,16 +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 { PreventableEvent } from '../common/preventable-event';
-/**
- * Provides the arguments for the `pdfExport` event.
- */
-export class PDFExportEvent extends PreventableEvent {
-    /**
-     * @hidden
-     */
-    constructor() {
-        super();
-    }
-}

package/esm2022/pdf/pdf-margin.component.mjs

@@ -1,38 +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 } from '@angular/core';
-import { PDFExportMarginComponent } from '@progress/kendo-angular-pdf-export';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI PDFMargin component for Angular.
- * Use this component to set the PDF page margins.
- * Supported units are:
- * - `"mm"`
- * - `"cm"`
- * - `"in"`
- * - `"pt"` (default)
- * When you provide only a number, the units default to points (`pt`).
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-grid-pdf [allPages]="true" [delay]="100">
- *     <kendo-grid-pdf-margin top="1cm" bottom="1cm" left="1cm" right="1cm"></kendo-grid-pdf-margin>
- *   </kendo-grid-pdf>
- * </kendo-grid>
- * ```
- */
-export class PDFMarginComponent extends PDFExportMarginComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PDFMarginComponent, isStandalone: true, selector: "kendo-grid-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFMarginComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-pdf-margin',
-                    template: '',
-                    standalone: true
-                }]
-        }] });

package/esm2022/pdf/pdf-margin.interface.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/pdf/pdf-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, Optional, TemplateRef } from '@angular/core';
-import { PDFExportTemplateDirective } from '@progress/kendo-angular-pdf-export';
-import * as i0 from "@angular/core";
-/**
- * The directive allows customizing the PDF page template for the Grid.
- * Place an `<ng-template>` with the `kendoGridPDFTemplate` directive inside the `<kendo-grid-pdf>` tag.
- *
- * The template context provides:
- * - `pageNumber`&mdash;The current PDF page number.
- * - `totalPages`&mdash;The total number of PDF pages.
- *
- * @example
- * ```html
- * <kendo-grid [data]="gridData">
- *   ...
- *   <kendo-grid-pdf fileName="Products.pdf" paperSize="A4">
- *     <ng-template kendoGridPDFTemplate let-pageNumber="pageNumber" let-totalPages="totalPages">
- *         Page {{ pageNumber }} of {{ totalPages }}
- *     </ng-template>
- *   </kendo-grid-pdf>
- * </kendo-grid>
- * ```
- */
-export class PDFTemplateDirective extends PDFExportTemplateDirective {
-    constructor(templateRef) {
-        super(templateRef);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PDFTemplateDirective, isStandalone: true, selector: "[kendoGridPDFTemplate]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridPDFTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });