@progress/kendo-angular-treelist 4.0.6-dev.202203090952 → 5.0.0-dev.202204191050

package/dist/npm/scrolling/scroll-sync.service.js

@@ -1,91 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-/**
- * @hidden
- */
-var ScrollSyncService = /** @class */ (function () {
-    function ScrollSyncService(ngZone) {
-        var _this = this;
-        this.ngZone = ngZone;
-        this.changes = new rxjs_1.Subject();
-        this.elements = [];
-        this.subscriptions = new rxjs_1.Subscription();
-        this.headerSubscription = new rxjs_1.Subscription();
-        this.bodySubscription = new rxjs_1.Subscription();
-        this.subscriptions.add(this.changes.subscribe(function (args) { return _this.scrollLeft(args); }));
-    }
-    ScrollSyncService.prototype.registerEmitter = function (el, sourceType) {
-        var _this = this;
-        this.unregister(sourceType);
-        this.elements.push({ element: el, sourceType: sourceType });
-        if (sourceType === "body" || sourceType === "header") {
-            this.ngZone.runOutsideAngular(function () {
-                var obs = rxjs_1.fromEvent(el, "scroll").pipe(operators_1.map(function (_a) {
-                    var scrollLeft = _a.target.scrollLeft;
-                    return ({
-                        scrollLeft: scrollLeft,
-                        sourceType: sourceType
-                    });
-                }));
-                var subscription = obs.pipe(operators_1.distinctUntilChanged(function (x, y) { return (x.scrollLeft === y.scrollLeft); }), operators_1.filter(function (x) { return !_this.source || _this.source === x.sourceType; }), operators_1.tap(function (x) { return _this.source = x.sourceType; }))
-                    .subscribe(function (x) { return _this.changes.next(x); });
-                subscription.add(obs.pipe(operators_1.filter(function (x) { return _this.source && _this.source !== x.sourceType; }))
-                    .subscribe(function () { return _this.source = undefined; }));
-                if (sourceType === "body") {
-                    _this.bodySubscription.add(subscription);
-                }
-                else {
-                    _this.headerSubscription.add(subscription);
-                }
-            });
-        }
-    };
-    /**
-     * destroy
-     */
-    ScrollSyncService.prototype.destroy = function () {
-        this.subscriptions.unsubscribe();
-        this.headerSubscription.unsubscribe();
-        this.bodySubscription.unsubscribe();
-    };
-    ScrollSyncService.prototype.scrollLeft = function (_a) {
-        var _this = this;
-        var scrollLeft = _a.scrollLeft, sourceType = _a.sourceType;
-        this.ngZone.runOutsideAngular(function () {
-            _this.elements
-                .filter(function (x) { return sourceType !== x.sourceType; })
-                .forEach(function (_a) {
-                var element = _a.element;
-                return element.scrollLeft = scrollLeft;
-            });
-        });
-    };
-    ScrollSyncService.prototype.unregister = function (sourceType) {
-        var index = this.elements.findIndex(function (x) { return x.sourceType === sourceType; });
-        if (index > -1) {
-            if (sourceType === "header") {
-                this.headerSubscription.unsubscribe();
-                this.headerSubscription = new rxjs_1.Subscription();
-            }
-            else if (sourceType === "body") {
-                this.bodySubscription.unsubscribe();
-                this.bodySubscription = new rxjs_1.Subscription();
-            }
-            this.elements.splice(index, 1);
-        }
-    };
-    ScrollSyncService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
-    ], ScrollSyncService);
-    return ScrollSyncService;
-}());
-exports.ScrollSyncService = ScrollSyncService;

package/dist/npm/scrolling/scroller.service.js

@@ -1,117 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var rxjs_1 = require("rxjs");
-/**
- * @hidden
- */
-var ScrollAction = /** @class */ (function () {
-    function ScrollAction(offset) {
-        this.offset = offset;
-    }
-    return ScrollAction;
-}());
-exports.ScrollAction = ScrollAction;
-/**
- * @hidden
- */
-var PageAction = /** @class */ (function () {
-    function PageAction(skip, take) {
-        this.skip = skip;
-        this.take = take;
-    }
-    return PageAction;
-}());
-exports.PageAction = PageAction;
-/**
- * @hidden
- */
-var ScrollBottomAction = /** @class */ (function () {
-    function ScrollBottomAction() {
-    }
-    return ScrollBottomAction;
-}());
-exports.ScrollBottomAction = ScrollBottomAction;
-var SCROLL_BOTTOM_THRESHOLD = 1;
-/**
- * @hidden
- */
-var ScrollerService = /** @class */ (function () {
-    function ScrollerService(scrollObservable) {
-        this.scrollObservable = scrollObservable;
-        this.firstLoaded = 0;
-        this.lastScrollTop = 0;
-    }
-    ScrollerService.prototype.create = function (rowHeightService, skip, take, total, scrollTop) {
-        var _this = this;
-        if (scrollTop === void 0) { scrollTop = 0; }
-        this.rowHeightService = rowHeightService;
-        this.firstLoaded = skip;
-        this.lastLoaded = skip + take;
-        this.take = take;
-        this.total = total;
-        this.lastScrollTop = scrollTop;
-        var subject = new rxjs_1.BehaviorSubject(new ScrollAction(this.rowHeightService.offset(skip)));
-        this.subscription = rxjs_1.Observable.create(function (observer) {
-            _this.unsubscribe();
-            _this.scrollSubscription = _this.scrollObservable.subscribe(function (x) { return _this.onScroll(x, observer); });
-        }).subscribe(function (x) { return subject.next(x); });
-        return subject;
-    };
-    ScrollerService.prototype.destroy = function () {
-        this.unsubscribe();
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    };
-    ScrollerService.prototype.onScroll = function (_a, observer) {
-        var scrollTop = _a.scrollTop, offsetHeight = _a.offsetHeight, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-        if (this.lastScrollTop === scrollTop) {
-            return;
-        }
-        var up = this.lastScrollTop >= scrollTop;
-        this.lastScrollTop = scrollTop;
-        var firstItemIndex = this.rowHeightService.index(scrollTop);
-        var firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-        var lastItemIndex = this.rowHeightService.index(scrollTop + offsetHeight);
-        if (!up) {
-            if (lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {
-                var overflow = (firstItemIndex + this.take) - this.total;
-                if (overflow > 0) {
-                    firstItemIndex = firstItemIndex - overflow;
-                    firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-                }
-                this.firstLoaded = firstItemIndex;
-                observer.next(new ScrollAction(firstItemOffset));
-                var nextTake = this.firstLoaded + this.take;
-                this.lastLoaded = Math.min(nextTake, this.total);
-                nextTake = nextTake > this.total ? this.total - this.firstLoaded : this.take;
-                observer.next(new PageAction(this.firstLoaded, this.take));
-            }
-            else {
-                var atBottom = scrollHeight - clientHeight - scrollTop < SCROLL_BOTTOM_THRESHOLD;
-                if (atBottom) {
-                    observer.next(new ScrollBottomAction());
-                }
-            }
-        }
-        if (up && firstItemIndex < this.firstLoaded) {
-            var nonVisibleBuffer = Math.floor(this.take * 0.3);
-            this.firstLoaded = Math.max(firstItemIndex - nonVisibleBuffer, 0);
-            observer.next(new ScrollAction(this.rowHeightService.offset(this.firstLoaded)));
-            this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);
-            observer.next(new PageAction(this.firstLoaded, this.take));
-        }
-    };
-    ScrollerService.prototype.unsubscribe = function () {
-        if (this.scrollSubscription) {
-            this.scrollSubscription.unsubscribe();
-            this.scrollSubscription = undefined;
-        }
-    };
-    return ScrollerService;
-}());
-exports.ScrollerService = ScrollerService;

package/dist/npm/scrolling/scrollmode.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/scrolling/suspend.service.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * @hidden
- */
-var SuspendService = /** @class */ (function () {
-    function SuspendService() {
-        this.scroll = false;
-    }
-    SuspendService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], SuspendService);
-    return SuspendService;
-}());
-exports.SuspendService = SuspendService;

package/dist/npm/selection/is-selected.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/selection/marquee.directive.js

@@ -1,182 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var selection_service_1 = require("./selection.service");
-var selection_state_1 = require("./selection-state");
-var createElement = function () {
-    var marquee = document.createElement("div");
-    marquee.className = "k-marquee";
-    var marqueeColor = document.createElement("div");
-    marqueeColor.className = "k-marquee-color";
-    marquee.appendChild(marqueeColor);
-    return marquee;
-};
-var ɵ0 = createElement;
-exports.ɵ0 = ɵ0;
-var elementUnderCursor = function (_a) {
-    var clientX = _a.clientX, clientY = _a.clientY;
-    return document.elementFromPoint(clientX, clientY);
-};
-var ɵ1 = elementUnderCursor;
-exports.ɵ1 = ɵ1;
-/**
- * @hidden
- */
-var MarqueeDirective = /** @class */ (function () {
-    function MarqueeDirective(draggable, selection, changeDetector) {
-        this.draggable = draggable;
-        this.selection = selection;
-        this.changeDetector = changeDetector;
-        this.cellSelected = this.cellSelected.bind(this);
-        this.rowSelected = this.rowSelected.bind(this);
-    }
-    Object.defineProperty(MarqueeDirective.prototype, "userSelection", {
-        get: function () {
-            return this.selection.enableMarquee ? 'none' : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MarqueeDirective.prototype.ngOnInit = function () {
-        // handle esc
-        // trigger cancel
-        this.subscriptions = this.draggable.kendoPress.subscribe(this.start.bind(this));
-        this.subscriptions.add(this.draggable.kendoDrag.subscribe(this.moveMarquee.bind(this)));
-        this.subscriptions.add(this.draggable.kendoRelease.subscribe(this.endSelection.bind(this)));
-    };
-    MarqueeDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-        this.clean();
-    };
-    MarqueeDirective.prototype.cellSelected = function (dataItem, column) {
-        return this.state.has(dataItem, column);
-    };
-    MarqueeDirective.prototype.rowSelected = function (dataItem) {
-        return this.state.has(dataItem);
-    };
-    MarqueeDirective.prototype.start = function (args) {
-        var pressTarget = this.targetArgs(args, true);
-        if (!pressTarget) {
-            return;
-        }
-        this.pressTarget = pressTarget;
-        this.pressArgs = args;
-    };
-    MarqueeDirective.prototype.moveMarquee = function (args) {
-        if (this.pressTarget && !this.state) {
-            this.initMarquee();
-        }
-        if (this.marqueeElement) {
-            var element = this.marqueeElement;
-            var press = this.pressArgs;
-            var left = Math.min(args.pageX, press.pageX);
-            var top_1 = Math.min(args.pageY, press.pageY);
-            var width = Math.abs(args.pageX - press.pageX);
-            var height = Math.abs(args.pageY - press.pageY);
-            element.style.left = left + "px";
-            element.style.top = top_1 + "px";
-            element.style.width = width + "px";
-            element.style.height = height + "px";
-        }
-        else if (this.state) {
-            var currentTarget = this.targetArgs(args);
-            if (currentTarget && (!this.currentTarget || this.currentTarget.item.data !== currentTarget.item.data ||
-                (this.selection.settings.mode === 'cell' && this.currentTarget.column !== currentTarget.column))) {
-                this.currentTarget = currentTarget;
-                this.state.fromArray(this.selection.rangeItems(this.pressTarget, currentTarget).map(function (item) { return ({ itemKey: item.dataItem, columnKey: item.column }); }));
-                this.selection.updateSelectedState();
-                this.changeDetector.detectChanges();
-            }
-        }
-    };
-    MarqueeDirective.prototype.endSelection = function (args) {
-        if (!this.state) {
-            return;
-        }
-        if ((this.pressArgs.pageX !== args.pageX || this.pressArgs.pageY !== args.pageY)) {
-            var pressTarget = this.pressTarget;
-            var releaseTarget = this.targetArgs(args);
-            this.clean();
-            // if one is missing select first / last viewItem depending on the position
-            // select column based on coordinates
-            if (pressTarget && releaseTarget) {
-                this.selection.selectRange(pressTarget, releaseTarget);
-            }
-            else {
-                this.changeDetector.detectChanges();
-            }
-        }
-        else {
-            this.clean();
-            this.changeDetector.detectChanges();
-        }
-    };
-    MarqueeDirective.prototype.clean = function () {
-        if (this.marqueeElement) {
-            document.body.removeChild(this.marqueeElement);
-            this.marqueeElement = null;
-        }
-        if (this.selectionSelected) {
-            if (this.selection.settings.mode === 'cell') {
-                this.selection.isCellSelected = this.selectionSelected;
-            }
-            else {
-                this.selection.isRowSelected = this.selectionSelected;
-            }
-            this.selectionSelected = null;
-        }
-        if (this.state) {
-            this.state.clear();
-            this.state = null;
-        }
-        this.pressTarget = null;
-        this.pressArgs = null;
-    };
-    MarqueeDirective.prototype.targetArgs = function (args, skipFocusable) {
-        var target = args.originalEvent.target;
-        if (this.marqueeElement) {
-            this.marqueeElement.style.display = 'none';
-            target = elementUnderCursor(args);
-            this.marqueeElement.style.display = 'block';
-        }
-        return this.selection.targetArgs(target, skipFocusable);
-    };
-    MarqueeDirective.prototype.initMarquee = function () {
-        this.state = selection_state_1.createState(this.selection.settings);
-        if (this.selection.settings.mode === 'cell') {
-            this.selectionSelected = this.selection.isCellSelected;
-            this.selection.isCellSelected = this.cellSelected;
-        }
-        else {
-            this.selectionSelected = this.selection.isRowSelected;
-            this.selection.isRowSelected = this.rowSelected;
-        }
-        this.changeDetector.detectChanges();
-        var drag = this.selection.settings.drag;
-        if (!(drag && drag.snap)) {
-            this.marqueeElement = createElement();
-            document.body.appendChild(this.marqueeElement);
-        }
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('style.user-select'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], MarqueeDirective.prototype, "userSelection", null);
-    MarqueeDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoTreeListSelectionMarquee]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_common_1.DraggableDirective,
-            selection_service_1.SelectionService,
-            core_1.ChangeDetectorRef])
-    ], MarqueeDirective);
-    return MarqueeDirective;
-}());
-exports.MarqueeDirective = MarqueeDirective;

package/dist/npm/selection/selectable-settings.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/selection/selectable.directive.js

@@ -1,233 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var treelist_component_1 = require("../treelist.component");
-var kendo_common_1 = require("@progress/kendo-common");
-var utils_1 = require("../utils");
-var selection_state_1 = require("./selection-state");
-var defaultColumnKeyGetter = function (_column, columnIndex) { return columnIndex; };
-var ɵ0 = defaultColumnKeyGetter;
-exports.ɵ0 = ɵ0;
-/**
- * A directive which controls the selection state
- */
-var SelectableDirective = /** @class */ (function () {
-    function SelectableDirective(treelist) {
-        this.treelist = treelist;
-        /**
-         * Fires when the selected items are changed.
-         */
-        this.selectedItemsChange = new core_1.EventEmitter();
-        this.state = new selection_state_1.RowSelectionState();
-        this._selectedItems = [];
-        this.cellSelected = this.cellSelected.bind(this);
-        this.rowSelected = this.rowSelected.bind(this);
-        this.selectionChange = this.selectionChange.bind(this);
-        this.updateColumnIndices = this.updateColumnIndices.bind(this);
-        this.treelist.selectable = this.selectable = true;
-    }
-    Object.defineProperty(SelectableDirective.prototype, "selectable", {
-        /**
-         * @hidden
-         */
-        set: function (value) {
-            if (typeof value === 'object') { // add method to normalize this
-                this._settings = value;
-            }
-            else {
-                this._settings = {
-                    enabled: value
-                };
-            }
-            this.state = selection_state_1.createState(this._settings);
-            this.state.fromArray(this._selectedItems || []);
-            if (this._settings.enabled !== false) {
-                this.treelist.isSelected = this._settings.mode === 'cell' ? this.cellSelected : this.rowSelected;
-                this.subscribeSelection();
-            }
-            else {
-                this.treelist.isSelected = function () { return false; };
-                this.unsubscribeSelection();
-            }
-            this.treelist.updateView();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "selectedItems", {
-        /**
-         * Specifies the selected items.
-         */
-        set: function (value) {
-            if (!value) {
-                this.state.clear();
-            }
-            else if (value !== this.lastChange) {
-                this.state.fromArray(value);
-                this.treelist.updateView();
-            }
-            this._selectedItems = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "itemKey", {
-        /**
-         * The field name or a function that specify the dataItems key.
-         */
-        set: function (value) {
-            if (utils_1.isString(value)) {
-                this._keyGetter = kendo_common_1.getter(String(value));
-            }
-            else {
-                this._keyGetter = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "columnKey", {
-        /**
-         * The field name or a function that specify the columns key.
-         */
-        set: function (value) {
-            if (utils_1.isString(value)) {
-                this._columnKeyGetter = kendo_common_1.getter(String(value));
-            }
-            else if (value) {
-                this._columnKeyGetter = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "keyGetter", {
-        get: function () {
-            return this._keyGetter || this.treelist.idGetter;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SelectableDirective.prototype, "columnKeyGetter", {
-        get: function () {
-            return this._columnKeyGetter || defaultColumnKeyGetter;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SelectableDirective.prototype.ngOnDestroy = function () {
-        this.unsubscribeSelection();
-    };
-    /**
-     * @hidden
-     */
-    SelectableDirective.prototype.cellSelected = function (dataItem, column, columnIndex) {
-        return this.state.has(this.keyGetter(dataItem), this.columnKeyGetter(column, columnIndex));
-    };
-    /**
-     * @hidden
-     */
-    SelectableDirective.prototype.rowSelected = function (dataItem) {
-        return this.state.has(this.keyGetter(dataItem));
-    };
-    SelectableDirective.prototype.selectionChange = function (_a) {
-        var _this = this;
-        var action = _a.action, items = _a.items;
-        if (action === 'select' || action === 'add') {
-            if (action === 'select') {
-                this.state.clear();
-            }
-            items.forEach(function (item) {
-                _this.state.add(_this.keyGetter(item.dataItem), _this.columnKeyGetter(item.column, item.columnIndex));
-            });
-        }
-        else {
-            items.forEach(function (item) {
-                _this.state.remove(_this.keyGetter(item.dataItem), _this.columnKeyGetter(item.column, item.columnIndex));
-            });
-        }
-        this.emitSelectedItemsChange();
-    };
-    SelectableDirective.prototype.emitSelectedItemsChange = function () {
-        this.lastChange = this.state.toArray();
-        this.selectedItemsChange.emit(this.lastChange);
-    };
-    SelectableDirective.prototype.subscribeSelection = function () {
-        this.unsubscribeSelection();
-        this.subscriptions = this.treelist.selectionChange.subscribe(this.selectionChange);
-        if (this._settings.mode === 'cell') {
-            this.subscriptions.add(this.treelist.columnOrderChange.subscribe(this.updateColumnIndices));
-            this.subscriptions.add(this.treelist.columnLockedChange.subscribe(this.updateColumnIndices));
-        }
-    };
-    SelectableDirective.prototype.unsubscribeSelection = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-            this.subscriptions = null;
-        }
-    };
-    SelectableDirective.prototype.updateColumnIndices = function () {
-        if (!this._columnKeyGetter) {
-            var changes_1 = new Map();
-            var currentIndices_1 = [];
-            this.leafColumns.forEach(function (column) {
-                currentIndices_1.push(column);
-            });
-            this.treelist.columnsContainer.refresh();
-            var leafColumns_1 = this.leafColumns;
-            currentIndices_1.forEach(function (column, index) {
-                if (column !== leafColumns_1[index]) {
-                    changes_1.set(index, leafColumns_1.indexOf(column));
-                }
-            });
-            if (changes_1.size && this.state.updateColumKeys(changes_1)) {
-                this.emitSelectedItemsChange();
-            }
-        }
-    };
-    Object.defineProperty(SelectableDirective.prototype, "leafColumns", {
-        get: function () {
-            return this.treelist.lockedLeafColumns.toArray().concat(this.treelist.nonLockedLeafColumns.toArray());
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SelectableDirective.prototype, "selectable", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], SelectableDirective.prototype, "selectedItems", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], SelectableDirective.prototype, "selectedItemsChange", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SelectableDirective.prototype, "itemKey", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], SelectableDirective.prototype, "columnKey", null);
-    SelectableDirective = tslib_1.__decorate([
-        core_1.Directive({
-            exportAs: 'kendoTreeListSelectable',
-            selector: '[kendoTreeListSelectable]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [treelist_component_1.TreeListComponent])
-    ], SelectableDirective);
-    return SelectableDirective;
-}());
-exports.SelectableDirective = SelectableDirective;