@genesis-community/golden-layout 2.6.0

package/dist/esm/ts/controls/browser-popout.js

@@ -0,0 +1,294 @@
+import { ResolvedLayoutConfig } from '../config/resolved-config';
+import { PopoutBlockedError } from '../errors/external-error';
+import { UnexpectedNullError, UnexpectedUndefinedError } from '../errors/internal-error';
+import { EventEmitter } from '../utils/event-emitter';
+import { deepExtend, getErrorMessage, getUniqueId } from '../utils/utils';
+/**
+ * Pops a content item out into a new browser window.
+ * This is achieved by
+ *
+ *    - Creating a new configuration with the content item as root element
+ *    - Serializing and minifying the configuration
+ *    - Opening the current window's URL with the configuration as a GET parameter
+ *    - GoldenLayout when opened in the new window will look for the GET parameter
+ *      and use it instead of the provided configuration
+ * @public
+ */
+export class BrowserPopout extends EventEmitter {
+    /**
+     * @param _config - GoldenLayout item config
+     * @param _initialWindowSize - A map with width, height, top and left
+     * @internal
+     */
+    constructor(
+    /** @internal */
+    _config, 
+    /** @internal */
+    _initialWindowSize, 
+    /** @internal */
+    _layoutManager) {
+        super();
+        this._config = _config;
+        this._initialWindowSize = _initialWindowSize;
+        this._layoutManager = _layoutManager;
+        this._isInitialised = false;
+        this._popoutWindow = null;
+        this.createWindow();
+    }
+    toConfig() {
+        var _a, _b;
+        if (this._isInitialised === false) {
+            throw new Error('Can\'t create config, layout not yet initialised');
+        }
+        const glInstance = this.getGlInstance();
+        const glInstanceConfig = glInstance.saveLayout();
+        let left;
+        let top;
+        if (this._popoutWindow === null) {
+            left = null;
+            top = null;
+        }
+        else {
+            left = (_a = this._popoutWindow.screenX) !== null && _a !== void 0 ? _a : this._popoutWindow.screenLeft;
+            top = (_b = this._popoutWindow.screenY) !== null && _b !== void 0 ? _b : this._popoutWindow.screenTop;
+        }
+        const window = {
+            width: this.getGlInstance().width,
+            height: this.getGlInstance().height,
+            left,
+            top,
+        };
+        const config = {
+            root: glInstanceConfig.root,
+            openPopouts: glInstanceConfig.openPopouts,
+            settings: glInstanceConfig.settings,
+            dimensions: glInstanceConfig.dimensions,
+            header: glInstanceConfig.header,
+            window,
+            parentId: this._config.parentId,
+            indexInParent: this._config.indexInParent,
+            resolved: true,
+        };
+        return config;
+    }
+    getGlInstance() {
+        if (this._popoutWindow === null) {
+            throw new UnexpectedNullError('BPGGI24693');
+        }
+        return this._popoutWindow.__glInstance;
+    }
+    /**
+     * Retrieves the native BrowserWindow backing this popout.
+     * Might throw an UnexpectedNullError exception when the window is not initialized yet.
+     * @public
+     */
+    getWindow() {
+        if (this._popoutWindow === null) {
+            throw new UnexpectedNullError('BPGW087215');
+        }
+        return this._popoutWindow;
+    }
+    close() {
+        if (this.getGlInstance()) {
+            this.getGlInstance().closeWindow();
+        }
+        else {
+            try {
+                this.getWindow().close();
+            }
+            catch (e) {
+                //
+            }
+        }
+    }
+    /**
+     * Returns the popped out item to its original position. If the original
+     * parent isn't available anymore it falls back to the layout's topmost element
+     */
+    popIn() {
+        let parentItem;
+        let index = this._config.indexInParent;
+        if (!this._config.parentId) {
+            return;
+        }
+        /*
+        * The deepExtend call seems a bit pointless, but it's crucial to
+        * copy the config returned by this.getGlInstance().toConfig()
+        * onto a new object. Internet Explorer keeps the references
+        * to objects on the child window, resulting in the following error
+        * once the child window is closed:
+        *
+        * The callee (server [not server application]) is not available and disappeared
+        */
+        const glInstanceLayoutConfig = this.getGlInstance().saveLayout();
+        const copiedGlInstanceLayoutConfig = deepExtend({}, glInstanceLayoutConfig);
+        const copiedRoot = copiedGlInstanceLayoutConfig.root;
+        if (copiedRoot === undefined) {
+            throw new UnexpectedUndefinedError('BPPIR19998');
+        }
+        const groundItem = this._layoutManager.groundItem;
+        if (groundItem === undefined) {
+            throw new UnexpectedUndefinedError('BPPIG34972');
+        }
+        parentItem = groundItem.getItemsByPopInParentId(this._config.parentId)[0];
+        /*
+        * Fallback if parentItem is not available. Either add it to the topmost
+        * item or make it the topmost item if the layout is empty
+        */
+        if (!parentItem) {
+            if (groundItem.contentItems.length > 0) {
+                parentItem = groundItem.contentItems[0];
+            }
+            else {
+                parentItem = groundItem;
+            }
+            index = 0;
+        }
+        const newContentItem = this._layoutManager.createAndInitContentItem(copiedRoot, parentItem);
+        parentItem.addChild(newContentItem, index);
+        if (this._layoutManager.layoutConfig.settings.popInOnClose) {
+            this._onClose();
+        }
+        else {
+            this.close();
+        }
+    }
+    /**
+     * Creates the URL and window parameter
+     * and opens a new window
+     * @internal
+     */
+    createWindow() {
+        const url = this.createUrl();
+        /**
+         * Bogus title to prevent re-usage of existing window with the
+         * same title. The actual title will be set by the new window's
+         * GoldenLayout instance if it detects that it is in subWindowMode
+         */
+        const target = Math.floor(Math.random() * 1000000).toString(36);
+        /**
+         * The options as used in the window.open string
+         */
+        const features = this.serializeWindowFeatures({
+            width: this._initialWindowSize.width,
+            height: this._initialWindowSize.height,
+            innerWidth: this._initialWindowSize.width,
+            innerHeight: this._initialWindowSize.height,
+            menubar: 'no',
+            toolbar: 'no',
+            location: 'no',
+            personalbar: 'no',
+            resizable: 'yes',
+            scrollbars: 'no',
+            status: 'no'
+        });
+        this._popoutWindow = globalThis.open(url, target, features);
+        if (!this._popoutWindow) {
+            if (this._layoutManager.layoutConfig.settings.blockedPopoutsThrowError === true) {
+                const error = new PopoutBlockedError('Popout blocked');
+                throw error;
+            }
+            else {
+                return;
+            }
+        }
+        this._popoutWindow.addEventListener('load', () => this.positionWindow(), { passive: true });
+        this._popoutWindow.addEventListener('beforeunload', () => {
+            if (this._layoutManager.layoutConfig.settings.popInOnClose) {
+                this.popIn();
+            }
+            else {
+                this._onClose();
+            }
+        }, { passive: true });
+        /**
+         * Polling the childwindow to find out if GoldenLayout has been initialised
+         * doesn't seem optimal, but the alternatives - adding a callback to the parent
+         * window or raising an event on the window object - both would introduce knowledge
+         * about the parent to the child window which we'd rather avoid
+         */
+        this._checkReadyInterval = setInterval(() => this.checkReady(), 10);
+    }
+    /** @internal */
+    checkReady() {
+        if (this._popoutWindow === null) {
+            throw new UnexpectedNullError('BPCR01844');
+        }
+        else {
+            if (this._popoutWindow.__glInstance && this._popoutWindow.__glInstance.isInitialised) {
+                this.onInitialised();
+                if (this._checkReadyInterval !== undefined) {
+                    clearInterval(this._checkReadyInterval);
+                    this._checkReadyInterval = undefined;
+                }
+            }
+        }
+    }
+    /**
+     * Serialises a map of key:values to a window options string
+     *
+     * @param windowOptions -
+     *
+     * @returns serialised window options
+     * @internal
+     */
+    serializeWindowFeatures(windowOptions) {
+        const windowOptionsString = [];
+        for (const key in windowOptions) {
+            windowOptionsString.push(key + '=' + windowOptions[key].toString());
+        }
+        return windowOptionsString.join(',');
+    }
+    /**
+     * Creates the URL for the new window, including the
+     * config GET parameter
+     *
+     * @returns URL
+     * @internal
+     */
+    createUrl() {
+        const storageKey = 'gl-window-config-' + getUniqueId();
+        const config = ResolvedLayoutConfig.minifyConfig(this._config);
+        try {
+            localStorage.setItem(storageKey, JSON.stringify(config));
+        }
+        catch (e) {
+            throw new Error('Error while writing to localStorage ' + getErrorMessage(e));
+        }
+        const url = new URL(location.href);
+        url.searchParams.set('gl-window', storageKey);
+        return url.toString();
+    }
+    /**
+     * Move the newly created window roughly to
+     * where the component used to be.
+     * @internal
+     */
+    positionWindow() {
+        if (this._popoutWindow === null) {
+            throw new Error('BrowserPopout.positionWindow: null popoutWindow');
+        }
+        else {
+            this._popoutWindow.moveTo(this._initialWindowSize.left, this._initialWindowSize.top);
+            this._popoutWindow.focus();
+        }
+    }
+    /**
+     * Callback when the new window is opened and the GoldenLayout instance
+     * within it is initialised
+     * @internal
+     */
+    onInitialised() {
+        this._isInitialised = true;
+        this.getGlInstance().on('popIn', () => this.popIn());
+        this.emit('initialised');
+    }
+    /**
+     * Invoked 50ms after the window unload event
+     * @internal
+     */
+    _onClose() {
+        setTimeout(() => this.emit('closed'), 50);
+    }
+}
+//# sourceMappingURL=browser-popout.js.map

package/dist/esm/ts/controls/browser-popout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-popout.js","sourceRoot":"","sources":["../../../../src/ts/controls/browser-popout.ts"],"names":[],"mappings":"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"}

package/dist/esm/ts/controls/drag-proxy.js

@@ -0,0 +1,217 @@
+import { UnexpectedNullError, UnexpectedUndefinedError } from '../errors/internal-error';
+import { Stack } from '../items/stack';
+import { EventEmitter } from '../utils/event-emitter';
+import { Side } from '../utils/types';
+import { numberToPixels } from '../utils/utils';
+/**
+ * This class creates a temporary container
+ * for the component whilst it is being dragged
+ * and handles drag events
+ * @internal
+ */
+export class DragProxy extends EventEmitter {
+    /**
+     * @param x - The initial x position
+     * @param y - The initial y position
+     * @internal
+     */
+    constructor(x, y, _dragListener, _layoutManager, _componentItem, _originalParent) {
+        super();
+        this._dragListener = _dragListener;
+        this._layoutManager = _layoutManager;
+        this._componentItem = _componentItem;
+        this._originalParent = _originalParent;
+        this._area = null;
+        this._lastValidArea = null;
+        this._dragListener.on('drag', (offsetX, offsetY, event) => this.onDrag(offsetX, offsetY, event));
+        this._dragListener.on('dragStop', () => this.onDrop());
+        this.createDragProxyElements(x, y);
+        if (this._componentItem.parent === null) {
+            // Note that _contentItem will have dummy GroundItem as parent if initiated by a external drag source
+            throw new UnexpectedNullError('DPC10097');
+        }
+        this._componentItemFocused = this._componentItem.focused;
+        if (this._componentItemFocused) {
+            this._componentItem.blur();
+        }
+        this._componentItem.parent.removeChild(this._componentItem, true);
+        this.setDimensions();
+        document.body.appendChild(this._element);
+        this.determineMinMaxXY();
+        this._layoutManager.calculateItemAreas();
+        this.setDropPosition(x, y);
+    }
+    get element() { return this._element; }
+    /** Create Stack-like structure to contain the dragged component */
+    createDragProxyElements(initialX, initialY) {
+        this._element = document.createElement('div');
+        this._element.classList.add("lm_dragProxy" /* DomConstants.ClassName.DragProxy */);
+        const headerElement = document.createElement('div');
+        headerElement.classList.add("lm_header" /* DomConstants.ClassName.Header */);
+        const tabsElement = document.createElement('div');
+        tabsElement.classList.add("lm_tabs" /* DomConstants.ClassName.Tabs */);
+        const tabElement = document.createElement('div');
+        tabElement.classList.add("lm_tab" /* DomConstants.ClassName.Tab */);
+        const titleElement = document.createElement('span');
+        titleElement.classList.add("lm_title" /* DomConstants.ClassName.Title */);
+        tabElement.appendChild(titleElement);
+        tabsElement.appendChild(tabElement);
+        headerElement.appendChild(tabsElement);
+        this._proxyContainerElement = document.createElement('div');
+        this._proxyContainerElement.classList.add("lm_content" /* DomConstants.ClassName.Content */);
+        this._element.appendChild(headerElement);
+        this._element.appendChild(this._proxyContainerElement);
+        if (this._originalParent instanceof Stack && this._originalParent.headerShow) {
+            this._sided = this._originalParent.headerLeftRightSided;
+            this._element.classList.add('lm_' + this._originalParent.headerSide);
+            if ([Side.right, Side.bottom].indexOf(this._originalParent.headerSide) >= 0) {
+                this._proxyContainerElement.insertAdjacentElement('afterend', headerElement);
+            }
+        }
+        this._element.style.left = numberToPixels(initialX);
+        this._element.style.top = numberToPixels(initialY);
+        tabElement.setAttribute('title', this._componentItem.title);
+        titleElement.insertAdjacentText('afterbegin', this._componentItem.title);
+        this._proxyContainerElement.appendChild(this._componentItem.element);
+    }
+    determineMinMaxXY() {
+        const groundItem = this._layoutManager.groundItem;
+        if (groundItem === undefined) {
+            throw new UnexpectedUndefinedError('DPDMMXY73109');
+        }
+        else {
+            const groundElement = groundItem.element;
+            const rect = groundElement.getBoundingClientRect();
+            this._minX = rect.left + document.body.scrollLeft;
+            this._minY = rect.top + document.body.scrollTop;
+            this._maxX = this._minX + rect.width;
+            this._maxY = this._minY + rect.height;
+        }
+    }
+    /**
+     * Callback on every mouseMove event during a drag. Determines if the drag is
+     * still within the valid drag area and calls the layoutManager to highlight the
+     * current drop area
+     *
+     * @param offsetX - The difference from the original x position in px
+     * @param offsetY - The difference from the original y position in px
+     * @param event -
+     * @internal
+     */
+    onDrag(offsetX, offsetY, event) {
+        const x = event.pageX;
+        const y = event.pageY;
+        this.setDropPosition(x, y);
+        this._componentItem.drag();
+    }
+    /**
+     * Sets the target position, highlighting the appropriate area
+     *
+     * @param x - The x position in px
+     * @param y - The y position in px
+     *
+     * @internal
+     */
+    setDropPosition(x, y) {
+        if (this._layoutManager.layoutConfig.settings.constrainDragToContainer) {
+            if (x <= this._minX) {
+                x = Math.ceil(this._minX);
+            }
+            else if (x >= this._maxX) {
+                x = Math.floor(this._maxX);
+            }
+            if (y <= this._minY) {
+                y = Math.ceil(this._minY);
+            }
+            else if (y >= this._maxY) {
+                y = Math.floor(this._maxY);
+            }
+        }
+        this._element.style.left = numberToPixels(x);
+        this._element.style.top = numberToPixels(y);
+        this._area = this._layoutManager.getArea(x, y);
+        if (this._area !== null) {
+            this._lastValidArea = this._area;
+            this._area.contentItem.highlightDropZone(x, y, this._area);
+        }
+    }
+    /**
+     * Callback when the drag has finished. Determines the drop area
+     * and adds the child to it
+     * @internal
+     */
+    onDrop() {
+        const dropTargetIndicator = this._layoutManager.dropTargetIndicator;
+        if (dropTargetIndicator === null) {
+            throw new UnexpectedNullError('DPOD30011');
+        }
+        else {
+            dropTargetIndicator.hide();
+        }
+        this._componentItem.exitDragMode();
+        /*
+         * Valid drop area found
+         */
+        let droppedComponentItem;
+        if (this._area !== null) {
+            droppedComponentItem = this._componentItem;
+            this._area.contentItem.onDrop(droppedComponentItem, this._area);
+            /**
+             * No valid drop area available at present, but one has been found before.
+             * Use it
+             */
+        }
+        else if (this._lastValidArea !== null) {
+            droppedComponentItem = this._componentItem;
+            const newParentContentItem = this._lastValidArea.contentItem;
+            newParentContentItem.onDrop(droppedComponentItem, this._lastValidArea);
+            /**
+             * No valid drop area found during the duration of the drag. Return
+             * content item to its original position if a original parent is provided.
+             * (Which is not the case if the drag had been initiated by createDragSource)
+             */
+        }
+        else if (this._originalParent) {
+            droppedComponentItem = this._componentItem;
+            this._originalParent.addChild(droppedComponentItem);
+            /**
+             * The drag didn't ultimately end up with adding the content item to
+             * any container. In order to ensure clean up happens, destroy the
+             * content item.
+             */
+        }
+        else {
+            this._componentItem.destroy(); // contentItem children are now destroyed as well
+        }
+        this._element.remove();
+        this._layoutManager.emit('itemDropped', this._componentItem);
+        if (this._componentItemFocused && droppedComponentItem !== undefined) {
+            droppedComponentItem.focus();
+        }
+    }
+    /**
+     * Updates the Drag Proxy's dimensions
+     * @internal
+     */
+    setDimensions() {
+        const dimensions = this._layoutManager.layoutConfig.dimensions;
+        if (dimensions === undefined) {
+            throw new Error('DragProxy.setDimensions: dimensions undefined');
+        }
+        let width = dimensions.dragProxyWidth;
+        let height = dimensions.dragProxyHeight;
+        if (width === undefined || height === undefined) {
+            throw new Error('DragProxy.setDimensions: width and/or height undefined');
+        }
+        const headerHeight = this._layoutManager.layoutConfig.header.show === false ? 0 : dimensions.headerHeight;
+        this._element.style.width = numberToPixels(width);
+        this._element.style.height = numberToPixels(height);
+        width -= (this._sided ? headerHeight : 0);
+        height -= (!this._sided ? headerHeight : 0);
+        this._proxyContainerElement.style.width = numberToPixels(width);
+        this._proxyContainerElement.style.height = numberToPixels(height);
+        this._componentItem.enterDragMode(width, height);
+        this._componentItem.show();
+    }
+}
+//# sourceMappingURL=drag-proxy.js.map

package/dist/esm/ts/controls/drag-proxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-proxy.js","sourceRoot":"","sources":["../../../../src/ts/controls/drag-proxy.ts"],"names":[],"mappings":"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"}