dockview 1.10.1 → 1.10.2

package/dist/dockview.esm.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.10.1
+ * @version 1.10.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4266,6 +4266,7 @@ class DockviewGroupPanelModel extends CompositeDisposable {
         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();
@@ -4280,6 +4281,10 @@ class DockviewGroupPanelModel extends CompositeDisposable {
         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();
@@ -4568,6 +4573,11 @@ class DockviewGroupPanelModel extends CompositeDisposable {
         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 }) {
@@ -4585,6 +4595,7 @@ class DockviewGroupPanelModel extends CompositeDisposable {
         }
         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) {
@@ -5008,14 +5019,16 @@ class PanelApiImpl extends CompositeDisposable {
     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;
@@ -5033,8 +5046,8 @@ class PanelApiImpl extends CompositeDisposable {
         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) => {
@@ -5044,10 +5057,14 @@ class PanelApiImpl extends CompositeDisposable {
         }), 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,
             });
@@ -5060,14 +5077,14 @@ class PanelApiImpl extends CompositeDisposable {
         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;
         //
@@ -5092,8 +5109,8 @@ class PaneviewPanelApiImpl extends SplitviewPanelApiImpl {
     set pane(pane) {
         this._pane = pane;
     }
-    constructor(id) {
-        super(id);
+    constructor(id, component) {
+        super(id, component);
         this._onDidExpansionChange = new Emitter({
             replay: true,
         });
@@ -5252,7 +5269,7 @@ class PaneviewPanel extends BasePanelView {
         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;
@@ -5483,8 +5500,8 @@ class DraggablePaneviewPanel extends PaneviewPanel {
 }
 
 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();
@@ -5555,7 +5572,7 @@ class GridviewPanel extends BasePanelView {
         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;
@@ -5663,7 +5680,7 @@ class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
         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;
@@ -5837,8 +5854,11 @@ class DockviewPanelApiImpl extends GridviewPanelApiImpl {
     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();
@@ -5852,6 +5872,7 @@ class DockviewPanelApiImpl extends GridviewPanelApiImpl {
         this._onDidLocationChange = new Emitter();
         this.onDidLocationChange = this._onDidLocationChange.event;
         this.groupEventsDisposable = new MutableDisposable();
+        this._tabComponent = tabComponent;
         this.initialize(panel);
         this._group = group;
         this.setupGroupEventListeners();
@@ -5934,7 +5955,7 @@ class DockviewPanel extends CompositeDisposable {
         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;
@@ -5942,7 +5963,7 @@ class DockviewPanel extends CompositeDisposable {
         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) => {
@@ -6237,7 +6258,7 @@ class DefaultDockviewDeserialzier {
             ? (_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({
@@ -8224,6 +8245,8 @@ class DockviewComponent extends BaseGrid {
                 if (this._onDidActivePanelChange.value !== event.panel) {
                     this._onDidActivePanelChange.fire(event.panel);
                 }
+            }), Event.any(view.model.onDidPanelTitleChange, view.model.onDidPanelParametersChange)(() => {
+                this._bufferOnDidLayoutChange.fire();
             }));
             this._groups.set(view.id, { value: view, disposable });
         }
@@ -8236,7 +8259,7 @@ class DockviewComponent extends BaseGrid {
         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 : {},
@@ -9151,7 +9174,7 @@ class SplitviewPanel extends BasePanelView {
         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;