dockview 1.10.1 → 1.10.2

package/dist/dockview.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.10.1
+ * @version 1.10.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4255,6 +4255,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this._width = 0;
             this._height = 0;
             this._panels = [];
+            this._panelDisposables = new Map();
             this._onMove = new Emitter();
             this.onMove = this._onMove.event;
             this._onDidDrop = new Emitter();
@@ -4269,6 +4270,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.onGroupDragStart = this._onGroupDragStart.event;
             this._onDidAddPanel = new Emitter();
             this.onDidAddPanel = this._onDidAddPanel.event;
+            this._onDidPanelTitleChange = new Emitter();
+            this.onDidPanelTitleChange = this._onDidPanelTitleChange.event;
+            this._onDidPanelParametersChange = new Emitter();
+            this.onDidPanelParametersChange = this._onDidPanelParametersChange.event;
             this._onDidRemovePanel = new Emitter();
             this.onDidRemovePanel = this._onDidRemovePanel.event;
             this._onDidActivePanelChange = new Emitter();
@@ -4557,6 +4562,11 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             if (this.mostRecentlyUsed.includes(panel)) {
                 this.mostRecentlyUsed.splice(this.mostRecentlyUsed.indexOf(panel), 1);
             }
+            const disposable = this._panelDisposables.get(panel.id);
+            if (disposable) {
+                disposable.dispose();
+                this._panelDisposables.delete(panel.id);
+            }
             this._onDidRemovePanel.fire({ panel });
         }
         doAddPanel(panel, index = this.panels.length, options = { skipSetActive: false }) {
@@ -4574,6 +4584,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }
             this.updateMru(panel);
             this.panels.splice(index, 0, panel);
+            this._panelDisposables.set(panel.id, new CompositeDisposable(panel.api.onDidTitleChange((event) => this._onDidPanelTitleChange.fire(event)), panel.api.onDidParametersChange((event) => this._onDidPanelParametersChange.fire(event))));
             this._onDidAddPanel.fire({ panel });
         }
         doSetActivePanel(panel) {
@@ -4997,14 +5008,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         get height() {
             return this._height;
         }
-        constructor(id) {
+        constructor(id, component) {
             super();
             this.id = id;
+            this.component = component;
             this._isFocused = false;
             this._isActive = false;
             this._isVisible = true;
             this._width = 0;
             this._height = 0;
+            this._parameters = {};
             this.panelUpdatesDisposable = new MutableDisposable();
             this._onDidDimensionChange = new Emitter();
             this.onDidDimensionsChange = this._onDidDimensionChange.event;
@@ -5022,8 +5035,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.onDidActiveChange = this._onDidActiveChange.event;
             this._onActiveChange = new Emitter();
             this.onActiveChange = this._onActiveChange.event;
-            this._onUpdateParameters = new Emitter();
-            this.onUpdateParameters = this._onUpdateParameters.event;
+            this._onDidParametersChange = new Emitter();
+            this.onDidParametersChange = this._onDidParametersChange.event;
             this.addDisposables(this.onDidFocusChange((event) => {
                 this._isFocused = event.isFocused;
             }), this.onDidActiveChange((event) => {
@@ -5033,10 +5046,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }), this.onDidDimensionsChange((event) => {
                 this._width = event.width;
                 this._height = event.height;
-            }), this.panelUpdatesDisposable, this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onWillFocus, this._onActiveChange, this._onUpdateParameters, this._onWillFocus, this._onWillVisibilityChange, this._onUpdateParameters);
+            }), this.panelUpdatesDisposable, this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onWillFocus, this._onActiveChange, this._onWillFocus, this._onWillVisibilityChange, this._onDidParametersChange);
+        }
+        getParameters() {
+            return this._parameters;
         }
         initialize(panel) {
-            this.panelUpdatesDisposable.value = this._onUpdateParameters.event((parameters) => {
+            this.panelUpdatesDisposable.value = this._onDidParametersChange.event((parameters) => {
+                this._parameters = parameters;
                 panel.update({
                     params: parameters,
                 });
@@ -5049,14 +5066,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this._onActiveChange.fire();
         }
         updateParameters(parameters) {
-            this._onUpdateParameters.fire(parameters);
+            this._onDidParametersChange.fire(parameters);
         }
     }
 
     class SplitviewPanelApiImpl extends PanelApiImpl {
         //
-        constructor(id) {
-            super(id);
+        constructor(id, component) {
+            super(id, component);
             this._onDidConstraintsChangeInternal = new Emitter();
             this.onDidConstraintsChangeInternal = this._onDidConstraintsChangeInternal.event;
             //
@@ -5081,8 +5098,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         set pane(pane) {
             this._pane = pane;
         }
-        constructor(id) {
-            super(id);
+        constructor(id, component) {
+            super(id, component);
             this._onDidExpansionChange = new Emitter({
                 replay: true,
             });
@@ -5241,7 +5258,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.header.style.display = value ? '' : 'none';
         }
         constructor(id, component, headerComponent, orientation, isExpanded, isHeaderVisible) {
-            super(id, component, new PaneviewPanelApiImpl(id));
+            super(id, component, new PaneviewPanelApiImpl(id, component));
             this.headerComponent = headerComponent;
             this._onDidChangeExpansionState = new Emitter({ replay: true });
             this.onDidChangeExpansionState = this._onDidChangeExpansionState.event;
@@ -5472,8 +5489,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
     }
 
     class GridviewPanelApiImpl extends PanelApiImpl {
-        constructor(id, panel) {
-            super(id);
+        constructor(id, component, panel) {
+            super(id, component);
             this._onDidConstraintsChangeInternal = new Emitter();
             this.onDidConstraintsChangeInternal = this._onDidConstraintsChangeInternal.event;
             this._onDidConstraintsChange = new Emitter();
@@ -5544,7 +5561,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             return this.api.isActive;
         }
         constructor(id, component, options, api) {
-            super(id, component, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id));
+            super(id, component, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id, component));
             this._evaluatedMinimumWidth = 0;
             this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
             this._evaluatedMinimumHeight = 0;
@@ -5652,7 +5669,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             return this._group.model.location;
         }
         constructor(id, accessor) {
-            super(id);
+            super(id, '__dockviewgroup__');
             this.accessor = accessor;
             this._onDidLocationChange = new Emitter();
             this.onDidLocationChange = this._onDidLocationChange.event;
@@ -5826,8 +5843,11 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         get group() {
             return this._group;
         }
-        constructor(panel, group, accessor) {
-            super(panel.id);
+        get tabComponent() {
+            return this._tabComponent;
+        }
+        constructor(panel, group, accessor, component, tabComponent) {
+            super(panel.id, component);
             this.panel = panel;
             this.accessor = accessor;
             this._onDidTitleChange = new Emitter();
@@ -5841,6 +5861,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this._onDidLocationChange = new Emitter();
             this.onDidLocationChange = this._onDidLocationChange.event;
             this.groupEventsDisposable = new MutableDisposable();
+            this._tabComponent = tabComponent;
             this.initialize(panel);
             this._group = group;
             this.setupGroupEventListeners();
@@ -5923,7 +5944,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             var _a;
             return (_a = this._renderer) !== null && _a !== void 0 ? _a : this.accessor.renderer;
         }
-        constructor(id, accessor, containerApi, group, view, options) {
+        constructor(id, component, tabComponent, accessor, containerApi, group, view, options) {
             super();
             this.id = id;
             this.accessor = accessor;
@@ -5931,7 +5952,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.view = view;
             this._renderer = options.renderer;
             this._group = group;
-            this.api = new DockviewPanelApiImpl(this, this._group, accessor);
+            this.api = new DockviewPanelApiImpl(this, this._group, accessor, component, tabComponent);
             this.addDisposables(this.api.onActiveChange(() => {
                 accessor.setActivePanel(this);
             }), this.api.onDidSizeChange((event) => {
@@ -6226,7 +6247,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 ? (_b = viewData.tab) === null || _b === void 0 ? void 0 : _b.id
                 : panelData.tabComponent;
             const view = new DockviewPanelModel(this.accessor, panelId, contentComponent, tabComponent);
-            const panel = new DockviewPanel(panelId, this.accessor, new DockviewApi(this.accessor), group, view, {
+            const panel = new DockviewPanel(panelId, contentComponent, tabComponent, this.accessor, new DockviewApi(this.accessor), group, view, {
                 renderer: panelData.renderer,
             });
             panel.init({
@@ -8213,6 +8234,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                     if (this._onDidActivePanelChange.value !== event.panel) {
                         this._onDidActivePanelChange.fire(event.panel);
                     }
+                }), exports.DockviewEvent.any(view.model.onDidPanelTitleChange, view.model.onDidPanelParametersChange)(() => {
+                    this._bufferOnDidLayoutChange.fire();
                 }));
                 this._groups.set(view.id, { value: view, disposable });
             }
@@ -8225,7 +8248,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             const contentComponent = options.component;
             const tabComponent = (_a = options.tabComponent) !== null && _a !== void 0 ? _a : this.options.defaultTabComponent;
             const view = new DockviewPanelModel(this, options.id, contentComponent, tabComponent);
-            const panel = new DockviewPanel(options.id, this, this._api, group, view, { renderer: options.renderer });
+            const panel = new DockviewPanel(options.id, contentComponent, tabComponent, this, this._api, group, view, { renderer: options.renderer });
             panel.init({
                 title: (_b = options.title) !== null && _b !== void 0 ? _b : options.id,
                 params: (_c = options === null || options === void 0 ? void 0 : options.params) !== null && _c !== void 0 ? _c : {},
@@ -9140,7 +9163,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             return this._snap;
         }
         constructor(id, componentName) {
-            super(id, componentName, new SplitviewPanelApiImpl(id));
+            super(id, componentName, new SplitviewPanelApiImpl(id, componentName));
             this._evaluatedMinimumSize = 0;
             this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
             this._minimumSize = 0;