@progress/kendo-angular-treelist 4.0.6 → 5.0.0-next.202204071600

package/editing/edit-template.directive.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 { TemplateRef } from '@angular/core';
+import * as i0 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>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditTemplateDirective, "[kendoTreeListEditTemplate]", never, {}, {}, never>;
+}

package/editing/edit.service.d.ts

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import * as i0 from "@angular/core";
+/**
+ * @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>;
+    get 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;
+    get 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 get first();
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EditService>;
+}
+export {};

package/editing/remove-command.directive.d.ts

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import * as i0 from "@angular/core";
+/**
+ * Represents the `remove` 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
+ * [`remove` event]({% slug api_treelist_treelistcomponent %}#toc-remove)
+ * is triggered ([see example]({% slug editing_reactive_forms_treelist %})).
+ *
+ * > * When the row is in the edit mode, the button with the `kendoTreeListRemoveCommand` 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 [kendoTreeListRemoveCommand]="cellContext">Remove row</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ */
+export declare class RemoveCommandDirective 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RemoveCommandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RemoveCommandDirective, "[kendoTreeListRemoveCommand]", never, { "cellContext": "kendoTreeListRemoveCommand"; }, {}, never>;
+}

package/editing/save-command.directive.d.ts

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import * as i0 from "@angular/core";
+/**
+ * Represents the `save` 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
+ * [`save`]({% slug api_treelist_treelistcomponent %}#toc-save) event
+ * is triggered ([see example]({% slug editing_treelist %})).
+ *
+ * > * When the row is not in the edit mode, the button with `kendoTreeListSaveCommand` 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 [kendoTreeListSaveCommand]="cellContext">Save 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 [kendoTreeListSaveCommand]="cellContext">{{isNew ? 'Add' : 'Update'}}</button>
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
+ */
+export declare class SaveCommandDirective 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SaveCommandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SaveCommandDirective, "[kendoTreeListSaveCommand]", never, { "cellContext": "kendoTreeListSaveCommand"; }, {}, never>;
+}

package/editing-directives/editing-directive-base.d.ts

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnInit, OnDestroy } from '@angular/core';
+import { EditService } from './edit-service.interface';
+import { Subscription } from 'rxjs';
+import { RemoveConfirmationCallback } from '../common/remove-confirmation';
+import { TreeListComponent } from '../treelist.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy {
+    protected treelist: TreeListComponent;
+    /**
+     * The edit service that will handle the operations.
+     */
+    set editService(value: EditService);
+    get editService(): EditService;
+    /**
+     * Gets or sets a function that will be called to determine the unique identifier
+     * for new items. The function receives the `item` and its `parent` as parameters
+     * and must return an ID.
+     */
+    set newItemId(callback: (item: any, parent?: any) => any);
+    get newItemId(): (item: any, parent?: any) => any;
+    /**
+     * A function that is called to confirm if the `dataItem` will be removed.
+     */
+    removeConfirmation: RemoveConfirmationCallback;
+    protected subscriptions: Subscription;
+    protected userEditService: EditService;
+    protected isNew: boolean;
+    protected parent: any;
+    protected dataItem: any;
+    protected idCallback: any;
+    protected abstract createModel(args: any): any;
+    protected abstract saveModel(args: any): any;
+    constructor(treelist: TreeListComponent);
+    /**
+     * @hidden
+     */
+    ngOnInit(): void;
+    /**
+     * @hidden
+     */
+    ngOnDestroy(): void;
+    protected get defaultEditService(): EditService;
+    protected addHandler({ parent }: any): void;
+    protected saveHandler(args: any): void;
+    protected cancelHandler(args: any): void;
+    protected removeHandler({ dataItem, parent }: any): void;
+    protected closeEditor(args?: any): void;
+    protected clean(): void;
+    protected onStateChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditingDirectiveBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditingDirectiveBase, never, never, { "editService": "editService"; "newItemId": "newItemId"; "removeConfirmation": "removeConfirmation"; }, {}, never>;
+}

package/editing-directives/in-cell-editing.directive.d.ts

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditingDirectiveBase } from './editing-directive-base';
+import { TreeListComponent } from '../treelist.component';
+import { CreateFormGroup } from '../common/create-form-group';
+import * as i0 from "@angular/core";
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using the in-cell
+ * editing with Reactive Forms ([see example]({% slug editing_directives_treelist %}#toc-the-incell-directive)).
+ */
+export declare class InCellEditingDirective extends EditingDirectiveBase {
+    protected treelist: TreeListComponent;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup: CreateFormGroup;
+    constructor(treelist: TreeListComponent);
+    protected createModel(args: any): any;
+    protected saveModel({ dataItem, formGroup, isNew }: any): any;
+    /**
+     * @hidden
+     */
+    ngOnInit(): void;
+    protected removeHandler(args: any): void;
+    protected cellClickHandler(args: any): void;
+    protected cellCloseHandler(args: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InCellEditingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InCellEditingDirective, "[kendoTreeListInCellEditing]", ["kendoTreeListInCellEditing"], { "createFormGroup": "kendoTreeListInCellEditing"; }, {}, never>;
+}

package/editing-directives/reactive-editing.directive.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowEditingDirectiveBase } from './row-editing-directive-base';
+import { TreeListComponent } from '../treelist.component';
+import { CreateFormGroup } from '../common/create-form-group';
+import * as i0 from "@angular/core";
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using the
+ * Reactive Forms ([see example]({% slug editing_directives_treelist %}#toc-the-reactive-directive)).
+ */
+export declare class ReactiveEditingDirective extends RowEditingDirectiveBase {
+    protected treelist: TreeListComponent;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup: CreateFormGroup;
+    constructor(treelist: TreeListComponent);
+    protected createModel(args: any): any;
+    protected saveModel({ dataItem, formGroup, isNew }: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveEditingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactiveEditingDirective, "[kendoTreeListReactiveEditing]", ["kendoTreeListReactiveEditing"], { "createFormGroup": "kendoTreeListReactiveEditing"; }, {}, never>;
+}

package/editing-directives/row-editing-directive-base.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditingDirectiveBase } from './editing-directive-base';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare abstract class RowEditingDirectiveBase extends EditingDirectiveBase {
+    protected dataItem: any;
+    /**
+     * @hidden
+     */
+    ngOnInit(): void;
+    protected addHandler(args: any): void;
+    protected editHandler(args: any): void;
+    protected saveHandler(args: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowEditingDirectiveBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RowEditingDirectiveBase, never, never, {}, {}, never>;
+}

package/editing-directives/template-editing.directive.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowEditingDirectiveBase } from './row-editing-directive-base';
+import { TreeListComponent } from '../treelist.component';
+import * as i0 from "@angular/core";
+/**
+ * A directive which encapsulates the editing operations of the TreeList when using
+ * the Template-Driven Angular Forms ([see example]({% slug editing_directives_treelist %}#toc-the-template-directive)).
+ */
+export declare class TemplateEditingDirective extends RowEditingDirectiveBase {
+    protected treelist: TreeListComponent;
+    /**
+     * The function that creates the `dataItem` for the new rows.
+     */
+    createNewItem: Function;
+    protected dataItem: any;
+    protected originalValues: any;
+    constructor(treelist: TreeListComponent);
+    protected editHandler(args: any): void;
+    protected closeEditor(args?: any): void;
+    protected createModel(args: any): any;
+    protected saveModel(args: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateEditingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateEditingDirective, "[kendoTreeListTemplateEditing]", ["kendoTreeListTemplateEditing"], { "createNewItem": "kendoTreeListTemplateEditing"; }, {}, never>;
+}

package/esm2015/binding-directives/base-binding.directive.js

@@ -0,0 +1,158 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Directive } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { process, aggregateBy } from '@progress/kendo-data-query';
+import { anyChanged } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./data-bound-tree-component";
+export class BaseBindingDirective {
+    constructor(component) {
+        this.component = component;
+        this.state = {};
+        this.cache = new Map();
+        this.originalData = [];
+        this.subscriptions = new Subscription();
+        this.component.fetchChildren = this.fetchChildren.bind(this);
+        this.component.hasChildren = this.hasChildren.bind(this);
+    }
+    /**
+     * Defines the descriptors by which the data will be sorted.
+     */
+    set sort(value) {
+        this.component.sort = this.state.sort = value;
+    }
+    /**
+     * Defines the descriptor by which the data will be filtered.
+     */
+    set filter(value) {
+        this.component.filter = this.state.filter = value;
+    }
+    /**
+     * Defines the descriptor by which the data will be aggregated.
+     */
+    set aggregate(value) {
+        this._aggregate = value;
+    }
+    /**
+     * @hidden
+     */
+    ngOnInit() {
+        this.applyState(this.state);
+        this.subscriptions.add(this.component.dataStateChange
+            .subscribe(this.onStateChange.bind(this)));
+    }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    }
+    ngDoCheck() {
+        if (this.dataChanged) {
+            this.dataChanged = false;
+            this.rebind();
+        }
+    }
+    /**
+     * @hidden
+     */
+    ngOnChanges(changes) {
+        if (anyChanged(['sort', 'filter', 'aggregate'], changes)) {
+            this.rebind();
+        }
+    }
+    /**
+     * @hidden
+     */
+    onStateChange(state) {
+        this.applyState(state);
+        this.rebind();
+    }
+    /**
+     * Clears the directive cache and reloads the component data.
+     */
+    rebind() {
+        this.cache.clear();
+        this.component.data = this.fetchChildren();
+    }
+    applyState({ sort, filter }) {
+        this.sort = sort;
+        this.filter = filter;
+    }
+    fetchChildren(item) {
+        const key = this.itemKey(item);
+        if (this.cache.has(key)) {
+            return this.cache.get(key);
+        }
+        const children = this.getChildren(item);
+        let items = this.filterItems(children);
+        let aggregates;
+        if (items.length) {
+            if (this.state.sort) {
+                items = process(items, { sort: this.state.sort }).data;
+            }
+            if (this._aggregate) {
+                aggregates = this.calculateAggregates(items);
+            }
+        }
+        const result = {
+            data: items,
+            aggregates: aggregates
+        };
+        this.cache.set(key, result);
+        return result;
+    }
+    hasChildren(item) {
+        const items = this.fetchChildren(item).data;
+        return items && items.length > 0;
+    }
+    filterItems(items) {
+        const filter = this.state.filter;
+        const hasFilter = filter && filter.filters && filter.filters.length > 0;
+        if (hasFilter) {
+            const filter = {
+                logic: 'or',
+                filters: [this.state.filter, {
+                        operator: (item) => {
+                            const children = this.fetchChildren(item);
+                            return Boolean(children.data && children.data.length);
+                        }
+                    }]
+            };
+            return process(items, { filter: filter }).data;
+        }
+        return items;
+    }
+    calculateAggregates(items) {
+        const list = [];
+        const toAdd = items.slice(0);
+        while (toAdd.length) {
+            const current = toAdd.shift();
+            list.push(current);
+            if (this.hasChildren(current)) {
+                toAdd.push.apply(toAdd, this.fetchChildren(current).data);
+            }
+        }
+        // can accumulate from children aggregates except for average
+        // for average we need the children count that have numeric value
+        // maybe move the aggregates implementation here ???
+        return aggregateBy(list, this._aggregate);
+    }
+}
+BaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseBindingDirective, inputs: { sort: "sort", filter: "filter", aggregate: "aggregate" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseBindingDirective, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }]; }, propDecorators: { sort: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], aggregate: [{
+                type: Input
+            }] } });

package/esm2015/binding-directives/data-bound-tree-component.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 { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ *
+ * An injection token used by the data binding directives to interface with the TreeList or the Gantt.
+ */
+export class DataBoundTreeComponent {
+}
+DataBoundTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DataBoundTreeComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundTreeComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundTreeComponent, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/binding-directives/flat-binding.directive.js

@@ -0,0 +1,78 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { getter, setter } from '@progress/kendo-common';
+import { BaseBindingDirective } from './base-binding.directive';
+import { FlatEditService } from '../editing-directives/flat-edit.service';
+import { isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./data-bound-tree-component";
+const ROOT_ID = null;
+/**
+ * A directive which binds the TreeList to an array of objects by using
+ * an ID and parentID field to define the hierarchy.
+ *
+ * The directive encapsulates the in-memory handling of data operations such as
+ * [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
+ * and [filtering]({% slug filtering_treelist %}) ([more information and examples]({% slug databinding_treelist %})).
+ */
+export class FlatBindingDirective extends BaseBindingDirective {
+    constructor(component) {
+        super(component);
+        this.component = component;
+        this.idGetter = getter('id');
+        this.idSetter = setter('id');
+        this.parentIdGetter = getter('parentId');
+        this.parentIdSetter = setter('parentId');
+        component.localEditService = new FlatEditService(this);
+    }
+    /**
+     * The name of the field which contains the identifier of the parent node.
+     */
+    set parentIdField(value) {
+        this.parentIdGetter = getter(value);
+        this.parentIdSetter = setter(value);
+    }
+    /**
+     * The name of the field which contains the unique identifier of the node.
+     */
+    set idField(value) {
+        this.idGetter = getter(value);
+        this.idSetter = setter(value);
+    }
+    /**
+     * The array of data which will be used to populate the TreeList.
+     */
+    set data(value) {
+        this.originalData = value || [];
+        this.dataChanged = true;
+    }
+    getChildren(item) {
+        const id = this.itemKey(item);
+        const children = id === ROOT_ID ?
+            this.originalData.filter(o => !isPresent(this.parentIdGetter(o))) :
+            this.originalData.filter(o => this.parentIdGetter(o) === id);
+        return children;
+    }
+    itemKey(item) {
+        return item ? this.idGetter(item) : ROOT_ID;
+    }
+}
+FlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
+FlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FlatBindingDirective, selector: "[kendoTreeListFlatBinding]", inputs: { parentIdField: "parentIdField", idField: "idField", data: ["kendoTreeListFlatBinding", "data"] }, exportAs: ["kendoTreeListFlatBinding"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoTreeListFlatBinding',
+                    selector: '[kendoTreeListFlatBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }]; }, propDecorators: { parentIdField: [{
+                type: Input
+            }], idField: [{
+                type: Input
+            }], data: [{
+                type: Input,
+                args: ["kendoTreeListFlatBinding"]
+            }] } });