dockview 1.10.1 → 1.10.2

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.10.1
+ * @version 1.10.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4285,6 +4285,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();
@@ -4299,6 +4300,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();
@@ -4587,6 +4592,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 }) {
@@ -4604,6 +4614,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) {
@@ -5027,14 +5038,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;
@@ -5052,8 +5065,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) => {
@@ -5063,10 +5076,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,
               });
@@ -5079,14 +5096,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;
           //
@@ -5111,8 +5128,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,
           });
@@ -5271,7 +5288,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;
@@ -5502,8 +5519,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();
@@ -5574,7 +5591,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;
@@ -5682,7 +5699,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;
@@ -5856,8 +5873,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();
@@ -5871,6 +5891,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();
@@ -5953,7 +5974,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;
@@ -5961,7 +5982,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) => {
@@ -6256,7 +6277,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({
@@ -8243,6 +8264,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 });
           }
@@ -8255,7 +8278,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 : {},
@@ -9170,7 +9193,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;