dockview-core 4.0.1 → 4.2.0

package/dist/cjs/paneview/paneviewComponent.js

@@ -65,10 +65,24 @@ var math_1 = require("../math");
 var resizable_1 = require("../resizable");
 var dom_1 = require("../dom");
 var nextLayoutId = (0, math_1.sequentialNumberGenerator)();
+var HEADER_SIZE = 22;
+var MINIMUM_BODY_SIZE = 0;
+var MAXIMUM_BODY_SIZE = Number.MAX_SAFE_INTEGER;
 var PaneFramework = /** @class */ (function (_super) {
     __extends(PaneFramework, _super);
     function PaneFramework(options) {
-        var _this = _super.call(this, options.accessor, options.id, options.component, options.headerComponent, options.orientation, options.isExpanded, options.disableDnd) || this;
+        var _this = _super.call(this, {
+            accessor: options.accessor,
+            id: options.id,
+            component: options.component,
+            headerComponent: options.headerComponent,
+            orientation: options.orientation,
+            isExpanded: options.isExpanded,
+            disableDnd: options.disableDnd,
+            headerSize: options.headerSize,
+            minimumBodySize: options.minimumBodySize,
+            maximumBodySize: options.maximumBodySize,
+        }) || this;
         _this.options = options;
         return _this;
     }
@@ -201,7 +215,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
         this._options = __assign(__assign({}, this.options), options);
     };
     PaneviewComponent.prototype.addPanel = function (options) {
-        var _a;
+        var _a, _b;
         var body = this.options.createComponent({
             id: options.id,
             name: options.component,
@@ -226,12 +240,15 @@ var PaneviewComponent = /** @class */ (function (_super) {
             isExpanded: !!options.isExpanded,
             disableDnd: !!this.options.disableDnd,
             accessor: this,
+            headerSize: (_a = options.headerSize) !== null && _a !== void 0 ? _a : HEADER_SIZE,
+            minimumBodySize: MINIMUM_BODY_SIZE,
+            maximumBodySize: MAXIMUM_BODY_SIZE,
         });
         this.doAddPanel(view);
         var size = typeof options.size === 'number' ? options.size : splitview_1.Sizing.Distribute;
         var index = typeof options.index === 'number' ? options.index : undefined;
         view.init({
-            params: (_a = options.params) !== null && _a !== void 0 ? _a : {},
+            params: (_b = options.params) !== null && _b !== void 0 ? _b : {},
             minimumBodySize: options.minimumBodySize,
             maximumBodySize: options.maximumBodySize,
             isExpanded: options.isExpanded,
@@ -279,6 +296,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                 data: view.toJSON(),
                 minimumSize: minimum(view.minimumBodySize),
                 maximumSize: maximum(view.maximumBodySize),
+                headerSize: view.headerSize,
                 expanded: view.isExpanded(),
             };
         });
@@ -300,6 +318,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
             descriptor: {
                 size: size,
                 views: views.map(function (view) {
+                    var _a, _b, _c;
                     var data = view.data;
                     var body = _this.options.createComponent({
                         id: data.id,
@@ -326,6 +345,9 @@ var PaneviewComponent = /** @class */ (function (_super) {
                         isExpanded: !!view.expanded,
                         disableDnd: !!_this.options.disableDnd,
                         accessor: _this,
+                        headerSize: (_a = view.headerSize) !== null && _a !== void 0 ? _a : HEADER_SIZE,
+                        minimumBodySize: (_b = view.minimumSize) !== null && _b !== void 0 ? _b : MINIMUM_BODY_SIZE,
+                        maximumBodySize: (_c = view.maximumSize) !== null && _c !== void 0 ? _c : MAXIMUM_BODY_SIZE,
                     });
                     _this.doAddPanel(panel);
                     queue.push(function () {

package/dist/cjs/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/cjs/paneview/paneviewPanel.js

@@ -50,26 +50,25 @@ var basePanelView_1 = require("../gridview/basePanelView");
 var splitview_1 = require("../splitview/splitview");
 var PaneviewPanel = /** @class */ (function (_super) {
     __extends(PaneviewPanel, _super);
-    function PaneviewPanel(id, component, headerComponent, orientation, isExpanded, isHeaderVisible) {
-        var _this = _super.call(this, id, component, new paneviewPanelApi_1.PaneviewPanelApiImpl(id, component)) || this;
-        _this.headerComponent = headerComponent;
+    function PaneviewPanel(options) {
+        var _this = _super.call(this, options.id, options.component, new paneviewPanelApi_1.PaneviewPanelApiImpl(options.id, options.component)) || this;
         _this._onDidChangeExpansionState = new events_1.Emitter({ replay: true });
         _this.onDidChangeExpansionState = _this._onDidChangeExpansionState.event;
         _this._onDidChange = new events_1.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(function (event) {
             var isVisible = event.isVisible;
@@ -217,9 +216,6 @@ var PaneviewPanel = /** @class */ (function (_super) {
         var _a = __read(this.orientation === splitview_1.Orientation.HORIZONTAL
             ? [size, orthogonalSize]
             : [orthogonalSize, size], 2), width = _a[0], height = _a[1];
-        if (this.isExpanded()) {
-            this.expandedSize = width;
-        }
         _super.prototype.layout.call(this, width, height);
     };
     PaneviewPanel.prototype.init = function (parameters) {

package/dist/cjs/popoutWindow.js

@@ -153,7 +153,7 @@ var PopoutWindow = /** @class */ (function (_super) {
                 this._window = { value: externalWindow, disposable: disposable };
                 disposable.addDisposables(lifecycle_1.Disposable.from(function () {
                     externalWindow.close();
-                }), (0, events_1.addDisposableWindowListener)(window, 'beforeunload', function () {
+                }), (0, events_1.addDisposableListener)(window, 'beforeunload', function () {
                     /**
                      * before the main window closes we should close this popup too
                      * to be good citizens
@@ -188,7 +188,7 @@ var PopoutWindow = /** @class */ (function (_super) {
                                  * beforeunload must be registered after load for reasons I could not determine
                                  * otherwise the beforeunload event will not fire when the window is closed
                                  */
-                                (0, events_1.addDisposableWindowListener)(externalWindow, 'beforeunload', function () {
+                                (0, events_1.addDisposableListener)(externalWindow, 'beforeunload', function () {
                                     /**
                                      * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
                                      */

package/dist/cjs/splitview/splitviewComponent.js

@@ -122,6 +122,9 @@ var SplitviewComponent = /** @class */ (function (_super) {
         },
         set: function (value) {
             var _this = this;
+            if (this._splitview) {
+                this._splitview.dispose();
+            }
             this._splitview = value;
             this._splitviewChangeDisposable.value = new lifecycle_1.CompositeDisposable(this._splitview.onDidSashEnd(function () {
                 _this._onDidLayoutChange.fire(undefined);