dockview-core 7.0.2 → 7.0.4

package/dist/esm/dockview/dockviewShell.js

@@ -1,18 +1,32 @@
 import { Emitter } from '../events';
 import { CompositeDisposable } from '../lifecycle';
 import { LayoutPriority, Orientation, Splitview, } from '../splitview/splitview';
-import { watchElementResize } from '../dom';
+import { isInDocument, watchElementResize } from '../dom';
 export class EdgeGroupView {
+    /**
+     * The effective (pre-gap) collapsed size: the measured tab-strip size when
+     * available, otherwise the configured/theme base.
+     */
+    get _effectiveBaseCollapsed() {
+        var _a;
+        return (_a = this._measuredTabSize) !== null && _a !== void 0 ? _a : this._baseCollapsedSize;
+    }
     get minimumSize() {
         // When collapsed, lock size to collapsedSize so sash can't drag it open
-        return this._isCollapsed
-            ? this._collapsedSize
-            : this._expandedMinimumSize;
+        if (this._isCollapsed) {
+            return this.collapsedSize;
+        }
+        // If the caller explicitly provides a minimumSize, respect it.
+        // Otherwise fall back to collapsedSize + 50 so the expanded state is
+        // visually distinguishable from the collapsed state.
+        return this._baseMinimumSize !== undefined
+            ? this._baseMinimumSize + this._gapAdd
+            : this._effectiveBaseCollapsed + 50 + this._gapAdd;
     }
     get maximumSize() {
         // When collapsed, lock size to collapsedSize so sash can't drag it open
         return this._isCollapsed
-            ? this._collapsedSize
+            ? this.collapsedSize
             : this._expandedMaximumSize;
     }
     get element() {
@@ -25,34 +39,62 @@ export class EdgeGroupView {
         return this._lastExpandedSize;
     }
     get collapsedSize() {
-        return this._collapsedSize;
+        return this._effectiveBaseCollapsed + this._gapAdd;
     }
-    constructor(options, group, orientation) {
+    constructor(options, group, orientation, gapAdd = 0) {
         var _a, _b, _c;
         this._onDidChange = new Emitter();
         this.onDidChange = this._onDidChange.event;
         this.snap = false;
         this.priority = LayoutPriority.Low;
         this._isCollapsed = false;
+        this._tabSizeDisposables = new CompositeDisposable();
         this._group = group;
         this._orientation = orientation;
         group.element.classList.add('dv-edge-group');
         group.element.dataset.testid = `dv-edge-group-${options.id}`;
-        this._collapsedSize = (_a = options.collapsedSize) !== null && _a !== void 0 ? _a : 35;
+        this._baseCollapsedSize = (_a = options.collapsedSize) !== null && _a !== void 0 ? _a : 35;
+        this._baseMinimumSize = options.minimumSize;
+        this._gapAdd = gapAdd;
         this._expandedMaximumSize =
             (_b = options.maximumSize) !== null && _b !== void 0 ? _b : Number.POSITIVE_INFINITY;
-        // If the caller explicitly provides a minimumSize, respect it.
-        // Otherwise fall back to collapsedSize + 50 so the expanded state is
-        // visually distinguishable from the collapsed state.
-        this._expandedMinimumSize =
-            options.minimumSize !== undefined
-                ? options.minimumSize
-                : this._collapsedSize + 50;
         this._lastExpandedSize = (_c = options.initialSize) !== null && _c !== void 0 ? _c : 200;
         if (options.collapsed) {
             this._isCollapsed = true;
             group.element.classList.add('dv-edge-collapsed');
         }
+        this._observeTabStrip();
+    }
+    /**
+     * Watch the group's tab strip so the collapsed size follows the live tab
+     * height. The strip's cross-axis size (height for top/bottom, width for
+     * left/right) is exactly what a collapsed edge group should occupy; a
+     * ResizeObserver keeps them in sync when the tab height changes at runtime.
+     */
+    _observeTabStrip() {
+        const strip = this._group.element.querySelector('.dv-tabs-and-actions-container');
+        if (!strip) {
+            return;
+        }
+        this._tabSizeDisposables.addDisposables(watchElementResize(strip, () => {
+            this._applyMeasuredTabSize(this._orientation === 'vertical'
+                ? strip.offsetHeight
+                : strip.offsetWidth);
+        }));
+    }
+    /**
+     * Apply a freshly-measured tab-strip cross size. When the group is
+     * collapsed this resizes it in the parent splitview so the collapsed strip
+     * always shows the full tab height.
+     */
+    _applyMeasuredTabSize(size) {
+        if (size <= 0 || size === this._measuredTabSize) {
+            return;
+        }
+        this._measuredTabSize = size;
+        if (this._isCollapsed) {
+            this._onDidChange.fire({ size: this.collapsedSize });
+        }
     }
     layout(size, orthogonalSize) {
         // Track the last expanded size so we can restore it after collapsing
@@ -88,15 +130,18 @@ export class EdgeGroupView {
         this._lastExpandedSize = size;
     }
     /**
-     * Apply new effective collapsed and expanded-minimum sizes after a theme
-     * or gap change. The caller (ShellManager) is responsible for computing
-     * the correct values from the original config and the new gap.
+     * Apply a new base (pre-gap) collapsed size, base minimum size and gap
+     * contribution after a theme or gap change. Base values come from the
+     * original config; the ShellManager owns the gap arithmetic. A live
+     * measured tab size (if any) continues to win over the base collapsed size.
      */
-    updateCollapsedSize(newCollapsedSize, newExpandedMinimumSize) {
-        this._collapsedSize = newCollapsedSize;
-        this._expandedMinimumSize = newExpandedMinimumSize;
+    updateSizing(baseCollapsedSize, baseMinimumSize, gapAdd) {
+        this._baseCollapsedSize = baseCollapsedSize;
+        this._baseMinimumSize = baseMinimumSize;
+        this._gapAdd = gapAdd;
     }
     dispose() {
+        this._tabSizeDisposables.dispose();
         this._onDidChange.dispose();
     }
 }
@@ -228,15 +273,6 @@ class MiddleColumnView {
         this._splitview.dispose();
     }
 }
-function adjustedOpts(base, defaultCollapsed, gapAdd) {
-    var _a;
-    const effectiveCollapsed = ((_a = base.collapsedSize) !== null && _a !== void 0 ? _a : defaultCollapsed) + gapAdd;
-    const result = Object.assign(Object.assign({}, base), { collapsedSize: effectiveCollapsed });
-    if (base.minimumSize !== undefined) {
-        result.minimumSize = base.minimumSize + gapAdd;
-    }
-    return result;
-}
 export class ShellManager {
     constructor(container, dockviewElement, layoutGrid, gap = 0, defaultCollapsedSize = 35) {
         this._disposables = new CompositeDisposable();
@@ -262,6 +298,26 @@ export class ShellManager {
         this._middleIndex = 0;
         this._outerSplitview.addView(this._middleColumn, { type: 'distribute' }, 0);
         this._disposables.addDisposables(watchElementResize(this._shellElement, (entry) => {
+            /**
+             * When the shell (or an ancestor) becomes hidden — e.g. a
+             * nested dockview whose `onlyWhenVisible` host panel is
+             * deactivated — the element collapses to (0, 0) or is detached
+             * from the DOM. Propagating that zero size would relayout the
+             * edge-group splitview at 0, clamping the low-priority edge
+             * groups down to their minimum size and destroying the user's
+             * sizing. Skip these cases so sizes are preserved while hidden;
+             * mirrors the guard in the `Resizable` base class. See #1495.
+             *
+             * offsetParent === null is equivalent to display: none on the
+             * element or one of its ancestors.
+             * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
+             */
+            if (!this._shellElement.offsetParent) {
+                return;
+            }
+            if (!isInDocument(this._shellElement)) {
+                return;
+            }
             const width = Math.round(entry.contentRect.width);
             const height = Math.round(entry.contentRect.height);
             if (width === this._currentWidth &&
@@ -298,7 +354,7 @@ export class ShellManager {
         const isHorizontal = position === 'left' || position === 'right';
         const gapAdd = isHorizontal ? outerGapAdd : innerGapAdd;
         const orientation = isHorizontal ? 'horizontal' : 'vertical';
-        const view = new EdgeGroupView(adjustedOpts(Object.assign({ collapsedSize: this._defaultCollapsedSize }, options), this._defaultCollapsedSize, gapAdd), group, orientation);
+        const view = new EdgeGroupView(Object.assign({ collapsedSize: this._defaultCollapsedSize }, options), group, orientation, gapAdd);
         const initialSize = view.isCollapsed
             ? view.collapsedSize
             : view.lastExpandedSize;
@@ -365,10 +421,7 @@ export class ShellManager {
         const updateView = (view, baseCfg, gapAdd) => {
             var _a;
             const baseCS = (_a = baseCfg.collapsedSize) !== null && _a !== void 0 ? _a : defaultCollapsedSize;
-            const newCS = baseCS + gapAdd;
-            const baseMS = baseCfg.minimumSize;
-            const newMS = baseMS !== undefined ? baseMS + gapAdd : newCS + 50;
-            view.updateCollapsedSize(newCS, newMS);
+            view.updateSizing(baseCS, baseCfg.minimumSize, gapAdd);
         };
         const topCfg = this._viewConfigs.get('top');
         if (this._topView && topCfg) {
@@ -619,8 +672,7 @@ export class ShellManager {
         }
     }
     dispose() {
-        var _a;
         this._disposables.dispose();
-        (_a = this._shellElement.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this._shellElement);
+        this._shellElement.remove();
     }
 }

package/dist/esm/dockview/strictEventsSequencing.js

@@ -16,11 +16,11 @@ export class StrictEventsSequencing extends CompositeDisposable {
                 panels.add(panel.api.id);
             }
         }), this.accessor.onDidRemovePanel((panel) => {
-            if (!panels.has(panel.api.id)) {
-                throw new Error(`dockview: Invalid event sequence. [onDidRemovePanel] called for panel ${panel.api.id} but panel does not exists`);
+            if (panels.has(panel.api.id)) {
+                panels.delete(panel.api.id);
             }
             else {
-                panels.delete(panel.api.id);
+                throw new Error(`dockview: Invalid event sequence. [onDidRemovePanel] called for panel ${panel.api.id} but panel does not exists`);
             }
         }), this.accessor.onDidAddGroup((group) => {
             if (groups.has(group.api.id)) {
@@ -30,11 +30,11 @@ export class StrictEventsSequencing extends CompositeDisposable {
                 groups.add(group.api.id);
             }
         }), this.accessor.onDidRemoveGroup((group) => {
-            if (!groups.has(group.api.id)) {
-                throw new Error(`dockview: Invalid event sequence. [onDidRemoveGroup] called for group ${group.api.id} but group does not exists`);
+            if (groups.has(group.api.id)) {
+                groups.delete(group.api.id);
             }
             else {
-                groups.delete(group.api.id);
+                throw new Error(`dockview: Invalid event sequence. [onDidRemoveGroup] called for group ${group.api.id} but group does not exists`);
             }
         }));
     }

package/dist/esm/dockview/tabGroup.js

@@ -74,9 +74,9 @@ export class TabGroup extends CompositeDisposable {
         if (this._panelIds.includes(panelId)) {
             return;
         }
-        const insertIndex = index !== undefined
-            ? Math.max(0, Math.min(index, this._panelIds.length))
-            : this._panelIds.length;
+        const insertIndex = index === undefined
+            ? this._panelIds.length
+            : Math.max(0, Math.min(index, this._panelIds.length));
         this._panelIds.splice(insertIndex, 0, panelId);
         this._onDidPanelChange.fire({ panelId, type: 'add' });
     }

package/dist/esm/dockview/tabGroupAccent.js

@@ -87,9 +87,7 @@ let _fallbackPalette;
  * palette through.
  */
 function getFallbackPalette() {
-    if (!_fallbackPalette) {
-        _fallbackPalette = new TabGroupColorPalette(DEFAULT_TAB_GROUP_COLORS, true);
-    }
+    _fallbackPalette !== null && _fallbackPalette !== void 0 ? _fallbackPalette : (_fallbackPalette = new TabGroupColorPalette(DEFAULT_TAB_GROUP_COLORS, true));
     return _fallbackPalette;
 }
 /**

package/dist/esm/dom.js

@@ -95,7 +95,7 @@ class FocusTracker extends CompositeDisposable {
         const onBlur = () => {
             if (hasFocus) {
                 loosingFocus = true;
-                window.setTimeout(() => {
+                globalThis.setTimeout(() => {
                     if (loosingFocus) {
                         loosingFocus = false;
                         hasFocus = false;

package/dist/esm/events.js

@@ -56,7 +56,7 @@ class LeakageMonitor {
 class Stacktrace {
     static create() {
         var _a;
-        return new Stacktrace((_a = new Error().stack) !== null && _a !== void 0 ? _a : '');
+        return new Stacktrace((_a = new Error('listener stacktrace').stack) !== null && _a !== void 0 ? _a : '');
     }
     constructor(value) {
         this.value = value;

package/dist/esm/gridview/baseComponentGridview.js

@@ -93,8 +93,7 @@ export class BaseGrid extends Resizable {
         }), this.gridview.onDidViewVisibilityChange(() => this._onDidViewVisibilityChangeMicroTaskQueue.fire()), this.onDidViewVisibilityChangeMicroTaskQueue(() => {
             this.forceRelayout();
         }), Disposable.from(() => {
-            var _a;
-            (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.element);
+            this.element.remove();
         }), this.gridview.onDidChange(() => {
             this._bufferOnDidLayoutChange.fire();
         }), Event.any(this.onDidAdd, this.onDidRemove, this.onDidActiveChange)(() => {
@@ -189,9 +188,7 @@ export class BaseGrid extends Resizable {
     }
     moveToNext(options) {
         var _a;
-        if (!options) {
-            options = {};
-        }
+        options !== null && options !== void 0 ? options : (options = {});
         if (!options.group) {
             if (!this.activeGroup) {
                 return;
@@ -204,9 +201,7 @@ export class BaseGrid extends Resizable {
     }
     moveToPrevious(options) {
         var _a;
-        if (!options) {
-            options = {};
-        }
+        options !== null && options !== void 0 ? options : (options = {});
         if (!options.group) {
             if (!this.activeGroup) {
                 return;

package/dist/esm/gridview/branchNode.js

@@ -65,13 +65,11 @@ export class BranchNode extends CompositeDisposable {
         if (this.children.length === 0) {
             return LayoutPriority.Normal;
         }
-        const priorities = this.children.map((c) => typeof c.priority === 'undefined'
-            ? LayoutPriority.Normal
-            : c.priority);
-        if (priorities.some((p) => p === LayoutPriority.High)) {
+        const priorities = new Set(this.children.map((c) => { var _a; return (_a = c.priority) !== null && _a !== void 0 ? _a : LayoutPriority.Normal; }));
+        if (priorities.has(LayoutPriority.High)) {
             return LayoutPriority.High;
         }
-        else if (priorities.some((p) => p === LayoutPriority.Low)) {
+        else if (priorities.has(LayoutPriority.Low)) {
             return LayoutPriority.Low;
         }
         return LayoutPriority.Normal;
@@ -108,16 +106,7 @@ export class BranchNode extends CompositeDisposable {
         this._size = size;
         this.element = document.createElement('div');
         this.element.className = 'dv-branch-node';
-        if (!childDescriptors) {
-            this.splitview = new Splitview(this.element, {
-                orientation: this.orientation,
-                proportionalLayout,
-                styles,
-                margin,
-            });
-            this.splitview.layout(this.size, this.orthogonalSize);
-        }
-        else {
+        if (childDescriptors) {
             const descriptor = {
                 views: childDescriptors.map((childDescriptor) => {
                     return {
@@ -140,6 +129,15 @@ export class BranchNode extends CompositeDisposable {
                 margin,
             });
         }
+        else {
+            this.splitview = new Splitview(this.element, {
+                orientation: this.orientation,
+                proportionalLayout,
+                styles,
+                margin,
+            });
+            this.splitview.layout(this.size, this.orthogonalSize);
+        }
         this.disabled = disabled;
         this.addDisposables(this._onDidChange, this._onDidVisibilityChange, this.splitview.onDidSashEnd(() => {
             this._onDidChange.fire({});

package/dist/esm/gridview/gridview.js

@@ -383,7 +383,7 @@ export class Gridview {
         if (oldRoot) {
             oldRoot.dispose();
             this._maximizedNode = undefined;
-            this.element.removeChild(oldRoot.element);
+            oldRoot.element.remove();
         }
         this._root = root;
         this.element.appendChild(this._root.element);
@@ -477,7 +477,7 @@ export class Gridview {
     progmaticSelect(location, reverse = false) {
         const [path, node] = this.getNode(location);
         if (!(node instanceof LeafNode)) {
-            throw new Error('invalid location');
+            throw new TypeError('invalid location');
         }
         for (let i = path.length - 1; i > -1; i--) {
             const n = path[i];
@@ -514,7 +514,7 @@ export class Gridview {
         const [rest, index] = tail(location);
         const [, parent] = this.getNode(rest);
         if (!(parent instanceof BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         return parent.isChildVisible(index);
     }
@@ -525,7 +525,7 @@ export class Gridview {
         const [rest, index] = tail(location);
         const [, parent] = this.getNode(rest);
         if (!(parent instanceof BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         this._onDidViewVisibilityChange.fire();
         parent.setChildVisible(index, visible);
@@ -536,7 +536,7 @@ export class Gridview {
         }
         const [, parent] = this.getNode(parentLocation);
         if (!(parent instanceof BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.moveChild(from, to);
     }
@@ -582,11 +582,11 @@ export class Gridview {
         const [rest, index] = tail(location);
         const [pathToParent, parent] = this.getNode(rest);
         if (!(parent instanceof BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         const nodeToRemove = parent.children[index];
         if (!(nodeToRemove instanceof LeafNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.removeChild(index, sizing);
         nodeToRemove.dispose();
@@ -668,7 +668,7 @@ export class Gridview {
             return [path, node];
         }
         if (!(node instanceof BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         const [index, ...rest] = location;
         if (index < 0 || index >= node.children.length) {

package/dist/esm/gridview/gridviewComponent.js

@@ -220,12 +220,7 @@ export class GridviewComponent extends BaseGrid {
             }
             this._groups.forEach((groupItem) => {
                 const group = groupItem.value;
-                if (group !== panel) {
-                    group.setActive(false);
-                }
-                else {
-                    group.setActive(true);
-                }
+                group.setActive(group === panel);
             });
         }));
         this._groups.set(panel.id, {

package/dist/esm/overlay/overlay.js

@@ -158,19 +158,19 @@ export class Overlay extends CompositeDisposable {
         const element = this._element.getBoundingClientRect();
         const result = {};
         if (this.verticalAlignment === 'top') {
-            result.top = parseFloat(this._element.style.top);
+            result.top = Number.parseFloat(this._element.style.top);
         }
         else if (this.verticalAlignment === 'bottom') {
-            result.bottom = parseFloat(this._element.style.bottom);
+            result.bottom = Number.parseFloat(this._element.style.bottom);
         }
         else {
             result.top = element.top - container.top;
         }
         if (this.horiziontalAlignment === 'left') {
-            result.left = parseFloat(this._element.style.left);
+            result.left = Number.parseFloat(this._element.style.left);
         }
         else if (this.horiziontalAlignment === 'right') {
-            result.right = parseFloat(this._element.style.right);
+            result.right = Number.parseFloat(this._element.style.right);
         }
         else {
             result.left = element.left - container.left;
@@ -234,7 +234,7 @@ export class Overlay extends CompositeDisposable {
                         }
                     }
                 },
-            }, addDisposableListener(window, 'pointermove', (e) => {
+            }, addDisposableListener(globalThis.window, 'pointermove', (e) => {
                 if (this._dragCancelled) {
                     return;
                 }
@@ -243,12 +243,10 @@ export class Overlay extends CompositeDisposable {
                 const y = e.clientY - containerRect.top;
                 toggleClass(this._element, 'dv-resize-container-dragging', true);
                 const overlayRect = this._element.getBoundingClientRect();
-                if (offset === null) {
-                    offset = {
-                        x: e.clientX - overlayRect.left,
-                        y: e.clientY - overlayRect.top,
-                    };
-                }
+                offset !== null && offset !== void 0 ? offset : (offset = {
+                    x: e.clientX - overlayRect.left,
+                    y: e.clientY - overlayRect.top,
+                });
                 const xOffset = Math.max(0, this.getMinimumWidth(overlayRect.width));
                 const yOffset = Math.max(0, this.getMinimumHeight(overlayRect.height));
                 let proposedTop = y - offset.y;
@@ -300,7 +298,7 @@ export class Overlay extends CompositeDisposable {
                     hasMoved = true;
                     this._onDidStartMoving.fire();
                 }
-            }), addDisposableListener(window, 'pointerup', end), addDisposableListener(window, 'pointercancel', end));
+            }), addDisposableListener(globalThis.window, 'pointerup', end), addDisposableListener(globalThis.window, 'pointercancel', end));
         };
         this.addDisposables(addDisposableListener(dragTarget, 'pointerdown', (event) => {
             if (event.defaultPrevented) {
@@ -354,20 +352,18 @@ export class Overlay extends CompositeDisposable {
                 move.dispose();
                 this._onDidChangeEnd.fire();
             };
-            move.value = new CompositeDisposable(addDisposableListener(window, 'pointermove', (e) => {
+            move.value = new CompositeDisposable(addDisposableListener(globalThis.window, 'pointermove', (e) => {
                 const containerRect = this.options.container.getBoundingClientRect();
                 const overlayRect = this._element.getBoundingClientRect();
                 const y = e.clientY - containerRect.top;
                 const x = e.clientX - containerRect.left;
-                if (startPosition === null) {
-                    // record the initial dimensions since as all subsequence moves are relative to this
-                    startPosition = {
-                        originalY: y,
-                        originalHeight: overlayRect.height,
-                        originalX: x,
-                        originalWidth: overlayRect.width,
-                    };
-                }
+                // record the initial dimensions since as all subsequence moves are relative to this
+                startPosition !== null && startPosition !== void 0 ? startPosition : (startPosition = {
+                    originalY: y,
+                    originalHeight: overlayRect.height,
+                    originalX: x,
+                    originalWidth: overlayRect.width,
+                });
                 let top = undefined;
                 let bottom = undefined;
                 let height = undefined;
@@ -382,7 +378,8 @@ export class Overlay extends CompositeDisposable {
                         ? Math.max(0, containerRect.height -
                             Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
-                            startPosition.originalHeight -
+                            startPosition
+                                .originalHeight -
                             Overlay.MINIMUM_HEIGHT);
                     top = clamp(y, 0, maxTop);
                     height =
@@ -397,8 +394,8 @@ export class Overlay extends CompositeDisposable {
                             startPosition.originalHeight;
                     // When dragging bottom handle, constrain height to container height
                     const minHeight = top < 0 &&
-                        typeof this.options.minimumInViewportHeight ===
-                            'number'
+                        typeof this.options
+                            .minimumInViewportHeight === 'number'
                         ? -top +
                             this.options.minimumInViewportHeight
                         : Overlay.MINIMUM_HEIGHT;
@@ -428,8 +425,8 @@ export class Overlay extends CompositeDisposable {
                             startPosition.originalWidth;
                     // When dragging right handle, constrain width to container width
                     const minWidth = left < 0 &&
-                        typeof this.options.minimumInViewportWidth ===
-                            'number'
+                        typeof this.options
+                            .minimumInViewportWidth === 'number'
                         ? -left +
                             this.options.minimumInViewportWidth
                         : Overlay.MINIMUM_WIDTH;
@@ -498,7 +495,7 @@ export class Overlay extends CompositeDisposable {
                         }
                     }
                 },
-            }, addDisposableListener(window, 'pointerup', end), addDisposableListener(window, 'pointercancel', end));
+            }, addDisposableListener(globalThis.window, 'pointerup', end), addDisposableListener(globalThis.window, 'pointercancel', end));
         }));
     }
     getMinimumWidth(width) {

package/dist/esm/overlay/overlayRenderContainer.js

@@ -9,7 +9,7 @@ class PositionCache {
     }
     getPosition(element) {
         const cached = this.cache.get(element);
-        if (cached && cached.frameId === this.currentFrameId) {
+        if ((cached === null || cached === void 0 ? void 0 : cached.frameId) === this.currentFrameId) {
             return cached.rect;
         }
         this.scheduleFrameUpdate();
@@ -221,11 +221,10 @@ export class OverlayRenderContainer extends CompositeDisposable {
             correctLayerPosition();
         }));
         this.map[panel.api.id].destroy = Disposable.from(() => {
-            var _a;
             if (contentElement.parentElement === focusContainer) {
-                focusContainer.removeChild(contentElement);
+                contentElement.remove();
             }
-            (_a = focusContainer.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(focusContainer);
+            focusContainer.remove();
         });
         correctLayerPosition();
         queueMicrotask(() => {

package/dist/esm/paneview/draggablePaneviewPanel.js

@@ -75,7 +75,7 @@ export class DraggablePaneviewPanel extends PaneviewPanel {
     }
     onDrop(event) {
         const data = getPaneData();
-        if (!data || data.viewId !== this.accessor.id) {
+        if ((data === null || data === void 0 ? void 0 : data.viewId) !== this.accessor.id) {
             // if there is no local drag event for this panel
             // or if the drag event was creating by another Paneview instance
             this._onDidDrop.fire(Object.assign(Object.assign({}, event), { panel: this, api: new PaneviewApi(this.accessor), getData: getPaneData }));

package/dist/esm/paneview/paneviewComponent.js

@@ -132,9 +132,7 @@ export class PaneviewComponent extends Resizable {
                 name: options.headerComponent,
             });
         }
-        if (!header) {
-            header = new DefaultHeader();
-        }
+        header !== null && header !== void 0 ? header : (header = new DefaultHeader());
         const view = new PaneFramework({
             id: options.id,
             component: options.component,
@@ -233,9 +231,7 @@ export class PaneviewComponent extends Resizable {
                             name: data.headerComponent,
                         });
                     }
-                    if (!header) {
-                        header = new DefaultHeader();
-                    }
+                    header !== null && header !== void 0 ? header : (header = new DefaultHeader());
                     const panel = new PaneFramework({
                         id: data.id,
                         component: data.component,