dockview-core 1.9.2 → 1.10.0

package/dist/cjs/gridview/gridview.js

@@ -47,7 +47,7 @@ function findLeaf(candiateNode, last) {
 }
 function flipNode(node, size, orthogonalSize) {
     if (node instanceof branchNode_1.BranchNode) {
-        var result = new branchNode_1.BranchNode((0, exports.orthogonal)(node.orientation), node.proportionalLayout, node.styles, size, orthogonalSize);
+        var result = new branchNode_1.BranchNode((0, exports.orthogonal)(node.orientation), node.proportionalLayout, node.styles, size, orthogonalSize, node.disabled);
         var totalSize = 0;
         for (var i = node.children.length - 1; i >= 0; i--) {
             var child = node.children[i];
@@ -165,15 +165,16 @@ var Gridview = /** @class */ (function () {
     function Gridview(proportionalLayout, styles, orientation) {
         this.proportionalLayout = proportionalLayout;
         this.styles = styles;
+        this._locked = false;
         this._maximizedNode = undefined;
         this.disposable = new lifecycle_1.MutableDisposable();
         this._onDidChange = new events_1.Emitter();
         this.onDidChange = this._onDidChange.event;
-        this._onDidMaxmizedNodeChange = new events_1.Emitter();
-        this.onDidMaxmizedNodeChange = this._onDidMaxmizedNodeChange.event;
+        this._onDidMaximizedNodeChange = new events_1.Emitter();
+        this.onDidMaximizedNodeChange = this._onDidMaximizedNodeChange.event;
         this.element = document.createElement('div');
         this.element.className = 'grid-view';
-        this.root = new branchNode_1.BranchNode(orientation, proportionalLayout, styles, 0, 0);
+        this.root = new branchNode_1.BranchNode(orientation, proportionalLayout, styles, 0, 0, this._locked);
     }
     Object.defineProperty(Gridview.prototype, "length", {
         get: function () {
@@ -239,31 +240,61 @@ var Gridview = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Gridview.prototype, "locked", {
+        get: function () {
+            return this._locked;
+        },
+        set: function (value) {
+            this._locked = value;
+            var branch = [this.root];
+            /**
+             * simple depth-first-search to cover all nodes
+             *
+             * @see https://en.wikipedia.org/wiki/Depth-first_search
+             */
+            while (branch.length > 0) {
+                var node = branch.pop();
+                if (node instanceof branchNode_1.BranchNode) {
+                    node.disabled = value;
+                    branch.push.apply(branch, __spreadArray([], __read(node.children), false));
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Gridview.prototype.maximizedView = function () {
         var _a;
-        return (_a = this._maximizedNode) === null || _a === void 0 ? void 0 : _a.view;
+        return (_a = this._maximizedNode) === null || _a === void 0 ? void 0 : _a.leaf.view;
     };
     Gridview.prototype.hasMaximizedView = function () {
         return this._maximizedNode !== undefined;
     };
     Gridview.prototype.maximizeView = function (view) {
+        var _a;
         var location = getGridLocation(view.element);
-        var _a = __read(this.getNode(location), 2), _ = _a[0], node = _a[1];
+        var _b = __read(this.getNode(location), 2), _ = _b[0], node = _b[1];
         if (!(node instanceof leafNode_1.LeafNode)) {
             return;
         }
-        if (this._maximizedNode === node) {
+        if (((_a = this._maximizedNode) === null || _a === void 0 ? void 0 : _a.leaf) === node) {
             return;
         }
         if (this.hasMaximizedView()) {
             this.exitMaximizedView();
         }
+        var hiddenOnMaximize = [];
         function hideAllViewsBut(parent, exclude) {
             for (var i = 0; i < parent.children.length; i++) {
                 var child = parent.children[i];
                 if (child instanceof leafNode_1.LeafNode) {
                     if (child !== exclude) {
-                        parent.setChildVisible(i, false);
+                        if (parent.isChildVisible(i)) {
+                            parent.setChildVisible(i, false);
+                        }
+                        else {
+                            hiddenOnMaximize.push(child);
+                        }
                     }
                 }
                 else {
@@ -272,18 +303,21 @@ var Gridview = /** @class */ (function () {
             }
         }
         hideAllViewsBut(this.root, node);
-        this._maximizedNode = node;
-        this._onDidMaxmizedNodeChange.fire();
+        this._maximizedNode = { leaf: node, hiddenOnMaximize: hiddenOnMaximize };
+        this._onDidMaximizedNodeChange.fire();
     };
     Gridview.prototype.exitMaximizedView = function () {
         if (!this._maximizedNode) {
             return;
         }
+        var hiddenOnMaximize = this._maximizedNode.hiddenOnMaximize;
         function showViewsInReverseOrder(parent) {
             for (var index = parent.children.length - 1; index >= 0; index--) {
                 var child = parent.children[index];
                 if (child instanceof leafNode_1.LeafNode) {
-                    parent.setChildVisible(index, true);
+                    if (!hiddenOnMaximize.includes(child)) {
+                        parent.setChildVisible(index, true);
+                    }
                 }
                 else {
                     showViewsInReverseOrder(child);
@@ -292,13 +326,13 @@ var Gridview = /** @class */ (function () {
         }
         showViewsInReverseOrder(this.root);
         this._maximizedNode = undefined;
-        this._onDidMaxmizedNodeChange.fire();
+        this._onDidMaximizedNodeChange.fire();
     };
     Gridview.prototype.serialize = function () {
         if (this.hasMaximizedView()) {
             /**
-             * do not persist maximized view state but we must first exit any maximized views
-             * before serialization to ensure the correct dimensions are persisted
+             * do not persist maximized view state
+             * firstly exit any maximized views to ensure the correct dimensions are persisted
              */
             this.exitMaximizedView();
         }
@@ -313,14 +347,14 @@ var Gridview = /** @class */ (function () {
     Gridview.prototype.dispose = function () {
         this.disposable.dispose();
         this._onDidChange.dispose();
-        this._onDidMaxmizedNodeChange.dispose();
+        this._onDidMaximizedNodeChange.dispose();
         this.root.dispose();
         this._maximizedNode = undefined;
         this.element.remove();
     };
     Gridview.prototype.clear = function () {
         var orientation = this.root.orientation;
-        this.root = new branchNode_1.BranchNode(orientation, this.proportionalLayout, this.styles, this.root.size, this.root.orthogonalSize);
+        this.root = new branchNode_1.BranchNode(orientation, this.proportionalLayout, this.styles, this.root.size, this.root.orthogonalSize, this._locked);
     };
     Gridview.prototype.deserialize = function (json, deserializer) {
         var orientation = json.orientation;
@@ -342,8 +376,8 @@ var Gridview = /** @class */ (function () {
                 };
             });
             result = new branchNode_1.BranchNode(orientation, this.proportionalLayout, this.styles, node.size, // <- orthogonal size - flips at each depth
-            orthogonalSize, // <- size - flips at each depth
-            children);
+            orthogonalSize, // <- size - flips at each depth,
+            this._locked, children);
         }
         else {
             result = new leafNode_1.LeafNode(deserializer.fromJSON(node), orientation, orthogonalSize, node.size);
@@ -382,7 +416,7 @@ var Gridview = /** @class */ (function () {
         }
         var oldRoot = this.root;
         oldRoot.element.remove();
-        this._root = new branchNode_1.BranchNode((0, exports.orthogonal)(oldRoot.orientation), this.proportionalLayout, this.styles, this.root.orthogonalSize, this.root.size);
+        this._root = new branchNode_1.BranchNode((0, exports.orthogonal)(oldRoot.orientation), this.proportionalLayout, this.styles, this.root.orthogonalSize, this.root.size, this._locked);
         if (oldRoot.children.length === 0) {
             // no data so no need to add anything back in
         }
@@ -499,7 +533,7 @@ var Gridview = /** @class */ (function () {
             }
             var child = grandParent.removeChild(parentIndex);
             child.dispose();
-            var newParent = new branchNode_1.BranchNode(parent.orientation, this.proportionalLayout, this.styles, parent.size, parent.orthogonalSize);
+            var newParent = new branchNode_1.BranchNode(parent.orientation, this.proportionalLayout, this.styles, parent.size, parent.orthogonalSize, this._locked);
             grandParent.addChild(newParent, parent.size, parentIndex);
             var newSibling = new leafNode_1.LeafNode(parent.view, grandParent.orientation, parent.size);
             newParent.addChild(newSibling, newSiblingSize, 0);
@@ -625,4 +659,3 @@ var Gridview = /** @class */ (function () {
     return Gridview;
 }());
 exports.Gridview = Gridview;
-//# sourceMappingURL=gridview.js.map

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

@@ -5,7 +5,7 @@ import { BaseGrid, Direction, IBaseGrid, IGridPanelView } from './baseComponentG
 import { GridviewPanel, GridviewInitParameters, GridPanelViewState, IGridviewPanel } from './gridviewPanel';
 import { BaseComponentOptions, Parameters } from '../panel/types';
 import { Orientation, Sizing } from '../splitview/splitview';
-import { Event } from '../events';
+import { Emitter, Event } from '../events';
 import { Position } from '../dnd/droptarget';
 export interface SerializedGridviewComponent {
     grid: SerializedGridview<GridPanelViewState>;
@@ -42,12 +42,21 @@ export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     }): void;
     setVisible(panel: IGridviewPanel, visible: boolean): void;
     setActive(panel: IGridviewPanel): void;
+    readonly onDidRemoveGroup: Event<GridviewPanel>;
+    readonly onDidAddGroup: Event<GridviewPanel>;
+    readonly onDidActiveGroupChange: Event<GridviewPanel | undefined>;
 }
 export declare class GridviewComponent extends BaseGrid<GridviewPanel> implements IGridviewComponent {
     private _options;
     private _deserializer;
     private readonly _onDidLayoutfromJSON;
     readonly onDidLayoutFromJSON: Event<void>;
+    private readonly _onDidRemoveGroup;
+    readonly onDidRemoveGroup: Event<GridviewPanel>;
+    protected readonly _onDidAddGroup: Emitter<GridviewPanel<import("../api/gridviewPanelApi").GridviewPanelApiImpl>>;
+    readonly onDidAddGroup: Event<GridviewPanel>;
+    private readonly _onDidActiveGroupChange;
+    readonly onDidActiveGroupChange: Event<GridviewPanel | undefined>;
     get orientation(): Orientation;
     set orientation(value: Orientation);
     get options(): GridviewComponentOptions;
@@ -78,4 +87,3 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
     removeGroup(group: GridviewPanel): void;
     dispose(): void;
 }
-//# sourceMappingURL=gridviewComponent.d.ts.map

package/dist/cjs/gridview/gridviewComponent.js

@@ -72,7 +72,20 @@ var GridviewComponent = /** @class */ (function (_super) {
         }) || this;
         _this._onDidLayoutfromJSON = new events_1.Emitter();
         _this.onDidLayoutFromJSON = _this._onDidLayoutfromJSON.event;
+        _this._onDidRemoveGroup = new events_1.Emitter();
+        _this.onDidRemoveGroup = _this._onDidRemoveGroup.event;
+        _this._onDidAddGroup = new events_1.Emitter();
+        _this.onDidAddGroup = _this._onDidAddGroup.event;
+        _this._onDidActiveGroupChange = new events_1.Emitter();
+        _this.onDidActiveGroupChange = _this._onDidActiveGroupChange.event;
         _this._options = options;
+        _this.addDisposables(_this._onDidAddGroup, _this._onDidRemoveGroup, _this._onDidActiveGroupChange, _this.onDidAdd(function (event) {
+            _this._onDidAddGroup.fire(event);
+        }), _this.onDidRemove(function (event) {
+            _this._onDidRemoveGroup.fire(event);
+        }), _this.onDidActiveChange(function (event) {
+            _this._onDidActiveGroupChange.fire(event);
+        }));
         if (!_this.options.components) {
             _this.options.components = {};
         }
@@ -300,6 +313,7 @@ var GridviewComponent = /** @class */ (function (_super) {
         });
         this.registerPanel(view);
         this.doAddGroup(view, relativeLocation, options.size);
+        this.doSetGroupActive(view);
         return view;
     };
     GridviewComponent.prototype.registerPanel = function (panel) {
@@ -360,4 +374,3 @@ var GridviewComponent = /** @class */ (function (_super) {
     return GridviewComponent;
 }(baseComponentGridview_1.BaseGrid));
 exports.GridviewComponent = GridviewComponent;
-//# sourceMappingURL=gridviewComponent.js.map

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

@@ -1,10 +1,11 @@
 import { PanelInitParameters } from '../panel/types';
-import { GridviewComponent, IGridPanelComponentView } from './gridviewComponent';
+import { IGridPanelComponentView } from './gridviewComponent';
 import { BasePanelView, BasePanelViewExported, BasePanelViewState } from './basePanelView';
 import { GridviewPanelApi, GridviewPanelApiImpl } from '../api/gridviewPanelApi';
 import { LayoutPriority } from '../splitview/splitview';
 import { Event } from '../events';
 import { IViewSize } from './gridview';
+import { BaseGrid, IGridPanelView } from './baseComponentGridview';
 export interface GridviewInitParameters extends PanelInitParameters {
     minimumWidth?: number;
     maximumWidth?: number;
@@ -12,7 +13,7 @@ export interface GridviewInitParameters extends PanelInitParameters {
     maximumHeight?: number;
     priority?: LayoutPriority;
     snap?: boolean;
-    accessor: GridviewComponent;
+    accessor: BaseGrid<IGridPanelView>;
     isVisible?: boolean;
 }
 export interface IGridviewPanel<T extends GridviewPanelApi = GridviewPanelApi> extends BasePanelViewExported<T> {
@@ -63,4 +64,3 @@ export interface GridPanelViewState extends BasePanelViewState {
     snap?: boolean;
     priority?: LayoutPriority;
 }
-//# sourceMappingURL=gridviewPanel.d.ts.map

package/dist/cjs/gridview/gridviewPanel.js

@@ -58,13 +58,13 @@ var GridviewPanel = /** @class */ (function (_super) {
             _this._maximumHeight = options.maximumHeight;
         }
         _this.api.initialize(_this); // TODO: required to by-pass 'super before this' requirement
-        _this.addDisposables(_this.api.onVisibilityChange(function (event) {
-            var isVisible = event.isVisible;
+        _this.addDisposables(_this.api.onDidHiddenChange(function (event) {
+            var isHidden = event.isHidden;
             var accessor = _this._params.accessor;
-            accessor.setVisible(_this, isVisible);
+            accessor.setVisible(_this, !isHidden);
         }), _this.api.onActiveChange(function () {
             var accessor = _this._params.accessor;
-            accessor.setActive(_this);
+            accessor.doSetGroupActive(_this);
         }), _this.api.onDidConstraintsChangeInternal(function (event) {
             if (typeof event.minimumWidth === 'number' ||
                 typeof event.minimumWidth === 'function') {
@@ -212,4 +212,3 @@ var GridviewPanel = /** @class */ (function (_super) {
     return GridviewPanel;
 }(basePanelView_1.BasePanelView));
 exports.GridviewPanel = GridviewPanel;
-//# sourceMappingURL=gridviewPanel.js.map

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

@@ -32,4 +32,3 @@ export declare class LeafNode implements IView {
     layout(size: number, orthogonalSize: number): void;
     dispose(): void;
 }
-//# sourceMappingURL=leafNode.d.ts.map

package/dist/cjs/gridview/leafNode.js

@@ -167,4 +167,3 @@ var LeafNode = /** @class */ (function () {
     return LeafNode;
 }());
 exports.LeafNode = LeafNode;
-//# sourceMappingURL=leafNode.js.map

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

@@ -13,6 +13,5 @@ export interface GridviewComponentOptions {
     };
     frameworkComponentFactory?: FrameworkFactory<GridviewPanel>;
     styles?: ISplitviewStyles;
-    parentElement?: HTMLElement;
+    parentElement: HTMLElement;
 }
-//# sourceMappingURL=options.d.ts.map

package/dist/cjs/gridview/options.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=options.js.map

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

@@ -1,4 +1,3 @@
 import { BranchNode } from './branchNode';
 import { LeafNode } from './leafNode';
 export type Node = BranchNode | LeafNode;
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/gridview/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/index.d.ts

@@ -8,9 +8,10 @@ export { IDisposable as IDockviewDisposable, MutableDisposable as DockviewMutabl
 export * from './panel/types';
 export * from './panel/componentFactory';
 export * from './splitview/splitview';
-export * from './splitview/options';
+export { SplitviewComponentOptions, PanelViewInitParameters, } from './splitview/options';
 export * from './paneview/paneview';
 export * from './gridview/gridview';
+export { GridviewComponentOptions } from './gridview/options';
 export * from './dockview/dockviewGroupPanelModel';
 export * from './gridview/baseComponentGridview';
 export * from './paneview/draggablePaneviewPanel';
@@ -41,4 +42,3 @@ export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from '
 export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
 export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, } from './api/dockviewGroupPanelApi';
 export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.js

@@ -29,7 +29,6 @@ Object.defineProperty(exports, "DockviewCompositeDisposable", { enumerable: true
 __exportStar(require("./panel/types"), exports);
 __exportStar(require("./panel/componentFactory"), exports);
 __exportStar(require("./splitview/splitview"), exports);
-__exportStar(require("./splitview/options"), exports);
 __exportStar(require("./paneview/paneview"), exports);
 __exportStar(require("./gridview/gridview"), exports);
 __exportStar(require("./dockview/dockviewGroupPanelModel"), exports);
@@ -59,4 +58,3 @@ Object.defineProperty(exports, "SplitviewApi", { enumerable: true, get: function
 Object.defineProperty(exports, "PaneviewApi", { enumerable: true, get: function () { return component_api_1.PaneviewApi; } });
 Object.defineProperty(exports, "GridviewApi", { enumerable: true, get: function () { return component_api_1.GridviewApi; } });
 Object.defineProperty(exports, "DockviewApi", { enumerable: true, get: function () { return component_api_1.DockviewApi; } });
-//# sourceMappingURL=index.js.map

package/dist/cjs/lifecycle.d.ts

@@ -10,9 +10,9 @@ export declare namespace Disposable {
     function from(func: () => void): IDisposable;
 }
 export declare class CompositeDisposable {
-    private readonly _disposables;
+    private _disposables;
     private _isDisposed;
-    protected get isDisposed(): boolean;
+    get isDisposed(): boolean;
     constructor(...args: IDisposable[]);
     addDisposables(...args: IDisposable[]): void;
     dispose(): void;
@@ -22,4 +22,3 @@ export declare class MutableDisposable implements IDisposable {
     set value(disposable: IDisposable);
     dispose(): void;
 }
-//# sourceMappingURL=lifecycle.d.ts.map

package/dist/cjs/lifecycle.js

@@ -42,8 +42,12 @@ var CompositeDisposable = /** @class */ (function () {
         args.forEach(function (arg) { return _this._disposables.push(arg); });
     };
     CompositeDisposable.prototype.dispose = function () {
-        this._disposables.forEach(function (arg) { return arg.dispose(); });
+        if (this._isDisposed) {
+            return;
+        }
         this._isDisposed = true;
+        this._disposables.forEach(function (arg) { return arg.dispose(); });
+        this._disposables = [];
     };
     return CompositeDisposable;
 }());
@@ -71,4 +75,3 @@ var MutableDisposable = /** @class */ (function () {
     return MutableDisposable;
 }());
 exports.MutableDisposable = MutableDisposable;
-//# sourceMappingURL=lifecycle.js.map

package/dist/cjs/math.d.ts

@@ -3,4 +3,3 @@ export declare const sequentialNumberGenerator: () => {
     next: () => string;
 };
 export declare const range: (from: number, to?: number) => number[];
-//# sourceMappingURL=math.d.ts.map

package/dist/cjs/math.js

@@ -32,4 +32,3 @@ var range = function (from, to) {
     return result;
 };
 exports.range = range;
-//# sourceMappingURL=math.js.map

package/dist/cjs/overlayRenderContainer.d.ts

@@ -9,6 +9,7 @@ export interface IRenderable {
 export declare class OverlayRenderContainer extends CompositeDisposable {
     private readonly element;
     private readonly map;
+    private _disposed;
     constructor(element: HTMLElement);
     detatch(panel: IDockviewPanel): boolean;
     attach(options: {
@@ -16,4 +17,3 @@ export declare class OverlayRenderContainer extends CompositeDisposable {
         referenceContainer: IRenderable;
     }): HTMLElement;
 }
-//# sourceMappingURL=overlayRenderContainer.d.ts.map

package/dist/cjs/overlayRenderContainer.js

@@ -41,6 +41,7 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.element = element;
         _this.map = {};
+        _this._disposed = false;
         _this.addDisposables(lifecycle_1.Disposable.from(function () {
             var e_1, _a;
             try {
@@ -57,6 +58,7 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
                 }
                 finally { if (e_1) throw e_1.error; }
             }
+            _this._disposed = true;
         }));
         return _this;
     }
@@ -98,7 +100,7 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
             focusContainer.style.top = "".concat(box.top - box2.top, "px");
             focusContainer.style.width = "".concat(box.width, "px");
             focusContainer.style.height = "".concat(box.height, "px");
-            (0, dom_1.toggleClass)(focusContainer, 'dv-render-overlay-float', panel.group.api.location === 'floating');
+            (0, dom_1.toggleClass)(focusContainer, 'dv-render-overlay-float', panel.group.api.location.type === 'floating');
         };
         var visibilityChanged = function () {
             if (panel.api.isVisible) {
@@ -144,8 +146,11 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
             resize();
         }));
         this.map[panel.api.id].destroy = lifecycle_1.Disposable.from(function () {
-            focusContainer.removeChild(panel.view.content.element);
-            _this.element.removeChild(focusContainer);
+            var _a;
+            if (panel.view.content.element.parentElement === focusContainer) {
+                focusContainer.removeChild(panel.view.content.element);
+            }
+            (_a = focusContainer.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(focusContainer);
         });
         queueMicrotask(function () {
             if (_this.isDisposed) {
@@ -167,4 +172,3 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
     return OverlayRenderContainer;
 }(lifecycle_1.CompositeDisposable));
 exports.OverlayRenderContainer = OverlayRenderContainer;
-//# sourceMappingURL=overlayRenderContainer.js.map

package/dist/cjs/panel/componentFactory.d.ts

@@ -9,4 +9,3 @@ export declare function createComponent<T>(id: string, componentName?: string, c
 }, frameworkComponents?: {
     [componentName: string]: any;
 }, createFrameworkComponent?: FrameworkFactory<T>, fallback?: () => T): T;
-//# sourceMappingURL=componentFactory.d.ts.map

package/dist/cjs/panel/componentFactory.js

@@ -28,4 +28,3 @@ function createComponent(id, componentName, components, frameworkComponents, cre
     return new Component(id, componentName);
 }
 exports.createComponent = createComponent;
-//# sourceMappingURL=componentFactory.js.map

package/dist/cjs/panel/types.d.ts

@@ -18,7 +18,7 @@ export interface IPanel extends IDisposable {
     layout(width: number, height: number): void;
     update(event: PanelUpdateEvent<Parameters>): void;
     toJSON(): object;
-    focus?(): void;
+    focus(): void;
 }
 export interface IFrameworkPart extends IDisposable {
     update(params: Parameters): void;
@@ -31,4 +31,3 @@ export interface BaseComponentOptions<T extends object = Parameters> {
     priority?: LayoutPriority;
     size?: number;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/panel/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

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

@@ -19,4 +19,3 @@ export declare class DefaultHeader extends CompositeDisposable implements IPaneH
     update(_params: PanelUpdateEvent): void;
     dispose(): void;
 }
-//# sourceMappingURL=defaultPaneviewHeader.d.ts.map

package/dist/cjs/paneview/defaultPaneviewHeader.js

@@ -88,4 +88,3 @@ var DefaultHeader = /** @class */ (function (_super) {
     return DefaultHeader;
 }(lifecycle_1.CompositeDisposable));
 exports.DefaultHeader = DefaultHeader;
-//# sourceMappingURL=defaultPaneviewHeader.js.map

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

@@ -19,4 +19,3 @@ export declare abstract class DraggablePaneviewPanel extends PaneviewPanel {
     private initDragFeatures;
     private onDrop;
 }
-//# sourceMappingURL=draggablePaneviewPanel.d.ts.map

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -129,4 +129,3 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
     return DraggablePaneviewPanel;
 }(paneviewPanel_1.PaneviewPanel));
 exports.DraggablePaneviewPanel = DraggablePaneviewPanel;
-//# sourceMappingURL=draggablePaneviewPanel.js.map

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

@@ -21,6 +21,5 @@ export interface PaneviewComponentOptions {
     };
     disableDnd?: boolean;
     showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
-    parentElement?: HTMLElement;
+    parentElement: HTMLElement;
 }
-//# sourceMappingURL=options.d.ts.map

package/dist/cjs/paneview/options.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=options.js.map

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

@@ -38,4 +38,3 @@ export declare class Paneview extends CompositeDisposable implements IDisposable
     dispose(): void;
 }
 export {};
-//# sourceMappingURL=paneview.d.ts.map

package/dist/cjs/paneview/paneview.js

@@ -198,4 +198,3 @@ var Paneview = /** @class */ (function (_super) {
     return Paneview;
 }(lifecycle_1.CompositeDisposable));
 exports.Paneview = Paneview;
-//# sourceMappingURL=paneview.js.map

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

@@ -126,4 +126,3 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     private doRemovePanel;
     dispose(): void;
 }
-//# sourceMappingURL=paneviewComponent.d.ts.map

package/dist/cjs/paneview/paneviewComponent.js

@@ -398,4 +398,3 @@ var PaneviewComponent = /** @class */ (function (_super) {
     return PaneviewComponent;
 }(resizable_1.Resizable));
 exports.PaneviewComponent = PaneviewComponent;
-//# sourceMappingURL=paneviewComponent.js.map

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

@@ -90,4 +90,3 @@ export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelA
     protected abstract getBodyComponent(): IPaneBodyPart;
     protected abstract getHeaderComponent(): IPaneHeaderPart;
 }
-//# sourceMappingURL=paneviewPanel.d.ts.map

package/dist/cjs/paneview/paneviewPanel.js

@@ -273,4 +273,3 @@ var PaneviewPanel = /** @class */ (function (_super) {
     return PaneviewPanel;
 }(basePanelView_1.BasePanelView));
 exports.PaneviewPanel = PaneviewPanel;
-//# sourceMappingURL=paneviewPanel.js.map

package/dist/cjs/popoutWindow.d.ts

@@ -2,17 +2,28 @@ import { CompositeDisposable } from './lifecycle';
 import { Box } from './types';
 export type PopoutWindowOptions = {
     url: string;
+    onDidOpen?: (event: {
+        id: string;
+        window: Window;
+    }) => void;
+    onWillClose?: (event: {
+        id: string;
+        window: Window;
+    }) => void;
 } & Box;
 export declare class PopoutWindow extends CompositeDisposable {
-    private readonly id;
+    private readonly target;
     private readonly className;
     private readonly options;
+    private readonly _onWillClose;
+    readonly onWillClose: import("./events").Event<void>;
     private readonly _onDidClose;
     readonly onDidClose: import("./events").Event<void>;
     private _window;
-    constructor(id: string, className: string, options: PopoutWindowOptions);
+    get window(): Window | null;
+    constructor(target: string, className: string, options: PopoutWindowOptions);
     dimensions(): Box | null;
     close(): void;
-    open(content: HTMLElement): void;
+    open(): Promise<HTMLElement | null>;
+    private createPopoutWindowContainer;
 }
-//# sourceMappingURL=popoutWindow.d.ts.map