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

package/esm2022/columns/span-column.component.mjs

@@ -1,195 +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 { forwardRef, Component, SkipSelf, Host, Optional, QueryList, ContentChildren, Input } from '@angular/core';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import { EditTemplateDirective } from '../editing/edit-template.directive';
-import { ColumnBase } from './column-base';
-import { ColumnComponent } from "./column.component";
-import { isPresent } from "../utils";
-import { IdService } from '../common/id.service';
-import { ColumnConfigurationErrorMessages } from '../common/error-messages';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-base";
-import * as i2 from "../common/id.service";
-/**
- * @hidden
- */
-export function isSpanColumnComponent(column) {
-    return column.isSpanColumn;
-}
-/**
- * Represents a column that spans multiple data cells while keeping the individual
- * header and footer cells ([see example]({% slug spanned_columns_grid %})).
- * Use this column to create flexible layouts and keep built-in UI for
- * [sorting]({% slug sorting_grid %}), [filtering]({% slug filtering_grid %}), and
- * [grouping]({% slug grouping_grid %}). Wrap the columns you want to merge inside the `<kendo-grid-span-column>` tag.
- *
- * @example
- * ```html
- * <kendo-grid-span-column>
- *   <kendo-grid-column field="ID"></kendo-grid-column>
- *   <kendo-grid-column field="Name"></kendo-grid-column>
- *   <ng-template kendoGridCellTemplate let-dataItem>
- *     <p>{{ dataItem.ID }}</p>
- *     <p>{{ dataItem.Name }}</p>
- *   </ng-template>
- * </kendo-grid-span-column>
- * ```
- */
-export class SpanColumnComponent extends ColumnBase {
-    /*
-     * @hidden
-     */
-    isSpanColumn = true;
-    template = new QueryList();
-    editTemplate = new QueryList();
-    /**
-     * @hidden
-     */
-    children = new QueryList();
-    /**
-     * @hidden
-     */
-    title;
-    /**
-     * @hidden
-     */
-    headerStyle;
-    /**
-     * @hidden
-     */
-    footerStyle;
-    /**
-     * @hidden
-     */
-    headerClass;
-    /**
-     * @hidden
-     */
-    footerClass;
-    /**
-     * @hidden
-     */
-    includeInChooser = false;
-    /**
-     * Sets whether the edit template of the column is rendered.
-     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
-     * @default false
-     */
-    set editable(value) {
-        this._editable = value;
-    }
-    get editable() {
-        return isPresent(this.editTemplateRef) && this._editable;
-    }
-    /**
-     * @hidden
-     * added for backwards compitability
-     */
-    set width(_value) {
-    }
-    get width() {
-        return this.children.reduce((total, column) => total + column.width, 0);
-    }
-    /**
-     * @hidden
-     */
-    get leafIndex() {
-        return this.children.first.leafIndex;
-    }
-    _editable = true;
-    constructor(parent, idService) {
-        super(parent, idService);
-        if (parent && parent.isSpanColumn) {
-            throw new Error(ColumnConfigurationErrorMessages.nestedInside('SpanColumnComponent', 'SpanColumnComponent'));
-        }
-    }
-    /**
-     * @hidden
-     */
-    get templateRef() {
-        const template = this.template.first;
-        return template ? template.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get editTemplateRef() {
-        const editTemplate = this.editTemplate.first;
-        return editTemplate ? editTemplate.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get colspan() {
-        return this.children.filter(c => c.isVisible).length;
-    }
-    /**
-     * Toggles the locked (frozen) state of the columns ([see example](slug:locked_columns_grid)).
-     * @default false
-     */
-    set locked(value) {
-        this._locked = value;
-    }
-    get locked() {
-        return this._locked || this.children.some(c => c.locked);
-    }
-    get childrenArray() {
-        return this.children.toArray();
-    }
-    get hasChildren() {
-        return this.children.length > 0;
-    }
-    /**
-     * @hidden
-     *
-     * Used to hide the cellRowspan property from the public API.
-     */
-    set cellRowspan(cellRowSpan) {
-        super.cellRowspan = cellRowSpan;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpanColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SpanColumnComponent, isStandalone: true, selector: "kendo-grid-span-column", inputs: { editable: "editable", locked: "locked" }, providers: [
-            {
-                provide: ColumnBase,
-                useExisting: forwardRef(() => SpanColumnComponent)
-            }
-        ], queries: [{ propertyName: "template", predicate: CellTemplateDirective }, { propertyName: "editTemplate", predicate: EditTemplateDirective }, { propertyName: "children", predicate: ColumnComponent }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpanColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: ColumnBase,
-                            useExisting: forwardRef(() => SpanColumnComponent)
-                        }
-                    ],
-                    selector: 'kendo-grid-span-column',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnBase, decorators: [{
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Optional
-                }] }, { type: i2.IdService, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { template: [{
-                type: ContentChildren,
-                args: [CellTemplateDirective, { descendants: false }]
-            }], editTemplate: [{
-                type: ContentChildren,
-                args: [EditTemplateDirective, { descendants: false }]
-            }], children: [{
-                type: ContentChildren,
-                args: [ColumnComponent]
-            }], editable: [{
-                type: Input
-            }], locked: [{
-                type: Input
-            }] } });

package/esm2022/common/adaptiveness.service.mjs

@@ -1,72 +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 { AdaptiveService } from "@progress/kendo-angular-utils";
-import { ContextService } from "./provider.service";
-import * as i0 from "@angular/core";
-import * as i1 from "./provider.service";
-import * as i2 from "@progress/kendo-angular-utils";
-/**
- * @hidden
- *
- * The AdaptiveGridService is used to provide common information for the ActionSheet used in adaptive mode.
- */
-export class AdaptiveGridService {
-    ctx;
-    adaptiveService;
-    /**
-     * Emits when the ActionSheet view animation ends.
-     */
-    get animationEnd() {
-        return this.animationEndSubject.asObservable();
-    }
-    columnMenuService;
-    columns = [];
-    secondaryView;
-    viewType;
-    popupRef;
-    column;
-    filterMenuContainer;
-    filterMenuContainerComponentRef;
-    animationEndSubject = new Subject();
-    constructor(ctx, adaptiveService) {
-        this.ctx = ctx;
-        this.adaptiveService = adaptiveService;
-    }
-    submitFilter() {
-        this.filterMenuContainer.submit();
-        this.ctx.grid.adaptiveRenderer.actionSheet.toggle(false);
-        this.reset();
-    }
-    resetFilter() {
-        this.filterMenuContainer.reset();
-        this.ctx.grid.adaptiveRenderer.actionSheet.toggle(false);
-        this.reset();
-    }
-    reset() {
-        this.ctx.grid.adaptiveRenderer.actionSheet.currentView = 1;
-        this.filterMenuContainerComponentRef?.destroy();
-        this.column = null;
-        this.popupRef = null;
-        this.filterMenuContainer = null;
-        this.viewType = null;
-        this.secondaryView = null;
-    }
-    /**
-     * Notifies that the ActionSheet animation has ended.
-     */
-    notifyAnimationEnd() {
-        this.animationEndSubject.next();
-    }
-    get windowSize() {
-        return this.adaptiveService.size;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveGridService, deps: [{ token: i1.ContextService }, { token: i2.AdaptiveService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveGridService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveGridService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.AdaptiveService }] });

package/esm2022/common/cell-click-event-args.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/common/clipboard-types.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/common/clipboard.directive.mjs

@@ -1,197 +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, NgZone, Output, Renderer2, isDevMode } from '@angular/core';
-import { ClipboardService } from './clipboard.service';
-import { GridComponent } from '../grid.component';
-import { hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { Subscription } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { closest, contains } from '../rendering/common/dom-queries';
-import { recursiveFlatMap } from '../utils';
-import { ClipboardErrorMessages } from './error-messages';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-import * as i2 from "./clipboard.service";
-/**
- * Enables built-in clipboard support for the Grid. Allows copy, cut, and paste interactions.
- *
- * @example
- * ```html
- * <kendo-grid kendoGridClipboard></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class GridClipboardDirective {
-    host;
-    clipboardService;
-    renderer;
-    zone;
-    /**
-     * Sets the clipboard operation target. Possible values are `'activeCell'` and `'selection'`.([See example]({% slug clipboard_grid %}#toc-clipboard-target))
-     *
-     * @default 'selection'
-     */
-    set clipboardTarget(value) {
-        if (isDevMode()) {
-            this.zone.onStable.pipe(take(1)).subscribe(() => {
-                if (value === 'activeCell' && !(this.host.navigable.length)) {
-                    console.warn(ClipboardErrorMessages.clipboardTarget.activeCellNavigable);
-                }
-                else if (value === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
-                    console.warn(ClipboardErrorMessages.selectionSelectable);
-                }
-            });
-        }
-        this._target = value;
-    }
-    get clipboardTarget() {
-        return this._target;
-    }
-    /**
-     * Configures the clipboard directive settings.
-     *
-     * @default { wholeRow: false, copyHeaders: false, copy: true, cut: true, paste: true }
-     */
-    set clipboardSettings(value) {
-        this._clipboardSettings = Object.assign({}, this._clipboardSettings, value);
-    }
-    get clipboardSettings() {
-        return this._clipboardSettings;
-    }
-    /**
-     * Fires when a clipboard action (`cut`, `copy`, or `paste`) occurs in the Grid.
-     */
-    clipboard = new EventEmitter();
-    _target = 'selection';
-    _clipboardSettings = {
-        wholeRow: false,
-        copyHeaders: false,
-        copy: true,
-        cut: true,
-        paste: true
-    };
-    subs = new Subscription();
-    constructor(host, clipboardService, renderer, zone) {
-        this.host = host;
-        this.clipboardService = clipboardService;
-        this.renderer = renderer;
-        this.zone = zone;
-    }
-    ngAfterViewInit() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (this.clipboardTarget === 'selection' && !(this.host.selectable || this.host.selectionDirective)) {
-            console.warn(ClipboardErrorMessages.selectionSelectable);
-        }
-        // needed due to the following issue in Chrome
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=1156117&q=focus%20programmatically%20paste&can=2
-        this.zone.runOutsideAngular(() => {
-            this.subs.add(this.renderer.listen(document, 'copy', (args) => this.onClipboard('copy', args)));
-            this.subs.add(this.renderer.listen(document, 'cut', (args) => this.onClipboard('cut', args)));
-            this.subs.add(this.renderer.listen(document, 'paste', (args) => this.onClipboard('paste', args)));
-        });
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    onClipboard = (operationType, args) => {
-        if (!this.clipboardSettings[operationType] || !this.inGrid(args)) {
-            return;
-        }
-        const gridData = Array.isArray(this.host.data) ? this.host.data : this.host.data.data;
-        const gridDataItems = gridData.flatMap(recursiveFlatMap);
-        const selection = this.host.selection;
-        const selectionDirective = this.host.selectionDirective;
-        const targetType = this.clipboardTarget;
-        const isCellSelection = (this.host.selectable?.cell || selectionDirective.isCellSelectionMode);
-        let clipboardData = [];
-        switch (targetType) {
-            case 'activeCell':
-                {
-                    const targetCell = { ...this.host.activeCell };
-                    clipboardData = targetCell && [{ dataItem: targetCell.dataItem, dataRowIndex: targetCell.dataRowIndex, colIndex: targetCell.colIndex }];
-                }
-                break;
-            case 'selection':
-                {
-                    const identifier = selectionDirective.selectionKey;
-                    clipboardData = gridDataItems.flatMap((item, index) => {
-                        if (identifier) {
-                            const key = typeof identifier === 'string' ? item[identifier] : identifier({ index: index + this.host.skip, dataItem: item });
-                            return isCellSelection ?
-                                selection.some(s => s.itemKey === key) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
-                                selection.indexOf(key) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
-                        }
-                        return isCellSelection ?
-                            selection.some(s => s.itemKey === index + this.host.skip) ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [] :
-                            selection.indexOf(index + this.host.skip) > -1 ? [{ dataItem: item, dataRowIndex: index + this.host.skip }] : [];
-                    });
-                }
-                break;
-        }
-        const isPaste = operationType === 'paste';
-        const pastedData = args.clipboardData.getData('text');
-        const visibleCols = this.host.columns.toArray().filter(c => c.isVisible);
-        if (visibleCols.some(c => c.orderIndex > 0)) { // columns have been reordered
-            visibleCols.sort((a, b) => a.orderIndex - b.orderIndex);
-        }
-        const data = isPaste ?
-            {
-                dataString: pastedData,
-                gridItems: this.clipboardService.getGridData(pastedData, visibleCols, this.clipboardTarget, clipboardData[0]?.dataRowIndex, {
-                    wholeRow: this.clipboardSettings.wholeRow,
-                    isCellSelection
-                })
-            } :
-            this.clipboardService.createClipboardData(clipboardData || [], visibleCols, {
-                wholeRow: this.clipboardSettings.wholeRow || (this.clipboardTarget === 'selection' && !isCellSelection),
-                target: this.clipboardTarget,
-                copyHeaders: this.clipboardSettings.copyHeaders,
-                operationType
-            });
-        !isPaste && navigator.clipboard.writeText(data.dataString);
-        if (hasObservers(this.clipboard)) {
-            this.zone.run(() => {
-                this.clipboard.emit({
-                    type: operationType,
-                    originalEvent: args,
-                    clipboardData: data.dataString,
-                    gridData: data.gridItems,
-                    target: {
-                        dataRowIndex: this.clipboardService.targetRowIndex,
-                        colField: this.clipboardService.targetColField,
-                        dataItem: clipboardData.find(item => item.dataRowIndex === this.clipboardService.targetRowIndex)?.dataItem
-                    }
-                });
-            });
-        }
-        this.clipboardService.targetColField = this.clipboardService.targetRowIndex = null;
-    };
-    inGrid = (args) => {
-        const target = document.activeElement.matches('.k-table-td') ? document.activeElement : args.target;
-        const inContentArea = closest(target, node => node.parentElement?.classList.contains('k-grid-container'));
-        const inHost = contains(this.host.wrapper.nativeElement, target);
-        return target && inHost && inContentArea;
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridClipboardDirective, deps: [{ token: i1.GridComponent }, { token: i2.ClipboardService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GridClipboardDirective, isStandalone: true, selector: "[kendoGridClipboard]", inputs: { clipboardTarget: "clipboardTarget", clipboardSettings: "clipboardSettings" }, outputs: { clipboard: "clipboard" }, providers: [ClipboardService], exportAs: ["kendoGridClipboard"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridClipboardDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridClipboard]',
-                    exportAs: 'kendoGridClipboard',
-                    providers: [ClipboardService],
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.ClipboardService }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { clipboardTarget: [{
-                type: Input
-            }], clipboardSettings: [{
-                type: Input
-            }], clipboard: [{
-                type: Output
-            }] } });