dockview-core 1.9.2 → 1.10.1

package/dist/cjs/api/component.api.d.ts

@@ -1,4 +1,4 @@
-import { DockviewDropEvent, IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
+import { IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
 import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
 import { Parameters } from '../panel/types';
 import { Direction } from '../gridview/baseComponentGridview';
@@ -15,6 +15,7 @@ import { IDockviewPanel } from '../dockview/dockviewPanel';
 import { PaneviewDropEvent } from '../paneview/draggablePaneviewPanel';
 import { GroupDragEvent, TabDragEvent } from '../dockview/components/titlebar/tabsContainer';
 import { Box } from '../types';
+import { DockviewDidDropEvent, DockviewWillDropEvent, WillShowOverlayLocationEvent } from '../dockview/dockviewGroupPanelModel';
 export interface CommonApi<T = any> {
     readonly height: number;
     readonly width: number;
@@ -364,13 +365,32 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
     /**
      * Invoked when a Drag'n'Drop event occurs that the component was unable to handle. Exposed for custom Drag'n'Drop functionality.
      */
-    get onDidDrop(): Event<DockviewDropEvent>;
+    get onDidDrop(): Event<DockviewDidDropEvent>;
     /**
-     * Invoked before a group is dragged. Exposed for custom Drag'n'Drop functionality.
+     * Invoked when a Drag'n'Drop event occurs but before dockview handles it giving the user an opportunity to intecept and
+     * prevent the event from occuring using the standard `preventDefault()` syntax.
+     *
+     * Preventing certain events may causes unexpected behaviours, use carefully.
+     */
+    get onWillDrop(): Event<DockviewWillDropEvent>;
+    /**
+     * Invoked before an overlay is shown indicating a drop target.
+     *
+     * Calling `event.preventDefault()` will prevent the overlay being shown and prevent
+     * the any subsequent drop event.
+     */
+    get onWillShowOverlay(): Event<WillShowOverlayLocationEvent>;
+    /**
+     * Invoked before a group is dragged.
+     *
+     * Calling `event.nativeEvent.preventDefault()` will prevent the group drag starting.
+     *
      */
     get onWillDragGroup(): Event<GroupDragEvent>;
     /**
-     * Invoked before a panel is dragged. Exposed for custom Drag'n'Drop functionality.
+     * Invoked before a panel is dragged.
+     *
+     * Calling `event.nativeEvent.preventDefault()` will prevent the panel drag starting.
      */
     get onWillDragPanel(): Event<TabDragEvent>;
     /**
@@ -455,14 +475,21 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
     moveToPrevious(options?: MovementOptions): void;
     maximizeGroup(panel: IDockviewPanel): void;
     hasMaximizedGroup(): boolean;
-    exitMaxmizedGroup(): void;
-    get onDidMaxmizedGroupChange(): Event<void>;
+    exitMaximizedGroup(): void;
+    get onDidMaximizedGroupChange(): Event<void>;
     /**
      * Add a popout group in a new Window
      */
     addPopoutGroup(item: IDockviewPanel | DockviewGroupPanel, options?: {
         position?: Box;
         popoutUrl?: string;
-    }): void;
+        onDidOpen?: (event: {
+            id: string;
+            window: Window;
+        }) => void;
+        onWillClose?: (event: {
+            id: string;
+            window: Window;
+        }) => void;
+    }): Promise<void>;
 }
-//# sourceMappingURL=component.api.d.ts.map

package/dist/cjs/api/component.api.js

@@ -739,9 +739,38 @@ var DockviewApi = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DockviewApi.prototype, "onWillDrop", {
+        /**
+         * Invoked when a Drag'n'Drop event occurs but before dockview handles it giving the user an opportunity to intecept and
+         * prevent the event from occuring using the standard `preventDefault()` syntax.
+         *
+         * Preventing certain events may causes unexpected behaviours, use carefully.
+         */
+        get: function () {
+            return this.component.onWillDrop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onWillShowOverlay", {
+        /**
+         * Invoked before an overlay is shown indicating a drop target.
+         *
+         * Calling `event.preventDefault()` will prevent the overlay being shown and prevent
+         * the any subsequent drop event.
+         */
+        get: function () {
+            return this.component.onWillShowOverlay;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DockviewApi.prototype, "onWillDragGroup", {
         /**
-         * Invoked before a group is dragged. Exposed for custom Drag'n'Drop functionality.
+         * Invoked before a group is dragged.
+         *
+         * Calling `event.nativeEvent.preventDefault()` will prevent the group drag starting.
+         *
          */
         get: function () {
             return this.component.onWillDragGroup;
@@ -751,7 +780,9 @@ var DockviewApi = /** @class */ (function () {
     });
     Object.defineProperty(DockviewApi.prototype, "onWillDragPanel", {
         /**
-         * Invoked before a panel is dragged. Exposed for custom Drag'n'Drop functionality.
+         * Invoked before a panel is dragged.
+         *
+         * Calling `event.nativeEvent.preventDefault()` will prevent the panel drag starting.
          */
         get: function () {
             return this.component.onWillDragPanel;
@@ -896,12 +927,12 @@ var DockviewApi = /** @class */ (function () {
     DockviewApi.prototype.hasMaximizedGroup = function () {
         return this.component.hasMaximizedGroup();
     };
-    DockviewApi.prototype.exitMaxmizedGroup = function () {
+    DockviewApi.prototype.exitMaximizedGroup = function () {
         this.component.exitMaximizedGroup();
     };
-    Object.defineProperty(DockviewApi.prototype, "onDidMaxmizedGroupChange", {
+    Object.defineProperty(DockviewApi.prototype, "onDidMaximizedGroupChange", {
         get: function () {
-            return this.component.onDidMaxmizedGroupChange;
+            return this.component.onDidMaximizedGroupChange;
         },
         enumerable: false,
         configurable: true
@@ -910,9 +941,8 @@ var DockviewApi = /** @class */ (function () {
      * Add a popout group in a new Window
      */
     DockviewApi.prototype.addPopoutGroup = function (item, options) {
-        this.component.addPopoutGroup(item, options);
+        return this.component.addPopoutGroup(item, options);
     };
     return DockviewApi;
 }());
 exports.DockviewApi = DockviewApi;
-//# sourceMappingURL=component.api.js.map

package/dist/cjs/api/dockviewGroupPanelApi.d.ts

@@ -7,6 +7,10 @@ import { GridviewPanelApi, GridviewPanelApiImpl } from './gridviewPanelApi';
 export interface DockviewGroupPanelApi extends GridviewPanelApi {
     readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
     readonly location: DockviewGroupLocation;
+    /**
+     * If you require the Window object
+     */
+    getWindow(): Window;
     moveTo(options: {
         group?: DockviewGroupPanel;
         position?: Position;
@@ -14,6 +18,7 @@ export interface DockviewGroupPanelApi extends GridviewPanelApi {
     maximize(): void;
     isMaximized(): boolean;
     exitMaximized(): void;
+    close(): void;
 }
 export interface DockviewGroupPanelFloatingChangeEvent {
     readonly location: DockviewGroupLocation;
@@ -25,6 +30,8 @@ export declare class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
     readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
     get location(): DockviewGroupLocation;
     constructor(id: string, accessor: DockviewComponent);
+    close(): void;
+    getWindow(): Window;
     moveTo(options: {
         group?: DockviewGroupPanel;
         position?: Position;
@@ -34,4 +41,3 @@ export declare class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
     exitMaximized(): void;
     initialize(group: DockviewGroupPanel): void;
 }
-//# sourceMappingURL=dockviewGroupPanelApi.d.ts.map

package/dist/cjs/api/dockviewGroupPanelApi.js

@@ -41,6 +41,17 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    DockviewGroupPanelApiImpl.prototype.close = function () {
+        if (!this._group) {
+            return;
+        }
+        return this.accessor.removeGroup(this._group);
+    };
+    DockviewGroupPanelApiImpl.prototype.getWindow = function () {
+        return this.location.type === 'popout'
+            ? this.location.getWindow()
+            : window;
+    };
     DockviewGroupPanelApiImpl.prototype.moveTo = function (options) {
         var _a, _b, _c;
         if (!this._group) {
@@ -48,14 +59,23 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         }
         var group = (_a = options.group) !== null && _a !== void 0 ? _a : this.accessor.addGroup({
             direction: (0, droptarget_1.positionToDirection)((_b = options.position) !== null && _b !== void 0 ? _b : 'right'),
+            skipSetActive: true,
+        });
+        this.accessor.moveGroupOrPanel({
+            from: { groupId: this._group.id },
+            to: {
+                group: group,
+                position: options.group
+                    ? (_c = options.position) !== null && _c !== void 0 ? _c : 'center'
+                    : 'center',
+            },
         });
-        this.accessor.moveGroupOrPanel(group, this._group.id, undefined, options.group ? (_c = options.position) !== null && _c !== void 0 ? _c : 'center' : 'center');
     };
     DockviewGroupPanelApiImpl.prototype.maximize = function () {
         if (!this._group) {
             throw new Error(NOT_INITIALIZED_MESSAGE);
         }
-        if (this.location !== 'grid') {
+        if (this.location.type !== 'grid') {
             // only grid groups can be maximized
             return;
         }
@@ -81,4 +101,3 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
     return DockviewGroupPanelApiImpl;
 }(gridviewPanelApi_1.GridviewPanelApiImpl));
 exports.DockviewGroupPanelApiImpl = DockviewGroupPanelApiImpl;
-//# sourceMappingURL=dockviewGroupPanelApi.js.map

package/dist/cjs/api/dockviewPanelApi.d.ts

@@ -5,20 +5,29 @@ import { DockviewPanel } from '../dockview/dockviewPanel';
 import { DockviewComponent } from '../dockview/dockviewComponent';
 import { Position } from '../dnd/droptarget';
 import { DockviewPanelRenderer } from '../overlayRenderContainer';
+import { DockviewGroupPanelFloatingChangeEvent } from './dockviewGroupPanelApi';
+import { DockviewGroupLocation } from '../dockview/dockviewGroupPanelModel';
 export interface TitleEvent {
     readonly title: string;
 }
 export interface RendererChangedEvent {
-    renderer: DockviewPanelRenderer;
+    readonly renderer: DockviewPanelRenderer;
+}
+export interface ActiveGroupEvent {
+    readonly isActive: boolean;
+}
+export interface GroupChangedEvent {
 }
 export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible' | 'onDidConstraintsChange' | 'setConstraints'> {
     readonly group: DockviewGroupPanel;
     readonly isGroupActive: boolean;
     readonly renderer: DockviewPanelRenderer;
     readonly title: string | undefined;
-    readonly onDidActiveGroupChange: Event<void>;
-    readonly onDidGroupChange: Event<void>;
+    readonly onDidActiveGroupChange: Event<ActiveGroupEvent>;
+    readonly onDidGroupChange: Event<GroupChangedEvent>;
     readonly onDidRendererChange: Event<RendererChangedEvent>;
+    readonly location: DockviewGroupLocation;
+    readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
     close(): void;
     setTitle(title: string): void;
     setRenderer(renderer: DockviewPanelRenderer): void;
@@ -30,6 +39,10 @@ export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible' |
     maximize(): void;
     isMaximized(): boolean;
     exitMaximized(): void;
+    /**
+     * If you require the Window object
+     */
+    getWindow(): Window;
 }
 export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implements DockviewPanelApi {
     private panel;
@@ -38,18 +51,22 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
     readonly _onDidTitleChange: Emitter<TitleEvent>;
     readonly onDidTitleChange: Event<TitleEvent>;
     private readonly _onDidActiveGroupChange;
-    readonly onDidActiveGroupChange: Event<void>;
+    readonly onDidActiveGroupChange: Event<ActiveGroupEvent>;
     private readonly _onDidGroupChange;
-    readonly onDidGroupChange: Event<void>;
+    readonly onDidGroupChange: Event<GroupChangedEvent>;
     readonly _onDidRendererChange: Emitter<RendererChangedEvent>;
     readonly onDidRendererChange: Event<RendererChangedEvent>;
-    private readonly disposable;
+    private readonly _onDidLocationChange;
+    readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
+    private readonly groupEventsDisposable;
+    get location(): DockviewGroupLocation;
     get title(): string | undefined;
     get isGroupActive(): boolean;
     get renderer(): DockviewPanelRenderer;
     set group(value: DockviewGroupPanel);
     get group(): DockviewGroupPanel;
     constructor(panel: DockviewPanel, group: DockviewGroupPanel, accessor: DockviewComponent);
+    getWindow(): Window;
     moveTo(options: {
         group: DockviewGroupPanel;
         position?: Position;
@@ -61,5 +78,5 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
     maximize(): void;
     isMaximized(): boolean;
     exitMaximized(): void;
+    private setupGroupEventListeners;
 }
-//# sourceMappingURL=dockviewPanelApi.d.ts.map

package/dist/cjs/api/dockviewPanelApi.js

@@ -33,12 +33,22 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
         _this.onDidGroupChange = _this._onDidGroupChange.event;
         _this._onDidRendererChange = new events_1.Emitter();
         _this.onDidRendererChange = _this._onDidRendererChange.event;
-        _this.disposable = new lifecycle_1.MutableDisposable();
+        _this._onDidLocationChange = new events_1.Emitter();
+        _this.onDidLocationChange = _this._onDidLocationChange.event;
+        _this.groupEventsDisposable = new lifecycle_1.MutableDisposable();
         _this.initialize(panel);
         _this._group = group;
-        _this.addDisposables(_this.disposable, _this._onDidRendererChange, _this._onDidTitleChange, _this._onDidGroupChange, _this._onDidActiveGroupChange);
+        _this.setupGroupEventListeners();
+        _this.addDisposables(_this.groupEventsDisposable, _this._onDidRendererChange, _this._onDidTitleChange, _this._onDidGroupChange, _this._onDidActiveGroupChange, _this._onDidLocationChange);
         return _this;
     }
+    Object.defineProperty(DockviewPanelApiImpl.prototype, "location", {
+        get: function () {
+            return this.group.api.location;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DockviewPanelApiImpl.prototype, "title", {
         get: function () {
             return this.panel.title;
@@ -65,25 +75,32 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
             return this._group;
         },
         set: function (value) {
-            var _this = this;
-            var isOldGroupActive = this.isGroupActive;
-            this._group = value;
-            this._onDidGroupChange.fire();
-            if (this._group) {
-                this.disposable.value = this._group.api.onDidActiveChange(function () {
-                    _this._onDidActiveGroupChange.fire();
+            var oldGroup = this._group;
+            if (this._group !== value) {
+                this._group = value;
+                this._onDidGroupChange.fire({});
+                this.setupGroupEventListeners(oldGroup);
+                this._onDidLocationChange.fire({
+                    location: this.group.api.location,
                 });
-                if (this.isGroupActive !== isOldGroupActive) {
-                    this._onDidActiveGroupChange.fire();
-                }
             }
         },
         enumerable: false,
         configurable: true
     });
+    DockviewPanelApiImpl.prototype.getWindow = function () {
+        return this.group.api.getWindow();
+    };
     DockviewPanelApiImpl.prototype.moveTo = function (options) {
         var _a;
-        this.accessor.moveGroupOrPanel(options.group, this._group.id, this.panel.id, (_a = options.position) !== null && _a !== void 0 ? _a : 'center', options.index);
+        this.accessor.moveGroupOrPanel({
+            from: { groupId: this._group.id, panelId: this.panel.id },
+            to: {
+                group: options.group,
+                position: (_a = options.position) !== null && _a !== void 0 ? _a : 'center',
+                index: options.index,
+            },
+        });
     };
     DockviewPanelApiImpl.prototype.setTitle = function (title) {
         this.panel.setTitle(title);
@@ -103,7 +120,36 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
     DockviewPanelApiImpl.prototype.exitMaximized = function () {
         this.group.api.exitMaximized();
     };
+    DockviewPanelApiImpl.prototype.setupGroupEventListeners = function (previousGroup) {
+        var _this = this;
+        var _a;
+        var _trackGroupActive = (_a = previousGroup === null || previousGroup === void 0 ? void 0 : previousGroup.isActive) !== null && _a !== void 0 ? _a : false; // prevent duplicate events with same state
+        this.groupEventsDisposable.value = new lifecycle_1.CompositeDisposable(this.group.api.onDidVisibilityChange(function (event) {
+            if (!event.isVisible && _this.isVisible) {
+                _this._onDidVisibilityChange.fire(event);
+            }
+            else if (event.isVisible &&
+                !_this.isVisible &&
+                _this.group.model.isPanelActive(_this.panel)) {
+                _this._onDidVisibilityChange.fire(event);
+            }
+        }), this.group.api.onDidLocationChange(function (event) {
+            if (_this.group !== _this.panel.group) {
+                return;
+            }
+            _this._onDidLocationChange.fire(event);
+        }), this.group.api.onDidActiveChange(function () {
+            if (_this.group !== _this.panel.group) {
+                return;
+            }
+            if (_trackGroupActive !== _this.isGroupActive) {
+                _trackGroupActive = _this.isGroupActive;
+                _this._onDidActiveGroupChange.fire({
+                    isActive: _this.isGroupActive,
+                });
+            }
+        }));
+    };
     return DockviewPanelApiImpl;
 }(gridviewPanelApi_1.GridviewPanelApiImpl));
 exports.DockviewPanelApiImpl = DockviewPanelApiImpl;
-//# sourceMappingURL=dockviewPanelApi.js.map

package/dist/cjs/api/gridviewPanelApi.d.ts

@@ -35,4 +35,3 @@ export declare class GridviewPanelApiImpl extends PanelApiImpl implements Gridvi
     setSize(event: SizeEvent): void;
 }
 export {};
-//# sourceMappingURL=gridviewPanelApi.d.ts.map

package/dist/cjs/api/gridviewPanelApi.js

@@ -24,9 +24,7 @@ var GridviewPanelApiImpl = /** @class */ (function (_super) {
         var _this = _super.call(this, id) || this;
         _this._onDidConstraintsChangeInternal = new events_1.Emitter();
         _this.onDidConstraintsChangeInternal = _this._onDidConstraintsChangeInternal.event;
-        _this._onDidConstraintsChange = new events_1.Emitter({
-            replay: true,
-        });
+        _this._onDidConstraintsChange = new events_1.Emitter();
         _this.onDidConstraintsChange = _this._onDidConstraintsChange.event;
         _this._onDidSizeChange = new events_1.Emitter();
         _this.onDidSizeChange = _this._onDidSizeChange.event;
@@ -45,4 +43,3 @@ var GridviewPanelApiImpl = /** @class */ (function (_super) {
     return GridviewPanelApiImpl;
 }(panelApi_1.PanelApiImpl));
 exports.GridviewPanelApiImpl = GridviewPanelApiImpl;
-//# sourceMappingURL=gridviewPanelApi.js.map

package/dist/cjs/api/panelApi.d.ts

@@ -1,4 +1,4 @@
-import { Emitter, Event } from '../events';
+import { DockviewEvent, Emitter, Event } from '../events';
 import { CompositeDisposable } from '../lifecycle';
 import { IPanel, Parameters } from '../panel/types';
 export interface FocusEvent {
@@ -19,8 +19,8 @@ export interface PanelApi {
     readonly onDidFocusChange: Event<FocusEvent>;
     readonly onDidVisibilityChange: Event<VisibilityEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
-    setVisible(isVisible: boolean): void;
     setActive(): void;
+    setVisible(isVisible: boolean): void;
     updateParameters(parameters: Parameters): void;
     /**
      * The id of the panel that would have been assigned when the panel was created
@@ -46,6 +46,10 @@ export interface PanelApi {
      * The panel height in pixels
      */
     readonly height: number;
+    readonly onWillFocus: Event<WillFocusEvent>;
+}
+export declare class WillFocusEvent extends DockviewEvent {
+    constructor();
 }
 /**
  * A core api implementation that should be used across all panel-like objects
@@ -62,12 +66,12 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     readonly onDidDimensionsChange: Event<PanelDimensionChangeEvent>;
     readonly _onDidChangeFocus: Emitter<FocusEvent>;
     readonly onDidFocusChange: Event<FocusEvent>;
-    readonly _onFocusEvent: Emitter<void>;
-    readonly onFocusEvent: Event<void>;
+    readonly _onWillFocus: Emitter<WillFocusEvent>;
+    readonly onWillFocus: Event<WillFocusEvent>;
     readonly _onDidVisibilityChange: Emitter<VisibilityEvent>;
     readonly onDidVisibilityChange: Event<VisibilityEvent>;
-    readonly _onVisibilityChange: Emitter<VisibilityEvent>;
-    readonly onVisibilityChange: Event<VisibilityEvent>;
+    readonly _onWillVisibilityChange: Emitter<VisibilityEvent>;
+    readonly onWillVisibilityChange: Event<VisibilityEvent>;
     readonly _onDidActiveChange: Emitter<ActiveEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
     readonly _onActiveChange: Emitter<void>;
@@ -84,6 +88,4 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     setVisible(isVisible: boolean): void;
     setActive(): void;
     updateParameters(parameters: Parameters): void;
-    dispose(): void;
 }
-//# sourceMappingURL=panelApi.d.ts.map

package/dist/cjs/api/panelApi.js

@@ -15,9 +15,17 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelApiImpl = void 0;
+exports.PanelApiImpl = exports.WillFocusEvent = void 0;
 var events_1 = require("../events");
 var lifecycle_1 = require("../lifecycle");
+var WillFocusEvent = /** @class */ (function (_super) {
+    __extends(WillFocusEvent, _super);
+    function WillFocusEvent() {
+        return _super.call(this) || this;
+    }
+    return WillFocusEvent;
+}(events_1.DockviewEvent));
+exports.WillFocusEvent = WillFocusEvent;
 /**
  * A core api implementation that should be used across all panel-like objects
  */
@@ -32,35 +40,22 @@ var PanelApiImpl = /** @class */ (function (_super) {
         _this._width = 0;
         _this._height = 0;
         _this.panelUpdatesDisposable = new lifecycle_1.MutableDisposable();
-        _this._onDidDimensionChange = new events_1.Emitter({
-            replay: true,
-        });
+        _this._onDidDimensionChange = new events_1.Emitter();
         _this.onDidDimensionsChange = _this._onDidDimensionChange.event;
-        //
-        _this._onDidChangeFocus = new events_1.Emitter({
-            replay: true,
-        });
+        _this._onDidChangeFocus = new events_1.Emitter();
         _this.onDidFocusChange = _this._onDidChangeFocus.event;
         //
-        _this._onFocusEvent = new events_1.Emitter();
-        _this.onFocusEvent = _this._onFocusEvent.event;
+        _this._onWillFocus = new events_1.Emitter();
+        _this.onWillFocus = _this._onWillFocus.event;
         //
-        _this._onDidVisibilityChange = new events_1.Emitter({
-            replay: true,
-        });
+        _this._onDidVisibilityChange = new events_1.Emitter();
         _this.onDidVisibilityChange = _this._onDidVisibilityChange.event;
-        //
-        _this._onVisibilityChange = new events_1.Emitter();
-        _this.onVisibilityChange = _this._onVisibilityChange.event;
-        //
-        _this._onDidActiveChange = new events_1.Emitter({
-            replay: true,
-        });
+        _this._onWillVisibilityChange = new events_1.Emitter();
+        _this.onWillVisibilityChange = _this._onWillVisibilityChange.event;
+        _this._onDidActiveChange = new events_1.Emitter();
         _this.onDidActiveChange = _this._onDidActiveChange.event;
-        //
         _this._onActiveChange = new events_1.Emitter();
         _this.onActiveChange = _this._onActiveChange.event;
-        //
         _this._onUpdateParameters = new events_1.Emitter();
         _this.onUpdateParameters = _this._onUpdateParameters.event;
         _this.addDisposables(_this.onDidFocusChange(function (event) {
@@ -72,11 +67,10 @@ var PanelApiImpl = /** @class */ (function (_super) {
         }), _this.onDidDimensionsChange(function (event) {
             _this._width = event.width;
             _this._height = event.height;
-        }), _this.panelUpdatesDisposable, _this._onDidDimensionChange, _this._onDidChangeFocus, _this._onDidVisibilityChange, _this._onDidActiveChange, _this._onFocusEvent, _this._onActiveChange, _this._onVisibilityChange, _this._onUpdateParameters);
+        }), _this.panelUpdatesDisposable, _this._onDidDimensionChange, _this._onDidChangeFocus, _this._onDidVisibilityChange, _this._onDidActiveChange, _this._onWillFocus, _this._onActiveChange, _this._onUpdateParameters, _this._onWillFocus, _this._onWillVisibilityChange, _this._onUpdateParameters);
         return _this;
     }
     Object.defineProperty(PanelApiImpl.prototype, "isFocused", {
-        //
         get: function () {
             return this._isFocused;
         },
@@ -119,7 +113,7 @@ var PanelApiImpl = /** @class */ (function (_super) {
         });
     };
     PanelApiImpl.prototype.setVisible = function (isVisible) {
-        this._onVisibilityChange.fire({ isVisible: isVisible });
+        this._onWillVisibilityChange.fire({ isVisible: isVisible });
     };
     PanelApiImpl.prototype.setActive = function () {
         this._onActiveChange.fire();
@@ -127,10 +121,6 @@ var PanelApiImpl = /** @class */ (function (_super) {
     PanelApiImpl.prototype.updateParameters = function (parameters) {
         this._onUpdateParameters.fire(parameters);
     };
-    PanelApiImpl.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-    };
     return PanelApiImpl;
 }(lifecycle_1.CompositeDisposable));
 exports.PanelApiImpl = PanelApiImpl;
-//# sourceMappingURL=panelApi.js.map

package/dist/cjs/api/paneviewPanelApi.d.ts

@@ -24,4 +24,3 @@ export declare class PaneviewPanelApiImpl extends SplitviewPanelApiImpl implemen
     setExpanded(isExpanded: boolean): void;
     get isExpanded(): boolean;
 }
-//# sourceMappingURL=paneviewPanelApi.d.ts.map

package/dist/cjs/api/paneviewPanelApi.js

@@ -55,4 +55,3 @@ var PaneviewPanelApiImpl = /** @class */ (function (_super) {
     return PaneviewPanelApiImpl;
 }(splitviewPanelApi_1.SplitviewPanelApiImpl));
 exports.PaneviewPanelApiImpl = PaneviewPanelApiImpl;
-//# sourceMappingURL=paneviewPanelApi.js.map

package/dist/cjs/api/splitviewPanelApi.d.ts

@@ -30,4 +30,3 @@ export declare class SplitviewPanelApiImpl extends PanelApiImpl implements Split
     setSize(event: PanelSizeEvent): void;
 }
 export {};
-//# sourceMappingURL=splitviewPanelApi.d.ts.map

package/dist/cjs/api/splitviewPanelApi.js

@@ -45,4 +45,3 @@ var SplitviewPanelApiImpl = /** @class */ (function (_super) {
     return SplitviewPanelApiImpl;
 }(panelApi_1.PanelApiImpl));
 exports.SplitviewPanelApiImpl = SplitviewPanelApiImpl;
-//# sourceMappingURL=splitviewPanelApi.js.map

package/dist/cjs/array.d.ts

@@ -11,4 +11,3 @@ export declare function pushToStart<T>(arr: T[], value: T): void;
 export declare function pushToEnd<T>(arr: T[], value: T): void;
 export declare function firstIndex<T>(array: T[] | ReadonlyArray<T>, fn: (item: T) => boolean): number;
 export declare function remove<T>(array: T[], value: T): boolean;
-//# sourceMappingURL=array.d.ts.map

package/dist/cjs/array.js

@@ -65,4 +65,3 @@ function remove(array, value) {
     return false;
 }
 exports.remove = remove;
-//# sourceMappingURL=array.js.map

package/dist/cjs/constants.d.ts

@@ -3,4 +3,3 @@ export declare const DEFAULT_FLOATING_GROUP_POSITION: {
     left: number;
     top: number;
 };
-//# sourceMappingURL=constants.d.ts.map

package/dist/cjs/constants.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_FLOATING_GROUP_POSITION = exports.DEFAULT_FLOATING_GROUP_OVERFLOW_SIZE = void 0;
 exports.DEFAULT_FLOATING_GROUP_OVERFLOW_SIZE = 100;
 exports.DEFAULT_FLOATING_GROUP_POSITION = { left: 100, top: 100 };
-//# sourceMappingURL=constants.js.map

package/dist/cjs/dnd/abstractDragHandler.d.ts

@@ -10,4 +10,3 @@ export declare abstract class DragHandler extends CompositeDisposable {
     protected isCancelled(_event: DragEvent): boolean;
     private configure;
 }
-//# sourceMappingURL=abstractDragHandler.d.ts.map

package/dist/cjs/dnd/abstractDragHandler.js

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

package/dist/cjs/dnd/dataTransfer.d.ts

@@ -28,4 +28,3 @@ export declare class LocalSelectionTransfer<T> {
 export declare function getPanelData(): PanelTransfer | undefined;
 export declare function getPaneData(): PaneTransfer | undefined;
 export {};
-//# sourceMappingURL=dataTransfer.d.ts.map

package/dist/cjs/dnd/dataTransfer.js

@@ -97,4 +97,3 @@ function getPaneData() {
     return paneTransfer.getData(PaneTransfer.prototype)[0];
 }
 exports.getPaneData = getPaneData;
-//# sourceMappingURL=dataTransfer.js.map