@progress/kendo-angular-treeview 6.0.2-dev.202202251428 → 7.0.0-dev.202204131935

package/dist/es/check.directive.js

@@ -1,282 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, EventEmitter, Input, Output, NgZone } from '@angular/core';
-import { TreeViewComponent } from './treeview.component';
-import { fetchLoadedDescendants, isBoolean, isPresent, noop } from './utils';
-import { Subscription } from 'rxjs';
-import { filter, take, switchMap, tap } from 'rxjs/operators';
-import { isChanged } from '@progress/kendo-angular-common';
-var indexChecked = function (keys, index) { return keys.filter(function (k) { return k === index; }).length > 0; };
-var ɵ0 = indexChecked;
-var matchKey = function (index) { return function (k) {
-    if (index === k) {
-        return true;
-    }
-    if (!k.split) {
-        return false;
-    }
-    return k.split('_').reduce(function (_a, part) {
-        var key = _a.key, result = _a.result;
-        key += part;
-        if (index === key || result) {
-            return { result: true };
-        }
-        key += "_";
-        return { key: key, result: false };
-    }, { key: "", result: false }).result;
-}; };
-var ɵ1 = matchKey;
-/**
- * A directive which manages the in-memory checked state of the TreeView node
- * ([see example]({% slug checkboxes_treeview %})).
- */
-var CheckDirective = /** @class */ (function () {
-    function CheckDirective(treeView, zone) {
-        var _this = this;
-        this.treeView = treeView;
-        this.zone = zone;
-        /**
-         * Fires when the `checkedKeys` collection was updated.
-         */
-        this.checkedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this.checkActions = {
-            'multiple': function (e) { return _this.checkMultiple(e); },
-            'single': function (e) { return _this.checkSingle(e); }
-        };
-        /**
-         * Reflectes the internal `checkedKeys` state.
-         */
-        this.state = new Set();
-        this.subscriptions.add(this.treeView.checkedChange
-            .subscribe(function (e) { return _this.check(e); }));
-        var expandedItems = [];
-        this.subscriptions.add(this.treeView.childrenLoaded
-            .pipe(filter(function () { return _this.options.checkChildren && _this.treeView.loadOnDemand; }), tap(function (item) { return expandedItems.push(item); }), switchMap(function () { return _this.zone.onStable.pipe(take(1)); }))
-            .subscribe(function () { return _this.addCheckedItemsChildren(expandedItems); }));
-        this.treeView.isChecked = this.isItemChecked.bind(this);
-    }
-    Object.defineProperty(CheckDirective.prototype, "isChecked", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            this.treeView.isChecked = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CheckDirective.prototype, "options", {
-        get: function () {
-            var defaultOptions = {
-                checkChildren: true,
-                checkParents: true,
-                enabled: true,
-                mode: "multiple"
-            };
-            if (!isPresent(this.checkable) || typeof this.checkable === 'string') {
-                return defaultOptions;
-            }
-            var checkSettings = isBoolean(this.checkable)
-                ? { enabled: this.checkable }
-                : this.checkable;
-            return Object.assign(defaultOptions, checkSettings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CheckDirective.prototype.ngOnChanges = function (changes) {
-        if (changes.checkable) {
-            this.treeView.checkboxes = this.options.enabled;
-            this.toggleCheckOnClick();
-        }
-        if (isChanged('checkedKeys', changes, false) && changes.checkedKeys.currentValue !== this.lastChange) {
-            this.state = new Set(changes.checkedKeys.currentValue);
-        }
-    };
-    CheckDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-        this.unsubscribeClick();
-    };
-    CheckDirective.prototype.isItemChecked = function (dataItem, index) {
-        if (!this.checkKey) {
-            return this.isIndexChecked(index);
-        }
-        var hasKey = this.state.has(this.itemKey({ dataItem: dataItem, index: index }));
-        return hasKey ? 'checked' : 'none';
-    };
-    CheckDirective.prototype.isIndexChecked = function (index) {
-        var checkedKeys = Array.from(this.state).filter(matchKey(index));
-        if (indexChecked(checkedKeys, index)) {
-            return 'checked';
-        }
-        var _a = this.options, mode = _a.mode, checkParents = _a.checkParents;
-        if (mode === 'multiple' && checkParents && checkedKeys.length) {
-            return 'indeterminate';
-        }
-        return 'none';
-    };
-    CheckDirective.prototype.itemKey = function (item) {
-        if (!isPresent(this.checkKey)) {
-            return item.index;
-        }
-        if (typeof this.checkKey === "string" && isPresent(item.dataItem)) {
-            return item.dataItem[this.checkKey];
-        }
-        if (typeof this.checkKey === "function") {
-            return this.checkKey(item);
-        }
-    };
-    CheckDirective.prototype.check = function (e) {
-        var _a = this.options, enabled = _a.enabled, mode = _a.mode;
-        var performSelection = this.checkActions[mode] || noop;
-        if (!enabled) {
-            return;
-        }
-        performSelection(e);
-    };
-    CheckDirective.prototype.checkSingle = function (node) {
-        var key = this.itemKey(node.item);
-        var hasKey = this.state.has(key);
-        this.state.clear();
-        if (!hasKey) {
-            this.state.add(key);
-        }
-        this.notify();
-    };
-    CheckDirective.prototype.checkMultiple = function (node) {
-        this.checkNode(node);
-        if (this.options.checkParents) {
-            this.checkParents(node.parent);
-        }
-        this.notify();
-    };
-    CheckDirective.prototype.toggleCheckOnClick = function () {
-        var _this = this;
-        this.unsubscribeClick();
-        if (this.options.checkOnClick) {
-            this.clickSubscription = this.treeView.nodeClick.subscribe(function (args) {
-                if (args.type === 'click') {
-                    var lookup = _this.treeView.itemLookup(args.item.index);
-                    _this.check(lookup);
-                }
-            });
-        }
-    };
-    CheckDirective.prototype.unsubscribeClick = function () {
-        if (this.clickSubscription) {
-            this.clickSubscription.unsubscribe();
-            this.clickSubscription = null;
-        }
-    };
-    CheckDirective.prototype.checkNode = function (node) {
-        var _this = this;
-        if (!isPresent(node.item.dataItem) || this.treeView.isDisabled(node.item.dataItem, node.item.index)) {
-            return;
-        }
-        var currentKey = this.itemKey(node.item);
-        if (!isPresent(currentKey)) {
-            return;
-        }
-        var pendingCheck = [currentKey];
-        if (this.options.checkChildren) {
-            var descendants = fetchLoadedDescendants(node, function (_a) {
-                var item = _a.item;
-                return _this.treeView.isVisible(item.dataItem, item.index) &&
-                    !_this.treeView.isDisabled(item.dataItem, item.index);
-            })
-                .map(function (_a) {
-                var item = _a.item;
-                return _this.itemKey(item);
-            });
-            pendingCheck.push.apply(pendingCheck, descendants);
-        }
-        var shouldCheck = !this.state.has(currentKey);
-        pendingCheck.forEach(function (key) {
-            if (shouldCheck) {
-                _this.state.add(key);
-            }
-            else {
-                _this.state.delete(key);
-            }
-        });
-    };
-    CheckDirective.prototype.checkParents = function (parent) {
-        var _this = this;
-        if (!isPresent(parent)) {
-            return;
-        }
-        var currentParent = parent;
-        while (currentParent) {
-            var parentKey = this.itemKey(currentParent.item);
-            var allChildrenSelected = currentParent.children.every(function (item) { return _this.state.has(_this.itemKey(item)); });
-            if (allChildrenSelected) {
-                this.state.add(parentKey);
-            }
-            else {
-                this.state.delete(parentKey);
-            }
-            currentParent = currentParent.parent;
-        }
-    };
-    CheckDirective.prototype.notify = function () {
-        this.lastChange = Array.from(this.state);
-        this.checkedKeysChange.emit(this.lastChange);
-    };
-    CheckDirective.prototype.addCheckedItemsChildren = function (lookups) {
-        var _this = this;
-        if (!isPresent(lookups) || lookups.length === 0) {
-            return;
-        }
-        var initiallyCheckedItemsCount = this.state.size;
-        lookups.forEach(function (lookup) {
-            var itemKey = _this.itemKey(lookup.item);
-            if (!_this.state.has(itemKey)) {
-                return;
-            }
-            lookup.children.forEach(function (item) {
-                // ensure both the parent item and each child node is enabled
-                if (!_this.treeView.isDisabled(lookup.item.dataItem, lookup.item.index) &&
-                    !_this.treeView.isDisabled(item.dataItem, item.index)) {
-                    _this.state.add(_this.itemKey(item));
-                }
-            });
-        });
-        var hasNewlyCheckedItems = initiallyCheckedItemsCount !== this.state.size;
-        if (hasNewlyCheckedItems) {
-            this.zone.run(function () { return _this.notify(); });
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], CheckDirective.prototype, "isChecked", null);
-    tslib_1.__decorate([
-        Input("checkBy"),
-        tslib_1.__metadata("design:type", Object)
-    ], CheckDirective.prototype, "checkKey", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], CheckDirective.prototype, "checkedKeys", void 0);
-    tslib_1.__decorate([
-        Input('kendoTreeViewCheckable'),
-        tslib_1.__metadata("design:type", Object)
-    ], CheckDirective.prototype, "checkable", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], CheckDirective.prototype, "checkedKeysChange", void 0);
-    CheckDirective = tslib_1.__decorate([
-        Directive({ selector: '[kendoTreeViewCheckable]' }),
-        tslib_1.__metadata("design:paramtypes", [TreeViewComponent,
-            NgZone])
-    ], CheckDirective);
-    return CheckDirective;
-}());
-export { CheckDirective };
-export { ɵ0, ɵ1 };

package/dist/es/checkbox/checkbox.component.js

@@ -1,127 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2 } from '@angular/core';
-import { guid } from '@progress/kendo-angular-common';
-import { getSizeClass } from '../utils';
-/**
- * @hidden
- *
- * Represents the CheckBox component of the Kendo UI TreeView for Angular.
- *
- */
-var CheckBoxComponent = /** @class */ (function () {
-    function CheckBoxComponent(element, renderer, changeDetector) {
-        this.element = element;
-        this.renderer = renderer;
-        this.changeDetector = changeDetector;
-        /**
-         * Specifies the [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component.
-         */
-        this.id = "_" + guid();
-        /**
-         * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Specifies the size of the component.
-         */
-        this.size = 'medium';
-        /**
-         * Fires when the user changes the check state of the component.
-         */
-        this.checkStateChange = new EventEmitter();
-        this.checkState = 'none';
-    }
-    Object.defineProperty(CheckBoxComponent.prototype, "classWrapper", {
-        //XXX: implement ComponentValueAccessor
-        //XXX: focus/blur methods
-        get: function () { return true; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CheckBoxComponent.prototype, "indeterminate", {
-        get: function () {
-            return this.checkState === 'indeterminate';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CheckBoxComponent.prototype, "checked", {
-        get: function () {
-            return this.checkState === 'checked';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(CheckBoxComponent.prototype, "checkBoxClasses", {
-        get: function () {
-            return "k-checkbox " + (this.size ? getSizeClass('checkbox', this.size) : '') + " k-rounded-md";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    CheckBoxComponent.prototype.ngOnInit = function () {
-        this.renderer.removeAttribute(this.element.nativeElement, "tabindex");
-    };
-    CheckBoxComponent.prototype.ngDoCheck = function () {
-        this.checkState = this.isChecked(this.node, this.index);
-    };
-    CheckBoxComponent.prototype.handleChange = function (e) {
-        var state = e.target.checked ? 'checked' : 'none';
-        // update the View State so that Angular updates the input if the isChecked value is the same
-        this.checkState = state;
-        this.changeDetector.detectChanges();
-        this.checkStateChange.emit(state);
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-checkbox-wrapper'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], CheckBoxComponent.prototype, "classWrapper", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CheckBoxComponent.prototype, "id", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], CheckBoxComponent.prototype, "isChecked", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], CheckBoxComponent.prototype, "node", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CheckBoxComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CheckBoxComponent.prototype, "labelText", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], CheckBoxComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], CheckBoxComponent.prototype, "size", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], CheckBoxComponent.prototype, "checkStateChange", void 0);
-    CheckBoxComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-checkbox',
-            template: "\n        <input\n            type=\"checkbox\"\n            [class]=\"checkBoxClasses\"\n            [id]=\"id\"\n            [checked]=\"checked\"\n            [indeterminate]=\"indeterminate\"\n            [tabindex]=\"tabindex\"\n            (change)=\"handleChange($event)\"\n        />\n        <label\n            class=\"k-checkbox-label\"\n            tabindex=\"-1\"\n            [for]=\"id\"\n        >{{labelText}}</label>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ChangeDetectorRef])
-    ], CheckBoxComponent);
-    return CheckBoxComponent;
-}());
-export { CheckBoxComponent };

package/dist/es/checkbox/checkbox.module.js

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { NgModule } from '@angular/core';
-import { CheckBoxComponent } from './checkbox.component';
-var COMPONENT_DIRECTIVES = [
-    CheckBoxComponent
-];
-/**
- * @hidden
- *
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }}) definition for the CheckBox component.
- */
-var CheckBoxModule = /** @class */ (function () {
-    function CheckBoxModule() {
-    }
-    CheckBoxModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES]
-        })
-    ], CheckBoxModule);
-    return CheckBoxModule;
-}());
-export { CheckBoxModule };

package/dist/es/checkbox/checked-state.js

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

package/dist/es/data-bound-component.js

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Injectable } from '@angular/core';
-/**
- * @hidden
- *
- * An injection token used by the data binding directives to interface with
- * the TreeView or the DropDownTree components.
- */
-var DataBoundComponent = /** @class */ (function () {
-    function DataBoundComponent() {
-    }
-    DataBoundComponent = tslib_1.__decorate([
-        Injectable()
-    ], DataBoundComponent);
-    return DataBoundComponent;
-}());
-export { DataBoundComponent };

package/dist/es/data-change-notification.service.js

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { EventEmitter } from '@angular/core';
-/**
- * @hidden
- */
-var DataChangeNotificationService = /** @class */ (function () {
-    function DataChangeNotificationService() {
-        this.changes = new EventEmitter();
-    }
-    DataChangeNotificationService.prototype.notify = function () {
-        this.changes.emit();
-    };
-    return DataChangeNotificationService;
-}());
-export { DataChangeNotificationService };

package/dist/es/default-callbacks.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var hasChildren = function () { return false; };
-/**
- * @hidden
- */
-export var isChecked = function () { return 'none'; };
-/**
- * @hidden
- */
-export var isDisabled = function () { return false; };
-/**
- * @hidden
- */
-export var isExpanded = function () { return true; };
-/**
- * @hidden
- */
-export var isSelected = function () { return false; };
-/**
- * @hidden
- */
-export var isVisible = function () { return true; };
-/**
- * @hidden
- */
-export var trackBy = function (_, item) { return item; };

package/dist/es/disable.directive.js

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { ChangeDetectorRef, Directive, Input } from '@angular/core';
-import { TreeViewComponent } from './treeview.component';
-/**
- * A directive which manages the disabled in-memory state of the TreeView node
- * ([see example]({% slug disabledstate_treeview %})).
- */
-var DisableDirective = /** @class */ (function () {
-    function DisableDirective(treeView, cdr) {
-        var _this = this;
-        this.treeView = treeView;
-        this.cdr = cdr;
-        /**
-         * Defines the collection that will store the disabled keys.
-         */
-        this.disabledKeys = [];
-        this.treeView.isDisabled = function (dataItem, index) { return (_this.disabledKeys.indexOf(_this.itemKey({ dataItem: dataItem, index: index })) > -1); };
-    }
-    Object.defineProperty(DisableDirective.prototype, "isDisabled", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            this.treeView.isDisabled = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DisableDirective.prototype.ngOnChanges = function (changes) {
-        if (changes === void 0) { changes = {}; }
-        var disabledKeys = changes.disabledKeys;
-        if (disabledKeys && !disabledKeys.firstChange) {
-            this.cdr.markForCheck();
-        }
-    };
-    DisableDirective.prototype.itemKey = function (e) {
-        if (!this.disableKey) {
-            return e.index;
-        }
-        if (typeof this.disableKey === "string") {
-            return e.dataItem[this.disableKey];
-        }
-        if (typeof this.disableKey === "function") {
-            return this.disableKey(e);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Function])
-    ], DisableDirective.prototype, "isDisabled", null);
-    tslib_1.__decorate([
-        Input("kendoTreeViewDisable"),
-        tslib_1.__metadata("design:type", Object)
-    ], DisableDirective.prototype, "disableKey", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], DisableDirective.prototype, "disabledKeys", void 0);
-    DisableDirective = tslib_1.__decorate([
-        Directive({ selector: '[kendoTreeViewDisable]' }),
-        tslib_1.__metadata("design:paramtypes", [TreeViewComponent,
-            ChangeDetectorRef])
-    ], DisableDirective);
-    return DisableDirective;
-}());
-export { DisableDirective };

package/dist/es/drag-and-drop/drag-and-drop-editing.directive.js

@@ -1,65 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Input } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { TreeViewComponent } from '../treeview.component';
-import { isPresent } from '../utils';
-/**
- * A directive which enables the update of the initially provided data array during drag-and-drop.
- *
- * Either use this directive in combination with one of the data binding directives ([`kendoTreeViewHierarchyBinding`]({% slug api_treeview_hierarchybindingdirective %})
- * or [`kendoTreeViewFlatDataBinding`]({% slug api_treeview_flatdatabindingdirective %})) which set their own edit handlers, or provide
- * your own [`editService`]({% slug api_treeview_editservice %}) to this directive. The latter subscribes to and calls the
- * [`addItem`]({% slug api_treeview_treeviewcomponent %}#toc-additem) and [`removeItem`]({% slug api_treeview_treeviewcomponent %}#toc-removeitem)
- * handlers when the corresponding events are triggered by the TreeView component.
- */
-var DragAndDropEditingDirective = /** @class */ (function () {
-    function DragAndDropEditingDirective(treeview) {
-        this.treeview = treeview;
-        this.subscriptions = new Subscription();
-        this.subscriptions.add(this.treeview.addItem.subscribe(this.handleAdd.bind(this)));
-        this.subscriptions.add(this.treeview.removeItem.subscribe(this.handleRemove.bind(this)));
-    }
-    Object.defineProperty(DragAndDropEditingDirective.prototype, "editService", {
-        /**
-         * Specifies the handlers called on drag-and-drop [`addItem`]({% slug api_treeview_treeviewcomponent %}#toc-additem)
-         * and [`removeItem`]({% slug api_treeview_treeviewcomponent %}#toc-removeitem) events.
-         */
-        set: function (service) {
-            this.treeview.editService = service;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DragAndDropEditingDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    DragAndDropEditingDirective.prototype.handleAdd = function (args) {
-        if (!isPresent(this.treeview.editService)) {
-            throw new Error('No `editService` provided. Either provide your own implementation or use this directive in combination with one of the data binding directives (`kendoTreeViewHierarchyBinding` or `kendoTreeViewFlatDataBinding`).');
-        }
-        this.treeview.editService.add(args);
-    };
-    DragAndDropEditingDirective.prototype.handleRemove = function (args) {
-        if (!isPresent(this.treeview.editService)) {
-            throw new Error('No `editService` provided. Either provide your own implementation or use this directive in combination with one of the data binding directives (`kendoTreeViewHierarchyBinding` or `kendoTreeViewFlatDataBinding`).');
-        }
-        this.treeview.editService.remove(args);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], DragAndDropEditingDirective.prototype, "editService", null);
-    DragAndDropEditingDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoTreeViewDragAndDropEditing]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TreeViewComponent])
-    ], DragAndDropEditingDirective);
-    return DragAndDropEditingDirective;
-}());
-export { DragAndDropEditingDirective };