dockview-core 1.10.0 → 1.10.2

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/dockview/options.d.ts

@@ -1,14 +1,14 @@
 import { DockviewApi } from '../api/component.api';
 import { Direction } from '../gridview/baseComponentGridview';
 import { IGridView } from '../gridview/gridview';
-import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer, DockviewDropTargets } from './types';
+import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from './types';
 import { Parameters } from '../panel/types';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { ISplitviewStyles, Orientation } from '../splitview/splitview';
 import { PanelTransfer } from '../dnd/dataTransfer';
 import { IDisposable } from '../lifecycle';
 import { DroptargetOverlayModel, Position } from '../dnd/droptarget';
-import { GroupOptions } from './dockviewGroupPanelModel';
+import { DockviewGroupDropLocation, GroupOptions } from './dockviewGroupPanelModel';
 import { IDockviewPanel } from './dockviewPanel';
 import { ComponentConstructor, FrameworkFactory } from '../panel/componentFactory';
 import { DockviewGroupPanelApi } from '../api/dockviewGroupPanelApi';
@@ -50,7 +50,7 @@ export interface ViewFactoryData {
 }
 export interface DockviewDndOverlayEvent {
     nativeEvent: DragEvent;
-    target: DockviewDropTargets;
+    target: DockviewGroupDropLocation;
     position: Position;
     group?: DockviewGroupPanel;
     getData: () => PanelTransfer | undefined;

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

@@ -6,7 +6,6 @@ import { Event } from '../events';
 import { Optional } from '../types';
 import { DockviewGroupPanel, IDockviewGroupPanel } from './dockviewGroupPanel';
 import { DockviewPanelRenderer } from '../overlayRenderContainer';
-export type DockviewDropTargets = 'tab' | 'panel' | 'tabContainer' | 'edge';
 export interface HeaderPartInitParameters {
     title: string;
 }

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;
@@ -58,10 +58,10 @@ var GridviewPanel = /** @class */ (function (_super) {
             _this._maximumHeight = options.maximumHeight;
         }
         _this.api.initialize(_this); // TODO: required to by-pass 'super before this' requirement
-        _this.addDisposables(_this.api.onDidHiddenChange(function (event) {
-            var isHidden = event.isHidden;
+        _this.addDisposables(_this.api.onWillVisibilityChange(function (event) {
+            var isVisible = event.isVisible;
             var accessor = _this._params.accessor;
-            accessor.setVisible(_this, !isHidden);
+            accessor.setVisible(_this, isVisible);
         }), _this.api.onActiveChange(function () {
             var accessor = _this._params.accessor;
             accessor.doSetGroupActive(_this);

package/dist/cjs/lifecycle.d.ts

@@ -1,5 +1,5 @@
 export interface IDisposable {
-    dispose: () => void;
+    dispose(): void;
 }
 export interface IValueDisposable<T> {
     readonly value: T;

package/dist/cjs/paneview/paneview.d.ts

@@ -26,6 +26,7 @@ export declare class Paneview extends CompositeDisposable implements IDisposable
         orientation: Orientation;
         descriptor?: ISplitViewDescriptor;
     });
+    setViewVisible(index: number, visible: boolean): void;
     addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
     getViewSize(index: number): number;
     getPanes(): PaneviewPanel[];

package/dist/cjs/paneview/paneview.js

@@ -114,6 +114,9 @@ var Paneview = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Paneview.prototype.setViewVisible = function (index, visible) {
+        this.splitview.setViewVisible(index, visible);
+    };
     Paneview.prototype.addPane = function (pane, size, index, skipLayout) {
         var _this = this;
         if (index === void 0) { index = this.splitview.length; }

package/dist/cjs/paneview/paneviewComponent.d.ts

@@ -84,6 +84,7 @@ export interface IPaneviewComponent extends IDisposable {
     getPanel(id: string): IPaneviewPanel | undefined;
     movePanel(from: number, to: number): void;
     updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    setVisible(panel: IPaneviewPanel, visible: boolean): void;
     clear(): void;
 }
 export declare class PaneviewComponent extends Resizable implements IPaneviewComponent {
@@ -112,6 +113,7 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     get width(): number;
     get options(): PaneviewComponentOptions;
     constructor(options: PaneviewComponentOptions);
+    setVisible(panel: PaneviewPanel, visible: boolean): void;
     focus(): void;
     updateOptions(options: Partial<PaneviewComponentOptions>): void;
     addPanel<T extends object = Parameters>(options: AddPaneviewComponentOptions<T>): IPaneviewPanel;

package/dist/cjs/paneview/paneviewComponent.js

@@ -180,6 +180,10 @@ var PaneviewComponent = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    PaneviewComponent.prototype.setVisible = function (panel, visible) {
+        var index = this.panels.indexOf(panel);
+        this.paneview.setViewVisible(index, visible);
+    };
     PaneviewComponent.prototype.focus = function () {
         //noop
     };
@@ -226,6 +230,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
             isExpanded: options.isExpanded,
             title: options.title,
             containerApi: new component_api_1.PaneviewApi(this),
+            accessor: this,
         });
         this.paneview.addPane(view, size, index);
         view.orientation = this.paneview.orientation;
@@ -329,6 +334,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                             title: data.title,
                             isExpanded: !!view.expanded,
                             containerApi: new component_api_1.PaneviewApi(_this),
+                            accessor: _this,
                         });
                         panel.orientation = _this.paneview.orientation;
                     });

package/dist/cjs/paneview/paneviewPanel.d.ts

@@ -5,6 +5,7 @@ import { BasePanelView, BasePanelViewExported, BasePanelViewState } from '../gri
 import { IDisposable } from '../lifecycle';
 import { IFrameworkPart, PanelInitParameters, PanelUpdateEvent } from '../panel/types';
 import { IView, Orientation } from '../splitview/splitview';
+import { PaneviewComponent } from './paneviewComponent';
 export interface PanePanelViewState extends BasePanelViewState {
     headerComponent?: string;
     title: string;
@@ -15,6 +16,7 @@ export interface PanePanelInitParameter extends PanelInitParameters {
     isExpanded?: boolean;
     title: string;
     containerApi: PaneviewApi;
+    accessor: PaneviewComponent;
 }
 export interface PanePanelComponentInitParameter extends PanePanelInitParameter {
     api: PaneviewPanelApiImpl;

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;
@@ -71,7 +71,11 @@ var PaneviewPanel = /** @class */ (function (_super) {
         _this._onDidChangeExpansionState.fire(_this.isExpanded()); // initialize value
         _this._orientation = orientation;
         _this.element.classList.add('pane');
-        _this.addDisposables(_this.api.onDidSizeChange(function (event) {
+        _this.addDisposables(_this.api.onWillVisibilityChange(function (event) {
+            var isVisible = event.isVisible;
+            var accessor = _this._params.accessor;
+            accessor.setVisible(_this, isVisible);
+        }), _this.api.onDidSizeChange(function (event) {
             _this._onDidChange.fire({ size: event.size });
         }), (0, events_1.addDisposableListener)(_this.element, 'mouseenter', function (ev) {
             _this.api._onMouseEnter.fire(ev);

package/dist/cjs/splitview/splitviewComponent.d.ts

@@ -88,7 +88,7 @@ export declare class SplitviewComponent extends Resizable implements ISplitviewC
     focus(): void;
     movePanel(from: number, to: number): void;
     setVisible(panel: SplitviewPanel, visible: boolean): void;
-    setActive(view: SplitviewPanel, skipFocus?: boolean): void;
+    setActive(panel: SplitviewPanel, skipFocus?: boolean): void;
     removePanel(panel: SplitviewPanel, sizing?: Sizing): void;
     getPanel(id: string): SplitviewPanel | undefined;
     addPanel<T extends object = Parameters>(options: AddSplitviewComponentOptions<T>): SplitviewPanel;

package/dist/cjs/splitview/splitviewComponent.js

@@ -183,19 +183,19 @@ var SplitviewComponent = /** @class */ (function (_super) {
         var index = this.panels.indexOf(panel);
         this.splitview.setViewVisible(index, visible);
     };
-    SplitviewComponent.prototype.setActive = function (view, skipFocus) {
-        this._activePanel = view;
+    SplitviewComponent.prototype.setActive = function (panel, skipFocus) {
+        this._activePanel = panel;
         this.panels
-            .filter(function (v) { return v !== view; })
+            .filter(function (v) { return v !== panel; })
             .forEach(function (v) {
             v.api._onDidActiveChange.fire({ isActive: false });
             if (!skipFocus) {
                 v.focus();
             }
         });
-        view.api._onDidActiveChange.fire({ isActive: true });
+        panel.api._onDidActiveChange.fire({ isActive: true });
         if (!skipFocus) {
-            view.focus();
+            panel.focus();
         }
     };
     SplitviewComponent.prototype.removePanel = function (panel, sizing) {

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;
@@ -59,10 +59,10 @@ var SplitviewPanel = /** @class */ (function (_super) {
         _this._onDidChange = new events_1.Emitter();
         _this.onDidChange = _this._onDidChange.event;
         _this.api.initialize(_this);
-        _this.addDisposables(_this._onDidChange, _this.api.onDidHiddenChange(function (event) {
-            var isHidden = event.isHidden;
+        _this.addDisposables(_this._onDidChange, _this.api.onWillVisibilityChange(function (event) {
+            var isVisible = event.isVisible;
             var accessor = _this._params.accessor;
-            accessor.setVisible(_this, !isHidden);
+            accessor.setVisible(_this, isVisible);
         }), _this.api.onActiveChange(function () {
             var accessor = _this._params.accessor;
             accessor.setActive(_this);