npm - @cluetec/ngcx-tree - Versions diffs - 0.1.0 → 1.0.0 - Mend

@cluetec/ngcx-tree 0.1.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +71 -38
package/esm2022/lib/ngcx-tree/ngcx-tree-models.mjs +1 -1
package/esm2022/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.mjs +3 -3
package/esm2022/lib/ngcx-tree/ngcx-tree.component.mjs +33 -24
package/fesm2022/cluetec-ngcx-tree.mjs +34 -25
package/fesm2022/cluetec-ngcx-tree.mjs.map +1 -1
package/lib/ngcx-tree/ngcx-tree-models.d.ts +5 -11
package/lib/ngcx-tree/ngcx-tree.component.d.ts +42 -36
package/package.json +7 -5

package/README.md CHANGED Viewed

@@ -1,5 +1,3 @@
-# @cluetec/ngcx-tree
 A reusable tree component for Angular based on the CDK Tree and the CDK Drag n
 Drop features.
@@ -8,7 +6,6 @@ Status is beta - feedback welcome :)
 # Table of Content
-- [@cluetec/ngcx-tree](#cluetecngcx-tree)
 - [Table of Content](#table-of-content)
 - [Getting Started](#getting-started)
 - [Inputs](#inputs)
@@ -21,9 +18,9 @@ Status is beta - feedback welcome :)
   - [NgcxCustomComponent](#ngcxcustomcomponent)
     - [Input](#input)
     - [Output](#output)
-- [Api](#api)
+- [TreeControl - Api](#treecontrol---api)
   - [treeControl](#treecontrol)
-  - [Helper methods](#helper-methods)
+  - [Additional Helper methods](#additional-helper-methods)
     - [selectNodeById](#selectnodebyid)
     - [findNodeById](#findnodebyid)
 - [Styling](#styling)
@@ -34,18 +31,22 @@ Status is beta - feedback welcome :)
     - [Icon color](#icon-color)
   - [Font Awesome](#font-awesome)
   - [Selection](#selection)
-  - [Contributions](#contributions)
+- [Simple Sample](#simple-sample)
+- [Contributions](#contributions)
   - [Samples](#samples)
-    - [Simple Sample](#simple-sample)
 # Getting Started
-1. Install the library: <br>`npm install @cluetec/ngcx-tree` <br>
+1. Install the library:
+```
+npm install @cluetec/ngcx-tree
+```
 2. Import the component. Since it is standalone, either add it directly to
    another standlone component or import it into your existing `NgModule`:
-```
+```ts
 import { NgcxTreeComponent } from '@cluetec/ngcx-tree';
 @Component({
@@ -54,17 +55,21 @@ import { NgcxTreeComponent } from '@cluetec/ngcx-tree';
 })
 ```
-```
+```ts
 import { NgcxTreeComponent } from '@cluetec/ngcx-tree';
 @NgModule({
   declarations: [AppComponent],
   imports: [NgcxTreeComponent],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
 export class AppModule {}
 ```
+```html
+<ngcx-tree [nodes]="nodes"></ngcx-tree>
+```
 <br><br>
 # Inputs
@@ -161,14 +166,42 @@ Your component can implement this interface and can be set as
 `customEvent` `EventEmitter<any>` can be used to trigger the output
 'customEvent'
-# Api
+# TreeControl - Api
+Access api like this
+````ts
+import { ViewChild } from '@angular/core';
+import { Component } from '@angular/core';
+import { NgcxTreeComponent } from '@cluetec/ngcx-tree';
+@Component({
+  selector: 'app-expand-tree-sample',
+  template: ```
+  <button (click)="expandAll()"></button>
+  <ngcx-tree #tree [nodes]="nodes"></ngcx-tree>
+  ```,
+  standalone: true,
+  imports: [NgcxTreeComponent],
+})
+export class ExpandTreeSampleComponent {
+  nodes = [];
+  @ViewChild('tree', { static: false })
+  ngcxTree: NgcxTreeComponent;
+  expandAll(): void {
+    this.ngcxTree.treeControl.expandAll();
+  }
+}
+````
 ## treeControl
-the treeControl (`NestedTreeControl<NgcxTreeNodeWrapper<T>, string>`) of Angular
-CDK can be mainly used to expand and collapse nodes.
+The treeControl extends the treeControl from Angular CDK
+(`NestedTreeControl<NgcxTreeNodeWrapper<T>, string>`) and can mainly be used to
+expand and collapse nodes.
-## Helper methods
+## Additional Helper methods
 ### selectNodeById
@@ -183,10 +216,10 @@ if no node is available for the id.
 ## Include Styles
-Or All styles from below:
+styles.scss and styles.css contains all the parts described below in one file:
 ```scss
-@import '@cluetec/ngcx-tree/styles/styles';
+@import 'node_modules/@cluetec/ngcx-tree/styles/styles';
 ```
 ## Common styling
@@ -203,7 +236,7 @@ may be on wrong place:
 Or Include this:
 ```scss
-@import '@cluetec/ngcx-tree/styles/ngcx-common';
+@import 'node_modules/@cluetec/ngcx-tree/styles/ngcx-common';
 ```
 ### Dotted tree lines
@@ -211,7 +244,7 @@ Or Include this:
 Import or copy the scss to show tree lines:
 ```scss
-@import '@cluetec/ngcx-tree/styles/ngcx-doted-tree-line';
+@import 'node_modules/@cluetec/ngcx-tree/styles/ngcx-doted-tree-line';
 ```
 ### Selection highlighting
@@ -219,7 +252,7 @@ Import or copy the scss to show tree lines:
 Import or copy the scss to show some selection styling:
 ```scss
-@import '@cluetec/ngcx-tree/styles/ngcx-selection';
+@import 'node_modules/@cluetec/ngcx-tree/styles/ngcx-selection';
 ```
 ### Icon color
@@ -227,7 +260,7 @@ Import or copy the scss to show some selection styling:
 Import or copy the scss to set the color of the node icon:
 ```scss
-@import '@cluetec/ngcx-tree/styles/ngcx-icon-color';
+@import 'node_modules/@cluetec/ngcx-tree/styles/ngcx-icon-color';
 ```
 ## Font Awesome
@@ -268,33 +301,20 @@ Remove Selection css on dragging element:
 }
 ```
-<br><br>
-## Contributions
-Contributions and improvement suggestions are always welcome!
-## Samples
-For samples see the storybook stories. run `npm run storybook` to see the
-samples.
-### Simple Sample
+# Simple Sample
 ```ts
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { CdkTreeModule } from '@angular/cdk/tree';
 import { Component } from '@angular/core';
 import { NgcxTreeComponent } from '@cluetec/ngcx-tree';
 @Component({
   selector: 'app-simple-tree-sample',
-  template: '<ngcx-tree [nodes]="data"></ngcx-tree>',
+  template: '<ngcx-tree [nodes]="nodes"></ngcx-tree>',
   standalone: true,
-  imports: [CdkTreeModule, DragDropModule, NgcxTreeComponent],
+  imports: [NgcxTreeComponent],
 })
 export class SimpleTreeSampleComponent {
-  data = [
+  nodes = [
     {
       id: 'fru',
       title: 'Fruit',
@@ -316,3 +336,16 @@ export class SimpleTreeSampleComponent {
   ];
 }
 ```
+<br><br>
+# Contributions
+Contributions and improvement suggestions are always welcome!
+## Samples
+You can run Storybook and see the samples there.
+1. `npm run build`
+2. `npm run storybook`

package/esm2022/lib/ngcx-tree/ngcx-tree-models.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdjeC10cmVlLW1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nY3gtdHJlZS9zcmMvbGliL25nY3gtdHJlZS9uZ2N4LXRyZWUtbW9kZWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZXN0ZWRUcmVlQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90cmVlJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciwgVGVtcGxhdGVSZWYsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBOZ2N4VHJlZUNvbmZpZzxUPiB7XG4gIHRyZWVOb2RlQ29udGVudENvbXBvbmVudD86IFR5cGU8TmdjeEN1c3RvbUNvbXBvbmVudDxUPj47XG4gIHRyZWVOb2RlQ29udGVudFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuICBhbGxvd0Ryb3A/OiAoXG4gICAgbm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPixcbiAgICBpbnRvTm9kZT86IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD5cbiAgKSA9PiBib29sZWFuO1xuICBhbGxvd0RyYWc/OiAobm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPikgPT4gYm9vbGVhbjtcbiAgYWxsb3dTZWxlY3Rpb24/OiAobm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPikgPT4gYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBOZ2N4Q3VzdG9tQ29tcG9uZW50PFQ+IHtcbiAgbm9kZVdyYXBwZXI/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBjdXN0b21FdmVudD86IEV2ZW50RW1pdHRlcjxhbnk+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5nY3hUcmVlTm9kZSB7XG4gIGlkOiBzdHJpbmc7XG4gIHRpdGxlPzogYW55O1xuICBmYUljb24/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogTmdjeFRyZWVOb2RlW107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmdjeFRyZWVOb2RlV3JhcHBlcjxUPiB7XG4gIGlkOiBzdHJpbmc7XG4gIGRhdGE6IFQ7XG4gIGRlcHRoOiBudW1iZXI7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzU2VsZWN0YWJsZT86IGJvb2xlYW47XG4gIGlzRmlyc3RDaGlsZDogYm9vbGVhbjtcbiAgaXNMYXN0Q2hpbGQ6IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+W107XG4gIHBhcmVudD86IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD47XG4gIG5leHQ/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBwcmV2aW91cz86IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmdjeFRyZWVOb2RlQ29tcG9uZW50PFQ+IHtcbiAgbm9kZVdyYXBwZXI/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5nY3hUcmVlTm9kZU1vdmVkRXZlbnQ8VD4ge1xuICBub2RlOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBwYXJlbnQ/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBhZnRlck5vZGU/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBiZWZvcmVOb2RlPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBOZ2N4VHJlZUFwaTxUPiB7XG4gIHNlbGVjdE5vZGVCeUlkKGlkOiBzdHJpbmcpOiB2b2lkO1xuICBmaW5kTm9kZUJ5SWQoaWQ6IHN0cmluZyk6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4gfCB1bmRlZmluZWQ7XG5cbiAgZ2V0IHRyZWVDb250cm9sKCk6IE5lc3RlZFRyZWVDb250cm9sPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Piwgc3RyaW5nPjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdjeC10cmVlLW1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nY3gtdHJlZS9zcmMvbGliL25nY3gtdHJlZS9uZ2N4LXRyZWUtbW9kZWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIFRlbXBsYXRlUmVmLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmdjeFRyZWVDb25maWc8VCBleHRlbmRzIE5nY3hUcmVlTm9kZT4ge1xuICB0cmVlTm9kZUNvbnRlbnRDb21wb25lbnQ/OiBUeXBlPE5nY3hDdXN0b21Db21wb25lbnQ8VD4+O1xuICB0cmVlTm9kZUNvbnRlbnRUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgYWxsb3dEcm9wPzogKFxuICAgIG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4sXG4gICAgaW50b05vZGU/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+XG4gICkgPT4gYm9vbGVhbjtcbiAgYWxsb3dEcmFnPzogKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4pID0+IGJvb2xlYW47XG4gIGFsbG93U2VsZWN0aW9uPzogKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4pID0+IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmdjeEN1c3RvbUNvbXBvbmVudDxUIGV4dGVuZHMgTmdjeFRyZWVOb2RlPiB7XG4gIG5vZGVXcmFwcGVyPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbiAgY3VzdG9tRXZlbnQ/OiBFdmVudEVtaXR0ZXI8YW55Pjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBOZ2N4VHJlZU5vZGUge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZT86IGFueTtcbiAgZmFJY29uPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IE5nY3hUcmVlTm9kZVtdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5nY3hUcmVlTm9kZVdyYXBwZXI8VCBleHRlbmRzIE5nY3hUcmVlTm9kZT4ge1xuICBpZDogc3RyaW5nO1xuICBkYXRhOiBUO1xuICBkZXB0aDogbnVtYmVyO1xuICBpbmRleDogbnVtYmVyO1xuICBpc1NlbGVjdGFibGU/OiBib29sZWFuO1xuICBpc0ZpcnN0Q2hpbGQ6IGJvb2xlYW47XG4gIGlzTGFzdENoaWxkOiBib29sZWFuO1xuICBjaGlsZHJlbjogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPltdO1xuICBwYXJlbnQ/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xuICBuZXh0PzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbiAgcHJldmlvdXM/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5nY3hUcmVlTm9kZUNvbXBvbmVudDxUIGV4dGVuZHMgTmdjeFRyZWVOb2RlPiB7XG4gIG5vZGVXcmFwcGVyPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBOZ2N4VHJlZU5vZGVNb3ZlZEV2ZW50PFQgZXh0ZW5kcyBOZ2N4VHJlZU5vZGU+IHtcbiAgbm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbiAgcGFyZW50PzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbiAgYWZ0ZXJOb2RlPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcbiAgYmVmb3JlTm9kZT86IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD47XG59XG4iXX0=

package/esm2022/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ export class NgcxTreeNodeComponent {
         this.ngUnsubscribe.next(undefined);
         this.ngUnsubscribe.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NgcxTreeNodeComponent, isStandalone: true, selector: "ngcx-tree-node", inputs: { nodeWrapper: "nodeWrapper", treeControl: "treeControl", treeConfig: "treeConfig", isSelected: "isSelected" }, outputs: { customEvent: "customEvent", clickEvent: "clickEvent" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: NgcxTreeNodeComponent, isStandalone: true, selector: "ngcx-tree-node", inputs: { nodeWrapper: "nodeWrapper", treeControl: "treeControl", treeConfig: "treeConfig", isSelected: "isSelected" }, outputs: { customEvent: "customEvent", clickEvent: "clickEvent" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngcx-tree-node', standalone: true, imports: [CdkTreeModule, NgTemplateOutlet, NgIf], template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"] }]
         }], propDecorators: { nodeWrapper: [{

package/esm2022/lib/ngcx-tree/ngcx-tree.component.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { DragDropModule, } from '@angular/cdk/drag-drop';
-import { CdkTreeModule, NestedTreeControl } from '@angular/cdk/tree';
+import { CdkTreeModule, NestedTreeControl, } from '@angular/cdk/tree';
 import { NgIf } from '@angular/common';
 import { Component, EventEmitter, HostListener, Input, Output, } from '@angular/core';
 import { NgcxTreeDataSource } from './ngcx-tree-data.source';
@@ -14,14 +14,15 @@ export class NgcxTreeComponent {
         this.customEvent = new EventEmitter();
         this.clickEvent = new EventEmitter();
         this.selectEvent = new EventEmitter();
-        this.api = new NgcxTreeControl(this);
-        this.dataSource = new NgcxTreeDataSource([]);
-        this.treeControl = new NestedTreeControl((node) => node.children, {
+        /**
+         * Api for finding and selecting node. Extends from the CDK treeControl for expanding/collapsing the tree
+         */
+        this.treeControl = new NgcxTreeControl(this, (node) => node.children, {
             trackBy: (node) => node.id,
         });
+        this.dataSource = new NgcxTreeDataSource([]);
         this.DropType = DropType;
         this.disable = () => false;
-        this.hasChild = (_, node) => node.children.length > 0;
     }
     ngOnInit() {
         this.updateTree();
@@ -34,7 +35,7 @@ export class NgcxTreeComponent {
             }
             if (this.selectedNode) {
                 const selectedNodeId = this.selectedNode.id;
-                setTimeout(() => this.api.selectNodeById(selectedNodeId));
+                setTimeout(() => this.treeControl.selectNodeById(selectedNodeId));
             }
         }
     }
@@ -108,7 +109,6 @@ export class NgcxTreeComponent {
         return this.config?.allowDrag ? !this.config.allowDrag(node) : false;
     }
     keyDownArrowUp(event) {
-        console.log('arrow up');
         if (this.selectedNode) {
             if (!this.selectedNode.isFirstChild) {
                 this.selectNode(this.selectedNode.previous);
@@ -143,10 +143,15 @@ export class NgcxTreeComponent {
         event.preventDefault();
     }
     keyDownArrowLeft(event) {
-        if (this.selectedNode?.parent) {
-            this.selectNode(this.selectedNode.parent);
+        if (this.selectedNode) {
+            if (this.treeControl.isExpanded(this.selectedNode)) {
+                this.treeControl.collapse(this.selectedNode);
+            }
+            else if (this.selectedNode?.parent) {
+                this.selectNode(this.selectedNode.parent);
+            }
         }
-        else if (!this.selectedNode) {
+        else {
             const nodes = this.dataSource.data$.value;
             if (nodes.length > 0) {
                 this.selectNode(nodes[0]);
@@ -168,7 +173,7 @@ export class NgcxTreeComponent {
     }
     keyEscapeWhileDragging() {
         if (this.dragging) {
-            this.canceledByEsq = true;
+            this.canceledByEsc = true;
             document.dispatchEvent(new Event('mouseup'));
         }
     }
@@ -181,14 +186,14 @@ export class NgcxTreeComponent {
             return;
         }
         const dropZoneInfo = new DropZoneInfo(dropZoneId);
-        const toNode = this.api.findNodeById(dropZoneInfo.nodeId);
+        const toNode = this.treeControl.findNodeById(dropZoneInfo.nodeId);
         if (!toNode) {
             console.error(`node with id '${dropZoneInfo.nodeId}' could not be found`);
             return;
         }
         // dropType undefined can happen if dropped directly without moving
-        if (this.canceledByEsq || dropZoneInfo.dropType === undefined) {
-            this.canceledByEsq = false;
+        if (this.canceledByEsc || dropZoneInfo.dropType === undefined) {
+            this.canceledByEsc = false;
             return;
         }
         const insertIntoNode = dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent;
@@ -257,12 +262,12 @@ export class NgcxTreeComponent {
             this.selectEvent.emit(this.selectedNode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NgcxTreeComponent, isStandalone: true, selector: "ngcx-tree", inputs: { nodes: "nodes", config: "config" }, outputs: { nodeMoved: "nodeMoved", customEvent: "customEvent", clickEvent: "clickEvent", selectEvent: "selectEvent" }, host: { listeners: { "window:keydown.escape": "keyEscapeWhileDragging()" } }, usesOnChanges: true, ngImport: i0, template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !dragging ||\n        !allowDrop(node, DropType.DROP_AFTER) ||\n        !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !dragging ||\n          !node.isFirstChild ||\n          !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!dragging || !allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          !dragging ||\n          treeControl.isExpanded(node) ||\n          !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkNestedTreeNode, selector: "cdk-nested-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i1.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "component", type: i1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i1.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: NgcxTreeNodeComponent, selector: "ngcx-tree-node", inputs: ["nodeWrapper", "treeControl", "treeConfig", "isSelected"], outputs: ["customEvent", "clickEvent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: NgcxTreeComponent, isStandalone: true, selector: "ngcx-tree", inputs: { nodes: "nodes", config: "config" }, outputs: { nodeMoved: "nodeMoved", customEvent: "customEvent", clickEvent: "clickEvent", selectEvent: "selectEvent" }, host: { listeners: { "window:keydown.escape": "keyEscapeWhileDragging()" } }, usesOnChanges: true, ngImport: i0, template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !allowDrop(node, DropType.DROP_AFTER) || !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !node.isFirstChild || !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          treeControl.isExpanded(node) || !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node,.tree-node-container-drop-zone.cdk-drop-list-dragging.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line,.tree-node-container-drop-zone.cdk-drop-list-dragging .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkNestedTreeNode, selector: "cdk-nested-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i1.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "component", type: i1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i1.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: NgcxTreeNodeComponent, selector: "ngcx-tree-node", inputs: ["nodeWrapper", "treeControl", "treeConfig", "isSelected"], outputs: ["customEvent", "clickEvent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngcx-tree', standalone: true, imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf], template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !dragging ||\n        !allowDrop(node, DropType.DROP_AFTER) ||\n        !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !dragging ||\n          !node.isFirstChild ||\n          !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!dragging || !allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          !dragging ||\n          treeControl.isExpanded(node) ||\n          !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"] }]
+            args: [{ selector: 'ngcx-tree', standalone: true, imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf], template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !allowDrop(node, DropType.DROP_AFTER) || !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !node.isFirstChild || !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          treeControl.isExpanded(node) || !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node,.tree-node-container-drop-zone.cdk-drop-list-dragging.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line,.tree-node-container-drop-zone.cdk-drop-list-dragging .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"] }]
         }], propDecorators: { nodes: [{
                 type: Input
             }], config: [{
@@ -285,16 +290,20 @@ var DropType;
     DropType["DROP_BEFORE"] = "DROP_BEFORE";
     DropType["DROP_INTO"] = "DROP_INTO";
 })(DropType || (DropType = {}));
-export class NgcxTreeControl {
-    constructor(treeComponent) {
+export class NgcxTreeControl extends NestedTreeControl {
+    constructor(treeComponent, getChildren, options) {
+        super(getChildren, options);
         this.treeComponent = treeComponent;
     }
-    get treeControl() {
-        return this.treeComponent.treeControl;
-    }
+    /**
+     * select a node by id. the selectEvent is fired afterwards.
+     */
     selectNodeById(id) {
         this.treeComponent.selectNode(this.findNodeById(id));
     }
+    /**
+     * find a node by id.
+     */
     findNodeById(id) {
         return this.findNodeByIdInNodes(this.treeComponent.dataSource.data$.value, id);
     }
@@ -320,4 +329,4 @@ class DropZoneInfo {
         this.dropType = id.substring(pos + 1);
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdjeC10cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nY3gtdHJlZS9zcmMvbGliL25nY3gtdHJlZS9uZ2N4LXRyZWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdjeC10cmVlL3NyYy9saWIvbmdjeC10cmVlL25nY3gtdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBSUwsY0FBYyxHQUNmLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVE3RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7QUFTL0MsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVdZLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUM1RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDdEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQzFELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTRCLENBQUM7UUFFckQsUUFBRyxHQUFxQixJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVsRSxlQUFVLEdBQ1IsSUFBSSxrQkFBa0IsQ0FBMkIsRUFBRSxDQUFDLENBQUM7UUFDdkQsZ0JBQVcsR0FDVCxJQUFJLGlCQUFpQixDQUNuQixDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFDdkI7WUFDRSxPQUFPLEVBQUUsQ0FBQyxJQUE4QixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtTQUNyRCxDQUNGLENBQUM7UUFLSixhQUFRLEdBQUcsUUFBUSxDQUFDO1FBRXBCLFlBQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFnRXRCLGFBQVEsR0FBRyxDQUFDLENBQVMsRUFBRSxJQUE4QixFQUFFLEVBQUUsQ0FDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0tBcVA1QjtJQWxUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNwQixzQkFBc0I7Z0JBQ3RCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQzthQUNuQjtZQUNELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDckIsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7Z0JBQzVDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO2FBQzNEO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7SUFDM0QsQ0FBQztJQUVELGtCQUFrQixDQUNoQixLQUFxQixFQUNyQixNQUFpQyxFQUNqQyxRQUFnQixDQUFDO1FBRWpCLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDaEMsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUMzQyxNQUFNLFdBQVcsR0FBNkI7Z0JBQzVDLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDWCxJQUFJLEVBQUUsSUFBSTtnQkFDVixZQUFZLEVBQUUsR0FBRyxLQUFLLENBQUM7Z0JBQ3ZCLFdBQVcsRUFBRSxHQUFHLEtBQUssVUFBVSxHQUFHLENBQUM7Z0JBQ25DLEtBQUssRUFBRSxHQUFHO2dCQUNWLE1BQU0sRUFBRSxNQUFNO2dCQUNkLEtBQUssRUFBRSxLQUFLO2dCQUNaLFFBQVEsRUFBRSxFQUFFO2FBQ2IsQ0FBQztZQUNGLFdBQVcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVE7Z0JBQ2xDLENBQUMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxHQUFHLENBQUMsQ0FBQztnQkFDaEUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUVQLE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFO2dCQUM1QixXQUFXLENBQUMsSUFBSSxHQUFHLFlBQVksQ0FBQyxXQUFXLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3hEO1lBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUU7Z0JBQzdCLFdBQVcsQ0FBQyxRQUFRLEdBQUcsWUFBWSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUM7YUFDNUQ7WUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsY0FBYyxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUU7Z0JBQzlDLFdBQVcsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQ2pDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDO0lBS0QsU0FBUyxDQUFDLFFBQWtDLEVBQUUsUUFBa0I7UUFDOUQsSUFDRSxDQUFDLElBQUksQ0FBQyxRQUFRO1lBQ2QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssUUFBUSxDQUFDLEVBQUU7WUFDaEMsVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLEVBQ25DO1lBQ0EsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELElBQ0UsUUFBUSxJQUFJLFFBQVEsQ0FBQyxTQUFTO1lBQzlCLFFBQVEsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUN4QztZQUNBLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxJQUNFLFFBQVEsSUFBSSxRQUFRLENBQUMsVUFBVTtZQUMvQixRQUFRLENBQUMsSUFBSSxFQUFFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFDdEM7WUFDQSxPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsSUFDRSxRQUFRLElBQUksUUFBUSxDQUFDLFdBQVc7WUFDaEMsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQzFDO1lBQ0EsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUVELE1BQU0sUUFBUSxHQUNaLFFBQVEsSUFBSSxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDOUQsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRTtZQUMxQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUM7U0FDdkQ7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxxRUFBcUU7SUFDckUsYUFBYTtRQUtYLE9BQU8sQ0FDTCxLQUFhLEVBQ2IsS0FBd0MsRUFDeEMsSUFBMkMsRUFDM0MsRUFBRTtZQUNGLE9BQU8sS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvRCxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQThCO1FBQ3hDLE9BQU8sSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN2RSxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVk7UUFDekIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUV4QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFO2dCQUNuQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDN0M7aUJBQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRTtnQkFDbkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQzNDO1NBQ0Y7YUFBTTtZQUNMLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUMxQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDMUM7U0FDRjtRQUNELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFO2dCQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDekM7aUJBQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ3pDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDaEQ7U0FDRjthQUFNO1lBQ0wsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQzFDLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDM0I7U0FDRjtRQUNELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMzQzthQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQzdCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUMxQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNCO1NBQ0Y7UUFDRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQVk7UUFDNUIsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDOUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ2hEO2FBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDN0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQzFDLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDM0I7U0FDRjtRQUNELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBR0Qsc0JBQXNCO1FBQ3BCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztZQUMxQixRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7U0FDOUM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBK0M7UUFDL0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUM7UUFDMUIsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDcEMsTUFBTSxVQUFVLEdBQVMsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFPLENBQUMsRUFBRSxDQUFDO1FBQ2hELElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDZixxQkFBcUI7WUFDckIsT0FBTztTQUNSO1FBRUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbEQsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzFELElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxPQUFPLENBQUMsS0FBSyxDQUFDLGlCQUFpQixZQUFZLENBQUMsTUFBTSxzQkFBc0IsQ0FBQyxDQUFDO1lBQzFFLE9BQU87U0FDUjtRQUVELG1FQUFtRTtRQUNuRSxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksWUFBWSxDQUFDLFFBQVEsS0FBSyxTQUFTLEVBQUU7WUFDN0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDM0IsT0FBTztTQUNSO1FBRUQsTUFBTSxjQUFjLEdBQ2xCLFlBQVksQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO1FBQ3hFLE1BQU0sV0FBVyxHQUFHLGNBQWMsRUFBRSxRQUFRLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzVFLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQ3BDLFlBQVksRUFDWixjQUFjLEVBQ2QsV0FBVyxDQUNaLENBQUM7UUFFRixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsaUNBQWlDLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekUsK0ZBQStGO1FBQy9GLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEtBQU0sQ0FBQyxDQUFDLE1BQU0sQ0FDbkQsU0FBUyxDQUFDLE1BQU0sRUFBRSxFQUFFLEtBQUssY0FBYyxFQUFFLEVBQUU7WUFDekMsY0FBYyxHQUFHLFlBQVk7WUFDN0IsQ0FBQyxDQUFDLFlBQVksR0FBRyxDQUFDO1lBQ2xCLENBQUMsQ0FBQyxZQUFZLEVBQ2hCLENBQUMsRUFDRCxTQUFTLENBQUMsSUFBSSxDQUNmLENBQUM7UUFFRixNQUFNLFlBQVksR0FBRyxZQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sU0FBUyxHQUNiLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxXQUFXLENBQUMsTUFBTSxHQUFHLFlBQVk7WUFDcEQsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUM7WUFDM0IsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUVoQixNQUFNLFVBQVUsR0FDZCxZQUFZLEdBQUcsQ0FBQyxDQUFDLElBQUksV0FBVyxDQUFDLE1BQU0sR0FBRyxZQUFZO1lBQ3BELENBQUMsQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDO1lBQzNCLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7WUFDbEIsSUFBSSxFQUFFLFNBQVM7WUFDZixNQUFNLEVBQ0osWUFBWSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNO1lBQ3ZFLFNBQVMsRUFBRSxTQUFTO1lBQ3BCLFVBQVUsRUFBRSxVQUFVO1NBQ3ZCLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxrQkFBa0IsQ0FDdEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFNLENBQUMsQ0FDckMsQ0FBQztRQUNGLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUMzRCxDQUFDO0lBRU8sWUFBWSxDQUNsQixZQUEwQixFQUMxQixjQUFvRCxFQUNwRCxjQUEwQztRQUUxQyxJQUNFLGNBQWM7WUFDZCxZQUFZLENBQUMsUUFBUSxLQUFLLFFBQVEsQ0FBQyxTQUFTO1lBQzVDLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQzdCO1lBQ0EsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1NBQ25DO1FBQ0QsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLElBQ0UsWUFBWSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsVUFBVTtZQUM3QyxZQUFZLENBQUMsUUFBUSxLQUFLLFFBQVEsQ0FBQyxXQUFXLEVBQzlDO1lBQ0EsWUFBWSxHQUFHLGNBQWMsQ0FBQyxTQUFTLENBQ3JDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLFlBQVksQ0FBQyxNQUFNLENBQzVDLENBQUM7WUFDRixJQUFJLFlBQVksQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLFVBQVUsRUFBRTtnQkFDakQsWUFBWSxFQUFFLENBQUM7YUFDaEI7U0FDRjtRQUNELE9BQU8sWUFBWSxDQUFDO0lBQ3RCLENBQUM7SUFFTyxpQ0FBaUMsQ0FDdkMsU0FBbUM7UUFFbkMsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxLQUFNLENBQUM7UUFDdEUsTUFBTSxXQUFXLEdBQUcsY0FBYyxDQUFDLFNBQVMsQ0FDMUMsQ0FBQyxLQUFVLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssU0FBUyxDQUFDLEVBQUUsQ0FDMUMsQ0FBQztRQUNGLGNBQWMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXLENBQUMsV0FBcUM7UUFDL0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbEMsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFO1lBQzVCLElBQUksQ0FBQyxZQUFZO2dCQUNmLFdBQVcsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO1lBQ3JFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsV0FBaUQ7UUFDMUQsSUFBSSxDQUFDLFdBQVcsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFO1lBQzVDLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1lBQ2hDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDO1lBQzNDLE9BQU8sVUFBVSxFQUFFO2dCQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEMsVUFBVSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7YUFDaEM7WUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDMUM7SUFDSCxDQUFDOzhHQS9VVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2VUNwQzlCLCsyR0FpR0EsczdDRC9EWSxhQUFhLHdnQkFBRSxjQUFjLHl0Q0FBRSxxQkFBcUIsdUtBQUUsSUFBSTs7MkZBRXpELGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxXQUFXLGNBR1QsSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLGNBQWMsRUFBRSxxQkFBcUIsRUFBRSxJQUFJLENBQUM7OEJBRzVELEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkF1TVAsc0JBQXNCO3NCQURyQixZQUFZO3VCQUFDLHVCQUF1Qjs7QUFxSXZDLElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLHFDQUF5QixDQUFBO0lBQ3pCLHVDQUEyQixDQUFBO0lBQzNCLG1DQUF1QixDQUFBO0FBQ3pCLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBRUQsTUFBTSxPQUFPLGVBQWU7SUFDMUIsWUFBb0IsYUFBZ0M7UUFBaEMsa0JBQWEsR0FBYixhQUFhLENBQW1CO0lBQUcsQ0FBQztJQUV4RCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxjQUFjLENBQUMsRUFBVTtRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELFlBQVksQ0FBQyxFQUFVO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixDQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUN6QyxFQUFFLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFFTyxtQkFBbUIsQ0FDekIsS0FBaUMsRUFDakMsRUFBVTtRQUVWLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFO1lBQ3hCLElBQUksSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQ2xCLE9BQU8sSUFBSSxDQUFDO2FBQ2I7WUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDN0IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQzlELElBQUksU0FBUyxFQUFFO29CQUNiLE9BQU8sU0FBUyxDQUFDO2lCQUNsQjthQUNGO1NBQ0Y7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0NBQ0Y7QUFFRCxNQUFNLFlBQVk7SUFJaEIsWUFBWSxFQUFVO1FBQ3BCLE1BQU0sR0FBRyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFRLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENka0RyYWcsXG4gIENka0RyYWdSZWxlYXNlLFxuICBDZGtEcm9wTGlzdCxcbiAgRHJhZ0Ryb3BNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ2RrVHJlZU1vZHVsZSwgTmVzdGVkVHJlZUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9jZGsvdHJlZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nY3hUcmVlRGF0YVNvdXJjZSB9IGZyb20gJy4vbmdjeC10cmVlLWRhdGEuc291cmNlJztcbmltcG9ydCB7XG4gIE5nY3hUcmVlQXBpLFxuICBOZ2N4VHJlZUNvbmZpZyxcbiAgTmdjeFRyZWVOb2RlLFxuICBOZ2N4VHJlZU5vZGVNb3ZlZEV2ZW50LFxuICBOZ2N4VHJlZU5vZGVXcmFwcGVyLFxufSBmcm9tICcuL25nY3gtdHJlZS1tb2RlbHMnO1xuaW1wb3J0IHsgTmdjeFRyZWVOb2RlQ29tcG9uZW50IH0gZnJvbSAnLi9uZ2N4LXRyZWUtbm9kZS9uZ2N4LXRyZWUtbm9kZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgaXNQYXJlbnRPZiB9IGZyb20gJy4vbmdjeC10cmVlLXV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdjeC10cmVlJyxcbiAgdGVtcGxhdGVVcmw6ICduZ2N4LXRyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnbmdjeC10cmVlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDZGtUcmVlTW9kdWxlLCBEcmFnRHJvcE1vZHVsZSwgTmdjeFRyZWVOb2RlQ29tcG9uZW50LCBOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgTmdjeFRyZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG5vZGVzPzogTmdjeFRyZWVOb2RlW107XG4gIEBJbnB1dCgpIGNvbmZpZz86IE5nY3hUcmVlQ29uZmlnPGFueT47XG5cbiAgQE91dHB1dCgpIG5vZGVNb3ZlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TmdjeFRyZWVOb2RlTW92ZWRFdmVudDxhbnk+PigpO1xuICBAT3V0cHV0KCkgY3VzdG9tRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Pj4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4+KCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGFwaTogTmdjeFRyZWVBcGk8YW55PiA9IG5ldyBOZ2N4VHJlZUNvbnRyb2wodGhpcyk7XG5cbiAgZGF0YVNvdXJjZTogTmdjeFRyZWVEYXRhU291cmNlPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Pj4gPVxuICAgIG5ldyBOZ2N4VHJlZURhdGFTb3VyY2U8TmdjeFRyZWVOb2RlV3JhcHBlcjxhbnk+PihbXSk7XG4gIHRyZWVDb250cm9sOiBOZXN0ZWRUcmVlQ29udHJvbDxOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4sIHN0cmluZz4gPVxuICAgIG5ldyBOZXN0ZWRUcmVlQ29udHJvbDxOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4sIHN0cmluZz4oXG4gICAgICAobm9kZSkgPT4gbm9kZS5jaGlsZHJlbixcbiAgICAgIHtcbiAgICAgICAgdHJhY2tCeTogKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PikgPT4gbm9kZS5pZCxcbiAgICAgIH1cbiAgICApO1xuICBkcmFnZ2luZz86IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PjtcblxuICBzZWxlY3RlZE5vZGU/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT47XG5cbiAgRHJvcFR5cGUgPSBEcm9wVHlwZTtcblxuICBkaXNhYmxlID0gKCkgPT4gZmFsc2U7XG5cbiAgcHJpdmF0ZSBjYW5jZWxlZEJ5RXNxPzogYm9vbGVhbjtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZVRyZWUoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snbm9kZXMnXSkge1xuICAgICAgaWYgKHRoaXMudHJlZUNvbnRyb2wpIHtcbiAgICAgICAgLy8gaW5pdGlhbGl6ZWQgYWxyZWFkeVxuICAgICAgICB0aGlzLnVwZGF0ZVRyZWUoKTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLnNlbGVjdGVkTm9kZSkge1xuICAgICAgICBjb25zdCBzZWxlY3RlZE5vZGVJZCA9IHRoaXMuc2VsZWN0ZWROb2RlLmlkO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuYXBpLnNlbGVjdE5vZGVCeUlkKHNlbGVjdGVkTm9kZUlkKSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgdXBkYXRlVHJlZSgpIHtcbiAgICBjb25zdCB3cmFwcGVyTm9kZXMgPSB0aGlzLmNyZWF0ZVdyYXBwZXJOb2Rlcyh0aGlzLm5vZGVzID8/IFtdKTtcbiAgICB0aGlzLmRhdGFTb3VyY2UgPSBuZXcgTmdjeFRyZWVEYXRhU291cmNlKHdyYXBwZXJOb2Rlcyk7XG4gICAgdGhpcy50cmVlQ29udHJvbC5kYXRhTm9kZXMgPSB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gIH1cblxuICBjcmVhdGVXcmFwcGVyTm9kZXMoXG4gICAgbm9kZXM6IE5nY3hUcmVlTm9kZVtdLFxuICAgIHBhcmVudD86IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PixcbiAgICBkZXB0aDogbnVtYmVyID0gMFxuICApOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT5bXSB7XG4gICAgY29uc3QgY2hpbGRDb3VudCA9IG5vZGVzLmxlbmd0aDtcbiAgICBjb25zdCB3cmFwcGVyTm9kZXMgPSBub2Rlcy5tYXAoKG5vZGUsIGlkeCkgPT4ge1xuICAgICAgY29uc3Qgbm9kZVdyYXBwZXI6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PiA9IHtcbiAgICAgICAgaWQ6IG5vZGUuaWQsXG4gICAgICAgIGRhdGE6IG5vZGUsXG4gICAgICAgIGlzRmlyc3RDaGlsZDogaWR4ID09PSAwLFxuICAgICAgICBpc0xhc3RDaGlsZDogaWR4ID09PSBjaGlsZENvdW50IC0gMSxcbiAgICAgICAgaW5kZXg6IGlkeCxcbiAgICAgICAgcGFyZW50OiBwYXJlbnQsXG4gICAgICAgIGRlcHRoOiBkZXB0aCxcbiAgICAgICAgY2hpbGRyZW46IFtdLFxuICAgICAgfTtcbiAgICAgIG5vZGVXcmFwcGVyLmNoaWxkcmVuID0gbm9kZS5jaGlsZHJlblxuICAgICAgICA/IHRoaXMuY3JlYXRlV3JhcHBlck5vZGVzKG5vZGUuY2hpbGRyZW4sIG5vZGVXcmFwcGVyLCBkZXB0aCArIDEpXG4gICAgICAgIDogW107XG5cbiAgICAgIHJldHVybiBub2RlV3JhcHBlcjtcbiAgICB9KTtcbiAgICB3cmFwcGVyTm9kZXMuZm9yRWFjaCgod3JhcHBlck5vZGUpID0+IHtcbiAgICAgIGlmICghd3JhcHBlck5vZGUuaXNMYXN0Q2hpbGQpIHtcbiAgICAgICAgd3JhcHBlck5vZGUubmV4dCA9IHdyYXBwZXJOb2Rlc1t3cmFwcGVyTm9kZS5pbmRleCArIDFdO1xuICAgICAgfVxuICAgICAgaWYgKCF3cmFwcGVyTm9kZS5pc0ZpcnN0Q2hpbGQpIHtcbiAgICAgICAgd3JhcHBlck5vZGUucHJldmlvdXMgPSB3cmFwcGVyTm9kZXNbd3JhcHBlck5vZGUuaW5kZXggLSAxXTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmNvbmZpZz8uYWxsb3dTZWxlY3Rpb24/Lih3cmFwcGVyTm9kZSkpIHtcbiAgICAgICAgd3JhcHBlck5vZGUuaXNTZWxlY3RhYmxlID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICByZXR1cm4gd3JhcHBlck5vZGVzO1xuICB9XG5cbiAgaGFzQ2hpbGQgPSAoXzogbnVtYmVyLCBub2RlOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4pID0+XG4gICAgbm9kZS5jaGlsZHJlbi5sZW5ndGggPiAwO1xuXG4gIGFsbG93RHJvcChkcm9wTm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxhbnk+LCBkcm9wVHlwZTogRHJvcFR5cGUpOiBib29sZWFuIHtcbiAgICBpZiAoXG4gICAgICAhdGhpcy5kcmFnZ2luZyB8fFxuICAgICAgdGhpcy5kcmFnZ2luZy5pZCA9PT0gZHJvcE5vZGUuaWQgfHxcbiAgICAgIGlzUGFyZW50T2YodGhpcy5kcmFnZ2luZywgZHJvcE5vZGUpXG4gICAgKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmIChcbiAgICAgIGRyb3BUeXBlID09IERyb3BUeXBlLkRST1BfSU5UTyAmJlxuICAgICAgZHJvcE5vZGUuaWQgPT09IHRoaXMuZHJhZ2dpbmcucGFyZW50Py5pZFxuICAgICkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBpZiAoXG4gICAgICBkcm9wVHlwZSA9PSBEcm9wVHlwZS5EUk9QX0FGVEVSICYmXG4gICAgICBkcm9wTm9kZS5uZXh0Py5pZCA9PT0gdGhpcy5kcmFnZ2luZy5pZFxuICAgICkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBpZiAoXG4gICAgICBkcm9wVHlwZSA9PSBEcm9wVHlwZS5EUk9QX0JFRk9SRSAmJlxuICAgICAgZHJvcE5vZGUucHJldmlvdXM/LmlkID09PSB0aGlzLmRyYWdnaW5nLmlkXG4gICAgKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgY29uc3QgaW50b05vZGUgPVxuICAgICAgZHJvcFR5cGUgPT0gRHJvcFR5cGUuRFJPUF9JTlRPID8gZHJvcE5vZGUgOiBkcm9wTm9kZS5wYXJlbnQ7XG4gICAgaWYgKHRoaXMuY29uZmlnPy5hbGxvd0Ryb3ApIHtcbiAgICAgIHJldHVybiB0aGlzLmNvbmZpZy5hbGxvd0Ryb3AodGhpcy5kcmFnZ2luZywgaW50b05vZGUpO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8vIHByZXZlbnQgZHJvcCBkaXJlY3RseSBhZnRlciBhIG5vZGUgb24gc2FtZSBsZXZlbCwgdGhhdCBpcyBleHBhbmRlZFxuICBzb3J0UHJlZGljYXRlKCk6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGRyYWc6IENka0RyYWcsXG4gICAgZHJvcDogQ2RrRHJvcExpc3RcbiAgKSA9PiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgaW5kZXg6IG51bWJlcixcbiAgICAgIF9kcmFnOiBDZGtEcmFnPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Pj4sXG4gICAgICBkcm9wOiBDZGtEcm9wTGlzdDxOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4+XG4gICAgKSA9PiB7XG4gICAgICByZXR1cm4gaW5kZXggPT0gMCB8fCAhdGhpcy50cmVlQ29udHJvbC5pc0V4cGFuZGVkKGRyb3AuZGF0YSk7XG4gICAgfTtcbiAgfVxuXG4gIGRpc2FibGVEcmFnKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Pikge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZz8uYWxsb3dEcmFnID8gIXRoaXMuY29uZmlnLmFsbG93RHJhZyhub2RlKSA6IGZhbHNlO1xuICB9XG5cbiAga2V5RG93bkFycm93VXAoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc29sZS5sb2coJ2Fycm93IHVwJyk7XG5cbiAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGUpIHtcbiAgICAgIGlmICghdGhpcy5zZWxlY3RlZE5vZGUuaXNGaXJzdENoaWxkKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Tm9kZSh0aGlzLnNlbGVjdGVkTm9kZS5wcmV2aW91cyk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWROb2RlLnBhcmVudCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUodGhpcy5zZWxlY3RlZE5vZGUucGFyZW50KTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgbm9kZXMgPSB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgICBpZiAobm9kZXMubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUobm9kZXNbbm9kZXMubGVuZ3RoIC0gMV0pO1xuICAgICAgfVxuICAgIH1cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAga2V5RG93bkFycm93RG93bihldmVudDogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGUpIHtcbiAgICAgIGlmICghdGhpcy5zZWxlY3RlZE5vZGUuaXNMYXN0Q2hpbGQpIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKHRoaXMuc2VsZWN0ZWROb2RlLm5leHQpO1xuICAgICAgfSBlbHNlIGlmICh0aGlzLnNlbGVjdGVkTm9kZS5wYXJlbnQ/Lm5leHQpIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKHRoaXMuc2VsZWN0ZWROb2RlLnBhcmVudC5uZXh0KTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgbm9kZXMgPSB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgICBpZiAobm9kZXMubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUobm9kZXNbMF0pO1xuICAgICAgfVxuICAgIH1cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAga2V5RG93bkFycm93TGVmdChldmVudDogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGU/LnBhcmVudCkge1xuICAgICAgdGhpcy5zZWxlY3ROb2RlKHRoaXMuc2VsZWN0ZWROb2RlLnBhcmVudCk7XG4gICAgfSBlbHNlIGlmICghdGhpcy5zZWxlY3RlZE5vZGUpIHtcbiAgICAgIGNvbnN0IG5vZGVzID0gdGhpcy5kYXRhU291cmNlLmRhdGEkLnZhbHVlO1xuICAgICAgaWYgKG5vZGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKG5vZGVzWzBdKTtcbiAgICAgIH1cbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIGtleURvd25BcnJvd1JpZ2h0KGV2ZW50OiBFdmVudCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkTm9kZSAmJiB0aGlzLnNlbGVjdGVkTm9kZS5jaGlsZHJlbi5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnNlbGVjdE5vZGUodGhpcy5zZWxlY3RlZE5vZGUuY2hpbGRyZW5bMF0pO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMuc2VsZWN0ZWROb2RlKSB7XG4gICAgICBjb25zdCBub2RlcyA9IHRoaXMuZGF0YVNvdXJjZS5kYXRhJC52YWx1ZTtcbiAgICAgIGlmIChub2Rlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Tm9kZShub2Rlc1swXSk7XG4gICAgICB9XG4gICAgfVxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5ZG93bi5lc2NhcGUnKVxuICBrZXlFc2NhcGVXaGlsZURyYWdnaW5nKCkge1xuICAgIGlmICh0aGlzLmRyYWdnaW5nKSB7XG4gICAgICB0aGlzLmNhbmNlbGVkQnlFc3EgPSB0cnVlO1xuICAgICAgZG9jdW1lbnQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ21vdXNldXAnKSk7XG4gICAgfVxuICB9XG5cbiAgaGFuZGxlRHJhZ1JlbGVhc2UoZXZlbnQ6IENka0RyYWdSZWxlYXNlPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Pj4pIHtcbiAgICB0aGlzLmRyYWdnaW5nID0gdW5kZWZpbmVkO1xuICAgIGNvbnN0IG1vdmVkTm9kZSA9IGV2ZW50LnNvdXJjZS5kYXRhO1xuICAgIGNvbnN0IGRyb3Bab25lSWQgPSAoPGFueT5ldmVudC5ldmVudC50YXJnZXQpLmlkO1xuICAgIGlmICghZHJvcFpvbmVJZCkge1xuICAgICAgLy8gbm8gdmFsaWQgZHJvcCB6b25lXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZHJvcFpvbmVJbmZvID0gbmV3IERyb3Bab25lSW5mbyhkcm9wWm9uZUlkKTtcbiAgICBjb25zdCB0b05vZGUgPSB0aGlzLmFwaS5maW5kTm9kZUJ5SWQoZHJvcFpvbmVJbmZvLm5vZGVJZCk7XG4gICAgaWYgKCF0b05vZGUpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoYG5vZGUgd2l0aCBpZCAnJHtkcm9wWm9uZUluZm8ubm9kZUlkfScgY291bGQgbm90IGJlIGZvdW5kYCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gZHJvcFR5cGUgdW5kZWZpbmVkIGNhbiBoYXBwZW4gaWYgZHJvcHBlZCBkaXJlY3RseSB3aXRob3V0IG1vdmluZ1xuICAgIGlmICh0aGlzLmNhbmNlbGVkQnlFc3EgfHwgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuY2FuY2VsZWRCeUVzcSA9IGZhbHNlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGluc2VydEludG9Ob2RlID1cbiAgICAgIGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9JTlRPID8gdG9Ob2RlIDogdG9Ob2RlLnBhcmVudDtcbiAgICBjb25zdCB3cmFwcGVyTGlzdCA9IGluc2VydEludG9Ob2RlPy5jaGlsZHJlbiA/PyB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgY29uc3QgYWRkQXROb2RlSWR4ID0gdGhpcy5maW5kQWRkSW5kZXgoXG4gICAgICBkcm9wWm9uZUluZm8sXG4gICAgICBpbnNlcnRJbnRvTm9kZSxcbiAgICAgIHdyYXBwZXJMaXN0XG4gICAgKTtcblxuICAgIGNvbnN0IHJlbW92ZWRGcm9tSWR4ID0gdGhpcy5yZW1vdmVFbGVtZW50RnJvbVByZXZpb3VzUG9zaXRpb24obW92ZWROb2RlKTtcbiAgICAvLyBhZGQgZWxlbWVudCB0byBuZXcgUG9zaXRpb24sIHN1YnRyYWN0IG9uZSBpZiBpbnNlcnRlZCBpbiBzYW1lIGxpc3QgYWZ0ZXIgdGhlIHJlbW92ZSBwb3NpdGlvblxuICAgIChpbnNlcnRJbnRvTm9kZT8uZGF0YS5jaGlsZHJlbiA/PyB0aGlzLm5vZGVzISkuc3BsaWNlKFxuICAgICAgbW92ZWROb2RlLnBhcmVudD8uaWQgPT09IGluc2VydEludG9Ob2RlPy5pZCAmJlxuICAgICAgICByZW1vdmVkRnJvbUlkeCA8IGFkZEF0Tm9kZUlkeFxuICAgICAgICA/IGFkZEF0Tm9kZUlkeCAtIDFcbiAgICAgICAgOiBhZGRBdE5vZGVJZHgsXG4gICAgICAwLFxuICAgICAgbW92ZWROb2RlLmRhdGFcbiAgICApO1xuXG4gICAgY29uc3QgYWZ0ZXJOb2RlSWR4ID0gYWRkQXROb2RlSWR4IC0gMTtcbiAgICBjb25zdCBhZnRlck5vZGUgPVxuICAgICAgYWZ0ZXJOb2RlSWR4ID4gLTEgJiYgd3JhcHBlckxpc3QubGVuZ3RoID4gYWZ0ZXJOb2RlSWR4XG4gICAgICAgID8gd3JhcHBlckxpc3RbYWZ0ZXJOb2RlSWR4XVxuICAgICAgICA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGJlZm9yZU5vZGUgPVxuICAgICAgYWRkQXROb2RlSWR4ID4gLTEgJiYgd3JhcHBlckxpc3QubGVuZ3RoID4gYWRkQXROb2RlSWR4XG4gICAgICAgID8gd3JhcHBlckxpc3RbYWRkQXROb2RlSWR4XVxuICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICB0aGlzLm5vZGVNb3ZlZC5lbWl0KHtcbiAgICAgIG5vZGU6IG1vdmVkTm9kZSxcbiAgICAgIHBhcmVudDpcbiAgICAgICAgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSBEcm9wVHlwZS5EUk9QX0lOVE8gPyB0b05vZGUgOiB0b05vZGUucGFyZW50LFxuICAgICAgYWZ0ZXJOb2RlOiBhZnRlck5vZGUsXG4gICAgICBiZWZvcmVOb2RlOiBiZWZvcmVOb2RlLFxuICAgIH0pO1xuICAgIHRoaXMuZGF0YVNvdXJjZSA9IG5ldyBOZ2N4VHJlZURhdGFTb3VyY2UoXG4gICAgICB0aGlzLmNyZWF0ZVdyYXBwZXJOb2Rlcyh0aGlzLm5vZGVzISlcbiAgICApO1xuICAgIHRoaXMudHJlZUNvbnRyb2wuZGF0YU5vZGVzID0gdGhpcy5kYXRhU291cmNlLmRhdGEkLnZhbHVlO1xuICB9XG5cbiAgcHJpdmF0ZSBmaW5kQWRkSW5kZXgoXG4gICAgZHJvcFpvbmVJbmZvOiBEcm9wWm9uZUluZm8sXG4gICAgaW5zZXJ0SW50b05vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PiB8IHVuZGVmaW5lZCxcbiAgICBpbnNlcnRJbnRvTGlzdDogTmdjeFRyZWVOb2RlV3JhcHBlcjxhbnk+W11cbiAgKSB7XG4gICAgaWYgKFxuICAgICAgaW5zZXJ0SW50b05vZGUgJiZcbiAgICAgIGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9JTlRPICYmXG4gICAgICAhaW5zZXJ0SW50b05vZGUuZGF0YS5jaGlsZHJlblxuICAgICkge1xuICAgICAgaW5zZXJ0SW50b05vZGUuZGF0YS5jaGlsZHJlbiA9IFtdO1xuICAgIH1cbiAgICBsZXQgYWRkQXROb2RlSWR4ID0gMDtcbiAgICBpZiAoXG4gICAgICBkcm9wWm9uZUluZm8uZHJvcFR5cGUgPT09IERyb3BUeXBlLkRST1BfQUZURVIgfHxcbiAgICAgIGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9CRUZPUkVcbiAgICApIHtcbiAgICAgIGFkZEF0Tm9kZUlkeCA9IGluc2VydEludG9MaXN0LmZpbmRJbmRleChcbiAgICAgICAgKGNoaWxkKSA9PiBjaGlsZC5pZCA9PT0gZHJvcFpvbmVJbmZvLm5vZGVJZFxuICAgICAgKTtcbiAgICAgIGlmIChkcm9wWm9uZUluZm8uZHJvcFR5cGUgPT09IERyb3BUeXBlLkRST1BfQUZURVIpIHtcbiAgICAgICAgYWRkQXROb2RlSWR4Kys7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBhZGRBdE5vZGVJZHg7XG4gIH1cblxuICBwcml2YXRlIHJlbW92ZUVsZW1lbnRGcm9tUHJldmlvdXNQb3NpdGlvbihcbiAgICBtb3ZlZE5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PlxuICApOiBudW1iZXIge1xuICAgIGNvbnN0IHJlbW92ZUZyb21MaXN0ID0gbW92ZWROb2RlLnBhcmVudD8uZGF0YS5jaGlsZHJlbiA/PyB0aGlzLm5vZGVzITtcbiAgICBjb25zdCByZW1vdmVJbmRleCA9IHJlbW92ZUZyb21MaXN0LmZpbmRJbmRleChcbiAgICAgIChjaGlsZDogYW55KSA9PiBjaGlsZC5pZCA9PT0gbW92ZWROb2RlLmlkXG4gICAgKTtcbiAgICByZW1vdmVGcm9tTGlzdC5zcGxpY2UocmVtb3ZlSW5kZXgsIDEpO1xuICAgIHJldHVybiByZW1vdmVJbmRleDtcbiAgfVxuXG4gIG5vZGVDbGlja2VkKG5vZGVXcmFwcGVyOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4pIHtcbiAgICB0aGlzLmNsaWNrRXZlbnQuZW1pdChub2RlV3JhcHBlcik7XG4gICAgaWYgKG5vZGVXcmFwcGVyLmlzU2VsZWN0YWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZE5vZGUgPVxuICAgICAgICBub2RlV3JhcHBlci5pZCA9PT0gdGhpcy5zZWxlY3RlZE5vZGU/LmlkID8gdW5kZWZpbmVkIDogbm9kZVdyYXBwZXI7XG4gICAgICB0aGlzLnNlbGVjdEV2ZW50LmVtaXQodGhpcy5zZWxlY3RlZE5vZGUpO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdE5vZGUobm9kZVdyYXBwZXI6IE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55PiB8IHVuZGVmaW5lZCkge1xuICAgIGlmICghbm9kZVdyYXBwZXIgfHwgbm9kZVdyYXBwZXIuaXNTZWxlY3RhYmxlKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkTm9kZSA9IG5vZGVXcmFwcGVyO1xuICAgICAgbGV0IGV4cGFuZE5vZGUgPSB0aGlzLnNlbGVjdGVkTm9kZT8ucGFyZW50O1xuICAgICAgd2hpbGUgKGV4cGFuZE5vZGUpIHtcbiAgICAgICAgdGhpcy50cmVlQ29udHJvbC5leHBhbmQoZXhwYW5kTm9kZSk7XG4gICAgICAgIGV4cGFuZE5vZGUgPSBleHBhbmROb2RlLnBhcmVudDtcbiAgICAgIH1cbiAgICAgIHRoaXMuc2VsZWN0RXZlbnQuZW1pdCh0aGlzLnNlbGVjdGVkTm9kZSk7XG4gICAgfVxuICB9XG59XG5cbmVudW0gRHJvcFR5cGUge1xuICBEUk9QX0FGVEVSID0gJ0RST1BfQUZURVInLFxuICBEUk9QX0JFRk9SRSA9ICdEUk9QX0JFRk9SRScsXG4gIERST1BfSU5UTyA9ICdEUk9QX0lOVE8nLFxufVxuXG5leHBvcnQgY2xhc3MgTmdjeFRyZWVDb250cm9sIGltcGxlbWVudHMgTmdjeFRyZWVBcGk8YW55PiB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdHJlZUNvbXBvbmVudDogTmdjeFRyZWVDb21wb25lbnQpIHt9XG5cbiAgZ2V0IHRyZWVDb250cm9sKCk6IE5lc3RlZFRyZWVDb250cm9sPE5nY3hUcmVlTm9kZVdyYXBwZXI8YW55Piwgc3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMudHJlZUNvbXBvbmVudC50cmVlQ29udHJvbDtcbiAgfVxuXG4gIHNlbGVjdE5vZGVCeUlkKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnRyZWVDb21wb25lbnQuc2VsZWN0Tm9kZSh0aGlzLmZpbmROb2RlQnlJZChpZCkpO1xuICB9XG5cbiAgZmluZE5vZGVCeUlkKGlkOiBzdHJpbmcpOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4gfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmZpbmROb2RlQnlJZEluTm9kZXMoXG4gICAgICB0aGlzLnRyZWVDb21wb25lbnQuZGF0YVNvdXJjZS5kYXRhJC52YWx1ZSxcbiAgICAgIGlkXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgZmluZE5vZGVCeUlkSW5Ob2RlcyhcbiAgICBub2RlczogTmdjeFRyZWVOb2RlV3JhcHBlcjxhbnk+W10sXG4gICAgaWQ6IHN0cmluZ1xuICApOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPGFueT4gfCB1bmRlZmluZWQge1xuICAgIGZvciAoY29uc3Qgbm9kZSBvZiBub2Rlcykge1xuICAgICAgaWYgKG5vZGUuaWQgPT09IGlkKSB7XG4gICAgICAgIHJldHVybiBub2RlO1xuICAgICAgfVxuICAgICAgaWYgKG5vZGUuY2hpbGRyZW4/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgY29uc3QgZm91bmROb2RlID0gdGhpcy5maW5kTm9kZUJ5SWRJbk5vZGVzKG5vZGUuY2hpbGRyZW4sIGlkKTtcbiAgICAgICAgaWYgKGZvdW5kTm9kZSkge1xuICAgICAgICAgIHJldHVybiBmb3VuZE5vZGU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG59XG5cbmNsYXNzIERyb3Bab25lSW5mbyB7XG4gIGRyb3BUeXBlOiBEcm9wVHlwZTtcbiAgbm9kZUlkOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoaWQ6IHN0cmluZykge1xuICAgIGNvbnN0IHBvcyA9IGlkLmluZGV4T2YoJ18nKTtcbiAgICB0aGlzLm5vZGVJZCA9IGlkLnN1YnN0cmluZygwLCBwb3MpO1xuICAgIHRoaXMuZHJvcFR5cGUgPSA8YW55PmlkLnN1YnN0cmluZyhwb3MgKyAxKTtcbiAgfVxufVxuIiwiPGNkay10cmVlXG4gICN0cmVlXG4gIGNsYXNzPVwibmdjeC10cmVlXCJcbiAgKm5nSWY9XCJkYXRhU291cmNlXCJcbiAgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiXG4gIFt0cmVlQ29udHJvbF09XCJ0cmVlQ29udHJvbFwiXG4gIGNka0Ryb3BMaXN0R3JvdXBcbiAgW2NsYXNzLmRyYWdnaW5nXT1cImRyYWdnaW5nXCJcbiAgKGtleXVwLmFycm93dXApPVwia2V5RG93bkFycm93VXAoJGV2ZW50KVwiXG4gIChrZXlkb3duLmFycm93ZG93bik9XCJrZXlEb3duQXJyb3dEb3duKCRldmVudClcIlxuICAoa2V5ZG93bi5hcnJvd2xlZnQpPVwia2V5RG93bkFycm93TGVmdCgkZXZlbnQpXCJcbiAgKGtleWRvd24uYXJyb3dyaWdodCk9XCJrZXlEb3duQXJyb3dSaWdodCgkZXZlbnQpXCJcbiAgdGFiaW5kZXg9XCIwXCI+XG4gIDxjZGstbmVzdGVkLXRyZWUtbm9kZSAqY2RrVHJlZU5vZGVEZWY9XCJsZXQgbm9kZVwiIGNsYXNzPVwidHJlZS1ub2RlXCI+XG4gICAgPGRpdlxuICAgICAgY2RrRHJvcExpc3RcbiAgICAgIFtpZF09XCJub2RlLmlkICsgJ18nICsgRHJvcFR5cGUuRFJPUF9BRlRFUlwiXG4gICAgICBjbGFzcz1cInRyZWUtbm9kZS1jb250YWluZXItZHJvcC16b25lIGFmdGVyLWV4cGFuZGVkLW5vZGVcIlxuICAgICAgW2NsYXNzLmhpZGVdPVwiXG4gICAgICAgICFkcmFnZ2luZyB8fFxuICAgICAgICAhYWxsb3dEcm9wKG5vZGUsIERyb3BUeXBlLkRST1BfQUZURVIpIHx8XG4gICAgICAgICF0cmVlQ29udHJvbC5pc0V4cGFuZGVkKG5vZGUpXG4gICAgICBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkcm9wLWluc2VydC1saW5lXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZS1jb250YWluZXJcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgW2lkXT1cIm5vZGUuaWQgKyAnXycgKyBEcm9wVHlwZS5EUk9QX0JFRk9SRVwiXG4gICAgICAgIGNsYXNzPVwidHJlZS1ub2RlLWNvbnRhaW5lci1kcm9wLXpvbmUgYmVmb3JlLW5vZGVcIlxuICAgICAgICBbY2xhc3MuaGlkZV09XCJcbiAgICAgICAgICAhZHJhZ2dpbmcgfHxcbiAgICAgICAgICAhbm9kZS5pc0ZpcnN0Q2hpbGQgfHxcbiAgICAgICAgICAhYWxsb3dEcm9wKG5vZGUsIERyb3BUeXBlLkRST1BfQkVGT1JFKVxuICAgICAgICBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRyb3AtaW5zZXJ0LWxpbmVcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICBbaWRdPVwibm9kZS5pZCArICdfJyArIERyb3BUeXBlLkRST1BfSU5UT1wiXG4gICAgICAgIGNsYXNzPVwidHJlZS1ub2RlLWNvbnRhaW5lci1kcm9wLXpvbmUgaW50by1ub2RlXCJcbiAgICAgICAgW2NsYXNzLmhpZGVdPVwiIWRyYWdnaW5nIHx8ICFhbGxvd0Ryb3Aobm9kZSwgRHJvcFR5cGUuRFJPUF9JTlRPKVwiPjwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICBbaWRdPVwibm9kZS5pZCArICdfJyArIERyb3BUeXBlLkRST1BfQUZURVJcIlxuICAgICAgICBjbGFzcz1cInRyZWUtbm9kZS1jb250YWluZXItZHJvcC16b25lIGFmdGVyLW5vZGVcIlxuICAgICAgICBbY2xhc3MubGFzdF09XCJub2RlLmlzTGFzdENoaWxkXCJcbiAgICAgICAgW2NsYXNzLmhpZGVdPVwiXG4gICAgICAgICAgIWRyYWdnaW5nIHx8XG4gICAgICAgICAgdHJlZUNvbnRyb2wuaXNFeHBhbmRlZChub2RlKSB8fFxuICAgICAgICAgICFhbGxvd0Ryb3Aobm9kZSwgRHJvcFR5cGUuRFJPUF9BRlRFUilcbiAgICAgICAgXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wLWluc2VydC1saW5lXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgW2Nka0Ryb3BMaXN0RGF0YV09XCJub2RlXCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0RW50ZXJQcmVkaWNhdGVdPVwiZGlzYWJsZVwiXG4gICAgICAgIFtjZGtEcm9wTGlzdFNvcnRQcmVkaWNhdGVdPVwiZGlzYWJsZVwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2RrRHJhZ1xuICAgICAgICAgIFtjZGtEcmFnRGlzYWJsZWRdPVwiZGlzYWJsZURyYWcobm9kZSlcIlxuICAgICAgICAgIFtjZGtEcmFnRGF0YV09XCJub2RlXCJcbiAgICAgICAgICAoY2RrRHJhZ1N0YXJ0ZWQpPVwiZHJhZ2dpbmcgPSBub2RlXCJcbiAgICAgICAgICAoY2RrRHJhZ1JlbGVhc2VkKT1cImhhbmRsZURyYWdSZWxlYXNlKCRldmVudClcIj5cbiAgICAgICAgICA8ZGl2ICpjZGtEcmFnUGxhY2Vob2xkZXI+PC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ0cmVlLW5vZGUtY29udGVudC1jb250YWluZXJcIlxuICAgICAgICAgICAgW2NsYXNzLmZpcnN0XT1cIm5vZGUuaXNGaXJzdENoaWxkXCJcbiAgICAgICAgICAgIFtjbGFzcy5sYXN0XT1cIm5vZGUuaXNMYXN0Q2hpbGRcIlxuICAgICAgICAgICAgW2NsYXNzLmV4cGFuZGVkXT1cInRyZWVDb250cm9sLmlzRXhwYW5kZWQobm9kZSlcIj5cbiAgICAgICAgICAgIDxuZ2N4LXRyZWUtbm9kZVxuICAgICAgICAgICAgICBzdHlsZT1cIndpZHRoOiAxMDAlXCJcbiAgICAgICAgICAgICAgW25vZGVXcmFwcGVyXT1cIm5vZGVcIlxuICAgICAgICAgICAgICBbaXNTZWxlY3RlZF09XCJub2RlLmlkID09PSBzZWxlY3RlZE5vZGU/LmlkXCJcbiAgICAgICAgICAgICAgW3RyZWVDb250cm9sXT1cInRyZWVDb250cm9sXCJcbiAgICAgICAgICAgICAgW3RyZWVDb25maWddPVwiY29uZmlnXCJcbiAgICAgICAgICAgICAgKGN1c3RvbUV2ZW50KT1cImN1c3RvbUV2ZW50LmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIChjbGlja0V2ZW50KT1cIm5vZGVDbGlja2VkKG5vZGUpXCI+PC9uZ2N4LXRyZWUtbm9kZT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZ2N4LXRyZWUtbm9kZVxuICAgICAgICAgICpuZ0lmPVwibm9kZS5pZCA9PT0gZHJhZ2dpbmc/LmlkXCJcbiAgICAgICAgICBbbm9kZVdyYXBwZXJdPVwibm9kZVwiXG4gICAgICAgICAgW3RyZWVDb250cm9sXT1cInRyZWVDb250cm9sXCJcbiAgICAgICAgICBbdHJlZUNvbmZpZ109XCJjb25maWdcIj48L25nY3gtdHJlZS1ub2RlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJ0cmVlQ29udHJvbC5pc0V4cGFuZGVkKG5vZGUpXCJcbiAgICAgIGNsYXNzPVwidHJlZS1ub2RlLWNoaWxkcmVuLWNvbnRhaW5lclwiXG4gICAgICBbY2xhc3MuZmlyc3RdPVwibm9kZS5pc0ZpcnN0Q2hpbGRcIlxuICAgICAgW2NsYXNzLmxhc3RdPVwibm9kZS5pc0xhc3RDaGlsZFwiPlxuICAgICAgPGRpdiBjZGtUcmVlTm9kZU91dGxldD48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9jZGstbmVzdGVkLXRyZWUtbm9kZT5cbjwvY2RrLXRyZWU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdjeC10cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nY3gtdHJlZS9zcmMvbGliL25nY3gtdHJlZS9uZ2N4LXRyZWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdjeC10cmVlL3NyYy9saWIvbmdjeC10cmVlL25nY3gtdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBSUwsY0FBYyxHQUNmLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUNMLGFBQWEsRUFDYixpQkFBaUIsR0FFbEIsTUFBTSxtQkFBbUIsQ0FBQztBQUMzQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFPN0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7O0FBUy9DLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFhWSxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQTZCLENBQUM7UUFDMUQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBQ3BDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBMEIsQ0FBQztRQUN4RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBRW5FOztXQUVHO1FBQ2EsZ0JBQVcsR0FBdUIsSUFBSSxlQUFlLENBQ25FLElBQUksRUFDSixDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFDdkI7WUFDRSxPQUFPLEVBQUUsQ0FBQyxJQUE0QixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtTQUNuRCxDQUNGLENBQUM7UUFFRixlQUFVLEdBQ1IsSUFBSSxrQkFBa0IsQ0FBeUIsRUFBRSxDQUFDLENBQUM7UUFNbEMsYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUVwQixZQUFPLEdBQUcsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO0tBd1QxQztJQXBUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNwQixzQkFBc0I7Z0JBQ3RCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQzthQUNuQjtZQUNELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDckIsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7Z0JBQzVDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO2FBQ25FO1NBQ0Y7SUFDSCxDQUFDO0lBRU8sVUFBVTtRQUNoQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksa0JBQWtCLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO0lBQzNELENBQUM7SUFFTyxrQkFBa0IsQ0FDeEIsS0FBcUIsRUFDckIsTUFBK0IsRUFDL0IsUUFBZ0IsQ0FBQztRQUVqQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ2hDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLEVBQUU7WUFDM0MsTUFBTSxXQUFXLEdBQTJCO2dCQUMxQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7Z0JBQ1gsSUFBSSxFQUFLLElBQUk7Z0JBQ2IsWUFBWSxFQUFFLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixXQUFXLEVBQUUsR0FBRyxLQUFLLFVBQVUsR0FBRyxDQUFDO2dCQUNuQyxLQUFLLEVBQUUsR0FBRztnQkFDVixNQUFNLEVBQUUsTUFBTTtnQkFDZCxLQUFLLEVBQUUsS0FBSztnQkFDWixRQUFRLEVBQUUsRUFBRTthQUNiLENBQUM7WUFDRixXQUFXLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRO2dCQUNsQyxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsV0FBVyxFQUFFLEtBQUssR0FBRyxDQUFDLENBQUM7Z0JBQ2hFLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFFUCxPQUFPLFdBQVcsQ0FBQztRQUNyQixDQUFDLENBQUMsQ0FBQztRQUNILFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFBRTtZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRTtnQkFDNUIsV0FBVyxDQUFDLElBQUksR0FBRyxZQUFZLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQzthQUN4RDtZQUNELElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFO2dCQUM3QixXQUFXLENBQUMsUUFBUSxHQUFHLFlBQVksQ0FBQyxXQUFXLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQzVEO1lBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLGNBQWMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFO2dCQUM5QyxXQUFXLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUNqQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxZQUFZLENBQUM7SUFDdEIsQ0FBQztJQUVTLFNBQVMsQ0FDakIsUUFBZ0MsRUFDaEMsUUFBa0I7UUFFbEIsSUFDRSxDQUFDLElBQUksQ0FBQyxRQUFRO1lBQ2QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssUUFBUSxDQUFDLEVBQUU7WUFDaEMsVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLEVBQ25DO1lBQ0EsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELElBQ0UsUUFBUSxJQUFJLFFBQVEsQ0FBQyxTQUFTO1lBQzlCLFFBQVEsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUN4QztZQUNBLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxJQUNFLFFBQVEsSUFBSSxRQUFRLENBQUMsVUFBVTtZQUMvQixRQUFRLENBQUMsSUFBSSxFQUFFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFDdEM7WUFDQSxPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsSUFDRSxRQUFRLElBQUksUUFBUSxDQUFDLFdBQVc7WUFDaEMsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQzFDO1lBQ0EsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUVELE1BQU0sUUFBUSxHQUNaLFFBQVEsSUFBSSxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFDOUQsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRTtZQUMxQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUM7U0FDdkQ7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxxRUFBcUU7SUFDM0QsYUFBYTtRQUtyQixPQUFPLENBQ0wsS0FBYSxFQUNiLEtBQXNDLEVBQ3RDLElBQXlDLEVBQ3pDLEVBQUU7WUFDRixPQUFPLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0QsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVTLFdBQVcsQ0FBQyxJQUE0QjtRQUNoRCxPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDdkUsQ0FBQztJQUVTLGNBQWMsQ0FBQyxLQUFZO1FBQ25DLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUU7Z0JBQ25DLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM3QztpQkFBTSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFO2dCQUNuQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDM0M7U0FDRjthQUFNO1lBQ0wsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQzFDLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMxQztTQUNGO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFUyxnQkFBZ0IsQ0FBQyxLQUFZO1FBQ3JDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUU7Z0JBQ2xDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN6QztpQkFBTSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDekMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNoRDtTQUNGO2FBQU07WUFDTCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7WUFDMUMsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQjtTQUNGO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFUyxnQkFBZ0IsQ0FBQyxLQUFZO1FBQ3JDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtnQkFDbEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQzlDO2lCQUFNLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxNQUFNLEVBQUU7Z0JBQ3BDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUMzQztTQUNGO2FBQU07WUFDTCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7WUFDMUMsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQjtTQUNGO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFUyxpQkFBaUIsQ0FBQyxLQUFZO1FBQ3RDLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzlELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNoRDthQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQzdCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUMxQyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNCO1NBQ0Y7UUFDRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUdTLHNCQUFzQjtRQUM5QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7WUFDMUIsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVTLGlCQUFpQixDQUFDLEtBQTZDO1FBQ3ZFLElBQUksQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFDO1FBQzFCLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBQ3BDLE1BQU0sVUFBVSxHQUFTLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTyxDQUFDLEVBQUUsQ0FBQztRQUNoRCxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2YscUJBQXFCO1lBQ3JCLE9BQU87U0FDUjtRQUVELE1BQU0sWUFBWSxHQUFHLElBQUksWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2xELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1gsT0FBTyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsWUFBWSxDQUFDLE1BQU0sc0JBQXNCLENBQUMsQ0FBQztZQUMxRSxPQUFPO1NBQ1I7UUFFRCxtRUFBbUU7UUFDbkUsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLFlBQVksQ0FBQyxRQUFRLEtBQUssU0FBUyxFQUFFO1lBQzdELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1lBQzNCLE9BQU87U0FDUjtRQUVELE1BQU0sY0FBYyxHQUNsQixZQUFZLENBQUMsUUFBUSxLQUFLLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztRQUN4RSxNQUFNLFdBQVcsR0FBRyxjQUFjLEVBQUUsUUFBUSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUM1RSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUNwQyxZQUFZLEVBQ1osY0FBYyxFQUNkLFdBQVcsQ0FDWixDQUFDO1FBRUYsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3pFLCtGQUErRjtRQUMvRixDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxLQUFNLENBQUMsQ0FBQyxNQUFNLENBQ25ELFNBQVMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxLQUFLLGNBQWMsRUFBRSxFQUFFO1lBQ3pDLGNBQWMsR0FBRyxZQUFZO1lBQzdCLENBQUMsQ0FBQyxZQUFZLEdBQUcsQ0FBQztZQUNsQixDQUFDLENBQUMsWUFBWSxFQUNoQixDQUFDLEVBQ0QsU0FBUyxDQUFDLElBQUksQ0FDZixDQUFDO1FBRUYsTUFBTSxZQUFZLEdBQUcsWUFBWSxHQUFHLENBQUMsQ0FBQztRQUN0QyxNQUFNLFNBQVMsR0FDYixZQUFZLEdBQUcsQ0FBQyxDQUFDLElBQUksV0FBVyxDQUFDLE1BQU0sR0FBRyxZQUFZO1lBQ3BELENBQUMsQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDO1lBQzNCLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFFaEIsTUFBTSxVQUFVLEdBQ2QsWUFBWSxHQUFHLENBQUMsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxNQUFNLEdBQUcsWUFBWTtZQUNwRCxDQUFDLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQztZQUMzQixDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDO1lBQ2xCLElBQUksRUFBRSxTQUFTO1lBQ2YsTUFBTSxFQUNKLFlBQVksQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTTtZQUN2RSxTQUFTLEVBQUUsU0FBUztZQUNwQixVQUFVLEVBQUUsVUFBVTtTQUN2QixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksa0JBQWtCLENBQ3RDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBTSxDQUFDLENBQ3JDLENBQUM7UUFDRixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7SUFDM0QsQ0FBQztJQUVPLFlBQVksQ0FDbEIsWUFBMEIsRUFDMUIsY0FBa0QsRUFDbEQsY0FBd0M7UUFFeEMsSUFDRSxjQUFjO1lBQ2QsWUFBWSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsU0FBUztZQUM1QyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUM3QjtZQUNBLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztTQUNuQztRQUNELElBQUksWUFBWSxHQUFHLENBQUMsQ0FBQztRQUNyQixJQUNFLFlBQVksQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLFVBQVU7WUFDN0MsWUFBWSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsV0FBVyxFQUM5QztZQUNBLFlBQVksR0FBRyxjQUFjLENBQUMsU0FBUyxDQUNyQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsS0FBSyxZQUFZLENBQUMsTUFBTSxDQUM1QyxDQUFDO1lBQ0YsSUFBSSxZQUFZLENBQUMsUUFBUSxLQUFLLFFBQVEsQ0FBQyxVQUFVLEVBQUU7Z0JBQ2pELFlBQVksRUFBRSxDQUFDO2FBQ2hCO1NBQ0Y7UUFDRCxPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDO0lBRU8saUNBQWlDLENBQ3ZDLFNBQWlDO1FBRWpDLE1BQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsS0FBTSxDQUFDO1FBQ3RFLE1BQU0sV0FBVyxHQUFHLGNBQWMsQ0FBQyxTQUFTLENBQzFDLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLFNBQVMsQ0FBQyxFQUFFLENBQzFDLENBQUM7UUFDRixjQUFjLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN0QyxPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVyxDQUFDLFdBQW1DO1FBQzdDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLElBQUksV0FBVyxDQUFDLFlBQVksRUFBRTtZQUM1QixJQUFJLENBQUMsWUFBWTtnQkFDZixXQUFXLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQztZQUNyRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLFdBQStDO1FBQ3hELElBQUksQ0FBQyxXQUFXLElBQUksV0FBVyxDQUFDLFlBQVksRUFBRTtZQUM1QyxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztZQUNoQyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQztZQUMzQyxPQUFPLFVBQVUsRUFBRTtnQkFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3BDLFVBQVUsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO2FBQ2hDO1lBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzFDO0lBQ0gsQ0FBQzs4R0F0VlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNlVDdkM5Qiw2dkdBMkZBLDhqRER0RFksYUFBYSx3Z0JBQUUsY0FBYyx5dENBQUUscUJBQXFCLHVLQUFFLElBQUk7OzJGQUV6RCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsV0FBVyxjQUdULElBQUksV0FDUCxDQUFDLGFBQWEsRUFBRSxjQUFjLEVBQUUscUJBQXFCLEVBQUUsSUFBSSxDQUFDOzhCQUs1RCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBNE1HLHNCQUFzQjtzQkFEL0IsWUFBWTt1QkFBQyx1QkFBdUI7O0FBcUl2QyxJQUFLLFFBSUo7QUFKRCxXQUFLLFFBQVE7SUFDWCxxQ0FBeUIsQ0FBQTtJQUN6Qix1Q0FBMkIsQ0FBQTtJQUMzQixtQ0FBdUIsQ0FBQTtBQUN6QixDQUFDLEVBSkksUUFBUSxLQUFSLFFBQVEsUUFJWjtBQUVELE1BQU0sT0FBTyxlQUF3QyxTQUFRLGlCQUc1RDtJQUNDLFlBQ1UsYUFBbUMsRUFDM0MsV0FBMkUsRUFDM0UsT0FBa0U7UUFFbEUsS0FBSyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUpwQixrQkFBYSxHQUFiLGFBQWEsQ0FBc0I7SUFLN0MsQ0FBQztJQUVEOztPQUVHO0lBQ0gsY0FBYyxDQUFDLEVBQVU7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVksQ0FBQyxFQUFVO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixDQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUN6QyxFQUFFLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFFTyxtQkFBbUIsQ0FDekIsS0FBK0IsRUFDL0IsRUFBVTtRQUVWLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFO1lBQ3hCLElBQUksSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQ2xCLE9BQU8sSUFBSSxDQUFDO2FBQ2I7WUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDN0IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQzlELElBQUksU0FBUyxFQUFFO29CQUNiLE9BQU8sU0FBUyxDQUFDO2lCQUNsQjthQUNGO1NBQ0Y7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0NBQ0Y7QUFFRCxNQUFNLFlBQVk7SUFJaEIsWUFBWSxFQUFVO1FBQ3BCLE1BQU0sR0FBRyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENka0RyYWcsXG4gIENka0RyYWdSZWxlYXNlLFxuICBDZGtEcm9wTGlzdCxcbiAgRHJhZ0Ryb3BNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHtcbiAgQ2RrVHJlZU1vZHVsZSxcbiAgTmVzdGVkVHJlZUNvbnRyb2wsXG4gIE5lc3RlZFRyZWVDb250cm9sT3B0aW9ucyxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RyZWUnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ2N4VHJlZURhdGFTb3VyY2UgfSBmcm9tICcuL25nY3gtdHJlZS1kYXRhLnNvdXJjZSc7XG5pbXBvcnQge1xuICBOZ2N4VHJlZUNvbmZpZyxcbiAgTmdjeFRyZWVOb2RlLFxuICBOZ2N4VHJlZU5vZGVNb3ZlZEV2ZW50LFxuICBOZ2N4VHJlZU5vZGVXcmFwcGVyLFxufSBmcm9tICcuL25nY3gtdHJlZS1tb2RlbHMnO1xuaW1wb3J0IHsgTmdjeFRyZWVOb2RlQ29tcG9uZW50IH0gZnJvbSAnLi9uZ2N4LXRyZWUtbm9kZS9uZ2N4LXRyZWUtbm9kZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgaXNQYXJlbnRPZiB9IGZyb20gJy4vbmdjeC10cmVlLXV0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdjeC10cmVlJyxcbiAgdGVtcGxhdGVVcmw6ICduZ2N4LXRyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnbmdjeC10cmVlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDZGtUcmVlTW9kdWxlLCBEcmFnRHJvcE1vZHVsZSwgTmdjeFRyZWVOb2RlQ29tcG9uZW50LCBOZ0lmXSxcbn0pXG5leHBvcnQgY2xhc3MgTmdjeFRyZWVDb21wb25lbnQ8VCBleHRlbmRzIE5nY3hUcmVlTm9kZT5cbiAgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdFxue1xuICBASW5wdXQoKSBub2Rlcz86IE5nY3hUcmVlTm9kZVtdO1xuICBASW5wdXQoKSBjb25maWc/OiBOZ2N4VHJlZUNvbmZpZzxUPjtcblxuICBAT3V0cHV0KCkgbm9kZU1vdmVkID0gbmV3IEV2ZW50RW1pdHRlcjxOZ2N4VHJlZU5vZGVNb3ZlZEV2ZW50PFQ+PigpO1xuICBAT3V0cHV0KCkgY3VzdG9tRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+PigpO1xuICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4+KCk7XG5cbiAgLyoqXG4gICAqIEFwaSBmb3IgZmluZGluZyBhbmQgc2VsZWN0aW5nIG5vZGUuIEV4dGVuZHMgZnJvbSB0aGUgQ0RLIHRyZWVDb250cm9sIGZvciBleHBhbmRpbmcvY29sbGFwc2luZyB0aGUgdHJlZVxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHRyZWVDb250cm9sOiBOZ2N4VHJlZUNvbnRyb2w8VD4gPSBuZXcgTmdjeFRyZWVDb250cm9sPFQ+KFxuICAgIHRoaXMsXG4gICAgKG5vZGUpID0+IG5vZGUuY2hpbGRyZW4sXG4gICAge1xuICAgICAgdHJhY2tCeTogKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4pID0+IG5vZGUuaWQsXG4gICAgfVxuICApO1xuXG4gIGRhdGFTb3VyY2U6IE5nY3hUcmVlRGF0YVNvdXJjZTxOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+PiA9XG4gICAgbmV3IE5nY3hUcmVlRGF0YVNvdXJjZTxOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+PihbXSk7XG5cbiAgcHJvdGVjdGVkIGRyYWdnaW5nPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcblxuICBwcm90ZWN0ZWQgc2VsZWN0ZWROb2RlPzogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPjtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgRHJvcFR5cGUgPSBEcm9wVHlwZTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGlzYWJsZSA9ICgpID0+IGZhbHNlO1xuXG4gIHByaXZhdGUgY2FuY2VsZWRCeUVzYz86IGJvb2xlYW47XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVUcmVlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ25vZGVzJ10pIHtcbiAgICAgIGlmICh0aGlzLnRyZWVDb250cm9sKSB7XG4gICAgICAgIC8vIGluaXRpYWxpemVkIGFscmVhZHlcbiAgICAgICAgdGhpcy51cGRhdGVUcmVlKCk7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGUpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWROb2RlSWQgPSB0aGlzLnNlbGVjdGVkTm9kZS5pZDtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnRyZWVDb250cm9sLnNlbGVjdE5vZGVCeUlkKHNlbGVjdGVkTm9kZUlkKSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVUcmVlKCkge1xuICAgIGNvbnN0IHdyYXBwZXJOb2RlcyA9IHRoaXMuY3JlYXRlV3JhcHBlck5vZGVzKHRoaXMubm9kZXMgPz8gW10pO1xuICAgIHRoaXMuZGF0YVNvdXJjZSA9IG5ldyBOZ2N4VHJlZURhdGFTb3VyY2Uod3JhcHBlck5vZGVzKTtcbiAgICB0aGlzLnRyZWVDb250cm9sLmRhdGFOb2RlcyA9IHRoaXMuZGF0YVNvdXJjZS5kYXRhJC52YWx1ZTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlV3JhcHBlck5vZGVzKFxuICAgIG5vZGVzOiBOZ2N4VHJlZU5vZGVbXSxcbiAgICBwYXJlbnQ/OiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+LFxuICAgIGRlcHRoOiBudW1iZXIgPSAwXG4gICk6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD5bXSB7XG4gICAgY29uc3QgY2hpbGRDb3VudCA9IG5vZGVzLmxlbmd0aDtcbiAgICBjb25zdCB3cmFwcGVyTm9kZXMgPSBub2Rlcy5tYXAoKG5vZGUsIGlkeCkgPT4ge1xuICAgICAgY29uc3Qgbm9kZVdyYXBwZXI6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4gPSB7XG4gICAgICAgIGlkOiBub2RlLmlkLFxuICAgICAgICBkYXRhOiA8VD5ub2RlLFxuICAgICAgICBpc0ZpcnN0Q2hpbGQ6IGlkeCA9PT0gMCxcbiAgICAgICAgaXNMYXN0Q2hpbGQ6IGlkeCA9PT0gY2hpbGRDb3VudCAtIDEsXG4gICAgICAgIGluZGV4OiBpZHgsXG4gICAgICAgIHBhcmVudDogcGFyZW50LFxuICAgICAgICBkZXB0aDogZGVwdGgsXG4gICAgICAgIGNoaWxkcmVuOiBbXSxcbiAgICAgIH07XG4gICAgICBub2RlV3JhcHBlci5jaGlsZHJlbiA9IG5vZGUuY2hpbGRyZW5cbiAgICAgICAgPyB0aGlzLmNyZWF0ZVdyYXBwZXJOb2Rlcyhub2RlLmNoaWxkcmVuLCBub2RlV3JhcHBlciwgZGVwdGggKyAxKVxuICAgICAgICA6IFtdO1xuXG4gICAgICByZXR1cm4gbm9kZVdyYXBwZXI7XG4gICAgfSk7XG4gICAgd3JhcHBlck5vZGVzLmZvckVhY2goKHdyYXBwZXJOb2RlKSA9PiB7XG4gICAgICBpZiAoIXdyYXBwZXJOb2RlLmlzTGFzdENoaWxkKSB7XG4gICAgICAgIHdyYXBwZXJOb2RlLm5leHQgPSB3cmFwcGVyTm9kZXNbd3JhcHBlck5vZGUuaW5kZXggKyAxXTtcbiAgICAgIH1cbiAgICAgIGlmICghd3JhcHBlck5vZGUuaXNGaXJzdENoaWxkKSB7XG4gICAgICAgIHdyYXBwZXJOb2RlLnByZXZpb3VzID0gd3JhcHBlck5vZGVzW3dyYXBwZXJOb2RlLmluZGV4IC0gMV07XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5jb25maWc/LmFsbG93U2VsZWN0aW9uPy4od3JhcHBlck5vZGUpKSB7XG4gICAgICAgIHdyYXBwZXJOb2RlLmlzU2VsZWN0YWJsZSA9IHRydWU7XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmV0dXJuIHdyYXBwZXJOb2RlcztcbiAgfVxuXG4gIHByb3RlY3RlZCBhbGxvd0Ryb3AoXG4gICAgZHJvcE5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4sXG4gICAgZHJvcFR5cGU6IERyb3BUeXBlXG4gICk6IGJvb2xlYW4ge1xuICAgIGlmIChcbiAgICAgICF0aGlzLmRyYWdnaW5nIHx8XG4gICAgICB0aGlzLmRyYWdnaW5nLmlkID09PSBkcm9wTm9kZS5pZCB8fFxuICAgICAgaXNQYXJlbnRPZih0aGlzLmRyYWdnaW5nLCBkcm9wTm9kZSlcbiAgICApIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgaWYgKFxuICAgICAgZHJvcFR5cGUgPT0gRHJvcFR5cGUuRFJPUF9JTlRPICYmXG4gICAgICBkcm9wTm9kZS5pZCA9PT0gdGhpcy5kcmFnZ2luZy5wYXJlbnQ/LmlkXG4gICAgKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmIChcbiAgICAgIGRyb3BUeXBlID09IERyb3BUeXBlLkRST1BfQUZURVIgJiZcbiAgICAgIGRyb3BOb2RlLm5leHQ/LmlkID09PSB0aGlzLmRyYWdnaW5nLmlkXG4gICAgKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmIChcbiAgICAgIGRyb3BUeXBlID09IERyb3BUeXBlLkRST1BfQkVGT1JFICYmXG4gICAgICBkcm9wTm9kZS5wcmV2aW91cz8uaWQgPT09IHRoaXMuZHJhZ2dpbmcuaWRcbiAgICApIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICBjb25zdCBpbnRvTm9kZSA9XG4gICAgICBkcm9wVHlwZSA9PSBEcm9wVHlwZS5EUk9QX0lOVE8gPyBkcm9wTm9kZSA6IGRyb3BOb2RlLnBhcmVudDtcbiAgICBpZiAodGhpcy5jb25maWc/LmFsbG93RHJvcCkge1xuICAgICAgcmV0dXJuIHRoaXMuY29uZmlnLmFsbG93RHJvcCh0aGlzLmRyYWdnaW5nLCBpbnRvTm9kZSk7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgLy8gcHJldmVudCBkcm9wIGRpcmVjdGx5IGFmdGVyIGEgbm9kZSBvbiBzYW1lIGxldmVsLCB0aGF0IGlzIGV4cGFuZGVkXG4gIHByb3RlY3RlZCBzb3J0UHJlZGljYXRlKCk6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGRyYWc6IENka0RyYWcsXG4gICAgZHJvcDogQ2RrRHJvcExpc3RcbiAgKSA9PiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgaW5kZXg6IG51bWJlcixcbiAgICAgIF9kcmFnOiBDZGtEcmFnPE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4+LFxuICAgICAgZHJvcDogQ2RrRHJvcExpc3Q8TmdjeFRyZWVOb2RlV3JhcHBlcjxUPj5cbiAgICApID0+IHtcbiAgICAgIHJldHVybiBpbmRleCA9PSAwIHx8ICF0aGlzLnRyZWVDb250cm9sLmlzRXhwYW5kZWQoZHJvcC5kYXRhKTtcbiAgICB9O1xuICB9XG5cbiAgcHJvdGVjdGVkIGRpc2FibGVEcmFnKG5vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4pIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWc/LmFsbG93RHJhZyA/ICF0aGlzLmNvbmZpZy5hbGxvd0RyYWcobm9kZSkgOiBmYWxzZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBrZXlEb3duQXJyb3dVcChldmVudDogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGUpIHtcbiAgICAgIGlmICghdGhpcy5zZWxlY3RlZE5vZGUuaXNGaXJzdENoaWxkKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Tm9kZSh0aGlzLnNlbGVjdGVkTm9kZS5wcmV2aW91cyk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWROb2RlLnBhcmVudCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUodGhpcy5zZWxlY3RlZE5vZGUucGFyZW50KTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3Qgbm9kZXMgPSB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgICBpZiAobm9kZXMubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUobm9kZXNbbm9kZXMubGVuZ3RoIC0gMV0pO1xuICAgICAgfVxuICAgIH1cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGtleURvd25BcnJvd0Rvd24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuc2VsZWN0ZWROb2RlKSB7XG4gICAgICBpZiAoIXRoaXMuc2VsZWN0ZWROb2RlLmlzTGFzdENoaWxkKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Tm9kZSh0aGlzLnNlbGVjdGVkTm9kZS5uZXh0KTtcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5zZWxlY3RlZE5vZGUucGFyZW50Py5uZXh0KSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Tm9kZSh0aGlzLnNlbGVjdGVkTm9kZS5wYXJlbnQubmV4dCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnN0IG5vZGVzID0gdGhpcy5kYXRhU291cmNlLmRhdGEkLnZhbHVlO1xuICAgICAgaWYgKG5vZGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKG5vZGVzWzBdKTtcbiAgICAgIH1cbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBrZXlEb3duQXJyb3dMZWZ0KGV2ZW50OiBFdmVudCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkTm9kZSkge1xuICAgICAgaWYgKHRoaXMudHJlZUNvbnRyb2wuaXNFeHBhbmRlZCh0aGlzLnNlbGVjdGVkTm9kZSkpIHtcbiAgICAgICAgdGhpcy50cmVlQ29udHJvbC5jb2xsYXBzZSh0aGlzLnNlbGVjdGVkTm9kZSk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWROb2RlPy5wYXJlbnQpIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKHRoaXMuc2VsZWN0ZWROb2RlLnBhcmVudCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnN0IG5vZGVzID0gdGhpcy5kYXRhU291cmNlLmRhdGEkLnZhbHVlO1xuICAgICAgaWYgKG5vZGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgdGhpcy5zZWxlY3ROb2RlKG5vZGVzWzBdKTtcbiAgICAgIH1cbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBrZXlEb3duQXJyb3dSaWdodChldmVudDogRXZlbnQpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZE5vZGUgJiYgdGhpcy5zZWxlY3RlZE5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5zZWxlY3ROb2RlKHRoaXMuc2VsZWN0ZWROb2RlLmNoaWxkcmVuWzBdKTtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLnNlbGVjdGVkTm9kZSkge1xuICAgICAgY29uc3Qgbm9kZXMgPSB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgICBpZiAobm9kZXMubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnNlbGVjdE5vZGUobm9kZXNbMF0pO1xuICAgICAgfVxuICAgIH1cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OmtleWRvd24uZXNjYXBlJylcbiAgcHJvdGVjdGVkIGtleUVzY2FwZVdoaWxlRHJhZ2dpbmcoKSB7XG4gICAgaWYgKHRoaXMuZHJhZ2dpbmcpIHtcbiAgICAgIHRoaXMuY2FuY2VsZWRCeUVzYyA9IHRydWU7XG4gICAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnbW91c2V1cCcpKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlRHJhZ1JlbGVhc2UoZXZlbnQ6IENka0RyYWdSZWxlYXNlPE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4+KSB7XG4gICAgdGhpcy5kcmFnZ2luZyA9IHVuZGVmaW5lZDtcbiAgICBjb25zdCBtb3ZlZE5vZGUgPSBldmVudC5zb3VyY2UuZGF0YTtcbiAgICBjb25zdCBkcm9wWm9uZUlkID0gKDxhbnk+ZXZlbnQuZXZlbnQudGFyZ2V0KS5pZDtcbiAgICBpZiAoIWRyb3Bab25lSWQpIHtcbiAgICAgIC8vIG5vIHZhbGlkIGRyb3Agem9uZVxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGRyb3Bab25lSW5mbyA9IG5ldyBEcm9wWm9uZUluZm8oZHJvcFpvbmVJZCk7XG4gICAgY29uc3QgdG9Ob2RlID0gdGhpcy50cmVlQ29udHJvbC5maW5kTm9kZUJ5SWQoZHJvcFpvbmVJbmZvLm5vZGVJZCk7XG4gICAgaWYgKCF0b05vZGUpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoYG5vZGUgd2l0aCBpZCAnJHtkcm9wWm9uZUluZm8ubm9kZUlkfScgY291bGQgbm90IGJlIGZvdW5kYCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gZHJvcFR5cGUgdW5kZWZpbmVkIGNhbiBoYXBwZW4gaWYgZHJvcHBlZCBkaXJlY3RseSB3aXRob3V0IG1vdmluZ1xuICAgIGlmICh0aGlzLmNhbmNlbGVkQnlFc2MgfHwgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuY2FuY2VsZWRCeUVzYyA9IGZhbHNlO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGluc2VydEludG9Ob2RlID1cbiAgICAgIGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9JTlRPID8gdG9Ob2RlIDogdG9Ob2RlLnBhcmVudDtcbiAgICBjb25zdCB3cmFwcGVyTGlzdCA9IGluc2VydEludG9Ob2RlPy5jaGlsZHJlbiA/PyB0aGlzLmRhdGFTb3VyY2UuZGF0YSQudmFsdWU7XG4gICAgY29uc3QgYWRkQXROb2RlSWR4ID0gdGhpcy5maW5kQWRkSW5kZXgoXG4gICAgICBkcm9wWm9uZUluZm8sXG4gICAgICBpbnNlcnRJbnRvTm9kZSxcbiAgICAgIHdyYXBwZXJMaXN0XG4gICAgKTtcblxuICAgIGNvbnN0IHJlbW92ZWRGcm9tSWR4ID0gdGhpcy5yZW1vdmVFbGVtZW50RnJvbVByZXZpb3VzUG9zaXRpb24obW92ZWROb2RlKTtcbiAgICAvLyBhZGQgZWxlbWVudCB0byBuZXcgUG9zaXRpb24sIHN1YnRyYWN0IG9uZSBpZiBpbnNlcnRlZCBpbiBzYW1lIGxpc3QgYWZ0ZXIgdGhlIHJlbW92ZSBwb3NpdGlvblxuICAgIChpbnNlcnRJbnRvTm9kZT8uZGF0YS5jaGlsZHJlbiA/PyB0aGlzLm5vZGVzISkuc3BsaWNlKFxuICAgICAgbW92ZWROb2RlLnBhcmVudD8uaWQgPT09IGluc2VydEludG9Ob2RlPy5pZCAmJlxuICAgICAgICByZW1vdmVkRnJvbUlkeCA8IGFkZEF0Tm9kZUlkeFxuICAgICAgICA/IGFkZEF0Tm9kZUlkeCAtIDFcbiAgICAgICAgOiBhZGRBdE5vZGVJZHgsXG4gICAgICAwLFxuICAgICAgbW92ZWROb2RlLmRhdGFcbiAgICApO1xuXG4gICAgY29uc3QgYWZ0ZXJOb2RlSWR4ID0gYWRkQXROb2RlSWR4IC0gMTtcbiAgICBjb25zdCBhZnRlck5vZGUgPVxuICAgICAgYWZ0ZXJOb2RlSWR4ID4gLTEgJiYgd3JhcHBlckxpc3QubGVuZ3RoID4gYWZ0ZXJOb2RlSWR4XG4gICAgICAgID8gd3JhcHBlckxpc3RbYWZ0ZXJOb2RlSWR4XVxuICAgICAgICA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGJlZm9yZU5vZGUgPVxuICAgICAgYWRkQXROb2RlSWR4ID4gLTEgJiYgd3JhcHBlckxpc3QubGVuZ3RoID4gYWRkQXROb2RlSWR4XG4gICAgICAgID8gd3JhcHBlckxpc3RbYWRkQXROb2RlSWR4XVxuICAgICAgICA6IHVuZGVmaW5lZDtcbiAgICB0aGlzLm5vZGVNb3ZlZC5lbWl0KHtcbiAgICAgIG5vZGU6IG1vdmVkTm9kZSxcbiAgICAgIHBhcmVudDpcbiAgICAgICAgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSBEcm9wVHlwZS5EUk9QX0lOVE8gPyB0b05vZGUgOiB0b05vZGUucGFyZW50LFxuICAgICAgYWZ0ZXJOb2RlOiBhZnRlck5vZGUsXG4gICAgICBiZWZvcmVOb2RlOiBiZWZvcmVOb2RlLFxuICAgIH0pO1xuICAgIHRoaXMuZGF0YVNvdXJjZSA9IG5ldyBOZ2N4VHJlZURhdGFTb3VyY2UoXG4gICAgICB0aGlzLmNyZWF0ZVdyYXBwZXJOb2Rlcyh0aGlzLm5vZGVzISlcbiAgICApO1xuICAgIHRoaXMudHJlZUNvbnRyb2wuZGF0YU5vZGVzID0gdGhpcy5kYXRhU291cmNlLmRhdGEkLnZhbHVlO1xuICB9XG5cbiAgcHJpdmF0ZSBmaW5kQWRkSW5kZXgoXG4gICAgZHJvcFpvbmVJbmZvOiBEcm9wWm9uZUluZm8sXG4gICAgaW5zZXJ0SW50b05vZGU6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4gfCB1bmRlZmluZWQsXG4gICAgaW5zZXJ0SW50b0xpc3Q6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD5bXVxuICApIHtcbiAgICBpZiAoXG4gICAgICBpbnNlcnRJbnRvTm9kZSAmJlxuICAgICAgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSBEcm9wVHlwZS5EUk9QX0lOVE8gJiZcbiAgICAgICFpbnNlcnRJbnRvTm9kZS5kYXRhLmNoaWxkcmVuXG4gICAgKSB7XG4gICAgICBpbnNlcnRJbnRvTm9kZS5kYXRhLmNoaWxkcmVuID0gW107XG4gICAgfVxuICAgIGxldCBhZGRBdE5vZGVJZHggPSAwO1xuICAgIGlmIChcbiAgICAgIGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9BRlRFUiB8fFxuICAgICAgZHJvcFpvbmVJbmZvLmRyb3BUeXBlID09PSBEcm9wVHlwZS5EUk9QX0JFRk9SRVxuICAgICkge1xuICAgICAgYWRkQXROb2RlSWR4ID0gaW5zZXJ0SW50b0xpc3QuZmluZEluZGV4KFxuICAgICAgICAoY2hpbGQpID0+IGNoaWxkLmlkID09PSBkcm9wWm9uZUluZm8ubm9kZUlkXG4gICAgICApO1xuICAgICAgaWYgKGRyb3Bab25lSW5mby5kcm9wVHlwZSA9PT0gRHJvcFR5cGUuRFJPUF9BRlRFUikge1xuICAgICAgICBhZGRBdE5vZGVJZHgrKztcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGFkZEF0Tm9kZUlkeDtcbiAgfVxuXG4gIHByaXZhdGUgcmVtb3ZlRWxlbWVudEZyb21QcmV2aW91c1Bvc2l0aW9uKFxuICAgIG1vdmVkTm9kZTogTmdjeFRyZWVOb2RlV3JhcHBlcjxUPlxuICApOiBudW1iZXIge1xuICAgIGNvbnN0IHJlbW92ZUZyb21MaXN0ID0gbW92ZWROb2RlLnBhcmVudD8uZGF0YS5jaGlsZHJlbiA/PyB0aGlzLm5vZGVzITtcbiAgICBjb25zdCByZW1vdmVJbmRleCA9IHJlbW92ZUZyb21MaXN0LmZpbmRJbmRleChcbiAgICAgIChjaGlsZDogYW55KSA9PiBjaGlsZC5pZCA9PT0gbW92ZWROb2RlLmlkXG4gICAgKTtcbiAgICByZW1vdmVGcm9tTGlzdC5zcGxpY2UocmVtb3ZlSW5kZXgsIDEpO1xuICAgIHJldHVybiByZW1vdmVJbmRleDtcbiAgfVxuXG4gIG5vZGVDbGlja2VkKG5vZGVXcmFwcGVyOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+KSB7XG4gICAgdGhpcy5jbGlja0V2ZW50LmVtaXQobm9kZVdyYXBwZXIpO1xuICAgIGlmIChub2RlV3JhcHBlci5pc1NlbGVjdGFibGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWROb2RlID1cbiAgICAgICAgbm9kZVdyYXBwZXIuaWQgPT09IHRoaXMuc2VsZWN0ZWROb2RlPy5pZCA/IHVuZGVmaW5lZCA6IG5vZGVXcmFwcGVyO1xuICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMuc2VsZWN0ZWROb2RlKTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3ROb2RlKG5vZGVXcmFwcGVyOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+IHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKCFub2RlV3JhcHBlciB8fCBub2RlV3JhcHBlci5pc1NlbGVjdGFibGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWROb2RlID0gbm9kZVdyYXBwZXI7XG4gICAgICBsZXQgZXhwYW5kTm9kZSA9IHRoaXMuc2VsZWN0ZWROb2RlPy5wYXJlbnQ7XG4gICAgICB3aGlsZSAoZXhwYW5kTm9kZSkge1xuICAgICAgICB0aGlzLnRyZWVDb250cm9sLmV4cGFuZChleHBhbmROb2RlKTtcbiAgICAgICAgZXhwYW5kTm9kZSA9IGV4cGFuZE5vZGUucGFyZW50O1xuICAgICAgfVxuICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMuc2VsZWN0ZWROb2RlKTtcbiAgICB9XG4gIH1cbn1cblxuZW51bSBEcm9wVHlwZSB7XG4gIERST1BfQUZURVIgPSAnRFJPUF9BRlRFUicsXG4gIERST1BfQkVGT1JFID0gJ0RST1BfQkVGT1JFJyxcbiAgRFJPUF9JTlRPID0gJ0RST1BfSU5UTycsXG59XG5cbmV4cG9ydCBjbGFzcyBOZ2N4VHJlZUNvbnRyb2w8VCBleHRlbmRzIE5nY3hUcmVlTm9kZT4gZXh0ZW5kcyBOZXN0ZWRUcmVlQ29udHJvbDxcbiAgTmdjeFRyZWVOb2RlV3JhcHBlcjxUPixcbiAgc3RyaW5nXG4+IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSB0cmVlQ29tcG9uZW50OiBOZ2N4VHJlZUNvbXBvbmVudDxUPixcbiAgICBnZXRDaGlsZHJlbjogKGRhdGFOb2RlOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+KSA9PiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+W10sXG4gICAgb3B0aW9ucz86IE5lc3RlZFRyZWVDb250cm9sT3B0aW9uczxOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+LCBzdHJpbmc+XG4gICkge1xuICAgIHN1cGVyKGdldENoaWxkcmVuLCBvcHRpb25zKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBzZWxlY3QgYSBub2RlIGJ5IGlkLiB0aGUgc2VsZWN0RXZlbnQgaXMgZmlyZWQgYWZ0ZXJ3YXJkcy5cbiAgICovXG4gIHNlbGVjdE5vZGVCeUlkKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnRyZWVDb21wb25lbnQuc2VsZWN0Tm9kZSh0aGlzLmZpbmROb2RlQnlJZChpZCkpO1xuICB9XG5cbiAgLyoqXG4gICAqIGZpbmQgYSBub2RlIGJ5IGlkLlxuICAgKi9cbiAgZmluZE5vZGVCeUlkKGlkOiBzdHJpbmcpOiBOZ2N4VHJlZU5vZGVXcmFwcGVyPFQ+IHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5maW5kTm9kZUJ5SWRJbk5vZGVzKFxuICAgICAgdGhpcy50cmVlQ29tcG9uZW50LmRhdGFTb3VyY2UuZGF0YSQudmFsdWUsXG4gICAgICBpZFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGZpbmROb2RlQnlJZEluTm9kZXMoXG4gICAgbm9kZXM6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD5bXSxcbiAgICBpZDogc3RyaW5nXG4gICk6IE5nY3hUcmVlTm9kZVdyYXBwZXI8VD4gfCB1bmRlZmluZWQge1xuICAgIGZvciAoY29uc3Qgbm9kZSBvZiBub2Rlcykge1xuICAgICAgaWYgKG5vZGUuaWQgPT09IGlkKSB7XG4gICAgICAgIHJldHVybiBub2RlO1xuICAgICAgfVxuICAgICAgaWYgKG5vZGUuY2hpbGRyZW4/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgY29uc3QgZm91bmROb2RlID0gdGhpcy5maW5kTm9kZUJ5SWRJbk5vZGVzKG5vZGUuY2hpbGRyZW4sIGlkKTtcbiAgICAgICAgaWYgKGZvdW5kTm9kZSkge1xuICAgICAgICAgIHJldHVybiBmb3VuZE5vZGU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG59XG5cbmNsYXNzIERyb3Bab25lSW5mbyB7XG4gIGRyb3BUeXBlOiBEcm9wVHlwZTtcbiAgbm9kZUlkOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoaWQ6IHN0cmluZykge1xuICAgIGNvbnN0IHBvcyA9IGlkLmluZGV4T2YoJ18nKTtcbiAgICB0aGlzLm5vZGVJZCA9IGlkLnN1YnN0cmluZygwLCBwb3MpO1xuICAgIHRoaXMuZHJvcFR5cGUgPSA8RHJvcFR5cGU+aWQuc3Vic3RyaW5nKHBvcyArIDEpO1xuICB9XG59XG4iLCI8Y2RrLXRyZWVcbiAgI3RyZWVcbiAgY2xhc3M9XCJuZ2N4LXRyZWVcIlxuICAqbmdJZj1cImRhdGFTb3VyY2VcIlxuICBbZGF0YVNvdXJjZV09XCJkYXRhU291cmNlXCJcbiAgW3RyZWVDb250cm9sXT1cInRyZWVDb250cm9sXCJcbiAgY2RrRHJvcExpc3RHcm91cFxuICBbY2xhc3MuZHJhZ2dpbmddPVwiZHJhZ2dpbmdcIlxuICAoa2V5dXAuYXJyb3d1cCk9XCJrZXlEb3duQXJyb3dVcCgkZXZlbnQpXCJcbiAgKGtleWRvd24uYXJyb3dkb3duKT1cImtleURvd25BcnJvd0Rvd24oJGV2ZW50KVwiXG4gIChrZXlkb3duLmFycm93bGVmdCk9XCJrZXlEb3duQXJyb3dMZWZ0KCRldmVudClcIlxuICAoa2V5ZG93bi5hcnJvd3JpZ2h0KT1cImtleURvd25BcnJvd1JpZ2h0KCRldmVudClcIlxuICB0YWJpbmRleD1cIjBcIj5cbiAgPGNkay1uZXN0ZWQtdHJlZS1ub2RlICpjZGtUcmVlTm9kZURlZj1cImxldCBub2RlXCIgY2xhc3M9XCJ0cmVlLW5vZGVcIj5cbiAgICA8ZGl2XG4gICAgICBjZGtEcm9wTGlzdFxuICAgICAgW2lkXT1cIm5vZGUuaWQgKyAnXycgKyBEcm9wVHlwZS5EUk9QX0FGVEVSXCJcbiAgICAgIGNsYXNzPVwidHJlZS1ub2RlLWNvbnRhaW5lci1kcm9wLXpvbmUgYWZ0ZXItZXhwYW5kZWQtbm9kZVwiXG4gICAgICBbY2xhc3MuaGlkZV09XCJcbiAgICAgICAgIWFsbG93RHJvcChub2RlLCBEcm9wVHlwZS5EUk9QX0FGVEVSKSB8fCAhdHJlZUNvbnRyb2wuaXNFeHBhbmRlZChub2RlKVxuICAgICAgXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZHJvcC1pbnNlcnQtbGluZVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0cmVlLW5vZGUtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgIFtpZF09XCJub2RlLmlkICsgJ18nICsgRHJvcFR5cGUuRFJPUF9CRUZPUkVcIlxuICAgICAgICBjbGFzcz1cInRyZWUtbm9kZS1jb250YWluZXItZHJvcC16b25lIGJlZm9yZS1ub2RlXCJcbiAgICAgICAgW2NsYXNzLmhpZGVdPVwiXG4gICAgICAgICAgIW5vZGUuaXNGaXJzdENoaWxkIHx8ICFhbGxvd0Ryb3Aobm9kZSwgRHJvcFR5cGUuRFJPUF9CRUZPUkUpXG4gICAgICAgIFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcC1pbnNlcnQtbGluZVwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNka0Ryb3BMaXN0XG4gICAgICAgIFtpZF09XCJub2RlLmlkICsgJ18nICsgRHJvcFR5cGUuRFJPUF9JTlRPXCJcbiAgICAgICAgY2xhc3M9XCJ0cmVlLW5vZGUtY29udGFpbmVyLWRyb3Atem9uZSBpbnRvLW5vZGVcIlxuICAgICAgICBbY2xhc3MuaGlkZV09XCIhYWxsb3dEcm9wKG5vZGUsIERyb3BUeXBlLkRST1BfSU5UTylcIj48L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2RrRHJvcExpc3RcbiAgICAgICAgW2lkXT1cIm5vZGUuaWQgKyAnXycgKyBEcm9wVHlwZS5EUk9QX0FGVEVSXCJcbiAgICAgICAgY2xhc3M9XCJ0cmVlLW5vZGUtY29udGFpbmVyLWRyb3Atem9uZSBhZnRlci1ub2RlXCJcbiAgICAgICAgW2NsYXNzLmxhc3RdPVwibm9kZS5pc0xhc3RDaGlsZFwiXG4gICAgICAgIFtjbGFzcy5oaWRlXT1cIlxuICAgICAgICAgIHRyZWVDb250cm9sLmlzRXhwYW5kZWQobm9kZSkgfHwgIWFsbG93RHJvcChub2RlLCBEcm9wVHlwZS5EUk9QX0FGVEVSKVxuICAgICAgICBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRyb3AtaW5zZXJ0LWxpbmVcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICBbY2RrRHJvcExpc3REYXRhXT1cIm5vZGVcIlxuICAgICAgICBbY2RrRHJvcExpc3RFbnRlclByZWRpY2F0ZV09XCJkaXNhYmxlXCJcbiAgICAgICAgW2Nka0Ryb3BMaXN0U29ydFByZWRpY2F0ZV09XCJkaXNhYmxlXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjZGtEcmFnXG4gICAgICAgICAgW2Nka0RyYWdEaXNhYmxlZF09XCJkaXNhYmxlRHJhZyhub2RlKVwiXG4gICAgICAgICAgW2Nka0RyYWdEYXRhXT1cIm5vZGVcIlxuICAgICAgICAgIChjZGtEcmFnU3RhcnRlZCk9XCJkcmFnZ2luZyA9IG5vZGVcIlxuICAgICAgICAgIChjZGtEcmFnUmVsZWFzZWQpPVwiaGFuZGxlRHJhZ1JlbGVhc2UoJGV2ZW50KVwiPlxuICAgICAgICAgIDxkaXYgKmNka0RyYWdQbGFjZWhvbGRlcj48L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInRyZWUtbm9kZS1jb250ZW50LWNvbnRhaW5lclwiXG4gICAgICAgICAgICBbY2xhc3MuZmlyc3RdPVwibm9kZS5pc0ZpcnN0Q2hpbGRcIlxuICAgICAgICAgICAgW2NsYXNzLmxhc3RdPVwibm9kZS5pc0xhc3RDaGlsZFwiXG4gICAgICAgICAgICBbY2xhc3MuZXhwYW5kZWRdPVwidHJlZUNvbnRyb2wuaXNFeHBhbmRlZChub2RlKVwiPlxuICAgICAgICAgICAgPG5nY3gtdHJlZS1ub2RlXG4gICAgICAgICAgICAgIHN0eWxlPVwid2lkdGg6IDEwMCVcIlxuICAgICAgICAgICAgICBbbm9kZVdyYXBwZXJdPVwibm9kZVwiXG4gICAgICAgICAgICAgIFtpc1NlbGVjdGVkXT1cIm5vZGUuaWQgPT09IHNlbGVjdGVkTm9kZT8uaWRcIlxuICAgICAgICAgICAgICBbdHJlZUNvbnRyb2xdPVwidHJlZUNvbnRyb2xcIlxuICAgICAgICAgICAgICBbdHJlZUNvbmZpZ109XCJjb25maWdcIlxuICAgICAgICAgICAgICAoY3VzdG9tRXZlbnQpPVwiY3VzdG9tRXZlbnQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgKGNsaWNrRXZlbnQpPVwibm9kZUNsaWNrZWQobm9kZSlcIj48L25nY3gtdHJlZS1ub2RlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nY3gtdHJlZS1ub2RlXG4gICAgICAgICAgKm5nSWY9XCJub2RlLmlkID09PSBkcmFnZ2luZz8uaWRcIlxuICAgICAgICAgIFtub2RlV3JhcHBlcl09XCJub2RlXCJcbiAgICAgICAgICBbdHJlZUNvbnRyb2xdPVwidHJlZUNvbnRyb2xcIlxuICAgICAgICAgIFt0cmVlQ29uZmlnXT1cImNvbmZpZ1wiPjwvbmdjeC10cmVlLW5vZGU+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cInRyZWVDb250cm9sLmlzRXhwYW5kZWQobm9kZSlcIlxuICAgICAgY2xhc3M9XCJ0cmVlLW5vZGUtY2hpbGRyZW4tY29udGFpbmVyXCJcbiAgICAgIFtjbGFzcy5maXJzdF09XCJub2RlLmlzRmlyc3RDaGlsZFwiXG4gICAgICBbY2xhc3MubGFzdF09XCJub2RlLmlzTGFzdENoaWxkXCI+XG4gICAgICA8ZGl2IGNka1RyZWVOb2RlT3V0bGV0PjwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Nkay1uZXN0ZWQtdHJlZS1ub2RlPlxuPC9jZGstdHJlZT5cbiJdfQ==

package/fesm2022/cluetec-ngcx-tree.mjs CHANGED Viewed

@@ -42,10 +42,10 @@ class NgcxTreeNodeComponent {
         this.ngUnsubscribe.next(undefined);
         this.ngUnsubscribe.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NgcxTreeNodeComponent, isStandalone: true, selector: "ngcx-tree-node", inputs: { nodeWrapper: "nodeWrapper", treeControl: "treeControl", treeConfig: "treeConfig", isSelected: "isSelected" }, outputs: { customEvent: "customEvent", clickEvent: "clickEvent" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: NgcxTreeNodeComponent, isStandalone: true, selector: "ngcx-tree-node", inputs: { nodeWrapper: "nodeWrapper", treeControl: "treeControl", treeConfig: "treeConfig", isSelected: "isSelected" }, outputs: { customEvent: "customEvent", clickEvent: "clickEvent" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngcx-tree-node', standalone: true, imports: [CdkTreeModule, NgTemplateOutlet, NgIf], template: "<div\n  class=\"tree-node-content-container\"\n  [class.selected]=\"isSelected\"\n  [class.first]=\"nodeWrapper.isFirstChild\"\n  [class.last]=\"nodeWrapper.isLastChild\"\n  [class.is-selectable]=\"nodeWrapper.isSelectable\"\n  (click)=\"clickEvent.emit()\">\n  <div class=\"tree-node-expand-container\">\n    <button\n      *ngIf=\"nodeWrapper.children.length > 0\"\n      class=\"tree-node-expand\"\n      cdkTreeNodeToggle\n      [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n      (click)=\"$event.preventDefault()\">\n      <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n        <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n          <path\n            d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n            style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n        </svg>\n      </div>\n    </button>\n  </div>\n  <div class=\"small-horizontal-tree-line\"></div>\n  <div class=\"tree-node-icon-container\" *ngIf=\"nodeWrapper.data.faIcon\">\n    <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n  </div>\n  <div class=\"tree-node-content\">\n    <span\n      *ngIf=\"\n        !treeConfig?.treeNodeContentComponent &&\n        !treeConfig?.treeNodeContentTemplate\n      \">\n      {{ nodeWrapper.data.title }}\n    </span>\n    <ng-container #ref></ng-container>\n    <ng-container *ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          template;\n          context: {\n            nodeWrapper: nodeWrapper\n          }\n        \"></ng-container>\n    </ng-container>\n  </div>\n</div>\n", styles: [".tree-node-content-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.tree-node-content-container.is-selectable{cursor:pointer}.tree-node-content-container .tree-node-expand-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px}.tree-node-content-container .tree-node-expand-container>.tree-node-expand{color:#2587be;background:none;border:none;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron{width:10px;transition:transform .1s ease-in-out}.tree-node-content-container .tree-node-expand-container>.tree-node-expand .chevron.rotate{transform:rotate(90deg)}.tree-node-content-container .tree-node-icon-container{margin-right:7px;color:#2587be}\n"] }]
         }], propDecorators: { nodeWrapper: [{
@@ -81,14 +81,15 @@ class NgcxTreeComponent {
         this.customEvent = new EventEmitter();
         this.clickEvent = new EventEmitter();
         this.selectEvent = new EventEmitter();
-        this.api = new NgcxTreeControl(this);
-        this.dataSource = new NgcxTreeDataSource([]);
-        this.treeControl = new NestedTreeControl((node) => node.children, {
+        /**
+         * Api for finding and selecting node. Extends from the CDK treeControl for expanding/collapsing the tree
+         */
+        this.treeControl = new NgcxTreeControl(this, (node) => node.children, {
             trackBy: (node) => node.id,
         });
+        this.dataSource = new NgcxTreeDataSource([]);
         this.DropType = DropType;
         this.disable = () => false;
-        this.hasChild = (_, node) => node.children.length > 0;
     }
     ngOnInit() {
         this.updateTree();
@@ -101,7 +102,7 @@ class NgcxTreeComponent {
             }
             if (this.selectedNode) {
                 const selectedNodeId = this.selectedNode.id;
-                setTimeout(() => this.api.selectNodeById(selectedNodeId));
+                setTimeout(() => this.treeControl.selectNodeById(selectedNodeId));
             }
         }
     }
@@ -175,7 +176,6 @@ class NgcxTreeComponent {
         return this.config?.allowDrag ? !this.config.allowDrag(node) : false;
     }
     keyDownArrowUp(event) {
-        console.log('arrow up');
         if (this.selectedNode) {
             if (!this.selectedNode.isFirstChild) {
                 this.selectNode(this.selectedNode.previous);
@@ -210,10 +210,15 @@ class NgcxTreeComponent {
         event.preventDefault();
     }
     keyDownArrowLeft(event) {
-        if (this.selectedNode?.parent) {
-            this.selectNode(this.selectedNode.parent);
+        if (this.selectedNode) {
+            if (this.treeControl.isExpanded(this.selectedNode)) {
+                this.treeControl.collapse(this.selectedNode);
+            }
+            else if (this.selectedNode?.parent) {
+                this.selectNode(this.selectedNode.parent);
+            }
         }
-        else if (!this.selectedNode) {
+        else {
             const nodes = this.dataSource.data$.value;
             if (nodes.length > 0) {
                 this.selectNode(nodes[0]);
@@ -235,7 +240,7 @@ class NgcxTreeComponent {
     }
     keyEscapeWhileDragging() {
         if (this.dragging) {
-            this.canceledByEsq = true;
+            this.canceledByEsc = true;
             document.dispatchEvent(new Event('mouseup'));
         }
     }
@@ -248,14 +253,14 @@ class NgcxTreeComponent {
             return;
         }
         const dropZoneInfo = new DropZoneInfo(dropZoneId);
-        const toNode = this.api.findNodeById(dropZoneInfo.nodeId);
+        const toNode = this.treeControl.findNodeById(dropZoneInfo.nodeId);
         if (!toNode) {
             console.error(`node with id '${dropZoneInfo.nodeId}' could not be found`);
             return;
         }
         // dropType undefined can happen if dropped directly without moving
-        if (this.canceledByEsq || dropZoneInfo.dropType === undefined) {
-            this.canceledByEsq = false;
+        if (this.canceledByEsc || dropZoneInfo.dropType === undefined) {
+            this.canceledByEsc = false;
             return;
         }
         const insertIntoNode = dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent;
@@ -324,12 +329,12 @@ class NgcxTreeComponent {
             this.selectEvent.emit(this.selectedNode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NgcxTreeComponent, isStandalone: true, selector: "ngcx-tree", inputs: { nodes: "nodes", config: "config" }, outputs: { nodeMoved: "nodeMoved", customEvent: "customEvent", clickEvent: "clickEvent", selectEvent: "selectEvent" }, host: { listeners: { "window:keydown.escape": "keyEscapeWhileDragging()" } }, usesOnChanges: true, ngImport: i0, template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !dragging ||\n        !allowDrop(node, DropType.DROP_AFTER) ||\n        !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !dragging ||\n          !node.isFirstChild ||\n          !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!dragging || !allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          !dragging ||\n          treeControl.isExpanded(node) ||\n          !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkNestedTreeNode, selector: "cdk-nested-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i1.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "component", type: i1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i1.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: NgcxTreeNodeComponent, selector: "ngcx-tree-node", inputs: ["nodeWrapper", "treeControl", "treeConfig", "isSelected"], outputs: ["customEvent", "clickEvent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: NgcxTreeComponent, isStandalone: true, selector: "ngcx-tree", inputs: { nodes: "nodes", config: "config" }, outputs: { nodeMoved: "nodeMoved", customEvent: "customEvent", clickEvent: "clickEvent", selectEvent: "selectEvent" }, host: { listeners: { "window:keydown.escape": "keyEscapeWhileDragging()" } }, usesOnChanges: true, ngImport: i0, template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !allowDrop(node, DropType.DROP_AFTER) || !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !node.isFirstChild || !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          treeControl.isExpanded(node) || !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node,.tree-node-container-drop-zone.cdk-drop-list-dragging.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line,.tree-node-container-drop-zone.cdk-drop-list-dragging .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i1.CdkNestedTreeNode, selector: "cdk-nested-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["cdkNestedTreeNode"] }, { kind: "directive", type: i1.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "component", type: i1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "trackBy"], exportAs: ["cdkTree"] }, { kind: "directive", type: i1.CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: NgcxTreeNodeComponent, selector: "ngcx-tree-node", inputs: ["nodeWrapper", "treeControl", "treeConfig", "isSelected"], outputs: ["customEvent", "clickEvent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NgcxTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: NgcxTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngcx-tree', standalone: true, imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf], template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !dragging ||\n        !allowDrop(node, DropType.DROP_AFTER) ||\n        !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !dragging ||\n          !node.isFirstChild ||\n          !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!dragging || !allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          !dragging ||\n          treeControl.isExpanded(node) ||\n          !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"] }]
+            args: [{ selector: 'ngcx-tree', standalone: true, imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf], template: "<cdk-tree\n  #tree\n  class=\"ngcx-tree\"\n  *ngIf=\"dataSource\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  cdkDropListGroup\n  [class.dragging]=\"dragging\"\n  (keyup.arrowup)=\"keyDownArrowUp($event)\"\n  (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n  (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n  (keydown.arrowright)=\"keyDownArrowRight($event)\"\n  tabindex=\"0\">\n  <cdk-nested-tree-node *cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n    <div\n      cdkDropList\n      [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n      class=\"tree-node-container-drop-zone after-expanded-node\"\n      [class.hide]=\"\n        !allowDrop(node, DropType.DROP_AFTER) || !treeControl.isExpanded(node)\n      \">\n      <div class=\"drop-insert-line\"></div>\n    </div>\n    <div class=\"tree-node-container\">\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n        class=\"tree-node-container-drop-zone before-node\"\n        [class.hide]=\"\n          !node.isFirstChild || !allowDrop(node, DropType.DROP_BEFORE)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_INTO\"\n        class=\"tree-node-container-drop-zone into-node\"\n        [class.hide]=\"!allowDrop(node, DropType.DROP_INTO)\"></div>\n      <div\n        cdkDropList\n        [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n        class=\"tree-node-container-drop-zone after-node\"\n        [class.last]=\"node.isLastChild\"\n        [class.hide]=\"\n          treeControl.isExpanded(node) || !allowDrop(node, DropType.DROP_AFTER)\n        \">\n        <div class=\"drop-insert-line\"></div>\n      </div>\n      <div\n        cdkDropList\n        [cdkDropListData]=\"node\"\n        [cdkDropListEnterPredicate]=\"disable\"\n        [cdkDropListSortPredicate]=\"disable\">\n        <div\n          cdkDrag\n          [cdkDragDisabled]=\"disableDrag(node)\"\n          [cdkDragData]=\"node\"\n          (cdkDragStarted)=\"dragging = node\"\n          (cdkDragReleased)=\"handleDragRelease($event)\">\n          <div *cdkDragPlaceholder></div>\n          <div\n            class=\"tree-node-content-container\"\n            [class.first]=\"node.isFirstChild\"\n            [class.last]=\"node.isLastChild\"\n            [class.expanded]=\"treeControl.isExpanded(node)\">\n            <ngcx-tree-node\n              style=\"width: 100%\"\n              [nodeWrapper]=\"node\"\n              [isSelected]=\"node.id === selectedNode?.id\"\n              [treeControl]=\"treeControl\"\n              [treeConfig]=\"config\"\n              (customEvent)=\"customEvent.emit($event)\"\n              (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n          </div>\n        </div>\n        <ngcx-tree-node\n          *ngIf=\"node.id === dragging?.id\"\n          [nodeWrapper]=\"node\"\n          [treeControl]=\"treeControl\"\n          [treeConfig]=\"config\"></ngcx-tree-node>\n      </div>\n    </div>\n    <div\n      *ngIf=\"treeControl.isExpanded(node)\"\n      class=\"tree-node-children-container\"\n      [class.first]=\"node.isFirstChild\"\n      [class.last]=\"node.isLastChild\">\n      <div cdkTreeNodeOutlet></div>\n    </div>\n  </cdk-nested-tree-node>\n</cdk-tree>\n", styles: [".ngcx-tree{height:auto}.ngcx-tree ul,.ngcx-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.tree-node{display:flex;flex-direction:column;position:relative}.tree-node .tree-node{margin-left:20px}.tree-node-container{width:100%;min-height:30px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:default}.tree-node-container .tree-node-content-container{width:100%}.tree-node-container .cdk-drag{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.tree-node-container-drop-zone{height:100%;left:25px;right:5px;position:absolute;z-index:1;display:flex;justify-content:center;flex-direction:column}.tree-node-container-drop-zone:hover.into-node,.tree-node-container-drop-zone.cdk-drop-list-dragging.into-node{border:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone:hover .drop-insert-line,.tree-node-container-drop-zone.cdk-drop-list-dragging .drop-insert-line{border-top:1.5px dashed rgba(0,0,0,.5)}.tree-node-container-drop-zone.hide{height:0!important}.tree-node-container-drop-zone.hide .drop-insert-line{border-top:solid transparent 0px!important}.tree-node-container-drop-zone.before-node{height:20px;z-index:2;top:-10px}.tree-node-container-drop-zone.after-node{height:20px;z-index:3;top:calc(100% - 10px)}.tree-node-container-drop-zone.after-node.last{height:10px}.tree-node-container-drop-zone.after-expanded-node{position:absolute;height:20px;z-index:3;bottom:-10px;display:flex;justify-content:center;flex-direction:column}\n"] }]
         }], propDecorators: { nodes: [{
                 type: Input
             }], config: [{
@@ -352,16 +357,20 @@ var DropType;
     DropType["DROP_BEFORE"] = "DROP_BEFORE";
     DropType["DROP_INTO"] = "DROP_INTO";
 })(DropType || (DropType = {}));
-class NgcxTreeControl {
-    constructor(treeComponent) {
+class NgcxTreeControl extends NestedTreeControl {
+    constructor(treeComponent, getChildren, options) {
+        super(getChildren, options);
         this.treeComponent = treeComponent;
     }
-    get treeControl() {
-        return this.treeComponent.treeControl;
-    }
+    /**
+     * select a node by id. the selectEvent is fired afterwards.
+     */
     selectNodeById(id) {
         this.treeComponent.selectNode(this.findNodeById(id));
     }
+    /**
+     * find a node by id.
+     */
     findNodeById(id) {
         return this.findNodeByIdInNodes(this.treeComponent.dataSource.data$.value, id);
     }

package/fesm2022/cluetec-ngcx-tree.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cluetec-ngcx-tree.mjs","sources":["../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-data.source.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.html","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-utils.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree.component.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree.component.html","../../../projects/ngcx-tree/src/public-api.ts","../../../projects/ngcx-tree/src/cluetec-ngcx-tree.ts"],"sourcesContent":["import { DataSource } from '@angular/cdk/collections';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nexport class NgcxTreeDataSource<T> extends DataSource<T> {\n data$: BehaviorSubject<T[]>;\n\n constructor(data: T[]) {\n super();\n this.data$ = new BehaviorSubject(data);\n }\n\n connect(): Observable<readonly T[]> {\n return this.data$.asObservable();\n }\n disconnect(): void {}\n\n update(data: T[]) {\n this.data$.next([...data]);\n }\n}\n","import { CdkTreeModule, NestedTreeControl } from '@angular/cdk/tree';\nimport {\n Component,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { NgcxTreeConfig, NgcxTreeNodeWrapper } from '../ngcx-tree-models';\n\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'ngcx-tree-node',\n templateUrl: './ngcx-tree-node.component.html',\n styleUrls: ['./ngcx-tree-node.component.scss'],\n standalone: true,\n imports: [CdkTreeModule, NgTemplateOutlet, NgIf],\n})\nexport class NgcxTreeNodeComponent implements OnInit, OnDestroy {\n @Input() nodeWrapper!: NgcxTreeNodeWrapper<any>;\n @Input() treeControl!: NestedTreeControl<NgcxTreeNodeWrapper<any>, string>;\n @Input() treeConfig?: NgcxTreeConfig<any>;\n @Input() isSelected = false;\n\n @Output() customEvent = new EventEmitter<any>();\n @Output() clickEvent = new EventEmitter<void>();\n\n @ViewChild('ref', { read: ViewContainerRef, static: true })\n vcRef?: ViewContainerRef;\n\n ngUnsubscribe = new Subject();\n\n ngOnInit() {\n if (this.vcRef && this.treeConfig?.treeNodeContentComponent) {\n const nodeComponent = this.vcRef.createComponent(\n this.treeConfig.treeNodeContentComponent\n );\n nodeComponent.instance.nodeWrapper = this.nodeWrapper;\n\n nodeComponent.instance.customEvent\n ?.pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((value: any) => this.customEvent.emit(value));\n }\n }\n\n ngOnDestroy(): void {\n this.ngUnsubscribe.next(undefined);\n this.ngUnsubscribe.complete();\n }\n}\n","<div\n class=\"tree-node-content-container\"\n [class.selected]=\"isSelected\"\n [class.first]=\"nodeWrapper.isFirstChild\"\n [class.last]=\"nodeWrapper.isLastChild\"\n [class.is-selectable]=\"nodeWrapper.isSelectable\"\n (click)=\"clickEvent.emit()\">\n <div class=\"tree-node-expand-container\">\n <button\n ngIf=\"nodeWrapper.children.length > 0\"\n class=\"tree-node-expand\"\n cdkTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n (click)=\"$event.preventDefault()\">\n <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n <path\n d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n </svg>\n </div>\n </button>\n </div>\n <div class=\"small-horizontal-tree-line\"></div>\n <div class=\"tree-node-icon-container\" ngIf=\"nodeWrapper.data.faIcon\">\n <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n </div>\n <div class=\"tree-node-content\">\n <span\n ngIf=\"\n !treeConfig?.treeNodeContentComponent &&\n !treeConfig?.treeNodeContentTemplate\n \">\n {{ nodeWrapper.data.title }}\n </span>\n <ng-container #ref></ng-container>\n <ng-container ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n <ng-container\n ngTemplateOutlet=\"\n template;\n context: {\n nodeWrapper: nodeWrapper\n }\n \"></ng-container>\n </ng-container>\n </div>\n</div>\n","import { NgcxTreeNodeWrapper } from './ngcx-tree-models';\n\nexport const isParentOf = (\n parent: NgcxTreeNodeWrapper<any>,\n node: NgcxTreeNodeWrapper<any>\n): boolean => {\n if (!node.parent) {\n return false;\n }\n if (parent.id === node.parent.id) {\n return true;\n }\n return isParentOf(parent, node.parent);\n};\n","import {\n CdkDrag,\n CdkDragRelease,\n CdkDropList,\n DragDropModule,\n} from '@angular/cdk/drag-drop';\nimport { CdkTreeModule, NestedTreeControl } from '@angular/cdk/tree';\nimport { NgIf } from '@angular/common';\nimport {\n Component,\n EventEmitter,\n HostListener,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { NgcxTreeDataSource } from './ngcx-tree-data.source';\nimport {\n NgcxTreeApi,\n NgcxTreeConfig,\n NgcxTreeNode,\n NgcxTreeNodeMovedEvent,\n NgcxTreeNodeWrapper,\n} from './ngcx-tree-models';\nimport { NgcxTreeNodeComponent } from './ngcx-tree-node/ngcx-tree-node.component';\nimport { isParentOf } from './ngcx-tree-utils';\n\n@Component({\n selector: 'ngcx-tree',\n templateUrl: 'ngcx-tree.component.html',\n styleUrls: ['ngcx-tree.component.scss'],\n standalone: true,\n imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf],\n})\nexport class NgcxTreeComponent implements OnChanges, OnInit {\n @Input() nodes?: NgcxTreeNode[];\n @Input() config?: NgcxTreeConfig<any>;\n\n @Output() nodeMoved = new EventEmitter<NgcxTreeNodeMovedEvent<any>>();\n @Output() customEvent = new EventEmitter<any>();\n @Output() clickEvent = new EventEmitter<NgcxTreeNodeWrapper<any>>();\n @Output() selectEvent = new EventEmitter<NgcxTreeNodeWrapper<any>>();\n\n public readonly api: NgcxTreeApi<any> = new NgcxTreeControl(this);\n\n dataSource: NgcxTreeDataSource<NgcxTreeNodeWrapper<any>> =\n new NgcxTreeDataSource<NgcxTreeNodeWrapper<any>>([]);\n treeControl: NestedTreeControl<NgcxTreeNodeWrapper<any>, string> =\n new NestedTreeControl<NgcxTreeNodeWrapper<any>, string>(\n (node) => node.children,\n {\n trackBy: (node: NgcxTreeNodeWrapper<any>) => node.id,\n }\n );\n dragging?: NgcxTreeNodeWrapper<any>;\n\n selectedNode?: NgcxTreeNodeWrapper<any>;\n\n DropType = DropType;\n\n disable = () => false;\n\n private canceledByEsq?: boolean;\n\n ngOnInit(): void {\n this.updateTree();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['nodes']) {\n if (this.treeControl) {\n // initialized already\n this.updateTree();\n }\n if (this.selectedNode) {\n const selectedNodeId = this.selectedNode.id;\n setTimeout(() => this.api.selectNodeById(selectedNodeId));\n }\n }\n }\n\n updateTree() {\n const wrapperNodes = this.createWrapperNodes(this.nodes ?? []);\n this.dataSource = new NgcxTreeDataSource(wrapperNodes);\n this.treeControl.dataNodes = this.dataSource.data$.value;\n }\n\n createWrapperNodes(\n nodes: NgcxTreeNode[],\n parent?: NgcxTreeNodeWrapper<any>,\n depth: number = 0\n ): NgcxTreeNodeWrapper<any>[] {\n const childCount = nodes.length;\n const wrapperNodes = nodes.map((node, idx) => {\n const nodeWrapper: NgcxTreeNodeWrapper<any> = {\n id: node.id,\n data: node,\n isFirstChild: idx === 0,\n isLastChild: idx === childCount - 1,\n index: idx,\n parent: parent,\n depth: depth,\n children: [],\n };\n nodeWrapper.children = node.children\n ? this.createWrapperNodes(node.children, nodeWrapper, depth + 1)\n : [];\n\n return nodeWrapper;\n });\n wrapperNodes.forEach((wrapperNode) => {\n if (!wrapperNode.isLastChild) {\n wrapperNode.next = wrapperNodes[wrapperNode.index + 1];\n }\n if (!wrapperNode.isFirstChild) {\n wrapperNode.previous = wrapperNodes[wrapperNode.index - 1];\n }\n if (this.config?.allowSelection?.(wrapperNode)) {\n wrapperNode.isSelectable = true;\n }\n });\n return wrapperNodes;\n }\n\n hasChild = (_: number, node: NgcxTreeNodeWrapper<any>) =>\n node.children.length > 0;\n\n allowDrop(dropNode: NgcxTreeNodeWrapper<any>, dropType: DropType): boolean {\n if (\n !this.dragging \|\|\n this.dragging.id === dropNode.id \|\|\n isParentOf(this.dragging, dropNode)\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_INTO &&\n dropNode.id === this.dragging.parent?.id\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_AFTER &&\n dropNode.next?.id === this.dragging.id\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_BEFORE &&\n dropNode.previous?.id === this.dragging.id\n ) {\n return false;\n }\n\n const intoNode =\n dropType == DropType.DROP_INTO ? dropNode : dropNode.parent;\n if (this.config?.allowDrop) {\n return this.config.allowDrop(this.dragging, intoNode);\n }\n return true;\n }\n\n // prevent drop directly after a node on same level, that is expanded\n sortPredicate(): (\n index: number,\n drag: CdkDrag,\n drop: CdkDropList\n ) => boolean {\n return (\n index: number,\n _drag: CdkDrag<NgcxTreeNodeWrapper<any>>,\n drop: CdkDropList<NgcxTreeNodeWrapper<any>>\n ) => {\n return index == 0 \|\| !this.treeControl.isExpanded(drop.data);\n };\n }\n\n disableDrag(node: NgcxTreeNodeWrapper<any>) {\n return this.config?.allowDrag ? !this.config.allowDrag(node) : false;\n }\n\n keyDownArrowUp(event: Event) {\n console.log('arrow up');\n\n if (this.selectedNode) {\n if (!this.selectedNode.isFirstChild) {\n this.selectNode(this.selectedNode.previous);\n } else if (this.selectedNode.parent) {\n this.selectNode(this.selectedNode.parent);\n }\n } else {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[nodes.length - 1]);\n }\n }\n event.preventDefault();\n }\n\n keyDownArrowDown(event: Event) {\n if (this.selectedNode) {\n if (!this.selectedNode.isLastChild) {\n this.selectNode(this.selectedNode.next);\n } else if (this.selectedNode.parent?.next) {\n this.selectNode(this.selectedNode.parent.next);\n }\n } else {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n keyDownArrowLeft(event: Event) {\n if (this.selectedNode?.parent) {\n this.selectNode(this.selectedNode.parent);\n } else if (!this.selectedNode) {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n keyDownArrowRight(event: Event) {\n if (this.selectedNode && this.selectedNode.children.length > 0) {\n this.selectNode(this.selectedNode.children[0]);\n } else if (!this.selectedNode) {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n @HostListener('window:keydown.escape')\n keyEscapeWhileDragging() {\n if (this.dragging) {\n this.canceledByEsq = true;\n document.dispatchEvent(new Event('mouseup'));\n }\n }\n\n handleDragRelease(event: CdkDragRelease<NgcxTreeNodeWrapper<any>>) {\n this.dragging = undefined;\n const movedNode = event.source.data;\n const dropZoneId = (<any>event.event.target).id;\n if (!dropZoneId) {\n // no valid drop zone\n return;\n }\n\n const dropZoneInfo = new DropZoneInfo(dropZoneId);\n const toNode = this.api.findNodeById(dropZoneInfo.nodeId);\n if (!toNode) {\n console.error(`node with id '${dropZoneInfo.nodeId}' could not be found`);\n return;\n }\n\n // dropType undefined can happen if dropped directly without moving\n if (this.canceledByEsq \|\| dropZoneInfo.dropType === undefined) {\n this.canceledByEsq = false;\n return;\n }\n\n const insertIntoNode =\n dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent;\n const wrapperList = insertIntoNode?.children ?? this.dataSource.data$.value;\n const addAtNodeIdx = this.findAddIndex(\n dropZoneInfo,\n insertIntoNode,\n wrapperList\n );\n\n const removedFromIdx = this.removeElementFromPreviousPosition(movedNode);\n // add element to new Position, subtract one if inserted in same list after the remove position\n (insertIntoNode?.data.children ?? this.nodes!).splice(\n movedNode.parent?.id === insertIntoNode?.id &&\n removedFromIdx < addAtNodeIdx\n ? addAtNodeIdx - 1\n : addAtNodeIdx,\n 0,\n movedNode.data\n );\n\n const afterNodeIdx = addAtNodeIdx - 1;\n const afterNode =\n afterNodeIdx > -1 && wrapperList.length > afterNodeIdx\n ? wrapperList[afterNodeIdx]\n : undefined;\n\n const beforeNode =\n addAtNodeIdx > -1 && wrapperList.length > addAtNodeIdx\n ? wrapperList[addAtNodeIdx]\n : undefined;\n this.nodeMoved.emit({\n node: movedNode,\n parent:\n dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent,\n afterNode: afterNode,\n beforeNode: beforeNode,\n });\n this.dataSource = new NgcxTreeDataSource(\n this.createWrapperNodes(this.nodes!)\n );\n this.treeControl.dataNodes = this.dataSource.data$.value;\n }\n\n private findAddIndex(\n dropZoneInfo: DropZoneInfo,\n insertIntoNode: NgcxTreeNodeWrapper<any> \| undefined,\n insertIntoList: NgcxTreeNodeWrapper<any>[]\n ) {\n if (\n insertIntoNode &&\n dropZoneInfo.dropType === DropType.DROP_INTO &&\n !insertIntoNode.data.children\n ) {\n insertIntoNode.data.children = [];\n }\n let addAtNodeIdx = 0;\n if (\n dropZoneInfo.dropType === DropType.DROP_AFTER \|\|\n dropZoneInfo.dropType === DropType.DROP_BEFORE\n ) {\n addAtNodeIdx = insertIntoList.findIndex(\n (child) => child.id === dropZoneInfo.nodeId\n );\n if (dropZoneInfo.dropType === DropType.DROP_AFTER) {\n addAtNodeIdx++;\n }\n }\n return addAtNodeIdx;\n }\n\n private removeElementFromPreviousPosition(\n movedNode: NgcxTreeNodeWrapper<any>\n ): number {\n const removeFromList = movedNode.parent?.data.children ?? this.nodes!;\n const removeIndex = removeFromList.findIndex(\n (child: any) => child.id === movedNode.id\n );\n removeFromList.splice(removeIndex, 1);\n return removeIndex;\n }\n\n nodeClicked(nodeWrapper: NgcxTreeNodeWrapper<any>) {\n this.clickEvent.emit(nodeWrapper);\n if (nodeWrapper.isSelectable) {\n this.selectedNode =\n nodeWrapper.id === this.selectedNode?.id ? undefined : nodeWrapper;\n this.selectEvent.emit(this.selectedNode);\n }\n }\n\n selectNode(nodeWrapper: NgcxTreeNodeWrapper<any> \| undefined) {\n if (!nodeWrapper \|\| nodeWrapper.isSelectable) {\n this.selectedNode = nodeWrapper;\n let expandNode = this.selectedNode?.parent;\n while (expandNode) {\n this.treeControl.expand(expandNode);\n expandNode = expandNode.parent;\n }\n this.selectEvent.emit(this.selectedNode);\n }\n }\n}\n\nenum DropType {\n DROP_AFTER = 'DROP_AFTER',\n DROP_BEFORE = 'DROP_BEFORE',\n DROP_INTO = 'DROP_INTO',\n}\n\nexport class NgcxTreeControl implements NgcxTreeApi<any> {\n constructor(private treeComponent: NgcxTreeComponent) {}\n\n get treeControl(): NestedTreeControl<NgcxTreeNodeWrapper<any>, string> {\n return this.treeComponent.treeControl;\n }\n\n selectNodeById(id: string) {\n this.treeComponent.selectNode(this.findNodeById(id));\n }\n\n findNodeById(id: string): NgcxTreeNodeWrapper<any> \| undefined {\n return this.findNodeByIdInNodes(\n this.treeComponent.dataSource.data$.value,\n id\n );\n }\n\n private findNodeByIdInNodes(\n nodes: NgcxTreeNodeWrapper<any>[],\n id: string\n ): NgcxTreeNodeWrapper<any> \| undefined {\n for (const node of nodes) {\n if (node.id === id) {\n return node;\n }\n if (node.children?.length > 0) {\n const foundNode = this.findNodeByIdInNodes(node.children, id);\n if (foundNode) {\n return foundNode;\n }\n }\n }\n\n return undefined;\n }\n}\n\nclass DropZoneInfo {\n dropType: DropType;\n nodeId: string;\n\n constructor(id: string) {\n const pos = id.indexOf('_');\n this.nodeId = id.substring(0, pos);\n this.dropType = <any>id.substring(pos + 1);\n }\n}\n","<cdk-tree\n #tree\n class=\"ngcx-tree\"\n ngIf=\"dataSource\"\n [dataSource]=\"dataSource\"\n [treeControl]=\"treeControl\"\n cdkDropListGroup\n [class.dragging]=\"dragging\"\n (keyup.arrowup)=\"keyDownArrowUp($event)\"\n (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n (keydown.arrowright)=\"keyDownArrowRight($event)\"\n tabindex=\"0\">\n <cdk-nested-tree-node cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n class=\"tree-node-container-drop-zone after-expanded-node\"\n [class.hide]=\"\n !dragging \|\|\n !allowDrop(node, DropType.DROP_AFTER) \|\|\n !treeControl.isExpanded(node)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div class=\"tree-node-container\">\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n class=\"tree-node-container-drop-zone before-node\"\n [class.hide]=\"\n !dragging \|\|\n !node.isFirstChild \|\|\n !allowDrop(node, DropType.DROP_BEFORE)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_INTO\"\n class=\"tree-node-container-drop-zone into-node\"\n [class.hide]=\"!dragging \|\| !allowDrop(node, DropType.DROP_INTO)\"></div>\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n class=\"tree-node-container-drop-zone after-node\"\n [class.last]=\"node.isLastChild\"\n [class.hide]=\"\n !dragging \|\|\n treeControl.isExpanded(node) \|\|\n !allowDrop(node, DropType.DROP_AFTER)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div\n cdkDropList\n [cdkDropListData]=\"node\"\n [cdkDropListEnterPredicate]=\"disable\"\n [cdkDropListSortPredicate]=\"disable\">\n <div\n cdkDrag\n [cdkDragDisabled]=\"disableDrag(node)\"\n [cdkDragData]=\"node\"\n (cdkDragStarted)=\"dragging = node\"\n (cdkDragReleased)=\"handleDragRelease($event)\">\n <div cdkDragPlaceholder></div>\n <div\n class=\"tree-node-content-container\"\n [class.first]=\"node.isFirstChild\"\n [class.last]=\"node.isLastChild\"\n [class.expanded]=\"treeControl.isExpanded(node)\">\n <ngcx-tree-node\n style=\"width: 100%\"\n [nodeWrapper]=\"node\"\n [isSelected]=\"node.id === selectedNode?.id\"\n [treeControl]=\"treeControl\"\n [treeConfig]=\"config\"\n (customEvent)=\"customEvent.emit($event)\"\n (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n </div>\n </div>\n <ngcx-tree-node\n ngIf=\"node.id === dragging?.id\"\n [nodeWrapper]=\"node\"\n [treeControl]=\"treeControl\"\n [treeConfig]=\"config\"></ngcx-tree-node>\n </div>\n </div>\n <div\n ngIf=\"treeControl.isExpanded(node)\"\n class=\"tree-node-children-container\"\n [class.first]=\"node.isFirstChild\"\n [class.last]=\"node.isLastChild\">\n <div cdkTreeNodeOutlet></div>\n </div>\n </cdk-nested-tree-node>\n</cdk-tree>\n","/\n Public API Surface of ngcx-tree\n /\n\nexport from './lib/ngcx-tree/ngcx-tree-models';\nexport * from './lib/ngcx-tree/ngcx-tree.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cluetec-ngcx-tree.mjs","sources":["../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-data.source.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-node/ngcx-tree-node.component.html","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree-utils.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree.component.ts","../../../projects/ngcx-tree/src/lib/ngcx-tree/ngcx-tree.component.html","../../../projects/ngcx-tree/src/public-api.ts","../../../projects/ngcx-tree/src/cluetec-ngcx-tree.ts"],"sourcesContent":["import { DataSource } from '@angular/cdk/collections';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nexport class NgcxTreeDataSource<T> extends DataSource<T> {\n data$: BehaviorSubject<T[]>;\n\n constructor(data: T[]) {\n super();\n this.data$ = new BehaviorSubject(data);\n }\n\n connect(): Observable<readonly T[]> {\n return this.data$.asObservable();\n }\n disconnect(): void {}\n\n update(data: T[]) {\n this.data$.next([...data]);\n }\n}\n","import { CdkTreeModule, NestedTreeControl } from '@angular/cdk/tree';\nimport {\n Component,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { NgcxTreeConfig, NgcxTreeNodeWrapper } from '../ngcx-tree-models';\n\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'ngcx-tree-node',\n templateUrl: './ngcx-tree-node.component.html',\n styleUrls: ['./ngcx-tree-node.component.scss'],\n standalone: true,\n imports: [CdkTreeModule, NgTemplateOutlet, NgIf],\n})\nexport class NgcxTreeNodeComponent implements OnInit, OnDestroy {\n @Input() nodeWrapper!: NgcxTreeNodeWrapper<any>;\n @Input() treeControl!: NestedTreeControl<NgcxTreeNodeWrapper<any>, string>;\n @Input() treeConfig?: NgcxTreeConfig<any>;\n @Input() isSelected = false;\n\n @Output() customEvent = new EventEmitter<any>();\n @Output() clickEvent = new EventEmitter<void>();\n\n @ViewChild('ref', { read: ViewContainerRef, static: true })\n vcRef?: ViewContainerRef;\n\n ngUnsubscribe = new Subject();\n\n ngOnInit() {\n if (this.vcRef && this.treeConfig?.treeNodeContentComponent) {\n const nodeComponent = this.vcRef.createComponent(\n this.treeConfig.treeNodeContentComponent\n );\n nodeComponent.instance.nodeWrapper = this.nodeWrapper;\n\n nodeComponent.instance.customEvent\n ?.pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((value: any) => this.customEvent.emit(value));\n }\n }\n\n ngOnDestroy(): void {\n this.ngUnsubscribe.next(undefined);\n this.ngUnsubscribe.complete();\n }\n}\n","<div\n class=\"tree-node-content-container\"\n [class.selected]=\"isSelected\"\n [class.first]=\"nodeWrapper.isFirstChild\"\n [class.last]=\"nodeWrapper.isLastChild\"\n [class.is-selectable]=\"nodeWrapper.isSelectable\"\n (click)=\"clickEvent.emit()\">\n <div class=\"tree-node-expand-container\">\n <button\n ngIf=\"nodeWrapper.children.length > 0\"\n class=\"tree-node-expand\"\n cdkTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + nodeWrapper.data.title\"\n (click)=\"$event.preventDefault()\">\n <div class=\"chevron\" [class.rotate]=\"treeControl.isExpanded(nodeWrapper)\">\n <svg id=\"a\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 9\">\n <path\n d=\"m2.83.09l4.2,4.2c.05.05.09.14.09.21s-.04.15-.09.21l-4.2,4.2c-.05.05-.14.09-.21.09s-.15-.04-.21-.09l-.45-.45c-.05-.05-.09-.13-.09-.21,0-.07.04-.15.09-.21l3.54-3.54L1.97.96c-.05-.05-.09-.14-.09-.21s.04-.15.09-.21l.45-.45c.05-.05.14-.09.21-.09s.15.04.21.09Z\"\n style=\"fill: var(--icon-color, #333); stroke-width: 0px\" />\n </svg>\n </div>\n </button>\n </div>\n <div class=\"small-horizontal-tree-line\"></div>\n <div class=\"tree-node-icon-container\" ngIf=\"nodeWrapper.data.faIcon\">\n <i class=\"fa\" [class]=\"nodeWrapper.data.faIcon\"></i>\n </div>\n <div class=\"tree-node-content\">\n <span\n ngIf=\"\n !treeConfig?.treeNodeContentComponent &&\n !treeConfig?.treeNodeContentTemplate\n \">\n {{ nodeWrapper.data.title }}\n </span>\n <ng-container #ref></ng-container>\n <ng-container ngIf=\"treeConfig?.treeNodeContentTemplate as template\">\n <ng-container\n ngTemplateOutlet=\"\n template;\n context: {\n nodeWrapper: nodeWrapper\n }\n \"></ng-container>\n </ng-container>\n </div>\n</div>\n","import { NgcxTreeNodeWrapper } from './ngcx-tree-models';\n\nexport const isParentOf = (\n parent: NgcxTreeNodeWrapper<any>,\n node: NgcxTreeNodeWrapper<any>\n): boolean => {\n if (!node.parent) {\n return false;\n }\n if (parent.id === node.parent.id) {\n return true;\n }\n return isParentOf(parent, node.parent);\n};\n","import {\n CdkDrag,\n CdkDragRelease,\n CdkDropList,\n DragDropModule,\n} from '@angular/cdk/drag-drop';\nimport {\n CdkTreeModule,\n NestedTreeControl,\n NestedTreeControlOptions,\n} from '@angular/cdk/tree';\nimport { NgIf } from '@angular/common';\nimport {\n Component,\n EventEmitter,\n HostListener,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { NgcxTreeDataSource } from './ngcx-tree-data.source';\nimport {\n NgcxTreeConfig,\n NgcxTreeNode,\n NgcxTreeNodeMovedEvent,\n NgcxTreeNodeWrapper,\n} from './ngcx-tree-models';\nimport { NgcxTreeNodeComponent } from './ngcx-tree-node/ngcx-tree-node.component';\nimport { isParentOf } from './ngcx-tree-utils';\n\n@Component({\n selector: 'ngcx-tree',\n templateUrl: 'ngcx-tree.component.html',\n styleUrls: ['ngcx-tree.component.scss'],\n standalone: true,\n imports: [CdkTreeModule, DragDropModule, NgcxTreeNodeComponent, NgIf],\n})\nexport class NgcxTreeComponent<T extends NgcxTreeNode>\n implements OnChanges, OnInit\n{\n @Input() nodes?: NgcxTreeNode[];\n @Input() config?: NgcxTreeConfig<T>;\n\n @Output() nodeMoved = new EventEmitter<NgcxTreeNodeMovedEvent<T>>();\n @Output() customEvent = new EventEmitter<T>();\n @Output() clickEvent = new EventEmitter<NgcxTreeNodeWrapper<T>>();\n @Output() selectEvent = new EventEmitter<NgcxTreeNodeWrapper<T>>();\n\n /\n Api for finding and selecting node. Extends from the CDK treeControl for expanding/collapsing the tree\n /\n public readonly treeControl: NgcxTreeControl<T> = new NgcxTreeControl<T>(\n this,\n (node) => node.children,\n {\n trackBy: (node: NgcxTreeNodeWrapper<T>) => node.id,\n }\n );\n\n dataSource: NgcxTreeDataSource<NgcxTreeNodeWrapper<T>> =\n new NgcxTreeDataSource<NgcxTreeNodeWrapper<T>>([]);\n\n protected dragging?: NgcxTreeNodeWrapper<T>;\n\n protected selectedNode?: NgcxTreeNodeWrapper<T>;\n\n protected readonly DropType = DropType;\n\n protected readonly disable = () => false;\n\n private canceledByEsc?: boolean;\n\n ngOnInit(): void {\n this.updateTree();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['nodes']) {\n if (this.treeControl) {\n // initialized already\n this.updateTree();\n }\n if (this.selectedNode) {\n const selectedNodeId = this.selectedNode.id;\n setTimeout(() => this.treeControl.selectNodeById(selectedNodeId));\n }\n }\n }\n\n private updateTree() {\n const wrapperNodes = this.createWrapperNodes(this.nodes ?? []);\n this.dataSource = new NgcxTreeDataSource(wrapperNodes);\n this.treeControl.dataNodes = this.dataSource.data$.value;\n }\n\n private createWrapperNodes(\n nodes: NgcxTreeNode[],\n parent?: NgcxTreeNodeWrapper<T>,\n depth: number = 0\n ): NgcxTreeNodeWrapper<T>[] {\n const childCount = nodes.length;\n const wrapperNodes = nodes.map((node, idx) => {\n const nodeWrapper: NgcxTreeNodeWrapper<T> = {\n id: node.id,\n data: <T>node,\n isFirstChild: idx === 0,\n isLastChild: idx === childCount - 1,\n index: idx,\n parent: parent,\n depth: depth,\n children: [],\n };\n nodeWrapper.children = node.children\n ? this.createWrapperNodes(node.children, nodeWrapper, depth + 1)\n : [];\n\n return nodeWrapper;\n });\n wrapperNodes.forEach((wrapperNode) => {\n if (!wrapperNode.isLastChild) {\n wrapperNode.next = wrapperNodes[wrapperNode.index + 1];\n }\n if (!wrapperNode.isFirstChild) {\n wrapperNode.previous = wrapperNodes[wrapperNode.index - 1];\n }\n if (this.config?.allowSelection?.(wrapperNode)) {\n wrapperNode.isSelectable = true;\n }\n });\n return wrapperNodes;\n }\n\n protected allowDrop(\n dropNode: NgcxTreeNodeWrapper<T>,\n dropType: DropType\n ): boolean {\n if (\n !this.dragging \|\|\n this.dragging.id === dropNode.id \|\|\n isParentOf(this.dragging, dropNode)\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_INTO &&\n dropNode.id === this.dragging.parent?.id\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_AFTER &&\n dropNode.next?.id === this.dragging.id\n ) {\n return false;\n }\n if (\n dropType == DropType.DROP_BEFORE &&\n dropNode.previous?.id === this.dragging.id\n ) {\n return false;\n }\n\n const intoNode =\n dropType == DropType.DROP_INTO ? dropNode : dropNode.parent;\n if (this.config?.allowDrop) {\n return this.config.allowDrop(this.dragging, intoNode);\n }\n return true;\n }\n\n // prevent drop directly after a node on same level, that is expanded\n protected sortPredicate(): (\n index: number,\n drag: CdkDrag,\n drop: CdkDropList\n ) => boolean {\n return (\n index: number,\n _drag: CdkDrag<NgcxTreeNodeWrapper<T>>,\n drop: CdkDropList<NgcxTreeNodeWrapper<T>>\n ) => {\n return index == 0 \|\| !this.treeControl.isExpanded(drop.data);\n };\n }\n\n protected disableDrag(node: NgcxTreeNodeWrapper<T>) {\n return this.config?.allowDrag ? !this.config.allowDrag(node) : false;\n }\n\n protected keyDownArrowUp(event: Event) {\n if (this.selectedNode) {\n if (!this.selectedNode.isFirstChild) {\n this.selectNode(this.selectedNode.previous);\n } else if (this.selectedNode.parent) {\n this.selectNode(this.selectedNode.parent);\n }\n } else {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[nodes.length - 1]);\n }\n }\n event.preventDefault();\n }\n\n protected keyDownArrowDown(event: Event) {\n if (this.selectedNode) {\n if (!this.selectedNode.isLastChild) {\n this.selectNode(this.selectedNode.next);\n } else if (this.selectedNode.parent?.next) {\n this.selectNode(this.selectedNode.parent.next);\n }\n } else {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n protected keyDownArrowLeft(event: Event) {\n if (this.selectedNode) {\n if (this.treeControl.isExpanded(this.selectedNode)) {\n this.treeControl.collapse(this.selectedNode);\n } else if (this.selectedNode?.parent) {\n this.selectNode(this.selectedNode.parent);\n }\n } else {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n protected keyDownArrowRight(event: Event) {\n if (this.selectedNode && this.selectedNode.children.length > 0) {\n this.selectNode(this.selectedNode.children[0]);\n } else if (!this.selectedNode) {\n const nodes = this.dataSource.data$.value;\n if (nodes.length > 0) {\n this.selectNode(nodes[0]);\n }\n }\n event.preventDefault();\n }\n\n @HostListener('window:keydown.escape')\n protected keyEscapeWhileDragging() {\n if (this.dragging) {\n this.canceledByEsc = true;\n document.dispatchEvent(new Event('mouseup'));\n }\n }\n\n protected handleDragRelease(event: CdkDragRelease<NgcxTreeNodeWrapper<T>>) {\n this.dragging = undefined;\n const movedNode = event.source.data;\n const dropZoneId = (<any>event.event.target).id;\n if (!dropZoneId) {\n // no valid drop zone\n return;\n }\n\n const dropZoneInfo = new DropZoneInfo(dropZoneId);\n const toNode = this.treeControl.findNodeById(dropZoneInfo.nodeId);\n if (!toNode) {\n console.error(`node with id '${dropZoneInfo.nodeId}' could not be found`);\n return;\n }\n\n // dropType undefined can happen if dropped directly without moving\n if (this.canceledByEsc \|\| dropZoneInfo.dropType === undefined) {\n this.canceledByEsc = false;\n return;\n }\n\n const insertIntoNode =\n dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent;\n const wrapperList = insertIntoNode?.children ?? this.dataSource.data$.value;\n const addAtNodeIdx = this.findAddIndex(\n dropZoneInfo,\n insertIntoNode,\n wrapperList\n );\n\n const removedFromIdx = this.removeElementFromPreviousPosition(movedNode);\n // add element to new Position, subtract one if inserted in same list after the remove position\n (insertIntoNode?.data.children ?? this.nodes!).splice(\n movedNode.parent?.id === insertIntoNode?.id &&\n removedFromIdx < addAtNodeIdx\n ? addAtNodeIdx - 1\n : addAtNodeIdx,\n 0,\n movedNode.data\n );\n\n const afterNodeIdx = addAtNodeIdx - 1;\n const afterNode =\n afterNodeIdx > -1 && wrapperList.length > afterNodeIdx\n ? wrapperList[afterNodeIdx]\n : undefined;\n\n const beforeNode =\n addAtNodeIdx > -1 && wrapperList.length > addAtNodeIdx\n ? wrapperList[addAtNodeIdx]\n : undefined;\n this.nodeMoved.emit({\n node: movedNode,\n parent:\n dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent,\n afterNode: afterNode,\n beforeNode: beforeNode,\n });\n this.dataSource = new NgcxTreeDataSource(\n this.createWrapperNodes(this.nodes!)\n );\n this.treeControl.dataNodes = this.dataSource.data$.value;\n }\n\n private findAddIndex(\n dropZoneInfo: DropZoneInfo,\n insertIntoNode: NgcxTreeNodeWrapper<T> \| undefined,\n insertIntoList: NgcxTreeNodeWrapper<T>[]\n ) {\n if (\n insertIntoNode &&\n dropZoneInfo.dropType === DropType.DROP_INTO &&\n !insertIntoNode.data.children\n ) {\n insertIntoNode.data.children = [];\n }\n let addAtNodeIdx = 0;\n if (\n dropZoneInfo.dropType === DropType.DROP_AFTER \|\|\n dropZoneInfo.dropType === DropType.DROP_BEFORE\n ) {\n addAtNodeIdx = insertIntoList.findIndex(\n (child) => child.id === dropZoneInfo.nodeId\n );\n if (dropZoneInfo.dropType === DropType.DROP_AFTER) {\n addAtNodeIdx++;\n }\n }\n return addAtNodeIdx;\n }\n\n private removeElementFromPreviousPosition(\n movedNode: NgcxTreeNodeWrapper<T>\n ): number {\n const removeFromList = movedNode.parent?.data.children ?? this.nodes!;\n const removeIndex = removeFromList.findIndex(\n (child: any) => child.id === movedNode.id\n );\n removeFromList.splice(removeIndex, 1);\n return removeIndex;\n }\n\n nodeClicked(nodeWrapper: NgcxTreeNodeWrapper<T>) {\n this.clickEvent.emit(nodeWrapper);\n if (nodeWrapper.isSelectable) {\n this.selectedNode =\n nodeWrapper.id === this.selectedNode?.id ? undefined : nodeWrapper;\n this.selectEvent.emit(this.selectedNode);\n }\n }\n\n selectNode(nodeWrapper: NgcxTreeNodeWrapper<T> \| undefined) {\n if (!nodeWrapper \|\| nodeWrapper.isSelectable) {\n this.selectedNode = nodeWrapper;\n let expandNode = this.selectedNode?.parent;\n while (expandNode) {\n this.treeControl.expand(expandNode);\n expandNode = expandNode.parent;\n }\n this.selectEvent.emit(this.selectedNode);\n }\n }\n}\n\nenum DropType {\n DROP_AFTER = 'DROP_AFTER',\n DROP_BEFORE = 'DROP_BEFORE',\n DROP_INTO = 'DROP_INTO',\n}\n\nexport class NgcxTreeControl<T extends NgcxTreeNode> extends NestedTreeControl<\n NgcxTreeNodeWrapper<T>,\n string\n> {\n constructor(\n private treeComponent: NgcxTreeComponent<T>,\n getChildren: (dataNode: NgcxTreeNodeWrapper<T>) => NgcxTreeNodeWrapper<T>[],\n options?: NestedTreeControlOptions<NgcxTreeNodeWrapper<T>, string>\n ) {\n super(getChildren, options);\n }\n\n /\n select a node by id. the selectEvent is fired afterwards.\n /\n selectNodeById(id: string) {\n this.treeComponent.selectNode(this.findNodeById(id));\n }\n\n /\n find a node by id.\n /\n findNodeById(id: string): NgcxTreeNodeWrapper<T> \| undefined {\n return this.findNodeByIdInNodes(\n this.treeComponent.dataSource.data$.value,\n id\n );\n }\n\n private findNodeByIdInNodes(\n nodes: NgcxTreeNodeWrapper<T>[],\n id: string\n ): NgcxTreeNodeWrapper<T> \| undefined {\n for (const node of nodes) {\n if (node.id === id) {\n return node;\n }\n if (node.children?.length > 0) {\n const foundNode = this.findNodeByIdInNodes(node.children, id);\n if (foundNode) {\n return foundNode;\n }\n }\n }\n\n return undefined;\n }\n}\n\nclass DropZoneInfo {\n dropType: DropType;\n nodeId: string;\n\n constructor(id: string) {\n const pos = id.indexOf('_');\n this.nodeId = id.substring(0, pos);\n this.dropType = <DropType>id.substring(pos + 1);\n }\n}\n","<cdk-tree\n #tree\n class=\"ngcx-tree\"\n ngIf=\"dataSource\"\n [dataSource]=\"dataSource\"\n [treeControl]=\"treeControl\"\n cdkDropListGroup\n [class.dragging]=\"dragging\"\n (keyup.arrowup)=\"keyDownArrowUp($event)\"\n (keydown.arrowdown)=\"keyDownArrowDown($event)\"\n (keydown.arrowleft)=\"keyDownArrowLeft($event)\"\n (keydown.arrowright)=\"keyDownArrowRight($event)\"\n tabindex=\"0\">\n <cdk-nested-tree-node cdkTreeNodeDef=\"let node\" class=\"tree-node\">\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n class=\"tree-node-container-drop-zone after-expanded-node\"\n [class.hide]=\"\n !allowDrop(node, DropType.DROP_AFTER) \|\| !treeControl.isExpanded(node)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div class=\"tree-node-container\">\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_BEFORE\"\n class=\"tree-node-container-drop-zone before-node\"\n [class.hide]=\"\n !node.isFirstChild \|\| !allowDrop(node, DropType.DROP_BEFORE)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_INTO\"\n class=\"tree-node-container-drop-zone into-node\"\n [class.hide]=\"!allowDrop(node, DropType.DROP_INTO)\"></div>\n <div\n cdkDropList\n [id]=\"node.id + '_' + DropType.DROP_AFTER\"\n class=\"tree-node-container-drop-zone after-node\"\n [class.last]=\"node.isLastChild\"\n [class.hide]=\"\n treeControl.isExpanded(node) \|\| !allowDrop(node, DropType.DROP_AFTER)\n \">\n <div class=\"drop-insert-line\"></div>\n </div>\n <div\n cdkDropList\n [cdkDropListData]=\"node\"\n [cdkDropListEnterPredicate]=\"disable\"\n [cdkDropListSortPredicate]=\"disable\">\n <div\n cdkDrag\n [cdkDragDisabled]=\"disableDrag(node)\"\n [cdkDragData]=\"node\"\n (cdkDragStarted)=\"dragging = node\"\n (cdkDragReleased)=\"handleDragRelease($event)\">\n <div cdkDragPlaceholder></div>\n <div\n class=\"tree-node-content-container\"\n [class.first]=\"node.isFirstChild\"\n [class.last]=\"node.isLastChild\"\n [class.expanded]=\"treeControl.isExpanded(node)\">\n <ngcx-tree-node\n style=\"width: 100%\"\n [nodeWrapper]=\"node\"\n [isSelected]=\"node.id === selectedNode?.id\"\n [treeControl]=\"treeControl\"\n [treeConfig]=\"config\"\n (customEvent)=\"customEvent.emit($event)\"\n (clickEvent)=\"nodeClicked(node)\"></ngcx-tree-node>\n </div>\n </div>\n <ngcx-tree-node\n ngIf=\"node.id === dragging?.id\"\n [nodeWrapper]=\"node\"\n [treeControl]=\"treeControl\"\n [treeConfig]=\"config\"></ngcx-tree-node>\n </div>\n </div>\n <div\n ngIf=\"treeControl.isExpanded(node)\"\n class=\"tree-node-children-container\"\n [class.first]=\"node.isFirstChild\"\n [class.last]=\"node.isLastChild\">\n <div cdkTreeNodeOutlet></div>\n </div>\n </cdk-nested-tree-node>\n</cdk-tree>\n","/\n Public API Surface of ngcx-tree\n /\n\nexport from './lib/ngcx-tree/ngcx-tree-models';\nexport * from './lib/ngcx-tree/ngcx-tree.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/ngcx-tree/ngcx-tree-models.d.ts CHANGED Viewed

@@ -1,13 +1,12 @@
-import { NestedTreeControl } from '@angular/cdk/tree';
 import { EventEmitter, TemplateRef, Type } from '@angular/core';
-export interface NgcxTreeConfig<T> {
+export interface NgcxTreeConfig<T extends NgcxTreeNode> {
     treeNodeContentComponent?: Type<NgcxCustomComponent<T>>;
     treeNodeContentTemplate?: TemplateRef<any>;
     allowDrop?: (node: NgcxTreeNodeWrapper<T>, intoNode?: NgcxTreeNodeWrapper<T>) => boolean;
     allowDrag?: (node: NgcxTreeNodeWrapper<T>) => boolean;
     allowSelection?: (node: NgcxTreeNodeWrapper<T>) => boolean;
 }
-export interface NgcxCustomComponent<T> {
+export interface NgcxCustomComponent<T extends NgcxTreeNode> {
     nodeWrapper?: NgcxTreeNodeWrapper<T>;
     customEvent?: EventEmitter<any>;
 }
@@ -17,7 +16,7 @@ export interface NgcxTreeNode {
     faIcon?: string;
     children?: NgcxTreeNode[];
 }
-export interface NgcxTreeNodeWrapper<T> {
+export interface NgcxTreeNodeWrapper<T extends NgcxTreeNode> {
     id: string;
     data: T;
     depth: number;
@@ -30,17 +29,12 @@ export interface NgcxTreeNodeWrapper<T> {
     next?: NgcxTreeNodeWrapper<T>;
     previous?: NgcxTreeNodeWrapper<T>;
 }
-export interface NgcxTreeNodeComponent<T> {
+export interface NgcxTreeNodeComponent<T extends NgcxTreeNode> {
     nodeWrapper?: NgcxTreeNodeWrapper<T>;
 }
-export interface NgcxTreeNodeMovedEvent<T> {
+export interface NgcxTreeNodeMovedEvent<T extends NgcxTreeNode> {
     node: NgcxTreeNodeWrapper<T>;
     parent?: NgcxTreeNodeWrapper<T>;
     afterNode?: NgcxTreeNodeWrapper<T>;
     beforeNode?: NgcxTreeNodeWrapper<T>;
 }
-export interface NgcxTreeApi<T> {
-    selectNodeById(id: string): void;
-    findNodeById(id: string): NgcxTreeNodeWrapper<T> | undefined;
-    get treeControl(): NestedTreeControl<NgcxTreeNodeWrapper<any>, string>;
-}

package/lib/ngcx-tree/ngcx-tree.component.d.ts CHANGED Viewed

@@ -1,56 +1,62 @@
 import { CdkDrag, CdkDragRelease, CdkDropList } from '@angular/cdk/drag-drop';
-import { NestedTreeControl } from '@angular/cdk/tree';
+import { NestedTreeControl, NestedTreeControlOptions } from '@angular/cdk/tree';
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { NgcxTreeDataSource } from './ngcx-tree-data.source';
-import { NgcxTreeApi, NgcxTreeConfig, NgcxTreeNode, NgcxTreeNodeMovedEvent, NgcxTreeNodeWrapper } from './ngcx-tree-models';
+import { NgcxTreeConfig, NgcxTreeNode, NgcxTreeNodeMovedEvent, NgcxTreeNodeWrapper } from './ngcx-tree-models';
 import * as i0 from "@angular/core";
-export declare class NgcxTreeComponent implements OnChanges, OnInit {
+export declare class NgcxTreeComponent<T extends NgcxTreeNode> implements OnChanges, OnInit {
     nodes?: NgcxTreeNode[];
-    config?: NgcxTreeConfig<any>;
-    nodeMoved: EventEmitter<NgcxTreeNodeMovedEvent<any>>;
-    customEvent: EventEmitter<any>;
-    clickEvent: EventEmitter<NgcxTreeNodeWrapper<any>>;
-    selectEvent: EventEmitter<NgcxTreeNodeWrapper<any>>;
-    readonly api: NgcxTreeApi<any>;
-    dataSource: NgcxTreeDataSource<NgcxTreeNodeWrapper<any>>;
-    treeControl: NestedTreeControl<NgcxTreeNodeWrapper<any>, string>;
-    dragging?: NgcxTreeNodeWrapper<any>;
-    selectedNode?: NgcxTreeNodeWrapper<any>;
-    DropType: typeof DropType;
-    disable: () => boolean;
-    private canceledByEsq?;
+    config?: NgcxTreeConfig<T>;
+    nodeMoved: EventEmitter<NgcxTreeNodeMovedEvent<T>>;
+    customEvent: EventEmitter<T>;
+    clickEvent: EventEmitter<NgcxTreeNodeWrapper<T>>;
+    selectEvent: EventEmitter<NgcxTreeNodeWrapper<T>>;
+    /**
+     * Api for finding and selecting node. Extends from the CDK treeControl for expanding/collapsing the tree
+     */
+    readonly treeControl: NgcxTreeControl<T>;
+    dataSource: NgcxTreeDataSource<NgcxTreeNodeWrapper<T>>;
+    protected dragging?: NgcxTreeNodeWrapper<T>;
+    protected selectedNode?: NgcxTreeNodeWrapper<T>;
+    protected readonly DropType: typeof DropType;
+    protected readonly disable: () => boolean;
+    private canceledByEsc?;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    updateTree(): void;
-    createWrapperNodes(nodes: NgcxTreeNode[], parent?: NgcxTreeNodeWrapper<any>, depth?: number): NgcxTreeNodeWrapper<any>[];
-    hasChild: (_: number, node: NgcxTreeNodeWrapper<any>) => boolean;
-    allowDrop(dropNode: NgcxTreeNodeWrapper<any>, dropType: DropType): boolean;
-    sortPredicate(): (index: number, drag: CdkDrag, drop: CdkDropList) => boolean;
-    disableDrag(node: NgcxTreeNodeWrapper<any>): boolean;
-    keyDownArrowUp(event: Event): void;
-    keyDownArrowDown(event: Event): void;
-    keyDownArrowLeft(event: Event): void;
-    keyDownArrowRight(event: Event): void;
-    keyEscapeWhileDragging(): void;
-    handleDragRelease(event: CdkDragRelease<NgcxTreeNodeWrapper<any>>): void;
+    private updateTree;
+    private createWrapperNodes;
+    protected allowDrop(dropNode: NgcxTreeNodeWrapper<T>, dropType: DropType): boolean;
+    protected sortPredicate(): (index: number, drag: CdkDrag, drop: CdkDropList) => boolean;
+    protected disableDrag(node: NgcxTreeNodeWrapper<T>): boolean;
+    protected keyDownArrowUp(event: Event): void;
+    protected keyDownArrowDown(event: Event): void;
+    protected keyDownArrowLeft(event: Event): void;
+    protected keyDownArrowRight(event: Event): void;
+    protected keyEscapeWhileDragging(): void;
+    protected handleDragRelease(event: CdkDragRelease<NgcxTreeNodeWrapper<T>>): void;
     private findAddIndex;
     private removeElementFromPreviousPosition;
-    nodeClicked(nodeWrapper: NgcxTreeNodeWrapper<any>): void;
-    selectNode(nodeWrapper: NgcxTreeNodeWrapper<any> | undefined): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgcxTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgcxTreeComponent, "ngcx-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "nodeMoved": "nodeMoved"; "customEvent": "customEvent"; "clickEvent": "clickEvent"; "selectEvent": "selectEvent"; }, never, never, true, never>;
+    nodeClicked(nodeWrapper: NgcxTreeNodeWrapper<T>): void;
+    selectNode(nodeWrapper: NgcxTreeNodeWrapper<T> | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgcxTreeComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgcxTreeComponent<any>, "ngcx-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "nodeMoved": "nodeMoved"; "customEvent": "customEvent"; "clickEvent": "clickEvent"; "selectEvent": "selectEvent"; }, never, never, true, never>;
 }
 declare enum DropType {
     DROP_AFTER = "DROP_AFTER",
     DROP_BEFORE = "DROP_BEFORE",
     DROP_INTO = "DROP_INTO"
 }
-export declare class NgcxTreeControl implements NgcxTreeApi<any> {
+export declare class NgcxTreeControl<T extends NgcxTreeNode> extends NestedTreeControl<NgcxTreeNodeWrapper<T>, string> {
     private treeComponent;
-    constructor(treeComponent: NgcxTreeComponent);
-    get treeControl(): NestedTreeControl<NgcxTreeNodeWrapper<any>, string>;
+    constructor(treeComponent: NgcxTreeComponent<T>, getChildren: (dataNode: NgcxTreeNodeWrapper<T>) => NgcxTreeNodeWrapper<T>[], options?: NestedTreeControlOptions<NgcxTreeNodeWrapper<T>, string>);
+    /**
+     * select a node by id. the selectEvent is fired afterwards.
+     */
     selectNodeById(id: string): void;
-    findNodeById(id: string): NgcxTreeNodeWrapper<any> | undefined;
+    /**
+     * find a node by id.
+     */
+    findNodeById(id: string): NgcxTreeNodeWrapper<T> | undefined;
     private findNodeByIdInNodes;
 }
 export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cluetec/ngcx-tree",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "An angular tree component that allows to move nodes by drag and drop.",
   "author": "Michael Niedermaier <mn@cluetec.de>",
   "repository": "https://github.com/cluetec/ngcx-tree",
@@ -10,9 +10,9 @@
     "url": "https://github.com/cluetec/ngcx-tree/issues"
   },
   "peerDependencies": {
-    "@angular/common": "^16.1.0",
-    "@angular/core": "^16.1.0",
-    "@angular/cdk": "^16.1.0"
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0",
+    "@angular/cdk": "^16.2.0"
   },
   "dependencies": {
     "tslib": "^2.6.1"
@@ -28,7 +28,9 @@
     "and",
     "drop",
     "drag and drop",
-    "cluetec"
+    "cluetec",
+    "ngcx",
+    "cx"
   ],
   "module": "fesm2022/cluetec-ngcx-tree.mjs",
   "typings": "index.d.ts",