dockview-core 4.0.1 → 4.2.0

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

@@ -39,7 +39,6 @@ export interface IPaneviewPanel extends BasePanelViewExported<PaneviewPanelApiIm
     headerVisible: boolean;
 }
 export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelApiImpl> implements IPaneview, IPaneviewPanel {
-    private readonly headerComponent;
     private readonly _onDidChangeExpansionState;
     onDidChangeExpansionState: Event<boolean>;
     private readonly _onDidChange;
@@ -47,7 +46,6 @@ export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelA
         size?: number;
         orthogonalSize?: number;
     }>;
-    private readonly headerSize;
     private _orthogonalSize;
     private _size;
     private _minimumBodySize;
@@ -57,10 +55,11 @@ export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelA
     protected body?: HTMLElement;
     private bodyPart?;
     private headerPart?;
-    private expandedSize;
     private animationTimer;
     private _orientation;
     private _headerVisible;
+    readonly headerSize: number;
+    readonly headerComponent: string | undefined;
     set orientation(value: Orientation);
     get orientation(): Orientation;
     get minimumSize(): number;
@@ -74,7 +73,17 @@ export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelA
     set maximumBodySize(value: number);
     get headerVisible(): boolean;
     set headerVisible(value: boolean);
-    constructor(id: string, component: string, headerComponent: string | undefined, orientation: Orientation, isExpanded: boolean, isHeaderVisible: boolean);
+    constructor(options: {
+        id: string;
+        component: string;
+        headerComponent: string | undefined;
+        orientation: Orientation;
+        isExpanded: boolean;
+        isHeaderVisible: boolean;
+        headerSize: number;
+        minimumBodySize: number;
+        maximumBodySize: number;
+    });
     setVisible(isVisible: boolean): void;
     setActive(isActive: boolean): void;
     isExpanded(): boolean;

package/dist/esm/paneview/paneviewPanel.js

@@ -51,26 +51,25 @@ export class PaneviewPanel extends BasePanelView {
         this._headerVisible = value;
         this.header.style.display = value ? '' : 'none';
     }
-    constructor(id, component, headerComponent, orientation, isExpanded, isHeaderVisible) {
-        super(id, component, new PaneviewPanelApiImpl(id, component));
-        this.headerComponent = headerComponent;
+    constructor(options) {
+        super(options.id, options.component, new PaneviewPanelApiImpl(options.id, options.component));
         this._onDidChangeExpansionState = new Emitter({ replay: true });
         this.onDidChangeExpansionState = this._onDidChangeExpansionState.event;
         this._onDidChange = new Emitter();
         this.onDidChange = this._onDidChange.event;
-        this.headerSize = 22;
         this._orthogonalSize = 0;
         this._size = 0;
-        this._minimumBodySize = 100;
-        this._maximumBodySize = Number.POSITIVE_INFINITY;
         this._isExpanded = false;
-        this.expandedSize = 0;
         this.api.pane = this; // TODO cannot use 'this' before 'super'
         this.api.initialize(this);
-        this._isExpanded = isExpanded;
-        this._headerVisible = isHeaderVisible;
+        this.headerSize = options.headerSize;
+        this.headerComponent = options.headerComponent;
+        this._minimumBodySize = options.minimumBodySize;
+        this._maximumBodySize = options.maximumBodySize;
+        this._isExpanded = options.isExpanded;
+        this._headerVisible = options.isHeaderVisible;
         this._onDidChangeExpansionState.fire(this.isExpanded()); // initialize value
-        this._orientation = orientation;
+        this._orientation = options.orientation;
         this.element.classList.add('dv-pane');
         this.addDisposables(this.api.onWillVisibilityChange((event) => {
             const { isVisible } = event;
@@ -137,9 +136,6 @@ export class PaneviewPanel extends BasePanelView {
         const [width, height] = this.orientation === Orientation.HORIZONTAL
             ? [size, orthogonalSize]
             : [orthogonalSize, size];
-        if (this.isExpanded()) {
-            this.expandedSize = width;
-        }
         super.layout(width, height);
     }
     init(parameters) {

package/dist/esm/popoutWindow.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { addStyles } from './dom';
-import { Emitter, addDisposableWindowListener } from './events';
+import { Emitter, addDisposableListener } from './events';
 import { CompositeDisposable, Disposable } from './lifecycle';
 export class PopoutWindow extends CompositeDisposable {
     get window() {
@@ -83,7 +83,7 @@ export class PopoutWindow extends CompositeDisposable {
             this._window = { value: externalWindow, disposable };
             disposable.addDisposables(Disposable.from(() => {
                 externalWindow.close();
-            }), addDisposableWindowListener(window, 'beforeunload', () => {
+            }), addDisposableListener(window, 'beforeunload', () => {
                 /**
                  * before the main window closes we should close this popup too
                  * to be good citizens
@@ -118,7 +118,7 @@ export class PopoutWindow extends CompositeDisposable {
                          * beforeunload must be registered after load for reasons I could not determine
                          * otherwise the beforeunload event will not fire when the window is closed
                          */
-                        addDisposableWindowListener(externalWindow, 'beforeunload', () => {
+                        addDisposableListener(externalWindow, 'beforeunload', () => {
                             /**
                              * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
                              */

package/dist/esm/splitview/splitviewComponent.js

@@ -23,6 +23,9 @@ export class SplitviewComponent extends Resizable {
         return this._splitview;
     }
     set splitview(value) {
+        if (this._splitview) {
+            this._splitview.dispose();
+        }
         this._splitview = value;
         this._splitviewChangeDisposable.value = new CompositeDisposable(this._splitview.onDidSashEnd(() => {
             this._onDidLayoutChange.fire(undefined);

package/dist/styles/dockview.css

@@ -1,7 +1,6 @@
 .dv-scrollable {
   position: relative;
   overflow: hidden;
-  width: 100%;
 }
 .dv-scrollable .dv-scrollbar-horizontal {
   position: absolute;
@@ -1100,7 +1099,7 @@
 .dv-tabs-container {
   display: flex;
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
   scrollbar-width: thin;
   /* Track */
   /* Handle */
@@ -1126,6 +1125,10 @@
   background: var(--dv-tabs-container-scrollbar-color);
 }
 
+.dv-scrollable > .dv-tabs-container {
+  overflow: hidden;
+}
+
 .dv-tab {
   -webkit-user-drag: element;
   outline: none;
@@ -1162,6 +1165,9 @@
   height: var(--dv-tabs-and-actions-container-height);
   font-size: var(--dv-tabs-and-actions-container-font-size);
 }
+.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {
+  flex-grow: 1;
+}
 .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {
   flex-grow: 1;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",