@limble/limble-tree 0.12.4 → 0.13.0

package/bundles/limble-limble-tree.umd.js

@@ -1,2910 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('@limble/limble-tree', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.limble = global.limble || {}, global.limble['limble-tree'] = {}), global.ng.core, global.rxjs, global.rxjs.operators, global.ng.common));
-}(this, (function (exports, i0, rxjs, operators, i2) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || from);
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    function arraysAreEqual(array1, array2) {
-        var e_1, _a;
-        if (array1.length !== array2.length) {
-            return false;
-        }
-        try {
-            for (var _b = __values(array1.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), index = _d[0], value1 = _d[1];
-                var value2 = array2[index];
-                if (value1 instanceof Array && value2 instanceof Array) {
-                    if (!arraysAreEqual(value1, value2)) {
-                        return false;
-                    }
-                }
-                else if (value1 !== value2) {
-                    return false;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return true;
-    }
-    function isElementDescendant(potentialAncestor, potentialDescendant) {
-        if (potentialAncestor === potentialDescendant) {
-            return true;
-        }
-        var cursor = potentialDescendant.parentNode;
-        while (cursor !== document) {
-            if (cursor === null) {
-                //Did not reach `document` or ancestor. potentialDescendant is not part of the DOM.
-                return undefined;
-            }
-            if (cursor === potentialAncestor) {
-                return true;
-            }
-            cursor = cursor.parentNode;
-        }
-        return false;
-    }
-    function isNestingAllowed(options, nodeData) {
-        return (options !== undefined &&
-            (options.allowNesting === true ||
-                (typeof options.allowNesting === "function" &&
-                    nodeData !== undefined &&
-                    options.allowNesting(nodeData) === true)));
-    }
-    function isDraggingAllowed(options, nodeData) {
-        return (options !== undefined &&
-            (options.allowDragging === true ||
-                (typeof options.allowDragging === "function" &&
-                    nodeData !== undefined &&
-                    options.allowDragging(nodeData) === true)));
-    }
-    function isFirefox() {
-        return navigator.userAgent.includes("Firefox");
-    }
-    /** Because drop zones can disappear when the mouse moves, sometimes
-     * moving the mouse just a little bit inside the tree causes the tree to
-     * shrink such that the mouse is no longer over the tree. In this case,
-     * a dragleave event may not fire, and we can't clear the drop zones. This
-     * function is used to catch this edge case.
-     */
-    function suddenTreeExit(event) {
-        if (event.target === null || !(event.target instanceof Element)) {
-            throw new Error("failed to get event target element");
-        }
-        var treeEventHost = event.target.closest(".tree-event-host");
-        if (treeEventHost === null) {
-            console.log(event.target);
-            throw new Error("failed to find treeEventHost");
-        }
-        var rect = treeEventHost.getBoundingClientRect();
-        var clientY = event.clientY;
-        if (clientY > rect.bottom || clientY < rect.top) {
-            return true;
-        }
-        return false;
-    }
-
-    var DropZoneLocation = /** @class */ (function () {
-        function DropZoneLocation(parentCoordinates, insertIndex) {
-            this.parentCoordinates = parentCoordinates;
-            this.insertIndex = insertIndex;
-        }
-        DropZoneLocation.prototype.getFullInsertCoordinates = function () {
-            return __spreadArray(__spreadArray([], __read(this.parentCoordinates)), [this.insertIndex]);
-        };
-        DropZoneLocation.prototype.setParentCoordinates = function (coordinates) {
-            this.parentCoordinates = coordinates;
-        };
-        DropZoneLocation.prototype.setInsertIndex = function (index) {
-            this.insertIndex = index;
-        };
-        return DropZoneLocation;
-    }());
-
-    var DropZone = /** @class */ (function () {
-        function DropZone(parentCoordinates, insertIndex) {
-            this.location = new DropZoneLocation(parentCoordinates, insertIndex);
-            this.rendered = false;
-            this.visible = false;
-            this.active = false;
-            this.commChannel = new rxjs.Subject();
-        }
-        DropZone.dropZoneLocationsAreEqual = function (valueA, valueB) {
-            return arraysAreEqual(valueA.getFullInsertCoordinates(), valueB.getFullInsertCoordinates());
-        };
-        DropZone.prototype.isRendered = function (set) {
-            if (set === void 0) { set = undefined; }
-            if (set !== undefined) {
-                this.rendered = set;
-                if (this.commChannel !== undefined) {
-                    this.commChannel.next("checkRendered");
-                }
-                if (this.rendered === false) {
-                    this.isVisible(false);
-                }
-            }
-            return this.rendered;
-        };
-        DropZone.prototype.isVisible = function (set) {
-            if (set === void 0) { set = undefined; }
-            if (set !== undefined) {
-                this.visible = set;
-                if (this.commChannel !== undefined) {
-                    this.commChannel.next("checkVisible");
-                }
-                if (this.visible === false) {
-                    this.isActive(false);
-                }
-            }
-            return this.visible;
-        };
-        DropZone.prototype.isActive = function (set) {
-            if (set === void 0) { set = undefined; }
-            if (set !== undefined) {
-                this.active = set;
-                if (this.commChannel !== undefined) {
-                    this.commChannel.next("checkActive");
-                }
-            }
-            return this.active;
-        };
-        DropZone.prototype.getLocation = function () {
-            return this.location;
-        };
-        DropZone.prototype.getFamily = function () {
-            return this.family;
-        };
-        DropZone.prototype.setFamily = function (family) {
-            this.family = family;
-        };
-        DropZone.prototype.getCommChannel = function () {
-            return this.commChannel;
-        };
-        DropZone.prototype.getFullInsertCoordinates = function () {
-            return this.location.getFullInsertCoordinates();
-        };
-        DropZone.prototype.setHost = function (host) {
-            this.host = host;
-            return this.host;
-        };
-        DropZone.prototype.getHost = function () {
-            return this.host;
-        };
-        return DropZone;
-    }());
-
-    var DragStateService = /** @class */ (function () {
-        function DragStateService() {
-            this.state = "idle";
-            this.state$ = new rxjs.BehaviorSubject(this.state);
-        }
-        /** Called to indicate that something is being dragged. Stores that something for later. */
-        DragStateService.prototype.dragging = function (branch, parentContainer) {
-            this._tempData = {
-                branch: branch,
-                parentContainer: parentContainer
-            };
-            this.state = "dragging";
-            this.state$.next(this.state);
-        };
-        /** Called to indicate that there is a valid active drop zone. Drop is now possible. */
-        DragStateService.prototype.droppable = function () {
-            if (this.state !== "dragging") {
-                throw new Error("Can only call `droppable` when state is `dragging`");
-            }
-            this.state = "droppable";
-            this.state$.next(this.state);
-        };
-        /** Called to indicate that there is no longer a valid active drop zone. Drop is no longer possible. */
-        DragStateService.prototype.notDroppable = function () {
-            if (this.state !== "droppable") {
-                throw new Error("Can only call `notDroppable` when state is `droppable`");
-            }
-            this.state = "dragging";
-            this.state$.next(this.state);
-        };
-        /** Called to indicate that a drop into a valid drop zone has occurred. Returns the item that was dropped.  */
-        DragStateService.prototype.capture = function () {
-            var _a;
-            if (this.state !== "droppable") {
-                throw new Error("Can only move to `captured` state from `droppable` state");
-            }
-            this.state = "captured";
-            this.state$.next(this.state);
-            return (_a = this._tempData) === null || _a === void 0 ? void 0 : _a.branch;
-        };
-        /** Called to reset the service for future drags */
-        DragStateService.prototype.release = function () {
-            this._tempData = undefined;
-            this.state = "idle";
-            this.state$.next(this.state);
-        };
-        /** gets the current thing being dragged, if any. */
-        DragStateService.prototype.getData = function () {
-            return this._tempData;
-        };
-        /** gets the current state */
-        DragStateService.prototype.getState = function () {
-            return this.state;
-        };
-        return DragStateService;
-    }());
-    DragStateService.ɵfac = function DragStateService_Factory(t) { return new (t || DragStateService)(); };
-    DragStateService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: DragStateService, factory: DragStateService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DragStateService, [{
-                type: i0.Injectable
-            }], function () { return []; }, null);
-    })();
-
-    var TreeConstructionStatus = /** @class */ (function () {
-        function TreeConstructionStatus() {
-            this.beingBuilt = 0;
-            this.isReady = false;
-            this.stable$ = new rxjs.BehaviorSubject(this.treeIsStable());
-        }
-        TreeConstructionStatus.prototype.constructing = function () {
-            this.beingBuilt++;
-            this.emit();
-        };
-        TreeConstructionStatus.prototype.doneConstructing = function () {
-            this.beingBuilt--;
-            this.emit();
-        };
-        TreeConstructionStatus.prototype.treeIsStable = function () {
-            return this.isReady === true && this.beingBuilt === 0;
-        };
-        TreeConstructionStatus.prototype.ready = function (val) {
-            this.isReady = val;
-        };
-        TreeConstructionStatus.prototype.emit = function () {
-            this.stable$.next(this.treeIsStable());
-        };
-        return TreeConstructionStatus;
-    }());
-    TreeConstructionStatus.ɵfac = function TreeConstructionStatus_Factory(t) { return new (t || TreeConstructionStatus)(); };
-    TreeConstructionStatus.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: TreeConstructionStatus, factory: TreeConstructionStatus.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TreeConstructionStatus, [{
-                type: i0.Injectable
-            }], function () { return []; }, null);
-    })();
-
-    function sortFamily(memberA, memberB) {
-        var aCoordinates = memberA.getFullInsertCoordinates();
-        var bCoordinates = memberB.getFullInsertCoordinates();
-        if (aCoordinates.length > bCoordinates.length) {
-            return -1;
-        }
-        if (aCoordinates.length < bCoordinates.length) {
-            return 1;
-        }
-        return 0;
-    }
-    var DropZoneService = /** @class */ (function () {
-        function DropZoneService(dragStateService, treeConstructionStatus) {
-            var _this = this;
-            this.dragStateService = dragStateService;
-            this.dropZoneArchive = new Set();
-            this.dropZoneInventory = [];
-            this.dropZoneFamilies = [];
-            this.visibleFamily = null;
-            this.activeDropZone = null;
-            this.tempFamilies = [];
-            this.setActiveDropZone(null);
-            var treeIsStable = false;
-            var treeIsStable$ = treeConstructionStatus.stable$.pipe(operators.tap(function (value) {
-                treeIsStable = value;
-            }), operators.filter(function (value) { return value === true; }));
-            this.update$ = new rxjs.Subject();
-            this.update$
-                .pipe(operators.debounce(function () {
-                if (treeIsStable === true) {
-                    //If tree is stable, continue right away
-                    return Promise.resolve();
-                }
-                //If tree is not stable, wait for it to become so.
-                return treeIsStable$;
-            }))
-                .subscribe(function () {
-                setTimeout(function () {
-                    _this.updateDropZones();
-                });
-            });
-        }
-        DropZoneService.prototype.addDropZone = function (newDropZone) {
-            this.dropZoneArchive.add(newDropZone);
-        };
-        /** hides all drop zones */
-        DropZoneService.prototype.clearVisibleZones = function () {
-            var e_1, _e;
-            if (this.visibleFamily !== null) {
-                try {
-                    for (var _f = __values(this.visibleFamily.members), _g = _f.next(); !_g.done; _g = _f.next()) {
-                        var member = _g.value;
-                        member.isVisible(false);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                this.visibleFamily = null;
-            }
-            this.setActiveDropZone(null);
-        };
-        DropZoneService.prototype.getActiveDropZone = function () {
-            return this.activeDropZone;
-        };
-        DropZoneService.prototype.getDropZone = function (coordinates) {
-            var parent = __spreadArray([], __read(coordinates));
-            parent.pop();
-            var index = coordinates[coordinates.length - 1];
-            var location = new DropZoneLocation(parent, index);
-            return this.dropZoneInventory.find(function (dropZone) { return DropZone.dropZoneLocationsAreEqual(dropZone, location); });
-        };
-        DropZoneService.prototype.init = function (tree, treeOptions) {
-            this.tree = tree;
-            this.treeOptions = treeOptions;
-            this.update();
-        };
-        DropZoneService.prototype.removeDropZone = function (dropZone) {
-            this.dropZoneArchive.delete(dropZone);
-        };
-        /** hides all drop zones, deletes all the family assignments,
-         * and empties the dropZoneInventory
-         */
-        DropZoneService.prototype.reset = function () {
-            this.clearVisibleZones();
-            this.dropZoneFamilies.length = 0;
-            this.dropZoneInventory.length = 0;
-        };
-        /**
-         * Restores the service to its initial state: hides all drop zones,
-         * deletes all the family assignments, and empties the dropZoneInventory
-         * and dropZoneArchive.
-         */
-        DropZoneService.prototype.restart = function () {
-            this.reset();
-            this.dropZoneArchive.clear();
-        };
-        DropZoneService.prototype.restoreFamilies = function () {
-            var e_2, _e, e_3, _f;
-            if (this.tempFamilies.length === 2) {
-                this.dropZoneFamilies.pop();
-                this.dropZoneFamilies.push(this.tempFamilies[0]);
-                try {
-                    for (var _g = __values(this.tempFamilies[0].members), _h = _g.next(); !_h.done; _h = _g.next()) {
-                        var member = _h.value;
-                        member.setFamily(this.tempFamilies[0]);
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (_h && !_h.done && (_e = _g.return)) _e.call(_g);
-                    }
-                    finally { if (e_2) throw e_2.error; }
-                }
-                if (this.tempFamilies[1] !== null) {
-                    this.dropZoneFamilies.push(this.tempFamilies[1]);
-                    try {
-                        for (var _j = __values(this.tempFamilies[1].members), _k = _j.next(); !_k.done; _k = _j.next()) {
-                            var member = _k.value;
-                            member.setFamily(this.tempFamilies[1]);
-                        }
-                    }
-                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                    finally {
-                        try {
-                            if (_k && !_k.done && (_f = _j.return)) _f.call(_j);
-                        }
-                        finally { if (e_3) throw e_3.error; }
-                    }
-                }
-                this.tempFamilies = [];
-            }
-        };
-        /**
-         * Shows the drop zone family of the drop zone indicated by `coordinates`.
-         */
-        DropZoneService.prototype.showDropZoneFamily = function (
-        /** Note: this drop zone may not exist in the dropZoneInventory; we have to search the inventory based on its location */
-        dropZone, options) {
-            var e_4, _e, e_5, _f, e_6, _g;
-            if (options === void 0) { options = { joinFamilies: false, activateLowestInsteadOfFounder: false }; }
-            if (this.activeDropZone !== null &&
-                DropZone.dropZoneLocationsAreEqual(this.activeDropZone, dropZone)) {
-                //Already showing the family with the appropriate active drop zone
-                return;
-            }
-            if (this.visibleFamily !== null || this.activeDropZone !== null) {
-                this.clearVisibleZones();
-            }
-            var target = this.dropZoneInventory.find(function (zone) { return DropZone.dropZoneLocationsAreEqual(zone, dropZone); });
-            if (target === undefined) {
-                throw new Error("Could not find drop zone to show. location: " + JSON.stringify(dropZone.getLocation()));
-            }
-            var family = target.getFamily();
-            if (options.joinFamilies === true) {
-                var location1 = dropZone.getLocation();
-                var location2_1 = new DropZoneLocation(__spreadArray([], __read(location1.parentCoordinates)), location1.insertIndex + 1);
-                var target2 = this.dropZoneInventory.find(function (zone) { return DropZone.dropZoneLocationsAreEqual(zone, location2_1); });
-                if (target2 === undefined) {
-                    throw new Error("Could not find drop zone to show");
-                }
-                var family2 = target2.getFamily();
-                if (family === undefined || family2 === undefined) {
-                    throw new Error("No family");
-                }
-                var newFamily = {
-                    founder: family.founder,
-                    members: __spreadArray([], __read(family.members))
-                };
-                this.showDropZone(family.founder, true);
-                try {
-                    for (var _h = __values(family.members.sort(sortFamily)), _j = _h.next(); !_j.done; _j = _h.next()) {
-                        var member = _j.value;
-                        member.setFamily(newFamily);
-                        if (member !== family.founder) {
-                            if (this.activeDropZone === null) {
-                                //Failed to activate a zone so far, so activate this one instead
-                                this.showDropZone(member, true);
-                            }
-                            else {
-                                this.showDropZone(member);
-                            }
-                        }
-                    }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
-                    try {
-                        if (_j && !_j.done && (_e = _h.return)) _e.call(_h);
-                    }
-                    finally { if (e_4) throw e_4.error; }
-                }
-                try {
-                    for (var _k = __values(family2.members), _l = _k.next(); !_l.done; _l = _k.next()) {
-                        var member = _l.value;
-                        member.setFamily(newFamily);
-                        if (member.getLocation().parentCoordinates.length <
-                            target2.getLocation().parentCoordinates.length) {
-                            newFamily.members.push(member);
-                            this.showDropZone(member);
-                        }
-                    }
-                }
-                catch (e_5_1) { e_5 = { error: e_5_1 }; }
-                finally {
-                    try {
-                        if (_l && !_l.done && (_f = _k.return)) _f.call(_k);
-                    }
-                    finally { if (e_5) throw e_5.error; }
-                }
-                //Temporarily store the old families
-                this.tempFamilies = [family, family2];
-                //Remove the old families
-                var familyIndex = this.dropZoneFamilies.indexOf(family);
-                this.dropZoneFamilies.splice(familyIndex, 1);
-                var family2Index = this.dropZoneFamilies.indexOf(family2);
-                this.dropZoneFamilies.splice(family2Index, 1);
-                //Add the new family
-                this.dropZoneFamilies.push(newFamily);
-                this.visibleFamily = newFamily;
-            }
-            else {
-                if (family === undefined) {
-                    throw new Error("No family");
-                }
-                this.visibleFamily = family;
-                this.showDropZone(family.founder, true);
-                if (family.members.length > 1) {
-                    try {
-                        for (var _m = __values(family.members.sort(sortFamily)), _o = _m.next(); !_o.done; _o = _m.next()) {
-                            var member = _o.value;
-                            if (member !== family.founder) {
-                                if (this.activeDropZone === null) {
-                                    //Failed to activate a zone so far, so activate this one instead
-                                    this.showDropZone(member, true);
-                                }
-                                else {
-                                    this.showDropZone(member);
-                                }
-                            }
-                        }
-                    }
-                    catch (e_6_1) { e_6 = { error: e_6_1 }; }
-                    finally {
-                        try {
-                            if (_o && !_o.done && (_g = _m.return)) _g.call(_m);
-                        }
-                        finally { if (e_6) throw e_6.error; }
-                    }
-                }
-            }
-            if (options.activateLowestInsteadOfFounder === true &&
-                this.visibleFamily.members.length > 1) {
-                var lowestMember = __spreadArray([], __read(this.visibleFamily.members)).sort(sortFamily)
-                    .pop();
-                if (lowestMember === undefined) {
-                    throw new Error("Could not get lowest member");
-                }
-                this.swapActiveDropZone(lowestMember);
-            }
-        };
-        DropZoneService.prototype.swapActiveDropZone = function (newActiveDropZone) {
-            if (this.visibleFamily === null) {
-                throw new Error("No visible family available for swapping");
-            }
-            var index = this.visibleFamily.members.findIndex(function (dropZone) { return dropZone === newActiveDropZone; });
-            if (index === -1) {
-                throw new Error("failed to swap active drop zone");
-            }
-            this.setActiveDropZone(newActiveDropZone);
-        };
-        DropZoneService.prototype.update = function () {
-            this.update$.next(null);
-        };
-        DropZoneService.prototype.assignFamilies = function () {
-            var e_7, _e, e_8, _f, e_9, _g;
-            var orphanZones = __spreadArray([], __read(this.dropZoneInventory));
-            var deepestMembers = orphanZones
-                .filter(function (zone) {
-                var location = zone.getLocation();
-                return (location.insertIndex === 0 &&
-                    location.parentCoordinates.length > 0);
-            })
-                .sort(function (valueA, valueB) {
-                var _a, _b, _c, _d;
-                var aCoordinates = valueA.getFullInsertCoordinates();
-                var bCoordinates = valueB.getFullInsertCoordinates();
-                var length = Math.max(aCoordinates.length, bCoordinates.length);
-                for (var index = 0; index < length; index++) {
-                    if (((_a = aCoordinates[index]) !== null && _a !== void 0 ? _a : -1) > ((_b = bCoordinates[index]) !== null && _b !== void 0 ? _b : -1)) {
-                        return -1;
-                    }
-                    else if (((_c = aCoordinates[index]) !== null && _c !== void 0 ? _c : -1) < ((_d = bCoordinates[index]) !== null && _d !== void 0 ? _d : -1)) {
-                        return 1;
-                    }
-                }
-                return 0;
-            });
-            var _loop_1 = function (dropZone) {
-                if (!orphanZones.includes(dropZone)) {
-                    return "continue";
-                }
-                var family = {
-                    founder: dropZone,
-                    members: []
-                };
-                dropZone.setFamily(family);
-                //See if there are any orphans that belong to this family and claim them.
-                var cursor = __spreadArray([], __read(dropZone.getFullInsertCoordinates()));
-                while (cursor.length > 0) {
-                    var familyMemberIndex = orphanZones.findIndex(function (zone) { return arraysAreEqual(zone.getFullInsertCoordinates(), cursor); });
-                    if (familyMemberIndex !== -1) {
-                        var familyMember = orphanZones.splice(familyMemberIndex, 1)[0];
-                        family.members.push(familyMember);
-                        familyMember.setFamily(family);
-                    }
-                    cursor.pop();
-                    cursor[cursor.length - 1]++;
-                }
-                this_1.dropZoneFamilies.push(family);
-            };
-            var this_1 = this;
-            try {
-                for (var deepestMembers_1 = __values(deepestMembers), deepestMembers_1_1 = deepestMembers_1.next(); !deepestMembers_1_1.done; deepestMembers_1_1 = deepestMembers_1.next()) {
-                    var dropZone = deepestMembers_1_1.value;
-                    _loop_1(dropZone);
-                }
-            }
-            catch (e_7_1) { e_7 = { error: e_7_1 }; }
-            finally {
-                try {
-                    if (deepestMembers_1_1 && !deepestMembers_1_1.done && (_e = deepestMembers_1.return)) _e.call(deepestMembers_1);
-                }
-                finally { if (e_7) throw e_7.error; }
-            }
-            try {
-                for (var _h = __values(orphanZones.filter(function (zone) { return zone.getFullInsertCoordinates().length === 1; })), _j = _h.next(); !_j.done; _j = _h.next()) {
-                    var dropZone = _j.value;
-                    var family = {
-                        founder: dropZone,
-                        members: [dropZone]
-                    };
-                    dropZone.setFamily(family);
-                    this.dropZoneFamilies.push(family);
-                    orphanZones.splice(orphanZones.indexOf(dropZone), 1);
-                }
-            }
-            catch (e_8_1) { e_8 = { error: e_8_1 }; }
-            finally {
-                try {
-                    if (_j && !_j.done && (_f = _h.return)) _f.call(_h);
-                }
-                finally { if (e_8) throw e_8.error; }
-            }
-            if (orphanZones.length !== 0) {
-                var orphans = "";
-                try {
-                    for (var orphanZones_1 = __values(orphanZones), orphanZones_1_1 = orphanZones_1.next(); !orphanZones_1_1.done; orphanZones_1_1 = orphanZones_1.next()) {
-                        var zone = orphanZones_1_1.value;
-                        orphans += JSON.stringify(zone.getLocation()) + ", ";
-                    }
-                }
-                catch (e_9_1) { e_9 = { error: e_9_1 }; }
-                finally {
-                    try {
-                        if (orphanZones_1_1 && !orphanZones_1_1.done && (_g = orphanZones_1.return)) _g.call(orphanZones_1);
-                    }
-                    finally { if (e_9) throw e_9.error; }
-                }
-                orphans = orphans.slice(0, orphans.length - 2);
-                throw new Error("Some zones were not assigned to a family. The orphan zones have the following locations: " + orphans);
-            }
-        };
-        DropZoneService.prototype.buildInventory = function () {
-            var e_10, _e;
-            //We do this funky string array because it is faster than doing direct array comparisons
-            var inventoryCoordinates = [];
-            try {
-                for (var _f = __values(this.dropZoneArchive), _g = _f.next(); !_g.done; _g = _f.next()) {
-                    var dropZone = _g.value;
-                    var coordinates = dropZone.getFullInsertCoordinates().join(",");
-                    if (inventoryCoordinates.includes(coordinates)) {
-                        dropZone.isRendered(false);
-                    }
-                    else {
-                        this.dropZoneInventory.push(dropZone);
-                        inventoryCoordinates.push(coordinates);
-                        dropZone.isRendered(true);
-                    }
-                }
-            }
-            catch (e_10_1) { e_10 = { error: e_10_1 }; }
-            finally {
-                try {
-                    if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
-                }
-                finally { if (e_10) throw e_10.error; }
-            }
-        };
-        DropZoneService.prototype.setActiveDropZone = function (dropZone) {
-            if (this.activeDropZone !== null) {
-                this.activeDropZone.isActive(false);
-            }
-            this.activeDropZone = dropZone;
-            if (this.activeDropZone !== null &&
-                this.dragStateService.getState() !== "droppable") {
-                this.dragStateService.droppable();
-            }
-            else if (this.activeDropZone === null &&
-                this.dragStateService.getState() === "droppable") {
-                this.dragStateService.notDroppable();
-            }
-            if (this.activeDropZone !== null) {
-                this.activeDropZone.isActive(true);
-            }
-        };
-        DropZoneService.prototype.showDropZone = function (dropZone, active) {
-            if (active === void 0) { active = false; }
-            if (this.tree === undefined) {
-                throw new Error("DropZoneService not initialized");
-            }
-            if (!this.zoneIsAllowed(dropZone)) {
-                //User settings indicate to skip this drop zone
-                return false;
-            }
-            var parent = this.tree.findByCoordinates(dropZone.getLocation().parentCoordinates);
-            if (parent === undefined) {
-                throw new Error("Bad family member");
-            }
-            dropZone.isVisible(true);
-            if (active === true) {
-                this.setActiveDropZone(dropZone);
-            }
-            return true;
-        };
-        DropZoneService.prototype.updateDropZones = function () {
-            this.reset();
-            this.buildInventory();
-            this.assignFamilies();
-        };
-        DropZoneService.prototype.zoneIsAllowed = function (dropZone) {
-            if (this.treeOptions === undefined || this.tree === undefined) {
-                throw new Error("dropZoneService not initialized");
-            }
-            var data = this.dragStateService.getData();
-            if (data === undefined) {
-                throw new Error("Can't get dragged node");
-            }
-            var parentCoordinates = dropZone.getLocation().parentCoordinates;
-            var dropZoneParent = this.tree.findByCoordinates(parentCoordinates);
-            if (dropZoneParent === undefined) {
-                throw new Error("Could not get drop zone parent");
-            }
-            if (parentCoordinates.length > 0 &&
-                !isNestingAllowed(this.treeOptions, dropZoneParent.data)) {
-                return false;
-            }
-            var dropZoneIndex = dropZone.getLocation().insertIndex;
-            if (dropZoneIndex === undefined) {
-                throw new Error("Could not get drop zone index");
-            }
-            var draggedNode = data.branch;
-            if (!this.treeOptions.allowDrop(draggedNode.data, dropZoneParent.data, dropZoneIndex)) {
-                return false;
-            }
-            return true;
-        };
-        return DropZoneService;
-    }());
-    DropZoneService.ɵfac = function DropZoneService_Factory(t) { return new (t || DropZoneService)(i0__namespace.ɵɵinject(DragStateService), i0__namespace.ɵɵinject(TreeConstructionStatus)); };
-    DropZoneService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: DropZoneService, factory: DropZoneService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DropZoneService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: DragStateService }, { type: TreeConstructionStatus }]; }, null);
-    })();
-
-    var Branch = /** @class */ (function () {
-        function Branch(data) {
-            this.data = data;
-            this.children = [];
-            this.parent = null;
-        }
-        Branch.prototype.isRoot = function () {
-            return this.parent === null;
-        };
-        Branch.prototype.getParent = function () {
-            return this.parent;
-        };
-        Branch.prototype.setParent = function (parent) {
-            this.parent = parent;
-        };
-        Branch.prototype.findByCoordinates = function (relativeCoordinates) {
-            var e_1, _a;
-            var cursor = this;
-            try {
-                for (var _b = __values(relativeCoordinates.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var index = _c.value;
-                    cursor = cursor.getChild(index);
-                    if (cursor === undefined) {
-                        return undefined;
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return cursor;
-        };
-        Branch.prototype.getCoordinates = function () {
-            var coordinates = [];
-            var cursor = this;
-            while (cursor.parent !== null) {
-                var cursorIndex = cursor.getIndex();
-                if (cursorIndex === undefined || cursorIndex === null) {
-                    throw new Error("Could not get cursor index");
-                }
-                coordinates.unshift(cursorIndex);
-                cursor = cursor.parent;
-            }
-            return coordinates;
-        };
-        Branch.prototype.getChild = function (index) {
-            return this.children[index];
-        };
-        Branch.prototype.getChildren = function () {
-            return this.children;
-        };
-        Branch.prototype.clearChildren = function () {
-            var e_2, _a;
-            try {
-                for (var _b = __values(this.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var child = _c.value;
-                    child.setParent(null);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            this.children.length = 0;
-        };
-        Branch.prototype.getIndex = function () {
-            var _this = this;
-            if (this.parent === null) {
-                return null;
-            }
-            var index = this.parent.children.findIndex(function (branch) { return branch === _this; });
-            if (index === -1) {
-                return undefined;
-            }
-            return index;
-        };
-        Branch.prototype.getDescendant = function (relativeCoordinates) {
-            var e_3, _a;
-            var cursor = this;
-            try {
-                for (var relativeCoordinates_1 = __values(relativeCoordinates), relativeCoordinates_1_1 = relativeCoordinates_1.next(); !relativeCoordinates_1_1.done; relativeCoordinates_1_1 = relativeCoordinates_1.next()) {
-                    var index = relativeCoordinates_1_1.value;
-                    cursor = cursor.children[index];
-                    if (cursor === undefined) {
-                        return undefined;
-                    }
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (relativeCoordinates_1_1 && !relativeCoordinates_1_1.done && (_a = relativeCoordinates_1.return)) _a.call(relativeCoordinates_1);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-            return cursor;
-        };
-        Branch.prototype.findDescendant = function (predicate) {
-            var e_4, _a;
-            if (predicate(this.data) === true) {
-                return this;
-            }
-            if (this.children.length > 0) {
-                try {
-                    for (var _b = __values(this.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var child = _c.value;
-                        var foundDeeper = child.findDescendant(predicate);
-                        if (foundDeeper !== undefined) {
-                            return foundDeeper;
-                        }
-                    }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_4) throw e_4.error; }
-                }
-            }
-            return undefined;
-        };
-        Branch.prototype.getAncestors = function () {
-            var result = [];
-            var cursor = this;
-            while (cursor.parent !== null) {
-                result.push(cursor.parent);
-                cursor = cursor.parent;
-            }
-            return result;
-        };
-        Branch.prototype.appendChild = function (child) {
-            if (child.getParent() !== null) {
-                child.remove();
-            }
-            child.setParent(this);
-            this.children.push(child);
-            return child;
-        };
-        Branch.prototype.insertChild = function (child, index) {
-            var isOwnChild = this.children.indexOf(child);
-            if (isOwnChild === -1) {
-                if (child.getParent() !== null) {
-                    child.remove();
-                }
-                child.setParent(this);
-                this.children.splice(index, 0, child);
-            }
-            else {
-                if (index > isOwnChild) {
-                    //Insert first, then remove
-                    this.children.splice(index, 0, child);
-                    this.removeChild(isOwnChild);
-                    child.setParent(this);
-                }
-                else {
-                    //remove first, then insert
-                    child.remove();
-                    this.children.splice(index, 0, child);
-                    child.setParent(this);
-                }
-            }
-            return child;
-        };
-        Branch.prototype.removeChild = function (index) {
-            var target = this.children.splice(index, 1)[0];
-            target.setParent(null);
-            return target;
-        };
-        Branch.prototype.remove = function () {
-            var index = this.getIndex();
-            if (this.parent === null || index === undefined || index === null) {
-                throw new Error("can't remove root");
-            }
-            return this.parent.removeChild(index);
-        };
-        Branch.prototype.copy = function () {
-            var copy = this.copyHelper();
-            copy.setParent(null);
-            return copy;
-        };
-        Branch.prototype.copyHelper = function () {
-            var e_5, _a;
-            var copy = new Branch(this.data);
-            try {
-                for (var _b = __values(this.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var child = _c.value;
-                    var newChild = copy.appendChild(child.copyHelper());
-                    newChild.parent = copy;
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
-            return copy;
-        };
-        return Branch;
-    }());
-
-    var _c0$3 = function (a0, a1) { return { active: a0, related: a1 }; };
-    function DropZoneComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r2_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 1);
-            i0__namespace.ɵɵlistener("dragenter", function DropZoneComponent_div_0_Template_div_dragenter_0_listener() { i0__namespace.ɵɵrestoreView(_r2_1); var ctx_r1 = i0__namespace.ɵɵnextContext(); return ctx_r1.dragenterHandler(); });
-            i0__namespace.ɵɵelement(1, "div", 2);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(1, _c0$3, ctx_r0.active, !ctx_r0.active));
-        }
-    }
-    var DropZoneComponent = /** @class */ (function () {
-        function DropZoneComponent(dropZoneService, changeDetectorRef) {
-            this.dropZoneService = dropZoneService;
-            this.changeDetectorRef = changeDetectorRef;
-            this.visible = false;
-            this.active = false;
-        }
-        DropZoneComponent.prototype.dragenterHandler = function () {
-            if (this.dropZone === undefined || this.active === true) {
-                return;
-            }
-            this.dropZoneService.swapActiveDropZone(this.dropZone);
-        };
-        DropZoneComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.dropZone === undefined) {
-                throw new Error("No drop zone object at component initialization");
-            }
-            this.commSubscription = this.dropZone
-                .getCommChannel()
-                .subscribe(function (message) {
-                var _a, _b, _c, _d;
-                switch (message) {
-                    case "checkVisible": {
-                        _this.visible = (_b = (_a = _this.dropZone) === null || _a === void 0 ? void 0 : _a.isVisible()) !== null && _b !== void 0 ? _b : false;
-                        break;
-                    }
-                    case "checkActive": {
-                        _this.active = (_d = (_c = _this.dropZone) === null || _c === void 0 ? void 0 : _c.isActive()) !== null && _d !== void 0 ? _d : false;
-                        break;
-                    }
-                    case "checkRendered": {
-                        //Do nothing. This message is for other subscribers
-                        break;
-                    }
-                    default: {
-                        throw new Error("unhandled comm message");
-                    }
-                }
-                _this.changeDetectorRef.detectChanges();
-            });
-        };
-        DropZoneComponent.prototype.ngOnDestroy = function () {
-            if (this.commSubscription !== undefined) {
-                this.commSubscription.unsubscribe();
-            }
-        };
-        return DropZoneComponent;
-    }());
-    DropZoneComponent.ɵfac = function DropZoneComponent_Factory(t) { return new (t || DropZoneComponent)(i0__namespace.ɵɵdirectiveInject(DropZoneService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
-    DropZoneComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: DropZoneComponent, selectors: [["drop-zone"]], inputs: { dropZone: "dropZone" }, decls: 1, vars: 1, consts: [["class", "dropZoneContainer", 3, "dragenter", 4, "ngIf"], [1, "dropZoneContainer", 3, "dragenter"], [3, "ngClass"]], template: function DropZoneComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, DropZoneComponent_div_0_Template, 2, 4, "div", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.visible);
-            }
-        }, directives: [i2__namespace.NgIf, i2__namespace.NgClass], styles: [".active[_ngcontent-%COMP%]{margin:10px 0;width:calc(100% - 20px);height:105px;border-radius:5px;background:#f0f9ff;border:2px dashed #bed2db;box-sizing:border-box}.related[_ngcontent-%COMP%]{margin:10px 0;width:calc(100% - 20px);height:30px;border-radius:5px;background:#fff6f0;border:1px dashed #dbccbe;box-sizing:border-box;opacity:.8}.dropZoneContainer[_ngcontent-%COMP%]{position:relative}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DropZoneComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: "drop-zone",
-                        templateUrl: "./drop-zone.component.html",
-                        styleUrls: ["./drop-zone.component.scss"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: DropZoneService }, { type: i0__namespace.ChangeDetectorRef }]; }, { dropZone: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    var _c0$2 = ["children"];
-    function LimbleTreeBranchComponent_drop_zone_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "drop-zone", 3);
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("dropZone", ctx_r0.dropZoneInside);
-        }
-    }
-    function LimbleTreeBranchComponent_ng_template_3_Template(rf, ctx) { }
-    var LimbleTreeBranchComponent = /** @class */ (function () {
-        function LimbleTreeBranchComponent(treeService, changeDetectorRef, dropZoneService, treeConstructionStatus, ngZone) {
-            var _a;
-            this.treeService = treeService;
-            this.changeDetectorRef = changeDetectorRef;
-            this.dropZoneService = dropZoneService;
-            this.treeConstructionStatus = treeConstructionStatus;
-            this.ngZone = ngZone;
-            this.treeConstructionStatus.constructing();
-            this.indent = (_a = this.treeService.treeOptions) === null || _a === void 0 ? void 0 : _a.indent;
-            this.renderDropZoneInside = false;
-        }
-        LimbleTreeBranchComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.addDropZoneInside();
-            this.ngZone.runOutsideAngular(function () {
-                if (_this.dropZoneInside === undefined) {
-                    throw new Error("drop zone inside is not defined");
-                }
-                _this.dropZoneInside
-                    .getCommChannel()
-                    .pipe(operators.filter(function (message) { return message === "checkRendered"; }))
-                    .subscribe(function () {
-                    if (_this.dropZoneInside === undefined ||
-                        _this.branch === undefined) {
-                        throw new Error("Zones not registered");
-                    }
-                    if (isNestingAllowed(_this.treeService.treeOptions, _this.branch.data)) {
-                        _this.renderDropZoneInside = _this.dropZoneInside.isRendered();
-                    }
-                });
-            });
-        };
-        LimbleTreeBranchComponent.prototype.ngAfterViewInit = function () {
-            this.reRender();
-            this.setDropZoneHost();
-            this.treeConstructionStatus.doneConstructing();
-            this.changeDetectorRef.detectChanges();
-        };
-        LimbleTreeBranchComponent.prototype.ngOnDestroy = function () {
-            if (this.dropZoneInside !== undefined) {
-                this.dropZoneService.removeDropZone(this.dropZoneInside);
-            }
-            this.treeService.cleanupSignal$.next(true);
-        };
-        LimbleTreeBranchComponent.prototype.addDropZoneInside = function () {
-            if (this.branch === undefined) {
-                throw new Error("failed to register drop zone inside");
-            }
-            this.dropZoneInside = new DropZone(__spreadArray([], __read(this.branch.getCoordinates())), 0);
-            this.dropZoneService.addDropZone(this.dropZoneInside);
-        };
-        LimbleTreeBranchComponent.prototype.reRender = function () {
-            if (this.children === undefined || this.branch === undefined) {
-                throw new Error("Failed to render limble tree branch");
-            }
-            this.treeService.renderBranch(this.children, this.branch);
-        };
-        LimbleTreeBranchComponent.prototype.setDropZoneHost = function () {
-            if (this.children === undefined || this.dropZoneInside === undefined) {
-                throw new Error("Failed to add drop zone host");
-            }
-            this.dropZoneInside.setHost(this.children);
-        };
-        return LimbleTreeBranchComponent;
-    }());
-    LimbleTreeBranchComponent.ɵfac = function LimbleTreeBranchComponent_Factory(t) { return new (t || LimbleTreeBranchComponent)(i0__namespace.ɵɵdirectiveInject(TreeService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(DropZoneService), i0__namespace.ɵɵdirectiveInject(TreeConstructionStatus), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone)); };
-    LimbleTreeBranchComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LimbleTreeBranchComponent, selectors: [["limble-tree-branch"]], viewQuery: function LimbleTreeBranchComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$2, 5, i0.ViewContainerRef);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.children = _t.first);
-            }
-        }, inputs: { branch: "branch" }, decls: 5, vars: 4, consts: [[3, "dropZone", 4, "ngIf"], [1, "limble-child-nodes", 3, "hidden"], ["children", ""], [3, "dropZone"]], template: function LimbleTreeBranchComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div");
-                i0__namespace.ɵɵtemplate(1, LimbleTreeBranchComponent_drop_zone_1_Template, 1, 1, "drop-zone", 0);
-                i0__namespace.ɵɵelementStart(2, "span", 1);
-                i0__namespace.ɵɵtemplate(3, LimbleTreeBranchComponent_ng_template_3_Template, 0, 0, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵstyleProp("margin-left", ctx.indent, "px");
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.renderDropZoneInside);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("hidden", ctx.branch && ctx.branch.data.collapsed);
-            }
-        }, directives: [i2__namespace.NgIf, DropZoneComponent], styles: [""] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LimbleTreeBranchComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: "limble-tree-branch",
-                        templateUrl: "./limble-tree-branch.component.html",
-                        styleUrls: ["./limble-tree-branch.component.scss"]
-                    }]
-            }], function () { return [{ type: TreeService }, { type: i0__namespace.ChangeDetectorRef }, { type: DropZoneService }, { type: TreeConstructionStatus }, { type: i0__namespace.NgZone }]; }, { branch: [{
-                    type: i0.Input
-                }], children: [{
-                    type: i0.ViewChild,
-                    args: ["children", { read: i0.ViewContainerRef }]
-                }] });
-    })();
-
-    var ComponentCreatorService = /** @class */ (function () {
-        function ComponentCreatorService(factoryResolver) {
-            this.factoryResolver = factoryResolver;
-            this.factoryResolver = factoryResolver;
-        }
-        ComponentCreatorService.prototype.appendComponent = function (component, viewContainerRef, index) {
-            if (index === void 0) { index = undefined; }
-            var componentFactory = this.factoryResolver.resolveComponentFactory(component);
-            var componentRef = viewContainerRef.createComponent(componentFactory, index);
-            return componentRef;
-        };
-        return ComponentCreatorService;
-    }());
-    ComponentCreatorService.ɵfac = function ComponentCreatorService_Factory(t) { return new (t || ComponentCreatorService)(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver)); };
-    ComponentCreatorService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: ComponentCreatorService, factory: ComponentCreatorService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ComponentCreatorService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: i0__namespace.ComponentFactoryResolver }]; }, null);
-    })();
-
-    function getScrollParent(element) {
-        var e_1, _b;
-        var _a;
-        var regex = /(auto|scroll)/;
-        var parents = function (_node, parentList) {
-            if (_node === null || _node.parentNode === null) {
-                return parentList;
-            }
-            return parents(_node.parentElement, parentList.concat([_node]));
-        };
-        var style = function (_node, prop) { return getComputedStyle(_node, null).getPropertyValue(prop); };
-        var overflow = function (_node) { return style(_node, "overflow") +
-            style(_node, "overflow-y") +
-            style(_node, "overflow-x"); };
-        var scroll = function (_node) { return regex.test(overflow(_node)); };
-        var parentList = parents(element.parentElement, []);
-        try {
-            for (var parentList_1 = __values(parentList), parentList_1_1 = parentList_1.next(); !parentList_1_1.done; parentList_1_1 = parentList_1.next()) {
-                var parent = parentList_1_1.value;
-                if (scroll(parent)) {
-                    return parent;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (parentList_1_1 && !parentList_1_1.done && (_b = parentList_1.return)) _b.call(parentList_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return ((_a = document.scrollingElement) !== null && _a !== void 0 ? _a : document.documentElement);
-    }
-    var GlobalEventsService = /** @class */ (function () {
-        function GlobalEventsService(ngZone) {
-            var _this = this;
-            this.ngZone = ngZone;
-            this.ngZone.runOutsideAngular(function () {
-                _this.globalDrag$ = rxjs.fromEvent(document, "drag");
-            });
-            this.scrolling = false;
-        }
-        GlobalEventsService.prototype.addScrolling = function () {
-            var _this = this;
-            this.ngZone.runOutsideAngular(function () {
-                if (_this.globalDragSubscription !== undefined) {
-                    return;
-                }
-                if (_this.globalDrag$ === undefined) {
-                    throw new Error("Could not get observable");
-                }
-                var viewPortHeight;
-                var scrollAreaSize;
-                var edgeTop;
-                var edgeBottom;
-                var isInTopScrollArea;
-                var isInBottomScrollArea;
-                var timer;
-                var scrollableDiv;
-                var relativeY;
-                _this.globalDragSubscription = _this.globalDrag$
-                    .pipe(operators.throttleTime(25), operators.filter(function (event) {
-                    if (!event.target) {
-                        return false;
-                    }
-                    scrollableDiv = getScrollParent(event.target);
-                    viewPortHeight = scrollableDiv.clientHeight;
-                    var viewPortWidth = scrollableDiv.clientWidth;
-                    var relativeX;
-                    if (window
-                        .getComputedStyle(scrollableDiv)
-                        .getPropertyValue("position")
-                        .toLowerCase() === "fixed") {
-                        relativeX = event.clientX;
-                        relativeY = event.clientY;
-                    }
-                    else {
-                        var boundingRect = scrollableDiv.getBoundingClientRect();
-                        var scrollableDivAncestor = getScrollParent(scrollableDiv);
-                        relativeX =
-                            event.clientX -
-                                (boundingRect.left + scrollableDivAncestor.scrollLeft);
-                        relativeY =
-                            event.clientY -
-                                (boundingRect.top + scrollableDivAncestor.scrollTop);
-                    }
-                    if (relativeX < 0 ||
-                        relativeX > viewPortWidth ||
-                        relativeY < 0 ||
-                        relativeY > viewPortHeight) {
-                        //Outside of scrollable div
-                        return false;
-                    }
-                    scrollAreaSize = Math.max(viewPortHeight * 0.1, 100);
-                    edgeTop = scrollAreaSize;
-                    edgeBottom = viewPortHeight - scrollAreaSize;
-                    isInTopScrollArea = relativeY < edgeTop;
-                    isInBottomScrollArea = relativeY > edgeBottom;
-                    return isInTopScrollArea || isInBottomScrollArea;
-                }))
-                    .subscribe(function () {
-                    if (scrollableDiv === null) {
-                        return;
-                    }
-                    var height = scrollableDiv.scrollHeight;
-                    var maxScrollY = height - viewPortHeight;
-                    var currentScrollY = scrollableDiv.scrollTop;
-                    var canScrollUp = currentScrollY > 0;
-                    var canScrollDown = currentScrollY < maxScrollY;
-                    var nextScrollY;
-                    var maxStep = 75;
-                    if (isInTopScrollArea && canScrollUp) {
-                        var intensity = (edgeTop - relativeY) / scrollAreaSize;
-                        nextScrollY = currentScrollY - maxStep * intensity;
-                    }
-                    else if (isInBottomScrollArea && canScrollDown) {
-                        var intensity = (relativeY - edgeBottom) / scrollAreaSize;
-                        nextScrollY = currentScrollY + maxStep * intensity;
-                    }
-                    else {
-                        return;
-                    }
-                    nextScrollY = Math.max(0, Math.min(maxScrollY, nextScrollY));
-                    if (nextScrollY !== currentScrollY) {
-                        scrollableDiv.scrollTo({ top: nextScrollY });
-                        _this.scrolling = true;
-                        clearTimeout(timer);
-                        timer = setTimeout(function () {
-                            _this.scrolling = false;
-                        }, 100);
-                    }
-                });
-            });
-        };
-        GlobalEventsService.prototype.removeScrolling = function () {
-            if (this.globalDragSubscription !== undefined) {
-                this.globalDragSubscription.unsubscribe();
-            }
-        };
-        return GlobalEventsService;
-    }());
-    GlobalEventsService.ɵfac = function GlobalEventsService_Factory(t) { return new (t || GlobalEventsService)(i0__namespace.ɵɵinject(i0__namespace.NgZone)); };
-    GlobalEventsService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: GlobalEventsService, factory: GlobalEventsService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(GlobalEventsService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: i0__namespace.NgZone }]; }, null);
-    })();
-
-    var _c0$1 = ["nodeHost"];
-    var _c1 = ["draggableDiv"];
-    var _c2 = ["nodeHostContainer"];
-    var _c3 = ["innerBranch"];
-    function LimbleTreeNodeComponent_drop_zone_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "drop-zone", 7);
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("dropZone", ctx_r0.dropZoneAbove);
-        }
-    }
-    function LimbleTreeNodeComponent_ng_template_5_Template(rf, ctx) { }
-    function LimbleTreeNodeComponent_limble_tree_branch_7_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "limble-tree-branch", 8, 9);
-        }
-        if (rf & 2) {
-            var ctx_r5 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("branch", ctx_r5.branch);
-        }
-    }
-    function LimbleTreeNodeComponent_drop_zone_8_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "drop-zone", 7);
-        }
-        if (rf & 2) {
-            var ctx_r6 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("dropZone", ctx_r6.dropZoneBelow);
-        }
-    }
-    var LimbleTreeNodeComponent = /** @class */ (function () {
-        function LimbleTreeNodeComponent(componentCreatorService, changeDetectorRef, dragStateService, dropZoneService, treeService, globalEventsService, ngZone, treeConstructionStatus) {
-            var _this = this;
-            this.componentCreatorService = componentCreatorService;
-            this.changeDetectorRef = changeDetectorRef;
-            this.dragStateService = dragStateService;
-            this.dropZoneService = dropZoneService;
-            this.treeService = treeService;
-            this.globalEventsService = globalEventsService;
-            this.ngZone = ngZone;
-            this.treeConstructionStatus = treeConstructionStatus;
-            this.treeConstructionStatus.constructing();
-            if (this.treeService.treeOptions !== undefined &&
-                this.treeService.treeOptions.listMode !== true) {
-                this.renderInnerBranch = true;
-            }
-            else {
-                this.renderInnerBranch = false;
-            }
-            this.renderDropZoneBelow = false;
-            this.renderDropZoneAbove = false;
-            this.treeChangeSubscription = this.treeService.changes$
-                .pipe(
-            //The first one is the initial tree render, which we can ignore
-            operators.skip(1))
-                .subscribe(function () {
-                _this.treeChangeHandler();
-            });
-        }
-        LimbleTreeNodeComponent.prototype.treeChangeHandler = function () {
-            if (this.branch !== undefined &&
-                this.currentBranchCoordinates !== undefined &&
-                !arraysAreEqual(this.branch.getCoordinates(), this.currentBranchCoordinates)) {
-                this.updateDropZones();
-            }
-        };
-        LimbleTreeNodeComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a, _b, _c;
-            if (((_a = this.treeService.treeOptions) === null || _a === void 0 ? void 0 : _a.allowDragging) === false) {
-                return;
-            }
-            var parent = (_b = this.branch) === null || _b === void 0 ? void 0 : _b.getParent();
-            if ((parent === null || parent === void 0 ? void 0 : parent.data) !== null) {
-                var parentData = parent === null || parent === void 0 ? void 0 : parent.data;
-                if (!isNestingAllowed(this.treeService.treeOptions, parentData)) {
-                    this.renderInnerBranch = false;
-                    return;
-                }
-            }
-            this.registerDropZones();
-            this.currentBranchCoordinates = (_c = this.branch) === null || _c === void 0 ? void 0 : _c.getCoordinates();
-            this.ngZone.runOutsideAngular(function () {
-                if (_this.dropZoneAbove === undefined ||
-                    _this.dropZoneBelow === undefined) {
-                    throw new Error("Zones not registered");
-                }
-                rxjs.merge(_this.dropZoneAbove.getCommChannel(), _this.dropZoneBelow.getCommChannel())
-                    .pipe(operators.filter(function (message) { return message === "checkRendered"; }))
-                    .subscribe(function () {
-                    if (_this.dropZoneAbove === undefined ||
-                        _this.dropZoneBelow === undefined ||
-                        _this.branch === undefined) {
-                        throw new Error("Zones not registered");
-                    }
-                    _this.renderDropZoneAbove = _this.dropZoneAbove.isRendered();
-                    _this.renderDropZoneBelow = _this.dropZoneBelow.isRendered();
-                });
-            });
-        };
-        LimbleTreeNodeComponent.prototype.ngAfterViewInit = function () {
-            this.renderNode();
-            this.setDropZoneHosts();
-            this.checkForHandle();
-            this.treeConstructionStatus.doneConstructing();
-            this.changeDetectorRef.detectChanges();
-        };
-        LimbleTreeNodeComponent.prototype.ngOnDestroy = function () {
-            this.treeChangeSubscription.unsubscribe();
-            if (this.dropZoneAbove !== undefined) {
-                this.dropZoneService.removeDropZone(this.dropZoneAbove);
-            }
-            if (this.dropZoneBelow !== undefined) {
-                this.dropZoneService.removeDropZone(this.dropZoneBelow);
-            }
-            this.treeService.cleanupSignal$.next(true);
-        };
-        LimbleTreeNodeComponent.prototype.dragstartHandler = function (event) {
-            var _this = this;
-            var _a;
-            event.stopPropagation();
-            if (event.dataTransfer === null ||
-                this.branch === undefined ||
-                this.parentHost === undefined) {
-                throw new Error("failed to run dragstartHandler");
-            }
-            var draggedElement = event.target;
-            if (((_a = draggedElement.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) !== "LIMBLE-TREE-NODE") {
-                //Don't drag stuff that isn't part of the tree
-                event.preventDefault();
-                return;
-            }
-            event.dataTransfer.effectAllowed = "move";
-            this.dragStateService.dragging(this.branch, this.parentHost);
-            var treeElement = draggedElement.closest("limble-tree-root");
-            if (treeElement === null) {
-                throw new Error("could not get root of tree");
-            }
-            this.ngZone.runOutsideAngular(function () {
-                //We have to use a setTimeout due to a bug in chrome: https://stackoverflow.com/a/20733870/8796651
-                setTimeout(function () {
-                    var _a, _b;
-                    draggedElement.classList.add("dragging");
-                    if (((_a = _this.treeService.treeData) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
-                        ((_b = _this.branch) === null || _b === void 0 ? void 0 : _b.getCoordinates().length) === 1) {
-                        //We are dragging the only element in the tree, so we have to use the placeholder system
-                        _this.treeService.placeholder$.next(true);
-                    }
-                });
-                //We use this weird subscription/timeout combo in order to avoid a strange bug where the dragleave event
-                //does not fire if the user drags out of the tree too quickly. This issue would make the drop zone
-                //remain in the UI, potentially causing drop zones to appear in multiple trees at a time. This subscription
-                //waits for the dragover event on the tree to fire before rendering any drop zones. If the dragover
-                //event does not fire within a half second, we know the mouse left the tree too quickly, and we won't
-                //render the drop zone at all.
-                var dragSubscription = rxjs.fromEvent(treeElement, "dragover")
-                    .pipe(operators.first())
-                    .subscribe(function (dragoverEvent) {
-                    dragoverEvent.stopPropagation();
-                    if (_this.branch === undefined) {
-                        throw new Error("Could not show surrounding drop zones");
-                    }
-                    var parent = _this.branch.getParent();
-                    var parentData;
-                    var parentNestingAllowed = true;
-                    if ((parent === null || parent === void 0 ? void 0 : parent.data) !== null) {
-                        parentData = parent === null || parent === void 0 ? void 0 : parent.data;
-                        parentNestingAllowed = isNestingAllowed(_this.treeService.treeOptions, parentData);
-                    }
-                    if (_this.dropZoneAbove !== undefined && parentNestingAllowed) {
-                        _this.dropZoneService.showDropZoneFamily(_this.dropZoneAbove, {
-                            joinFamilies: true
-                        });
-                    }
-                });
-                setTimeout(function () {
-                    if (!dragSubscription.closed) {
-                        dragSubscription.unsubscribe();
-                    }
-                }, 500);
-            });
-        };
-        LimbleTreeNodeComponent.prototype.dragendHandler = function (event) {
-            var _a, _b;
-            event === null || event === void 0 ? void 0 : event.stopPropagation();
-            if (this.draggableDiv === undefined) {
-                throw new Error("could not get draggable div");
-            }
-            this.draggableDiv.nativeElement.classList.remove("dragging");
-            if (this.dragStateService.getState() === "captured") {
-                if (this.treeService.captured === false) {
-                    //Dropped in a different tree. Remove the one in this tree
-                    if (this.branch === undefined) {
-                        throw new Error("could not get branch in dragendHandler");
-                    }
-                    this.treeService.cleanupSignal$.next(true);
-                    this.treeService.captured = false;
-                }
-                this.dragStateService.release();
-            }
-            else {
-                //Wasn't dropped into a valid tree, so reset for next drag and
-                //don't do anything else.
-                this.dragStateService.release();
-                this.dropZoneService.clearVisibleZones();
-                this.dropZoneService.restoreFamilies();
-                if (((_a = this.treeService.treeData) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
-                    ((_b = this.branch) === null || _b === void 0 ? void 0 : _b.getCoordinates().length) === 1) {
-                    //We were dragging the only element in the tree, so we have to
-                    //remove the placeholder that we added in the dragstart
-                    this.treeService.placeholder$.next(false);
-                }
-            }
-        };
-        LimbleTreeNodeComponent.prototype.dragoverHandler = function (event) {
-            var _a, _b, _c;
-            if (this.globalEventsService.scrolling === true) {
-                return;
-            }
-            if (this.branch === undefined) {
-                throw new Error("Can't get current branch during dragover event");
-            }
-            var data = this.dragStateService.getData();
-            if (data === undefined) {
-                //They might be dragging something that isn't a node. Just ignore it.
-                return;
-            }
-            var sourceBranch = data.branch;
-            //If trying to drop on self, return.
-            if (sourceBranch === this.branch ||
-                this.branch.getAncestors().includes(sourceBranch)) {
-                return;
-            }
-            var target = event.currentTarget.closest(".node-host-container");
-            if (!(target instanceof HTMLElement)) {
-                throw new Error("Failed to find node host container while dragging");
-            }
-            var topLine;
-            var bottomLine;
-            if (((_a = this.innerBranch) === null || _a === void 0 ? void 0 : _a.renderDropZoneInside) === false) {
-                topLine = target.offsetHeight / 2 - 6;
-                bottomLine = topLine;
-            }
-            else {
-                topLine = target.offsetHeight / 3 - 3; //an imaginary line 1/3 of the way down from the top of the element;
-                bottomLine = topLine * 2; //an imaginary line 1/3 of the way up from the bottom of the element;
-            }
-            var parent = this.branch.getParent();
-            var parentData;
-            var parentNestingAllowed = true;
-            if ((parent === null || parent === void 0 ? void 0 : parent.data) !== null) {
-                parentData = parent === null || parent === void 0 ? void 0 : parent.data;
-                parentNestingAllowed = isNestingAllowed(this.treeService.treeOptions, parentData);
-            }
-            /** The y-coordinates of the mouse in relation to the node it is hovering over */
-            var offsetY = event.clientY - target.getBoundingClientRect().top;
-            var activeDropZone = this.dropZoneService.getActiveDropZone();
-            if (offsetY < topLine &&
-                this.dropZoneAbove !== undefined &&
-                parentNestingAllowed &&
-                (activeDropZone === null ||
-                    !DropZone.dropZoneLocationsAreEqual(activeDropZone, this.dropZoneAbove))) {
-                var index = this.branch.getIndex();
-                if (index === undefined || index === null) {
-                    throw new Error("can't get branch index");
-                }
-                this.dropZoneService.showDropZoneFamily(this.dropZoneAbove, {
-                    activateLowestInsteadOfFounder: true
-                });
-                if (suddenTreeExit(event)) {
-                    this.dropZoneService.clearVisibleZones();
-                }
-            }
-            else if (offsetY < bottomLine &&
-                offsetY > topLine &&
-                ((_b = this.innerBranch) === null || _b === void 0 ? void 0 : _b.renderDropZoneInside) === true &&
-                ((_c = this.innerBranch) === null || _c === void 0 ? void 0 : _c.dropZoneInside) !== undefined &&
-                (activeDropZone === null ||
-                    !DropZone.dropZoneLocationsAreEqual(activeDropZone, this.innerBranch.dropZoneInside))) {
-                this.dropZoneService.showDropZoneFamily(this.innerBranch.dropZoneInside);
-                if (suddenTreeExit(event)) {
-                    this.dropZoneService.clearVisibleZones();
-                }
-            }
-            else if (offsetY >= bottomLine &&
-                this.dropZoneBelow !== undefined &&
-                parentNestingAllowed &&
-                (activeDropZone === null ||
-                    !DropZone.dropZoneLocationsAreEqual(activeDropZone, this.dropZoneBelow)) &&
-                this.branch.getChildren().length === 0) {
-                var index = this.branch.getIndex();
-                if (index === undefined || index === null) {
-                    throw new Error("can't get branch index");
-                }
-                this.dropZoneService.showDropZoneFamily(this.dropZoneBelow);
-                if (suddenTreeExit(event)) {
-                    this.dropZoneService.clearVisibleZones();
-                }
-            }
-        };
-        LimbleTreeNodeComponent.prototype.renderNode = function () {
-            var _a;
-            if (this.nodeHost === undefined || this.branch === undefined) {
-                throw new Error("Failed to render tree node");
-            }
-            var component = this.branch.data.component;
-            if (component === undefined) {
-                component = (_a = this.treeService.treeOptions) === null || _a === void 0 ? void 0 : _a.defaultComponent;
-            }
-            if (component === undefined) {
-                throw new Error("limbleTree requires a component to render");
-            }
-            var componentRef = this.componentCreatorService.appendComponent(component.class, this.nodeHost);
-            componentRef.instance.nodeData = this.branch.data;
-            for (var binding in component.bindings) {
-                componentRef.instance[binding] = component.bindings[binding];
-            }
-        };
-        LimbleTreeNodeComponent.prototype.registerDropZones = function () {
-            this.addDropZoneAbove();
-            this.addDropZoneBelow();
-        };
-        LimbleTreeNodeComponent.prototype.addDropZoneAbove = function () {
-            var _a;
-            if (this.branch === undefined) {
-                throw new Error("failed to register drop zone above");
-            }
-            var parent = this.branch.getParent();
-            var currentCoordinates = this.branch.getCoordinates();
-            var index = currentCoordinates[currentCoordinates.length - 1];
-            this.dropZoneAbove = new DropZone(__spreadArray([], __read(((_a = parent === null || parent === void 0 ? void 0 : parent.getCoordinates()) !== null && _a !== void 0 ? _a : []))), index);
-            this.dropZoneService.addDropZone(this.dropZoneAbove);
-        };
-        LimbleTreeNodeComponent.prototype.addDropZoneBelow = function () {
-            var _a;
-            if (this.branch === undefined) {
-                throw new Error("failed to register drop zone below");
-            }
-            var parent = this.branch.getParent();
-            var currentCoordinates = this.branch.getCoordinates();
-            var index = currentCoordinates[currentCoordinates.length - 1];
-            this.dropZoneBelow = new DropZone(__spreadArray([], __read(((_a = parent === null || parent === void 0 ? void 0 : parent.getCoordinates()) !== null && _a !== void 0 ? _a : []))), index + 1);
-            this.dropZoneService.addDropZone(this.dropZoneBelow);
-        };
-        LimbleTreeNodeComponent.prototype.updateDropZones = function () {
-            var _a;
-            this.currentBranchCoordinates = (_a = this.branch) === null || _a === void 0 ? void 0 : _a.getCoordinates();
-            this.updateDropZoneAbove();
-            this.updateDropZoneBelow();
-            this.updateDropZoneInside();
-            this.setDropZoneHosts();
-        };
-        LimbleTreeNodeComponent.prototype.updateDropZoneAbove = function () {
-            var _a;
-            if (this.branch === undefined || this.dropZoneAbove === undefined) {
-                throw new Error("failed to update drop zone above");
-            }
-            var parent = this.branch.getParent();
-            var currentCoordinates = this.branch.getCoordinates();
-            var index = currentCoordinates[currentCoordinates.length - 1];
-            var location = this.dropZoneAbove.getLocation();
-            location.setParentCoordinates(__spreadArray([], __read(((_a = parent === null || parent === void 0 ? void 0 : parent.getCoordinates()) !== null && _a !== void 0 ? _a : []))));
-            location.setInsertIndex(index);
-        };
-        LimbleTreeNodeComponent.prototype.updateDropZoneBelow = function () {
-            var _a;
-            if (this.branch === undefined || this.dropZoneBelow === undefined) {
-                throw new Error("failed to update drop zone below");
-            }
-            var parent = this.branch.getParent();
-            var currentCoordinates = this.branch.getCoordinates();
-            var index = currentCoordinates[currentCoordinates.length - 1];
-            var location = this.dropZoneBelow.getLocation();
-            location.setParentCoordinates(__spreadArray([], __read(((_a = parent === null || parent === void 0 ? void 0 : parent.getCoordinates()) !== null && _a !== void 0 ? _a : []))));
-            location.setInsertIndex(index + 1);
-        };
-        LimbleTreeNodeComponent.prototype.updateDropZoneInside = function () {
-            var _a;
-            if (((_a = this.innerBranch) === null || _a === void 0 ? void 0 : _a.dropZoneInside) === undefined) {
-                return;
-            }
-            if (this.branch === undefined) {
-                throw new Error("failed to update drop zone inside");
-            }
-            var location = this.innerBranch.dropZoneInside.getLocation();
-            location.setParentCoordinates(__spreadArray([], __read(this.branch.getCoordinates())));
-        };
-        LimbleTreeNodeComponent.prototype.setDropZoneHosts = function () {
-            if (this.dropZoneAbove === undefined ||
-                this.dropZoneBelow === undefined) {
-                return;
-            }
-            this.dropZoneAbove.setHost(this.parentHost);
-            this.dropZoneBelow.setHost(this.parentHost);
-        };
-        LimbleTreeNodeComponent.prototype.checkForHandle = function () {
-            var _this = this;
-            var _a;
-            if (this.nodeHostContainer === undefined ||
-                this.draggableDiv === undefined) {
-                return;
-            }
-            var nodeHostContainerElement = this.nodeHostContainer.nativeElement;
-            var handle = nodeHostContainerElement.querySelector(".limble-tree-handle");
-            var draggableDivElement = this.draggableDiv.nativeElement;
-            if (!isDraggingAllowed(this.treeService.treeOptions, (_a = this.branch) === null || _a === void 0 ? void 0 : _a.data)) {
-                draggableDivElement.setAttribute("draggable", "false");
-            }
-            else if (handle === null) {
-                draggableDivElement.setAttribute("draggable", "true");
-            }
-            else {
-                handle.addEventListener("mousedown", function () {
-                    draggableDivElement.setAttribute("draggable", "true");
-                    //For some reason mouseup doesn't fire after a drag, so we use this observable sequence instead.
-                    var dragging = _this.dragStateService.state$.pipe(operators.filter(function (state) { return state === "dragging"; }), operators.first());
-                    _this.dragStateService.state$
-                        .pipe(operators.skipUntil(dragging), operators.filter(function (state) { return state === "idle"; }), operators.first())
-                        .subscribe(function () {
-                        draggableDivElement.setAttribute("draggable", "false");
-                    });
-                });
-            }
-        };
-        return LimbleTreeNodeComponent;
-    }());
-    LimbleTreeNodeComponent.ɵfac = function LimbleTreeNodeComponent_Factory(t) { return new (t || LimbleTreeNodeComponent)(i0__namespace.ɵɵdirectiveInject(ComponentCreatorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(DragStateService), i0__namespace.ɵɵdirectiveInject(DropZoneService), i0__namespace.ɵɵdirectiveInject(TreeService), i0__namespace.ɵɵdirectiveInject(GlobalEventsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(TreeConstructionStatus)); };
-    LimbleTreeNodeComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LimbleTreeNodeComponent, selectors: [["limble-tree-node"]], viewQuery: function LimbleTreeNodeComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$1, 5, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c1, 5, i0.ElementRef);
-                i0__namespace.ɵɵviewQuery(_c2, 5, i0.ElementRef);
-                i0__namespace.ɵɵviewQuery(_c3, 5, LimbleTreeBranchComponent);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.nodeHost = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.draggableDiv = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.nodeHostContainer = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.innerBranch = _t.first);
-            }
-        }, inputs: { branch: "branch", parentHost: "parentHost" }, decls: 9, vars: 4, consts: [[3, "dropZone", 4, "ngIf"], [1, "limble-parent-container", 3, "dragstart", "dragend"], ["draggableDiv", ""], [1, "node-host-container", 3, "dragoverEventThrottle", "dragoverNoChangeDetect"], ["nodeHostContainer", ""], ["nodeHost", ""], [3, "branch", 4, "ngIf"], [3, "dropZone"], [3, "branch"], ["innerBranch", ""]], template: function LimbleTreeNodeComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, LimbleTreeNodeComponent_drop_zone_0_Template, 1, 1, "drop-zone", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1, 2);
-                i0__namespace.ɵɵlistener("dragstart", function LimbleTreeNodeComponent_Template_div_dragstart_1_listener($event) { return ctx.dragstartHandler($event); })("dragend", function LimbleTreeNodeComponent_Template_div_dragend_1_listener($event) { return ctx.dragendHandler($event); });
-                i0__namespace.ɵɵelementStart(3, "div", 3, 4);
-                i0__namespace.ɵɵlistener("dragoverNoChangeDetect", function LimbleTreeNodeComponent_Template_div_dragoverNoChangeDetect_3_listener($event) { return ctx.dragoverHandler($event); });
-                i0__namespace.ɵɵtemplate(5, LimbleTreeNodeComponent_ng_template_5_Template, 0, 0, "ng-template", null, 5, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(7, LimbleTreeNodeComponent_limble_tree_branch_7_Template, 2, 1, "limble-tree-branch", 6);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(8, LimbleTreeNodeComponent_drop_zone_8_Template, 1, 1, "drop-zone", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.renderDropZoneAbove === true);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("dragoverEventThrottle", 10);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngIf", ctx.branch !== undefined && ctx.renderInnerBranch === true);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.renderDropZoneBelow === true);
-            }
-        }, styles: [".dragging[_ngcontent-%COMP%]{position:absolute;transition:transform .01s;transform:translate(-9999px)}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LimbleTreeNodeComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: "limble-tree-node",
-                        templateUrl: "./limble-tree-node.component.html",
-                        styleUrls: ["./limble-tree-node.component.scss"]
-                    }]
-            }], function () { return [{ type: ComponentCreatorService }, { type: i0__namespace.ChangeDetectorRef }, { type: DragStateService }, { type: DropZoneService }, { type: TreeService }, { type: GlobalEventsService }, { type: i0__namespace.NgZone }, { type: TreeConstructionStatus }]; }, { branch: [{
-                    type: i0.Input
-                }], nodeHost: [{
-                    type: i0.ViewChild,
-                    args: ["nodeHost", { read: i0.ViewContainerRef }]
-                }], draggableDiv: [{
-                    type: i0.ViewChild,
-                    args: ["draggableDiv", { read: i0.ElementRef }]
-                }], nodeHostContainer: [{
-                    type: i0.ViewChild,
-                    args: ["nodeHostContainer", { read: i0.ElementRef }]
-                }], parentHost: [{
-                    type: i0.Input
-                }], innerBranch: [{
-                    type: i0.ViewChild,
-                    args: ["innerBranch", { read: LimbleTreeBranchComponent }]
-                }] });
-    })();
-
-    /** The default value for the `indent` option */
-    var INDENT = 45;
-    var TreeService = /** @class */ (function () {
-        function TreeService(componentCreatorService, dropZoneService, dragStateService, treeConstructionStatus) {
-            var _this = this;
-            this.componentCreatorService = componentCreatorService;
-            this.dropZoneService = dropZoneService;
-            this.dragStateService = dragStateService;
-            this.treeConstructionStatus = treeConstructionStatus;
-            this.changes$ = new rxjs.Subject();
-            this.drops$ = new rxjs.Subject();
-            this.treeModel = new Branch(null);
-            this.placeholder = false;
-            this.captured = false;
-            this.cleanupSignal$ = new rxjs.Subject();
-            var rebuild = false;
-            var treeIsStable = false;
-            var treeIsStable$ = this.treeConstructionStatus.stable$.pipe(operators.tap(function (value) {
-                treeIsStable = value;
-            }), operators.filter(function (value) { return value === true; }));
-            this.cleanupSignal$
-                .pipe(operators.tap(function (value) {
-                rebuild = value;
-            }), operators.debounce(function () {
-                if (treeIsStable === true) {
-                    //If tree is stable, continue right away
-                    return rxjs.EMPTY;
-                }
-                //If tree is not stable, wait for it to become so.
-                return treeIsStable$;
-            }), 
-            //We use this timed debounce to throttle chained destruction of components
-            operators.debounceTime(5))
-                .subscribe(function () {
-                _this.cleanup(rebuild);
-                rebuild = false;
-            });
-            this.placeholder$ = new rxjs.BehaviorSubject(false);
-            this.placeholder$.subscribe(function (value) {
-                _this.placeholder = value;
-            });
-        }
-        TreeService.prototype.drop = function (source, targetCoordinates) {
-            var _a;
-            //prep
-            var sourceParent = source.getParent();
-            if (sourceParent === null) {
-                throw new Error("can't drop root of tree");
-            }
-            var sourceIndex = source.getIndex();
-            if (sourceIndex === undefined || sourceIndex === null) {
-                throw new Error("Cannot move the hidden root node");
-            }
-            var targetParentCoordinates;
-            var newIndex;
-            if (this.placeholder === true) {
-                targetParentCoordinates = [];
-                newIndex = 0;
-            }
-            else {
-                targetParentCoordinates = __spreadArray([], __read(targetCoordinates));
-                newIndex = targetParentCoordinates.pop();
-            }
-            if (newIndex === undefined) {
-                throw new Error("target coordinates are empty");
-            }
-            var targetParent = this.treeModel.getDescendant(targetParentCoordinates);
-            if (targetParent === undefined) {
-                throw new Error("could not get to target");
-            }
-            var target = this.dropZoneService.getDropZone(targetCoordinates);
-            var targetIndex = target === null || target === void 0 ? void 0 : target.getLocation().insertIndex;
-            var targetHost = target === null || target === void 0 ? void 0 : target.getHost();
-            var sourceHost = (_a = this.dragStateService.getData()) === null || _a === void 0 ? void 0 : _a.parentContainer;
-            if (this.placeholder === true) {
-                this.placeholder$.next(false);
-            }
-            //Change the treeModel
-            targetParent.insertChild(source, newIndex);
-            //Prepare to update the view
-            if (targetHost === undefined ||
-                sourceHost === undefined ||
-                targetIndex === undefined) {
-                //Hitting this means there is a bug, but not a fatal one.
-                //Just render the whole tree again.
-                console.warn("Could not perform a precise update. Re-rendering the entire tree instead");
-                this.render();
-                this.changes$.next(null);
-                return;
-            }
-            //Update the view
-            var nodesInSource = sourceHost.length;
-            var componentRef = this.componentCreatorService.appendComponent(LimbleTreeNodeComponent, targetHost, newIndex);
-            componentRef.instance.branch = source;
-            componentRef.instance.parentHost = targetHost;
-            if (targetIndex < sourceIndex &&
-                sourceHost.length > nodesInSource &&
-                arraysAreEqual(sourceParent.getCoordinates(), targetParentCoordinates)) {
-                sourceHost.remove(sourceIndex + 1);
-            }
-            else {
-                sourceHost.remove(sourceIndex);
-            }
-            //Update the tree data
-            this.rebuildTreeData();
-            //Publish drop data
-            this.drops$.next({
-                target: source.data,
-                oldParent: sourceParent.data,
-                oldIndex: sourceIndex,
-                newParent: targetParent.data,
-                newIndex: newIndex
-            });
-            this.cleanupSignal$.next(false);
-        };
-        /** Initializes the service and renders the tree.
-         * @param host - The ViewContainerRef into which the tree will be rendered.
-         * @param data - The data array that was passed in to LimbleTreeRoot, which is
-         * the users' representation of the tree
-         * @param options - The options object that was passed in to LimbleTreeRoot
-         */
-        TreeService.prototype.init = function (host, data, options, itemsPerPage, page) {
-            this.host = host;
-            this.originalData = data;
-            this.treeOptions = this.processOptions(options, itemsPerPage, page);
-            if (this.treeOptions.listMode === true) {
-                var start = this.treeOptions.itemsPerPage * (this.treeOptions.page - 1);
-                if (isNaN(start)) {
-                    //This catches the case where itemsPerPage was not passed by the user,
-                    //causing `start` to equal infinity*0, which is NaN.
-                    start = 0;
-                }
-                var end = start + this.treeOptions.itemsPerPage;
-                this.treeData = this.originalData.slice(start, end);
-            }
-            else {
-                this.treeData = __spreadArray([], __read(this.originalData));
-            }
-            this.render();
-        };
-        TreeService.prototype.cleanup = function (rebuild) {
-            if (rebuild === void 0) { rebuild = false; }
-            var _a;
-            if (rebuild) {
-                this.rebuildTreeData();
-            }
-            if (((_a = this.treeData) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-                //We do a full render here because it isn't actually any slower
-                //when there are no nodes, and it is a little more straightforward
-                this.render();
-            }
-            else {
-                this.changes$.next(null);
-                this.dropZoneService.update();
-            }
-        };
-        /** Renders the entire tree from root to leaves */
-        TreeService.prototype.render = function () {
-            var e_1, _f, e_2, _g;
-            if (this.host === undefined ||
-                this.treeData === undefined ||
-                this.treeOptions === undefined) {
-                throw new Error("TreeModel not initialized");
-            }
-            this.treeConstructionStatus.ready(false);
-            this.host.clear();
-            this.dropZoneService.restart();
-            this.placeholder$.next(false);
-            this.treeModel = new Branch(null);
-            if (this.treeData.length === 0) {
-                //Tree is empty, but we have to to have something there so other trees' items can be dropped into it
-                this.placeholder$.next(true);
-            }
-            else {
-                try {
-                    for (var _h = __values(this.treeData), _j = _h.next(); !_j.done; _j = _h.next()) {
-                        var node = _j.value;
-                        var branch = new Branch(node);
-                        this.treeModel.appendChild(branch);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_j && !_j.done && (_f = _h.return)) _f.call(_h);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                try {
-                    for (var _k = __values(this.treeModel.getChildren()), _l = _k.next(); !_l.done; _l = _k.next()) {
-                        var branch = _l.value;
-                        var componentRef = this.componentCreatorService.appendComponent(LimbleTreeNodeComponent, this.host);
-                        componentRef.instance.branch = branch;
-                        componentRef.instance.parentHost = this.host;
-                        //The LimbleTreeNodeComponent will (indirectly) call the `renderBranch` method of this service to render
-                        //its own children
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (_l && !_l.done && (_g = _k.return)) _g.call(_k);
-                    }
-                    finally { if (e_2) throw e_2.error; }
-                }
-            }
-            this.treeConstructionStatus.ready(true);
-            this.changes$.next(null);
-            this.dropZoneService.init(this.treeModel, this.treeOptions);
-        };
-        /** Renders a branch of the tree and all of its descendants */
-        TreeService.prototype.renderBranch = function (host, branch) {
-            var e_3, _f;
-            var _a, _b;
-            if (this.treeModel === undefined) {
-                throw new Error("TreeModel not initialized");
-            }
-            host.clear();
-            branch.clearChildren();
-            try {
-                for (var _g = __values((_b = (_a = branch.data) === null || _a === void 0 ? void 0 : _a.nodes) !== null && _b !== void 0 ? _b : []), _h = _g.next(); !_h.done; _h = _g.next()) {
-                    var node = _h.value;
-                    var newBranch = new Branch(node);
-                    branch.appendChild(newBranch);
-                    var componentRef = this.componentCreatorService.appendComponent(LimbleTreeNodeComponent, host);
-                    componentRef.instance.branch = newBranch;
-                    componentRef.instance.parentHost = host;
-                    //The LimbleTreeNodeComponent will (indirectly) call the `renderBranch` method of this service to render
-                    //its own children
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_h && !_h.done && (_f = _g.return)) _f.call(_g);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-        };
-        TreeService.prototype.processOptions = function (options, itemsPerPage, page) {
-            if (options === void 0) { options = {}; }
-            if (itemsPerPage === void 0) { itemsPerPage = Infinity; }
-            if (page === void 0) { page = 1; }
-            var _a, _b, _c, _d, _e;
-            if (options.listMode === true &&
-                options.allowNesting !== undefined &&
-                options.allowNesting !== false) {
-                console.warn("The value of `allowNesting` will be ignored; it must be false when `listMode` is true");
-            }
-            var result = {
-                defaultComponent: options.defaultComponent,
-                indent: (_a = options.indent) !== null && _a !== void 0 ? _a : INDENT,
-                allowNesting: options.listMode !== true && ((_b = options.allowNesting) !== null && _b !== void 0 ? _b : true),
-                allowDragging: (_c = options.allowDragging) !== null && _c !== void 0 ? _c : true,
-                allowDrop: (_d = options.allowDrop) !== null && _d !== void 0 ? _d : (function () { return true; }),
-                listMode: (_e = options.listMode) !== null && _e !== void 0 ? _e : false,
-                itemsPerPage: options.listMode ? itemsPerPage : undefined,
-                page: options.listMode ? page : undefined
-            };
-            return result;
-        };
-        TreeService.prototype.rebuildTreeData = function () {
-            var e_4, _f, _g, _h;
-            if (this.originalData === undefined ||
-                this.treeData === undefined ||
-                this.treeOptions === undefined ||
-                this.host === undefined) {
-                throw new Error("Tree data not initialized");
-            }
-            this.treeData = [];
-            try {
-                for (var _j = __values(this.treeModel.getChildren()), _k = _j.next(); !_k.done; _k = _j.next()) {
-                    var branch = _k.value;
-                    this.treeData.push(this.rebuildBranch(branch));
-                }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (_k && !_k.done && (_f = _j.return)) _f.call(_j);
-                }
-                finally { if (e_4) throw e_4.error; }
-            }
-            if (this.treeOptions.listMode === true &&
-                this.treeOptions.itemsPerPage < Infinity) {
-                var itemsPerPage = this.treeOptions.itemsPerPage;
-                var start = itemsPerPage * (this.treeOptions.page - 1);
-                (_g = this.originalData).splice.apply(_g, __spreadArray([start, itemsPerPage], __read(this.treeData)));
-                if (this.treeData.length !== itemsPerPage) {
-                    var action = false;
-                    if (this.treeData.length < itemsPerPage &&
-                        start + itemsPerPage <= this.originalData.length) {
-                        //The current page does not have enough nodes. Add some to the view from the next page.
-                        var count = itemsPerPage - this.treeData.length;
-                        for (var index = itemsPerPage - 1; index < itemsPerPage + count - 1; index++) {
-                            var branch = new Branch(this.originalData[start + index]);
-                            this.treeModel.appendChild(branch);
-                            var componentRef = this.componentCreatorService.appendComponent(LimbleTreeNodeComponent, this.host);
-                            componentRef.instance.branch = branch;
-                            componentRef.instance.parentHost = this.host;
-                        }
-                        action = true;
-                    }
-                    else if (this.treeData.length > itemsPerPage) {
-                        //The current page has too many nodes. Remove some of them from the view.
-                        var count = this.treeData.length - itemsPerPage;
-                        for (var index = itemsPerPage + count - 1; index >= itemsPerPage; index--) {
-                            this.treeModel.removeChild(index);
-                            this.host.remove(index);
-                        }
-                        action = true;
-                    }
-                    if (action === true) {
-                        var end = start + itemsPerPage;
-                        this.treeData = this.originalData.slice(start, end);
-                    }
-                }
-            }
-            else {
-                this.originalData.length = 0;
-                (_h = this.originalData).push.apply(_h, __spreadArray([], __read(this.treeData)));
-            }
-        };
-        TreeService.prototype.rebuildBranch = function (branch) {
-            var e_5, _f;
-            var temp = branch.data;
-            temp.nodes = [];
-            try {
-                for (var _g = __values(branch.getChildren()), _h = _g.next(); !_h.done; _h = _g.next()) {
-                    var child = _h.value;
-                    temp.nodes.push(this.rebuildBranch(child));
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (_h && !_h.done && (_f = _g.return)) _f.call(_g);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
-            return temp;
-        };
-        return TreeService;
-    }());
-    TreeService.ɵfac = function TreeService_Factory(t) { return new (t || TreeService)(i0__namespace.ɵɵinject(ComponentCreatorService), i0__namespace.ɵɵinject(DropZoneService), i0__namespace.ɵɵinject(DragStateService), i0__namespace.ɵɵinject(TreeConstructionStatus)); };
-    TreeService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: TreeService, factory: TreeService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TreeService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: ComponentCreatorService }, { type: DropZoneService }, { type: DragStateService }, { type: TreeConstructionStatus }]; }, null);
-    })();
-
-    var DragoverNoChangeDetectDirective = /** @class */ (function () {
-        function DragoverNoChangeDetectDirective(ngZone, el) {
-            this.ngZone = ngZone;
-            this.el = el;
-            this.dragoverNoChangeDetect = new i0.EventEmitter();
-            this.dragoverEventThrottle = 25;
-        }
-        DragoverNoChangeDetectDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            this.ngZone.runOutsideAngular(function () {
-                _this.eventSubscription = rxjs.fromEvent(_this.el.nativeElement, "dragover")
-                    .pipe(operators.throttleTime(_this.dragoverEventThrottle))
-                    .subscribe(function ($event) {
-                    _this.dragoverNoChangeDetect.emit($event);
-                });
-            });
-        };
-        DragoverNoChangeDetectDirective.prototype.ngOnDestroy = function () {
-            if (this.eventSubscription !== undefined) {
-                this.eventSubscription.unsubscribe();
-            }
-        };
-        return DragoverNoChangeDetectDirective;
-    }());
-    DragoverNoChangeDetectDirective.ɵfac = function DragoverNoChangeDetectDirective_Factory(t) { return new (t || DragoverNoChangeDetectDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-    DragoverNoChangeDetectDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: DragoverNoChangeDetectDirective, selectors: [["", "dragoverNoChangeDetect", ""]], inputs: { dragoverEventThrottle: "dragoverEventThrottle" }, outputs: { dragoverNoChangeDetect: "dragoverNoChangeDetect" } });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DragoverNoChangeDetectDirective, [{
-                type: i0.Directive,
-                args: [{
-                        selector: "[dragoverNoChangeDetect]"
-                    }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i0__namespace.ElementRef }]; }, { dragoverEventThrottle: [{
-                    type: i0.Input
-                }], dragoverNoChangeDetect: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var DragleaveNoChangeDetectDirective = /** @class */ (function () {
-        function DragleaveNoChangeDetectDirective(ngZone, el) {
-            this.ngZone = ngZone;
-            this.el = el;
-            this.dragleaveNoChangeDetect = new i0.EventEmitter();
-        }
-        DragleaveNoChangeDetectDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            this.ngZone.runOutsideAngular(function () {
-                _this.eventSubscription = rxjs.fromEvent(_this.el.nativeElement, "dragleave").subscribe(function ($event) {
-                    _this.dragleaveNoChangeDetect.emit($event);
-                });
-            });
-        };
-        DragleaveNoChangeDetectDirective.prototype.ngOnDestroy = function () {
-            if (this.eventSubscription !== undefined) {
-                this.eventSubscription.unsubscribe();
-            }
-        };
-        return DragleaveNoChangeDetectDirective;
-    }());
-    DragleaveNoChangeDetectDirective.ɵfac = function DragleaveNoChangeDetectDirective_Factory(t) { return new (t || DragleaveNoChangeDetectDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-    DragleaveNoChangeDetectDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: DragleaveNoChangeDetectDirective, selectors: [["", "dragleaveNoChangeDetect", ""]], outputs: { dragleaveNoChangeDetect: "dragleaveNoChangeDetect" } });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DragleaveNoChangeDetectDirective, [{
-                type: i0.Directive,
-                args: [{
-                        selector: "[dragleaveNoChangeDetect]"
-                    }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i0__namespace.ElementRef }]; }, { dragleaveNoChangeDetect: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var LimbleTreePlaceholderComponent = /** @class */ (function () {
-        function LimbleTreePlaceholderComponent(dropZoneService, changeDetectorRef, treeService, treeConstructionStatus) {
-            var _this = this;
-            this.dropZoneService = dropZoneService;
-            this.changeDetectorRef = changeDetectorRef;
-            this.treeService = treeService;
-            this.treeConstructionStatus = treeConstructionStatus;
-            this.treeConstructionStatus.constructing();
-            //This logic is very similar to what the lifecycle hooks of this component do.
-            //We use this subscription because sometimes we can't wait for the lifecycle hooks:
-            //Specifically, the drop zone registration and deregistration sometimes can't happen
-            //asynchronously without causing bugs. So we handle it synchronously here as well.
-            this.placeholderSubscription = this.treeService.placeholder$.subscribe(function (value) {
-                if (_this.dropZone === undefined) {
-                    return;
-                }
-                _this.dropZoneService.removeDropZone(_this.dropZone);
-                if (value === true) {
-                    _this.dropZoneService.addDropZone(_this.dropZone);
-                    _this.dropZone.setHost(_this.treeService.host);
-                }
-            });
-        }
-        LimbleTreePlaceholderComponent.prototype.ngOnInit = function () {
-            this.dropZone = new DropZone([], 0);
-            this.dropZoneService.addDropZone(this.dropZone);
-        };
-        LimbleTreePlaceholderComponent.prototype.ngAfterViewInit = function () {
-            if (this.dropZone === undefined) {
-                throw new Error("placeholder drop zone is not defined");
-            }
-            this.dropZone.setHost(this.treeService.host);
-            this.treeConstructionStatus.doneConstructing();
-            this.changeDetectorRef.detectChanges();
-        };
-        LimbleTreePlaceholderComponent.prototype.dragoverHandler = function () {
-            if (this.dropZone === undefined) {
-                return;
-            }
-            this.dropZoneService.showDropZoneFamily(this.dropZone);
-        };
-        LimbleTreePlaceholderComponent.prototype.ngOnDestroy = function () {
-            this.placeholderSubscription.unsubscribe();
-            if (this.dropZone === undefined) {
-                throw new Error("could not remove placeholder drop zone");
-            }
-            this.dropZoneService.removeDropZone(this.dropZone);
-        };
-        return LimbleTreePlaceholderComponent;
-    }());
-    LimbleTreePlaceholderComponent.ɵfac = function LimbleTreePlaceholderComponent_Factory(t) { return new (t || LimbleTreePlaceholderComponent)(i0__namespace.ɵɵdirectiveInject(DropZoneService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(TreeService), i0__namespace.ɵɵdirectiveInject(TreeConstructionStatus)); };
-    LimbleTreePlaceholderComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LimbleTreePlaceholderComponent, selectors: [["limble-tree-placeholder"]], decls: 2, vars: 1, consts: [[3, "dropZone"], [1, "placeholder", 3, "dragoverNoChangeDetect"]], template: function LimbleTreePlaceholderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelement(0, "drop-zone", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵlistener("dragoverNoChangeDetect", function LimbleTreePlaceholderComponent_Template_div_dragoverNoChangeDetect_1_listener() { return ctx.dragoverHandler(); });
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("dropZone", ctx.dropZone);
-            }
-        }, directives: [DropZoneComponent, DragoverNoChangeDetectDirective], styles: [".placeholder[_ngcontent-%COMP%]{width:100%;height:20px}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LimbleTreePlaceholderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: "limble-tree-placeholder",
-                        templateUrl: "./limble-tree-placeholder.component.html",
-                        styleUrls: ["./limble-tree-placeholder.component.scss"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: DropZoneService }, { type: i0__namespace.ChangeDetectorRef }, { type: TreeService }, { type: TreeConstructionStatus }]; }, null);
-    })();
-
-    var _c0 = ["host"];
-    function LimbleTreeRootComponent_limble_tree_placeholder_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "limble-tree-placeholder");
-        }
-    }
-    function LimbleTreeRootComponent_ng_template_2_Template(rf, ctx) { }
-    var LimbleTreeRootComponent = /** @class */ (function () {
-        function LimbleTreeRootComponent(treeService, dropZoneService, dragStateService, globalEventsService, ngZone, changeDetectorRef, el) {
-            var _this = this;
-            this.treeService = treeService;
-            this.dropZoneService = dropZoneService;
-            this.dragStateService = dragStateService;
-            this.globalEventsService = globalEventsService;
-            this.ngZone = ngZone;
-            this.changeDetectorRef = changeDetectorRef;
-            this.el = el;
-            this.treeChange = new i0.EventEmitter();
-            this.treeDrop = new i0.EventEmitter();
-            this.changesSubscription = this.treeService.changes$.subscribe(function () {
-                //"In dev mode, Angular performs an additional check after each change
-                //detection run, to ensure the bindings haven’t changed." We use a timeout here
-                //to preclude the possibility of causing a binding to update in the parent
-                //component after change detection runs but before the additional check.
-                //See https://angular.io/errors/NG0100 for details.
-                setTimeout(function () {
-                    _this.treeChange.emit();
-                });
-            });
-            this.dropSubscription = this.treeService.drops$.subscribe(function (drop) {
-                setTimeout(function () {
-                    _this.treeDrop.emit(drop);
-                });
-            });
-            this.placeholder = false;
-            this.treeService.placeholder$.subscribe(function (value) {
-                _this.placeholder = value;
-                if (!i0.NgZone.isInAngularZone()) {
-                    _this.changeDetectorRef.detectChanges();
-                }
-            });
-        }
-        LimbleTreeRootComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            var _a;
-            if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.listMode) !== true &&
-                (this.itemsPerPage !== undefined || this.page !== undefined)) {
-                console.warn("pagination is only allowed in listMode; `itemsPerPage` and `page` inputs will be ignored");
-            }
-            this.update();
-            this.changeDetectorRef.detectChanges();
-            this.ngZone.runOutsideAngular(function () {
-                //this is for mac os - without this dragover handler drop events aren't firing correctly
-                _this.el.nativeElement.addEventListener("dragover", function (event) {
-                    event.preventDefault();
-                });
-            });
-        };
-        LimbleTreeRootComponent.prototype.ngOnChanges = function () {
-            if (this.host !== undefined && this.data !== undefined) {
-                this.update();
-            }
-        };
-        /** Rebuild the tree */
-        LimbleTreeRootComponent.prototype.update = function () {
-            if (this.host === undefined) {
-                throw new Error("Failed to render limble tree. Failure occurred at root.");
-            }
-            if (this.data === undefined) {
-                throw new Error("limbleTree requires a data object");
-            }
-            this.treeService.init(this.host, this.data, this.options, this.itemsPerPage, this.page);
-            //We check for firefox here because there is a bug in Firefox that causes the
-            //custom scrolling to break. See https://bugzilla.mozilla.org/show_bug.cgi?id=505521#c80
-            if (!isFirefox()) {
-                this.globalEventsService.addScrolling();
-            }
-        };
-        LimbleTreeRootComponent.prototype.dragoverHandler = function (event) {
-            if (event.dataTransfer === null) {
-                return;
-            }
-            event.stopPropagation();
-            event.preventDefault();
-            event.dataTransfer.dropEffect = "move";
-        };
-        LimbleTreeRootComponent.prototype.dragleaveHandler = function (event) {
-            var currentTarget = event.currentTarget;
-            var relatedTarget = event.relatedTarget;
-            if (!(currentTarget instanceof Node) ||
-                !(relatedTarget instanceof Node) ||
-                isElementDescendant(currentTarget, relatedTarget) !== false) {
-                //event came from deeper in the tree. Ignore it.
-                return;
-            }
-            //Mouse has left the tree, so clear the drop zones
-            this.dropZoneService.clearVisibleZones();
-            this.changeDetectorRef.detectChanges();
-        };
-        LimbleTreeRootComponent.prototype.dropHandler = function (event) {
-            var _this = this;
-            event.stopPropagation();
-            if (this.dragStateService.getState() !== "droppable") {
-                return;
-            }
-            var sourceBranch = this.dragStateService.capture();
-            if (sourceBranch === undefined) {
-                throw new Error("failed to get current branch in dragendHandler");
-            }
-            var dropZone = this.dropZoneService.getActiveDropZone();
-            if (dropZone === null) {
-                throw new Error("failed to get active drop zone at drop handler");
-            }
-            this.treeService.captured = true;
-            this.dragStateService.state$
-                .pipe(operators.first(function (message) { return message === "idle"; }))
-                .subscribe(function () {
-                _this.treeService.captured = false;
-            });
-            this.dropZoneService.clearVisibleZones();
-            this.treeService.drop(sourceBranch, dropZone.getFullInsertCoordinates());
-        };
-        LimbleTreeRootComponent.prototype.ngOnDestroy = function () {
-            this.changesSubscription.unsubscribe();
-            this.dropSubscription.unsubscribe();
-        };
-        return LimbleTreeRootComponent;
-    }());
-    LimbleTreeRootComponent.ɵfac = function LimbleTreeRootComponent_Factory(t) { return new (t || LimbleTreeRootComponent)(i0__namespace.ɵɵdirectiveInject(TreeService), i0__namespace.ɵɵdirectiveInject(DropZoneService), i0__namespace.ɵɵdirectiveInject(DragStateService), i0__namespace.ɵɵdirectiveInject(GlobalEventsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-    LimbleTreeRootComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LimbleTreeRootComponent, selectors: [["limble-tree-root"]], viewQuery: function LimbleTreeRootComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0, 5, i0.ViewContainerRef);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.host = _t.first);
-            }
-        }, inputs: { data: "data", options: "options", itemsPerPage: "itemsPerPage", page: "page" }, outputs: { treeChange: "treeChange", treeDrop: "treeDrop" }, features: [i0__namespace.ɵɵProvidersFeature([TreeService, DropZoneService, TreeConstructionStatus]), i0__namespace.ɵɵNgOnChangesFeature], decls: 4, vars: 1, consts: [[1, "tree-event-host", 3, "dragoverNoChangeDetect", "dragleaveNoChangeDetect", "drop"], [4, "ngIf"], ["host", ""]], template: function LimbleTreeRootComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵlistener("dragoverNoChangeDetect", function LimbleTreeRootComponent_Template_div_dragoverNoChangeDetect_0_listener($event) { return ctx.dragoverHandler($event); })("dragleaveNoChangeDetect", function LimbleTreeRootComponent_Template_div_dragleaveNoChangeDetect_0_listener($event) { return ctx.dragleaveHandler($event); })("drop", function LimbleTreeRootComponent_Template_div_drop_0_listener($event) { return ctx.dropHandler($event); });
-                i0__namespace.ɵɵtemplate(1, LimbleTreeRootComponent_limble_tree_placeholder_1_Template, 1, 0, "limble-tree-placeholder", 1);
-                i0__namespace.ɵɵtemplate(2, LimbleTreeRootComponent_ng_template_2_Template, 0, 0, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.placeholder === true);
-            }
-        }, directives: [DragoverNoChangeDetectDirective, DragleaveNoChangeDetectDirective, i2__namespace.NgIf, LimbleTreePlaceholderComponent], styles: [""] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LimbleTreeRootComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: "limble-tree-root",
-                        templateUrl: "./limble-tree-root.component.html",
-                        styleUrls: ["./limble-tree-root.component.scss"],
-                        providers: [TreeService, DropZoneService, TreeConstructionStatus]
-                    }]
-            }], function () { return [{ type: TreeService }, { type: DropZoneService }, { type: DragStateService }, { type: GlobalEventsService }, { type: i0__namespace.NgZone }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, { data: [{
-                    type: i0.Input
-                }], options: [{
-                    type: i0.Input
-                }], itemsPerPage: [{
-                    type: i0.Input
-                }], page: [{
-                    type: i0.Input
-                }], host: [{
-                    type: i0.ViewChild,
-                    args: ["host", { read: i0.ViewContainerRef }]
-                }], treeChange: [{
-                    type: i0.Output
-                }], treeDrop: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var LimbleTreeModule = /** @class */ (function () {
-        function LimbleTreeModule() {
-        }
-        return LimbleTreeModule;
-    }());
-    LimbleTreeModule.ɵfac = function LimbleTreeModule_Factory(t) { return new (t || LimbleTreeModule)(); };
-    LimbleTreeModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: LimbleTreeModule });
-    LimbleTreeModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ providers: [ComponentCreatorService, DragStateService, GlobalEventsService], imports: [[i2.CommonModule]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LimbleTreeModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            LimbleTreeBranchComponent,
-                            DropZoneComponent,
-                            LimbleTreeNodeComponent,
-                            LimbleTreeRootComponent,
-                            LimbleTreePlaceholderComponent,
-                            DragoverNoChangeDetectDirective,
-                            DragleaveNoChangeDetectDirective
-                        ],
-                        imports: [i2.CommonModule],
-                        exports: [LimbleTreeRootComponent],
-                        providers: [ComponentCreatorService, DragStateService, GlobalEventsService]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(LimbleTreeModule, { declarations: [LimbleTreeBranchComponent,
-                DropZoneComponent,
-                LimbleTreeNodeComponent,
-                LimbleTreeRootComponent,
-                LimbleTreePlaceholderComponent,
-                DragoverNoChangeDetectDirective,
-                DragleaveNoChangeDetectDirective], imports: [i2.CommonModule], exports: [LimbleTreeRootComponent] });
-    })();
-    i0__namespace.ɵɵsetComponentScope(LimbleTreeNodeComponent, [i2__namespace.NgIf, DropZoneComponent,
-        DragoverNoChangeDetectDirective,
-        LimbleTreeBranchComponent], []);
-
-    /*
-     * Public API Surface of limble-tree
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.LimbleTreeModule = LimbleTreeModule;
-    exports.LimbleTreeRootComponent = LimbleTreeRootComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=limble-limble-tree.umd.js.map