dockview-core 1.10.1 → 1.10.2

package/dist/cjs/api/dockviewGroupPanelApi.js

@@ -24,7 +24,7 @@ var NOT_INITIALIZED_MESSAGE = 'DockviewGroupPanelApiImpl not initialized';
 var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
     __extends(DockviewGroupPanelApiImpl, _super);
     function DockviewGroupPanelApiImpl(id, accessor) {
-        var _this = _super.call(this, id) || this;
+        var _this = _super.call(this, id, '__dockviewgroup__') || this;
         _this.accessor = accessor;
         _this._onDidLocationChange = new events_1.Emitter();
         _this.onDidLocationChange = _this._onDidLocationChange.event;

package/dist/cjs/api/dockviewPanelApi.d.ts

@@ -25,6 +25,7 @@ export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible' |
     readonly title: string | undefined;
     readonly onDidActiveGroupChange: Event<ActiveGroupEvent>;
     readonly onDidGroupChange: Event<GroupChangedEvent>;
+    readonly onDidTitleChange: Event<TitleEvent>;
     readonly onDidRendererChange: Event<RendererChangedEvent>;
     readonly location: DockviewGroupLocation;
     readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
@@ -48,6 +49,7 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
     private panel;
     private readonly accessor;
     private _group;
+    private _tabComponent;
     readonly _onDidTitleChange: Emitter<TitleEvent>;
     readonly onDidTitleChange: Event<TitleEvent>;
     private readonly _onDidActiveGroupChange;
@@ -65,7 +67,8 @@ export declare class DockviewPanelApiImpl extends GridviewPanelApiImpl implement
     get renderer(): DockviewPanelRenderer;
     set group(value: DockviewGroupPanel);
     get group(): DockviewGroupPanel;
-    constructor(panel: DockviewPanel, group: DockviewGroupPanel, accessor: DockviewComponent);
+    get tabComponent(): string | undefined;
+    constructor(panel: DockviewPanel, group: DockviewGroupPanel, accessor: DockviewComponent, component: string, tabComponent?: string);
     getWindow(): Window;
     moveTo(options: {
         group: DockviewGroupPanel;

package/dist/cjs/api/dockviewPanelApi.js

@@ -21,8 +21,8 @@ var gridviewPanelApi_1 = require("./gridviewPanelApi");
 var lifecycle_1 = require("../lifecycle");
 var DockviewPanelApiImpl = /** @class */ (function (_super) {
     __extends(DockviewPanelApiImpl, _super);
-    function DockviewPanelApiImpl(panel, group, accessor) {
-        var _this = _super.call(this, panel.id) || this;
+    function DockviewPanelApiImpl(panel, group, accessor, component, tabComponent) {
+        var _this = _super.call(this, panel.id, component) || this;
         _this.panel = panel;
         _this.accessor = accessor;
         _this._onDidTitleChange = new events_1.Emitter();
@@ -36,6 +36,7 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
         _this._onDidLocationChange = new events_1.Emitter();
         _this.onDidLocationChange = _this._onDidLocationChange.event;
         _this.groupEventsDisposable = new lifecycle_1.MutableDisposable();
+        _this._tabComponent = tabComponent;
         _this.initialize(panel);
         _this._group = group;
         _this.setupGroupEventListeners();
@@ -88,6 +89,13 @@ var DockviewPanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DockviewPanelApiImpl.prototype, "tabComponent", {
+        get: function () {
+            return this._tabComponent;
+        },
+        enumerable: false,
+        configurable: true
+    });
     DockviewPanelApiImpl.prototype.getWindow = function () {
         return this.group.api.getWindow();
     };

package/dist/cjs/api/gridviewPanelApi.d.ts

@@ -30,7 +30,7 @@ export declare class GridviewPanelApiImpl extends PanelApiImpl implements Gridvi
     readonly onDidConstraintsChange: Event<GridConstraintChangeEvent>;
     private readonly _onDidSizeChange;
     readonly onDidSizeChange: Event<SizeEvent>;
-    constructor(id: string, panel?: IPanel);
+    constructor(id: string, component: string, panel?: IPanel);
     setConstraints(value: GridConstraintChangeEvent): void;
     setSize(event: SizeEvent): void;
 }

package/dist/cjs/api/gridviewPanelApi.js

@@ -20,8 +20,8 @@ var events_1 = require("../events");
 var panelApi_1 = require("./panelApi");
 var GridviewPanelApiImpl = /** @class */ (function (_super) {
     __extends(GridviewPanelApiImpl, _super);
-    function GridviewPanelApiImpl(id, panel) {
-        var _this = _super.call(this, id) || this;
+    function GridviewPanelApiImpl(id, component, panel) {
+        var _this = _super.call(this, id, component) || this;
         _this._onDidConstraintsChangeInternal = new events_1.Emitter();
         _this.onDidConstraintsChangeInternal = _this._onDidConstraintsChangeInternal.event;
         _this._onDidConstraintsChange = new events_1.Emitter();

package/dist/cjs/api/panelApi.d.ts

@@ -19,6 +19,7 @@ export interface PanelApi {
     readonly onDidFocusChange: Event<FocusEvent>;
     readonly onDidVisibilityChange: Event<VisibilityEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
+    readonly onDidParametersChange: Event<Parameters>;
     setActive(): void;
     setVisible(isVisible: boolean): void;
     updateParameters(parameters: Parameters): void;
@@ -47,6 +48,7 @@ export interface PanelApi {
      */
     readonly height: number;
     readonly onWillFocus: Event<WillFocusEvent>;
+    getParameters<T extends Parameters = Parameters>(): T;
 }
 export declare class WillFocusEvent extends DockviewEvent {
     constructor();
@@ -56,11 +58,13 @@ export declare class WillFocusEvent extends DockviewEvent {
  */
 export declare class PanelApiImpl extends CompositeDisposable implements PanelApi {
     readonly id: string;
+    readonly component: string;
     private _isFocused;
     private _isActive;
     private _isVisible;
     private _width;
     private _height;
+    private _parameters;
     private readonly panelUpdatesDisposable;
     readonly _onDidDimensionChange: Emitter<PanelDimensionChangeEvent>;
     readonly onDidDimensionsChange: Event<PanelDimensionChangeEvent>;
@@ -76,14 +80,15 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     readonly onDidActiveChange: Event<ActiveEvent>;
     readonly _onActiveChange: Emitter<void>;
     readonly onActiveChange: Event<void>;
-    readonly _onUpdateParameters: Emitter<Parameters>;
-    readonly onUpdateParameters: Event<Parameters>;
+    readonly _onDidParametersChange: Emitter<Parameters>;
+    readonly onDidParametersChange: Event<Parameters>;
     get isFocused(): boolean;
     get isActive(): boolean;
     get isVisible(): boolean;
     get width(): number;
     get height(): number;
-    constructor(id: string);
+    constructor(id: string, component: string);
+    getParameters<T extends Parameters = Parameters>(): T;
     initialize(panel: IPanel): void;
     setVisible(isVisible: boolean): void;
     setActive(): void;

package/dist/cjs/api/panelApi.js

@@ -31,14 +31,16 @@ exports.WillFocusEvent = WillFocusEvent;
  */
 var PanelApiImpl = /** @class */ (function (_super) {
     __extends(PanelApiImpl, _super);
-    function PanelApiImpl(id) {
+    function PanelApiImpl(id, component) {
         var _this = _super.call(this) || this;
         _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 lifecycle_1.MutableDisposable();
         _this._onDidDimensionChange = new events_1.Emitter();
         _this.onDidDimensionsChange = _this._onDidDimensionChange.event;
@@ -56,8 +58,8 @@ var PanelApiImpl = /** @class */ (function (_super) {
         _this.onDidActiveChange = _this._onDidActiveChange.event;
         _this._onActiveChange = new events_1.Emitter();
         _this.onActiveChange = _this._onActiveChange.event;
-        _this._onUpdateParameters = new events_1.Emitter();
-        _this.onUpdateParameters = _this._onUpdateParameters.event;
+        _this._onDidParametersChange = new events_1.Emitter();
+        _this.onDidParametersChange = _this._onDidParametersChange.event;
         _this.addDisposables(_this.onDidFocusChange(function (event) {
             _this._isFocused = event.isFocused;
         }), _this.onDidActiveChange(function (event) {
@@ -67,7 +69,7 @@ var PanelApiImpl = /** @class */ (function (_super) {
         }), _this.onDidDimensionsChange(function (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);
         return _this;
     }
     Object.defineProperty(PanelApiImpl.prototype, "isFocused", {
@@ -105,8 +107,13 @@ var PanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    PanelApiImpl.prototype.getParameters = function () {
+        return this._parameters;
+    };
     PanelApiImpl.prototype.initialize = function (panel) {
-        this.panelUpdatesDisposable.value = this._onUpdateParameters.event(function (parameters) {
+        var _this = this;
+        this.panelUpdatesDisposable.value = this._onDidParametersChange.event(function (parameters) {
+            _this._parameters = parameters;
             panel.update({
                 params: parameters,
             });
@@ -119,7 +126,7 @@ var PanelApiImpl = /** @class */ (function (_super) {
         this._onActiveChange.fire();
     };
     PanelApiImpl.prototype.updateParameters = function (parameters) {
-        this._onUpdateParameters.fire(parameters);
+        this._onDidParametersChange.fire(parameters);
     };
     return PanelApiImpl;
 }(lifecycle_1.CompositeDisposable));

package/dist/cjs/api/paneviewPanelApi.d.ts

@@ -20,7 +20,7 @@ export declare class PaneviewPanelApiImpl extends SplitviewPanelApiImpl implemen
     readonly onMouseLeave: Event<MouseEvent>;
     private _pane;
     set pane(pane: PaneviewPanel);
-    constructor(id: string);
+    constructor(id: string, component: string);
     setExpanded(isExpanded: boolean): void;
     get isExpanded(): boolean;
 }

package/dist/cjs/api/paneviewPanelApi.js

@@ -20,8 +20,8 @@ var events_1 = require("../events");
 var splitviewPanelApi_1 = require("./splitviewPanelApi");
 var PaneviewPanelApiImpl = /** @class */ (function (_super) {
     __extends(PaneviewPanelApiImpl, _super);
-    function PaneviewPanelApiImpl(id) {
-        var _this = _super.call(this, id) || this;
+    function PaneviewPanelApiImpl(id, component) {
+        var _this = _super.call(this, id, component) || this;
         _this._onDidExpansionChange = new events_1.Emitter({
             replay: true,
         });

package/dist/cjs/api/splitviewPanelApi.d.ts

@@ -25,7 +25,7 @@ export declare class SplitviewPanelApiImpl extends PanelApiImpl implements Split
     readonly onDidConstraintsChange: Event<PanelConstraintChangeEvent>;
     readonly _onDidSizeChange: Emitter<PanelSizeEvent>;
     readonly onDidSizeChange: Event<PanelSizeEvent>;
-    constructor(id: string);
+    constructor(id: string, component: string);
     setConstraints(value: PanelConstraintChangeEvent2): void;
     setSize(event: PanelSizeEvent): void;
 }

package/dist/cjs/api/splitviewPanelApi.js

@@ -21,8 +21,8 @@ var panelApi_1 = require("./panelApi");
 var SplitviewPanelApiImpl = /** @class */ (function (_super) {
     __extends(SplitviewPanelApiImpl, _super);
     //
-    function SplitviewPanelApiImpl(id) {
-        var _this = _super.call(this, id) || this;
+    function SplitviewPanelApiImpl(id, component) {
+        var _this = _super.call(this, id, component) || this;
         _this._onDidConstraintsChangeInternal = new events_1.Emitter();
         _this.onDidConstraintsChangeInternal = _this._onDidConstraintsChangeInternal.event;
         //

package/dist/cjs/dockview/deserializer.js

@@ -21,7 +21,7 @@ var DefaultDockviewDeserialzier = /** @class */ (function () {
             ? (_b = viewData.tab) === null || _b === void 0 ? void 0 : _b.id
             : panelData.tabComponent;
         var view = new dockviewPanelModel_1.DockviewPanelModel(this.accessor, panelId, contentComponent, tabComponent);
-        var panel = new dockviewPanel_1.DockviewPanel(panelId, this.accessor, new component_api_1.DockviewApi(this.accessor), group, view, {
+        var panel = new dockviewPanel_1.DockviewPanel(panelId, contentComponent, tabComponent, this.accessor, new component_api_1.DockviewApi(this.accessor), group, view, {
             renderer: panelData.renderer,
         });
         panel.init({

package/dist/cjs/dockview/dockviewComponent.js

@@ -1713,6 +1713,8 @@ var DockviewComponent = /** @class */ (function (_super) {
                 if (_this._onDidActivePanelChange.value !== event.panel) {
                     _this._onDidActivePanelChange.fire(event.panel);
                 }
+            }), events_1.Event.any(view.model.onDidPanelTitleChange, view.model.onDidPanelParametersChange)(function () {
+                _this._bufferOnDidLayoutChange.fire();
             }));
             this._groups.set(view.id, { value: view, disposable: disposable });
         }
@@ -1725,7 +1727,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         var contentComponent = options.component;
         var tabComponent = (_a = options.tabComponent) !== null && _a !== void 0 ? _a : this.options.defaultTabComponent;
         var view = new dockviewPanelModel_1.DockviewPanelModel(this, options.id, contentComponent, tabComponent);
-        var panel = new dockviewPanel_1.DockviewPanel(options.id, this, this._api, group, view, { renderer: options.renderer });
+        var panel = new dockviewPanel_1.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 : {},

package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts

@@ -5,11 +5,12 @@ import { DockviewComponent } from './dockviewComponent';
 import { DockviewEvent, Event, IDockviewEvent } from '../events';
 import { IViewSize } from '../gridview/gridview';
 import { CompositeDisposable } from '../lifecycle';
-import { IPanel, PanelInitParameters, PanelUpdateEvent } from '../panel/types';
+import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
 import { GroupDragEvent, TabDragEvent } from './components/titlebar/tabsContainer';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { IDockviewPanel } from './dockviewPanel';
 import { OverlayRenderContainer } from '../overlayRenderContainer';
+import { TitleEvent } from '../api/dockviewPanelApi';
 interface GroupMoveEvent {
     groupId: string;
     itemId?: string;
@@ -149,6 +150,7 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     private _width;
     private _height;
     private _panels;
+    private readonly _panelDisposables;
     private readonly _onMove;
     readonly onMove: Event<GroupMoveEvent>;
     private readonly _onDidDrop;
@@ -163,6 +165,10 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     readonly onGroupDragStart: Event<GroupDragEvent>;
     private readonly _onDidAddPanel;
     readonly onDidAddPanel: Event<DockviewGroupChangeEvent>;
+    private readonly _onDidPanelTitleChange;
+    readonly onDidPanelTitleChange: Event<TitleEvent>;
+    private readonly _onDidPanelParametersChange;
+    readonly onDidPanelParametersChange: Event<Parameters>;
     private readonly _onDidRemovePanel;
     readonly onDidRemovePanel: Event<DockviewGroupChangeEvent>;
     private readonly _onDidActivePanelChange;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -182,6 +182,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         _this._width = 0;
         _this._height = 0;
         _this._panels = [];
+        _this._panelDisposables = new Map();
         _this._onMove = new events_1.Emitter();
         _this.onMove = _this._onMove.event;
         _this._onDidDrop = new events_1.Emitter();
@@ -196,6 +197,10 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         _this.onGroupDragStart = _this._onGroupDragStart.event;
         _this._onDidAddPanel = new events_1.Emitter();
         _this.onDidAddPanel = _this._onDidAddPanel.event;
+        _this._onDidPanelTitleChange = new events_1.Emitter();
+        _this.onDidPanelTitleChange = _this._onDidPanelTitleChange.event;
+        _this._onDidPanelParametersChange = new events_1.Emitter();
+        _this.onDidPanelParametersChange = _this._onDidPanelParametersChange.event;
         _this._onDidRemovePanel = new events_1.Emitter();
         _this.onDidRemovePanel = _this._onDidRemovePanel.event;
         _this._onDidActivePanelChange = new events_1.Emitter();
@@ -619,9 +624,15 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         if (this.mostRecentlyUsed.includes(panel)) {
             this.mostRecentlyUsed.splice(this.mostRecentlyUsed.indexOf(panel), 1);
         }
+        var disposable = this._panelDisposables.get(panel.id);
+        if (disposable) {
+            disposable.dispose();
+            this._panelDisposables.delete(panel.id);
+        }
         this._onDidRemovePanel.fire({ panel: panel });
     };
     DockviewGroupPanelModel.prototype.doAddPanel = function (panel, index, options) {
+        var _this = this;
         if (index === void 0) { index = this.panels.length; }
         if (options === void 0) { options = { skipSetActive: false }; }
         var existingPanel = this._panels.indexOf(panel);
@@ -638,6 +649,11 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         }
         this.updateMru(panel);
         this.panels.splice(index, 0, panel);
+        this._panelDisposables.set(panel.id, new lifecycle_1.CompositeDisposable(panel.api.onDidTitleChange(function (event) {
+            return _this._onDidPanelTitleChange.fire(event);
+        }), panel.api.onDidParametersChange(function (event) {
+            return _this._onDidPanelParametersChange.fire(event);
+        })));
         this._onDidAddPanel.fire({ panel: panel });
     };
     DockviewGroupPanelModel.prototype.doSetActivePanel = function (panel) {

package/dist/cjs/dockview/dockviewPanel.d.ts

@@ -36,7 +36,7 @@ export declare class DockviewPanel extends CompositeDisposable implements IDockv
     get title(): string | undefined;
     get group(): DockviewGroupPanel;
     get renderer(): DockviewPanelRenderer;
-    constructor(id: string, accessor: DockviewComponent, containerApi: DockviewApi, group: DockviewGroupPanel, view: IDockviewPanelModel, options: {
+    constructor(id: string, component: string, tabComponent: string | undefined, accessor: DockviewComponent, containerApi: DockviewApi, group: DockviewGroupPanel, view: IDockviewPanelModel, options: {
         renderer?: DockviewPanelRenderer;
     });
     init(params: IGroupPanelInitParameters): void;

package/dist/cjs/dockview/dockviewPanel.js

@@ -43,7 +43,7 @@ var lifecycle_1 = require("../lifecycle");
 var panelApi_1 = require("../api/panelApi");
 var DockviewPanel = /** @class */ (function (_super) {
     __extends(DockviewPanel, _super);
-    function DockviewPanel(id, accessor, containerApi, group, view, options) {
+    function DockviewPanel(id, component, tabComponent, accessor, containerApi, group, view, options) {
         var _this = _super.call(this) || this;
         _this.id = id;
         _this.accessor = accessor;
@@ -51,7 +51,7 @@ var DockviewPanel = /** @class */ (function (_super) {
         _this.view = view;
         _this._renderer = options.renderer;
         _this._group = group;
-        _this.api = new dockviewPanelApi_1.DockviewPanelApiImpl(_this, _this._group, accessor);
+        _this.api = new dockviewPanelApi_1.DockviewPanelApiImpl(_this, _this._group, accessor, component, tabComponent);
         _this.addDisposables(_this.api.onActiveChange(function () {
             accessor.setActivePanel(_this);
         }), _this.api.onDidSizeChange(function (event) {

package/dist/cjs/gridview/gridviewPanel.js

@@ -33,7 +33,7 @@ var events_1 = require("../events");
 var GridviewPanel = /** @class */ (function (_super) {
     __extends(GridviewPanel, _super);
     function GridviewPanel(id, component, options, api) {
-        var _this = _super.call(this, id, component, api !== null && api !== void 0 ? api : new gridviewPanelApi_1.GridviewPanelApiImpl(id)) || this;
+        var _this = _super.call(this, id, component, api !== null && api !== void 0 ? api : new gridviewPanelApi_1.GridviewPanelApiImpl(id, component)) || this;
         _this._evaluatedMinimumWidth = 0;
         _this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
         _this._evaluatedMinimumHeight = 0;

package/dist/cjs/paneview/paneviewPanel.js

@@ -51,7 +51,7 @@ 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)) || this;
+        var _this = _super.call(this, id, component, new paneviewPanelApi_1.PaneviewPanelApiImpl(id, component)) || this;
         _this.headerComponent = headerComponent;
         _this._onDidChangeExpansionState = new events_1.Emitter({ replay: true });
         _this.onDidChangeExpansionState = _this._onDidChangeExpansionState.event;

package/dist/cjs/splitview/splitviewPanel.js

@@ -50,7 +50,7 @@ var events_1 = require("../events");
 var SplitviewPanel = /** @class */ (function (_super) {
     __extends(SplitviewPanel, _super);
     function SplitviewPanel(id, componentName) {
-        var _this = _super.call(this, id, componentName, new splitviewPanelApi_1.SplitviewPanelApiImpl(id)) || this;
+        var _this = _super.call(this, id, componentName, new splitviewPanelApi_1.SplitviewPanelApiImpl(id, componentName)) || this;
         _this._evaluatedMinimumSize = 0;
         _this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
         _this._minimumSize = 0;

package/dist/dockview-core.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 1.10.1
+ * @version 1.10.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4265,6 +4265,7 @@ define(['exports'], (function (exports) { 'use strict';
           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();
@@ -4279,6 +4280,10 @@ define(['exports'], (function (exports) { 'use strict';
           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();
@@ -4567,6 +4572,11 @@ define(['exports'], (function (exports) { 'use strict';
           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 }) {
@@ -4584,6 +4594,7 @@ define(['exports'], (function (exports) { 'use strict';
           }
           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) {
@@ -5007,14 +5018,16 @@ define(['exports'], (function (exports) { 'use strict';
       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;
@@ -5032,8 +5045,8 @@ define(['exports'], (function (exports) { 'use strict';
           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) => {
@@ -5043,10 +5056,14 @@ define(['exports'], (function (exports) { 'use strict';
           }), 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,
               });
@@ -5059,14 +5076,14 @@ define(['exports'], (function (exports) { 'use strict';
           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;
           //
@@ -5091,8 +5108,8 @@ define(['exports'], (function (exports) { 'use strict';
       set pane(pane) {
           this._pane = pane;
       }
-      constructor(id) {
-          super(id);
+      constructor(id, component) {
+          super(id, component);
           this._onDidExpansionChange = new Emitter({
               replay: true,
           });
@@ -5251,7 +5268,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;
@@ -5482,8 +5499,8 @@ define(['exports'], (function (exports) { 'use strict';
   }
 
   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();
@@ -5554,7 +5571,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;
@@ -5662,7 +5679,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;
@@ -5836,8 +5853,11 @@ define(['exports'], (function (exports) { 'use strict';
       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();
@@ -5851,6 +5871,7 @@ define(['exports'], (function (exports) { 'use strict';
           this._onDidLocationChange = new Emitter();
           this.onDidLocationChange = this._onDidLocationChange.event;
           this.groupEventsDisposable = new MutableDisposable();
+          this._tabComponent = tabComponent;
           this.initialize(panel);
           this._group = group;
           this.setupGroupEventListeners();
@@ -5933,7 +5954,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;
@@ -5941,7 +5962,7 @@ define(['exports'], (function (exports) { 'use strict';
           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) => {
@@ -6236,7 +6257,7 @@ define(['exports'], (function (exports) { 'use strict';
               ? (_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({
@@ -8246,6 +8267,8 @@ define(['exports'], (function (exports) { 'use strict';
                   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 });
           }
@@ -8258,7 +8281,7 @@ define(['exports'], (function (exports) { 'use strict';
           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 : {},
@@ -9173,7 +9196,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;