@limble/limble-tree 2.0.0 → 4.0.0

package/fesm2015/limble-limble-tree.mjs

@@ -1,1812 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Directive, Output, Component, Input, NgZone, ViewContainerRef, ViewChild, ViewChildren, createComponent, EnvironmentInjector, HostListener } from '@angular/core';
-import { BehaviorSubject, fromEvent, merge, map, filter, Subject, first } from 'rxjs';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-class TreeCollapser {
-    constructor() {
-        this.tempStorage = new Map();
-    }
-    collapse(treeBranch) {
-        if (treeBranch.branches().length === 0)
-            return;
-        const branches = [];
-        this.tempStorage.set(treeBranch, branches);
-        treeBranch.branches().forEach((branch) => {
-            branch.prune();
-            branches.push(branch);
-        });
-    }
-    expand(treeBranch) {
-        const branches = this.tempStorage.get(treeBranch);
-        if (branches === undefined)
-            return;
-        branches.forEach((branch) => {
-            branch.graftTo(treeBranch);
-        });
-        this.tempStorage.delete(treeBranch);
-        treeBranch.detectChanges();
-    }
-    isCollapsed(treeBranch) {
-        return this.tempStorage.has(treeBranch);
-    }
-    storePrecollapsedNode(parent, branch) {
-        var _a;
-        this.tempStorage.set(parent, ((_a = this.tempStorage.get(parent)) !== null && _a !== void 0 ? _a : []).concat(branch));
-    }
-}
-const treeCollapser = new TreeCollapser();
-
-/** A service that collapses and expands tree branches */
-class TreeCollapseService {
-    /**
-     * Causes a TreeBranch to collapse, temporarily pruning all of its children
-     * from the tree.
-     *
-     * @param treeBranch - The branch to collapse.
-     */
-    collapse(treeBranch) {
-        treeCollapser.collapse(treeBranch);
-    }
-    /**
-     * Causes a TreeBranch to expand, restoring all of its children which were
-     * previously pruned by a call to `collapse()`.
-     *
-     * @param treeBranch - The branch to expand.
-     */
-    expand(treeBranch) {
-        treeCollapser.expand(treeBranch);
-    }
-    /**
-     * Determines whether a TreeBranch currently has any children which are
-     * pruned from the tree due to a call to  the `collapse()` method.
-     *
-     * @remarks
-     * Child branches which are pruned manually from the tree, rather than
-     * through the `collapse()` method, will not be considered.
-     *
-     * @param treeBranch - The branch to check.
-     *
-     * @returns `true` if the branch is currently collapsed; `false` if it is not.
-     */
-    isCollapsed(treeBranch) {
-        return treeCollapser.isCollapsed(treeBranch);
-    }
-}
-TreeCollapseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TreeCollapseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseService, decorators: [{
-            type: Injectable
-        }] });
-
-/** A module containing the entities which provide collapse functionality */
-class TreeCollapseModule {
-}
-TreeCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TreeCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseModule });
-TreeCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseModule, providers: [TreeCollapseService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeCollapseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [TreeCollapseService]
-                }]
-        }] });
-
-function assert(condition) {
-    if (condition) {
-        return;
-    }
-    throw new Error("Assertion Failed!");
-}
-
-function hasProperty(input, prop) {
-    return typeof input === "object" && input !== null && prop in input;
-}
-
-var DragStates;
-(function (DragStates) {
-    DragStates[DragStates["Idle"] = 0] = "Idle";
-    DragStates[DragStates["Starting"] = 1] = "Starting";
-    DragStates[DragStates["Dragging"] = 2] = "Dragging";
-    DragStates[DragStates["Dropped"] = 3] = "Dropped";
-})(DragStates || (DragStates = {}));
-class DragState {
-    constructor() {
-        this._state = DragStates.Idle;
-        this.state$ = new BehaviorSubject(DragStates.Idle);
-        this.state$.subscribe((state) => {
-            this._state = state;
-        });
-        this.dragData = undefined;
-    }
-    getDragData() {
-        return this.dragData;
-    }
-    starting(treeBranch) {
-        assert(this._state === DragStates.Idle);
-        this.dragData = treeBranch;
-        this.state$.next(DragStates.Starting);
-    }
-    dragging() {
-        assert(this._state === DragStates.Starting);
-        this.state$.next(DragStates.Dragging);
-    }
-    dropped() {
-        assert(this._state === DragStates.Dragging);
-        this.state$.next(DragStates.Dropped);
-    }
-    restart() {
-        this.dragData = undefined;
-        this.state$.next(DragStates.Idle);
-    }
-    events() {
-        return this.state$;
-    }
-    state() {
-        return this._state;
-    }
-}
-const dragState = new DragState();
-
-/**
- * Works just like Angular's built-in `(dragover)` event binding, but is much
- * more performant. It throttles the event to a configurable rate (default once
- * every 25ms) and runs outside of Angular's change detection.
- */
-class DragoverNoChangeDetectDirective {
-    constructor(ngZone, el) {
-        this.ngZone = ngZone;
-        this.el = el;
-        this.dragoverNoChangeDetect = new EventEmitter();
-    }
-    ngOnInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.eventSubscription = fromEvent(this.el.nativeElement, "dragover").subscribe(($event) => {
-                this.dragoverNoChangeDetect.emit($event);
-            });
-        });
-    }
-    ngOnDestroy() {
-        if (this.eventSubscription !== undefined) {
-            this.eventSubscription.unsubscribe();
-        }
-    }
-}
-DragoverNoChangeDetectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DragoverNoChangeDetectDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DragoverNoChangeDetectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DragoverNoChangeDetectDirective, isStandalone: true, selector: "[dragoverNoChangeDetect]", outputs: { dragoverNoChangeDetect: "dragoverNoChangeDetect" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DragoverNoChangeDetectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: "[dragoverNoChangeDetect]"
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { dragoverNoChangeDetect: [{
-                type: Output
-            }] } });
-
-class DropzoneComponent {
-    constructor() {
-        this.dropped = new EventEmitter();
-        this.active = false;
-    }
-    dragenterHandler() {
-        this.active = true;
-    }
-    dragleaveHandler() {
-        this.active = false;
-    }
-    dragoverHandler(event) {
-        event.preventDefault();
-        event.dataTransfer.dropEffect = "move";
-    }
-    dropHandler(event) {
-        this.dropped.emit(event);
-    }
-}
-DropzoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DropzoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DropzoneComponent, isStandalone: true, selector: "dropzone", inputs: { placement: "placement" }, outputs: { dropped: "dropped" }, ngImport: i0, template: "<div\n   class=\"dropzone\"\n   [ngClass]=\"{ active: active }\"\n   (dragenter)=\"dragenterHandler()\"\n   (dragleave)=\"dragleaveHandler()\"\n   (dragoverNoChangeDetect)=\"dragoverHandler($event)\"\n   (drop)=\"dropHandler($event)\"\n></div>\n", styles: [".dropzone{border-radius:8px;border:1px dashed #727374;background-color:#ededed;height:36px;margin:8px 0;transition:height .3s ease-out;animation:animation .3s ease-out}.dropzone.active{border-color:#289e49;border-width:2px;background-color:#d0e8d6;height:72px}@keyframes animation{0%{height:0px;opacity:0}to{height:36px;opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DragoverNoChangeDetectDirective, selector: "[dragoverNoChangeDetect]", outputs: ["dragoverNoChangeDetect"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DropzoneComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: "dropzone", imports: [CommonModule, DragoverNoChangeDetectDirective], template: "<div\n   class=\"dropzone\"\n   [ngClass]=\"{ active: active }\"\n   (dragenter)=\"dragenterHandler()\"\n   (dragleave)=\"dragleaveHandler()\"\n   (dragoverNoChangeDetect)=\"dragoverHandler($event)\"\n   (drop)=\"dropHandler($event)\"\n></div>\n", styles: [".dropzone{border-radius:8px;border:1px dashed #727374;background-color:#ededed;height:36px;margin:8px 0;transition:height .3s ease-out;animation:animation .3s ease-out}.dropzone.active{border-color:#289e49;border-width:2px;background-color:#d0e8d6;height:72px}@keyframes animation{0%{height:0px;opacity:0}to{height:36px;opacity:1}}\n"] }]
-        }], propDecorators: { placement: [{
-                type: Input
-            }], dropped: [{
-                type: Output
-            }] } });
-
-class BranchComponent {
-    constructor(appRef) {
-        this.appRef = appRef;
-        this.branchesContainer = undefined;
-        this.contentContainer = undefined;
-        this.dropzones = undefined;
-        this.contentCreated = new EventEmitter();
-        this.showDropzones = new EventEmitter();
-        this.dropped = new EventEmitter();
-        this.showInnerDropzone = false;
-        this.showLateralDropzone = false;
-    }
-    ngAfterViewInit() {
-        assert(this.contentContainer !== undefined);
-        assert(this.contentToHost !== undefined);
-        this.hostedContent = this.contentContainer.createComponent(this.contentToHost);
-        this.contentCreated.emit(this.hostedContent.instance);
-        assert(this.dropzones !== undefined);
-        const inner = this.dropzones.get(0);
-        const lateral = this.dropzones.get(1);
-        assert(inner !== undefined && lateral !== undefined);
-        merge(inner.dropped.pipe(map(() => "inner")), lateral.dropped.pipe(map(() => "lateral"))).subscribe(this.dropped);
-        this.hostedContent.changeDetectorRef.detectChanges();
-    }
-    getHostedContent() {
-        return this.hostedContent;
-    }
-    triggerChangeDetection() {
-        if (!NgZone.isInAngularZone()) {
-            this.appRef.tick();
-        }
-    }
-    dragoverHandler(event) {
-        const elementHeight = event.currentTarget.getBoundingClientRect().height;
-        if (event.offsetY < elementHeight / 2) {
-            this.showDropzones.emit("upper");
-        }
-        else {
-            this.showDropzones.emit("lower");
-        }
-    }
-    ngOnDestroy() {
-        //I'm not 100% sure why, but we have to remove any reference to the
-        //componentRef otherwise Angular will never release it for garbage
-        //collection.
-        this.hostedContent = undefined;
-    }
-}
-BranchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BranchComponent, deps: [{ token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
-BranchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BranchComponent, isStandalone: true, selector: "branch", inputs: { contentToHost: "contentToHost" }, outputs: { contentCreated: "contentCreated", showDropzones: "showDropzones", dropped: "dropped" }, viewQueries: [{ propertyName: "branchesContainer", first: true, predicate: ["branchesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dropzones", predicate: DropzoneComponent, descendants: true }], ngImport: i0, template: "<div class=\"content\" (dragoverNoChangeDetect)=\"dragoverHandler($event)\">\n   <div #contentContainer></div>\n</div>\n<div class=\"branches-container\">\n   <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\"></dropzone>\n   <div #branchesContainer></div>\n</div>\n<dropzone placement=\"lateral\" [hidden]=\"!showLateralDropzone\"></dropzone>\n", styles: [".branches-container{margin-left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DropzoneComponent, selector: "dropzone", inputs: ["placement"], outputs: ["dropped"] }, { kind: "directive", type: DragoverNoChangeDetectDirective, selector: "[dragoverNoChangeDetect]", outputs: ["dragoverNoChangeDetect"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BranchComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: "branch", imports: [CommonModule, DropzoneComponent, DragoverNoChangeDetectDirective], template: "<div class=\"content\" (dragoverNoChangeDetect)=\"dragoverHandler($event)\">\n   <div #contentContainer></div>\n</div>\n<div class=\"branches-container\">\n   <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\"></dropzone>\n   <div #branchesContainer></div>\n</div>\n<dropzone placement=\"lateral\" [hidden]=\"!showLateralDropzone\"></dropzone>\n", styles: [".branches-container{margin-left:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }]; }, propDecorators: { branchesContainer: [{
-                type: ViewChild,
-                args: ["branchesContainer", { read: ViewContainerRef }]
-            }], contentContainer: [{
-                type: ViewChild,
-                args: ["contentContainer", { read: ViewContainerRef }]
-            }], dropzones: [{
-                type: ViewChildren,
-                args: [DropzoneComponent]
-            }], contentToHost: [{
-                type: Input
-            }], contentCreated: [{
-                type: Output
-            }], showDropzones: [{
-                type: Output
-            }], dropped: [{
-                type: Output
-            }] } });
-
-class RootComponent {
-    constructor() {
-        this.branchesContainer = undefined;
-        this.dropzone = undefined;
-        this.afterViewInit = new EventEmitter();
-        this.dropped = new EventEmitter();
-        this.showInnerDropzone = false;
-    }
-    ngAfterViewInit() {
-        this.afterViewInit.emit();
-        assert(this.dropzone !== undefined);
-        this.dropzone.dropped.subscribe(this.dropped);
-    }
-}
-RootComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RootComponent, isStandalone: true, selector: "root", outputs: { afterViewInit: "afterViewInit", dropped: "dropped" }, viewQueries: [{ propertyName: "branchesContainer", first: true, predicate: ["branchesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dropzone", first: true, predicate: DropzoneComponent, descendants: true }], ngImport: i0, template: "<div class=\"branches-container\">\n   <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\"></dropzone>\n   <div #branchesContainer></div>\n</div>\n", styles: [".branches-container{min-width:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DropzoneComponent, selector: "dropzone", inputs: ["placement"], outputs: ["dropped"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: "root", imports: [CommonModule, DropzoneComponent], template: "<div class=\"branches-container\">\n   <dropzone placement=\"inner\" [hidden]=\"!showInnerDropzone\"></dropzone>\n   <div #branchesContainer></div>\n</div>\n", styles: [".branches-container{min-width:64px}\n"] }]
-        }], propDecorators: { branchesContainer: [{
-                type: ViewChild,
-                args: ["branchesContainer", { read: ViewContainerRef }]
-            }], dropzone: [{
-                type: ViewChild,
-                args: [DropzoneComponent]
-            }], afterViewInit: [{
-                type: Output
-            }], dropped: [{
-                type: Output
-            }] } });
-
-class Configuration {
-    constructor() {
-        this.configStorage = new Map();
-        this.configStorage = new Map();
-    }
-    setConfig(root, options) {
-        this.configStorage.set(root, options);
-    }
-    getConfig(root) {
-        return this.configStorage.get(root);
-    }
-    delete(root) {
-        this.configStorage.delete(root);
-    }
-}
-const config = new Configuration();
-
-/**
- * A wrapper around the BranchComponent that helps instantiate it and handles its events.
- */
-class BranchController {
-    constructor(treeBranch, parentBranchesContainer) {
-        this.treeBranch = treeBranch;
-        this.outputBindingSubscriptions = [];
-        this.branchComponentRef = createComponent(BranchComponent, {
-            environmentInjector: parentBranchesContainer.injector.get(EnvironmentInjector)
-        });
-        this.branchComponentRef.instance.contentToHost =
-            this.treeBranch.branchOptions.component;
-        this.instanceSubscriptions = this.getInstanceSubscriptions(this.branchComponentRef.instance);
-    }
-    destroy() {
-        this.instanceSubscriptions.forEach((sub) => {
-            sub.unsubscribe();
-        });
-        this.outputBindingSubscriptions.forEach((sub) => {
-            sub.unsubscribe();
-        });
-    }
-    detectChanges() {
-        this.branchComponentRef.changeDetectorRef.detectChanges();
-    }
-    getBranchesContainer() {
-        return this.branchComponentRef.instance.branchesContainer;
-    }
-    getComponentInstance() {
-        return this.branchComponentRef.instance;
-    }
-    getHostView() {
-        return this.branchComponentRef.hostView;
-    }
-    getNativeElement() {
-        return this.branchComponentRef.location.nativeElement;
-    }
-    getUserlandComponentRef() {
-        return this.branchComponentRef.instance.getHostedContent();
-    }
-    getContentCreatedSub(instance) {
-        return instance.contentCreated.subscribe((userlandComponentInstance) => {
-            var _a, _b;
-            const component = userlandComponentInstance;
-            Object.entries((_a = this.treeBranch.branchOptions.inputBindings) !== null && _a !== void 0 ? _a : {}).forEach(([key, value]) => {
-                component[key] = value;
-            });
-            Object.entries((_b = this.treeBranch.branchOptions.outputBindings) !== null && _b !== void 0 ? _b : {}).forEach(([key, value]) => {
-                this.outputBindingSubscriptions.push(component[key].subscribe(value));
-            });
-            component.treeBranch = this.treeBranch;
-            const dropzones = instance.dropzones;
-            assert(dropzones !== undefined);
-            dropzoneRenderer.registerDropzones(dropzones, this.treeBranch);
-        });
-    }
-    getInstanceSubscriptions(instance) {
-        const droppedSub = instance.dropped.subscribe((placement) => {
-            dropzoneRenderer.handleDrop(this.treeBranch, placement);
-        });
-        return [
-            this.getContentCreatedSub(instance),
-            this.getShowLowerZonesSub(instance),
-            this.getShowUpperZonesSub(instance),
-            droppedSub
-        ];
-    }
-    getShowLowerZonesSub(instance) {
-        return instance.showDropzones
-            .pipe(filter((direction) => direction === "lower"))
-            .subscribe(() => {
-            const currentDropzoneDisplayed = dropzoneRenderer.getCurrentDisplay();
-            if ((currentDropzoneDisplayed === null || currentDropzoneDisplayed === void 0 ? void 0 : currentDropzoneDisplayed.treeBranch) === this.treeBranch &&
-                currentDropzoneDisplayed.direction === "lower") {
-                return;
-            }
-            dropzoneRenderer.showLowerZones(this.treeBranch);
-            instance.triggerChangeDetection();
-        });
-    }
-    getShowUpperZonesSub(instance) {
-        return instance.showDropzones
-            .pipe(filter((direction) => direction === "upper"))
-            .subscribe(() => {
-            const currentDropzoneDisplayed = dropzoneRenderer.getCurrentDisplay();
-            if ((currentDropzoneDisplayed === null || currentDropzoneDisplayed === void 0 ? void 0 : currentDropzoneDisplayed.treeBranch) === this.treeBranch &&
-                currentDropzoneDisplayed.direction === "upper") {
-                return;
-            }
-            dropzoneRenderer.showUpperZones(this.treeBranch);
-            instance.triggerChangeDetection();
-        });
-    }
-}
-
-class TreeError extends Error {
-}
-
-/** Emitted when a drag-and-drop operation has completed */
-class DragEndEvent {
-    constructor(source, endpoints) {
-        this._source = source;
-        this._oldParent = endpoints.oldParent;
-        this._oldIndex = endpoints.oldIndex;
-        this._newParent = endpoints.newParent;
-        this._newIndex = endpoints.newIndex;
-    }
-    /** @returns The new index of the dropped branch */
-    newIndex() {
-        return this._newIndex;
-    }
-    /** @returns The new parent of the dropped branch */
-    newParent() {
-        return this._newParent;
-    }
-    /** @returns The index of the dropped branch before it was dragged */
-    oldIndex() {
-        return this._oldIndex;
-    }
-    /** @returns The parent of the dropped branch before it was dragged */
-    oldParent() {
-        return this._oldParent;
-    }
-    source() {
-        return this._source;
-    }
-}
-
-/** Emitted when a TreeBranch begins being dragged */
-class DragStartEvent {
-    constructor(source) {
-        this._source = source;
-    }
-    source() {
-        return this._source;
-    }
-}
-
-/** Emitted when a TreeBranch is dropped into a valid Dropzone */
-class DropEvent {
-    constructor(source, parent, index) {
-        this._source = source;
-        this._parent = parent;
-        this._index = index;
-    }
-    source() {
-        return this._source;
-    }
-    index() {
-        return this._index;
-    }
-    parent() {
-        return this._parent;
-    }
-}
-
-/** Emitted when a node is destroyed */
-class DestructionEvent {
-    constructor(source) {
-        this._source = source;
-    }
-    source() {
-        return this._source;
-    }
-}
-
-/** Emits when a branch is grafted to another tree node */
-class GraftEvent {
-    constructor(source, relationship) {
-        this._source = source;
-        this._child = relationship.child;
-        this._parent = relationship.parent;
-        this._index = relationship.index;
-    }
-    child() {
-        return this._child;
-    }
-    index() {
-        return this._index;
-    }
-    parent() {
-        return this._parent;
-    }
-    source() {
-        return this._source;
-    }
-}
-
-/** Emitted when a branch is pruned from its parent branch */
-class PruneEvent {
-    constructor(source, relationship) {
-        this._source = source;
-        this._child = relationship.child;
-        this._parent = relationship.parent;
-        this._index = relationship.index;
-    }
-    child() {
-        return this._child;
-    }
-    index() {
-        return this._index;
-    }
-    parent() {
-        return this._parent;
-    }
-    source() {
-        return this._source;
-    }
-}
-
-class TreeNodeBase {
-    constructor() {
-        this.destroyed = false;
-        this._branches = [];
-        this.events$ = new Subject();
-        this.subscriptions = [
-            this.graftsToSelf().subscribe((event) => {
-                this.registerChildRelationship(event.child(), event.index());
-            }),
-            this.prunesToSelf().subscribe((event) => {
-                this.deregisterChildRelationship(event.child());
-            })
-        ];
-    }
-    branches() {
-        return [...this._branches];
-    }
-    destroy() {
-        this.branches().forEach((branch) => {
-            branch.destroy();
-        });
-        this.subscriptions.forEach((sub) => {
-            sub.unsubscribe();
-        });
-        this.destroyed = true;
-    }
-    dispatch(event) {
-        this.events$.next(event);
-    }
-    events() {
-        return this.events$;
-    }
-    getBranch(index) {
-        return this._branches[index];
-    }
-    handleUserlandError(error) {
-        const message = hasProperty(error, "message")
-            ? error.message
-            : "Unknown error";
-        throw new TreeError(`Failed to grow branch: ${message}`, {
-            // This cast to `any` is due to an issue in typescript that has been
-            // resolved at least by version 4.9.5. When we upgrade our typescript
-            // version we can remove the cast.
-            cause: error
-        });
-    }
-    isDestroyed() {
-        return this.destroyed;
-    }
-    plot() {
-        return new Map(this.branches().map((branch, index) => [index, branch.plot()]));
-    }
-    traverse(callback) {
-        this.branches().forEach((branch) => {
-            branch.traverse(callback);
-        });
-    }
-    deregisterChildRelationship(child) {
-        const index = this.branches().findIndex((branch) => branch === child);
-        this._branches.splice(index, 1);
-    }
-    graftsToSelf() {
-        return this.events().pipe(filter((event) => event instanceof GraftEvent), filter((event) => event.parent().events() === this.events$));
-    }
-    prunesToSelf() {
-        return this.events().pipe(filter((event) => event instanceof PruneEvent), filter((event) => event.parent().events() === this.events$));
-    }
-    registerChildRelationship(child, index) {
-        const branches = this.branches();
-        if (index < 0 || index > branches.length) {
-            throw new TreeError(`Can't register child at index ${index}. Out of range.`);
-        }
-        this._branches.splice(index, 0, child);
-    }
-}
-
-/**
- * A wrapper around the BranchComponent that helps instantiate it and handles its events.
- */
-class RootController {
-    constructor(treeRoot, viewContainerRef) {
-        this.treeRoot = treeRoot;
-        this.rootComponentRef = viewContainerRef.createComponent(RootComponent);
-        const viewInitSub = this.rootComponentRef.instance.afterViewInit.subscribe(() => {
-            const dropzone = this.rootComponentRef.instance.dropzone;
-            assert(dropzone !== undefined);
-            dropzoneRenderer.registerDropzone(dropzone, this.treeRoot);
-        });
-        const droppedSub = this.rootComponentRef.instance.dropped.subscribe(() => {
-            dropzoneRenderer.handleDrop(this.treeRoot, "inner");
-        });
-        this.instanceSubscriptions = [viewInitSub, droppedSub];
-    }
-    destroy() {
-        this.instanceSubscriptions.forEach((sub) => {
-            sub.unsubscribe();
-        });
-    }
-    detectChanges() {
-        this.rootComponentRef.changeDetectorRef.detectChanges();
-    }
-    getBranchesContainer() {
-        return this.rootComponentRef.instance.branchesContainer;
-    }
-    getComponentInstance() {
-        return this.rootComponentRef.instance;
-    }
-    getHostView() {
-        return this.rootComponentRef.hostView;
-    }
-    getNativeElement() {
-        return this.rootComponentRef.location.nativeElement;
-    }
-}
-
-/**
- * Represents the base of the tree. It renders a very simple container for child
- * branches. It has methods for creating and accessing those branches. It emits
- * events when things happen in the tree.
- */
-class TreeRoot {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-        this.treeNodeBase = new TreeNodeBase();
-        this.rootController = new RootController(this, viewContainerRef);
-        this.detectChanges();
-    }
-    /** @returns All child branches as an array of TreeBranch instances */
-    branches() {
-        return this.treeNodeBase.branches();
-    }
-    /**
-     * Recursively destroys all branches of the tree, as well as itself.
-     *
-     * @remarks
-     * This releases all resources held or consumed by the tree.
-     *
-     * It is important to call this method when a tree is discarded, otherwise
-     * the tree will remain in memory and continue to consume resources.
-     */
-    destroy() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot destroy a destroyed tree root");
-        }
-        dropzoneRenderer.clearTreeFromRegistry(this);
-        this.treeNodeBase.destroy();
-        this.rootController.destroy();
-        this.viewContainerRef.clear();
-        config.delete(this);
-        this.dispatch(new DestructionEvent(this));
-    }
-    /** Run Angular change detection on the root of the tree */
-    detectChanges() {
-        this.rootController.detectChanges();
-    }
-    /**
-     * Emits the specified TreeEvent.
-     *
-     * @remarks
-     * Caution: It is not recommended to manually emit TreeEvents that are already
-     * provided by the library. For example, it is not recommended to emit a
-     * `GraftEvent`, `DestructionEvent`, etc. These events may be used by the tree,
-     * and emitting them manually may cause unexpected behavior. Instead, we
-     * recommend implementing the TreeEvent interface with your own custom events
-     * and dispatching those.
-     *
-     * @param event - The TreeEvent that will be emitted.
-     */
-    dispatch(event) {
-        this.treeNodeBase.dispatch(event);
-    }
-    /**
-     * @returns
-     * An observable that emits TreeEvents whenever an event is dispatched
-     * in the root or any of its descendant branches.
-     */
-    events() {
-        return this.treeNodeBase.events();
-    }
-    /**
-     * @returns
-     * The child branch at the specified index, or undefined if there is
-     * no child branch at the specified index.
-     */
-    getBranch(index) {
-        return this.treeNodeBase.getBranch(index);
-    }
-    /** @returns The ViewContainerRef in which child branches are rendered */
-    getBranchesContainer() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get branches container from a destroyed tree root");
-        }
-        return this.rootController.getBranchesContainer();
-    }
-    /**
-     * Retrieves the RootComponent.
-     *
-     * @remarks
-     * The RootComponent holds the BranchesContainer, as well as a single Dropzone
-     * for drag-and-drop operations.
-     *
-     * @returns The instance of RootComponent that is rendered by this class.
-     */
-    getComponentInstance() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get component instance from a destroyed tree root");
-        }
-        return this.rootController.getComponentInstance();
-    }
-    /** @returns The Host View in which the RootComponent is rendered */
-    getHostView() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get component host view from a destroyed tree root");
-        }
-        return this.rootController.getHostView();
-    }
-    /** @returns The RootComponent as a native HTML Element */
-    getNativeElement() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get native element from a destroyed tree root");
-        }
-        return this.rootController.getNativeElement();
-    }
-    /**
-     * Appends a new child branch to this branch. The child branch will render
-     * the specified component according to the (optional) configuration parameter.
-     *
-     * @param component - The component to render in the new child branch.
-     * @param options - Configuration options for the new child branch.
-     *
-     * @returns
-     * The newly-created child branch.
-     */
-    grow(component, options) {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot grow a branch on a destroyed tree root");
-        }
-        try {
-            return new TreeBranch(this, Object.assign({ component }, options));
-        }
-        catch (error) {
-            this.handleUserlandError(error);
-        }
-    }
-    /** @returns `true` if the tree is destroyed, `false` otherwise */
-    isDestroyed() {
-        return this.treeNodeBase.isDestroyed();
-    }
-    /**
-     * Provides a model describing the shape of the tree.
-     *
-     * @returns A multi-dimensional Map which describes the shape of the tree.
-     *
-     * @example
-     * For example, an empty tree will return an empty Map. A tree with a single
-     * branch will return a Map with a single entry, where the key is the index
-     * of the branch (zero) and the value is an empty Map. A Tree like this:
-     *
-     * ```
-     *         ---Branch-------Branch
-     *        /
-     * Root-------Branch
-     *        \
-     *         ---Branch
-     * ```
-     * Will return a Map of matching shape:
-     * ```
-     * Map {
-     *    0: Map { 0: Map {}},
-     *    1: Map {},
-     *    2: Map {}
-     * }
-     * ```
-     */
-    plot() {
-        return this.treeNodeBase.plot();
-    }
-    /** @returns Itself */
-    root() {
-        return this;
-    }
-    /**
-     * Traverses the tree in depth-first pre-order, executing the provided
-     * callback function on each node. Traversal includes the Root.
-     *
-     * @param callback - A function to execute on each node.
-     */
-    traverse(callback) {
-        callback(this);
-        this.treeNodeBase.traverse(callback);
-    }
-    handleUserlandError(error) {
-        // When an error occurs in a userland component during a tree operation,
-        // it can cause undefined, bizarre behavior in the tree. To prevent this,
-        // we destroy the tree and throw an error instead. This helps protect
-        // the end-user's data from corruption.
-        this.destroy();
-        this.treeNodeBase.handleUserlandError(error);
-    }
-}
-
-/** Represents a standard node in a tree. Renders a BranchComponent.
- *
- * @remarks
- * This class renders a branch component, which does the following:
- * 1. Renders a component provided by the user
- * 2. Provides a container in which child branches may be rendered
- * 3. Contains two Dropzones: one for dropping branches below this branch (as a
- * sibling), and one for dropping branches as a first child of this branch.
- */
-class TreeBranch {
-    constructor(parent, branchOptions) {
-        this.branchOptions = branchOptions;
-        this.detachedView = null;
-        this.treeNodeBase = new TreeNodeBase();
-        const parentBranchesContainer = parent.getBranchesContainer();
-        assert(parentBranchesContainer !== undefined);
-        this.branchController = new BranchController(this, parentBranchesContainer);
-        const hostView = this.branchController.getHostView();
-        if (parent instanceof TreeBranch &&
-            parent.branchOptions.defaultCollapsed === true) {
-            treeCollapser.storePrecollapsedNode(parent, this);
-            this.detachedView = hostView;
-        }
-        else {
-            parentBranchesContainer.insert(hostView);
-            this._parent = parent;
-            this.dispatch(new GraftEvent(this, {
-                parent: this._parent,
-                child: this,
-                index: this._parent.branches().length
-            }));
-            this.setIndentation();
-        }
-        this.detectChanges();
-    }
-    /** @returns All child branches as an array of TreeBranch instances, in order. */
-    branches() {
-        return this.treeNodeBase.branches();
-    }
-    /**
-     * Recursively destroys all descendant branches, as well as itself. This
-     * releases all resources held or consumed by this branch and its descendants.
-     *
-     * @remarks
-     * It is important to call this method when a branch is discarded, otherwise
-     * the branch will remain in memory and continue to consume resources.
-     */
-    destroy() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot destroy a destroyed tree branch");
-        }
-        this.prune();
-        treeCollapser.expand(this);
-        dropzoneRenderer.clearTreeFromRegistry(this);
-        this.branchController.getHostView().destroy();
-        this.treeNodeBase.destroy();
-        this.branchController.destroy();
-        this.dispatch(new DestructionEvent(this));
-    }
-    /** Run Angular change detection on this branch */
-    detectChanges() {
-        this.branchController.detectChanges();
-    }
-    /**
-     * Emits the specified TreeEvent.
-     *
-     * @remarks
-     * Caution: It is not recommended to manually emit TreeEvents that are already
-     * provided by the library. For example, it is not recommended to emit a
-     * `GraftEvent`, `DestructionEvent`, etc. These events may be used by the tree,
-     * and emitting them manually may cause unexpected behavior. Instead, we
-     * recommend implementing the TreeEvent interface with your own custom events
-     * and dispatching those.
-     *
-     * @param event - The TreeEvent that will be emitted.
-     */
-    dispatch(event) {
-        var _a;
-        this.treeNodeBase.dispatch(event);
-        (_a = this._parent) === null || _a === void 0 ? void 0 : _a.dispatch(event);
-    }
-    /**
-     * @returns
-     * An observable that emits TreeEvents whenever an event is dispatched
-     * in this branch or any of its descendant branches.
-     */
-    events() {
-        return this.treeNodeBase.events();
-    }
-    /**
-     * @param index - The index of the child branch to retrieve.
-     *
-     * @returns
-     * The child branch at the specified index, or undefined if there is
-     * no child branch at the specified index.
-     */
-    getBranch(index) {
-        return this.treeNodeBase.getBranch(index);
-    }
-    /** @returns The ViewContainerRef in which child branches are rendered */
-    getBranchesContainer() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get branches container from a destroyed tree branch");
-        }
-        return this.branchController.getBranchesContainer();
-    }
-    /** @returns The instance of BranchComponent that is rendered by this class. */
-    getComponentInstance() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get component instance from a destroyed tree branch");
-        }
-        return this.branchController.getComponentInstance();
-    }
-    /** @returns The Host View in which the BranchComponent is rendered */
-    getHostView() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get component host view from a destroyed tree branch");
-        }
-        return this.branchController.getHostView();
-    }
-    /** @returns The BranchComponent as a native HTML Element */
-    getNativeElement() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get native element from a destroyed tree branch");
-        }
-        return this.branchController.getNativeElement();
-    }
-    /**
-     * @returns
-     * A ComponentRef containing the instance of the user-provided
-     * component which is rendered by this branch.
-     */
-    getUserlandComponentRef() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot get userland component from a destroyed tree branch");
-        }
-        return this.branchController.getUserlandComponentRef();
-    }
-    /**
-     * Attaches a branch to a new parent node.
-     *
-     * @remarks
-     * If not already pruned, this method prunes (removes) this branch from its
-     * current position in the tree; then grafts (reattaches) it as a child of the
-     * specified parent branch at the specified index. If no index is specified,
-     * the branch is appended as the last child of the parent. This causes this
-     * branch's associated BranchComponent to be re-rendered in the DOM at the
-     * new location.
-     *
-     * @param newParent - The new parent branch unto which this branch will be grafted.
-     * @param index - The index at which this branch will be grafted. If not specified,
-     * this branch will be appended as the last child of the new parent.
-     *
-     * @returns The index at which this branch was grafted.
-     */
-    graftTo(newParent, index) {
-        this.checkGraftLocationValidity(newParent, index);
-        const ownIndex = this.index();
-        if (ownIndex !== undefined) {
-            this.prune();
-        }
-        this._parent = newParent;
-        const newIndex = index !== null && index !== void 0 ? index : newParent.branches().length;
-        this.reattachView(newIndex);
-        this.dispatch(new GraftEvent(this, {
-            parent: newParent,
-            child: this,
-            index: newIndex
-        }));
-        return newIndex;
-    }
-    /**
-     * Appends a new child branch to this branch. The child branch will render
-     * the specified component according to the (optional) configuration parameter.
-     *
-     * @param component - The component to render in the new child branch.
-     * @param options - Configuration options for the new child branch.
-     *
-     * @returns
-     * The newly-created child branch.
-     */
-    grow(component, options) {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot grow a branch on a destroyed tree branch");
-        }
-        try {
-            return new TreeBranch(this, Object.assign({ component }, options));
-        }
-        catch (error) {
-            this.handleUserlandError(error);
-        }
-    }
-    /**
-     * Determines this branch's index in relation to its sibling branches.
-     *
-     * @remarks
-     * For example, if it is the first child of its parent, this method will return
-     * 0. If it is the second child of its parent, this method will return 1.
-     *
-     * If this branch has no parent, (eg, if this branch has been pruned) this
-     * method will return undefined.
-     *
-     * @returns
-     * The index of this branch in relation to its sibling branches, or undefined.
-     */
-    index() {
-        if (!this._parent) {
-            return undefined;
-        }
-        const index = this._parent
-            .branches()
-            .findIndex((branch) => branch === this);
-        assert(index >= 0);
-        return index;
-    }
-    /** @returns `true` if the branch is destroyed, `false` otherwise */
-    isDestroyed() {
-        return this.treeNodeBase.isDestroyed();
-    }
-    /**
-     * @returns
-     * The data that was passed into the `branchOptions`' `meta` property
-     * at construction.
-     */
-    meta() {
-        var _a;
-        return (_a = this.branchOptions.meta) !== null && _a !== void 0 ? _a : {};
-    }
-    /**
-     * @returns
-     * This branch's parent node (which may be a TreeBranch or TreeRoot).
-     * If this branch has no parent, (eg, if this branch has been pruned) this
-     * method will return undefined.
-     */
-    parent() {
-        return this._parent;
-    }
-    /**
-     * Provides a model describing this branch's descendants.
-     *
-     * @returns
-     * A multi-dimensional Map which describes the shape of this branch's
-     * descendants.
-     *
-     * @example
-     * A branch with no children will return an empty Map. A branch with
-     * a single child will return a Map with a single entry, where the key is the index
-     * of the branch (zero) and the value is an empty Map. A Tree like this:
-     *
-     * ```
-     *         ---Branch-------Branch
-     *        /
-     * Branch-------Branch
-     *        \
-     *         ---Branch
-     * ```
-     * Will return a Map of matching shape:
-     * ```
-     * Map {
-     *    0: Map { 0: Map {}},
-     *    1: Map {},
-     *    2: Map {}
-     * }
-     * ```
-     */
-    plot() {
-        return this.treeNodeBase.plot();
-    }
-    /**
-     * Calculates the branch's position in the tree relative to the Root.
-     *
-     * @remarks
-     * The position is described as an array of numbers, where each number
-     * represents the index of the branch at that level of the tree.
-     *
-     * For example, if this branch is the first child of the Root, this method
-     * will return [0]. If this branch is the second child of the first child
-     * of the Root, this method will return [0, 1].
-     *
-     * If the branch is not related to a TreeRoot, (such as when it has been
-     * pruned,) this method will throw an error.
-     *
-     * @returns
-     * An array of numbers which describe the branch's position in the tree
-     * relative to the Root.
-     */
-    position() {
-        const index = this.index();
-        if (index === undefined) {
-            throw new TreeError("branch has no parent. Position cannot be determined.");
-        }
-        if (this._parent instanceof TreeBranch) {
-            const parentPosition = this._parent.position();
-            return [...parentPosition, index];
-        }
-        return [index];
-    }
-    /**
-     * Removes a branch from its tree without destroying it.
-     *
-     * @remarks
-     * Removes this branch from its parent and detaches its associated
-     * BranchComponent from the DOM. This puts the branch in a "pruned" state,
-     * which may affect the behavior of other methods.
-     *
-     * A pruned branch can be reattached to any other node using the `graftTo` method.
-     *
-     * @returns
-     * Itself, or undefined if it is already in a pruned state.
-     */
-    prune() {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot prune a destroyed tree branch");
-        }
-        const parent = this._parent;
-        const index = this.index();
-        if (index === undefined || parent === undefined)
-            return;
-        const container = parent.getBranchesContainer();
-        assert(container !== undefined);
-        this.detachedView = container.detach(index);
-        assert(this.detachedView !== null);
-        this.detachedView.detach();
-        this.dispatch(new PruneEvent(this, {
-            parent: parent,
-            child: this,
-            index: index
-        }));
-        this._parent = undefined;
-        return this;
-    }
-    /**
-     * Get the root of the tree to which this Branch is attached.
-     *
-     * @returns
-     * The TreeRoot of the tree this branch is in. If this branch is
-     * does not have a root (such as when it has been pruned) this method will
-     * return undefined.
-     */
-    root() {
-        const parent = this.parent();
-        if (parent instanceof TreeBranch) {
-            return parent.root();
-        }
-        assert(parent instanceof TreeRoot || parent === undefined);
-        return parent;
-    }
-    /**
-     * Traverses this branch's descendants in depth-first pre-order, executing
-     * the provided callback function on each node. Traversal includes this branch.
-     *
-     * @param callback - A function to execute on each node.
-     */
-    traverse(callback) {
-        callback(this);
-        this.treeNodeBase.traverse(callback);
-    }
-    checkGraftLocationValidity(newParent, index) {
-        if (this.isDestroyed()) {
-            throw new TreeError("Cannot graft a destroyed tree branch");
-        }
-        if (newParent.isDestroyed()) {
-            throw new TreeError("Cannot graft to a destroyed tree branch");
-        }
-        if (typeof index === "number" &&
-            this.indexIsOutOfRange(newParent, index)) {
-            throw new TreeError(`Cannot graft branch at index ${index} of the parent. Out of range.`);
-        }
-        this.traverse((node) => {
-            if (node === newParent) {
-                throw new TreeError("Cannot graft a branch to itself or any of its own descendants");
-            }
-        });
-    }
-    handleUserlandError(error) {
-        // When an error occurs in a userland component during a tree operation,
-        // it can cause undefined, bizarre behavior in the tree. To prevent this,
-        // we destroy the tree and throw an error instead. This helps protect
-        // the end-user's data from corruption.
-        this.furthestAncestor().destroy();
-        this.treeNodeBase.handleUserlandError(error);
-    }
-    indexIsOutOfRange(parent, index) {
-        return index < 0 || index > parent.branches().length;
-    }
-    furthestAncestor() {
-        // eslint-disable-next-line typescript/no-this-alias -- This code is for an iteration, not to make `this` available in other scopes (which is what the rule is intended to protect against).
-        let node = this;
-        while (node instanceof TreeBranch) {
-            const parent = node.parent();
-            if (parent === undefined)
-                break;
-            node = parent;
-        }
-        return node;
-    }
-    reattachView(index) {
-        assert(this._parent !== undefined);
-        assert(this.detachedView !== null);
-        const container = this._parent.getBranchesContainer();
-        assert(container !== undefined);
-        this.detachedView.reattach();
-        container.insert(this.detachedView, index);
-        this.detachedView = null;
-        this.setIndentation();
-    }
-    setIndentation() {
-        var _a;
-        assert(this._parent !== undefined);
-        const root = this._parent.root();
-        if (root === undefined) {
-            return;
-        }
-        const options = config.getConfig(root);
-        const branchesContainerEl = this.branchController
-            .getNativeElement()
-            .getElementsByClassName("branches-container")
-            .item(0);
-        assert(branchesContainerEl instanceof HTMLElement);
-        branchesContainerEl.style.marginLeft = `${(_a = options === null || options === void 0 ? void 0 : options.indentation) !== null && _a !== void 0 ? _a : 16}px`;
-    }
-}
-
-/** Responsible for the creation of new trees. */
-class TreeService {
-    /**
-     * Creates a new, empty tree structure inside the provided container.
-     *
-     * @returns A `TreeRoot` representing the base of the new tree.
-     */
-    createEmptyTree(container, options = {}) {
-        container.clear();
-        const root = new TreeRoot(container);
-        config.setConfig(root, options);
-        return root;
-    }
-}
-TreeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TreeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "root" }]
-        }] });
-
-class DragAndDrop {
-    constructor() {
-        this.dragAborted$ = new Subject();
-    }
-    dragStart(treeBranch, event) {
-        if (!this.draggingAllowed(treeBranch)) {
-            event.preventDefault();
-            return;
-        }
-        treeBranch.dispatch(new DragStartEvent(treeBranch));
-        this.setDragEffects(treeBranch, event);
-        this.watchForDragend(treeBranch, event);
-        // We have to do a setTimeout because DOM changes are not allowed during a
-        // dragstart event.
-        setTimeout(() => {
-            dragState.starting(treeBranch);
-            treeBranch.prune();
-            dragState.dragging();
-        });
-    }
-    drop(parent, index) {
-        const treeBranch = dragState.getDragData();
-        if (treeBranch === undefined) {
-            throw new TreeError("Cannot get dragged branch");
-        }
-        this.graftDraggedBranch(treeBranch, parent, index);
-        treeBranch.dispatch(new DropEvent(treeBranch, parent, index));
-    }
-    getDragImageOffsets(event, element) {
-        const bounds = element.getBoundingClientRect();
-        const xOffset = event.clientX - bounds.left;
-        const yOffset = event.clientY - bounds.top;
-        return [xOffset, yOffset];
-    }
-    setDragEffects(treeBranch, event) {
-        const dataTransfer = event.dataTransfer;
-        assert(dataTransfer instanceof DataTransfer);
-        const nativeElement = treeBranch.getNativeElement();
-        const [xOffset, yOffset] = this.getDragImageOffsets(event, nativeElement);
-        dataTransfer.setDragImage(nativeElement, xOffset, yOffset);
-    }
-    watchForDragend(treeBranch, event) {
-        var _a;
-        const oldParent = treeBranch.parent();
-        const oldIndex = treeBranch.index();
-        assert(oldParent !== undefined && oldIndex !== undefined);
-        (_a = event.target) === null || _a === void 0 ? void 0 : _a.addEventListener("dragend", (dragend) => {
-            if (dragState.state() !== DragStates.Dropped) {
-                //The drag ended but a drop never occurred, so put the dragged branch back where it started.
-                this.dragAborted$.next(dragend);
-                this.graftDraggedBranch(treeBranch, oldParent, oldIndex);
-            }
-            dragState.restart();
-            const newParent = treeBranch.parent();
-            assert(newParent !== undefined);
-            const newIndex = treeBranch.index();
-            assert(newIndex !== undefined);
-            treeBranch.dispatch(new DragEndEvent(treeBranch, {
-                oldParent,
-                oldIndex,
-                newParent,
-                newIndex
-            }));
-        }, { once: true });
-    }
-    draggingAllowed(treeBranch) {
-        var _a, _b, _c;
-        const allowDragging = (_c = (_b = (_a = config.getConfig(treeBranch.root())) === null || _a === void 0 ? void 0 : _a.dragAndDrop) === null || _b === void 0 ? void 0 : _b.allowDragging) !== null && _c !== void 0 ? _c : (() => true);
-        return allowDragging(treeBranch);
-    }
-    graftDraggedBranch(treeBranch, parent, index) {
-        treeBranch.graftTo(parent, index);
-        treeBranch.getNativeElement().style.display = "block";
-        dragState.dropped();
-    }
-}
-const dragAndDrop = new DragAndDrop();
-
-class DropzoneRenderer {
-    constructor() {
-        this.registry = new Map();
-        this.currentDisplay = null;
-        dragAndDrop.dragAborted$.subscribe(() => {
-            this.clearCurrentDisplay();
-        });
-        dragState
-            .events()
-            .pipe(filter((event) => event === DragStates.Starting))
-            .subscribe(() => {
-            var _a, _b;
-            const branch = dragState.getDragData();
-            assert(branch !== undefined);
-            let cursor = (_a = branch.parent()) === null || _a === void 0 ? void 0 : _a.getBranch(((_b = branch.index()) !== null && _b !== void 0 ? _b : 0) - 1);
-            let final = branch.parent();
-            while (cursor !== undefined) {
-                final = cursor;
-                cursor = cursor.branches().at(-1);
-            }
-            branch
-                .events()
-                .pipe(filter((event) => event instanceof PruneEvent), first())
-                .subscribe(() => {
-                assert(final !== undefined);
-                this.showLowerZones(final);
-            });
-        });
-    }
-    clearCurrentDisplay() {
-        if (this.currentDisplay === null)
-            return;
-        for (const branch of this.registry.values()) {
-            const instance = branch.getComponentInstance();
-            instance.showInnerDropzone = false;
-            if (instance instanceof BranchComponent) {
-                instance.showLateralDropzone = false;
-            }
-        }
-        this.currentDisplay = null;
-    }
-    clearTreeFromRegistry(tree) {
-        const nodes = [];
-        tree.traverse((node) => nodes.push(node));
-        for (const [dropzoneComponent, treeNode] of this.registry) {
-            if (nodes.includes(treeNode)) {
-                this.registry.delete(dropzoneComponent);
-            }
-        }
-    }
-    getCurrentDisplay() {
-        if (this.currentDisplay === null)
-            return null;
-        return Object.assign({}, this.currentDisplay);
-    }
-    getDropzoneLocation(dropzone) {
-        const branch = this.registry.get(dropzone);
-        const placement = dropzone.placement;
-        if (branch === undefined) {
-            throw new Error("dropzone not found in registry");
-        }
-        if (placement === undefined) {
-            throw new Error("dropzone has an undefined placement");
-        }
-        return [branch, placement];
-    }
-    handleDrop(treeNode, placement) {
-        if (placement === "inner") {
-            dragAndDrop.drop(treeNode, 0);
-        }
-        else if (treeNode instanceof TreeBranch && placement === "lateral") {
-            const currentParent = treeNode.parent();
-            const index = treeNode.index();
-            if (currentParent === undefined || index === undefined) {
-                throw new Error("branch must have a parent");
-            }
-            dragAndDrop.drop(currentParent, index + 1);
-        }
-        this.clearCurrentDisplay();
-    }
-    registerDropzone(dropzone, treeNode) {
-        this.registry.set(dropzone, treeNode);
-    }
-    registerDropzones(dropzones, treeBranch) {
-        for (const dropzone of dropzones) {
-            this.registry.set(dropzone, treeBranch);
-        }
-    }
-    showLowerZones(treeNode) {
-        this.clearCurrentDisplay();
-        this.showInnerZone(treeNode);
-        if (treeNode.branches().length === 0) {
-            this.loopThroughLowerZones(treeNode);
-        }
-        this.currentDisplay = { treeBranch: treeNode, direction: "lower" };
-    }
-    showUpperZones(treeBranch) {
-        this.clearCurrentDisplay();
-        this.loopThroughUpperZones(treeBranch);
-        this.currentDisplay = { treeBranch, direction: "upper" };
-    }
-    loopThroughLowerZones(treeNode) {
-        let cursor = treeNode;
-        while (cursor instanceof TreeBranch) {
-            this.showLateralZone(cursor);
-            const parent = cursor.parent();
-            const index = cursor.index();
-            assert(parent !== undefined && index !== undefined);
-            if (parent.branches().length > index + 1) {
-                return;
-            }
-            cursor = cursor.parent();
-        }
-    }
-    loopThroughUpperZones(treeBranch) {
-        var _a, _b;
-        let cursor = (_a = treeBranch
-            .parent()) === null || _a === void 0 ? void 0 : _a.getBranch(((_b = treeBranch.index()) !== null && _b !== void 0 ? _b : 0) - 1);
-        let final = treeBranch.parent();
-        while (cursor !== undefined) {
-            this.showLateralZone(cursor);
-            final = cursor;
-            cursor = cursor.branches().at(-1);
-        }
-        if (final !== undefined &&
-            (final instanceof TreeRoot || final instanceof TreeBranch)) {
-            this.showInnerZone(final);
-        }
-    }
-    nestingAllowed(treeNode) {
-        var _a, _b, _c;
-        if (treeNode instanceof TreeRoot) {
-            return true;
-        }
-        if (treeNode instanceof TreeBranch) {
-            const allowNesting = (_c = (_b = (_a = config.getConfig(treeNode.root())) === null || _a === void 0 ? void 0 : _a.dragAndDrop) === null || _b === void 0 ? void 0 : _b.allowNesting) !== null && _c !== void 0 ? _c : (() => true);
-            return allowNesting(treeNode);
-        }
-        throw new Error("unsupported treeNode type");
-    }
-    dropAllowed(parent, index) {
-        var _a, _b, _c, _d, _e, _f;
-        const sourceNode = dragState.getDragData();
-        assert(sourceNode instanceof TreeBranch);
-        if (parent instanceof TreeRoot) {
-            const allowDrop = (_c = (_b = (_a = config.getConfig(parent)) === null || _a === void 0 ? void 0 : _a.dragAndDrop) === null || _b === void 0 ? void 0 : _b.allowDrop) !== null && _c !== void 0 ? _c : (() => true);
-            return allowDrop(sourceNode, parent, index);
-        }
-        if (parent instanceof TreeBranch) {
-            const allowDrop = (_f = (_e = (_d = config.getConfig(parent.root())) === null || _d === void 0 ? void 0 : _d.dragAndDrop) === null || _e === void 0 ? void 0 : _e.allowDrop) !== null && _f !== void 0 ? _f : (() => true);
-            return allowDrop(sourceNode, parent, index);
-        }
-        throw new Error("unsupported treeNode type");
-    }
-    showInnerZone(treeNode) {
-        if (!this.nestingAllowed(treeNode) || !this.dropAllowed(treeNode, 0))
-            return;
-        treeNode.getComponentInstance().showInnerDropzone = true;
-    }
-    showLateralZone(treeBranch) {
-        const index = treeBranch.index();
-        assert(index !== undefined);
-        if (!this.dropAllowed(treeBranch.parent(), index + 1))
-            return;
-        treeBranch.getComponentInstance().showLateralDropzone = true;
-    }
-}
-const dropzoneRenderer = new DropzoneRenderer();
-
-class TreeDragAndDropService {
-    /** Hides all Dropzones */
-    clearDropzones() {
-        dropzoneRenderer.clearCurrentDisplay();
-    }
-    /**
-     * @returns An object that indicates which dropzones are currently being displayed.
-     * If no dropzones are being displayed, then null is returned.
-     */
-    getCurrentlyDisplayedDropzoneFamily() {
-        return dropzoneRenderer.getCurrentDisplay();
-    }
-    /**
-     * Causes the dropzone of the TreeRoot to be displayed.
-     *
-     * @remarks
-     * This is a useful function when you want to show the dropzone of a TreeRoot
-     * that has no child branches.
-     *
-     * @param root - The TreeRoot whose dropzone you want to show.
-     */
-    showRootDropzone(root) {
-        dropzoneRenderer.showLowerZones(root);
-    }
-    /**
-     * @returns An observable that emits a number whenever the drag state changes.
-     *
-     * @remarks
-     * See the `DragStates` enum for a list of possible states.
-     */
-    state() {
-        return dragState.events();
-    }
-}
-TreeDragAndDropService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TreeDragAndDropService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropService, decorators: [{
-            type: Injectable
-        }] });
-
-/** Makes an TreeBranch draggable when the host element is dragged */
-class DraggableDirective {
-    constructor(renderer, hostElement) {
-        renderer.setAttribute(hostElement.nativeElement, "draggable", "true");
-        renderer.setStyle(hostElement.nativeElement, "cursor", "grab");
-    }
-    onDragstart(event) {
-        if (this.limbleTreeDraggable === undefined)
-            return;
-        dragAndDrop.dragStart(this.limbleTreeDraggable, event);
-    }
-}
-DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DraggableDirective, isStandalone: true, selector: "[limbleTreeDraggable]", inputs: { limbleTreeDraggable: "limbleTreeDraggable" }, host: { listeners: { "dragstart": "onDragstart($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DraggableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[limbleTreeDraggable]",
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { limbleTreeDraggable: [{
-                type: Input
-            }], onDragstart: [{
-                type: HostListener,
-                args: ["dragstart", ["$event"]]
-            }] } });
-
-/**
- * An Angular module containing all of the entities which provide Drag-And-Drop
- * functionality.
- */
-class TreeDragAndDropModule {
-}
-TreeDragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TreeDragAndDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropModule, imports: [DraggableDirective], exports: [DraggableDirective] });
-TreeDragAndDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropModule, providers: [TreeDragAndDropService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TreeDragAndDropModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [DraggableDirective],
-                    providers: [TreeDragAndDropService],
-                    exports: [DraggableDirective]
-                }]
-        }] });
-
-/**
- * A shim to help with the transition from v0 to v1.
- * @deprecated
- */
-class LegacyTree {
-    /** Creates a v1 tree structure from a v0 data array and v0 tree options. */
-    createTreeFromLegacyArray(container, data, treeOptions = {}) {
-        const root = new TreeRoot(container);
-        config.setConfig(root, this.upgradeOptions(treeOptions));
-        for (const node of data) {
-            this.renderTreeNode(root, node, treeOptions);
-        }
-        return root;
-    }
-    upgradeOptions(legacyOptions) {
-        return {
-            indentation: legacyOptions.indent,
-            dragAndDrop: {
-                allowNesting: (branch) => {
-                    if (legacyOptions.listMode === true) {
-                        return false;
-                    }
-                    if (legacyOptions.allowNesting === undefined) {
-                        return true;
-                    }
-                    if (typeof legacyOptions.allowNesting === "boolean") {
-                        return legacyOptions.allowNesting;
-                    }
-                    return legacyOptions.allowNesting(branch);
-                },
-                allowDragging: (branch) => {
-                    if (legacyOptions.allowDragging === undefined) {
-                        return true;
-                    }
-                    if (typeof legacyOptions.allowDragging === "boolean") {
-                        return legacyOptions.allowDragging;
-                    }
-                    return legacyOptions.allowDragging(branch);
-                },
-                allowDrop: (source, parent, index) => {
-                    if (legacyOptions.allowDrop === undefined) {
-                        return true;
-                    }
-                    return legacyOptions.allowDrop(source, parent, index);
-                }
-            }
-        };
-    }
-    renderTreeNode(parent, node, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const component = (_b = (_a = node.component) === null || _a === void 0 ? void 0 : _a.class) !== null && _b !== void 0 ? _b : (_c = options.defaultComponent) === null || _c === void 0 ? void 0 : _c.class;
-        if (component === undefined) {
-            throw new TreeError("A component must be provided");
-        }
-        const bindings = ((_g = (_e = (_d = node.component) === null || _d === void 0 ? void 0 : _d.bindings) !== null && _e !== void 0 ? _e : (_f = options.defaultComponent) === null || _f === void 0 ? void 0 : _f.bindings) !== null && _g !== void 0 ? _g : {});
-        const nodeData = node;
-        const branch = parent.grow(component, {
-            inputBindings: bindings,
-            meta: { nodeData }
-        });
-        for (const childNode of (_h = node.nodes) !== null && _h !== void 0 ? _h : []) {
-            this.renderTreeNode(branch, childNode, options);
-        }
-        if (node.collapsed === true) {
-            treeCollapser.collapse(branch);
-        }
-    }
-}
-
-/** @deprecated */
-class LimbleTreeRootComponent {
-    constructor() {
-        this.itemsPerPage = Infinity;
-        this.page = 1;
-        this.treeChange = new EventEmitter();
-        this.treeDrop = new EventEmitter();
-        this.legacyTree = new LegacyTree();
-    }
-    ngAfterViewInit() {
-        this.update();
-    }
-    ngOnChanges() {
-        if (this.host !== undefined && this.data !== undefined) {
-            this.update();
-        }
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this.dropSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        (_b = this.root) === null || _b === void 0 ? void 0 : _b.destroy();
-    }
-    getRoot() {
-        return this.root;
-    }
-    update() {
-        var _a, _b;
-        if (this.data === undefined) {
-            throw new TreeError("LimbleTreeRootComponent's `data` input is required");
-        }
-        if (this.host === undefined) {
-            throw new TreeError("LimbleTreeRootComponent's `host` property is not defined");
-        }
-        (_a = this.root) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = this.dropSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-        const dataSlice = this.paginatedData();
-        this.root = this.legacyTree.createTreeFromLegacyArray(this.host, dataSlice, this.options);
-        this.dropSubscription = this.root
-            .events()
-            .pipe(filter((event) => event instanceof DragEndEvent))
-            .subscribe(this.treeDrop);
-        this.treeChange.emit(this.root);
-    }
-    paginatedData() {
-        var _a;
-        assert(this.data !== undefined);
-        if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.listMode) !== true) {
-            return this.data;
-        }
-        return this.data.slice((this.page - 1) * this.itemsPerPage, this.page * this.itemsPerPage);
-    }
-}
-LimbleTreeRootComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LimbleTreeRootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LimbleTreeRootComponent, isStandalone: true, selector: "limble-tree-root", inputs: { data: "data", options: "options", itemsPerPage: "itemsPerPage", page: "page" }, outputs: { treeChange: "treeChange", treeDrop: "treeDrop" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div #host></div>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeRootComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "limble-tree-root", standalone: true, template: "<div #host></div>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], itemsPerPage: [{
-                type: Input
-            }], page: [{
-                type: Input
-            }], host: [{
-                type: ViewChild,
-                args: ["host", { read: ViewContainerRef }]
-            }], treeChange: [{
-                type: Output
-            }], treeDrop: [{
-                type: Output
-            }] } });
-
-/** @deprecated */
-class LimbleTreeLegacyModule {
-}
-LimbleTreeLegacyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LimbleTreeLegacyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeLegacyModule, imports: [LimbleTreeRootComponent], exports: [LimbleTreeRootComponent] });
-LimbleTreeLegacyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeLegacyModule, providers: [LegacyTree], imports: [LimbleTreeRootComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeLegacyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [LimbleTreeRootComponent],
-                    providers: [LegacyTree],
-                    exports: [LimbleTreeRootComponent]
-                }]
-        }] });
-
-/**
- * Import this Angular module into your application to gain access to the
- * components, directives, and services provided by Limble Tree.
- */
-class LimbleTreeModule {
-}
-LimbleTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LimbleTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeModule, imports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule], exports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule] });
-LimbleTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeModule, providers: [TreeService], imports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule, LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LimbleTreeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule],
-                    providers: [TreeService],
-                    exports: [LimbleTreeLegacyModule, TreeCollapseModule, TreeDragAndDropModule]
-                }]
-        }] });
-
-/*
- * Public API Surface of limble-tree
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BranchComponent, DestructionEvent, DragEndEvent, DragStartEvent, DraggableDirective, DragoverNoChangeDetectDirective, DropEvent, GraftEvent, LimbleTreeLegacyModule, LimbleTreeModule, LimbleTreeRootComponent, PruneEvent, RootComponent, TreeBranch, TreeCollapseModule, TreeCollapseService, TreeDragAndDropModule, TreeDragAndDropService, TreeError, TreeRoot, TreeService };
-//# sourceMappingURL=limble-limble-tree.mjs.map