@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/es2015/editing/add-command.directive.js

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+import { BaseCommandDirective } from './base-command.directive';
+/**
+ * Represents the command for adding a new item to the TreeList. You can apply this directive to any
+ * `button` element inside a [`ToolbarTemplate`]({% slug api_treelist_commandcolumncomponent %}) or
+ * inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ *
+ * When an associated button with the directive is clicked, the
+ * [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered
+ * ([see example]({% slug editing_treelist %})).
+ *
+ * > When the row is in the edit mode, the button with `kendoTreeListAddCommand` is automatically hidden.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *    <ng-template kendoTreeListToolbarTemplate>
+ *       <button kendoTreeListAddCommand>Add new</button>
+ *    </ng-template>
+ * </kendo-treelist>
+ * ```
+ *
+ * When added to the command column, the directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <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>
+ * ```
+ */
+let AddCommandDirective = class AddCommandDirective extends BaseCommandDirective {
+    constructor(editService, element, renderer, localization, ngZone) {
+        super(editService, element, renderer, localization, ngZone);
+        this.commandClass = true;
+        this.readVisible = true;
+    }
+    onClick() {
+        this.editService.beginAdd(this.dataItem);
+    }
+};
+tslib_1.__decorate([
+    Input('kendoTreeListAddCommand'),
+    tslib_1.__metadata("design:type", Object)
+], AddCommandDirective.prototype, "cellContext", void 0);
+tslib_1.__decorate([
+    HostBinding('class.k-grid-add-command'),
+    tslib_1.__metadata("design:type", Boolean)
+], AddCommandDirective.prototype, "commandClass", void 0);
+AddCommandDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListAddCommand]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [EditService,
+        ElementRef,
+        Renderer2,
+        LocalizationService,
+        NgZone])
+], AddCommandDirective);
+export { AddCommandDirective };

package/dist/es2015/editing/add-event-args.interface.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditEvent } from "./edit-event-args.interface";
+/**
+ * Arguments for the `add` event.
+ */
+export interface AddEvent extends EditEvent {
+    /**
+     * The data item of the parent row, if any.
+     */
+    parent: any;
+}

package/dist/es2015/editing/add-event-args.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/editing/base-command.directive.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, Renderer2, NgZone } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+export declare abstract class BaseCommandDirective extends Button {
+    protected editService: EditService;
+    /**
+     * @hidden
+     */
+    readonly visible: string;
+    abstract cellContext: any;
+    protected abstract readVisible: boolean;
+    protected abstract onClick(): void;
+    protected readonly isEdited: boolean;
+    protected readonly dataItem: boolean;
+    /**
+     * @hidden
+     */
+    clickHandler(e: any): void;
+    constructor(editService: EditService, element: ElementRef, renderer: Renderer2, localization: LocalizationService, ngZone: NgZone);
+}

package/dist/es2015/editing/base-command.directive.js

@@ -0,0 +1,63 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { HostListener, HostBinding, ElementRef, Renderer2, NgZone, Directive } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+/**
+ * @hidden
+ */
+let BaseCommandDirective = class BaseCommandDirective extends Button {
+    constructor(editService, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.editService = 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();
+    }
+};
+tslib_1.__decorate([
+    HostBinding('style.display'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], BaseCommandDirective.prototype, "visible", null);
+tslib_1.__decorate([
+    HostListener('click', ['$event']),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [Object]),
+    tslib_1.__metadata("design:returntype", void 0)
+], BaseCommandDirective.prototype, "clickHandler", null);
+BaseCommandDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListBaseCommand]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [EditService,
+        ElementRef,
+        Renderer2,
+        LocalizationService,
+        NgZone])
+], BaseCommandDirective);
+export { BaseCommandDirective };

package/dist/es2015/editing/cancel-command.directive.d.ts

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, Renderer2, NgZone } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+import { BaseCommandDirective } from './base-command.directive';
+/**
+ * Represents the `cancel` command of the TreeList. You can apply this directive to any `button`
+ * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * When an associated button with the directive is clicked, the
+ * [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is not in the edit mode, the button with the `kendoTreeListCancelCommand` is automatically hidden.
+ * > * The directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <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>
+ * ```
+ *
+ * You can control the content of the button based on the state of the row.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext" let-isNew="isNew">
+ *       <button [kendoTreeListCancelCommand]="cellContext">{{isNew ? 'Discard' : 'Cancel changes'}}</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ */
+export declare class CancelCommandDirective extends BaseCommandDirective {
+    /**
+     * The `cellContext` provided to the template.
+     */
+    cellContext: any;
+    commandClass: boolean;
+    protected readVisible: boolean;
+    constructor(editService: EditService, element: ElementRef, renderer: Renderer2, localization: LocalizationService, ngZone: NgZone);
+    protected onClick(): void;
+}

package/dist/es2015/editing/cancel-command.directive.js

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+import { BaseCommandDirective } from './base-command.directive';
+/**
+ * Represents the `cancel` command of the TreeList. You can apply this directive to any `button`
+ * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * When an associated button with the directive is clicked, the
+ * [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is not in the edit mode, the button with the `kendoTreeListCancelCommand` is automatically hidden.
+ * > * The directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <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>
+ * ```
+ *
+ * You can control the content of the button based on the state of the row.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext" let-isNew="isNew">
+ *       <button [kendoTreeListCancelCommand]="cellContext">{{isNew ? 'Discard' : 'Cancel changes'}}</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ */
+let CancelCommandDirective = class CancelCommandDirective extends BaseCommandDirective {
+    constructor(editService, element, renderer, localization, ngZone) {
+        super(editService, element, renderer, localization, ngZone);
+        this.commandClass = true;
+        this.readVisible = false;
+    }
+    onClick() {
+        if (this.cellContext) {
+            const viewItem = this.cellContext.viewItem;
+            this.editService.endEdit(viewItem.data, viewItem.isNew);
+        }
+    }
+};
+tslib_1.__decorate([
+    Input('kendoTreeListCancelCommand'),
+    tslib_1.__metadata("design:type", Object)
+], CancelCommandDirective.prototype, "cellContext", void 0);
+tslib_1.__decorate([
+    HostBinding('class.k-grid-cancel-command'),
+    tslib_1.__metadata("design:type", Boolean)
+], CancelCommandDirective.prototype, "commandClass", void 0);
+CancelCommandDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListCancelCommand]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [EditService,
+        ElementRef,
+        Renderer2,
+        LocalizationService,
+        NgZone])
+], CancelCommandDirective);
+export { CancelCommandDirective };

package/dist/es2015/editing/cancel-event-args.interface.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { SaveEvent } from "./save-event-args.interface";
+/**
+ * Arguments for the `cancel` event.
+ */
+export interface CancelEvent extends SaveEvent {
+}

package/dist/es2015/editing/cancel-event-args.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/editing/cell-close-event.d.ts

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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';
+import { EditEvent } from "./edit-event-args.interface";
+import { TreeListComponent } from "../treelist.component";
+/**
+ * Arguments for the `cellClose` event.
+ */
+export declare class CellCloseEvent extends PreventableEvent implements EditEvent {
+    isNew: boolean;
+    dataItem: any;
+    rowIndex: number;
+    sender: TreeListComponent;
+    /**
+     * @hidden
+     */
+    action: string;
+    /**
+     * The TreeList column that will be closed.
+     */
+    column: any;
+    /**
+     * The [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}) that is used to edit the cell which will be closed.
+     */
+    formGroup: any;
+    /**
+     * The DOM event that caused the `cellClose` event.
+     * May not be present if `cellClose` was caused by an API call.
+     */
+    originalEvent: any;
+    constructor(options: any);
+}

package/dist/es2015/editing/cell-close-event.js

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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';
+/**
+ * Arguments for the `cellClose` event.
+ */
+export class CellCloseEvent extends PreventableEvent {
+    constructor(options) {
+        super();
+        /**
+         * @hidden
+         */
+        this.action = 'cellClose';
+        Object.assign(this, options);
+    }
+}

package/dist/es2015/editing/edit-command.directive.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, Renderer2, NgZone } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+import { BaseCommandDirective } from './base-command.directive';
+/**
+ * Represents the `edit` command of the TreeList. You can apply this directive to any `button`
+ * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * When an associated button with the directive is clicked, the
+ * [`edit`]({% slug api_treelist_treelistcomponent %}#toc-edit) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is in the edit mode, the button with `kendoTreeListEditCommand` is automatically hidden.
+ * > * The directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
+ *       <button [kendoTreeListEditCommand]="cellContext" class="k-primary">Edit</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ *
+ */
+export declare class EditCommandDirective extends BaseCommandDirective {
+    /**
+     * The `cellContext` provided to the template.
+     */
+    cellContext: any;
+    commandClass: boolean;
+    protected readVisible: boolean;
+    constructor(editService: EditService, element: ElementRef, renderer: Renderer2, localization: LocalizationService, ngZone: NgZone);
+    protected onClick(): void;
+}

package/dist/es2015/editing/edit-command.directive.js

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { EditService } from './edit.service';
+import { BaseCommandDirective } from './base-command.directive';
+/**
+ * Represents the `edit` command of the TreeList. You can apply this directive to any `button`
+ * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * When an associated button with the directive is clicked, the
+ * [`edit`]({% slug api_treelist_treelistcomponent %}#toc-edit) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is in the edit mode, the button with `kendoTreeListEditCommand` is automatically hidden.
+ * > * The directive takes as input the `cellContext` from the cell template.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
+ *       <button [kendoTreeListEditCommand]="cellContext" class="k-primary">Edit</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ *
+ */
+let EditCommandDirective = class EditCommandDirective extends BaseCommandDirective {
+    constructor(editService, element, renderer, localization, ngZone) {
+        super(editService, element, renderer, localization, ngZone);
+        this.commandClass = true;
+        this.readVisible = true;
+    }
+    onClick() {
+        if (this.cellContext) {
+            this.editService.beginEdit(this.dataItem);
+        }
+    }
+};
+tslib_1.__decorate([
+    Input('kendoTreeListEditCommand'),
+    tslib_1.__metadata("design:type", Object)
+], EditCommandDirective.prototype, "cellContext", void 0);
+tslib_1.__decorate([
+    HostBinding('class.k-grid-edit-command'),
+    tslib_1.__metadata("design:type", Boolean)
+], EditCommandDirective.prototype, "commandClass", void 0);
+EditCommandDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListEditCommand]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [EditService,
+        ElementRef,
+        Renderer2,
+        LocalizationService,
+        NgZone])
+], EditCommandDirective);
+export { EditCommandDirective };

package/dist/es2015/editing/edit-event-args.interface.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TreeListComponent } from "../treelist.component";
+/**
+ * Arguments for the `remove` event.
+ */
+export interface EditEvent {
+    /**
+     * The data item.
+     */
+    dataItem: any;
+    /**
+     * Indicates if the data item is new or existing.
+     */
+    isNew: boolean;
+    /**
+     * The data row index for the operation.
+     */
+    rowIndex: number;
+    /**
+     * The `TreeListComponent` instance.
+     */
+    sender: TreeListComponent;
+}

package/dist/es2015/editing/edit-event-args.interface.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/editing/edit-template.directive.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+/**
+ * Represents the column edit-cell template of the TreeList ([see example]({% slug editing_template_forms_treelist %})).
+ * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the TreeList inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+export declare class EditTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/editing/edit-template.directive.js

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, TemplateRef, Optional } from '@angular/core';
+/**
+ * Represents the column edit-cell template of the TreeList ([see example]({% slug editing_template_forms_treelist %})).
+ * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
+ * tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
+ *
+ * The template context contains the following fields:
+ * - `column`&mdash;The current column instance.
+ * - `dataItem`&mdash;The current data item.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
+ * If you use the TreeList inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * - `isNew`&mdash;The state of the current item.
+ * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ */
+let EditTemplateDirective = class EditTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+EditTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListEditTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], EditTemplateDirective);
+export { EditTemplateDirective };

package/dist/es2015/editing/edit.service.d.ts

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, NgZone } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { EditState } from '../data/data.collection';
+/**
+ * @hidden
+ */
+export declare type Entity = {
+    index: number;
+    group: any;
+};
+/**
+ * @hidden
+ */
+export declare type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
+/**
+ * @hidden
+ */
+export declare type CommandEvent = {
+    action: CommandAction;
+    formGroup?: FormGroup;
+    isNew?: boolean;
+    dataItem?: number;
+    parent?: any;
+};
+interface EditedItem {
+    group: FormGroup;
+    item: any;
+}
+/**
+ * @hidden
+ */
+export declare class EditService implements EditState {
+    ngZone: NgZone;
+    changes: EventEmitter<CommandEvent>;
+    changed: Observable<any>;
+    readonly newItemGroup: FormGroup;
+    newItem: any;
+    idGetter: any;
+    private edited;
+    private keepEditCell;
+    private keepCellTimeout;
+    private column;
+    private closingCell;
+    private changedSource;
+    constructor(ngZone: NgZone);
+    editRow(dataItem: any, group?: any): void;
+    addRow(parent: any, group?: any): void;
+    editCell(item: any, column: any, group?: any): void;
+    isEditing(): boolean;
+    isEdited(dataItem: any): boolean;
+    isEditingCell(): boolean;
+    isEditingColumn(column: any): boolean;
+    isEditedColumn(column: any): boolean;
+    hasNew(parent?: any): boolean;
+    readonly newDataItem: any;
+    close(item: any, isNew?: boolean): void;
+    closeCell(originalEvent?: any): boolean;
+    cancelCell(): void;
+    shouldCloseCell(): boolean;
+    preventCellClose(): void;
+    context(dataItem: any): EditedItem;
+    beginEdit(item: any): void;
+    beginAdd(parent?: any): void;
+    endEdit(dataItem: any, isNew: boolean): void;
+    save(item: any, isNew: boolean): void;
+    remove(dataItem: any, parent?: any): void;
+    private onChanged;
+    private readonly first;
+}
+export {};