dockview-core 6.6.1 → 7.0.3

package/dist/cjs/gridview/gridview.js

@@ -484,7 +484,7 @@ var Gridview = /** @class */ (function () {
             if (oldRoot) {
                 oldRoot.dispose();
                 this._maximizedNode = undefined;
-                this.element.removeChild(oldRoot.element);
+                oldRoot.element.remove();
             }
             this._root = root;
             this.element.appendChild(this._root.element);
@@ -584,7 +584,7 @@ var Gridview = /** @class */ (function () {
         if (reverse === void 0) { reverse = false; }
         var _a = __read(this.getNode(location), 2), path = _a[0], node = _a[1];
         if (!(node instanceof leafNode_1.LeafNode)) {
-            throw new Error('invalid location');
+            throw new TypeError('invalid location');
         }
         for (var i = path.length - 1; i > -1; i--) {
             var n = path[i];
@@ -602,7 +602,7 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         return parent.isChildVisible(index);
     };
@@ -613,7 +613,7 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         this._onDidViewVisibilityChange.fire();
         parent.setChildVisible(index, visible);
@@ -624,7 +624,7 @@ var Gridview = /** @class */ (function () {
         }
         var _a = __read(this.getNode(parentLocation), 2), parent = _a[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.moveChild(from, to);
     };
@@ -670,11 +670,11 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), pathToParent = _b[0], parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         var nodeToRemove = parent.children[index];
         if (!(nodeToRemove instanceof leafNode_1.LeafNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.removeChild(index, sizing);
         nodeToRemove.dispose();
@@ -761,7 +761,7 @@ var Gridview = /** @class */ (function () {
             return [path, node];
         }
         if (!(node instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         var _a = __read(location), index = _a[0], rest = _a.slice(1);
         if (index < 0 || index >= node.children.length) {

package/dist/cjs/gridview/gridviewComponent.d.ts

@@ -11,7 +11,7 @@ export interface SerializedGridviewComponent {
     grid: SerializedGridview<GridPanelViewState>;
     activePanel?: string;
 }
-export interface AddComponentOptions<T extends object = Parameters> extends BaseComponentOptions<T> {
+export interface AddGridviewComponentOptions<T extends object = Parameters> extends BaseComponentOptions<T> {
     minimumWidth?: number;
     maximumWidth?: number;
     minimumHeight?: number;
@@ -29,7 +29,7 @@ export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     readonly orientation: Orientation;
     readonly onDidLayoutFromJSON: Event<void>;
     updateOptions(options: Partial<GridviewComponentOptions>): void;
-    addPanel<T extends object = Parameters>(options: AddComponentOptions<T>): IGridviewPanel;
+    addPanel<T extends object = Parameters>(options: AddGridviewComponentOptions<T>): IGridviewPanel;
     removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
     focus(): void;
     fromJSON(serializedGridview: SerializedGridviewComponent): void;
@@ -80,7 +80,7 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
         reference: string;
         size?: number;
     }): void;
-    addPanel<T extends object = Parameters>(options: AddComponentOptions<T>): IGridviewPanel;
+    addPanel<T extends object = Parameters>(options: AddGridviewComponentOptions<T>): IGridviewPanel;
     private registerPanel;
     moveGroup(referenceGroup: IGridPanelComponentView, groupId: string, target: Position): void;
     removeGroup(group: GridviewPanel): void;

package/dist/cjs/gridview/gridviewComponent.js

@@ -316,12 +316,7 @@ var GridviewComponent = /** @class */ (function (_super) {
             }
             _this._groups.forEach(function (groupItem) {
                 var group = groupItem.value;
-                if (group !== panel) {
-                    group.setActive(false);
-                }
-                else {
-                    group.setActive(true);
-                }
+                group.setActive(group === panel);
             });
         }));
         this._groups.set(panel.id, {

package/dist/cjs/gridview/gridviewPanel.d.ts

@@ -6,7 +6,7 @@ import { LayoutPriority } from '../splitview/splitview';
 import { Event } from '../events';
 import { IViewSize } from './gridview';
 import { BaseGrid, IGridPanelView } from './baseComponentGridview';
-export interface Contraints {
+export interface Constraints {
     minimumWidth?: number;
     maximumWidth?: number;
     minimumHeight?: number;

package/dist/cjs/index.d.ts

@@ -13,11 +13,11 @@ export * from './paneview/paneview';
 export * from './gridview/gridview';
 export { GridviewComponentOptions, GridviewOptions, GridviewFrameworkOptions, PROPERTY_KEYS_GRIDVIEW, } from './gridview/options';
 export * from './gridview/baseComponentGridview';
-export { DraggablePaneviewPanel, PaneviewDidDropEvent as PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
+export { DraggablePaneviewPanel, PaneviewDidDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
-export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, DockviewGroupLocation, } from './dockview/dockviewGroupPanelModel';
-export { DockviewWillShowOverlayLocationEvent, DockviewTabGroupChangeEvent, DockviewTabGroupCollapsedChangeEvent, DockviewTabGroupPanelChangeEvent, } from './dockview/events';
+export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, DockviewGroupActivePanelChangeEvent, DockviewGroupLocation, } from './dockview/dockviewGroupPanelModel';
+export { DockviewWillShowOverlayLocationEvent, DockviewTabGroupChangeEvent, DockviewTabGroupCollapsedChangeEvent, DockviewTabGroupPanelChangeEvent, DockviewGroupDropLocation, } from './dockview/events';
 export { TabDragEvent, GroupDragEvent, } from './dockview/components/titlebar/tabsContainer';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';
@@ -39,6 +39,7 @@ export * from './gridview/gridviewPanel';
 export { SplitviewPanel, ISplitviewPanel } from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';
 export * from './dockview/types';
+export { Box, AnchorPosition, AnchoredBox } from './types';
 export { DockviewPanelRenderer } from './overlay/overlayRenderContainer';
 export { Position, positionToDirection, directionToPosition, MeasuredValue, DroptargetOverlayModel, } from './dnd/droptarget';
 export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
@@ -46,6 +47,12 @@ export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/g
 export { TitleEvent, RendererChangedEvent, DockviewPanelApi, DockviewPanelMoveParams, } from './api/dockviewPanelApi';
 export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
 export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, DockviewGroupPanelCollapsedChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
+export { DockviewGroupPanelApi, DockviewGroupPanelLocationChangeEvent, DockviewGroupPanelCollapsedChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
 export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, DockviewGetTabGroupsOptions, } from './api/component.api';
 export { createDockview, createGridview, createPaneview, createSplitview, } from './api/entryPoints';
+export { registerModules, getRegisteredModules, clearRegisteredModules, markDockviewPackageLoaded, isDockviewPackageLoaded, defineModule, DockviewModule, ServiceCollection, } from './dockview/modules';
+export { IAccessibilityHost, IAccessibilityService, IAdvancedDnDHost, IAdvancedDnDService, IContextMenuHost, IContextMenuService, IKeyboardDockingService, ITabGroupChipsHost, ITabGroupChipsService, } from './dockview/moduleContracts';
+export { resolveMessages } from './dockview/accessibilityMessages';
+export { findRelativeZIndexParent } from './dom';
+export { IDragGhostSpec } from './dnd/backend';
+export { LiveRegionModule } from './dockview/liveRegionService';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.resolveTabGroupAccent = exports.applyTabGroupAccent = exports.TabGroupColorPalette = exports.DEFAULT_TAB_GROUP_COLORS = exports.DockviewWillShowOverlayLocationEvent = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = exports.DockviewGroupPanelModel = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
+exports.LiveRegionModule = exports.findRelativeZIndexParent = exports.resolveMessages = exports.defineModule = exports.isDockviewPackageLoaded = exports.markDockviewPackageLoaded = exports.clearRegisteredModules = exports.getRegisteredModules = exports.registerModules = exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.resolveTabGroupAccent = exports.applyTabGroupAccent = exports.TabGroupColorPalette = exports.DEFAULT_TAB_GROUP_COLORS = exports.DockviewWillShowOverlayLocationEvent = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = exports.DockviewGroupPanelModel = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
 var dataTransfer_1 = require("./dnd/dataTransfer");
 Object.defineProperty(exports, "getPaneData", { enumerable: true, get: function () { return dataTransfer_1.getPaneData; } });
 Object.defineProperty(exports, "getPanelData", { enumerable: true, get: function () { return dataTransfer_1.getPanelData; } });
@@ -90,3 +90,16 @@ Object.defineProperty(exports, "createDockview", { enumerable: true, get: functi
 Object.defineProperty(exports, "createGridview", { enumerable: true, get: function () { return entryPoints_1.createGridview; } });
 Object.defineProperty(exports, "createPaneview", { enumerable: true, get: function () { return entryPoints_1.createPaneview; } });
 Object.defineProperty(exports, "createSplitview", { enumerable: true, get: function () { return entryPoints_1.createSplitview; } });
+var modules_1 = require("./dockview/modules");
+Object.defineProperty(exports, "registerModules", { enumerable: true, get: function () { return modules_1.registerModules; } });
+Object.defineProperty(exports, "getRegisteredModules", { enumerable: true, get: function () { return modules_1.getRegisteredModules; } });
+Object.defineProperty(exports, "clearRegisteredModules", { enumerable: true, get: function () { return modules_1.clearRegisteredModules; } });
+Object.defineProperty(exports, "markDockviewPackageLoaded", { enumerable: true, get: function () { return modules_1.markDockviewPackageLoaded; } });
+Object.defineProperty(exports, "isDockviewPackageLoaded", { enumerable: true, get: function () { return modules_1.isDockviewPackageLoaded; } });
+Object.defineProperty(exports, "defineModule", { enumerable: true, get: function () { return modules_1.defineModule; } });
+var accessibilityMessages_1 = require("./dockview/accessibilityMessages");
+Object.defineProperty(exports, "resolveMessages", { enumerable: true, get: function () { return accessibilityMessages_1.resolveMessages; } });
+var dom_1 = require("./dom");
+Object.defineProperty(exports, "findRelativeZIndexParent", { enumerable: true, get: function () { return dom_1.findRelativeZIndexParent; } });
+var liveRegionService_1 = require("./dockview/liveRegionService");
+Object.defineProperty(exports, "LiveRegionModule", { enumerable: true, get: function () { return liveRegionService_1.LiveRegionModule; } });

package/dist/cjs/overlay/overlay.d.ts

@@ -1,6 +1,21 @@
 import { Event } from '../events';
 import { CompositeDisposable } from '../lifecycle';
-import { AnchoredBox } from '../types';
+import { AnchoredBox, Box } from '../types';
+/**
+ * Context handed to {@link OverlayOptions.transformDragPosition} each
+ * pointer-move frame while a floating overlay is being dragged.
+ */
+export interface OverlayDragContext {
+    /** Proposed top-left + size this frame, in container pixels (pre-clamp). */
+    readonly proposed: Box;
+    /** Size of the container the overlay is dragged within. */
+    readonly container: {
+        width: number;
+        height: number;
+    };
+    /** Bounds of the sibling overlays, snapshotted at drag start. */
+    readonly others: readonly Box[];
+}
 export declare class Overlay extends CompositeDisposable {
     private readonly options;
     private readonly _element;
@@ -22,11 +37,38 @@ export declare class Overlay extends CompositeDisposable {
     set minimumInViewportHeight(value: number | undefined);
     get element(): HTMLElement;
     get isVisible(): boolean;
+    /**
+     * Height of the optional drag-handle header, or 0 when none is present.
+     * Used to translate between the overlay's outer box and the content area
+     * available to the group beneath the header.
+     */
+    get headerHeight(): number;
     constructor(options: AnchoredBox & {
         container: HTMLElement;
         content: HTMLElement;
+        /**
+         * Optional dedicated drag handle rendered above the content (a
+         * floating window title bar). When provided the resize container
+         * lays its children out as a flex column so the content shrinks
+         * to fit beneath the handle.
+         */
+        header?: HTMLElement;
         minimumInViewportWidth?: number;
         minimumInViewportHeight?: number;
+        /**
+         * Adjust the proposed top-left each drag frame (before the
+         * container clamp). Return an adjusted position or nothing to leave
+         * it unchanged. Used to implement snapping / custom bounds.
+         */
+        transformDragPosition?: (context: OverlayDragContext) => {
+            top: number;
+            left: number;
+        } | void;
+        /**
+         * Snapshot the sibling overlays' boxes at drag start, supplied to
+         * `transformDragPosition` as `context.others`.
+         */
+        getSiblingBoxes?: () => readonly Box[];
     });
     setVisible(isVisible: boolean): void;
     bringToFront(): void;

package/dist/cjs/overlay/overlay.js

@@ -97,6 +97,11 @@ var Overlay = /** @class */ (function (_super) {
         _this._dragCancelled = false;
         _this.addDisposables(_this._onDidChange, _this._onDidChangeEnd, _this._onDidStartMoving, _this._dragMove);
         _this._element.className = 'dv-resize-container';
+        // Floating groups are non-modal dialogs over the layout. The contained
+        // group(s) carry their own `role="region"` + label, so the dialog
+        // itself only needs role + modality here.
+        _this._element.setAttribute('role', 'dialog');
+        _this._element.setAttribute('aria-modal', 'false');
         _this._isVisible = true;
         _this.setupResize('top');
         _this.setupResize('bottom');
@@ -106,6 +111,10 @@ var Overlay = /** @class */ (function (_super) {
         _this.setupResize('topright');
         _this.setupResize('bottomleft');
         _this.setupResize('bottomright');
+        if (_this.options.header) {
+            (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-with-titlebar', true);
+            _this._element.appendChild(_this.options.header);
+        }
         _this._element.appendChild(_this.options.content);
         _this.options.container.appendChild(_this._element);
         // if input bad resize within acceptable boundaries
@@ -141,6 +150,19 @@ var Overlay = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Overlay.prototype, "headerHeight", {
+        /**
+         * Height of the optional drag-handle header, or 0 when none is present.
+         * Used to translate between the overlay's outer box and the content area
+         * available to the group beneath the header.
+         */
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.options.header) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Overlay.prototype.setVisible = function (isVisible) {
         if (isVisible === this.isVisible) {
             return;
@@ -213,19 +235,19 @@ var Overlay = /** @class */ (function (_super) {
         var element = this._element.getBoundingClientRect();
         var 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;
@@ -252,9 +274,14 @@ var Overlay = /** @class */ (function (_super) {
         var _this = this;
         if (options === void 0) { options = { inDragMode: false }; }
         var track = function (captureTarget, pointerId) {
+            var _a, _b, _c;
             var offset = null;
             var hasMoved = false;
             _this._dragCancelled = false;
+            // Snapshot once per drag — siblings don't move while this one drags.
+            var siblingBoxes = _this.options.transformDragPosition
+                ? ((_c = (_b = (_a = _this.options).getSiblingBoxes) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : [])
+                : [];
             var iframes = (0, dom_1.disableIframePointEvents)();
             if (captureTarget &&
                 typeof pointerId === 'number' &&
@@ -262,7 +289,7 @@ var Overlay = /** @class */ (function (_super) {
                 try {
                     captureTarget.setPointerCapture(pointerId);
                 }
-                catch (_a) {
+                catch (_d) {
                     // ignore – non-fatal if the browser refuses capture
                 }
             }
@@ -286,7 +313,7 @@ var Overlay = /** @class */ (function (_super) {
                         }
                     }
                 },
-            }, (0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
+            }, (0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
                 if (_this._dragCancelled) {
                     return;
                 }
@@ -295,21 +322,41 @@ var Overlay = /** @class */ (function (_super) {
                 var y = e.clientY - containerRect.top;
                 (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', true);
                 var 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,
+                });
                 var xOffset = Math.max(0, _this.getMinimumWidth(overlayRect.width));
                 var yOffset = Math.max(0, _this.getMinimumHeight(overlayRect.height));
-                var top = (0, math_1.clamp)(y - offset.y, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-                var bottom = (0, math_1.clamp)(offset.y -
-                    y +
-                    containerRect.height -
-                    overlayRect.height, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-                var left = (0, math_1.clamp)(x - offset.x, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
-                var right = (0, math_1.clamp)(offset.x - x + containerRect.width - overlayRect.width, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
+                var proposedTop = y - offset.y;
+                var proposedLeft = x - offset.x;
+                // Let a consumer nudge the proposed position (snapping,
+                // custom bounds) before the container clamp below.
+                if (_this.options.transformDragPosition) {
+                    var adjusted = _this.options.transformDragPosition({
+                        proposed: {
+                            top: proposedTop,
+                            left: proposedLeft,
+                            width: overlayRect.width,
+                            height: overlayRect.height,
+                        },
+                        container: {
+                            width: containerRect.width,
+                            height: containerRect.height,
+                        },
+                        others: siblingBoxes,
+                    });
+                    if (adjusted) {
+                        proposedTop = adjusted.top;
+                        proposedLeft = adjusted.left;
+                    }
+                }
+                var maxTop = Math.max(0, containerRect.height - overlayRect.height + yOffset);
+                var maxLeft = Math.max(0, containerRect.width - overlayRect.width + xOffset);
+                var top = (0, math_1.clamp)(proposedTop, -yOffset, maxTop);
+                var bottom = (0, math_1.clamp)(containerRect.height - overlayRect.height - proposedTop, -yOffset, maxTop);
+                var left = (0, math_1.clamp)(proposedLeft, -xOffset, maxLeft);
+                var right = (0, math_1.clamp)(containerRect.width - overlayRect.width - proposedLeft, -xOffset, maxLeft);
                 var bounds = {};
                 // Anchor to top or to bottom depending on which one is closer
                 if (top <= bottom) {
@@ -330,7 +377,7 @@ var Overlay = /** @class */ (function (_super) {
                     hasMoved = true;
                     _this._onDidStartMoving.fire();
                 }
-            }), (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
+            }), (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
         };
         this.addDisposables((0, events_1.addDisposableListener)(dragTarget, 'pointerdown', function (event) {
             if (event.defaultPrevented) {
@@ -385,20 +432,18 @@ var Overlay = /** @class */ (function (_super) {
                 move.dispose();
                 _this._onDidChangeEnd.fire();
             };
-            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
+            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
                 var containerRect = _this.options.container.getBoundingClientRect();
                 var overlayRect = _this._element.getBoundingClientRect();
                 var y = e.clientY - containerRect.top;
                 var 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,
+                });
                 var top = undefined;
                 var bottom = undefined;
                 var height = undefined;
@@ -413,7 +458,8 @@ var Overlay = /** @class */ (function (_super) {
                         ? Math.max(0, containerRect.height -
                             Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
-                            startPosition.originalHeight -
+                            startPosition
+                                .originalHeight -
                             Overlay.MINIMUM_HEIGHT);
                     top = (0, math_1.clamp)(y, 0, maxTop);
                     height =
@@ -428,8 +474,8 @@ var Overlay = /** @class */ (function (_super) {
                             startPosition.originalHeight;
                     // When dragging bottom handle, constrain height to container height
                     var minHeight = top < 0 &&
-                        typeof _this.options.minimumInViewportHeight ===
-                            'number'
+                        typeof _this.options
+                            .minimumInViewportHeight === 'number'
                         ? -top +
                             _this.options.minimumInViewportHeight
                         : Overlay.MINIMUM_HEIGHT;
@@ -459,8 +505,8 @@ var Overlay = /** @class */ (function (_super) {
                             startPosition.originalWidth;
                     // When dragging right handle, constrain width to container width
                     var minWidth = left < 0 &&
-                        typeof _this.options.minimumInViewportWidth ===
-                            'number'
+                        typeof _this.options
+                            .minimumInViewportWidth === 'number'
                         ? -left +
                             _this.options.minimumInViewportWidth
                         : Overlay.MINIMUM_WIDTH;
@@ -529,7 +575,7 @@ var Overlay = /** @class */ (function (_super) {
                         }
                     }
                 },
-            }, (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
+            }, (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
         }));
     };
     Overlay.prototype.getMinimumWidth = function (width) {

package/dist/cjs/overlay/overlayRenderContainer.js

@@ -38,7 +38,7 @@ var PositionCache = /** @class */ (function () {
     }
     PositionCache.prototype.getPosition = function (element) {
         var 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();
@@ -279,11 +279,10 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
             correctLayerPosition();
         }));
         this.map[panel.api.id].destroy = lifecycle_1.Disposable.from(function () {
-            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(function () {

package/dist/cjs/paneview/draggablePaneviewPanel.d.ts

@@ -18,8 +18,8 @@ export declare abstract class DraggablePaneviewPanel extends PaneviewPanel {
     private pointerTarget;
     private readonly _onDidDrop;
     readonly onDidDrop: Event<PaneviewDidDropEvent>;
-    private readonly _onUnhandledDragOverEvent;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    private readonly _onUnhandledDragOver;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     readonly accessor: IPaneviewComponent;
     constructor(options: {
         accessor: IPaneviewComponent;

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -49,10 +49,10 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
         }) || this;
         _this._onDidDrop = new events_1.Emitter();
         _this.onDidDrop = _this._onDidDrop.event;
-        _this._onUnhandledDragOverEvent = new events_1.Emitter();
-        _this.onUnhandledDragOverEvent = _this._onUnhandledDragOverEvent.event;
+        _this._onUnhandledDragOver = new events_1.Emitter();
+        _this.onUnhandledDragOver = _this._onUnhandledDragOver.event;
         _this.accessor = options.accessor;
-        _this.addDisposables(_this._onDidDrop, _this._onUnhandledDragOverEvent);
+        _this.addDisposables(_this._onDidDrop, _this._onUnhandledDragOver);
         if (!options.disableDnd) {
             _this.initDragFeatures();
         }
@@ -87,7 +87,7 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
                 }
             }
             var firedEvent = new options_1.PaneviewUnhandledDragOverEvent(event, position, dataTransfer_1.getPaneData, _this);
-            _this._onUnhandledDragOverEvent.fire(firedEvent);
+            _this._onUnhandledDragOver.fire(firedEvent);
             return firedEvent.isAccepted;
         };
         var dropTargetOptions = {
@@ -107,7 +107,7 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
     };
     DraggablePaneviewPanel.prototype.onDrop = function (event) {
         var data = (0, dataTransfer_1.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(__assign(__assign({}, event), { panel: this, api: new component_api_1.PaneviewApi(this.accessor), getData: dataTransfer_1.getPaneData }));

package/dist/cjs/paneview/paneviewComponent.d.ts

@@ -74,7 +74,7 @@ export interface IPaneviewComponent extends IDisposable {
     readonly onDidDrop: Event<PaneviewDidDropEvent>;
     readonly onDidLayoutChange: Event<void>;
     readonly onDidLayoutFromJSON: Event<void>;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     addPanel<T extends object = Parameters>(options: AddPaneviewComponentOptions<T>): IPaneviewPanel;
     layout(width: number, height: number): void;
     toJSON(): SerializedPaneview;
@@ -103,8 +103,8 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     readonly onDidAddView: Event<PaneviewPanel>;
     private readonly _onDidRemoveView;
     readonly onDidRemoveView: Event<PaneviewPanel>;
-    private readonly _onUnhandledDragOverEvent;
-    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
+    private readonly _onUnhandledDragOver;
+    readonly onUnhandledDragOver: Event<PaneviewDndOverlayEvent>;
     private readonly _classNames;
     get id(): string;
     get panels(): PaneviewPanel[];

package/dist/cjs/paneview/paneviewComponent.js

@@ -113,11 +113,11 @@ var PaneviewComponent = /** @class */ (function (_super) {
         _this.onDidAddView = _this._onDidAddView.event;
         _this._onDidRemoveView = new events_1.Emitter();
         _this.onDidRemoveView = _this._onDidRemoveView.event;
-        _this._onUnhandledDragOverEvent = new events_1.Emitter();
-        _this.onUnhandledDragOverEvent = _this._onUnhandledDragOverEvent.event;
+        _this._onUnhandledDragOver = new events_1.Emitter();
+        _this.onUnhandledDragOver = _this._onUnhandledDragOver.event;
         _this.element.style.height = '100%';
         _this.element.style.width = '100%';
-        _this.addDisposables(_this._onDidLayoutChange, _this._onDidLayoutfromJSON, _this._onDidDrop, _this._onDidAddView, _this._onDidRemoveView, _this._onUnhandledDragOverEvent);
+        _this.addDisposables(_this._onDidLayoutChange, _this._onDidLayoutfromJSON, _this._onDidDrop, _this._onDidAddView, _this._onDidRemoveView, _this._onUnhandledDragOver);
         _this._classNames = new dom_1.Classnames(_this.element);
         _this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
         // the container is owned by the third-party, do not modify/delete it
@@ -227,9 +227,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                 name: options.headerComponent,
             });
         }
-        if (!header) {
-            header = new defaultPaneviewHeader_1.DefaultHeader();
-        }
+        header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
         var view = new PaneFramework({
             id: options.id,
             component: options.component,
@@ -332,9 +330,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                             name: data.headerComponent,
                         });
                     }
-                    if (!header) {
-                        header = new defaultPaneviewHeader_1.DefaultHeader();
-                    }
+                    header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
                     var panel = new PaneFramework({
                         id: data.id,
                         component: data.component,
@@ -397,8 +393,8 @@ var PaneviewComponent = /** @class */ (function (_super) {
         var _this = this;
         var disposable = new lifecycle_1.CompositeDisposable(panel.onDidDrop(function (event) {
             _this._onDidDrop.fire(event);
-        }), panel.onUnhandledDragOverEvent(function (event) {
-            _this._onUnhandledDragOverEvent.fire(event);
+        }), panel.onUnhandledDragOver(function (event) {
+            _this._onUnhandledDragOver.fire(event);
         }));
         this._viewDisposables.set(panel.id, disposable);
     };