@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/dragdrop/drag-and-drop.service.mjs

@@ -1,65 +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, EventEmitter } from '@angular/core';
-import { contains } from './common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class DragAndDropService {
-    changes = new EventEmitter();
-    register = [];
-    lastTarget = null;
-    add(target) {
-        this.register.push(target);
-    }
-    remove(target) {
-        this.register = this.register.filter(current => current !== target);
-    }
-    notifyDrag(draggable, element, mouseEvent) {
-        const target = this.targetFor(element);
-        if (this.lastTarget === target) {
-            return;
-        }
-        this.changes.next({
-            draggable,
-            mouseEvent,
-            target: this.lastTarget,
-            type: 'leave'
-        });
-        if (target) {
-            this.changes.next({
-                draggable,
-                mouseEvent,
-                target,
-                type: 'enter'
-            });
-        }
-        this.lastTarget = target;
-    }
-    notifyDrop(draggable, mouseEvent) {
-        const target = draggable && draggable.element && this.targetFor(draggable.element.nativeElement);
-        if (target && this.lastTarget === target) {
-            this.lastTarget = null;
-            return;
-        }
-        this.changes.next({
-            draggable,
-            mouseEvent,
-            target: this.lastTarget,
-            type: 'drop'
-        });
-        this.lastTarget = null;
-    }
-    targetFor(element) {
-        const comparer = contains.bind(null, element);
-        return this.register.find(({ element: { nativeElement } }) => comparer(nativeElement));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragAndDropService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragAndDropService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/dragdrop/drag-hint.service.mjs

@@ -1,137 +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, SecurityContext } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { append } from './common';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { lockIcon, unlockIcon, plusIcon, cancelIcon } from '@progress/kendo-svg-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/platform-browser";
-import * as i2 from "@progress/kendo-angular-icons";
-const updateClass = (element, valid, svg) => {
-    const icon = element.querySelector('.k-icon');
-    if (svg) {
-        const svg = icon.firstElementChild;
-        svg.removeChild(svg.firstElementChild);
-        const path = valid ? plusIcon.content : cancelIcon.content;
-        icon.firstElementChild.innerHTML = path + icon.firstElementChild.innerHTML;
-    }
-    icon.setAttribute('class', icon.getAttribute('class').replace(/(plus|cancel)/, valid ? 'plus' : 'cancel'));
-};
-const updateLock = (element, locked = null, svg) => {
-    const icon = element.querySelectorAll('.k-icon')[1];
-    const value = locked === null ? '' : (locked ? `k${svg ? '-svg' : ''}-i-lock` : `k${svg ? '-svg' : ''}-i-unlock`);
-    if (svg) {
-        icon.setAttribute('class', icon.getAttribute('class').replace(/(k-svg-i-unlock|k-svg-i-lock)/, '').trim() + ` ${value}`);
-        icon.firstElementChild.innerHTML = locked ? lockIcon.content : unlockIcon.content;
-    }
-    else {
-        icon.setAttribute('class', icon.getAttribute('class').replace(/(k-i-unlock|k-i-lock)/, '').trim() + ` ${value}`);
-    }
-};
-const decorate = (element) => {
-    element.className = 'k-header k-drag-clue';
-    element.style.position = 'absolute';
-    element.style.zIndex = '20000';
-};
-const svgIconsMarkup = (viewBox, content, safeTitle) => `
-    <span class="k-icon k-svg-icon k-drag-status k-svg-i-cancel">
-        <svg
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            viewBox="${viewBox}"
-            aria-hidden="true">
-            ${content}
-        </svg>
-        <span class="k-icon k-svg-icon k-icon-modifier">
-            <svg
-                xmlns="http://www.w3.org/2000/svg"
-                xmlns:xlink="http://www.w3.org/1999/xlink"
-                viewBox="${viewBox}"
-                aria-hidden="true">
-            </svg>
-        </span>
-    </span>
-    ${safeTitle}`;
-const fontIconsMarkup = (safeTitle) => `
-    <span class="k-icon k-font-icon k-drag-status k-i-cancel">
-        <span class="k-icon k-font-icon k-icon-modifier"></span>
-    </span>
-    ${safeTitle}`;
-/**
- * @hidden
- */
-export class DragHintService {
-    sanitizer;
-    iconsService;
-    dom;
-    cancelIcon = cancelIcon;
-    constructor(sanitizer, iconsService) {
-        this.sanitizer = sanitizer;
-        this.iconsService = iconsService;
-    }
-    ngOnDestroy() {
-        this.remove();
-    }
-    create(title) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.dom = document.createElement("div");
-        decorate(this.dom);
-        const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, title);
-        const safeTitle = sanitized?.replace(/<[^>]*>/g, '');
-        const innerHtml = this.isSVG ?
-            svgIconsMarkup(this.cancelIcon.viewBox, this.cancelIcon.content, safeTitle) :
-            fontIconsMarkup(safeTitle);
-        this.dom.innerHTML = innerHtml;
-    }
-    attach() {
-        return append(this.dom);
-    }
-    remove() {
-        if (this.dom && this.dom.parentNode) {
-            (function (el) {
-                setTimeout(() => {
-                    if (isDocumentAvailable()) {
-                        document.body.removeChild(el);
-                    }
-                });
-            })(this.dom); // hack for IE + pointer events!
-            this.dom = null;
-        }
-    }
-    show() {
-        this.dom.style.display = "";
-    }
-    hide() {
-        this.dom.style.display = "none";
-    }
-    enable() {
-        updateClass(this.dom, true, this.isSVG);
-    }
-    disable() {
-        updateClass(this.dom, false, this.isSVG);
-    }
-    removeLock() {
-        updateLock(this.dom, false, this.isSVG);
-    }
-    toggleLock(locked) {
-        updateLock(this.dom, locked, this.isSVG);
-    }
-    move(move) {
-        this.dom.style.top = move.pageY + 'px';
-        this.dom.style.left = move.pageX + 'px';
-    }
-    get isSVG() {
-        return (this.iconsService.iconSettings?.type || this.iconsService.changes.value.type) === 'svg';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragHintService, deps: [{ token: i1.DomSanitizer }, { token: i2.IconsService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragHintService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragHintService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2.IconsService }] });

package/esm2022/dragdrop/draggable-column.directive.mjs

@@ -1,137 +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, EventEmitter, Host, Input, NgZone, Output, Renderer2 } from '@angular/core';
-import { Subscription, of } from 'rxjs';
-import { DraggableDirective, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { DragAndDropService } from './drag-and-drop.service';
-import { DragHintService } from './drag-hint.service';
-import { DropCueService } from './drop-cue.service';
-import { and, not, or } from '../utils';
-import { NavigationService } from '../navigation/navigation.service';
-import { takeUntil, delay, filter, tap, switchMap, switchMapTo, map } from 'rxjs/operators';
-import { isFocusableWithTabKey, matchesNodeName } from '../rendering/common/dom-queries';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-common";
-import * as i2 from "./drag-and-drop.service";
-import * as i3 from "./drag-hint.service";
-import * as i4 from "./drop-cue.service";
-import * as i5 from "../navigation/navigation.service";
-/**
- * @hidden
- */
-const preventOnDblClick = release => mouseDown => of(mouseDown).pipe(delay(150), takeUntil(release));
-const hasClass = className => el => new RegExp(`(^| )${className}( |$)`).test(el.className);
-const isDeleteButton = or(hasClass('k-i-x'), hasClass('k-svg-i-x'), hasClass('k-icon-button'));
-const isSortIcon = or(hasClass('k-i-sort-asc-small'), hasClass('k-i-sort-desc-small'), hasClass('k-svg-i-sort-asc-small'), hasClass('k-svg-i-sort-desc-small'));
-const skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName('label')));
-const elementUnderCursor = ({ clientX, clientY }) => isDocumentAvailable() && document.elementFromPoint(clientX, clientY);
-const hideThenShow = (element, cont) => {
-    element.style.display = 'none';
-    const result = cont();
-    element.style.display = 'block';
-    return result;
-};
-/**
- * @hidden
- */
-export class DraggableColumnDirective {
-    draggable;
-    element;
-    zone;
-    service;
-    hint;
-    cue;
-    nav;
-    renderer;
-    context = {};
-    set enableDrag(enabled) {
-        this.enabled = enabled;
-        this.updateTouchAction();
-    }
-    drag = new EventEmitter();
-    subscriptions = new Subscription();
-    enabled;
-    constructor(draggable, element, zone, service, hint, cue, nav, renderer) {
-        this.draggable = draggable;
-        this.element = element;
-        this.zone = zone;
-        this.service = service;
-        this.hint = hint;
-        this.cue = cue;
-        this.nav = nav;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        this.subscriptions.add(this.zone.runOutsideAngular(() => this.draggable.kendoPress.pipe(filter(() => this.enabled), filter(({ originalEvent: { target } }) => target === this.element.nativeElement || skipButtons(target)), tap((e) => {
-            const originalEvent = e.originalEvent;
-            if (!e.isTouch) {
-                originalEvent.preventDefault();
-            }
-            this.nav.navigateTo(originalEvent.target);
-        }), switchMap(preventOnDblClick(this.draggable.kendoRelease)), tap(() => {
-            this.hint.create(this.context.hint);
-            this.cue.create();
-        }), switchMap(down => this.draggable.kendoDrag.pipe(tap((e) => {
-            if (e.isTouch) {
-                e.originalEvent.preventDefault();
-            }
-        }), tap(this.hint.attach()), tap(this.cue.attach()), takeUntil(this.draggable.kendoRelease), map(move => ({ move, down })))), tap(this.performDrag.bind(this)), switchMapTo(this.draggable.kendoRelease)).subscribe(this.drop.bind(this))));
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    drop(upEvent) {
-        this.hint.remove();
-        this.cue.remove();
-        this.service.notifyDrop(this, upEvent);
-    }
-    performDrag({ move }) {
-        this.hint.move(move);
-        const cursorElement = this.elementUnderCursor(move);
-        if (cursorElement) {
-            this.service.notifyDrag(this, cursorElement, move);
-        }
-        this.drag.emit({
-            draggable: this,
-            mouseEvent: move
-        });
-    }
-    elementUnderCursor(mouseEvent) {
-        this.hint.hide();
-        let target = elementUnderCursor(mouseEvent);
-        if (target && /k-grouping-dropclue/.test(target.className)) {
-            target = hideThenShow(target, elementUnderCursor.bind(this, mouseEvent));
-        }
-        this.hint.show();
-        return target;
-    }
-    updateTouchAction() {
-        if (!this.element) {
-            return;
-        }
-        // eslint-disable-next-line no-unused-expressions
-        this.enabled ? this.renderer.addClass(this.element.nativeElement, 'k-touch-action-none') :
-            this.renderer.removeClass(this.element.nativeElement, 'k-touch-action-none');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DraggableColumnDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDraggableColumn]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DraggableDirective, decorators: [{
-                    type: Host
-                }] }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.DragAndDropService }, { type: i3.DragHintService }, { type: i4.DropCueService }, { type: i5.NavigationService }, { type: i0.Renderer2 }], propDecorators: { context: [{
-                type: Input
-            }], enableDrag: [{
-                type: Input
-            }], drag: [{
-                type: Output
-            }] } });

package/esm2022/dragdrop/drop-cue.service.mjs

@@ -1,46 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { append } from './common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class DropCueService {
-    dom;
-    create() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.dom = document.createElement("div");
-        this.dom.className = 'k-grouping-dropclue';
-        this.hide();
-    }
-    attach() {
-        return append(this.dom);
-    }
-    remove() {
-        if (this.dom && this.dom.parentElement) {
-            document.body.removeChild(this.dom);
-            this.dom = null;
-        }
-    }
-    hide() {
-        this.dom.style.display = "none";
-    }
-    position({ left, top, height }) {
-        this.dom.style.display = 'block';
-        this.dom.style.height = height + 'px';
-        this.dom.style.top = top + 'px';
-        const width = this.dom.offsetWidth / 2;
-        this.dom.style.left = left - width + 'px';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropCueService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropCueService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/dragdrop/drop-target.directive.mjs

@@ -1,71 +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, EventEmitter, Input, Output } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { DragAndDropService } from './drag-and-drop.service';
-import { filter } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "./drag-and-drop.service";
-/**
- * @hidden
- */
-export class DropTargetDirective {
-    element;
-    service;
-    context = {};
-    enter = new EventEmitter();
-    leave = new EventEmitter();
-    drop = new EventEmitter();
-    subscriptions = new Subscription();
-    constructor(element, service) {
-        this.element = element;
-        this.service = service;
-    }
-    ngOnInit() {
-        this.service.add(this);
-        const changes = this.service.changes.pipe(filter(({ target }) => target === this));
-        this.subscriptions.add(changes.pipe(filter(({ type }) => type === 'leave'))
-            .subscribe(e => {
-            this.leave.next(this.eventArgs(e));
-        }));
-        this.subscriptions.add(changes.pipe(filter(({ type }) => type === 'enter'))
-            .subscribe(e => {
-            this.enter.next(this.eventArgs(e));
-        }));
-        this.subscriptions.add(changes.pipe(filter(({ type }) => type === 'drop'))
-            .subscribe(e => {
-            this.drop.next(this.eventArgs(e));
-        }));
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    eventArgs(e) {
-        return {
-            target: this,
-            mouseEvent: e.mouseEvent,
-            draggable: e.draggable
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropTargetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropTarget]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DragAndDropService }], propDecorators: { context: [{
-                type: Input
-            }], enter: [{
-                type: Output
-            }], leave: [{
-                type: Output
-            }], drop: [{
-                type: Output
-            }] } });

package/esm2022/editing/add-command-tool.directive.mjs

@@ -1,59 +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 { EditService } from './edit.service';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { ContextService } from '../common/provider.service';
-import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
-import { ToolbarToolName } from '../navigation/toolbar-tool-name';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../common/provider.service";
-/**
- * Represents the command for adding a new item to the Grid.
- * You can apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
- * When you click the toolbar button associated with the directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event triggers ([see example]({% slug basics_editing_grid %})).
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Add new" kendoGridAddTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class AddCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    host;
-    constructor(editService, host, ctx, zone, cdr) {
-        super(host, ToolbarToolName.add, ctx, zone, cdr, editService);
-        this.editService = editService;
-        this.host = host;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.host.className = 'k-grid-add-command';
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        this.editService.beginAdd();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { 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: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoGridAddTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridAddTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });

package/esm2022/editing/add-command.directive.mjs

@@ -1,93 +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 { EditService } from './edit.service';
-import { NgClass } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "../common/provider.service";
-/**
- * Represents the command for adding a new item to the Grid. Apply this directive to any
- * `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
- * When you click the button with this directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
- * ([see example]({% slug basics_editing_grid %})).
- *
- * @example
- * ```html
- * <button kendoGridAddCommand>Add new item</button>
- * ```
- */
-export class AddCommandDirective extends Button {
-    editService;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        this.editService.beginAdd();
-    }
-    /**
-     * @hidden
-     */
-    get commandClass() {
-        return true;
-    }
-    constructor(editService, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { 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: AddCommandDirective, isStandalone: true, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, 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: AddCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridAddCommand]',
-                    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.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], commandClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-add-command']
-            }] } });

package/esm2022/editing/add-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 {};