@datagrok-libraries/dock-spawn-dg 0.0.1

package/lib/DockManagerContext.d.ts

@@ -0,0 +1,10 @@
+import { DockModel } from "./DockModel.js";
+import { DockManager } from "./DockManager.js";
+import { DocumentManagerContainer } from "./DocumentManagerContainer.js";
+export declare class DockManagerContext {
+    dockManager: DockManager;
+    model: DockModel;
+    documentManagerView: DocumentManagerContainer;
+    constructor(dockManager: DockManager);
+}
+//# sourceMappingURL=DockManagerContext.d.ts.map

package/lib/DockManagerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockManagerContext.d.ts","sourceRoot":"","sources":["../src/DockManagerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,qBAAa,kBAAkB;IAE3B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,mBAAmB,EAAE,wBAAwB,CAAC;gBAElC,WAAW,EAAG,WAAW;CAKxC"}

package/lib/DockManagerContext.js

@@ -0,0 +1,12 @@
+import { DockModel } from "./DockModel.js";
+import { DocumentManagerContainer } from "./DocumentManagerContainer.js";
+export class DockManagerContext {
+    dockManager;
+    model;
+    documentManagerView;
+    constructor(dockManager) {
+        this.dockManager = dockManager;
+        this.model = new DockModel();
+        this.documentManagerView = new DocumentManagerContainer(this.dockManager);
+    }
+}

package/lib/DockModel.d.ts

@@ -0,0 +1,9 @@
+import { DockNode } from "./DockNode.js";
+import { Dialog } from "./Dialog.js";
+export declare class DockModel {
+    rootNode: DockNode;
+    documentManagerNode: DockNode;
+    dialogs: Dialog[];
+    constructor();
+}
+//# sourceMappingURL=DockModel.d.ts.map

package/lib/DockModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockModel.d.ts","sourceRoot":"","sources":["../src/DockModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,qBAAa,SAAS;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;;CAKpB"}

package/lib/DockModel.js

@@ -0,0 +1,8 @@
+export class DockModel {
+    rootNode;
+    documentManagerNode;
+    dialogs;
+    constructor() {
+        this.rootNode = this.documentManagerNode = undefined;
+    }
+}

package/lib/DockNode.d.ts

@@ -0,0 +1,16 @@
+import { IDockContainer } from "./interfaces/IDockContainer.js";
+export declare class DockNode {
+    parent: DockNode;
+    container: IDockContainer;
+    children: DockNode[];
+    constructor(container: IDockContainer);
+    detachFromParent(): void;
+    removeChild(childNode: DockNode): void;
+    addChild(childNode: DockNode): void;
+    addChildBefore(referenceNode: DockNode, childNode: DockNode): void;
+    addChildAfter(referenceNode: DockNode, childNode: DockNode): void;
+    _addChildWithDirection(referenceNode: DockNode, childNode: DockNode, before: boolean): void;
+    performLayout(relayoutEvenIfEqual: boolean): void;
+    debugDumpTree(indent: number): void;
+}
+//# sourceMappingURL=DockNode.d.ts.map

package/lib/DockNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockNode.d.ts","sourceRoot":"","sources":["../src/DockNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,qBAAa,QAAQ;IAEjB,MAAM,EAAE,QAAQ,CAAC;IACjB,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,QAAQ,EAAE,CAAC;gBAET,SAAS,EAAE,cAAc;IAMrC,gBAAgB;IAOhB,WAAW,CAAC,SAAS,EAAE,QAAQ;IAM/B,QAAQ,CAAC,SAAS,EAAE,QAAQ;IAM5B,cAAc,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAI3D,aAAa,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAI1D,sBAAsB,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO;IAqBpF,aAAa,CAAC,mBAAmB,EAAE,OAAO;IAK1C,aAAa,CAAC,MAAM,EAAE,MAAM;CAa/B"}

package/lib/DockNode.js

@@ -0,0 +1,64 @@
+export class DockNode {
+    parent;
+    container;
+    children;
+    constructor(container) {
+        /** The dock container represented by this node */
+        this.container = container;
+        this.children = [];
+    }
+    detachFromParent() {
+        if (this.parent) {
+            this.parent.removeChild(this);
+            delete this.parent;
+        }
+    }
+    removeChild(childNode) {
+        let index = this.children.indexOf(childNode);
+        if (index >= 0)
+            this.children.splice(index, 1);
+    }
+    addChild(childNode) {
+        childNode.detachFromParent();
+        childNode.parent = this;
+        this.children.push(childNode);
+    }
+    addChildBefore(referenceNode, childNode) {
+        this._addChildWithDirection(referenceNode, childNode, true);
+    }
+    addChildAfter(referenceNode, childNode) {
+        this._addChildWithDirection(referenceNode, childNode, false);
+    }
+    _addChildWithDirection(referenceNode, childNode, before) {
+        // Detach this node from it's parent first
+        childNode.detachFromParent();
+        childNode.parent = this;
+        let referenceIndex = this.children.indexOf(referenceNode);
+        let preList = this.children.slice(0, referenceIndex);
+        let postList = this.children.slice(referenceIndex + 1, this.children.length);
+        this.children = preList.slice(0);
+        if (before) {
+            this.children.push(childNode);
+            this.children.push(referenceNode);
+        }
+        else {
+            this.children.push(referenceNode);
+            this.children.push(childNode);
+        }
+        Array.prototype.push.apply(this.children, postList);
+    }
+    performLayout(relayoutEvenIfEqual) {
+        let childContainers = this.children.map((childNode) => { return childNode.container; });
+        this.container.performLayout(childContainers, relayoutEvenIfEqual);
+    }
+    debugDumpTree(indent) {
+        if (indent === undefined)
+            indent = 0;
+        let message = this.container.name;
+        for (let i = 0; i < indent; i++)
+            message = '\t' + message;
+        let parentType = this.parent === undefined ? 'null' : this.parent.container.containerType;
+        console.log('>>' + message + ' [' + parentType + ']');
+        this.children.forEach((childNode) => { childNode.debugDumpTree(indent + 1); });
+    }
+}

package/lib/DockWheel.d.ts

@@ -0,0 +1,41 @@
+import { DockManager } from "./DockManager.js";
+import { DockWheelItem } from "./DockWheelItem.js";
+import { WheelTypes } from "./enums/WheelTypes.js";
+import { Dialog } from "./Dialog.js";
+import { DockNode } from "./DockNode.js";
+/**
+ * Manages the dock overlay buttons that are displayed over the dock manager
+ */
+export declare class DockWheel {
+    dockManager: DockManager;
+    elementMainWheel: HTMLDivElement;
+    elementSideWheel: HTMLDivElement;
+    wheelItems: {
+        [index in WheelTypes]?: DockWheelItem;
+    };
+    elementPanelPreview: HTMLDivElement;
+    activeDialog: Dialog;
+    _activeNode?: DockNode;
+    _visible: boolean;
+    constructor(dockManager: DockManager);
+    /** The node over which the dock wheel is being displayed on */
+    get activeNode(): DockNode;
+    set activeNode(value: DockNode);
+    showWheel(): void;
+    _setWheelButtonPosition(wheelId: WheelTypes, left: number, top: number): void;
+    hideWheel(): void;
+    onMouseOver(wheelItem: DockWheelItem): void;
+    onMouseOut(): void;
+    /**
+     * Called if the dialog is dropped in a dock panel.
+     * The dialog might not necessarily be dropped in one of the dock wheel buttons,
+     * in which case the request will be ignored
+     */
+    onDialogDropped(dialog: Dialog): void;
+    /**
+     * Returns the wheel item which has the mouse cursor on top of it
+     */
+    _getActiveWheelItem(): DockWheelItem;
+    _handleDockRequest(wheelItem: DockWheelItem, dialog: Dialog): void;
+}
+//# sourceMappingURL=DockWheel.d.ts.map

package/lib/DockWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockWheel.d.ts","sourceRoot":"","sources":["../src/DockWheel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,qBAAa,SAAS;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,cAAc,CAAC;IACjC,gBAAgB,EAAE,cAAc,CAAC;IACjC,UAAU,EAAE;SAAG,KAAK,IAAI,UAAU,CAAC,CAAC,EAAE,aAAa;KAAG,CAAC;IACvD,mBAAmB,EAAE,cAAc,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;gBAEN,WAAW,EAAE,WAAW;IA4BpC,+DAA+D;IAC/D,IAAI,UAAU,IAAI,QAAQ,CAEzB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,QAAQ,EAU7B;IAED,SAAS;IAmCT,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAatE,SAAS;IAYT,WAAW,CAAC,SAAS,EAAE,aAAa;IAoCpC,UAAU;IAIV;;;;OAIG;IACH,eAAe,CAAC,MAAM,EAAE,MAAM;IAO9B;;OAEG;IACH,mBAAmB,IAAI,aAAa;IASpC,kBAAkB,CAAC,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM;CA0B9D"}

package/lib/DockWheel.js

@@ -0,0 +1,208 @@
+import { Utils } from "./Utils.js";
+import { DockWheelItem } from "./DockWheelItem.js";
+import { WheelTypes } from "./enums/WheelTypes.js";
+/**
+ * Manages the dock overlay buttons that are displayed over the dock manager
+ */
+export class DockWheel {
+    dockManager;
+    elementMainWheel;
+    elementSideWheel;
+    wheelItems;
+    elementPanelPreview;
+    activeDialog;
+    _activeNode;
+    _visible;
+    constructor(dockManager) {
+        this.dockManager = dockManager;
+        this.elementMainWheel = document.createElement('div'); // Contains the main wheel's 5 dock buttons
+        this.elementSideWheel = document.createElement('div'); // Contains the 4 buttons on the side
+        this.wheelItems = {};
+        for (let wheelType in WheelTypes) {
+            this.wheelItems[wheelType] = new DockWheelItem(this, wheelType);
+            if (wheelType.substr(-2, 2) === '-s')
+                // Side button
+                this.elementSideWheel.appendChild(this.wheelItems[wheelType].element);
+            else
+                // Main dock wheel button
+                this.elementMainWheel.appendChild(this.wheelItems[wheelType].element);
+        }
+        ;
+        let zIndex = 9000000;
+        this.elementMainWheel.classList.add('dock-wheel-base');
+        this.elementSideWheel.classList.add('dock-wheel-base');
+        this.elementMainWheel.style.zIndex = String(zIndex + 1);
+        this.elementSideWheel.style.zIndex = String(zIndex);
+        this.elementPanelPreview = document.createElement('div');
+        this.elementPanelPreview.classList.add('dock-wheel-panel-preview');
+        this.elementPanelPreview.style.zIndex = String(zIndex - 1);
+        this.activeDialog = undefined; // The dialog being dragged, when the wheel is visible
+        this._activeNode = undefined;
+        this._visible = false;
+    }
+    /** The node over which the dock wheel is being displayed on */
+    get activeNode() {
+        return this._activeNode;
+    }
+    set activeNode(value) {
+        let previousValue = this._activeNode;
+        this._activeNode = value;
+        if (previousValue !== this._activeNode) {
+            // The active node has been changed.
+            // Reattach the wheel to the new node's element and show it again
+            if (this._visible)
+                this.showWheel();
+        }
+    }
+    showWheel() {
+        this._visible = true;
+        if (!this.activeNode) {
+            // No active node selected. make sure the wheel is invisible
+            Utils.removeNode(this.elementMainWheel);
+            Utils.removeNode(this.elementSideWheel);
+            return;
+        }
+        let element = this.activeNode.container.containerElement;
+        let containerWidth = element.clientWidth;
+        let containerHeight = element.clientHeight;
+        let baseX = Math.floor(containerWidth / 2); // + element.offsetLeft;
+        let baseY = Math.floor(containerHeight / 2); // + element.offsetTop;
+        let bcElement = element.getBoundingClientRect();
+        let bcdockManagerElement = this.dockManager.element.getBoundingClientRect();
+        this.elementMainWheel.style.left = (bcElement.left - bcdockManagerElement.left + baseX) + 'px';
+        this.elementMainWheel.style.top = (bcElement.top - bcdockManagerElement.top + baseY) + 'px';
+        // The positioning of the main dock wheel buttons is done automatically through CSS
+        // Dynamically calculate the positions of the buttons on the extreme sides of the dock manager
+        let sideMargin = 20;
+        let dockManagerWidth = this.dockManager.element.clientWidth;
+        let dockManagerHeight = this.dockManager.element.clientHeight;
+        Utils.removeNode(this.elementMainWheel);
+        Utils.removeNode(this.elementSideWheel);
+        this.dockManager.element.appendChild(this.elementMainWheel);
+        this.dockManager.element.appendChild(this.elementSideWheel);
+        this._setWheelButtonPosition(WheelTypes["left-s"], sideMargin, -dockManagerHeight / 2);
+        this._setWheelButtonPosition(WheelTypes["right-s"], dockManagerWidth - sideMargin * 2, -dockManagerHeight / 2);
+        this._setWheelButtonPosition(WheelTypes["top-s"], dockManagerWidth / 2, -dockManagerHeight + sideMargin);
+        this._setWheelButtonPosition(WheelTypes["down-s"], dockManagerWidth / 2, -sideMargin);
+    }
+    _setWheelButtonPosition(wheelId, left, top) {
+        let item = this.wheelItems[wheelId];
+        let itemHalfWidth = item.element.clientWidth / 2;
+        let itemHalfHeight = item.element.clientHeight / 2;
+        let x = Math.floor(left - itemHalfWidth);
+        let y = Math.floor(top - itemHalfHeight);
+        //    item.element.style.left = '${x}px';
+        //    item.element.style.top = '${y}px';
+        item.element.style.marginLeft = x + 'px';
+        item.element.style.marginTop = y + 'px';
+    }
+    hideWheel() {
+        this._visible = false;
+        this.activeNode = undefined;
+        Utils.removeNode(this.elementMainWheel);
+        Utils.removeNode(this.elementSideWheel);
+        Utils.removeNode(this.elementPanelPreview);
+        // deactivate all wheels
+        for (let wheelType in this.wheelItems)
+            this.wheelItems[wheelType].active = false;
+    }
+    onMouseOver(wheelItem) {
+        if (!this.activeDialog)
+            return;
+        // Display the preview panel to show where the panel would be docked
+        let rootNode = this.dockManager.context.model.rootNode;
+        let bounds;
+        if (wheelItem.id === WheelTypes.top) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(this.activeNode, this.activeDialog.panel, 'vertical', true);
+        }
+        else if (wheelItem.id === WheelTypes.down) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(this.activeNode, this.activeDialog.panel, 'vertical', false);
+        }
+        else if (wheelItem.id === WheelTypes.left) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(this.activeNode, this.activeDialog.panel, 'horizontal', true);
+        }
+        else if (wheelItem.id === WheelTypes.right) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(this.activeNode, this.activeDialog.panel, 'horizontal', false);
+        }
+        else if (wheelItem.id === WheelTypes.fill) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(this.activeNode, this.activeDialog.panel, 'fill', false);
+        }
+        else if (wheelItem.id === WheelTypes["top-s"]) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(rootNode, this.activeDialog.panel, 'vertical', true);
+        }
+        else if (wheelItem.id === WheelTypes["down-s"]) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(rootNode, this.activeDialog.panel, 'vertical', false);
+        }
+        else if (wheelItem.id === WheelTypes["left-s"]) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(rootNode, this.activeDialog.panel, 'horizontal', true);
+        }
+        else if (wheelItem.id === WheelTypes["right-s"]) {
+            bounds = this.dockManager.layoutEngine.getDockBounds(rootNode, this.activeDialog.panel, 'horizontal', false);
+        }
+        if (bounds) {
+            this.dockManager.element.appendChild(this.elementPanelPreview);
+            this.elementPanelPreview.style.left = Math.round(bounds.x) + 'px';
+            this.elementPanelPreview.style.top = Math.round(bounds.y) + 'px';
+            this.elementPanelPreview.style.width = Math.round(bounds.width) + 'px';
+            this.elementPanelPreview.style.height = Math.round(bounds.height) + 'px';
+        }
+    }
+    onMouseOut() {
+        Utils.removeNode(this.elementPanelPreview);
+    }
+    /**
+     * Called if the dialog is dropped in a dock panel.
+     * The dialog might not necessarily be dropped in one of the dock wheel buttons,
+     * in which case the request will be ignored
+     */
+    onDialogDropped(dialog) {
+        // Check if the dialog was dropped in one of the wheel items
+        let wheelItem = this._getActiveWheelItem();
+        if (wheelItem)
+            this._handleDockRequest(wheelItem, dialog);
+    }
+    /**
+     * Returns the wheel item which has the mouse cursor on top of it
+     */
+    _getActiveWheelItem() {
+        for (let wheelType in this.wheelItems) {
+            let wheelItem = this.wheelItems[wheelType];
+            if (wheelItem.active)
+                return wheelItem;
+        }
+        return this.wheelItems[WheelTypes.fill];
+    }
+    _handleDockRequest(wheelItem, dialog) {
+        wheelItem.active = false;
+        wheelItem.element.classList.remove(wheelItem.hoverIconClass);
+        if (!this.activeNode)
+            return;
+        if (wheelItem.id === WheelTypes.left) {
+            this.dockManager.dockDialogLeft(this.activeNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes.right) {
+            this.dockManager.dockDialogRight(this.activeNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes.top) {
+            this.dockManager.dockDialogUp(this.activeNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes.down) {
+            this.dockManager.dockDialogDown(this.activeNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes.fill) {
+            this.dockManager.dockDialogFill(this.activeNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes["left-s"]) {
+            this.dockManager.dockDialogLeft(this.dockManager.context.model.rootNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes["right-s"]) {
+            this.dockManager.dockDialogRight(this.dockManager.context.model.rootNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes["top-s"]) {
+            this.dockManager.dockDialogUp(this.dockManager.context.model.rootNode, dialog);
+        }
+        else if (wheelItem.id === WheelTypes["down-s"]) {
+            this.dockManager.dockDialogDown(this.dockManager.context.model.rootNode, dialog);
+        }
+    }
+}

package/lib/DockWheelItem.d.ts

@@ -0,0 +1,16 @@
+import { EventHandler } from "./EventHandler.js";
+import { DockWheel } from "./DockWheel.js";
+import { WheelTypes } from "./enums/WheelTypes.js";
+export declare class DockWheelItem {
+    wheel: DockWheel;
+    id: WheelTypes;
+    element: HTMLDivElement;
+    hoverIconClass: string;
+    mouseOverHandler: EventHandler;
+    mouseOutHandler: EventHandler;
+    active: boolean;
+    constructor(wheel: DockWheel, id: WheelTypes);
+    onMouseMoved(): void;
+    onMouseOut(): void;
+}
+//# sourceMappingURL=DockWheelItem.d.ts.map

package/lib/DockWheelItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockWheelItem.d.ts","sourceRoot":"","sources":["../src/DockWheelItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,qBAAa,aAAa;IAEtB,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,EAAE,UAAU,CAAC;IACf,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,eAAe,EAAE,YAAY,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;gBAEJ,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU;IAe5C,YAAY;IAMZ,UAAU;CAKb"}

package/lib/DockWheelItem.js

@@ -0,0 +1,34 @@
+import { EventHandler } from "./EventHandler.js";
+export class DockWheelItem {
+    wheel;
+    id;
+    element;
+    hoverIconClass;
+    mouseOverHandler;
+    mouseOutHandler;
+    active;
+    constructor(wheel, id) {
+        this.wheel = wheel;
+        this.id = id;
+        let wheelType = id.replace('-s', '');
+        this.element = document.createElement('div');
+        this.element.classList.add('dock-wheel-item');
+        this.element.classList.add('disable-selection');
+        this.element.classList.add('dock-wheel-' + wheelType);
+        this.element.classList.add('dock-wheel-' + wheelType + '-icon');
+        this.hoverIconClass = 'dock-wheel-' + wheelType + '-icon-hover';
+        this.mouseOverHandler = new EventHandler(this.element, 'pointerover', this.onMouseMoved.bind(this));
+        this.mouseOutHandler = new EventHandler(this.element, 'pointerout', this.onMouseOut.bind(this));
+        this.active = false; // Becomes active when the mouse is hovered over it
+    }
+    onMouseMoved() {
+        this.active = true;
+        this.element.classList.add(this.hoverIconClass);
+        this.wheel.onMouseOver(this);
+    }
+    onMouseOut() {
+        this.active = false;
+        this.element.classList.remove(this.hoverIconClass);
+        this.wheel.onMouseOut();
+    }
+}

package/lib/DocumentManagerContainer.d.ts

@@ -0,0 +1,16 @@
+import { FillDockContainer } from "./FillDockContainer.js";
+import { DockManager } from "./DockManager.js";
+import { IState } from "./interfaces/IState.js";
+/**
+ * The document manager is then central area of the dock layout hierarchy.
+ * This is where more important panels are placed (e.g. the text editor in an IDE,
+ * 3D view in a modelling package etc
+ */
+export declare class DocumentManagerContainer extends FillDockContainer {
+    constructor(dockManager: DockManager);
+    private _createDocumentTabPage;
+    saveState(state: IState): void;
+    /** Returns the selected document tab */
+    selectedTab(): import("./TabPage.js").TabPage;
+}
+//# sourceMappingURL=DocumentManagerContainer.d.ts.map

package/lib/DocumentManagerContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentManagerContainer.d.ts","sourceRoot":"","sources":["../src/DocumentManagerContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD;;;;GAIG;AAEH,qBAAa,wBAAyB,SAAQ,iBAAiB;gBAE/C,WAAW,EAAE,WAAW;IASpC,OAAO,CAAC,sBAAsB;IAI9B,SAAS,CAAC,KAAK,EAAE,MAAM;IAKvB,wCAAwC;IACxC,WAAW;CAGd"}

package/lib/DocumentManagerContainer.js

@@ -0,0 +1,28 @@
+import { FillDockContainer } from "./FillDockContainer.js";
+import { DocumentTabPage } from "./DocumentTabPage.js";
+import { TabHostDirection } from "./enums/TabHostDirection.js";
+/**
+ * The document manager is then central area of the dock layout hierarchy.
+ * This is where more important panels are placed (e.g. the text editor in an IDE,
+ * 3D view in a modelling package etc
+ */
+export class DocumentManagerContainer extends FillDockContainer {
+    constructor(dockManager) {
+        super(dockManager, TabHostDirection.TOP);
+        this.minimumAllowedChildNodes = 0;
+        this.element.classList.add('document-manager');
+        this.tabHost.createTabPage = this._createDocumentTabPage;
+        this.tabHost.displayCloseButton = true;
+    }
+    _createDocumentTabPage(tabHost, container) {
+        return new DocumentTabPage(tabHost, container);
+    }
+    saveState(state) {
+        super.saveState(state);
+        state.documentManager = true;
+    }
+    /** Returns the selected document tab */
+    selectedTab() {
+        return this.tabHost.activeTab;
+    }
+}

package/lib/DocumentTabPage.d.ts

@@ -0,0 +1,11 @@
+import { TabHost } from "./TabHost.js";
+import { TabPage } from "./TabPage.js";
+import { IDockContainer } from "./interfaces/IDockContainer.js";
+/**
+ * Specialized tab page that doesn't display the panel's frame when docked in a tab page
+ */
+export declare class DocumentTabPage extends TabPage {
+    constructor(host: TabHost, container: IDockContainer);
+    destroy(): void;
+}
+//# sourceMappingURL=DocumentTabPage.d.ts.map

package/lib/DocumentTabPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTabPage.d.ts","sourceRoot":"","sources":["../src/DocumentTabPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGhE;;GAEG;AACH,qBAAa,eAAgB,SAAQ,OAAO;gBAE5B,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc;IAgBpD,OAAO;CAOV"}

package/lib/DocumentTabPage.js

@@ -0,0 +1,26 @@
+import { TabPage } from "./TabPage.js";
+import { Utils } from "./Utils.js";
+/**
+ * Specialized tab page that doesn't display the panel's frame when docked in a tab page
+ */
+export class DocumentTabPage extends TabPage {
+    constructor(host, container) {
+        super(host, container);
+        // If the container is a panel, extract the content element and set it as the tab's content
+        if (this.container.containerType === 'panel') {
+            this.panel = container;
+            this.containerElement = this.panel.elementContentWrapper;
+            // detach the container element from the panel's frame.
+            // It will be reattached when this tab page is destroyed
+            // This enables the panel's frame (title bar etc) to be hidden
+            // inside the tab page
+            Utils.removeNode(this.containerElement);
+        }
+    }
+    destroy() {
+        super.destroy();
+        // Restore the panel content element back into the panel frame
+        //Utils.removeNode(this.containerElement);
+        this.panel.elementContentHost.appendChild(this.containerElement);
+    }
+}

package/lib/DraggableContainer.d.ts

@@ -0,0 +1,51 @@
+import { Dialog } from "./Dialog.js";
+import { DockManager } from "./DockManager.js";
+import { EventHandler } from "./EventHandler.js";
+import { IDockContainer } from "./interfaces/IDockContainer.js";
+import { ContainerType } from "./ContainerType.js";
+import { IState } from "./interfaces/IState.js";
+import { PanelContainer } from "./PanelContainer.js";
+export declare class DraggableContainer implements IDockContainer {
+    dialog: Dialog;
+    delegate: PanelContainer;
+    containerElement: HTMLElement;
+    dockManager: DockManager;
+    topLevelElement: HTMLElement;
+    containerType: ContainerType;
+    mouseDownHandler: EventHandler;
+    touchDownHandler: EventHandler;
+    minimumAllowedChildNodes: number;
+    previousMousePosition: {
+        x: any;
+        y: any;
+    };
+    mouseMoveHandler: EventHandler;
+    mouseUpHandler: EventHandler;
+    private iframeEventHandlers;
+    constructor(dialog: Dialog, delegate: PanelContainer, topLevelElement: HTMLElement, dragHandle: HTMLElement);
+    destroy(): void;
+    saveState(state: IState): void;
+    loadState(state: IState): void;
+    setActiveChild(): void;
+    get width(): number;
+    get height(): number;
+    get name(): string;
+    set name(value: string);
+    resize(width: number, height: number): void;
+    performLayout(children: IDockContainer[]): void;
+    removeDecorator(): void;
+    onMouseDown(event: PointerEvent): void;
+    onMouseUp(event: any): void;
+    _startDragging(event: {
+        clientX: number;
+        clientY: number;
+    }): void;
+    _stopDragging(event: any): void;
+    onMouseMovedIframe(e: PointerEvent, iframe: HTMLIFrameElement): void;
+    onMouseMove(event: PointerEvent, iframeOffset?: {
+        x: number;
+        y: number;
+    }): void;
+    _performDrag(dx: number, dy: number): void;
+}
+//# sourceMappingURL=DraggableContainer.d.ts.map

package/lib/DraggableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableContainer.d.ts","sourceRoot":"","sources":["../src/DraggableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,qBAAa,kBAAmB,YAAW,cAAc;IAErD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,CAAC;IACzB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,WAAW,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,YAAY,CAAC;IAC/B,gBAAgB,EAAE,YAAY,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,qBAAqB,EAAE;QAAE,CAAC,EAAE,GAAG,CAAC;QAAC,CAAC,EAAE,GAAG,CAAC;KAAE,CAAC;IAC3C,gBAAgB,EAAE,YAAY,CAAC;IAC/B,cAAc,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,mBAAmB,CAAiB;gBAEhC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW;IAe3G,OAAO;IAKP,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,cAAc;IAGd,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,IAAI,WAEP;IACD,IAAI,IAAI,CAAC,KAAK,QAAA,EAGb;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAIpC,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE;IAIxC,eAAe;IAWf,WAAW,CAAC,KAAK,EAAE,YAAY;IA6B/B,SAAS,CAAC,KAAK,KAAA;IAYf,cAAc,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;IAQ1D,aAAa,CAAC,KAAK,KAAA;IAQnB,kBAAkB,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB;IAK7D,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAcxE,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;CAQtC"}