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

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

@@ -1,141 +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, HostBinding } from '@angular/core';
-import { Subscription, of } from 'rxjs';
-import { DraggableDirective } 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 }) => 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();
-    get hostClass() {
-        return this.enabled;
-    }
-    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;
-        }
-        this.renderer.setStyle(this.element.nativeElement, 'touch-action', this.enabled ? '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" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, 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
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-draggable-header']
-            }] } });

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,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 { Directive } from '@angular/core';
-import { EditService } from './edit.service';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { Subscription } from 'rxjs';
-import { plusIcon } from '@progress/kendo-svg-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-/**
- * Represents the command for adding a new item to the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent. When the user clicks the toolbar button associated with the directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
- *
- * @example
- * ```html
- * <kendo-treelist>
- *   <kendo-toolbar>
- *     <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
- *   </kendo-toolbar>
- * </kendo-treelist>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class AddCommandToolbarDirective {
-    editService;
-    host;
-    clickSub = new Subscription();
-    constructor(editService, host) {
-        this.editService = editService;
-        this.host = host;
-    }
-    ngOnInit() {
-        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
-        this.host.className = 'k-grid-add-command';
-        this.host.svgIcon = plusIcon;
-        this.host.icon = 'plus';
-    }
-    ngOnDestroy() {
-        this.clickSub.unsubscribe();
-    }
-    /**
-     * @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 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListAddTool]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTreeListAddTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }] });

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

@@ -1,96 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
-import { NgClass } from '@angular/common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { EditService } from './edit.service';
-import { BaseCommandDirective } from './base-command.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * Represents the command for adding a new item to the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist) or inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- *
- * When the user clicks a button with this directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered ([see example](slug:custom_editors_editing_treelist)).
- *
- * The button with `kendoTreeListAddCommand` is automatically hidden when the row is in edit mode.
- *
- * When used in the command column, the directive takes the `cellContext` from the cell template as input.
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-command-column title="command">
- *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
- *       <button [kendoTreeListAddCommand]="cellContext" class="k-primary">Edit</button>
- *     </ng-template>
- *   </kendo-treelist-command-column>
- * </kendo-treelist>
- * ```
- */
-export class AddCommandDirective extends BaseCommandDirective {
-    /**
-     * Provides the `cellContext` to the template.
-     */
-    cellContext;
-    commandClass = true;
-    readVisible = true;
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(editService, element, renderer, localization, ngZone);
-    }
-    onClick() {
-        this.editService.beginAdd(this.dataItem);
-    }
-    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.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AddCommandDirective, isStandalone: true, selector: "[kendoTreeListAddCommand]", inputs: { cellContext: ["kendoTreeListAddCommand", "cellContext"] }, host: { 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: '[kendoTreeListAddCommand]',
-                    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.LocalizationService }, { type: i0.NgZone }], propDecorators: { cellContext: [{
-                type: Input,
-                args: ['kendoTreeListAddCommand']
-            }], 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 {};

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

@@ -1,95 +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 { HostListener, HostBinding, ElementRef, Renderer2, NgZone, Component } from '@angular/core';
-import { NgClass } from '@angular/common';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { EditService } from './edit.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class BaseCommandDirective extends Button {
-    editService;
-    /**
-     * @hidden
-     */
-    get visible() {
-        if (this.cellContext) {
-            return this.isEdited !== this.readVisible ? '' : 'none';
-        }
-    }
-    get isEdited() {
-        return Boolean(this.cellContext && this.editService.isEdited(this.dataItem) && !this.editService.isEditingCell());
-    }
-    get dataItem() {
-        if (this.cellContext) {
-            return this.cellContext.viewItem.data;
-        }
-    }
-    /**
-     * @hidden
-     */
-    clickHandler(e) {
-        e.preventDefault();
-        this.onClick();
-    }
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
-        this.editService = editService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BaseCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BaseCommandDirective, isStandalone: true, selector: "[kendoTreeListBaseCommand]", host: { listeners: { "click": "clickHandler($event)" }, properties: { "style.display": "this.visible" } }, 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: BaseCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoTreeListBaseCommand]',
-                    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.LocalizationService }, { type: i0.NgZone }], propDecorators: { visible: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], clickHandler: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

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

@@ -1,97 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
-import { NgClass } from '@angular/common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { EditService } from './edit.service';
-import { BaseCommandDirective } from './base-command.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-/**
- * Represents the `cancel` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- *
- * When the user clicks a button with this directive, the [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event is triggered ([see example](slug:custom_editors_editing_treelist)).
- *
- * The button with `kendoTreeListCancelCommand` is automatically hidden when the row is not in edit mode. The directive takes the `cellContext` from the cell template as input.
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-command-column title="command">
- *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
- *       <button [kendoTreeListCancelCommand]="cellContext">Cancel changes</button>
- *     </ng-template>
- *   </kendo-treelist-command-column>
- * </kendo-treelist>
- * ```
- */
-export class CancelCommandDirective extends BaseCommandDirective {
-    /**
-     * Provides the `cellContext` to the template.
-     */
-    cellContext;
-    commandClass = true;
-    readVisible = false;
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(editService, element, renderer, localization, ngZone);
-    }
-    onClick() {
-        if (this.cellContext) {
-            const viewItem = this.cellContext.viewItem;
-            this.editService.endEdit(viewItem.data, viewItem.isNew);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CancelCommandDirective, isStandalone: true, selector: "[kendoTreeListCancelCommand]", inputs: { cellContext: ["kendoTreeListCancelCommand", "cellContext"] }, host: { properties: { "class.k-grid-cancel-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: CancelCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoTreeListCancelCommand]',
-                    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.LocalizationService }, { type: i0.NgZone }], propDecorators: { cellContext: [{
-                type: Input,
-                args: ['kendoTreeListCancelCommand']
-            }], commandClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-cancel-command']
-            }] } });

package/esm2022/editing/cancel-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/editing/cell-close-event.mjs

@@ -1,34 +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 arguments for the `cellClose` event.
- *
- */
-export class CellCloseEvent extends PreventableEvent {
-    isNew;
-    dataItem;
-    sender;
-    /**
-     * @hidden
-     */
-    action = 'cellClose';
-    /**
-     * Specifies the TreeList column that will be closed.
-     */
-    column;
-    /**
-     * Provides the [`FormGroup`](link:site.data.urls.angular['formgroupapi']) used to edit the cell that will be closed.
-     */
-    formGroup;
-    /**
-     * Provides the DOM event that caused the `cellClose` event. May not be present if `cellClose` was caused by an API call.
-     */
-    originalEvent;
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}