flexlayout-react 0.8.12 → 0.8.13

package/src/DockLocation.ts

@@ -1,133 +0,0 @@
-import { Orientation } from "./Orientation";
-import { Rect } from "./Rect";
-
-export class DockLocation {
-    static values = new Map<string, DockLocation>();
-    static TOP = new DockLocation("top", Orientation.VERT, 0);
-    static BOTTOM = new DockLocation("bottom", Orientation.VERT, 1);
-    static LEFT = new DockLocation("left", Orientation.HORZ, 0);
-    static RIGHT = new DockLocation("right", Orientation.HORZ, 1);
-    static CENTER = new DockLocation("center", Orientation.VERT, 0);
-
-    /** @internal */
-    static getByName(name: string): DockLocation {
-        return DockLocation.values.get(name)!;
-    }
-
-    /** @internal */
-    static getLocation(rect: Rect, x: number, y: number) {
-        x = (x - rect.x) / rect.width;
-        y = (y - rect.y) / rect.height;
-
-        if (x >= 0.25 && x < 0.75 && y >= 0.25 && y < 0.75) {
-            return DockLocation.CENTER;
-        }
-
-        // Whether or not the point is in the bottom-left half of the rect
-        // +-----+
-        // |\    |
-        // |x\   |
-        // |xx\  |
-        // |xxx\ |
-        // |xxxx\|
-        // +-----+
-        const bl = y >= x;
-
-        // Whether or not the point is in the bottom-right half of the rect
-        // +-----+
-        // |    /|
-        // |   /x|
-        // |  /xx|
-        // | /xxx|
-        // |/xxxx|
-        // +-----+
-        const br = y >= 1 - x;
-
-        if (bl) {
-            return br ? DockLocation.BOTTOM : DockLocation.LEFT;
-        } else {
-            return br ? DockLocation.RIGHT : DockLocation.TOP;
-        }
-    }
-
-    /** @internal */
-    name: string;
-    /** @internal */
-    orientation: Orientation;
-    /** @internal */
-    indexPlus: number;
-
-    /** @internal */
-    constructor(_name: string, _orientation: Orientation, _indexPlus: number) {
-        this.name = _name;
-        this.orientation = _orientation;
-        this.indexPlus = _indexPlus;
-        DockLocation.values.set(this.name, this);
-    }
-
-    getName() {
-        return this.name;
-    }
-
-    getOrientation() {
-        return this.orientation;
-    }
-
-    /** @internal */
-    getDockRect(r: Rect) {
-        if (this === DockLocation.TOP) {
-            return new Rect(r.x, r.y, r.width, r.height / 2);
-        } else if (this === DockLocation.BOTTOM) {
-            return new Rect(r.x, r.getBottom() - r.height / 2, r.width, r.height / 2);
-        }
-        if (this === DockLocation.LEFT) {
-            return new Rect(r.x, r.y, r.width / 2, r.height);
-        } else if (this === DockLocation.RIGHT) {
-            return new Rect(r.getRight() - r.width / 2, r.y, r.width / 2, r.height);
-        } else {
-            return r.clone();
-        }
-    }
-
-    /** @internal */
-    split(rect: Rect, size: number) {
-        if (this === DockLocation.TOP) {
-            const r1 = new Rect(rect.x, rect.y, rect.width, size);
-            const r2 = new Rect(rect.x, rect.y + size, rect.width, rect.height - size);
-            return { start: r1, end: r2 };
-        } else if (this === DockLocation.LEFT) {
-            const r1 = new Rect(rect.x, rect.y, size, rect.height);
-            const r2 = new Rect(rect.x + size, rect.y, rect.width - size, rect.height);
-            return { start: r1, end: r2 };
-        }
-        if (this === DockLocation.RIGHT) {
-            const r1 = new Rect(rect.getRight() - size, rect.y, size, rect.height);
-            const r2 = new Rect(rect.x, rect.y, rect.width - size, rect.height);
-            return { start: r1, end: r2 };
-        } else {
-            // if (this === DockLocation.BOTTOM) {
-            const r1 = new Rect(rect.x, rect.getBottom() - size, rect.width, size);
-            const r2 = new Rect(rect.x, rect.y, rect.width, rect.height - size);
-            return { start: r1, end: r2 };
-        }
-    }
-
-    /** @internal */
-    reflect() {
-        if (this === DockLocation.TOP) {
-            return DockLocation.BOTTOM;
-        } else if (this === DockLocation.LEFT) {
-            return DockLocation.RIGHT;
-        }
-        if (this === DockLocation.RIGHT) {
-            return DockLocation.LEFT;
-        } else {
-            // if (this === DockLocation.BOTTOM) {
-            return DockLocation.TOP;
-        }
-    }
-
-    toString() {
-        return "(DockLocation: name=" + this.name + ", orientation=" + this.orientation + ")";
-    }
-}

package/src/DropInfo.ts

@@ -1,20 +0,0 @@
-import { DockLocation } from "./DockLocation";
-import { IDropTarget } from "./model/IDropTarget";
-import { Node } from "./model/Node";
-import { Rect } from "./Rect";
-
-export class DropInfo {
-    node: Node & IDropTarget;
-    rect: Rect;
-    location: DockLocation;
-    index: number;
-    className: string;
-
-    constructor(node: Node & IDropTarget, rect: Rect, location: DockLocation, index: number, className: string) {
-        this.node = node;
-        this.rect = rect;
-        this.location = location;
-        this.index = index;
-        this.className = className;
-    }
-}

package/src/I18nLabel.ts

@@ -1,12 +0,0 @@
-export enum I18nLabel {
-    Close_Tab = "Close",
-    Close_Tabset = "Close tab set",
-    Active_Tabset = "Active tab set",
-    Move_Tabset = "Move tab set",
-    Move_Tabs = "Move tabs(?)",
-    Maximize = "Maximize tab set",
-    Restore = "Restore tab set",
-    Popout_Tab = "Popout selected tab",
-    Overflow_Menu_Tooltip = "Hidden tabs",
-    Error_rendering_component = "Error rendering component",
-}

package/src/Orientation.ts

@@ -1,28 +0,0 @@
-export class Orientation {
-    static HORZ = new Orientation("horz");
-    static VERT = new Orientation("vert");
-
-    static flip(from: Orientation) {
-        if (from === Orientation.HORZ) {
-            return Orientation.VERT;
-        } else {
-            return Orientation.HORZ;
-        }
-    }
-
-    /** @internal */
-    private _name: string;
-
-    /** @internal */
-    private constructor(name: string) {
-        this._name = name;
-    }
-
-    getName() {
-        return this._name;
-    }
-
-    toString() {
-        return this._name;
-    }
-}

package/src/Rect.ts

@@ -1,147 +0,0 @@
-import { IJsonRect } from "./model/IJsonModel";
-import { Orientation } from "./Orientation";
-
-export class Rect {
-    static empty() {
-        return new Rect(0, 0, 0, 0);
-    }
-
-    static fromJson(json: IJsonRect): Rect {
-        return new Rect(json.x, json.y, json.width, json.height);
-    }
-
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-
-    constructor(x: number, y: number, width: number, height: number) {
-        this.x = x;
-        this.y = y;
-        this.width = width;
-        this.height = height;
-    }
-
-    toJson() {
-        return {x: this.x, y: this.y, width: this.width, height: this.height};
-    }
-
-    snap(round: number) {
-        this.x = Math.round(this.x / round) * round;
-        this.y = Math.round(this.y / round) * round;
-        this.width = Math.round(this.width / round) * round;
-        this.height= Math.round(this.height / round) * round;
-    }
-
-    static getBoundingClientRect(element: Element) {
-        const { x, y, width, height } = element.getBoundingClientRect();
-        return new Rect(x, y, width, height);
-    }
-
-    static getContentRect(element: HTMLElement) {
-        const rect = element.getBoundingClientRect();
-        const style = window.getComputedStyle(element);
-
-        const paddingLeft = parseFloat(style.paddingLeft);
-        const paddingRight = parseFloat(style.paddingRight);
-        const paddingTop = parseFloat(style.paddingTop);
-        const paddingBottom = parseFloat(style.paddingBottom);
-        const borderLeftWidth = parseFloat(style.borderLeftWidth);
-        const borderRightWidth = parseFloat(style.borderRightWidth);
-        const borderTopWidth = parseFloat(style.borderTopWidth);
-        const borderBottomWidth = parseFloat(style.borderBottomWidth);
-
-        const contentWidth = rect.width - borderLeftWidth - paddingLeft - paddingRight - borderRightWidth;
-        const contentHeight = rect.height - borderTopWidth - paddingTop - paddingBottom - borderBottomWidth;
-
-        return new Rect(
-            rect.left + borderLeftWidth + paddingLeft,
-            rect.top + borderTopWidth + paddingTop,
-            contentWidth,
-            contentHeight,
-        );
-    }
-
-    static fromDomRect(domRect: DOMRect) {
-        return new Rect(domRect.x, domRect.y, domRect.width, domRect.height);
-    }
-
-    relativeTo(r: Rect | DOMRect) {
-        return new Rect(this.x - r.x, this.y - r.y, this.width, this.height);
-    }
-
-    clone() {
-        return new Rect(this.x, this.y, this.width, this.height);
-    }
-
-    equals(rect: Rect | null | undefined) {
-        return this.x === rect?.x && this.y === rect?.y && this.width === rect?.width && this.height === rect?.height
-    }
-
-    equalSize(rect: Rect | null | undefined) {
-        return this.width === rect?.width && this.height === rect?.height
-    }
-
-    getBottom() {
-        return this.y + this.height;
-    }
-
-    getRight() {
-        return this.x + this.width;
-    }
-
-    get bottom() {
-        return this.y + this.height;
-    }
-
-    get right() {
-        return this.x + this.width;
-    }
-
-    getCenter() {
-        return { x: this.x + this.width / 2, y: this.y + this.height / 2 };
-    }
-
-    positionElement(element: HTMLElement, position?: string) {
-        this.styleWithPosition(element.style, position);
-    }
-
-    styleWithPosition(style: Record<string, any>, position: string = "absolute") {
-        style.left = this.x + "px";
-        style.top = this.y + "px";
-        style.width = Math.max(0, this.width) + "px"; // need Math.max to prevent -ve, cause error in IE
-        style.height = Math.max(0, this.height) + "px";
-        style.position = position;
-        return style;
-    }
-
-    contains(x: number, y: number) {
-        if (this.x <= x && x <= this.getRight() && this.y <= y && y <= this.getBottom()) {
-            return true;
-        } else {
-            return false;
-        }
-    }
-
-    removeInsets(insets: { top: number; left: number; bottom: number; right: number }) {
-        return new Rect(this.x + insets.left, this.y + insets.top, Math.max(0, this.width - insets.left - insets.right), Math.max(0, this.height - insets.top - insets.bottom));
-    }
-
-    centerInRect(outerRect: Rect) {
-        this.x = (outerRect.width - this.width) / 2;
-        this.y = (outerRect.height - this.height) / 2;
-    }
-
-    /** @internal */
-    _getSize(orientation: Orientation) {
-        let prefSize = this.width;
-        if (orientation === Orientation.VERT) {
-            prefSize = this.height;
-        }
-        return prefSize;
-    }
-
-    toString() {
-        return "(Rect: x=" + this.x + ", y=" + this.y + ", width=" + this.width + ", height=" + this.height + ")";
-    }
-}

package/src/Types.ts

@@ -1,112 +0,0 @@
-export enum CLASSES {
-    FLEXLAYOUT__BORDER = "flexlayout__border",
-    FLEXLAYOUT__BORDER_ = "flexlayout__border_",
-
-    FLEXLAYOUT__BORDER_TAB_CONTENTS = "flexlayout__border_tab_contents",
-    FLEXLAYOUT__BORDER_BUTTON = "flexlayout__border_button",
-    FLEXLAYOUT__BORDER_BUTTON_ = "flexlayout__border_button_",
-    FLEXLAYOUT__BORDER_BUTTON_CONTENT = "flexlayout__border_button_content",
-    FLEXLAYOUT__BORDER_BUTTON_LEADING = "flexlayout__border_button_leading",
-    FLEXLAYOUT__BORDER_BUTTON_TRAILING = "flexlayout__border_button_trailing",
-    FLEXLAYOUT__BORDER_BUTTON__SELECTED = "flexlayout__border_button--selected",
-    FLEXLAYOUT__BORDER_BUTTON__UNSELECTED = "flexlayout__border_button--unselected",
-    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW = "flexlayout__border_toolbar_button_overflow",
-    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ = "flexlayout__border_toolbar_button_overflow_",
-
-    FLEXLAYOUT__BORDER_INNER = "flexlayout__border_inner",
-    FLEXLAYOUT__BORDER_INNER_ = "flexlayout__border_inner_",
-    FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER = "flexlayout__border_inner_tab_container",
-    FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ = "flexlayout__border_inner_tab_container_",
-    FLEXLAYOUT__BORDER_TAB_DIVIDER = "flexlayout__border_tab_divider",
-
-    FLEXLAYOUT__BORDER_SIZER = "flexlayout__border_sizer",
-
-    FLEXLAYOUT__BORDER_TOOLBAR = "flexlayout__border_toolbar",
-    FLEXLAYOUT__BORDER_TOOLBAR_ = "flexlayout__border_toolbar_",
-    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON = "flexlayout__border_toolbar_button",
-    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT = "flexlayout__border_toolbar_button-float",
-
-    FLEXLAYOUT__DRAG_RECT = "flexlayout__drag_rect",
-    
-    FLEXLAYOUT__EDGE_RECT = "flexlayout__edge_rect",
-    FLEXLAYOUT__EDGE_RECT_TOP = "flexlayout__edge_rect_top",
-    FLEXLAYOUT__EDGE_RECT_LEFT = "flexlayout__edge_rect_left",
-    FLEXLAYOUT__EDGE_RECT_BOTTOM = "flexlayout__edge_rect_bottom",
-    FLEXLAYOUT__EDGE_RECT_RIGHT = "flexlayout__edge_rect_right",
-
-    FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER = "flexlayout__error_boundary_container",
-    FLEXLAYOUT__ERROR_BOUNDARY_CONTENT = "flexlayout__error_boundary_content",
-
-    FLEXLAYOUT__FLOATING_WINDOW_CONTENT = "flexlayout__floating_window_content",
-
-    FLEXLAYOUT__LAYOUT = "flexlayout__layout",
-    FLEXLAYOUT__LAYOUT_MOVEABLES = "flexlayout__layout_moveables",
-    FLEXLAYOUT__LAYOUT_OVERLAY = "flexlayout__layout_overlay",
-    FLEXLAYOUT__LAYOUT_TAB_STAMPS = "flexlayout__layout_tab_stamps",
-    FLEXLAYOUT__LAYOUT_MAIN = "flexlayout__layout_main",
-    FLEXLAYOUT__LAYOUT_BORDER_CONTAINER = "flexlayout__layout_border_container",
-    FLEXLAYOUT__LAYOUT_BORDER_CONTAINER_INNER = "flexlayout__layout_border_container_inner",
-
-    FLEXLAYOUT__OUTLINE_RECT = "flexlayout__outline_rect",
-    FLEXLAYOUT__OUTLINE_RECT_EDGE = "flexlayout__outline_rect_edge",
-
-    FLEXLAYOUT__SPLITTER = "flexlayout__splitter",
-    FLEXLAYOUT__SPLITTER_EXTRA = "flexlayout__splitter_extra",
-    FLEXLAYOUT__SPLITTER_ = "flexlayout__splitter_",
-    FLEXLAYOUT__SPLITTER_BORDER = "flexlayout__splitter_border",
-    FLEXLAYOUT__SPLITTER_DRAG = "flexlayout__splitter_drag",
-    FLEXLAYOUT__SPLITTER_HANDLE = "flexlayout__splitter_handle",
-    FLEXLAYOUT__SPLITTER_HANDLE_HORZ = "flexlayout__splitter_handle_horz",
-    FLEXLAYOUT__SPLITTER_HANDLE_VERT = "flexlayout__splitter_handle_vert",
-
-    FLEXLAYOUT__ROW = "flexlayout__row",
-    FLEXLAYOUT__TAB = "flexlayout__tab",
-    FLEXLAYOUT__TAB_POSITION = "flexlayout__tab_position",
-    FLEXLAYOUT__TAB_MOVEABLE = "flexlayout__tab_moveable",
-    FLEXLAYOUT__TAB_OVERLAY = "flexlayout__tab_overlay",
-
-    FLEXLAYOUT__TABSET = "flexlayout__tabset",
-    FLEXLAYOUT__TABSET_CONTAINER = "flexlayout__tabset_container",
-    FLEXLAYOUT__TABSET_HEADER = "flexlayout__tabset_header",
-    FLEXLAYOUT__TABSET_HEADER_CONTENT = "flexlayout__tabset_header_content",
-    FLEXLAYOUT__TABSET_MAXIMIZED = "flexlayout__tabset-maximized",
-    FLEXLAYOUT__TABSET_SELECTED = "flexlayout__tabset-selected",
-    FLEXLAYOUT__TABSET_TAB_DIVIDER = "flexlayout__tabset_tab_divider",
-    FLEXLAYOUT__TABSET_CONTENT = "flexlayout__tabset_content",
-    FLEXLAYOUT__TABSET_TABBAR_INNER = "flexlayout__tabset_tabbar_inner",
-    FLEXLAYOUT__TABSET_TABBAR_INNER_ = "flexlayout__tabset_tabbar_inner_",
-   
-    FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER = "flexlayout__tabset_tabbar_inner_tab_container",
-    FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER_ = "flexlayout__tabset_tabbar_inner_tab_container_",
-
-    FLEXLAYOUT__TABSET_TABBAR_OUTER = "flexlayout__tabset_tabbar_outer",
-    FLEXLAYOUT__TABSET_TABBAR_OUTER_ = "flexlayout__tabset_tabbar_outer_",
-
-    FLEXLAYOUT__TAB_BORDER = "flexlayout__tab_border",
-    FLEXLAYOUT__TAB_BORDER_ = "flexlayout__tab_border_",
-    FLEXLAYOUT__TAB_BUTTON = "flexlayout__tab_button",
-    FLEXLAYOUT__TAB_BUTTON_STRETCH = "flexlayout__tab_button_stretch",
-    FLEXLAYOUT__TAB_BUTTON_CONTENT = "flexlayout__tab_button_content",
-    FLEXLAYOUT__TAB_BUTTON_LEADING = "flexlayout__tab_button_leading",
-    FLEXLAYOUT__TAB_BUTTON_OVERFLOW = "flexlayout__tab_button_overflow",
-    FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT = "flexlayout__tab_button_overflow_count",
-    FLEXLAYOUT__TAB_BUTTON_TEXTBOX = "flexlayout__tab_button_textbox",
-    FLEXLAYOUT__TAB_BUTTON_TRAILING = "flexlayout__tab_button_trailing",
-    FLEXLAYOUT__TAB_BUTTON_STAMP = "flexlayout__tab_button_stamp",
-
-    FLEXLAYOUT__TAB_TOOLBAR = "flexlayout__tab_toolbar",
-    FLEXLAYOUT__TAB_TOOLBAR_BUTTON = "flexlayout__tab_toolbar_button",
-    FLEXLAYOUT__TAB_TOOLBAR_ICON = "flexlayout__tab_toolbar_icon",
-    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_ = "flexlayout__tab_toolbar_button-",
-    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_FLOAT = "flexlayout__tab_toolbar_button-float",
-    FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER = "flexlayout__tab_toolbar_sticky_buttons_container",
-    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE = "flexlayout__tab_toolbar_button-close",
-
-    FLEXLAYOUT__POPUP_MENU_CONTAINER = "flexlayout__popup_menu_container",
-    FLEXLAYOUT__POPUP_MENU_ITEM = "flexlayout__popup_menu_item",
-    FLEXLAYOUT__POPUP_MENU_ITEM__SELECTED = "flexlayout__popup_menu_item--selected",
-    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu",
-
-    FLEXLAYOUT__MINI_SCROLLBAR = "flexlayout__mini_scrollbar",
-    FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER = "flexlayout__mini_scrollbar_container",
-}

package/src/index.ts

@@ -1,23 +0,0 @@
-export * from './view/Layout';
-
-export * from './model/Action';
-export * from './model/Actions';
-export * from './model/BorderNode';
-export * from './model/BorderSet';
-export * from './model/ICloseType';
-export * from './model/IDraggable';
-export * from './model/IDropTarget';
-export * from './model/IJsonModel';
-export * from './model/Model';
-export * from './model/Node';
-export * from './model/RowNode';
-export * from './model/TabNode';
-export * from './model/TabSetNode';
-export * from './model/LayoutWindow';
-
-export * from './DockLocation';
-export * from './DropInfo';
-export * from './I18nLabel';
-export * from './Orientation';
-export * from './Rect';
-export * from './Types';

package/src/model/Action.ts

@@ -1,9 +0,0 @@
-export class Action {
-    type: string;
-    data: Record<string, any>;
-
-    constructor(type: string, data: Record<string, any>) {
-        this.type = type;
-        this.data = data;
-    }
-}

package/src/model/Actions.ts

@@ -1,188 +0,0 @@
-import { DockLocation } from "../DockLocation";
-import { Action } from "./Action";
-import { IJsonRect, IJsonRowNode } from "./IJsonModel";
-
-/**
- * The Action creator class for FlexLayout model actions
- */
-export class Actions {
-    static ADD_NODE = "FlexLayout_AddNode";
-    static MOVE_NODE = "FlexLayout_MoveNode";
-    static DELETE_TAB = "FlexLayout_DeleteTab";
-    static DELETE_TABSET = "FlexLayout_DeleteTabset";
-    static RENAME_TAB = "FlexLayout_RenameTab";
-    static SELECT_TAB = "FlexLayout_SelectTab";
-    static SET_ACTIVE_TABSET = "FlexLayout_SetActiveTabset";
-    static ADJUST_WEIGHTS = "FlexLayout_AdjustWeights";
-    static ADJUST_BORDER_SPLIT = "FlexLayout_AdjustBorderSplit";
-    static MAXIMIZE_TOGGLE = "FlexLayout_MaximizeToggle";
-    static UPDATE_MODEL_ATTRIBUTES = "FlexLayout_UpdateModelAttributes";
-    static UPDATE_NODE_ATTRIBUTES = "FlexLayout_UpdateNodeAttributes";
-    static POPOUT_TAB = "FlexLayout_PopoutTab";
-    static POPOUT_TABSET = "FlexLayout_PopoutTabset";
-    static CLOSE_WINDOW = "FlexLayout_CloseWindow";
-    static CREATE_WINDOW = "FlexLayout_CreateWindow";
-
-    /**
-     * Adds a tab node to the given tabset node
-     * @param json the json for the new tab node e.g {type:"tab", component:"table"}
-     * @param toNodeId the new tab node will be added to the tabset with this node id
-     * @param location the location where the new tab will be added, one of the DockLocation enum values.
-     * @param index for docking to the center this value is the index of the tab, use -1 to add to the end.
-     * @param select (optional) whether to select the new tab, overriding autoSelectTab
-     * @returns {Action} the action
-     */
-    static addNode(json: any, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action {
-        return new Action(Actions.ADD_NODE, {
-            json,
-            toNode: toNodeId,
-            location: location.getName(),
-            index,
-            select,
-        });
-    }
-
-    /**
-     * Moves a node (tab or tabset) from one location to another
-     * @param fromNodeId the id of the node to move
-     * @param toNodeId the id of the node to receive the moved node
-     * @param location the location where the moved node will be added, one of the DockLocation enum values.
-     * @param index for docking to the center this value is the index of the tab, use -1 to add to the end.
-     * @param select (optional) whether to select the moved tab(s) in new tabset, overriding autoSelectTab
-     * @returns {Action} the action
-     */
-    static moveNode(fromNodeId: string, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action {
-        return new Action(Actions.MOVE_NODE, {
-            fromNode: fromNodeId,
-            toNode: toNodeId,
-            location: location.getName(),
-            index,
-            select,
-        });
-    }
-
-    /**
-     * Deletes a tab node from the layout
-     * @param tabNodeId the id of the tab node to delete
-     * @returns {Action} the action
-     */
-    static deleteTab(tabNodeId: string): Action {
-        return new Action(Actions.DELETE_TAB, { node: tabNodeId });
-    }
-
-    /**
-     * Deletes a tabset node and all it's child tab nodes from the layout
-     * @param tabsetNodeId the id of the tabset node to delete
-     * @returns {Action} the action
-     */
-    static deleteTabset(tabsetNodeId: string): Action {
-        return new Action(Actions.DELETE_TABSET, { node: tabsetNodeId });
-    }
-
-    /**
-     * Change the given nodes tab text
-     * @param tabNodeId the id of the node to rename
-     * @param text the test of the tab
-     * @returns {Action} the action
-     */
-    static renameTab(tabNodeId: string, text: string): Action {
-        return new Action(Actions.RENAME_TAB, { node: tabNodeId, text });
-    }
-
-    /**
-     * Selects the given tab in its parent tabset
-     * @param tabNodeId the id of the node to set selected
-     * @returns {Action} the action
-     */
-    static selectTab(tabNodeId: string): Action {
-        return new Action(Actions.SELECT_TAB, { tabNode: tabNodeId });
-    }
-
-    /**
-     * Set the given tabset node as the active tabset
-     * @param tabsetNodeId the id of the tabset node to set as active
-     * @returns {Action} the action
-     */
-    static setActiveTabset(tabsetNodeId: string | undefined, windowId?: string | undefined): Action {
-        return new Action(Actions.SET_ACTIVE_TABSET, { tabsetNode: tabsetNodeId, windowId: windowId });
-    }
-
-    /**
-     * Adjust the weights of a row, used when the splitter is moved
-     * @param nodeId the row node whose childrens weights are being adjusted
-     * @param weights an array of weights to be applied to the children 
-     * @returns {Action} the action
-     */
-    static adjustWeights(nodeId: string, weights: number[]): Action {
-        return new Action(Actions.ADJUST_WEIGHTS, {nodeId, weights});
-    }
-
-    static adjustBorderSplit(nodeId: string, pos: number): Action {
-        return new Action(Actions.ADJUST_BORDER_SPLIT, { node: nodeId, pos });
-    }
-
-    /**
-     * Maximizes the given tabset
-     * @param tabsetNodeId the id of the tabset to maximize
-     * @returns {Action} the action
-     */
-    static maximizeToggle(tabsetNodeId: string, windowId?: string | undefined): Action {
-        return new Action(Actions.MAXIMIZE_TOGGLE, { node: tabsetNodeId, windowId: windowId });
-    }
-
-    /**
-     * Updates the global model jsone attributes
-     * @param attributes the json for the model attributes to update (merge into the existing attributes)
-     * @returns {Action} the action
-     */
-    static updateModelAttributes(attributes: any): Action {
-        return new Action(Actions.UPDATE_MODEL_ATTRIBUTES, { json: attributes });
-    }
-
-    /**
-     * Updates the given nodes json attributes
-     * @param nodeId the id of the node to update
-     * @param attributes the json attributes to update (merge with the existing attributes)
-     * @returns {Action} the action
-     */
-    static updateNodeAttributes(nodeId: string, attributes: any): Action {
-        return new Action(Actions.UPDATE_NODE_ATTRIBUTES, { node: nodeId, json: attributes });
-    }
-
-    /**
-     * Pops out the given tab node into a new browser window
-     * @param nodeId the tab node to popout
-     * @returns 
-     */
-    static popoutTab(nodeId: string): Action {
-        return new Action(Actions.POPOUT_TAB, { node: nodeId });
-    }
-
-    /**
-     * Pops out the given tab set node into a new browser window
-     * @param nodeId the tab set node to popout
-     * @returns 
-     */
-    static popoutTabset(nodeId: string): Action {
-        return new Action(Actions.POPOUT_TABSET, { node: nodeId });
-    }
-
-    /**
-     * Closes the popout window
-     * @param windowId the id of the popout window to close
-     * @returns 
-     */
-    static closeWindow(windowId: string): Action {
-        return new Action(Actions.CLOSE_WINDOW, { windowId });
-    }
-
-    /**
-     * Creates a new empty popout window with the given layout
-     * @param layout the json layout for the new window
-     * @param rect the window rectangle in screen coordinates
-     * @returns 
-     */
-    static createWindow(layout: IJsonRowNode, rect: IJsonRect): Action {
-        return new Action(Actions.CREATE_WINDOW, { layout, rect});
-    }
-}