@genesis-community/golden-layout 2.6.0

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

@@ -0,0 +1,258 @@
+import { UnexpectedUndefinedError } from '../errors/internal-error';
+import { DragListener } from '../utils/drag-listener';
+/**
+ * Represents an individual tab within a Stack's header
+ * @public
+ */
+export class Tab {
+    /** @internal */
+    constructor(
+    /** @internal */
+    _layoutManager, 
+    /** @internal */
+    _componentItem, 
+    /** @internal */
+    _closeEvent, 
+    /** @internal */
+    _focusEvent, 
+    /** @internal */
+    _dragStartEvent) {
+        var _a;
+        this._layoutManager = _layoutManager;
+        this._componentItem = _componentItem;
+        this._closeEvent = _closeEvent;
+        this._focusEvent = _focusEvent;
+        this._dragStartEvent = _dragStartEvent;
+        /** @internal */
+        this._isActive = false;
+        /** @internal */
+        this._tabClickListener = (ev) => this.onTabClickDown(ev);
+        /** @internal */
+        this._tabTouchStartListener = (ev) => this.onTabTouchStart(ev);
+        /** @internal */
+        this._closeClickListener = () => this.onCloseClick();
+        /** @internal */
+        this._closeTouchStartListener = () => this.onCloseTouchStart();
+        // /** @internal */
+        // private readonly _closeMouseDownListener = () => this.onCloseMousedown();
+        /** @internal */
+        this._dragStartListener = (x, y) => this.onDragStart(x, y);
+        /** @internal */
+        this._contentItemDestroyListener = () => this.onContentItemDestroy();
+        /** @internal */
+        this._tabTitleChangedListener = (title) => this.setTitle(title);
+        this._element = document.createElement('div');
+        this._element.classList.add("lm_tab" /* DomConstants.ClassName.Tab */);
+        this._titleElement = document.createElement('span');
+        this._titleElement.classList.add("lm_title" /* DomConstants.ClassName.Title */);
+        this._closeElement = document.createElement('div');
+        this._closeElement.classList.add("lm_close_tab" /* DomConstants.ClassName.CloseTab */);
+        this._element.appendChild(this._titleElement);
+        this._element.appendChild(this._closeElement);
+        if (_componentItem.isClosable) {
+            this._closeElement.style.display = '';
+        }
+        else {
+            this._closeElement.style.display = 'none';
+        }
+        this.setTitle(_componentItem.title);
+        this._componentItem.on('titleChanged', this._tabTitleChangedListener);
+        const reorderEnabled = (_a = _componentItem.reorderEnabled) !== null && _a !== void 0 ? _a : this._layoutManager.layoutConfig.settings.reorderEnabled;
+        if (reorderEnabled) {
+            this.enableReorder();
+        }
+        this._element.addEventListener('click', this._tabClickListener, { passive: true });
+        this._element.addEventListener('touchstart', this._tabTouchStartListener, { passive: true });
+        if (this._componentItem.isClosable) {
+            this._closeElement.addEventListener('click', this._closeClickListener, { passive: true });
+            this._closeElement.addEventListener('touchstart', this._closeTouchStartListener, { passive: true });
+            // this._closeElement.addEventListener('mousedown', this._closeMouseDownListener, { passive: true });
+        }
+        else {
+            this._closeElement.remove();
+            this._closeElement = undefined;
+        }
+        this._componentItem.setTab(this);
+        this._layoutManager.emit('tabCreated', this);
+    }
+    get isActive() { return this._isActive; }
+    // get header(): Header { return this._header; }
+    get componentItem() { return this._componentItem; }
+    /** @deprecated use {@link (Tab:class).componentItem} */
+    get contentItem() { return this._componentItem; }
+    get element() { return this._element; }
+    get titleElement() { return this._titleElement; }
+    get closeElement() { return this._closeElement; }
+    get reorderEnabled() { return this._dragListener !== undefined; }
+    set reorderEnabled(value) {
+        if (value !== this.reorderEnabled) {
+            if (value) {
+                this.enableReorder();
+            }
+            else {
+                this.disableReorder();
+            }
+        }
+    }
+    /**
+     * Sets the tab's title to the provided string and sets
+     * its title attribute to a pure text representation (without
+     * html tags) of the same string.
+     */
+    setTitle(title) {
+        this._titleElement.innerText = title;
+        this._element.title = title;
+    }
+    /**
+     * Sets this tab's active state. To programmatically
+     * switch tabs, use Stack.setActiveComponentItem( item ) instead.
+     */
+    setActive(isActive) {
+        if (isActive === this._isActive) {
+            return;
+        }
+        this._isActive = isActive;
+        if (isActive) {
+            this._element.classList.add("lm_active" /* DomConstants.ClassName.Active */);
+        }
+        else {
+            this._element.classList.remove("lm_active" /* DomConstants.ClassName.Active */);
+        }
+    }
+    /**
+     * Destroys the tab
+     * @internal
+     */
+    destroy() {
+        var _a, _b;
+        this._closeEvent = undefined;
+        this._focusEvent = undefined;
+        this._dragStartEvent = undefined;
+        this._element.removeEventListener('click', this._tabClickListener);
+        this._element.removeEventListener('touchstart', this._tabTouchStartListener);
+        (_a = this._closeElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this._closeClickListener);
+        (_b = this._closeElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('touchstart', this._closeTouchStartListener);
+        // this._closeElement?.removeEventListener('mousedown', this._closeMouseDownListener);
+        this._componentItem.off('titleChanged', this._tabTitleChangedListener);
+        if (this.reorderEnabled) {
+            this.disableReorder();
+        }
+        this._element.remove();
+    }
+    /** @internal */
+    setBlurred() {
+        this._element.classList.remove("lm_focused" /* DomConstants.ClassName.Focused */);
+        this._titleElement.classList.remove("lm_focused" /* DomConstants.ClassName.Focused */);
+    }
+    /** @internal */
+    setFocused() {
+        this._element.classList.add("lm_focused" /* DomConstants.ClassName.Focused */);
+        this._titleElement.classList.add("lm_focused" /* DomConstants.ClassName.Focused */);
+    }
+    /**
+     * Callback for the DragListener
+     * @param x - The tabs absolute x position
+     * @param y - The tabs absolute y position
+     * @internal
+     */
+    onDragStart(x, y) {
+        if (this._dragListener === undefined) {
+            throw new UnexpectedUndefinedError('TODSDLU10093');
+        }
+        else {
+            if (this._dragStartEvent === undefined) {
+                throw new UnexpectedUndefinedError('TODS23309');
+            }
+            else {
+                this._dragStartEvent(x, y, this._dragListener, this.componentItem);
+            }
+        }
+    }
+    /** @internal */
+    onContentItemDestroy() {
+        if (this._dragListener !== undefined) {
+            this._dragListener.destroy();
+            this._dragListener = undefined;
+        }
+    }
+    /**
+     * Callback when the tab is clicked
+     * @internal
+     */
+    onTabClickDown(event) {
+        const target = event.target;
+        if (target === this._element || target === this._titleElement) {
+            // left mouse button
+            if (event.button === 0) {
+                // event.stopPropagation();
+                this.notifyFocus();
+                // middle mouse button
+            }
+            else if (event.button === 1 && this._componentItem.isClosable) {
+                // event.stopPropagation();
+                this.notifyClose();
+            }
+        }
+    }
+    /** @internal */
+    onTabTouchStart(event) {
+        if (event.target === this._element) {
+            this.notifyFocus();
+        }
+    }
+    /**
+     * Callback when the tab's close button is clicked
+     * @internal
+     */
+    onCloseClick() {
+        this.notifyClose();
+    }
+    /** @internal */
+    onCloseTouchStart() {
+        this.notifyClose();
+    }
+    /**
+     * Callback to capture tab close button mousedown
+     * to prevent tab from activating.
+     * @internal
+     */
+    // private onCloseMousedown(): void {
+    //     // event.stopPropagation();
+    // }
+    /** @internal */
+    notifyClose() {
+        if (this._closeEvent === undefined) {
+            throw new UnexpectedUndefinedError('TNC15007');
+        }
+        else {
+            this._closeEvent(this._componentItem);
+        }
+    }
+    /** @internal */
+    notifyFocus() {
+        if (this._focusEvent === undefined) {
+            throw new UnexpectedUndefinedError('TNA15007');
+        }
+        else {
+            this._focusEvent(this._componentItem);
+        }
+    }
+    /** @internal */
+    enableReorder() {
+        this._dragListener = new DragListener(this._element, [this._titleElement]);
+        this._dragListener.on('dragStart', this._dragStartListener);
+        this._componentItem.on('destroy', this._contentItemDestroyListener);
+    }
+    /** @internal */
+    disableReorder() {
+        if (this._dragListener === undefined) {
+            throw new UnexpectedUndefinedError('TDR87745');
+        }
+        else {
+            this._componentItem.off('destroy', this._contentItemDestroyListener);
+            this._dragListener.off('dragStart', this._dragStartListener);
+            this._dragListener = undefined;
+        }
+    }
+}
+//# sourceMappingURL=tab.js.map

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

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

package/dist/esm/ts/controls/tabs-container.js

@@ -0,0 +1,232 @@
+import { AssertError } from '../errors/internal-error';
+import { numberToPixels, pixelsToNumber } from '../utils/utils';
+import { Tab } from './tab';
+/** @internal */
+export class TabsContainer {
+    constructor(_layoutManager, _componentRemoveEvent, _componentFocusEvent, _componentDragStartEvent, _dropdownActiveChangedEvent) {
+        this._layoutManager = _layoutManager;
+        this._componentRemoveEvent = _componentRemoveEvent;
+        this._componentFocusEvent = _componentFocusEvent;
+        this._componentDragStartEvent = _componentDragStartEvent;
+        this._dropdownActiveChangedEvent = _dropdownActiveChangedEvent;
+        // There is one tab per ComponentItem in stack.  However they may not be ordered the same
+        this._tabs = [];
+        this._lastVisibleTabIndex = -1;
+        this._dropdownActive = false;
+        this._element = document.createElement('section');
+        this._element.classList.add("lm_tabs" /* DomConstants.ClassName.Tabs */);
+        this._dropdownElement = document.createElement('section');
+        this._dropdownElement.classList.add("lm_tabdropdown_list" /* DomConstants.ClassName.TabDropdownList */);
+        this._dropdownElement.style.display = 'none';
+    }
+    get tabs() { return this._tabs; }
+    get tabCount() { return this._tabs.length; }
+    get lastVisibleTabIndex() { return this._lastVisibleTabIndex; }
+    get element() { return this._element; }
+    get dropdownElement() { return this._dropdownElement; }
+    get dropdownActive() { return this._dropdownActive; }
+    destroy() {
+        for (let i = 0; i < this._tabs.length; i++) {
+            this._tabs[i].destroy();
+        }
+    }
+    /**
+     * Creates a new tab and associates it with a contentItem
+     * @param index - The position of the tab
+     */
+    createTab(componentItem, index) {
+        //If there's already a tab relating to the
+        //content item, don't do anything
+        for (let i = 0; i < this._tabs.length; i++) {
+            if (this._tabs[i].componentItem === componentItem) {
+                return;
+            }
+        }
+        const tab = new Tab(this._layoutManager, componentItem, (item) => this.handleTabCloseEvent(item), (item) => this.handleTabFocusEvent(item), (x, y, dragListener, item) => this.handleTabDragStartEvent(x, y, dragListener, item));
+        if (index === undefined) {
+            index = this._tabs.length;
+        }
+        this._tabs.splice(index, 0, tab);
+        if (index < this._element.childNodes.length) {
+            this._element.insertBefore(tab.element, this._element.childNodes[index]);
+        }
+        else {
+            this._element.appendChild(tab.element);
+        }
+    }
+    removeTab(componentItem) {
+        // componentItem cannot be ActiveComponentItem
+        for (let i = 0; i < this._tabs.length; i++) {
+            if (this._tabs[i].componentItem === componentItem) {
+                const tab = this._tabs[i];
+                tab.destroy();
+                this._tabs.splice(i, 1);
+                return;
+            }
+        }
+        throw new Error('contentItem is not controlled by this header');
+    }
+    processActiveComponentChanged(newActiveComponentItem) {
+        let activeIndex = -1;
+        for (let i = 0; i < this._tabs.length; i++) {
+            const isActive = this._tabs[i].componentItem === newActiveComponentItem;
+            this._tabs[i].setActive(isActive);
+            if (isActive) {
+                activeIndex = i;
+            }
+        }
+        if (activeIndex < 0) {
+            throw new AssertError('HSACI56632');
+        }
+        else {
+            if (this._layoutManager.layoutConfig.settings.reorderOnTabMenuClick) {
+                /**
+                 * If the tab selected was in the dropdown, move everything down one to make way for this one to be the first.
+                 * This will make sure the most used tabs stay visible.
+                 */
+                if (this._lastVisibleTabIndex !== -1 && activeIndex > this._lastVisibleTabIndex) {
+                    const activeTab = this._tabs[activeIndex];
+                    for (let j = activeIndex; j > 0; j--) {
+                        this._tabs[j] = this._tabs[j - 1];
+                    }
+                    this._tabs[0] = activeTab;
+                    // updateTabSizes will always be called after this and it will reposition tab elements
+                }
+            }
+        }
+    }
+    /**
+     * Pushes the tabs to the tab dropdown if the available space is not sufficient
+     */
+    updateTabSizes(availableWidth, activeComponentItem) {
+        let dropDownActive = false;
+        const success = this.tryUpdateTabSizes(dropDownActive, availableWidth, activeComponentItem);
+        if (!success) {
+            dropDownActive = true;
+            // this will always succeed
+            this.tryUpdateTabSizes(dropDownActive, availableWidth, activeComponentItem);
+        }
+        if (dropDownActive !== this._dropdownActive) {
+            this._dropdownActive = dropDownActive;
+            this._dropdownActiveChangedEvent();
+        }
+    }
+    tryUpdateTabSizes(dropdownActive, availableWidth, activeComponentItem) {
+        if (this._tabs.length > 0) {
+            if (activeComponentItem === undefined) {
+                throw new Error('non-empty tabs must have active component item');
+            }
+            let cumulativeTabWidth = 0;
+            let tabOverlapAllowanceExceeded = false;
+            const tabOverlapAllowance = this._layoutManager.layoutConfig.settings.tabOverlapAllowance;
+            const activeIndex = this._tabs.indexOf(activeComponentItem.tab);
+            const activeTab = this._tabs[activeIndex];
+            this._lastVisibleTabIndex = -1;
+            for (let i = 0; i < this._tabs.length; i++) {
+                const tabElement = this._tabs[i].element;
+                //Put the tab in the tabContainer so its true width can be checked
+                if (tabElement.parentElement !== this._element) {
+                    this._element.appendChild(tabElement);
+                }
+                const tabMarginRightPixels = getComputedStyle(activeTab.element).marginRight;
+                const tabMarginRight = pixelsToNumber(tabMarginRightPixels);
+                const tabWidth = tabElement.offsetWidth + tabMarginRight;
+                cumulativeTabWidth += tabWidth;
+                //Include the active tab's width if it isn't already
+                //This is to ensure there is room to show the active tab
+                let visibleTabWidth = 0;
+                if (activeIndex <= i) {
+                    visibleTabWidth = cumulativeTabWidth;
+                }
+                else {
+                    const activeTabMarginRightPixels = getComputedStyle(activeTab.element).marginRight;
+                    const activeTabMarginRight = pixelsToNumber(activeTabMarginRightPixels);
+                    visibleTabWidth = cumulativeTabWidth + activeTab.element.offsetWidth + activeTabMarginRight;
+                }
+                // If the tabs won't fit, check the overlap allowance.
+                if (visibleTabWidth > availableWidth) {
+                    //Once allowance is exceeded, all remaining tabs go to menu.
+                    if (!tabOverlapAllowanceExceeded) {
+                        //No overlap for first tab or active tab
+                        //Overlap spreads among non-active, non-first tabs
+                        let overlap;
+                        if (activeIndex > 0 && activeIndex <= i) {
+                            overlap = (visibleTabWidth - availableWidth) / (i - 1);
+                        }
+                        else {
+                            overlap = (visibleTabWidth - availableWidth) / i;
+                        }
+                        //Check overlap against allowance.
+                        if (overlap < tabOverlapAllowance) {
+                            for (let j = 0; j <= i; j++) {
+                                const marginLeft = (j !== activeIndex && j !== 0) ? '-' + numberToPixels(overlap) : '';
+                                this._tabs[j].element.style.zIndex = numberToPixels(i - j);
+                                this._tabs[j].element.style.marginLeft = marginLeft;
+                            }
+                            this._lastVisibleTabIndex = i;
+                            if (tabElement.parentElement !== this._element) {
+                                this._element.appendChild(tabElement);
+                            }
+                        }
+                        else {
+                            tabOverlapAllowanceExceeded = true;
+                        }
+                    }
+                    else if (i === activeIndex) {
+                        //Active tab should show even if allowance exceeded. (We left room.)
+                        tabElement.style.zIndex = 'auto';
+                        tabElement.style.marginLeft = '';
+                        if (tabElement.parentElement !== this._element) {
+                            this._element.appendChild(tabElement);
+                        }
+                    }
+                    if (tabOverlapAllowanceExceeded && i !== activeIndex) {
+                        if (dropdownActive) {
+                            //Tab menu already shown, so we just add to it.
+                            tabElement.style.zIndex = 'auto';
+                            tabElement.style.marginLeft = '';
+                            if (tabElement.parentElement !== this._dropdownElement) {
+                                this._dropdownElement.appendChild(tabElement);
+                            }
+                        }
+                        else {
+                            //We now know the tab menu must be shown, so we have to recalculate everything.
+                            return false;
+                        }
+                    }
+                }
+                else {
+                    this._lastVisibleTabIndex = i;
+                    tabElement.style.zIndex = 'auto';
+                    tabElement.style.marginLeft = '';
+                    if (tabElement.parentElement !== this._element) {
+                        this._element.appendChild(tabElement);
+                    }
+                }
+            }
+        }
+        return true;
+    }
+    /**
+     * Shows drop down for additional tabs when there are too many to display.
+     */
+    showAdditionalTabsDropdown() {
+        this._dropdownElement.style.display = '';
+    }
+    /**
+     * Hides drop down for additional tabs when there are too many to display.
+     */
+    hideAdditionalTabsDropdown() {
+        this._dropdownElement.style.display = 'none';
+    }
+    handleTabCloseEvent(componentItem) {
+        this._componentRemoveEvent(componentItem);
+    }
+    handleTabFocusEvent(componentItem) {
+        this._componentFocusEvent(componentItem);
+    }
+    handleTabDragStartEvent(x, y, dragListener, componentItem) {
+        this._componentDragStartEvent(x, y, dragListener, componentItem);
+    }
+}
+//# sourceMappingURL=tabs-container.js.map

package/dist/esm/ts/controls/tabs-container.js.map

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

package/dist/esm/ts/controls/transition-indicator.js

@@ -0,0 +1,60 @@
+/** @internal @deprecated To be removed */
+export class TransitionIndicator {
+    constructor() {
+        this._element = document.createElement('div');
+        this._element.classList.add("lm_transition_indicator" /* DomConstants.ClassName.TransitionIndicator */);
+        document.body.appendChild(this._element);
+        this._toElement = null;
+        this._fromDimensions = null;
+        this._totalAnimationDuration = 200;
+        this._animationStartTime = null;
+    }
+    destroy() {
+        this._element.remove();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    transitionElements(fromElement, toElement) {
+        /**
+         * TODO - This is not quite as cool as expected. Review.
+         */
+        return;
+        // this._toElement = toElement;
+        // this._animationStartTime = now();
+        // this._fromDimensions = this._measure(fromElement);
+        // this._fromDimensions.opacity = 0.8;
+        // this._element.show().css(this._fromDimensions);
+        // animFrame(fnBind(this._nextAnimationFrame, this));
+    }
+    nextAnimationFrame() {
+        // if (this._toElement === null || this._fromDimensions === null || this._animationStartTime === null) {
+        //     throw new UnexpectedNullError('TINAFTD97115');
+        // } else {
+        //     const toDimensions = this.measure(this._toElement);
+        //     const animationProgress = (now() - this._animationStartTime) / this._totalAnimationDuration;
+        //     const currentFrameStyles = {};
+        //     const cssProperty;
+        //     if (animationProgress >= 1) {
+        //         this._element.style.display = 'none';
+        //         return;
+        //     }
+        //     toDimensions.opacity = 0;
+        //     for (const cssProperty in this._fromDimensions) {
+        //         currentFrameStyles[cssProperty] = this._fromDimensions[cssProperty] +
+        //             (toDimensions[cssProperty] - this._fromDimensions[cssProperty]) *
+        //             animationProgress;
+        //     }
+        //     this._element.css(currentFrameStyles);
+        //     animFrame(fnBind(this._nextAnimationFrame, this));
+        // }
+    }
+    measure(element) {
+        const rect = element.getBoundingClientRect();
+        return {
+            left: rect.left,
+            top: rect.top,
+            width: element.offsetWidth,
+            height: element.offsetHeight,
+        };
+    }
+}
+//# sourceMappingURL=transition-indicator.js.map

package/dist/esm/ts/controls/transition-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition-indicator.js","sourceRoot":"","sources":["../../../../src/ts/controls/transition-indicator.ts"],"names":[],"mappings":"AAGA,0CAA0C;AAC1C,MAAM,OAAO,mBAAmB;IAO5B;QACI,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,4EAA4C,CAAC;QACxE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,uBAAuB,GAAG,GAAG,CAAC;QACnC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,OAAO;QACH,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAED,6DAA6D;IAC7D,kBAAkB,CAAC,WAAwB,EAAE,SAAsB;QAC/D;;WAEG;QACH,OAAO;QACP,+BAA+B;QAC/B,oCAAoC;QACpC,qDAAqD;QACrD,sCAAsC;QACtC,kDAAkD;QAClD,qDAAqD;IACzD,CAAC;IAEO,kBAAkB;QACtB,wGAAwG;QACxG,qDAAqD;QACrD,WAAW;QACX,0DAA0D;QAC1D,mGAAmG;QACnG,qCAAqC;QACrC,yBAAyB;QAEzB,oCAAoC;QACpC,gDAAgD;QAChD,kBAAkB;QAClB,QAAQ;QAER,gCAAgC;QAEhC,wDAAwD;QACxD,gFAAgF;QAChF,gFAAgF;QAChF,iCAAiC;QACjC,QAAQ;QAER,6CAA6C;QAC7C,yDAAyD;QACzD,IAAI;IACR,CAAC;IAEO,OAAO,CAAC,OAAoB;QAChC,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE7C,OAAO;YACH,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,OAAO,CAAC,WAAW;YAC1B,MAAM,EAAE,OAAO,CAAC,YAAY;SAC/B,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/ts/errors/external-error.js

@@ -0,0 +1,38 @@
+/** @public */
+export class ExternalError extends Error {
+    /** @internal */
+    constructor(type, message) {
+        super(message);
+        this.type = type;
+    }
+}
+/** @public */
+export class ConfigurationError extends ExternalError {
+    /** @internal */
+    constructor(message, node) {
+        super('Configuration', message);
+        this.node = node;
+    }
+}
+/** @public */
+export class PopoutBlockedError extends ExternalError {
+    /** @internal */
+    constructor(message) {
+        super('PopoutBlocked', message);
+    }
+}
+/** @public */
+export class ApiError extends ExternalError {
+    /** @internal */
+    constructor(message) {
+        super('API', message);
+    }
+}
+/** @public */
+export class BindError extends ExternalError {
+    /** @internal */
+    constructor(message) {
+        super('Bind', message);
+    }
+}
+//# sourceMappingURL=external-error.js.map

package/dist/esm/ts/errors/external-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-error.js","sourceRoot":"","sources":["../../../../src/ts/errors/external-error.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,OAAgB,aAAc,SAAQ,KAAK;IAC7C,gBAAgB;IAChB,YAA4B,IAAY,EAAE,OAAe;QACrD,KAAK,CAAC,OAAO,CAAC,CAAC;QADS,SAAI,GAAJ,IAAI,CAAQ;IAExC,CAAC;CACJ;AAED,cAAc;AACd,MAAM,OAAO,kBAAmB,SAAQ,aAAa;IACjD,gBAAgB;IAChB,YAAY,OAAe,EAAkB,IAAa;QACtD,KAAK,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QADS,SAAI,GAAJ,IAAI,CAAS;IAE1D,CAAC;CACJ;AAED,cAAc;AACd,MAAM,OAAO,kBAAmB,SAAQ,aAAa;IACjD,gBAAgB;IAChB,YAAY,OAAe;QACvB,KAAK,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC;CACJ;AAED,cAAc;AACd,MAAM,OAAO,QAAS,SAAQ,aAAa;IACvC,gBAAgB;IAChB,YAAY,OAAe;QACvB,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1B,CAAC;CACJ;AAED,cAAc;AACd,MAAM,OAAO,SAAU,SAAQ,aAAa;IACxC,gBAAgB;IAChB,YAAY,OAAe;QACvB,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3B,CAAC;CACJ"}

package/dist/esm/ts/errors/internal-error.js

@@ -0,0 +1,31 @@
+/** @internal */
+class InternalError extends Error {
+    constructor(type, code, message) {
+        super(`${type}: ${code}${message === undefined ? '' : ': ' + message}`);
+    }
+}
+/** @internal */
+export class AssertError extends InternalError {
+    constructor(code, message) {
+        super('Assert', code, message);
+    }
+}
+/** @internal */
+export class UnreachableCaseError extends InternalError {
+    constructor(code, variableValue, message) {
+        super('UnreachableCase', code, `${variableValue}${message === undefined ? '' : ': ' + message}`);
+    }
+}
+/** @internal */
+export class UnexpectedNullError extends InternalError {
+    constructor(code, message) {
+        super('UnexpectedNull', code, message);
+    }
+}
+/** @internal */
+export class UnexpectedUndefinedError extends InternalError {
+    constructor(code, message) {
+        super('UnexpectedUndefined', code, message);
+    }
+}
+//# sourceMappingURL=internal-error.js.map

package/dist/esm/ts/errors/internal-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-error.js","sourceRoot":"","sources":["../../../../src/ts/errors/internal-error.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,MAAe,aAAc,SAAQ,KAAK;IACtC,YAAY,IAAY,EAAE,IAAY,EAAE,OAAgB;QACpD,KAAK,CAAC,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,CAAA;IAC3E,CAAC;CACJ;AAED,gBAAgB;AAChB,MAAM,OAAO,WAAY,SAAQ,aAAa;IAC1C,YAAY,IAAY,EAAE,OAAgB;QACtC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IAClC,CAAC;CACJ;AAED,gBAAgB;AAChB,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IACnD,YAAY,IAAY,EAAE,aAAoB,EAAE,OAAgB;QAC5D,KAAK,CAAC,iBAAiB,EAAE,IAAI,EAAE,GAAG,aAAa,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC,CAAA;IACpG,CAAC;CACJ;AAED,gBAAgB;AAChB,MAAM,OAAO,mBAAoB,SAAQ,aAAa;IAClD,YAAY,IAAY,EAAE,OAAgB;QACtC,KAAK,CAAC,gBAAgB,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IAC1C,CAAC;CACJ;AAED,gBAAgB;AAChB,MAAM,OAAO,wBAAyB,SAAQ,aAAa;IACvD,YAAY,IAAY,EAAE,OAAgB;QACtC,KAAK,CAAC,qBAAqB,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;IAC/C,CAAC;CACJ"}