@progress/kendo-angular-treeview 5.4.2-dev.202111011443 → 6.0.0-dev.202112021059

package/dist/npm/check.directive.js

@@ -10,6 +10,7 @@ var treeview_component_1 = require("./treeview.component");
 var utils_1 = require("./utils");
 var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var indexChecked = function (keys, index) { return keys.filter(function (k) { return k === index; }).length > 0; };
 var ɵ0 = indexChecked;
 exports.ɵ0 = ɵ0;
@@ -50,7 +51,10 @@ var CheckDirective = /** @class */ (function () {
             'multiple': function (e) { return _this.checkMultiple(e); },
             'single': function (e) { return _this.checkSingle(e); }
         };
-        this._checkedKeys = [];
+        /**
+         * Reflectes the internal `checkedKeys` state.
+         */
+        this.state = new Set();
         this.subscriptions.add(this.treeView.checkedChange
             .subscribe(function (e) { return _this.check(e); }));
         var expandedItems = [];
@@ -69,20 +73,6 @@ var CheckDirective = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckDirective.prototype, "checkedKeys", {
-        /**
-         * Defines the collection that will store the checked keys
-         * ([see example]({% slug checkboxes_treeview %})).
-         */
-        get: function () {
-            return this._checkedKeys;
-        },
-        set: function (keys) {
-            this._checkedKeys = keys;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(CheckDirective.prototype, "options", {
         get: function () {
             var defaultOptions = {
@@ -107,6 +97,9 @@ var CheckDirective = /** @class */ (function () {
             this.treeView.checkboxes = this.options.enabled;
             this.toggleCheckOnClick();
         }
+        if (kendo_angular_common_1.isChanged('checkedKeys', changes, false) && changes.checkedKeys.currentValue !== this.lastChange) {
+            this.state = new Set(changes.checkedKeys.currentValue);
+        }
     };
     CheckDirective.prototype.ngOnDestroy = function () {
         this.subscriptions.unsubscribe();
@@ -116,11 +109,11 @@ var CheckDirective = /** @class */ (function () {
         if (!this.checkKey) {
             return this.isIndexChecked(index);
         }
-        var keyIndex = this.checkedKeys.indexOf(this.itemKey({ dataItem: dataItem, index: index }));
-        return keyIndex > -1 ? 'checked' : 'none';
+        var hasKey = this.state.has(this.itemKey({ dataItem: dataItem, index: index }));
+        return hasKey ? 'checked' : 'none';
     };
     CheckDirective.prototype.isIndexChecked = function (index) {
-        var checkedKeys = this.checkedKeys.filter(matchKey(index));
+        var checkedKeys = Array.from(this.state).filter(matchKey(index));
         if (indexChecked(checkedKeys, index)) {
             return 'checked';
         }
@@ -151,7 +144,11 @@ var CheckDirective = /** @class */ (function () {
     };
     CheckDirective.prototype.checkSingle = function (node) {
         var key = this.itemKey(node.item);
-        this.checkedKeys = this.checkedKeys[0] !== key ? [key] : [];
+        var hasKey = this.state.has(key);
+        this.state.clear();
+        if (!hasKey) {
+            this.state.add(key);
+        }
         this.notify();
     };
     CheckDirective.prototype.checkMultiple = function (node) {
@@ -188,7 +185,6 @@ var CheckDirective = /** @class */ (function () {
         if (!utils_1.isPresent(currentKey)) {
             return;
         }
-        var checkedKeys = new Set(this.checkedKeys);
         var pendingCheck = [currentKey];
         if (this.options.checkChildren) {
             var descendants = utils_1.fetchLoadedDescendants(node, function (_a) {
@@ -202,63 +198,59 @@ var CheckDirective = /** @class */ (function () {
             });
             pendingCheck.push.apply(pendingCheck, descendants);
         }
-        var shouldCheck = !checkedKeys.has(currentKey);
+        var shouldCheck = !this.state.has(currentKey);
         pendingCheck.forEach(function (key) {
             if (shouldCheck) {
-                checkedKeys.add(key);
+                _this.state.add(key);
             }
             else {
-                checkedKeys.delete(key);
+                _this.state.delete(key);
             }
         });
-        this.checkedKeys = Array.from(checkedKeys);
     };
     CheckDirective.prototype.checkParents = function (parent) {
         var _this = this;
         if (!utils_1.isPresent(parent)) {
             return;
         }
-        var checkedKeys = new Set(this.checkedKeys);
         var currentParent = parent;
         while (currentParent) {
             var parentKey = this.itemKey(currentParent.item);
-            var allChildrenSelected = currentParent.children.every(function (item) { return checkedKeys.has(_this.itemKey(item)); });
+            var allChildrenSelected = currentParent.children.every(function (item) { return _this.state.has(_this.itemKey(item)); });
             if (allChildrenSelected) {
-                checkedKeys.add(parentKey);
+                this.state.add(parentKey);
             }
             else {
-                checkedKeys.delete(parentKey);
+                this.state.delete(parentKey);
             }
             currentParent = currentParent.parent;
         }
-        this.checkedKeys = Array.from(checkedKeys);
     };
     CheckDirective.prototype.notify = function () {
-        this.checkedKeysChange.emit(this.checkedKeys.slice());
+        this.lastChange = Array.from(this.state);
+        this.checkedKeysChange.emit(this.lastChange);
     };
     CheckDirective.prototype.addCheckedItemsChildren = function (lookups) {
         var _this = this;
         if (!utils_1.isPresent(lookups) || lookups.length === 0) {
             return;
         }
-        var initiallyCheckedItemsCount = this.checkedKeys.length;
-        var checkedKeys = new Set(this.checkedKeys);
+        var initiallyCheckedItemsCount = this.state.size;
         lookups.forEach(function (lookup) {
             var itemKey = _this.itemKey(lookup.item);
-            if (!checkedKeys.has(itemKey)) {
+            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)) {
-                    checkedKeys.add(_this.itemKey(item));
+                    _this.state.add(_this.itemKey(item));
                 }
             });
         });
-        var hasNewlyCheckedItems = initiallyCheckedItemsCount !== checkedKeys.size;
+        var hasNewlyCheckedItems = initiallyCheckedItemsCount !== this.state.size;
         if (hasNewlyCheckedItems) {
-            this.checkedKeys = Array.from(checkedKeys);
             this.zone.run(function () { return _this.notify(); });
         }
     };
@@ -273,9 +265,8 @@ var CheckDirective = /** @class */ (function () {
     ], CheckDirective.prototype, "checkKey", void 0);
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], CheckDirective.prototype, "checkedKeys", null);
+        tslib_1.__metadata("design:type", Array)
+    ], CheckDirective.prototype, "checkedKeys", void 0);
     tslib_1.__decorate([
         core_1.Input('kendoTreeViewCheckable'),
         tslib_1.__metadata("design:type", Object)

package/dist/npm/expand.directive.js

@@ -10,6 +10,7 @@ var expandable_component_1 = require("./expandable-component");
 var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
 var utils_1 = require("./utils");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var DEFAULT_FILTER_EXPAND_SETTINGS = {
     maxAutoExpandResults: -1,
     expandMatches: false,
@@ -34,8 +35,11 @@ var ExpandDirective = /** @class */ (function () {
          */
         this.expandedKeysChange = new core_1.EventEmitter();
         this.subscriptions = new rxjs_1.Subscription();
-        this._expandedKeys = [];
-        this.originalExpandedKeys = [];
+        /**
+         * Reflectes the internal `expandedKeys` state.
+         */
+        this.state = new Set();
+        this.originalExpandedKeys = new Set();
         this.isFiltered = false;
         /**
          * Fills array with the correct expand keys according to wrapper metadata.
@@ -68,7 +72,7 @@ var ExpandDirective = /** @class */ (function () {
             this.subscriptions.add(this.component.filterStateChange.subscribe(this.handleAutoExpand.bind(this)));
         }
         this.component.isExpanded = function (dataItem, index) {
-            return _this.expandedKeys.indexOf(_this.itemKey({ dataItem: dataItem, index: index })) > -1;
+            return _this.state.has(_this.itemKey({ dataItem: dataItem, index: index }));
         };
     }
     Object.defineProperty(ExpandDirective.prototype, "isExpanded", {
@@ -89,19 +93,11 @@ var ExpandDirective = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ExpandDirective.prototype, "expandedKeys", {
-        /**
-         * Defines the collection that will store the expanded keys.
-         */
-        get: function () {
-            return this._expandedKeys;
-        },
-        set: function (keys) {
-            this._expandedKeys = keys;
-        },
-        enumerable: true,
-        configurable: true
-    });
+    ExpandDirective.prototype.ngOnChanges = function (changes) {
+        if (kendo_angular_common_1.isChanged('expandedKeys', changes, false) && changes.expandedKeys.currentValue !== this.lastChange) {
+            this.state = new Set(changes.expandedKeys.currentValue);
+        }
+    };
     ExpandDirective.prototype.ngOnDestroy = function () {
         this.subscriptions.unsubscribe();
     };
@@ -121,19 +117,19 @@ var ExpandDirective = /** @class */ (function () {
     };
     ExpandDirective.prototype.toggleExpand = function (_a) {
         var index = _a.index, dataItem = _a.dataItem, expand = _a.expand;
-        var item = this.itemKey({ index: index, dataItem: dataItem });
-        var idx = this.expandedKeys.indexOf(item);
+        var key = this.itemKey({ index: index, dataItem: dataItem });
+        var isExpanded = this.state.has(key);
         var notify = false;
-        if (idx > -1 && !expand) {
-            this.expandedKeys.splice(idx, 1);
+        if (isExpanded && !expand) {
+            this.state.delete(key);
             notify = true;
         }
-        else if (idx === -1 && expand) {
-            this.expandedKeys.push(item);
+        else if (!isExpanded && expand) {
+            this.state.add(key);
             notify = true;
         }
         if (notify) {
-            this.expandedKeysChange.emit(this.expandedKeys);
+            this.notify();
         }
     };
     ExpandDirective.prototype.handleAutoExpand = function (_a) {
@@ -144,7 +140,7 @@ var ExpandDirective = /** @class */ (function () {
         }
         var _b = this.filterExpandSettings, maxAutoExpandResults = _b.maxAutoExpandResults, autoExpandMatches = _b.expandMatches, expandedOnClear = _b.expandedOnClear;
         if (!this.isFiltered) {
-            this.originalExpandedKeys = this.expandedKeys.slice();
+            this.originalExpandedKeys = new Set(this.state);
         }
         var exitingFilteredState = this.isFiltered && !term;
         var maxExceeded = maxAutoExpandResults !== -1 && matchCount > maxAutoExpandResults;
@@ -152,18 +148,18 @@ var ExpandDirective = /** @class */ (function () {
         if (exitAutoExpandedState) {
             switch (expandedOnClear) {
                 case "initial": {
-                    if (!utils_1.sameValues(this.expandedKeys, this.originalExpandedKeys)) {
-                        this.expandedKeys = this.originalExpandedKeys;
-                        this.expandedKeysChange.emit(this.expandedKeys);
+                    if (!utils_1.sameValues(this.state, this.originalExpandedKeys)) {
+                        this.state = this.originalExpandedKeys;
+                        this.notify();
                     }
                     break;
                 }
                 case "all": {
-                    this.expandedKeys = nodes.reduce(function (acc, rootNode) {
+                    this.state = new Set(nodes.reduce(function (acc, rootNode) {
                         _this.getEveryExpandKey(acc, rootNode);
                         return acc;
-                    }, []);
-                    this.expandedKeysChange.emit(this.expandedKeys);
+                    }, []));
+                    this.notify();
                     break;
                 }
                 case "unchanged": {
@@ -171,9 +167,9 @@ var ExpandDirective = /** @class */ (function () {
                 }
                 case "none":
                 default: {
-                    if (this.expandedKeys.length !== 0) {
-                        this.expandedKeys = [];
-                        this.expandedKeysChange.emit(this.expandedKeys);
+                    if (this.state.size !== 0) {
+                        this.state.clear();
+                        this.notify();
                     }
                     break;
                 }
@@ -181,16 +177,20 @@ var ExpandDirective = /** @class */ (function () {
             this.isFiltered = false;
             return;
         }
-        var indicesToExpand = nodes.reduce(function (acc, rootNode) {
+        var indicesToExpand = new Set(nodes.reduce(function (acc, rootNode) {
             _this.updateExpandedNodes(acc, rootNode, autoExpandMatches);
             return acc;
-        }, []);
-        if (!utils_1.sameValues(this.expandedKeys, indicesToExpand)) {
-            this.expandedKeys = indicesToExpand;
-            this.expandedKeysChange.emit(this.expandedKeys);
+        }, []));
+        if (!utils_1.sameValues(this.state, indicesToExpand)) {
+            this.state = indicesToExpand;
+            this.notify();
         }
         this.isFiltered = true;
     };
+    ExpandDirective.prototype.notify = function () {
+        this.lastChange = Array.from(this.state);
+        this.expandedKeysChange.emit(this.lastChange);
+    };
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Function),
@@ -210,9 +210,8 @@ var ExpandDirective = /** @class */ (function () {
     ], ExpandDirective.prototype, "expandedKeysChange", void 0);
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], ExpandDirective.prototype, "expandedKeys", null);
+        tslib_1.__metadata("design:type", Array)
+    ], ExpandDirective.prototype, "expandedKeys", void 0);
     ExpandDirective = tslib_1.__decorate([
         core_1.Directive({ selector: '[kendoTreeViewExpandable]' }),
         tslib_1.__metadata("design:paramtypes", [expandable_component_1.ExpandableComponent])

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635777660,
+    publishDate: 1638442548,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -9,6 +9,7 @@ var core_1 = require("@angular/core");
 var treeview_component_1 = require("../treeview.component");
 var utils_1 = require("../utils");
 var rxjs_1 = require("rxjs");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 /**
  * A directive which manages the in-memory selection state of the TreeView node
  * ([see example]({% slug selection_treeview %})).
@@ -26,9 +27,12 @@ var SelectDirective = /** @class */ (function () {
             'multiple': function (e) { return _this.selectMultiple(e); },
             'single': function (e) { return _this.selectSingle(e); }
         };
-        this._selectedKeys = [];
+        /**
+         * Reflectes the internal `selectedKeys` state.
+         */
+        this.state = new Set();
         this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
-        this.treeView.isSelected = function (dataItem, index) { return (_this.selectedKeys.indexOf(_this.itemKey({ dataItem: dataItem, index: index })) > -1); };
+        this.treeView.isSelected = function (dataItem, index) { return (_this.state.has(_this.itemKey({ dataItem: dataItem, index: index }))); };
     }
     Object.defineProperty(SelectDirective.prototype, "isSelected", {
         /**
@@ -40,20 +44,6 @@ var SelectDirective = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(SelectDirective.prototype, "selectedKeys", {
-        /**
-         * Defines the collection that will store the selected keys
-         * ([see example]({% slug selection_treeview %}#toc-selection-modes)).
-         */
-        get: function () {
-            return this._selectedKeys;
-        },
-        set: function (keys) {
-            this._selectedKeys = keys;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(SelectDirective.prototype, "getAriaMultiselectable", {
         get: function () {
             return this.options.mode === 'multiple';
@@ -76,6 +66,11 @@ var SelectDirective = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    SelectDirective.prototype.ngOnChanges = function (changes) {
+        if (kendo_angular_common_1.isChanged('selectedKeys', changes, false) && changes.selectedKeys.currentValue !== this.lastChange) {
+            this.state = new Set(changes.selectedKeys.currentValue);
+        }
+    };
     SelectDirective.prototype.ngOnDestroy = function () {
         this.subscriptions.unsubscribe();
     };
@@ -100,29 +95,29 @@ var SelectDirective = /** @class */ (function () {
     };
     SelectDirective.prototype.selectSingle = function (node) {
         var key = this.itemKey(node);
-        if (this.selectedKeys[0] === key) {
-            return;
+        if (!this.state.has(key)) {
+            this.state.clear();
+            this.state.add(key);
+            this.notify();
         }
-        this.selectedKeys = [key];
-        this.notify();
     };
     SelectDirective.prototype.selectMultiple = function (node) {
         var key = this.itemKey(node);
-        var idx = this.selectedKeys.indexOf(key);
-        var isSelected = idx > -1;
+        var isSelected = this.state.has(key);
         if (!utils_1.isPresent(key)) {
             return;
         }
         if (isSelected) {
-            this.selectedKeys.splice(idx, 1);
+            this.state.delete(key);
         }
         else {
-            this.selectedKeys.push(key);
+            this.state.add(key);
         }
         this.notify();
     };
     SelectDirective.prototype.notify = function () {
-        this.selectedKeysChange.emit(this.selectedKeys.slice());
+        this.lastChange = Array.from(this.state);
+        this.selectedKeysChange.emit(this.lastChange);
     };
     tslib_1.__decorate([
         core_1.Input(),
@@ -139,9 +134,8 @@ var SelectDirective = /** @class */ (function () {
     ], SelectDirective.prototype, "selection", void 0);
     tslib_1.__decorate([
         core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], SelectDirective.prototype, "selectedKeys", null);
+        tslib_1.__metadata("design:type", Array)
+    ], SelectDirective.prototype, "selectedKeys", void 0);
     tslib_1.__decorate([
         core_1.Output(),
         tslib_1.__metadata("design:type", core_1.EventEmitter)

package/dist/npm/treeview.component.js

@@ -54,9 +54,10 @@ var providers = [
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
  * @example
- * {% meta height:350 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
+ * {% meta height:450 %}
+ * {% embed_file get-started/app.component.ts preview %}
+ * {% embed_file get-started/app.module.ts %}
+ * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
 var TreeViewComponent = /** @class */ (function () {
@@ -257,21 +258,33 @@ var TreeViewComponent = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
+        get: function () {
+            return this._nodeTemplateRef || this.nodeTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each node.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.nodeTemplate = template;
+            this._nodeTemplateRef = template;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
+        get: function () {
+            return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
+        },
         /**
          * @hidden
+         *
+         * Defines the template for each load-more button.
+         * Takes precedence over nested templates in the TreeView tag.
          */
         set: function (template) {
-            this.loadMoreButtonTemplate = template;
+            this._loadMoreButtonTemplateRef = template;
         },
         enumerable: true,
         configurable: true
@@ -707,18 +720,18 @@ var TreeViewComponent = /** @class */ (function () {
         tslib_1.__metadata("design:type", core_1.EventEmitter)
     ], TreeViewComponent.prototype, "nodeDblClick", void 0);
     tslib_1.__decorate([
-        core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static: true }),
+        core_1.ContentChild(node_template_directive_1.NodeTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective)
-    ], TreeViewComponent.prototype, "nodeTemplate", void 0);
+    ], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
     tslib_1.__decorate([
         core_1.Input('nodeTemplate'),
         tslib_1.__metadata("design:type", node_template_directive_1.NodeTemplateDirective),
         tslib_1.__metadata("design:paramtypes", [node_template_directive_1.NodeTemplateDirective])
     ], TreeViewComponent.prototype, "nodeTemplateRef", null);
     tslib_1.__decorate([
-        core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static: true }),
+        core_1.ContentChild(load_more_button_template_directive_1.LoadMoreButtonTemplateDirective, { static: false }),
         tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective)
-    ], TreeViewComponent.prototype, "loadMoreButtonTemplate", void 0);
+    ], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
     tslib_1.__decorate([
         core_1.Input('loadMoreButtonTemplate'),
         tslib_1.__metadata("design:type", load_more_button_template_directive_1.LoadMoreButtonTemplateDirective),
@@ -791,7 +804,7 @@ var TreeViewComponent = /** @class */ (function () {
             exportAs: 'kendoTreeView',
             providers: providers,
             selector: 'kendo-treeview',
-            template: "\n        <kendo-textbox\n            #filterInput\n            *ngIf=\"filterable\"\n            [value]=\"filter\"\n            [clearButton]=\"true\"\n            (valueChange)=\"filterChange.emit($event)\"\n            [placeholder]=\"filterInputPlaceholder\"\n        >\n            <ng-template kendoTextBoxPrefixTemplate>\n                <span class=\"k-icon k-i-search\"></span>\n            </ng-template>\n        </kendo-textbox>\n        <ul class=\"k-treeview-lines\"\n            kendoTreeViewGroup\n            role=\"group\"\n            [loadOnDemand]=\"loadOnDemand\"\n            [checkboxes]=\"checkboxes\"\n            [expandIcons]=\"expandIcons\"\n            [selectable]=\"selectable\"\n            [touchActions]=\"touchActions\"\n            [children]=\"children\"\n            [hasChildren]=\"hasChildren\"\n            [isChecked]=\"isChecked\"\n            [isDisabled]=\"isDisabled\"\n            [isExpanded]=\"isExpanded\"\n            [isSelected]=\"isSelected\"\n            [isVisible]=\"isVisible\"\n            [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n            [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplate?.templateRef\"\n            [textField]=\"textField\"\n            [nodes]=\"fetchNodes\"\n            [loadMoreService]=\"loadMoreService\"\n            [trackBy]=\"trackBy\"\n        >\n        </ul>\n        <ng-container #assetsContainer></ng-container>\n    "
+            template: "\n        <kendo-textbox\n            #filterInput\n            *ngIf=\"filterable\"\n            [value]=\"filter\"\n            [clearButton]=\"true\"\n            (valueChange)=\"filterChange.emit($event)\"\n            [placeholder]=\"filterInputPlaceholder\"\n        >\n            <ng-template kendoTextBoxPrefixTemplate>\n                <span class=\"k-icon k-i-search\"></span>\n            </ng-template>\n        </kendo-textbox>\n        <ul class=\"k-treeview-lines\"\n            kendoTreeViewGroup\n            role=\"group\"\n            [loadOnDemand]=\"loadOnDemand\"\n            [checkboxes]=\"checkboxes\"\n            [expandIcons]=\"expandIcons\"\n            [selectable]=\"selectable\"\n            [touchActions]=\"touchActions\"\n            [children]=\"children\"\n            [hasChildren]=\"hasChildren\"\n            [isChecked]=\"isChecked\"\n            [isDisabled]=\"isDisabled\"\n            [isExpanded]=\"isExpanded\"\n            [isSelected]=\"isSelected\"\n            [isVisible]=\"isVisible\"\n            [nodeTemplateRef]=\"nodeTemplateRef?.templateRef\"\n            [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplateRef?.templateRef\"\n            [textField]=\"textField\"\n            [nodes]=\"fetchNodes\"\n            [loadMoreService]=\"loadMoreService\"\n            [trackBy]=\"trackBy\"\n        >\n        </ul>\n        <ng-container #assetsContainer></ng-container>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
             core_1.ChangeDetectorRef,

package/dist/npm/utils.js

@@ -298,15 +298,13 @@ exports.fetchLoadedDescendants = function (lookup, filterExpression) {
 /**
  * @hidden
  *
- * Compares two arrays to determine whether all unique elements in one, are present in the other.
+ * Compares two Seets to determine whether all unique elements in one, are present in the other.
  * Important:
  *  - it disregards the element order
- *  - it disregards element repetitions - sameValues([1, 1, 2], [1, 2, 2]) will return true
  */
-exports.sameValues = function (a, b) {
-    if (a.length !== b.length) {
+exports.sameValues = function (as, bs) {
+    if (as.size !== bs.size) {
         return false;
     }
-    var values = new Set(b);
-    return a.every(function (v) { return values.has(v); });
+    return Array.from(as).every(function (v) { return bs.has(v); });
 };