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

package/dist/es2015/expand.directive.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
 import { ExpandableComponent } from './expandable-component';
 import { Subscription } from 'rxjs';
 import { TreeItem } from './treeitem.interface';
@@ -17,7 +17,7 @@ interface ExpandTreeItem extends TreeItem {
  * A directive which manages the expanded state of the TreeView.
  * ([see example]({% slug expandedstate_treeview %})).
  */
-export declare class ExpandDirective implements OnDestroy {
+export declare class ExpandDirective implements OnDestroy, OnChanges {
     protected component: ExpandableComponent;
     /**
      * @hidden
@@ -43,10 +43,18 @@ export declare class ExpandDirective implements OnDestroy {
      */
     expandedKeys: any[];
     protected subscriptions: Subscription;
-    private _expandedKeys;
+    /**
+     * Reflectes the internal `expandedKeys` state.
+     */
+    private state;
     private originalExpandedKeys;
     private isFiltered;
+    /**
+     * Holds the last emitted `expandedKeys` collection.
+     */
+    private lastChange;
     constructor(component: ExpandableComponent);
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -62,5 +70,6 @@ export declare class ExpandDirective implements OnDestroy {
      * Fills array with the expand key of every node.
      */
     private getEveryExpandKey;
+    private notify;
 }
 export {};

package/dist/es2015/expand.directive.js

@@ -8,6 +8,7 @@ import { ExpandableComponent } from './expandable-component';
 import { Subscription, merge } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { isArrayWithAtLeastOneItem, isBoolean, sameValues } from './utils';
+import { isChanged } from '@progress/kendo-angular-common';
 const DEFAULT_FILTER_EXPAND_SETTINGS = {
     maxAutoExpandResults: -1,
     expandMatches: false,
@@ -31,8 +32,11 @@ let ExpandDirective = class ExpandDirective {
          */
         this.expandedKeysChange = new EventEmitter();
         this.subscriptions = new 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.
@@ -64,7 +68,7 @@ let ExpandDirective = class ExpandDirective {
         if (this.component.filterStateChange) {
             this.subscriptions.add(this.component.filterStateChange.subscribe(this.handleAutoExpand.bind(this)));
         }
-        this.component.isExpanded = (dataItem, index) => this.expandedKeys.indexOf(this.itemKey({ dataItem, index })) > -1;
+        this.component.isExpanded = (dataItem, index) => this.state.has(this.itemKey({ dataItem, index }));
     }
     /**
      * @hidden
@@ -76,14 +80,10 @@ let ExpandDirective = class ExpandDirective {
         const settings = isBoolean(this.expandOnFilter) ? { enabled: this.expandOnFilter } : Object.assign({}, this.expandOnFilter, { enabled: true });
         return Object.assign({}, DEFAULT_FILTER_EXPAND_SETTINGS, settings);
     }
-    /**
-     * Defines the collection that will store the expanded keys.
-     */
-    get expandedKeys() {
-        return this._expandedKeys;
-    }
-    set expandedKeys(keys) {
-        this._expandedKeys = keys;
+    ngOnChanges(changes) {
+        if (isChanged('expandedKeys', changes, false) && changes.expandedKeys.currentValue !== this.lastChange) {
+            this.state = new Set(changes.expandedKeys.currentValue);
+        }
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
@@ -103,19 +103,19 @@ let ExpandDirective = class ExpandDirective {
         return e.index;
     }
     toggleExpand({ index, dataItem, expand }) {
-        const item = this.itemKey({ index, dataItem });
-        const idx = this.expandedKeys.indexOf(item);
+        const key = this.itemKey({ index, dataItem });
+        const isExpanded = this.state.has(key);
         let 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();
         }
     }
     handleAutoExpand({ nodes, matchCount, term }) {
@@ -124,7 +124,7 @@ let ExpandDirective = class ExpandDirective {
         }
         const { maxAutoExpandResults, expandMatches: autoExpandMatches, expandedOnClear } = this.filterExpandSettings;
         if (!this.isFiltered) {
-            this.originalExpandedKeys = this.expandedKeys.slice();
+            this.originalExpandedKeys = new Set(this.state);
         }
         const exitingFilteredState = this.isFiltered && !term;
         const maxExceeded = maxAutoExpandResults !== -1 && matchCount > maxAutoExpandResults;
@@ -132,18 +132,18 @@ let ExpandDirective = class ExpandDirective {
         if (exitAutoExpandedState) {
             switch (expandedOnClear) {
                 case "initial": {
-                    if (!sameValues(this.expandedKeys, this.originalExpandedKeys)) {
-                        this.expandedKeys = this.originalExpandedKeys;
-                        this.expandedKeysChange.emit(this.expandedKeys);
+                    if (!sameValues(this.state, this.originalExpandedKeys)) {
+                        this.state = this.originalExpandedKeys;
+                        this.notify();
                     }
                     break;
                 }
                 case "all": {
-                    this.expandedKeys = nodes.reduce((acc, rootNode) => {
+                    this.state = new Set(nodes.reduce((acc, rootNode) => {
                         this.getEveryExpandKey(acc, rootNode);
                         return acc;
-                    }, []);
-                    this.expandedKeysChange.emit(this.expandedKeys);
+                    }, []));
+                    this.notify();
                     break;
                 }
                 case "unchanged": {
@@ -151,9 +151,9 @@ let ExpandDirective = class ExpandDirective {
                 }
                 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;
                 }
@@ -161,16 +161,20 @@ let ExpandDirective = class ExpandDirective {
             this.isFiltered = false;
             return;
         }
-        const indicesToExpand = nodes.reduce((acc, rootNode) => {
+        const indicesToExpand = new Set(nodes.reduce((acc, rootNode) => {
             this.updateExpandedNodes(acc, rootNode, autoExpandMatches);
             return acc;
-        }, []);
-        if (!sameValues(this.expandedKeys, indicesToExpand)) {
-            this.expandedKeys = indicesToExpand;
-            this.expandedKeysChange.emit(this.expandedKeys);
+        }, []));
+        if (!sameValues(this.state, indicesToExpand)) {
+            this.state = indicesToExpand;
+            this.notify();
         }
         this.isFiltered = true;
     }
+    notify() {
+        this.lastChange = Array.from(this.state);
+        this.expandedKeysChange.emit(this.lastChange);
+    }
 };
 tslib_1.__decorate([
     Input(),
@@ -191,9 +195,8 @@ tslib_1.__decorate([
 ], ExpandDirective.prototype, "expandedKeysChange", void 0);
 tslib_1.__decorate([
     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([
     Directive({ selector: '[kendoTreeViewExpandable]' }),
     tslib_1.__metadata("design:paramtypes", [ExpandableComponent])