flexlayout-react 0.7.15 → 0.8.0

package/lib/model/BorderNode.js

@@ -1,407 +1,386 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderNode = void 0;
-const Attribute_1 = require("../Attribute");
-const AttributeDefinitions_1 = require("../AttributeDefinitions");
-const DockLocation_1 = require("../DockLocation");
-const DropInfo_1 = require("../DropInfo");
-const Orientation_1 = require("../Orientation");
-const Rect_1 = require("../Rect");
-const Types_1 = require("../Types");
-const Node_1 = require("./Node");
-const SplitterNode_1 = require("./SplitterNode");
-const TabNode_1 = require("./TabNode");
-const Utils_1 = require("./Utils");
-class BorderNode extends Node_1.Node {
-    /** @internal */
-    static _fromJson(json, model) {
-        const location = DockLocation_1.DockLocation.getByName(json.location);
-        const border = new BorderNode(location, json, model);
-        if (json.children) {
-            border._children = json.children.map((jsonChild) => {
-                const child = TabNode_1.TabNode._fromJson(jsonChild, model);
-                child._setParent(border);
-                return child;
-            });
-        }
-        return border;
-    }
-    /** @internal */
-    static _createAttributeDefinitions() {
-        const attributeDefinitions = new AttributeDefinitions_1.AttributeDefinitions();
-        attributeDefinitions.add("type", BorderNode.TYPE, true).setType(Attribute_1.Attribute.STRING).setFixed();
-        attributeDefinitions.add("selected", -1).setType(Attribute_1.Attribute.NUMBER);
-        attributeDefinitions.add("show", true).setType(Attribute_1.Attribute.BOOLEAN);
-        attributeDefinitions.add("config", undefined).setType("any");
-        attributeDefinitions.addInherited("barSize", "borderBarSize").setType(Attribute_1.Attribute.NUMBER);
-        attributeDefinitions.addInherited("enableDrop", "borderEnableDrop").setType(Attribute_1.Attribute.BOOLEAN);
-        attributeDefinitions.addInherited("className", "borderClassName").setType(Attribute_1.Attribute.STRING);
-        attributeDefinitions.addInherited("autoSelectTabWhenOpen", "borderAutoSelectTabWhenOpen").setType(Attribute_1.Attribute.BOOLEAN);
-        attributeDefinitions.addInherited("autoSelectTabWhenClosed", "borderAutoSelectTabWhenClosed").setType(Attribute_1.Attribute.BOOLEAN);
-        attributeDefinitions.addInherited("size", "borderSize").setType(Attribute_1.Attribute.NUMBER);
-        attributeDefinitions.addInherited("minSize", "borderMinSize").setType(Attribute_1.Attribute.NUMBER);
-        attributeDefinitions.addInherited("enableAutoHide", "borderEnableAutoHide").setType(Attribute_1.Attribute.BOOLEAN);
-        return attributeDefinitions;
-    }
-    /** @internal */
-    constructor(location, json, model) {
-        super(model);
-        /** @internal */
-        this._adjustedSize = 0;
-        /** @internal */
-        this._calculatedBorderBarSize = 0;
-        this._location = location;
-        this._drawChildren = [];
-        this._attributes.id = `border_${location.getName()}`;
-        BorderNode._attributeDefinitions.fromJson(json, this._attributes);
-        model._addNode(this);
-    }
-    getLocation() {
-        return this._location;
-    }
-    getTabHeaderRect() {
-        return this._tabHeaderRect;
-    }
-    getRect() {
-        return this._tabHeaderRect;
-    }
-    getContentRect() {
-        return this._contentRect;
-    }
-    isEnableDrop() {
-        return this._getAttr("enableDrop");
-    }
-    isAutoSelectTab(whenOpen) {
-        if (whenOpen == null) {
-            whenOpen = this.getSelected() !== -1;
-        }
-        if (whenOpen) {
-            return this._getAttr("autoSelectTabWhenOpen");
-        }
-        else {
-            return this._getAttr("autoSelectTabWhenClosed");
-        }
-    }
-    getClassName() {
-        return this._getAttr("className");
-    }
-    /** @internal */
-    calcBorderBarSize(metrics) {
-        const barSize = this._getAttr("barSize");
-        if (barSize !== 0) {
-            // its defined
-            this._calculatedBorderBarSize = barSize;
-        }
-        else {
-            this._calculatedBorderBarSize = metrics.borderBarSize;
-        }
-    }
-    getBorderBarSize() {
-        return this._calculatedBorderBarSize;
-    }
-    getSize() {
-        const defaultSize = this._getAttr("size");
-        const selected = this.getSelected();
-        if (selected === -1) {
-            return defaultSize;
-        }
-        else {
-            const tabNode = this._children[selected];
-            const tabBorderSize = (this._location._orientation === Orientation_1.Orientation.HORZ) ? tabNode._getAttr("borderWidth") : tabNode._getAttr("borderHeight");
-            if (tabBorderSize === -1) {
-                return defaultSize;
-            }
-            else {
-                return tabBorderSize;
-            }
-        }
-    }
-    getMinSize() {
-        return this._getAttr("minSize");
-    }
-    getSelected() {
-        return this._attributes.selected;
-    }
-    getSelectedNode() {
-        if (this.getSelected() !== -1) {
-            return this._children[this.getSelected()];
-        }
-        return undefined;
-    }
-    getOrientation() {
-        return this._location.getOrientation();
-    }
-    /**
-     * Returns the config attribute that can be used to store node specific data that
-     * WILL be saved to the json. The config attribute should be changed via the action Actions.updateNodeAttributes rather
-     * than directly, for example:
-     * this.state.model.doAction(
-     *   FlexLayout.Actions.updateNodeAttributes(node.getId(), {config:myConfigObject}));
-     */
-    getConfig() {
-        return this._attributes.config;
-    }
-    isMaximized() {
-        return false;
-    }
-    isShowing() {
-        const show = this._attributes.show;
-        if (show) {
-            if (this._model._getShowHiddenBorder() !== this._location && this.isAutoHide() && this._children.length === 0) {
-                return false;
-            }
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isAutoHide() {
-        return this._getAttr("enableAutoHide");
-    }
-    /** @internal */
-    _setSelected(index) {
-        this._attributes.selected = index;
-    }
-    /** @internal */
-    _setSize(pos) {
-        const selected = this.getSelected();
-        if (selected === -1) {
-            this._attributes.size = pos;
-        }
-        else {
-            const tabNode = this._children[selected];
-            const tabBorderSize = (this._location._orientation === Orientation_1.Orientation.HORZ) ? tabNode._getAttr("borderWidth") : tabNode._getAttr("borderHeight");
-            if (tabBorderSize === -1) {
-                this._attributes.size = pos;
-            }
-            else {
-                if (this._location._orientation === Orientation_1.Orientation.HORZ) {
-                    tabNode._setBorderWidth(pos);
-                }
-                else {
-                    tabNode._setBorderHeight(pos);
-                }
-            }
-        }
-    }
-    /** @internal */
-    _updateAttrs(json) {
-        BorderNode._attributeDefinitions.update(json, this._attributes);
-    }
-    /** @internal */
-    _getDrawChildren() {
-        return this._drawChildren;
-    }
-    /** @internal */
-    _setAdjustedSize(size) {
-        this._adjustedSize = size;
-    }
-    /** @internal */
-    _getAdjustedSize() {
-        return this._adjustedSize;
-    }
-    /** @internal */
-    _layoutBorderOuter(outer, metrics) {
-        this.calcBorderBarSize(metrics);
-        const split1 = this._location.split(outer, this.getBorderBarSize()); // split border outer
-        this._tabHeaderRect = split1.start;
-        return split1.end;
-    }
-    /** @internal */
-    _layoutBorderInner(inner, metrics) {
-        this._drawChildren = [];
-        const location = this._location;
-        const split1 = location.split(inner, this._adjustedSize + this._model.getSplitterSize()); // split off tab contents
-        const split2 = location.reflect().split(split1.start, this._model.getSplitterSize()); // split contents into content and splitter
-        this._contentRect = split2.end;
-        for (let i = 0; i < this._children.length; i++) {
-            const child = this._children[i];
-            child._layout(this._contentRect, metrics);
-            child._setVisible(i === this.getSelected());
-            this._drawChildren.push(child);
-        }
-        if (this.getSelected() === -1) {
-            return inner;
-        }
-        else {
-            const newSplitter = new SplitterNode_1.SplitterNode(this._model);
-            newSplitter._setParent(this);
-            newSplitter._setRect(split2.start);
-            this._drawChildren.push(newSplitter);
-            return split1.end;
-        }
-    }
-    /** @internal */
-    _remove(node) {
-        const removedIndex = this._removeChild(node);
-        if (this.getSelected() !== -1) {
-            (0, Utils_1.adjustSelectedIndex)(this, removedIndex);
-        }
-    }
-    /** @internal */
-    canDrop(dragNode, x, y) {
-        if (dragNode.getType() !== TabNode_1.TabNode.TYPE) {
-            return undefined;
-        }
-        let dropInfo;
-        const dockLocation = DockLocation_1.DockLocation.CENTER;
-        if (this._tabHeaderRect.contains(x, y)) {
-            if (this._location._orientation === Orientation_1.Orientation.VERT) {
-                if (this._children.length > 0) {
-                    let child = this._children[0];
-                    let childRect = child.getTabRect();
-                    const childY = childRect.y;
-                    const childHeight = childRect.height;
-                    let pos = this._tabHeaderRect.x;
-                    let childCenter = 0;
-                    for (let i = 0; i < this._children.length; i++) {
-                        child = this._children[i];
-                        childRect = child.getTabRect();
-                        childCenter = childRect.x + childRect.width / 2;
-                        if (x >= pos && x < childCenter) {
-                            const outlineRect = new Rect_1.Rect(childRect.x - 2, childY, 3, childHeight);
-                            dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, i, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                            break;
-                        }
-                        pos = childCenter;
-                    }
-                    if (dropInfo == null) {
-                        const outlineRect = new Rect_1.Rect(childRect.getRight() - 2, childY, 3, childHeight);
-                        dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, this._children.length, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                    }
-                }
-                else {
-                    const outlineRect = new Rect_1.Rect(this._tabHeaderRect.x + 1, this._tabHeaderRect.y + 2, 3, 18);
-                    dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, 0, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                }
-            }
-            else {
-                if (this._children.length > 0) {
-                    let child = this._children[0];
-                    let childRect = child.getTabRect();
-                    const childX = childRect.x;
-                    const childWidth = childRect.width;
-                    let pos = this._tabHeaderRect.y;
-                    let childCenter = 0;
-                    for (let i = 0; i < this._children.length; i++) {
-                        child = this._children[i];
-                        childRect = child.getTabRect();
-                        childCenter = childRect.y + childRect.height / 2;
-                        if (y >= pos && y < childCenter) {
-                            const outlineRect = new Rect_1.Rect(childX, childRect.y - 2, childWidth, 3);
-                            dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, i, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                            break;
-                        }
-                        pos = childCenter;
-                    }
-                    if (dropInfo == null) {
-                        const outlineRect = new Rect_1.Rect(childX, childRect.getBottom() - 2, childWidth, 3);
-                        dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, this._children.length, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                    }
-                }
-                else {
-                    const outlineRect = new Rect_1.Rect(this._tabHeaderRect.x + 2, this._tabHeaderRect.y + 1, 18, 3);
-                    dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, 0, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-                }
-            }
-            if (!dragNode._canDockInto(dragNode, dropInfo)) {
-                return undefined;
-            }
-        }
-        else if (this.getSelected() !== -1 && this._contentRect.contains(x, y)) {
-            const outlineRect = this._contentRect;
-            dropInfo = new DropInfo_1.DropInfo(this, outlineRect, dockLocation, -1, Types_1.CLASSES.FLEXLAYOUT__OUTLINE_RECT);
-            if (!dragNode._canDockInto(dragNode, dropInfo)) {
-                return undefined;
-            }
-        }
-        return dropInfo;
-    }
-    /** @internal */
-    drop(dragNode, location, index, select) {
-        let fromIndex = 0;
-        const dragParent = dragNode.getParent();
-        if (dragParent !== undefined) {
-            fromIndex = dragParent._removeChild(dragNode);
-            // if selected node in border is being docked into a different border then deselect border tabs
-            if (dragParent !== this && dragParent instanceof BorderNode && dragParent.getSelected() === fromIndex) {
-                dragParent._setSelected(-1);
-            }
-            else {
-                (0, Utils_1.adjustSelectedIndex)(dragParent, fromIndex);
-            }
-        }
-        // if dropping a tab back to same tabset and moving to forward position then reduce insertion index
-        if (dragNode.getType() === TabNode_1.TabNode.TYPE && dragParent === this && fromIndex < index && index > 0) {
-            index--;
-        }
-        // simple_bundled dock to existing tabset
-        let insertPos = index;
-        if (insertPos === -1) {
-            insertPos = this._children.length;
-        }
-        if (dragNode.getType() === TabNode_1.TabNode.TYPE) {
-            this._addChild(dragNode, insertPos);
-        }
-        if (select || (select !== false && this.isAutoSelectTab())) {
-            this._setSelected(insertPos);
-        }
-        this._model._tidy();
-    }
-    toJson() {
-        const json = {};
-        BorderNode._attributeDefinitions.toJson(json, this._attributes);
-        json.location = this._location.getName();
-        json.children = this._children.map((child) => child.toJson());
-        return json;
-    }
-    /** @internal */
-    _getSplitterBounds(splitter, useMinSize = false) {
-        const pBounds = [0, 0];
-        const minSize = useMinSize ? this.getMinSize() : 0;
-        const outerRect = this._model._getOuterInnerRects().outer;
-        const innerRect = this._model._getOuterInnerRects().inner;
-        const rootRow = this._model.getRoot();
-        if (this._location === DockLocation_1.DockLocation.TOP) {
-            pBounds[0] = outerRect.y + minSize;
-            pBounds[1] = Math.max(pBounds[0], innerRect.getBottom() - splitter.getHeight() - rootRow.getMinHeight());
-        }
-        else if (this._location === DockLocation_1.DockLocation.LEFT) {
-            pBounds[0] = outerRect.x + minSize;
-            pBounds[1] = Math.max(pBounds[0], innerRect.getRight() - splitter.getWidth() - rootRow.getMinWidth());
-        }
-        else if (this._location === DockLocation_1.DockLocation.BOTTOM) {
-            pBounds[1] = outerRect.getBottom() - splitter.getHeight() - minSize;
-            pBounds[0] = Math.min(pBounds[1], innerRect.y + rootRow.getMinHeight());
-        }
-        else if (this._location === DockLocation_1.DockLocation.RIGHT) {
-            pBounds[1] = outerRect.getRight() - splitter.getWidth() - minSize;
-            pBounds[0] = Math.min(pBounds[1], innerRect.x + rootRow.getMinWidth());
-        }
-        return pBounds;
-    }
-    /** @internal */
-    _calculateSplit(splitter, splitterPos) {
-        const pBounds = this._getSplitterBounds(splitter);
-        if (this._location === DockLocation_1.DockLocation.BOTTOM || this._location === DockLocation_1.DockLocation.RIGHT) {
-            return Math.max(0, pBounds[1] - splitterPos);
-        }
-        else {
-            return Math.max(0, splitterPos - pBounds[0]);
-        }
-    }
-    /** @internal */
-    _getAttributeDefinitions() {
-        return BorderNode._attributeDefinitions;
-    }
-    /** @internal */
-    static getAttributeDefinitions() {
-        return BorderNode._attributeDefinitions;
-    }
-}
-exports.BorderNode = BorderNode;
-BorderNode.TYPE = "border";
-/** @internal */
-BorderNode._attributeDefinitions = BorderNode._createAttributeDefinitions();
+import { Attribute } from "../Attribute";
+import { AttributeDefinitions } from "../AttributeDefinitions";
+import { DockLocation } from "../DockLocation";
+import { DropInfo } from "../DropInfo";
+import { Orientation } from "../Orientation";
+import { Rect } from "../Rect";
+import { CLASSES } from "../Types";
+import { Model } from "./Model";
+import { Node } from "./Node";
+import { TabNode } from "./TabNode";
+import { adjustSelectedIndex } from "./Utils";
+export class BorderNode extends Node {
+    /** @internal */
+    static fromJson(json, model) {
+        const location = DockLocation.getByName(json.location);
+        const border = new BorderNode(location, json, model);
+        if (json.children) {
+            border.children = json.children.map((jsonChild) => {
+                const child = TabNode.fromJson(jsonChild, model);
+                child.setParent(border);
+                return child;
+            });
+        }
+        return border;
+    }
+    /** @internal */
+    constructor(location, json, model) {
+        super(model);
+        /** @internal */
+        this.outerRect = Rect.empty();
+        /** @internal */
+        this.contentRect = Rect.empty();
+        /** @internal */
+        this.tabHeaderRect = Rect.empty();
+        this.location = location;
+        this.attributes.id = `border_${location.getName()}`;
+        BorderNode.attributeDefinitions.fromJson(json, this.attributes);
+        model.addNode(this);
+    }
+    getLocation() {
+        return this.location;
+    }
+    getClassName() {
+        return this.getAttr("className");
+    }
+    isHorizontal() {
+        return this.location.orientation === Orientation.HORZ;
+    }
+    getSize() {
+        const defaultSize = this.getAttr("size");
+        const selected = this.getSelected();
+        if (selected === -1) {
+            return defaultSize;
+        }
+        else {
+            const tabNode = this.children[selected];
+            const tabBorderSize = this.isHorizontal() ? tabNode.getAttr("borderWidth") : tabNode.getAttr("borderHeight");
+            if (tabBorderSize === -1) {
+                return defaultSize;
+            }
+            else {
+                return tabBorderSize;
+            }
+        }
+    }
+    getMinSize() {
+        const selectedNode = this.getSelectedNode();
+        let min = this.getAttr("minSize");
+        if (selectedNode) {
+            const nodeMin = this.isHorizontal() ? selectedNode.getMinWidth() : selectedNode.getMinHeight();
+            min = Math.max(min, nodeMin);
+        }
+        return min;
+    }
+    getMaxSize() {
+        const selectedNode = this.getSelectedNode();
+        let max = this.getAttr("maxSize");
+        if (selectedNode) {
+            const nodeMax = this.isHorizontal() ? selectedNode.getMaxWidth() : selectedNode.getMaxHeight();
+            max = Math.min(max, nodeMax);
+        }
+        return max;
+    }
+    getSelected() {
+        return this.attributes.selected;
+    }
+    isAutoHide() {
+        return this.getAttr("enableAutoHide");
+    }
+    getSelectedNode() {
+        if (this.getSelected() !== -1) {
+            return this.children[this.getSelected()];
+        }
+        return undefined;
+    }
+    getOrientation() {
+        return this.location.getOrientation();
+    }
+    /**
+     * Returns the config attribute that can be used to store node specific data that
+     * WILL be saved to the json. The config attribute should be changed via the action Actions.updateNodeAttributes rather
+     * than directly, for example:
+     * this.state.model.doAction(
+     *   FlexLayout.Actions.updateNodeAttributes(node.getId(), {config:myConfigObject}));
+     */
+    getConfig() {
+        return this.attributes.config;
+    }
+    isMaximized() {
+        return false;
+    }
+    isShowing() {
+        return this.attributes.show;
+    }
+    toJson() {
+        const json = {};
+        BorderNode.attributeDefinitions.toJson(json, this.attributes);
+        json.location = this.location.getName();
+        json.children = this.children.map((child) => child.toJson());
+        return json;
+    }
+    /** @internal */
+    isAutoSelectTab(whenOpen) {
+        if (whenOpen == null) {
+            whenOpen = this.getSelected() !== -1;
+        }
+        if (whenOpen) {
+            return this.getAttr("autoSelectTabWhenOpen");
+        }
+        else {
+            return this.getAttr("autoSelectTabWhenClosed");
+        }
+    }
+    /** @internal */
+    setSelected(index) {
+        this.attributes.selected = index;
+    }
+    /** @internal */
+    getTabHeaderRect() {
+        return this.tabHeaderRect;
+    }
+    /** @internal */
+    setTabHeaderRect(r) {
+        this.tabHeaderRect = r;
+    }
+    /** @internal */
+    getOuterRect() {
+        return this.outerRect;
+    }
+    /** @internal */
+    setOuterRect(r) {
+        this.outerRect = r;
+    }
+    /** @internal */
+    getRect() {
+        return this.tabHeaderRect;
+    }
+    /** @internal */
+    getContentRect() {
+        return this.contentRect;
+    }
+    /** @internal */
+    setContentRect(r) {
+        this.contentRect = r;
+    }
+    /** @internal */
+    isEnableDrop() {
+        return this.getAttr("enableDrop");
+    }
+    /** @internal */
+    setSize(pos) {
+        const selected = this.getSelected();
+        if (selected === -1) {
+            this.attributes.size = pos;
+        }
+        else {
+            const tabNode = this.children[selected];
+            const tabBorderSize = this.isHorizontal() ? tabNode.getAttr("borderWidth") : tabNode.getAttr("borderHeight");
+            if (tabBorderSize === -1) {
+                this.attributes.size = pos;
+            }
+            else {
+                if (this.isHorizontal()) {
+                    tabNode.setBorderWidth(pos);
+                }
+                else {
+                    tabNode.setBorderHeight(pos);
+                }
+            }
+        }
+    }
+    /** @internal */
+    updateAttrs(json) {
+        BorderNode.attributeDefinitions.update(json, this.attributes);
+    }
+    /** @internal */
+    remove(node) {
+        const removedIndex = this.removeChild(node);
+        if (this.getSelected() !== -1) {
+            adjustSelectedIndex(this, removedIndex);
+        }
+    }
+    /** @internal */
+    canDrop(dragNode, x, y) {
+        if (!(dragNode instanceof TabNode)) {
+            return undefined;
+        }
+        let dropInfo;
+        const dockLocation = DockLocation.CENTER;
+        if (this.tabHeaderRect.contains(x, y)) {
+            if (this.location.orientation === Orientation.VERT) {
+                if (this.children.length > 0) {
+                    let child = this.children[0];
+                    let childRect = child.getTabRect();
+                    const childY = childRect.y;
+                    const childHeight = childRect.height;
+                    let pos = this.tabHeaderRect.x;
+                    let childCenter = 0;
+                    for (let i = 0; i < this.children.length; i++) {
+                        child = this.children[i];
+                        childRect = child.getTabRect();
+                        childCenter = childRect.x + childRect.width / 2;
+                        if (x >= pos && x < childCenter) {
+                            const outlineRect = new Rect(childRect.x - 2, childY, 3, childHeight);
+                            dropInfo = new DropInfo(this, outlineRect, dockLocation, i, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                            break;
+                        }
+                        pos = childCenter;
+                    }
+                    if (dropInfo == null) {
+                        const outlineRect = new Rect(childRect.getRight() - 2, childY, 3, childHeight);
+                        dropInfo = new DropInfo(this, outlineRect, dockLocation, this.children.length, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                    }
+                }
+                else {
+                    const outlineRect = new Rect(this.tabHeaderRect.x + 1, this.tabHeaderRect.y + 2, 3, 18);
+                    dropInfo = new DropInfo(this, outlineRect, dockLocation, 0, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                }
+            }
+            else {
+                if (this.children.length > 0) {
+                    let child = this.children[0];
+                    let childRect = child.getTabRect();
+                    const childX = childRect.x;
+                    const childWidth = childRect.width;
+                    let pos = this.tabHeaderRect.y;
+                    let childCenter = 0;
+                    for (let i = 0; i < this.children.length; i++) {
+                        child = this.children[i];
+                        childRect = child.getTabRect();
+                        childCenter = childRect.y + childRect.height / 2;
+                        if (y >= pos && y < childCenter) {
+                            const outlineRect = new Rect(childX, childRect.y - 2, childWidth, 3);
+                            dropInfo = new DropInfo(this, outlineRect, dockLocation, i, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                            break;
+                        }
+                        pos = childCenter;
+                    }
+                    if (dropInfo == null) {
+                        const outlineRect = new Rect(childX, childRect.getBottom() - 2, childWidth, 3);
+                        dropInfo = new DropInfo(this, outlineRect, dockLocation, this.children.length, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                    }
+                }
+                else {
+                    const outlineRect = new Rect(this.tabHeaderRect.x + 2, this.tabHeaderRect.y + 1, 18, 3);
+                    dropInfo = new DropInfo(this, outlineRect, dockLocation, 0, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+                }
+            }
+            if (!dragNode.canDockInto(dragNode, dropInfo)) {
+                return undefined;
+            }
+        }
+        else if (this.getSelected() !== -1 && this.outerRect.contains(x, y)) {
+            const outlineRect = this.outerRect;
+            dropInfo = new DropInfo(this, outlineRect, dockLocation, -1, CLASSES.FLEXLAYOUT__OUTLINE_RECT);
+            if (!dragNode.canDockInto(dragNode, dropInfo)) {
+                return undefined;
+            }
+        }
+        return dropInfo;
+    }
+    /** @internal */
+    drop(dragNode, location, index, select) {
+        let fromIndex = 0;
+        const dragParent = dragNode.getParent();
+        if (dragParent !== undefined) {
+            fromIndex = dragParent.removeChild(dragNode);
+            // if selected node in border is being docked into a different border then deselect border tabs
+            if (dragParent !== this && dragParent instanceof BorderNode && dragParent.getSelected() === fromIndex) {
+                dragParent.setSelected(-1);
+            }
+            else {
+                adjustSelectedIndex(dragParent, fromIndex);
+            }
+        }
+        // if dropping a tab back to same tabset and moving to forward position then reduce insertion index
+        if (dragNode instanceof TabNode && dragParent === this && fromIndex < index && index > 0) {
+            index--;
+        }
+        // simple_bundled dock to existing tabset
+        let insertPos = index;
+        if (insertPos === -1) {
+            insertPos = this.children.length;
+        }
+        if (dragNode instanceof TabNode) {
+            this.addChild(dragNode, insertPos);
+        }
+        if (select || (select !== false && this.isAutoSelectTab())) {
+            this.setSelected(insertPos);
+        }
+        this.model.tidy();
+    }
+    /** @internal */
+    getSplitterBounds(index, useMinSize = false) {
+        const pBounds = [0, 0];
+        const minSize = useMinSize ? this.getMinSize() : 0;
+        const maxSize = useMinSize ? this.getMaxSize() : 99999;
+        const rootRow = this.model.getRoot(Model.MAIN_WINDOW_ID);
+        const innerRect = rootRow.getRect();
+        const splitterSize = this.model.getSplitterSize();
+        if (this.location === DockLocation.TOP) {
+            pBounds[0] = this.tabHeaderRect.getBottom() + minSize;
+            const maxPos = this.tabHeaderRect.getBottom() + maxSize;
+            pBounds[1] = Math.max(pBounds[0], innerRect.getBottom() - rootRow.getMinHeight() - splitterSize);
+            pBounds[1] = Math.min(pBounds[1], maxPos);
+        }
+        else if (this.location === DockLocation.LEFT) {
+            pBounds[0] = this.tabHeaderRect.getRight() + minSize;
+            const maxPos = this.tabHeaderRect.getRight() + maxSize;
+            pBounds[1] = Math.max(pBounds[0], innerRect.getRight() - rootRow.getMinWidth() - splitterSize);
+            pBounds[1] = Math.min(pBounds[1], maxPos);
+        }
+        else if (this.location === DockLocation.BOTTOM) {
+            pBounds[1] = this.tabHeaderRect.y - minSize - splitterSize;
+            const maxPos = this.tabHeaderRect.y - maxSize - splitterSize;
+            pBounds[0] = Math.min(pBounds[1], innerRect.y + rootRow.getMinHeight());
+            pBounds[0] = Math.max(pBounds[0], maxPos);
+        }
+        else if (this.location === DockLocation.RIGHT) {
+            pBounds[1] = this.tabHeaderRect.x - minSize - splitterSize;
+            const maxPos = this.tabHeaderRect.x - maxSize - splitterSize;
+            pBounds[0] = Math.min(pBounds[1], innerRect.x + rootRow.getMinWidth());
+            pBounds[0] = Math.max(pBounds[0], maxPos);
+        }
+        return pBounds;
+    }
+    /** @internal */
+    calculateSplit(splitter, splitterPos) {
+        const pBounds = this.getSplitterBounds(splitterPos);
+        if (this.location === DockLocation.BOTTOM || this.location === DockLocation.RIGHT) {
+            return Math.max(0, pBounds[1] - splitterPos);
+        }
+        else {
+            return Math.max(0, splitterPos - pBounds[0]);
+        }
+    }
+    /** @internal */
+    getAttributeDefinitions() {
+        return BorderNode.attributeDefinitions;
+    }
+    /** @internal */
+    static getAttributeDefinitions() {
+        return BorderNode.attributeDefinitions;
+    }
+    /** @internal */
+    static createAttributeDefinitions() {
+        const attributeDefinitions = new AttributeDefinitions();
+        attributeDefinitions.add("type", BorderNode.TYPE, true).setType(Attribute.STRING).setFixed();
+        attributeDefinitions.add("selected", -1).setType(Attribute.NUMBER).setDescription(`index of selected/visible tab in border; -1 means no tab selected`);
+        attributeDefinitions.add("show", true).setType(Attribute.BOOLEAN).setDescription(`show/hide this border`);
+        attributeDefinitions.add("config", undefined).setType("any").setDescription(`a place to hold json config used in your own code`);
+        attributeDefinitions.addInherited("enableDrop", "borderEnableDrop").setType(Attribute.BOOLEAN).setDescription(`whether tabs can be dropped into this border`);
+        attributeDefinitions.addInherited("className", "borderClassName").setType(Attribute.STRING).setDescription(`class applied to tab button`);
+        attributeDefinitions.addInherited("autoSelectTabWhenOpen", "borderAutoSelectTabWhenOpen").setType(Attribute.BOOLEAN).setDescription(`whether to select new/moved tabs in border when the border is already open`);
+        attributeDefinitions.addInherited("autoSelectTabWhenClosed", "borderAutoSelectTabWhenClosed").setType(Attribute.BOOLEAN).setDescription(`whether to select new/moved tabs in border when the border is currently closed`);
+        attributeDefinitions.addInherited("size", "borderSize").setType(Attribute.NUMBER).setDescription(`size of the tab area when selected`);
+        attributeDefinitions.addInherited("minSize", "borderMinSize").setType(Attribute.NUMBER).setDescription(`the minimum size of the tab area`);
+        attributeDefinitions.addInherited("maxSize", "borderMaxSize").setType(Attribute.NUMBER).setDescription(`the maximum size of the tab area`);
+        attributeDefinitions.addInherited("enableAutoHide", "borderEnableAutoHide").setType(Attribute.BOOLEAN).setDescription(`hide border if it has zero tabs`);
+        return attributeDefinitions;
+    }
+}
+BorderNode.TYPE = "border";
+/** @internal */
+BorderNode.attributeDefinitions = BorderNode.createAttributeDefinitions();
 //# sourceMappingURL=BorderNode.js.map