@cluetec/ngcx-tree 0.1.0-angular-15

package/fesm2015/cluetec-ngcx-tree.mjs

@@ -0,0 +1,410 @@
+import * as i2 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i1 from '@angular/cdk/tree';
+import { CdkTreeModule, NestedTreeControl } from '@angular/cdk/tree';
+import { NgTemplateOutlet, NgIf } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewContainerRef, Component, Input, Output, ViewChild, HostListener } from '@angular/core';
+import { DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, Subject, takeUntil } from 'rxjs';
+
+class NgcxTreeDataSource extends DataSource {
+    constructor(data) {
+        super();
+        this.data$ = new BehaviorSubject(data);
+    }
+    connect() {
+        return this.data$.asObservable();
+    }
+    disconnect() { }
+    update(data) {
+        this.data$.next([...data]);
+    }
+}
+
+class NgcxTreeNodeComponent {
+    constructor() {
+        this.isSelected = false;
+        this.customEvent = new EventEmitter();
+        this.clickEvent = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        var _a, _b;
+        if (this.vcRef && ((_a = this.treeConfig) === null || _a === void 0 ? void 0 : _a.treeNodeContentComponent)) {
+            const nodeComponent = this.vcRef.createComponent(this.treeConfig.treeNodeContentComponent);
+            nodeComponent.instance.nodeWrapper = this.nodeWrapper;
+            (_b = nodeComponent.instance.customEvent) === null || _b === void 0 ? void 0 : _b.pipe(takeUntil(this.ngUnsubscribe)).subscribe((value) => this.customEvent.emit(value));
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next(undefined);
+        this.ngUnsubscribe.complete();
+    }
+}
+NgcxTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgcxTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgcxTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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: [{
+                type: Input
+            }], treeControl: [{
+                type: Input
+            }], treeConfig: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }], customEvent: [{
+                type: Output
+            }], clickEvent: [{
+                type: Output
+            }], vcRef: [{
+                type: ViewChild,
+                args: ['ref', { read: ViewContainerRef, static: true }]
+            }] } });
+
+const isParentOf = (parent, node) => {
+    if (!node.parent) {
+        return false;
+    }
+    if (parent.id === node.parent.id) {
+        return true;
+    }
+    return isParentOf(parent, node.parent);
+};
+
+class NgcxTreeComponent {
+    constructor() {
+        this.nodeMoved = new EventEmitter();
+        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, {
+            trackBy: (node) => node.id,
+        });
+        this.DropType = DropType;
+        this.disable = () => false;
+        this.hasChild = (_, node) => node.children.length > 0;
+    }
+    ngOnInit() {
+        this.updateTree();
+    }
+    ngOnChanges(changes) {
+        if (changes['nodes']) {
+            if (this.treeControl) {
+                // initialized already
+                this.updateTree();
+            }
+            if (this.selectedNode) {
+                const selectedNodeId = this.selectedNode.id;
+                setTimeout(() => this.api.selectNodeById(selectedNodeId));
+            }
+        }
+    }
+    updateTree() {
+        var _a;
+        const wrapperNodes = this.createWrapperNodes((_a = this.nodes) !== null && _a !== void 0 ? _a : []);
+        this.dataSource = new NgcxTreeDataSource(wrapperNodes);
+        this.treeControl.dataNodes = this.dataSource.data$.value;
+    }
+    createWrapperNodes(nodes, parent, depth = 0) {
+        const childCount = nodes.length;
+        const wrapperNodes = nodes.map((node, idx) => {
+            const nodeWrapper = {
+                id: node.id,
+                data: node,
+                isFirstChild: idx === 0,
+                isLastChild: idx === childCount - 1,
+                index: idx,
+                parent: parent,
+                depth: depth,
+                children: [],
+            };
+            nodeWrapper.children = node.children
+                ? this.createWrapperNodes(node.children, nodeWrapper, depth + 1)
+                : [];
+            return nodeWrapper;
+        });
+        wrapperNodes.forEach((wrapperNode) => {
+            var _a, _b;
+            if (!wrapperNode.isLastChild) {
+                wrapperNode.next = wrapperNodes[wrapperNode.index + 1];
+            }
+            if (!wrapperNode.isFirstChild) {
+                wrapperNode.previous = wrapperNodes[wrapperNode.index - 1];
+            }
+            if ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.allowSelection) === null || _b === void 0 ? void 0 : _b.call(_a, wrapperNode)) {
+                wrapperNode.isSelectable = true;
+            }
+        });
+        return wrapperNodes;
+    }
+    allowDrop(dropNode, dropType) {
+        var _a, _b, _c, _d;
+        if (!this.dragging ||
+            this.dragging.id === dropNode.id ||
+            isParentOf(this.dragging, dropNode)) {
+            return false;
+        }
+        if (dropType == DropType.DROP_INTO &&
+            dropNode.id === ((_a = this.dragging.parent) === null || _a === void 0 ? void 0 : _a.id)) {
+            return false;
+        }
+        if (dropType == DropType.DROP_AFTER &&
+            ((_b = dropNode.next) === null || _b === void 0 ? void 0 : _b.id) === this.dragging.id) {
+            return false;
+        }
+        if (dropType == DropType.DROP_BEFORE &&
+            ((_c = dropNode.previous) === null || _c === void 0 ? void 0 : _c.id) === this.dragging.id) {
+            return false;
+        }
+        const intoNode = dropType == DropType.DROP_INTO ? dropNode : dropNode.parent;
+        if ((_d = this.config) === null || _d === void 0 ? void 0 : _d.allowDrop) {
+            return this.config.allowDrop(this.dragging, intoNode);
+        }
+        return true;
+    }
+    // prevent drop directly after a node on same level, that is expanded
+    sortPredicate() {
+        return (index, _drag, drop) => {
+            return index == 0 || !this.treeControl.isExpanded(drop.data);
+        };
+    }
+    disableDrag(node) {
+        var _a;
+        return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.allowDrag) ? !this.config.allowDrag(node) : false;
+    }
+    keyDownArrowUp(event) {
+        console.log('arrow up');
+        if (this.selectedNode) {
+            if (!this.selectedNode.isFirstChild) {
+                this.selectNode(this.selectedNode.previous);
+            }
+            else if (this.selectedNode.parent) {
+                this.selectNode(this.selectedNode.parent);
+            }
+        }
+        else {
+            const nodes = this.dataSource.data$.value;
+            if (nodes.length > 0) {
+                this.selectNode(nodes[nodes.length - 1]);
+            }
+        }
+        event.preventDefault();
+    }
+    keyDownArrowDown(event) {
+        var _a;
+        if (this.selectedNode) {
+            if (!this.selectedNode.isLastChild) {
+                this.selectNode(this.selectedNode.next);
+            }
+            else if ((_a = this.selectedNode.parent) === null || _a === void 0 ? void 0 : _a.next) {
+                this.selectNode(this.selectedNode.parent.next);
+            }
+        }
+        else {
+            const nodes = this.dataSource.data$.value;
+            if (nodes.length > 0) {
+                this.selectNode(nodes[0]);
+            }
+        }
+        event.preventDefault();
+    }
+    keyDownArrowLeft(event) {
+        var _a;
+        if ((_a = this.selectedNode) === null || _a === void 0 ? void 0 : _a.parent) {
+            this.selectNode(this.selectedNode.parent);
+        }
+        else if (!this.selectedNode) {
+            const nodes = this.dataSource.data$.value;
+            if (nodes.length > 0) {
+                this.selectNode(nodes[0]);
+            }
+        }
+        event.preventDefault();
+    }
+    keyDownArrowRight(event) {
+        if (this.selectedNode && this.selectedNode.children.length > 0) {
+            this.selectNode(this.selectedNode.children[0]);
+        }
+        else if (!this.selectedNode) {
+            const nodes = this.dataSource.data$.value;
+            if (nodes.length > 0) {
+                this.selectNode(nodes[0]);
+            }
+        }
+        event.preventDefault();
+    }
+    keyEscapeWhileDragging() {
+        if (this.dragging) {
+            this.canceledByEsq = true;
+            document.dispatchEvent(new Event('mouseup'));
+        }
+    }
+    handleDragRelease(event) {
+        var _a, _b, _c;
+        this.dragging = undefined;
+        const movedNode = event.source.data;
+        const dropZoneId = event.event.target.id;
+        if (!dropZoneId) {
+            // no valid drop zone
+            return;
+        }
+        const dropZoneInfo = new DropZoneInfo(dropZoneId);
+        const toNode = this.api.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;
+            return;
+        }
+        const insertIntoNode = dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent;
+        const wrapperList = (_a = insertIntoNode === null || insertIntoNode === void 0 ? void 0 : insertIntoNode.children) !== null && _a !== void 0 ? _a : this.dataSource.data$.value;
+        const addAtNodeIdx = this.findAddIndex(dropZoneInfo, insertIntoNode, wrapperList);
+        const removedFromIdx = this.removeElementFromPreviousPosition(movedNode);
+        // add element to new Position, subtract one if inserted in same list after the remove position
+        ((_b = insertIntoNode === null || insertIntoNode === void 0 ? void 0 : insertIntoNode.data.children) !== null && _b !== void 0 ? _b : this.nodes).splice(((_c = movedNode.parent) === null || _c === void 0 ? void 0 : _c.id) === (insertIntoNode === null || insertIntoNode === void 0 ? void 0 : insertIntoNode.id) &&
+            removedFromIdx < addAtNodeIdx
+            ? addAtNodeIdx - 1
+            : addAtNodeIdx, 0, movedNode.data);
+        const afterNodeIdx = addAtNodeIdx - 1;
+        const afterNode = afterNodeIdx > -1 && wrapperList.length > afterNodeIdx
+            ? wrapperList[afterNodeIdx]
+            : undefined;
+        const beforeNode = addAtNodeIdx > -1 && wrapperList.length > addAtNodeIdx
+            ? wrapperList[addAtNodeIdx]
+            : undefined;
+        this.nodeMoved.emit({
+            node: movedNode,
+            parent: dropZoneInfo.dropType === DropType.DROP_INTO ? toNode : toNode.parent,
+            afterNode: afterNode,
+            beforeNode: beforeNode,
+        });
+        this.dataSource = new NgcxTreeDataSource(this.createWrapperNodes(this.nodes));
+        this.treeControl.dataNodes = this.dataSource.data$.value;
+    }
+    findAddIndex(dropZoneInfo, insertIntoNode, insertIntoList) {
+        if (insertIntoNode &&
+            dropZoneInfo.dropType === DropType.DROP_INTO &&
+            !insertIntoNode.data.children) {
+            insertIntoNode.data.children = [];
+        }
+        let addAtNodeIdx = 0;
+        if (dropZoneInfo.dropType === DropType.DROP_AFTER ||
+            dropZoneInfo.dropType === DropType.DROP_BEFORE) {
+            addAtNodeIdx = insertIntoList.findIndex((child) => child.id === dropZoneInfo.nodeId);
+            if (dropZoneInfo.dropType === DropType.DROP_AFTER) {
+                addAtNodeIdx++;
+            }
+        }
+        return addAtNodeIdx;
+    }
+    removeElementFromPreviousPosition(movedNode) {
+        var _a, _b;
+        const removeFromList = (_b = (_a = movedNode.parent) === null || _a === void 0 ? void 0 : _a.data.children) !== null && _b !== void 0 ? _b : this.nodes;
+        const removeIndex = removeFromList.findIndex((child) => child.id === movedNode.id);
+        removeFromList.splice(removeIndex, 1);
+        return removeIndex;
+    }
+    nodeClicked(nodeWrapper) {
+        var _a;
+        this.clickEvent.emit(nodeWrapper);
+        if (nodeWrapper.isSelectable) {
+            this.selectedNode =
+                nodeWrapper.id === ((_a = this.selectedNode) === null || _a === void 0 ? void 0 : _a.id) ? undefined : nodeWrapper;
+            this.selectEvent.emit(this.selectedNode);
+        }
+    }
+    selectNode(nodeWrapper) {
+        var _a;
+        if (!nodeWrapper || nodeWrapper.isSelectable) {
+            this.selectedNode = nodeWrapper;
+            let expandNode = (_a = this.selectedNode) === null || _a === void 0 ? void 0 : _a.parent;
+            while (expandNode) {
+                this.treeControl.expand(expandNode);
+                expandNode = expandNode.parent;
+            }
+            this.selectEvent.emit(this.selectedNode);
+        }
+    }
+}
+NgcxTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgcxTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgcxTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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"] }]
+        }], propDecorators: { nodes: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], nodeMoved: [{
+                type: Output
+            }], customEvent: [{
+                type: Output
+            }], clickEvent: [{
+                type: Output
+            }], selectEvent: [{
+                type: Output
+            }], keyEscapeWhileDragging: [{
+                type: HostListener,
+                args: ['window:keydown.escape']
+            }] } });
+var DropType;
+(function (DropType) {
+    DropType["DROP_AFTER"] = "DROP_AFTER";
+    DropType["DROP_BEFORE"] = "DROP_BEFORE";
+    DropType["DROP_INTO"] = "DROP_INTO";
+})(DropType || (DropType = {}));
+class NgcxTreeControl {
+    constructor(treeComponent) {
+        this.treeComponent = treeComponent;
+    }
+    get treeControl() {
+        return this.treeComponent.treeControl;
+    }
+    selectNodeById(id) {
+        this.treeComponent.selectNode(this.findNodeById(id));
+    }
+    findNodeById(id) {
+        return this.findNodeByIdInNodes(this.treeComponent.dataSource.data$.value, id);
+    }
+    findNodeByIdInNodes(nodes, id) {
+        var _a;
+        for (const node of nodes) {
+            if (node.id === id) {
+                return node;
+            }
+            if (((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                const foundNode = this.findNodeByIdInNodes(node.children, id);
+                if (foundNode) {
+                    return foundNode;
+                }
+            }
+        }
+        return undefined;
+    }
+}
+class DropZoneInfo {
+    constructor(id) {
+        const pos = id.indexOf('_');
+        this.nodeId = id.substring(0, pos);
+        this.dropType = id.substring(pos + 1);
+    }
+}
+
+/*
+ * Public API Surface of ngcx-tree
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgcxTreeComponent, NgcxTreeControl };
+//# sourceMappingURL=cluetec-ngcx-tree.mjs.map

package/fesm2015/cluetec-ngcx-tree.mjs.map

@@ -0,0 +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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"}