dockview-core 1.17.2 → 2.1.0

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

@@ -8,6 +8,10 @@ import { MovementOptions2 } from '../dockview/options';
 import { Resizable } from '../resizable';
 export type Direction = 'left' | 'right' | 'above' | 'below' | 'within';
 export declare function toTarget(direction: Direction): Position;
+export interface MaximizedChanged<T extends IGridPanelView> {
+    panel: T;
+    isMaximized: boolean;
+}
 export interface BaseGridOptions {
     readonly proportionalLayout: boolean;
     readonly orientation: Orientation;
@@ -33,6 +37,8 @@ export interface IBaseGrid<T extends IGridPanelView> extends IDisposable {
     readonly activeGroup: T | undefined;
     readonly size: number;
     readonly groups: T[];
+    readonly onDidMaximizedChange: Event<MaximizedChanged<T>>;
+    readonly onDidLayoutChange: Event<void>;
     getPanel(id: string): T | undefined;
     toJSON(): object;
     fromJSON(data: any): void;
@@ -44,8 +50,6 @@ export interface IBaseGrid<T extends IGridPanelView> extends IDisposable {
     isMaximizedGroup(panel: T): boolean;
     exitMaximizedGroup(): void;
     hasMaximizedGroup(): boolean;
-    readonly onDidMaximizedGroupChange: Event<void>;
-    readonly onDidLayoutChange: Event<void>;
 }
 export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizable implements IBaseGrid<T> {
     private readonly _id;
@@ -56,6 +60,8 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     readonly onDidRemove: Event<T>;
     private readonly _onDidAdd;
     readonly onDidAdd: Event<T>;
+    private readonly _onDidMaximizedChange;
+    readonly onDidMaximizedChange: Event<MaximizedChanged<T>>;
     private readonly _onDidActiveChange;
     readonly onDidActiveChange: Event<T | undefined>;
     protected readonly _bufferOnDidLayoutChange: AsapEvent;
@@ -86,7 +92,6 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     isMaximizedGroup(panel: T): boolean;
     exitMaximizedGroup(): void;
     hasMaximizedGroup(): boolean;
-    get onDidMaximizedGroupChange(): Event<void>;
     protected doAddGroup(group: T, location?: number[], size?: number): void;
     protected doRemoveGroup(group: T, options?: {
         skipActive?: boolean;

package/dist/cjs/gridview/baseComponentGridview.js

@@ -62,6 +62,8 @@ var BaseGrid = /** @class */ (function (_super) {
         _this.onDidRemove = _this._onDidRemove.event;
         _this._onDidAdd = new events_1.Emitter();
         _this.onDidAdd = _this._onDidAdd.event;
+        _this._onDidMaximizedChange = new events_1.Emitter();
+        _this.onDidMaximizedChange = _this._onDidMaximizedChange.event;
         _this._onDidActiveChange = new events_1.Emitter();
         _this.onDidActiveChange = _this._onDidActiveChange.event;
         _this._bufferOnDidLayoutChange = new events_1.AsapEvent();
@@ -77,7 +79,12 @@ var BaseGrid = /** @class */ (function (_super) {
         _this.gridview.locked = !!options.locked;
         _this.element.appendChild(_this.gridview.element);
         _this.layout(0, 0, true); // set some elements height/widths
-        _this.addDisposables(_this.gridview.onDidViewVisibilityChange(function () {
+        _this.addDisposables(_this.gridview.onDidMaximizedNodeChange(function (event) {
+            _this._onDidMaximizedChange.fire({
+                panel: event.view,
+                isMaximized: event.isMaximized,
+            });
+        }), _this.gridview.onDidViewVisibilityChange(function () {
             return _this._onDidViewVisibilityChangeMicroTaskQueue.fire();
         }), _this.onDidViewVisibilityChangeMicroTaskQueue(function () {
             _this.layout(_this.width, _this.height, true);
@@ -215,13 +222,6 @@ var BaseGrid = /** @class */ (function (_super) {
     BaseGrid.prototype.hasMaximizedGroup = function () {
         return this.gridview.hasMaximizedView();
     };
-    Object.defineProperty(BaseGrid.prototype, "onDidMaximizedGroupChange", {
-        get: function () {
-            return this.gridview.onDidMaximizedNodeChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
     BaseGrid.prototype.doAddGroup = function (group, location, size) {
         if (location === void 0) { location = [0]; }
         this.gridview.addView(group, size !== null && size !== void 0 ? size : splitview_1.Sizing.Distribute, location);

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

@@ -22,7 +22,7 @@ export declare abstract class BasePanelView<T extends PanelApiImpl> extends Comp
     readonly api: T;
     private _height;
     private _width;
-    private _element;
+    private readonly _element;
     protected part?: IFrameworkPart;
     protected _params?: PanelInitParameters;
     protected abstract getComponent(): IFrameworkPart;

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

@@ -8,7 +8,7 @@ export declare class BranchNode extends CompositeDisposable implements IView {
     readonly proportionalLayout: boolean;
     readonly styles: ISplitviewStyles | undefined;
     readonly element: HTMLElement;
-    private splitview;
+    private readonly splitview;
     private _orthogonalSize;
     private _size;
     private _childrenDisposable;

package/dist/cjs/gridview/branchNode.js

@@ -65,7 +65,7 @@ var BranchNode = /** @class */ (function (_super) {
         _this._orthogonalSize = orthogonalSize;
         _this._size = size;
         _this.element = document.createElement('div');
-        _this.element.className = 'branch-node';
+        _this.element.className = 'dv-branch-node';
         if (!childDescriptors) {
             _this.splitview = new splitview_1.Splitview(_this.element, {
                 orientation: _this.orientation,

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

@@ -77,11 +77,19 @@ export interface INodeDescriptor {
 export interface IViewDeserializer {
     fromJSON: (data: ISerializedLeafNode) => IGridView;
 }
+export interface SerializedNodeDescriptor {
+    location: number[];
+}
 export interface SerializedGridview<T> {
     root: SerializedGridObject<T>;
     width: number;
     height: number;
     orientation: Orientation;
+    maximizedNode?: SerializedNodeDescriptor;
+}
+export interface MaximizedViewChanged {
+    view: IGridView;
+    isMaximized: boolean;
 }
 export declare class Gridview implements IDisposable {
     readonly proportionalLayout: boolean;
@@ -100,7 +108,7 @@ export declare class Gridview implements IDisposable {
     private readonly _onDidViewVisibilityChange;
     readonly onDidViewVisibilityChange: Event<void>;
     private readonly _onDidMaximizedNodeChange;
-    readonly onDidMaximizedNodeChange: Event<void>;
+    readonly onDidMaximizedNodeChange: Event<MaximizedViewChanged>;
     get length(): number;
     get orientation(): Orientation;
     set orientation(orientation: Orientation);

package/dist/cjs/gridview/gridview.js

@@ -93,7 +93,7 @@ function getGridLocation(element) {
     if (!parentElement) {
         throw new Error('Invalid grid element');
     }
-    if (/\bgrid-view\b/.test(parentElement.className)) {
+    if (/\bdv-grid-view\b/.test(parentElement.className)) {
         return [];
     }
     var index = indexInParent(parentElement);
@@ -176,7 +176,7 @@ var Gridview = /** @class */ (function () {
         this._onDidMaximizedNodeChange = new events_1.Emitter();
         this.onDidMaximizedNodeChange = this._onDidMaximizedNodeChange.event;
         this.element = document.createElement('div');
-        this.element.className = 'grid-view';
+        this.element.className = 'dv-grid-view';
         this._locked = locked !== null && locked !== void 0 ? locked : false;
         this._margin = margin !== null && margin !== void 0 ? margin : 0;
         this.root = new branchNode_1.BranchNode(orientation, proportionalLayout, styles, 0, 0, this.locked, this.margin);
@@ -299,6 +299,7 @@ var Gridview = /** @class */ (function () {
         if (this.hasMaximizedView()) {
             this.exitMaximizedView();
         }
+        serializeBranchNode(this.getView(), this.orientation);
         var hiddenOnMaximize = [];
         function hideAllViewsBut(parent, exclude) {
             for (var i = 0; i < parent.children.length; i++) {
@@ -320,7 +321,10 @@ var Gridview = /** @class */ (function () {
         }
         hideAllViewsBut(this.root, node);
         this._maximizedNode = { leaf: node, hiddenOnMaximize: hiddenOnMaximize };
-        this._onDidMaximizedNodeChange.fire();
+        this._onDidMaximizedNodeChange.fire({
+            view: node.view,
+            isMaximized: true,
+        });
     };
     Gridview.prototype.exitMaximizedView = function () {
         if (!this._maximizedNode) {
@@ -341,24 +345,51 @@ var Gridview = /** @class */ (function () {
             }
         }
         showViewsInReverseOrder(this.root);
+        var tmp = this._maximizedNode.leaf;
         this._maximizedNode = undefined;
-        this._onDidMaximizedNodeChange.fire();
+        this._onDidMaximizedNodeChange.fire({
+            view: tmp.view,
+            isMaximized: false,
+        });
     };
     Gridview.prototype.serialize = function () {
+        var maximizedView = this.maximizedView();
+        var maxmizedViewLocation;
+        if (maximizedView) {
+            /**
+             * The minimum information we can get away with in order to serialize a maxmized view is it's location within the grid
+             * which is represented as a branch of indices
+             */
+            maxmizedViewLocation = getGridLocation(maximizedView.element);
+        }
         if (this.hasMaximizedView()) {
             /**
-             * do not persist maximized view state
-             * firstly exit any maximized views to ensure the correct dimensions are persisted
+             * the saved layout cannot be in its maxmized state otherwise all of the underlying
+             * view dimensions will be wrong
+             *
+             * To counteract this we temporaily remove the maximized view to compute the serialized output
+             * of the grid before adding back the maxmized view as to not alter the layout from the users
+             * perspective when `.toJSON()` is called
              */
             this.exitMaximizedView();
         }
         var root = serializeBranchNode(this.getView(), this.orientation);
-        return {
+        var resullt = {
             root: root,
             width: this.width,
             height: this.height,
             orientation: this.orientation,
         };
+        if (maxmizedViewLocation) {
+            resullt.maximizedNode = {
+                location: maxmizedViewLocation,
+            };
+        }
+        if (maximizedView) {
+            // replace any maximzied view that was removed for serialization purposes
+            this.maximizeView(maximizedView);
+        }
+        return resullt;
     };
     Gridview.prototype.dispose = function () {
         this.disposable.dispose();
@@ -377,6 +408,19 @@ var Gridview = /** @class */ (function () {
         var orientation = json.orientation;
         var height = orientation === splitview_1.Orientation.VERTICAL ? json.height : json.width;
         this._deserialize(json.root, orientation, deserializer, height);
+        /**
+         * The deserialied layout must be positioned through this.layout(...)
+         * before any maximizedNode can be positioned
+         */
+        this.layout(json.width, json.height);
+        if (json.maximizedNode) {
+            var location_1 = json.maximizedNode.location;
+            var _a = __read(this.getNode(location_1), 2), _ = _a[0], node = _a[1];
+            if (!(node instanceof leafNode_1.LeafNode)) {
+                return;
+            }
+            this.maximizeView(node.view);
+        }
     };
     Gridview.prototype._deserialize = function (root, orientation, deserializer, orthogonalSize) {
         this.root = this._deserializeNode(root, orientation, deserializer, orthogonalSize);

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

@@ -49,6 +49,10 @@ export declare abstract class GridviewPanel<T extends GridviewPanelApiImpl = Gri
     get minimumHeight(): number;
     get maximumHeight(): number;
     get maximumWidth(): number;
+    protected __minimumWidth(): number;
+    protected __maximumWidth(): number;
+    protected __minimumHeight(): number;
+    protected __maximumHeight(): number;
     get isActive(): boolean;
     get isVisible(): boolean;
     constructor(id: string, component: string, options?: {

package/dist/cjs/gridview/gridviewPanel.js

@@ -106,60 +106,88 @@ var GridviewPanel = /** @class */ (function (_super) {
     });
     Object.defineProperty(GridviewPanel.prototype, "minimumWidth", {
         get: function () {
-            var width = typeof this._minimumWidth === 'function'
-                ? this._minimumWidth()
-                : this._minimumWidth;
-            if (width !== this._evaluatedMinimumWidth) {
-                this._evaluatedMinimumWidth = width;
-                this.updateConstraints();
-            }
-            return width;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__minimumWidth();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "minimumHeight", {
         get: function () {
-            var height = typeof this._minimumHeight === 'function'
-                ? this._minimumHeight()
-                : this._minimumHeight;
-            if (height !== this._evaluatedMinimumHeight) {
-                this._evaluatedMinimumHeight = height;
-                this.updateConstraints();
-            }
-            return height;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__minimumHeight();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "maximumHeight", {
         get: function () {
-            var height = typeof this._maximumHeight === 'function'
-                ? this._maximumHeight()
-                : this._maximumHeight;
-            if (height !== this._evaluatedMaximumHeight) {
-                this._evaluatedMaximumHeight = height;
-                this.updateConstraints();
-            }
-            return height;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__maximumHeight();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "maximumWidth", {
         get: function () {
-            var width = typeof this._maximumWidth === 'function'
-                ? this._maximumWidth()
-                : this._maximumWidth;
-            if (width !== this._evaluatedMaximumWidth) {
-                this._evaluatedMaximumWidth = width;
-                this.updateConstraints();
-            }
-            return width;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__maximumWidth();
         },
         enumerable: false,
         configurable: true
     });
+    GridviewPanel.prototype.__minimumWidth = function () {
+        var width = typeof this._minimumWidth === 'function'
+            ? this._minimumWidth()
+            : this._minimumWidth;
+        if (width !== this._evaluatedMinimumWidth) {
+            this._evaluatedMinimumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    };
+    GridviewPanel.prototype.__maximumWidth = function () {
+        var width = typeof this._maximumWidth === 'function'
+            ? this._maximumWidth()
+            : this._maximumWidth;
+        if (width !== this._evaluatedMaximumWidth) {
+            this._evaluatedMaximumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    };
+    GridviewPanel.prototype.__minimumHeight = function () {
+        var height = typeof this._minimumHeight === 'function'
+            ? this._minimumHeight()
+            : this._minimumHeight;
+        if (height !== this._evaluatedMinimumHeight) {
+            this._evaluatedMinimumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    };
+    GridviewPanel.prototype.__maximumHeight = function () {
+        var height = typeof this._maximumHeight === 'function'
+            ? this._maximumHeight()
+            : this._maximumHeight;
+        if (height !== this._evaluatedMaximumHeight) {
+            this._evaluatedMaximumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    };
     Object.defineProperty(GridviewPanel.prototype, "isActive", {
         get: function () {
             return this.api.isActive;

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

@@ -11,7 +11,7 @@ export declare class LeafNode implements IView {
     }>;
     private _size;
     private _orthogonalSize;
-    private _disposable;
+    private readonly _disposable;
     private get minimumWidth();
     private get maximumWidth();
     private get minimumHeight();

package/dist/cjs/index.d.ts

@@ -1,20 +1,19 @@
-export * from './dnd/dataTransfer';
+export { getPaneData, getPanelData, PaneTransfer, PanelTransfer, } from './dnd/dataTransfer';
 /**
  * Events, Emitters and Disposables are very common concepts that many codebases will contain, however we need
  * to export them for dockview framework packages to use.
  * To be a good citizen these are exported with a `Dockview` prefix to prevent accidental use by others.
  */
 export { Emitter as DockviewEmitter, Event as DockviewEvent } from './events';
-export { IDisposable as IDockviewDisposable, MutableDisposable as DockviewMutableDisposable, CompositeDisposable as DockviewCompositeDisposable, Disposable as DockviewDisposable, } from './lifecycle';
+export { IDisposable as DockviewIDisposable, MutableDisposable as DockviewMutableDisposable, CompositeDisposable as DockviewCompositeDisposable, Disposable as DockviewDisposable, } from './lifecycle';
 export * from './panel/types';
-export * from './panel/componentFactory';
 export * from './splitview/splitview';
 export { SplitviewComponentOptions, PanelViewInitParameters, } from './splitview/options';
 export * from './paneview/paneview';
 export * from './gridview/gridview';
 export { GridviewComponentOptions } from './gridview/options';
 export * from './gridview/baseComponentGridview';
-export * from './paneview/draggablePaneviewPanel';
+export { DraggablePaneviewPanel, PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
 export * from './dockview/dockviewGroupPanelModel';
@@ -24,24 +23,24 @@ export * from './dockview/dockviewGroupPanel';
 export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, } from './dockview/framework';
 export * from './dockview/options';
 export * from './dockview/dockviewPanel';
-export * from './dockview/components/tab/defaultTab';
-export * from './dockview/deserializer';
+export { DefaultTab } from './dockview/components/tab/defaultTab';
+export { DefaultDockviewDeserialzier, IPanelDeserializer, } from './dockview/deserializer';
 export * from './dockview/dockviewComponent';
 export * from './gridview/gridviewComponent';
 export * from './splitview/splitviewComponent';
 export * from './paneview/paneviewComponent';
 export { PaneviewComponentOptions } from './paneview/options';
 export * from './gridview/gridviewPanel';
-export * from './splitview/splitviewPanel';
+export { SplitviewPanel, ISplitviewPanel } from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';
 export * from './dockview/types';
 export { DockviewPanelRenderer } from './overlay/overlayRenderContainer';
 export { Position, positionToDirection, directionToPosition, MeasuredValue, DroptargetOverlayModel, } from './dnd/droptarget';
 export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
 export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/gridviewPanelApi';
-export { TitleEvent, RendererChangedEvent, DockviewPanelApi, } from './api/dockviewPanelApi';
+export { TitleEvent, RendererChangedEvent, DockviewPanelApi, DockviewPanelMoveParams, } from './api/dockviewPanelApi';
 export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
 export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, } from './api/dockviewGroupPanelApi';
+export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
 export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
 export { createDockview, createGridview, createPaneview, createSplitview, } from './api/entryPoints';

package/dist/cjs/index.js

@@ -14,8 +14,12 @@ 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.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = void 0;
-__exportStar(require("./dnd/dataTransfer"), exports);
+exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = 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; } });
+Object.defineProperty(exports, "PaneTransfer", { enumerable: true, get: function () { return dataTransfer_1.PaneTransfer; } });
+Object.defineProperty(exports, "PanelTransfer", { enumerable: true, get: function () { return dataTransfer_1.PanelTransfer; } });
 /**
  * Events, Emitters and Disposables are very common concepts that many codebases will contain, however we need
  * to export them for dockview framework packages to use.
@@ -29,12 +33,12 @@ Object.defineProperty(exports, "DockviewMutableDisposable", { enumerable: true,
 Object.defineProperty(exports, "DockviewCompositeDisposable", { enumerable: true, get: function () { return lifecycle_1.CompositeDisposable; } });
 Object.defineProperty(exports, "DockviewDisposable", { enumerable: true, get: function () { return lifecycle_1.Disposable; } });
 __exportStar(require("./panel/types"), exports);
-__exportStar(require("./panel/componentFactory"), exports);
 __exportStar(require("./splitview/splitview"), exports);
 __exportStar(require("./paneview/paneview"), exports);
 __exportStar(require("./gridview/gridview"), exports);
 __exportStar(require("./gridview/baseComponentGridview"), exports);
-__exportStar(require("./paneview/draggablePaneviewPanel"), exports);
+var draggablePaneviewPanel_1 = require("./paneview/draggablePaneviewPanel");
+Object.defineProperty(exports, "DraggablePaneviewPanel", { enumerable: true, get: function () { return draggablePaneviewPanel_1.DraggablePaneviewPanel; } });
 __exportStar(require("./dockview/components/panel/content"), exports);
 __exportStar(require("./dockview/components/tab/tab"), exports);
 __exportStar(require("./dockview/dockviewGroupPanelModel"), exports);
@@ -42,14 +46,17 @@ __exportStar(require("./dockview/types"), exports);
 __exportStar(require("./dockview/dockviewGroupPanel"), exports);
 __exportStar(require("./dockview/options"), exports);
 __exportStar(require("./dockview/dockviewPanel"), exports);
-__exportStar(require("./dockview/components/tab/defaultTab"), exports);
-__exportStar(require("./dockview/deserializer"), exports);
+var defaultTab_1 = require("./dockview/components/tab/defaultTab");
+Object.defineProperty(exports, "DefaultTab", { enumerable: true, get: function () { return defaultTab_1.DefaultTab; } });
+var deserializer_1 = require("./dockview/deserializer");
+Object.defineProperty(exports, "DefaultDockviewDeserialzier", { enumerable: true, get: function () { return deserializer_1.DefaultDockviewDeserialzier; } });
 __exportStar(require("./dockview/dockviewComponent"), exports);
 __exportStar(require("./gridview/gridviewComponent"), exports);
 __exportStar(require("./splitview/splitviewComponent"), exports);
 __exportStar(require("./paneview/paneviewComponent"), exports);
 __exportStar(require("./gridview/gridviewPanel"), exports);
-__exportStar(require("./splitview/splitviewPanel"), exports);
+var splitviewPanel_1 = require("./splitview/splitviewPanel");
+Object.defineProperty(exports, "SplitviewPanel", { enumerable: true, get: function () { return splitviewPanel_1.SplitviewPanel; } });
 __exportStar(require("./paneview/paneviewPanel"), exports);
 __exportStar(require("./dockview/types"), exports);
 var droptarget_1 = require("./dnd/droptarget");

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

@@ -3,24 +3,27 @@ import { CompositeDisposable } from '../lifecycle';
 import { AnchoredBox } from '../types';
 export declare class Overlay extends CompositeDisposable {
     private readonly options;
-    private _element;
+    private readonly _element;
     private readonly _onDidChange;
     readonly onDidChange: Event<void>;
     private readonly _onDidChangeEnd;
     readonly onDidChangeEnd: Event<void>;
-    private static MINIMUM_HEIGHT;
-    private static MINIMUM_WIDTH;
+    private static readonly MINIMUM_HEIGHT;
+    private static readonly MINIMUM_WIDTH;
     private verticalAlignment;
     private horiziontalAlignment;
+    private _isVisible;
     set minimumInViewportWidth(value: number | undefined);
     set minimumInViewportHeight(value: number | undefined);
     get element(): HTMLElement;
+    get isVisible(): boolean;
     constructor(options: AnchoredBox & {
         container: HTMLElement;
         content: HTMLElement;
         minimumInViewportWidth?: number;
         minimumInViewportHeight?: number;
     });
+    setVisible(isVisible: boolean): void;
     bringToFront(): void;
     setBounds(bounds?: Partial<AnchoredBox>): void;
     toJSON(): AnchoredBox;

package/dist/cjs/overlay/overlay.js

@@ -91,6 +91,7 @@ var Overlay = /** @class */ (function (_super) {
         _this.onDidChangeEnd = _this._onDidChangeEnd.event;
         _this.addDisposables(_this._onDidChange, _this._onDidChangeEnd);
         _this._element.className = 'dv-resize-container';
+        _this._isVisible = true;
         _this.setupResize('top');
         _this.setupResize('bottom');
         _this.setupResize('left');
@@ -127,6 +128,20 @@ var Overlay = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Overlay.prototype, "isVisible", {
+        get: function () {
+            return this._isVisible;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Overlay.prototype.setVisible = function (isVisible) {
+        if (isVisible === this.isVisible) {
+            return;
+        }
+        this._isVisible = isVisible;
+        (0, dom_1.toggleClass)(this.element, 'dv-hidden', !this.isVisible);
+    };
     Overlay.prototype.bringToFront = function () {
         arialLevelTracker.push(this._element);
     };

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

@@ -9,7 +9,7 @@ export declare class DefaultHeader extends CompositeDisposable implements IPaneH
     private readonly _element;
     private readonly _content;
     private readonly _expander;
-    private apiRef;
+    private readonly apiRef;
     get element(): HTMLElement;
     constructor();
     init(params: PanePanelInitParameter & {

package/dist/cjs/paneview/defaultPaneviewHeader.js

@@ -27,12 +27,14 @@ var DefaultHeader = /** @class */ (function (_super) {
         _this._expandedIcon = (0, svg_1.createExpandMoreButton)();
         _this._collapsedIcon = (0, svg_1.createChevronRightButton)();
         _this.disposable = new lifecycle_1.MutableDisposable();
-        _this.apiRef = { api: null };
+        _this.apiRef = {
+            api: null,
+        };
         _this._element = document.createElement('div');
-        _this.element.className = 'default-header';
+        _this.element.className = 'dv-default-header';
         _this._content = document.createElement('span');
         _this._expander = document.createElement('div');
-        _this._expander.className = 'dockview-pane-header-icon';
+        _this._expander.className = 'dv-pane-header-icon';
         _this.element.appendChild(_this._expander);
         _this.element.appendChild(_this._content);
         _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'click', function () {

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

@@ -7,10 +7,10 @@ interface PaneItem {
     disposable: IDisposable;
 }
 export declare class Paneview extends CompositeDisposable implements IDisposable {
-    private element;
-    private splitview;
+    private readonly element;
+    private readonly splitview;
     private paneItems;
-    private _orientation;
+    private readonly _orientation;
     private animationTimer;
     private skipAnimation;
     private readonly _onDidChange;

package/dist/cjs/paneview/paneview.js

@@ -31,7 +31,7 @@ var Paneview = /** @class */ (function (_super) {
         _this.onDidChange = _this._onDidChange.event;
         _this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : splitview_1.Orientation.VERTICAL;
         _this.element = document.createElement('div');
-        _this.element.className = 'pane-container';
+        _this.element.className = 'dv-pane-container';
         container.appendChild(_this.element);
         _this.splitview = new splitview_1.Splitview(_this.element, {
             orientation: _this._orientation,
@@ -178,10 +178,10 @@ var Paneview = /** @class */ (function (_super) {
             clearTimeout(this.animationTimer);
             this.animationTimer = undefined;
         }
-        (0, dom_1.addClasses)(this.element, 'animated');
+        (0, dom_1.addClasses)(this.element, 'dv-animated');
         this.animationTimer = setTimeout(function () {
             _this.animationTimer = undefined;
-            (0, dom_1.removeClasses)(_this.element, 'animated');
+            (0, dom_1.removeClasses)(_this.element, 'dv-animated');
         }, 200);
     };
     Paneview.prototype.dispose = function () {

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

@@ -90,8 +90,8 @@ export interface IPaneviewComponent extends IDisposable {
 export declare class PaneviewComponent extends Resizable implements IPaneviewComponent {
     private readonly _id;
     private _options;
-    private _disposable;
-    private _viewDisposables;
+    private readonly _disposable;
+    private readonly _viewDisposables;
     private _paneview;
     private readonly _onDidLayoutfromJSON;
     readonly onDidLayoutFromJSON: Event<void>;