dockview-core 1.9.2 → 1.10.0

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,7 +365,18 @@ 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 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>;
+    /**
+     *
+     */
+    get onWillShowOverlay(): Event<WillShowOverlayLocationEvent>;
     /**
      * Invoked before a group is dragged. Exposed for custom Drag'n'Drop functionality.
      */
@@ -455,14 +467,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,6 +739,29 @@ 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", {
+        /**
+         *
+         */
+        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.
@@ -896,12 +919,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 +933,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;
@@ -62,4 +79,3 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
     isMaximized(): boolean;
     exitMaximized(): void;
 }
-//# sourceMappingURL=dockviewPanelApi.d.ts.map

package/dist/cjs/api/dockviewPanelApi.js

@@ -33,12 +33,21 @@ 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.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;
@@ -67,23 +76,52 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
         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();
+            if (this._group !== value) {
+                this._group = value;
+                this._onDidGroupChange.fire({});
+                var _trackGroupActive_1 = isOldGroupActive; // prevent duplicate events with same state
+                this.groupEventsDisposable.value = new lifecycle_1.CompositeDisposable(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_1 !== _this.isGroupActive) {
+                        _trackGroupActive_1 = _this.isGroupActive;
+                        _this._onDidActiveGroupChange.fire({
+                            isActive: _this.isGroupActive,
+                        });
+                    }
+                }));
+                // if (this.isGroupActive !== isOldGroupActive) {
+                //     this._onDidActiveGroupChange.fire({
+                //         isActive: this.isGroupActive,
+                //     });
+                // }
+                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);
@@ -106,4 +144,3 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
     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 {
@@ -11,6 +11,9 @@ export interface PanelDimensionChangeEvent {
 export interface VisibilityEvent {
     readonly isVisible: boolean;
 }
+export interface HiddenEvent {
+    readonly isHidden: boolean;
+}
 export interface ActiveEvent {
     readonly isActive: boolean;
 }
@@ -19,7 +22,7 @@ export interface PanelApi {
     readonly onDidFocusChange: Event<FocusEvent>;
     readonly onDidVisibilityChange: Event<VisibilityEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
-    setVisible(isVisible: boolean): void;
+    readonly onDidHiddenChange: Event<HiddenEvent>;
     setActive(): void;
     updateParameters(parameters: Parameters): void;
     /**
@@ -38,6 +41,10 @@ export interface PanelApi {
      * Whether the panel is visible
      */
     readonly isVisible: boolean;
+    /**
+     * Whether the panel is hidden
+     */
+    readonly isHidden: boolean;
     /**
      * The panel width in pixels
      */
@@ -46,6 +53,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
@@ -55,6 +66,7 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     private _isFocused;
     private _isActive;
     private _isVisible;
+    private _isHidden;
     private _width;
     private _height;
     private readonly panelUpdatesDisposable;
@@ -62,12 +74,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 _onDidHiddenChange: Emitter<HiddenEvent>;
+    readonly onDidHiddenChange: Event<HiddenEvent>;
     readonly _onDidActiveChange: Emitter<ActiveEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
     readonly _onActiveChange: Emitter<void>;
@@ -77,13 +89,12 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     get isFocused(): boolean;
     get isActive(): boolean;
     get isVisible(): boolean;
+    get isHidden(): boolean;
     get width(): number;
     get height(): number;
     constructor(id: string);
     initialize(panel: IPanel): void;
-    setVisible(isVisible: boolean): void;
+    setHidden(isHidden: 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
  */
@@ -29,38 +37,26 @@ var PanelApiImpl = /** @class */ (function (_super) {
         _this._isFocused = false;
         _this._isActive = false;
         _this._isVisible = true;
+        _this._isHidden = false;
         _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._onDidHiddenChange = new events_1.Emitter();
+        _this.onDidHiddenChange = _this._onDidHiddenChange.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) {
@@ -69,14 +65,15 @@ var PanelApiImpl = /** @class */ (function (_super) {
             _this._isActive = event.isActive;
         }), _this.onDidVisibilityChange(function (event) {
             _this._isVisible = event.isVisible;
+        }), _this.onDidHiddenChange(function (event) {
+            _this._isHidden = event.isHidden;
         }), _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._onDidHiddenChange, _this._onUpdateParameters);
         return _this;
     }
     Object.defineProperty(PanelApiImpl.prototype, "isFocused", {
-        //
         get: function () {
             return this._isFocused;
         },
@@ -97,6 +94,13 @@ var PanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PanelApiImpl.prototype, "isHidden", {
+        get: function () {
+            return this._isHidden;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PanelApiImpl.prototype, "width", {
         get: function () {
             return this._width;
@@ -118,8 +122,8 @@ var PanelApiImpl = /** @class */ (function (_super) {
             });
         });
     };
-    PanelApiImpl.prototype.setVisible = function (isVisible) {
-        this._onVisibilityChange.fire({ isVisible: isVisible });
+    PanelApiImpl.prototype.setHidden = function (isHidden) {
+        this._onDidHiddenChange.fire({ isHidden: isHidden });
     };
     PanelApiImpl.prototype.setActive = function () {
         this._onActiveChange.fire();
@@ -127,10 +131,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