@genesis-community/golden-layout 2.6.0

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

@@ -0,0 +1,145 @@
+import { ComponentItemConfig as ConfigComponentItemConfig } from '../config/config'; // remove alias in version 3
+import { ResolvedRowOrColumnItemConfig } from "../config/resolved-config";
+import { UnexpectedNullError } from '../errors/internal-error';
+import { ComponentItem } from '../items/component-item';
+import { GroundItem } from '../items/ground-item';
+import { DragListener } from '../utils/drag-listener';
+import { DragProxy } from './drag-proxy';
+/**
+ * Allows for any DOM item to create a component on drag
+ * start to be dragged into the Layout
+ * @public
+ */
+export class DragSource {
+    /** @internal */
+    constructor(
+    /** @internal */
+    _layoutManager, 
+    /** @internal */
+    _element, 
+    /** @internal */
+    _extraAllowableChildTargets, 
+    /** @internal @deprecated replace with componentItemConfigOrFtn in version 3 */
+    _componentTypeOrFtn, 
+    /** @internal @deprecated remove in version 3 */
+    _componentState, 
+    /** @internal @deprecated remove in version 3 */
+    _title, 
+    /** @internal @deprecated remove in version 3 */
+    _id) {
+        this._layoutManager = _layoutManager;
+        this._element = _element;
+        this._extraAllowableChildTargets = _extraAllowableChildTargets;
+        this._componentTypeOrFtn = _componentTypeOrFtn;
+        this._componentState = _componentState;
+        this._title = _title;
+        this._id = _id;
+        this._dragListener = null;
+        this._dummyGroundContainer = document.createElement('div');
+        const dummyRootItemConfig = ResolvedRowOrColumnItemConfig.createDefault('row');
+        this._dummyGroundContentItem = new GroundItem(this._layoutManager, dummyRootItemConfig, this._dummyGroundContainer);
+        this.createDragListener();
+    }
+    /**
+     * Disposes of the drag listeners so the drag source is not usable any more.
+     * @internal
+     */
+    destroy() {
+        this.removeDragListener();
+    }
+    /**
+     * Called initially and after every drag
+     * @internal
+     */
+    createDragListener() {
+        this.removeDragListener();
+        this._dragListener = new DragListener(this._element, this._extraAllowableChildTargets);
+        this._dragListener.on('dragStart', (x, y) => this.onDragStart(x, y));
+        this._dragListener.on('dragStop', () => this.onDragStop());
+    }
+    /**
+     * Callback for the DragListener's dragStart event
+     *
+     * @param x - The x position of the mouse on dragStart
+     * @param y - The x position of the mouse on dragStart
+     * @internal
+     */
+    onDragStart(x, y) {
+        var _a;
+        const type = 'component';
+        let dragSourceItemConfig;
+        if (typeof this._componentTypeOrFtn === "function") {
+            const ftnDragSourceItemConfig = this._componentTypeOrFtn();
+            // If the componentType property exists, then it is already a ComponentItemConfig so nothing to do
+            if (DragSource.isDragSourceComponentItemConfig(ftnDragSourceItemConfig)) {
+                dragSourceItemConfig = {
+                    type,
+                    componentState: ftnDragSourceItemConfig.state,
+                    componentType: ftnDragSourceItemConfig.type,
+                    title: (_a = ftnDragSourceItemConfig.title) !== null && _a !== void 0 ? _a : this._title,
+                };
+            }
+            else {
+                dragSourceItemConfig = ftnDragSourceItemConfig;
+            }
+        }
+        else {
+            dragSourceItemConfig = {
+                type,
+                componentState: this._componentState,
+                componentType: this._componentTypeOrFtn,
+                title: this._title,
+                id: this._id,
+            };
+        }
+        // Create a dummy ContentItem only for drag purposes
+        // All ContentItems (except for GroundItem) need a parent.  When dragging, the parent is not used.
+        // Instead of allowing null parents (as Javascript version did), use a temporary dummy GroundItem parent and add ContentItem to that
+        // If this does not work, need to create alternative GroundItem class
+        const resolvedItemConfig = ConfigComponentItemConfig.resolve(dragSourceItemConfig, false);
+        const componentItem = new ComponentItem(this._layoutManager, resolvedItemConfig, this._dummyGroundContentItem);
+        this._dummyGroundContentItem.contentItems.push(componentItem);
+        if (this._dragListener === null) {
+            throw new UnexpectedNullError('DSODSD66746');
+        }
+        else {
+            const dragProxy = new DragProxy(x, y, this._dragListener, this._layoutManager, componentItem, this._dummyGroundContentItem);
+            const transitionIndicator = this._layoutManager.transitionIndicator;
+            if (transitionIndicator === null) {
+                throw new UnexpectedNullError('DSODST66746');
+            }
+            else {
+                transitionIndicator.transitionElements(this._element, dragProxy.element);
+            }
+        }
+    }
+    /** @internal */
+    onDragStop() {
+        // if (this._dummyGroundContentItem === undefined) {
+        //     throw new UnexpectedUndefinedError('DSODSDRU08116');
+        // } else {
+        //     this._dummyGroundContentItem._$destroy
+        //     this._dummyGroundContentItem = undefined;
+        // }
+        this.createDragListener();
+    }
+    /**
+     * Called after every drag and when the drag source is being disposed of.
+     * @internal
+     */
+    removeDragListener() {
+        if (this._dragListener !== null) {
+            this._dragListener.destroy();
+            this._dragListener = null;
+        }
+    }
+}
+/** @public */
+(function (DragSource) {
+    /** @deprecated remove in version 3 */
+    function isDragSourceComponentItemConfig(config) {
+        return !("componentType" in config);
+    }
+    DragSource.isDragSourceComponentItemConfig = isDragSourceComponentItemConfig;
+})(DragSource || (DragSource = {}));
+//# sourceMappingURL=drag-source.js.map

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

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

package/dist/esm/ts/controls/drop-target-indicator.js

@@ -0,0 +1,27 @@
+import { numberToPixels, setElementDisplayVisibility } from '../utils/utils';
+/** @internal */
+export class DropTargetIndicator {
+    constructor() {
+        // Maybe use container instead of Document Body?
+        this._element = document.createElement('div');
+        this._element.classList.add("lm_dropTargetIndicator" /* DomConstants.ClassName.DropTargetIndicator */);
+        const innerElement = document.createElement('div');
+        innerElement.classList.add("lm_inner" /* DomConstants.ClassName.Inner */);
+        this._element.appendChild(innerElement);
+        document.body.appendChild(this._element);
+    }
+    destroy() {
+        this._element.remove();
+    }
+    highlightArea(area, margin) {
+        this._element.style.left = numberToPixels(area.x1 + margin);
+        this._element.style.top = numberToPixels(area.y1 + margin);
+        this._element.style.width = numberToPixels(area.x2 - area.x1 - margin);
+        this._element.style.height = numberToPixels(area.y2 - area.y1 - margin);
+        this._element.style.display = 'block';
+    }
+    hide() {
+        setElementDisplayVisibility(this._element, false);
+    }
+}
+//# sourceMappingURL=drop-target-indicator.js.map

package/dist/esm/ts/controls/drop-target-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-target-indicator.js","sourceRoot":"","sources":["../../../../src/ts/controls/drop-target-indicator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAE7E,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IAG5B;QACI,gDAAgD;QAChD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,2EAA4C,CAAC;QACxE,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,YAAY,CAAC,SAAS,CAAC,GAAG,+CAA8B,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAExC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO;QACH,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,aAAa,CAAC,IAAoB,EAAE,MAAc;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;QACvE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;QACxE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC1C,CAAC;IAED,IAAI;QACA,2BAA2B,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;CACJ"}

package/dist/esm/ts/controls/header-button.js

@@ -0,0 +1,30 @@
+/** @internal */
+export class HeaderButton {
+    constructor(_header, label, cssClass, _pushEvent) {
+        this._header = _header;
+        this._pushEvent = _pushEvent;
+        this._clickEventListener = (ev) => this.onClick(ev);
+        this._touchStartEventListener = (ev) => this.onTouchStart(ev);
+        this._element = document.createElement('div');
+        this._element.classList.add(cssClass);
+        this._element.title = label;
+        this._header.on('destroy', () => this.destroy());
+        this._element.addEventListener('click', this._clickEventListener, { passive: true });
+        this._element.addEventListener('touchstart', this._touchStartEventListener, { passive: true });
+        this._header.controlsContainerElement.appendChild(this._element);
+    }
+    get element() { return this._element; }
+    destroy() {
+        var _a;
+        this._element.removeEventListener('click', this._clickEventListener);
+        this._element.removeEventListener('touchstart', this._touchStartEventListener);
+        (_a = this._element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this._element);
+    }
+    onClick(ev) {
+        this._pushEvent(ev);
+    }
+    onTouchStart(ev) {
+        this._pushEvent(ev);
+    }
+}
+//# sourceMappingURL=header-button.js.map

package/dist/esm/ts/controls/header-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-button.js","sourceRoot":"","sources":["../../../../src/ts/controls/header-button.ts"],"names":[],"mappings":"AAEA,gBAAgB;AAChB,MAAM,OAAO,YAAY;IAOrB,YAAoB,OAAe,EAAE,KAAa,EAAE,QAAgB,EAAU,UAAkC;QAA5F,YAAO,GAAP,OAAO,CAAQ;QAA2C,eAAU,GAAV,UAAU,CAAwB;QALxG,wBAAmB,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC3D,6BAAwB,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAKzE,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrF,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/F,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrE,CAAC;IAVD,IAAI,OAAO,KAAkB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAYpD,OAAO;;QACH,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC/E,MAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC;IAEO,OAAO,CAAC,EAAc;QAC1B,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,EAAc;QAC/B,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;CACJ"}

package/dist/esm/ts/controls/header.js

@@ -0,0 +1,362 @@
+import { UnexpectedUndefinedError } from '../errors/internal-error';
+import { EventEmitter } from '../utils/event-emitter';
+import { Side } from '../utils/types';
+import { numberToPixels, setElementDisplayVisibility } from '../utils/utils';
+import { HeaderButton } from './header-button';
+import { TabsContainer } from './tabs-container';
+/**
+ * This class represents a header above a Stack ContentItem.
+ * @public
+ */
+export class Header extends EventEmitter {
+    /** @internal */
+    constructor(
+    /** @internal */
+    _layoutManager, 
+    /** @internal */
+    _parent, settings, 
+    /** @internal */
+    _configClosable, 
+    /** @internal */
+    _getActiveComponentItemEvent, closeEvent, 
+    /** @internal */
+    _popoutEvent, 
+    /** @internal */
+    _maximiseToggleEvent, 
+    /** @internal */
+    _clickEvent, 
+    /** @internal */
+    _touchStartEvent, 
+    /** @internal */
+    _componentRemoveEvent, 
+    /** @internal */
+    _componentFocusEvent, 
+    /** @internal */
+    _componentDragStartEvent) {
+        super();
+        this._layoutManager = _layoutManager;
+        this._parent = _parent;
+        this._configClosable = _configClosable;
+        this._getActiveComponentItemEvent = _getActiveComponentItemEvent;
+        this._popoutEvent = _popoutEvent;
+        this._maximiseToggleEvent = _maximiseToggleEvent;
+        this._clickEvent = _clickEvent;
+        this._touchStartEvent = _touchStartEvent;
+        this._componentRemoveEvent = _componentRemoveEvent;
+        this._componentFocusEvent = _componentFocusEvent;
+        this._componentDragStartEvent = _componentDragStartEvent;
+        /** @internal */
+        this._clickListener = (ev) => this.onClick(ev);
+        /** @internal */
+        this._touchStartListener = (ev) => this.onTouchStart(ev);
+        /** @internal */
+        this._rowColumnClosable = true;
+        /** @internal */
+        this._closeButton = null;
+        /** @internal */
+        this._popoutButton = null;
+        this._tabsContainer = new TabsContainer(this._layoutManager, (item) => this.handleTabInitiatedComponentRemoveEvent(item), (item) => this.handleTabInitiatedComponentFocusEvent(item), (x, y, dragListener, item) => this.handleTabInitiatedDragStartEvent(x, y, dragListener, item), () => this.processTabDropdownActiveChanged());
+        this._show = settings.show;
+        this._popoutEnabled = settings.popoutEnabled;
+        this._popoutLabel = settings.popoutLabel;
+        this._maximiseEnabled = settings.maximiseEnabled;
+        this._maximiseLabel = settings.maximiseLabel;
+        this._minimiseEnabled = settings.minimiseEnabled;
+        this._minimiseLabel = settings.minimiseLabel;
+        this._closeEnabled = settings.closeEnabled;
+        this._closeLabel = settings.closeLabel;
+        this._tabDropdownEnabled = settings.tabDropdownEnabled;
+        this._tabDropdownLabel = settings.tabDropdownLabel;
+        this.setSide(settings.side);
+        this._canRemoveComponent = this._configClosable;
+        this._element = document.createElement('section');
+        this._element.classList.add("lm_header" /* DomConstants.ClassName.Header */);
+        this._controlsContainerElement = document.createElement('section');
+        this._controlsContainerElement.classList.add("lm_controls" /* DomConstants.ClassName.Controls */);
+        this._element.appendChild(this._tabsContainer.element);
+        this._element.appendChild(this._controlsContainerElement);
+        this._element.appendChild(this._tabsContainer.dropdownElement);
+        this._element.addEventListener('click', this._clickListener, { passive: true });
+        this._element.addEventListener('touchstart', this._touchStartListener, { passive: true });
+        this._documentMouseUpListener = () => this._tabsContainer.hideAdditionalTabsDropdown();
+        globalThis.document.addEventListener('mouseup', this._documentMouseUpListener, { passive: true });
+        this._tabControlOffset = this._layoutManager.layoutConfig.settings.tabControlOffset;
+        if (this._tabDropdownEnabled) {
+            this._tabDropdownButton = new HeaderButton(this, this._tabDropdownLabel, "lm_tabdropdown" /* DomConstants.ClassName.TabDropdown */, () => this._tabsContainer.showAdditionalTabsDropdown());
+        }
+        if (this._popoutEnabled) {
+            this._popoutButton = new HeaderButton(this, this._popoutLabel, "lm_popout" /* DomConstants.ClassName.Popout */, () => this.handleButtonPopoutEvent());
+        }
+        /**
+         * Maximise control - set the component to the full size of the layout
+         */
+        if (this._maximiseEnabled) {
+            this._maximiseButton = new HeaderButton(this, this._maximiseLabel, "lm_maximise" /* DomConstants.ClassName.Maximise */, (ev) => this.handleButtonMaximiseToggleEvent(ev));
+        }
+        /**
+         * Close button
+         */
+        if (this._configClosable) {
+            this._closeButton = new HeaderButton(this, this._closeLabel, "lm_close" /* DomConstants.ClassName.Close */, () => closeEvent());
+        }
+        this.processTabDropdownActiveChanged();
+    }
+    // /** @internal */
+    // private _activeComponentItem: ComponentItem | null = null; // only used to identify active tab
+    get show() { return this._show; }
+    get side() { return this._side; }
+    get leftRightSided() { return this._leftRightSided; }
+    get layoutManager() { return this._layoutManager; }
+    get parent() { return this._parent; }
+    get tabs() { return this._tabsContainer.tabs; }
+    get lastVisibleTabIndex() { return this._tabsContainer.lastVisibleTabIndex; }
+    get element() { return this._element; }
+    get tabsContainerElement() { return this._tabsContainer.element; }
+    get controlsContainerElement() { return this._controlsContainerElement; }
+    /**
+     * Destroys the entire header
+     * @internal
+     */
+    destroy() {
+        this.emit('destroy');
+        this._popoutEvent = undefined;
+        this._maximiseToggleEvent = undefined;
+        this._clickEvent = undefined;
+        this._touchStartEvent = undefined;
+        this._componentRemoveEvent = undefined;
+        this._componentFocusEvent = undefined;
+        this._componentDragStartEvent = undefined;
+        this._tabsContainer.destroy();
+        globalThis.document.removeEventListener('mouseup', this._documentMouseUpListener);
+        this._element.remove();
+    }
+    /**
+     * Creates a new tab and associates it with a contentItem
+     * @param index - The position of the tab
+     * @internal
+     */
+    createTab(componentItem, index) {
+        this._tabsContainer.createTab(componentItem, index);
+    }
+    /**
+     * Finds a tab based on the contentItem its associated with and removes it.
+     * Cannot remove tab if it has the active ComponentItem
+     * @internal
+     */
+    removeTab(componentItem) {
+        this._tabsContainer.removeTab(componentItem);
+    }
+    /** @internal */
+    processActiveComponentChanged(newActiveComponentItem) {
+        this._tabsContainer.processActiveComponentChanged(newActiveComponentItem);
+        this.updateTabSizes();
+    }
+    /** @internal */
+    setSide(value) {
+        this._side = value;
+        this._leftRightSided = [Side.right, Side.left].includes(this._side);
+    }
+    /**
+     * Programmatically set closability.
+     * @param value - Whether to enable/disable closability.
+     * @returns Whether the action was successful
+     * @internal
+     */
+    setRowColumnClosable(value) {
+        this._rowColumnClosable = value;
+        this.updateClosability();
+    }
+    /**
+     * Updates the header's closability. If a stack/header is able
+     * to close, but has a non closable component added to it, the stack is no
+     * longer closable until all components are closable.
+     * @internal
+     */
+    updateClosability() {
+        let isClosable;
+        if (!this._configClosable) {
+            isClosable = false;
+        }
+        else {
+            if (!this._rowColumnClosable) {
+                isClosable = false;
+            }
+            else {
+                isClosable = true;
+                const len = this.tabs.length;
+                for (let i = 0; i < len; i++) {
+                    const tab = this._tabsContainer.tabs[i];
+                    const item = tab.componentItem;
+                    if (!item.isClosable) {
+                        isClosable = false;
+                        break;
+                    }
+                }
+            }
+        }
+        if (this._closeButton !== null) {
+            setElementDisplayVisibility(this._closeButton.element, isClosable);
+        }
+        if (this._popoutButton !== null) {
+            setElementDisplayVisibility(this._popoutButton.element, isClosable);
+        }
+        this._canRemoveComponent = isClosable || this._tabsContainer.tabCount > 1;
+    }
+    /** @internal */
+    applyFocusedValue(value) {
+        if (value) {
+            this._element.classList.add("lm_focused" /* DomConstants.ClassName.Focused */);
+        }
+        else {
+            this._element.classList.remove("lm_focused" /* DomConstants.ClassName.Focused */);
+        }
+    }
+    /** @internal */
+    processMaximised() {
+        if (this._maximiseButton === undefined) {
+            throw new UnexpectedUndefinedError('HPMAX16997');
+        }
+        else {
+            this._maximiseButton.element.setAttribute('title', this._minimiseLabel);
+        }
+    }
+    /** @internal */
+    processMinimised() {
+        if (this._maximiseButton === undefined) {
+            throw new UnexpectedUndefinedError('HPMIN16997');
+        }
+        else {
+            this._maximiseButton.element.setAttribute('title', this._maximiseLabel);
+        }
+    }
+    /**
+     * Pushes the tabs to the tab dropdown if the available space is not sufficient
+     * @internal
+     */
+    updateTabSizes() {
+        if (this._tabsContainer.tabCount > 0) {
+            const headerHeight = this._show ? this._layoutManager.layoutConfig.dimensions.headerHeight : 0;
+            if (this._leftRightSided) {
+                this._element.style.height = '';
+                this._element.style.width = numberToPixels(headerHeight);
+            }
+            else {
+                this._element.style.width = '';
+                this._element.style.height = numberToPixels(headerHeight);
+            }
+            let availableWidth;
+            if (this._leftRightSided) {
+                availableWidth = this._element.offsetHeight - this._controlsContainerElement.offsetHeight - this._tabControlOffset;
+            }
+            else {
+                availableWidth = this._element.offsetWidth - this._controlsContainerElement.offsetWidth - this._tabControlOffset;
+            }
+            this._tabsContainer.updateTabSizes(availableWidth, this._getActiveComponentItemEvent());
+        }
+    }
+    /** @internal */
+    handleTabInitiatedComponentRemoveEvent(componentItem) {
+        if (this._canRemoveComponent) {
+            if (this._componentRemoveEvent === undefined) {
+                throw new UnexpectedUndefinedError('HHTCE22294');
+            }
+            else {
+                this._componentRemoveEvent(componentItem);
+            }
+        }
+    }
+    /** @internal */
+    handleTabInitiatedComponentFocusEvent(componentItem) {
+        if (this._componentFocusEvent === undefined) {
+            throw new UnexpectedUndefinedError('HHTAE22294');
+        }
+        else {
+            this._componentFocusEvent(componentItem);
+        }
+    }
+    /** @internal */
+    handleTabInitiatedDragStartEvent(x, y, dragListener, componentItem) {
+        if (!this._canRemoveComponent) {
+            dragListener.cancelDrag();
+        }
+        else {
+            if (this._componentDragStartEvent === undefined) {
+                throw new UnexpectedUndefinedError('HHTDSE22294');
+            }
+            else {
+                this._componentDragStartEvent(x, y, dragListener, componentItem);
+            }
+        }
+    }
+    /** @internal */
+    processTabDropdownActiveChanged() {
+        if (this._tabDropdownButton !== undefined) {
+            setElementDisplayVisibility(this._tabDropdownButton.element, this._tabsContainer.dropdownActive);
+        }
+    }
+    /** @internal */
+    handleButtonPopoutEvent() {
+        if (this._layoutManager.layoutConfig.settings.popoutWholeStack) {
+            if (this._popoutEvent === undefined) {
+                throw new UnexpectedUndefinedError('HHBPOE17834');
+            }
+            else {
+                this._popoutEvent();
+            }
+        }
+        else {
+            const activeComponentItem = this._getActiveComponentItemEvent();
+            if (activeComponentItem) {
+                activeComponentItem.popout();
+            }
+            // else: if the stack is empty there won't be an active item (and nothing to popout)
+        }
+    }
+    /** @internal */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    handleButtonMaximiseToggleEvent(ev) {
+        if (this._maximiseToggleEvent === undefined) {
+            throw new UnexpectedUndefinedError('HHBMTE16834');
+        }
+        else {
+            this._maximiseToggleEvent();
+        }
+    }
+    /**
+     * Invoked when the header's background is clicked (not it's tabs or controls)
+     * @internal
+     */
+    onClick(event) {
+        if (event.target === this._element) {
+            this.notifyClick(event);
+        }
+    }
+    /**
+     * Invoked when the header's background is touched (not it's tabs or controls)
+     * @internal
+     */
+    onTouchStart(event) {
+        if (event.target === this._element) {
+            this.notifyTouchStart(event);
+        }
+    }
+    /** @internal */
+    notifyClick(ev) {
+        if (this._clickEvent === undefined) {
+            throw new UnexpectedUndefinedError('HNHC46834');
+        }
+        else {
+            this._clickEvent(ev);
+        }
+    }
+    /** @internal */
+    notifyTouchStart(ev) {
+        if (this._touchStartEvent === undefined) {
+            throw new UnexpectedUndefinedError('HNHTS46834');
+        }
+        else {
+            this._touchStartEvent(ev);
+        }
+    }
+}
+//# sourceMappingURL=header.js.map

package/dist/esm/ts/controls/header.js.map

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

package/dist/esm/ts/controls/splitter.js

@@ -0,0 +1,38 @@
+import { DragListener } from '../utils/drag-listener';
+import { numberToPixels } from '../utils/utils';
+/** @internal */
+export class Splitter {
+    constructor(_isVertical, _size, grabSize) {
+        this._isVertical = _isVertical;
+        this._size = _size;
+        this._grabSize = grabSize < this._size ? this._size : grabSize;
+        this._element = document.createElement('div');
+        this._element.classList.add("lm_splitter" /* DomConstants.ClassName.Splitter */);
+        const dragHandleElement = document.createElement('div');
+        dragHandleElement.classList.add("lm_drag_handle" /* DomConstants.ClassName.DragHandle */);
+        const handleExcessSize = this._grabSize - this._size;
+        const handleExcessPos = handleExcessSize / 2;
+        if (this._isVertical) {
+            dragHandleElement.style.top = numberToPixels(-handleExcessPos);
+            dragHandleElement.style.height = numberToPixels(this._size + handleExcessSize);
+            this._element.classList.add("lm_vertical" /* DomConstants.ClassName.Vertical */);
+            this._element.style.height = numberToPixels(this._size);
+        }
+        else {
+            dragHandleElement.style.left = numberToPixels(-handleExcessPos);
+            dragHandleElement.style.width = numberToPixels(this._size + handleExcessSize);
+            this._element.classList.add("lm_horizontal" /* DomConstants.ClassName.Horizontal */);
+            this._element.style.width = numberToPixels(this._size);
+        }
+        this._element.appendChild(dragHandleElement);
+        this._dragListener = new DragListener(this._element, [dragHandleElement]);
+    }
+    get element() { return this._element; }
+    destroy() {
+        this._element.remove();
+    }
+    on(eventName, callback) {
+        this._dragListener.on(eventName, callback);
+    }
+}
+//# sourceMappingURL=splitter.js.map

package/dist/esm/ts/controls/splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../../src/ts/controls/splitter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,gBAAgB;AAChB,MAAM,OAAO,QAAQ;IAQjB,YAAoB,WAAoB,EAAU,KAAa,EAAE,QAAgB;QAA7D,gBAAW,GAAX,WAAW,CAAS;QAAU,UAAK,GAAL,KAAK,CAAQ;QAC3D,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE/D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,qDAAiC,CAAC;QAC7D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxD,iBAAiB,CAAC,SAAS,CAAC,GAAG,0DAAmC,CAAC;QAEnE,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QACrD,MAAM,eAAe,GAAG,gBAAgB,GAAG,CAAC,CAAC;QAE7C,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,iBAAiB,CAAC,KAAK,CAAC,GAAG,GAAG,cAAc,CAAC,CAAC,eAAe,CAAC,CAAC;YAC/D,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC;YAC/E,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,qDAAiC,CAAC;YAC7D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC3D;aAAM;YACH,iBAAiB,CAAC,KAAK,CAAC,IAAI,GAAG,cAAc,CAAC,CAAC,eAAe,CAAC,CAAC;YAChE,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC;YAC9E,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,yDAAmC,CAAC;YAC/D,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1D;QAED,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAE7C,IAAI,CAAC,aAAa,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9E,CAAC;IA5BD,IAAI,OAAO,KAAqB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IA8BvD,OAAO;QACH,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,EAAE,CAA8C,SAAY,EAAE,QAAkC;QAC5F,IAAI,CAAC,aAAa,CAAC,EAAE,CAAI,SAAS,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC;CACJ"}