dockview 1.1.0 → 1.3.1

package/dist/esm/gridview/baseComponentGridview.js

@@ -1,22 +1,9 @@
-import { Emitter, TickDelayedEvent } from '../events';
+import { Emitter, Event, TickDelayedEvent } from '../events';
 import { getGridLocation, Gridview } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { CompositeDisposable } from '../lifecycle';
 import { sequentialNumberGenerator } from '../math';
 import { Sizing, } from '../splitview/core/splitview';
-export var GroupChangeKind;
-(function (GroupChangeKind) {
-    GroupChangeKind["ADD_PANEL"] = "ADD_PANEL";
-    GroupChangeKind["REMOVE_PANEL"] = "REMOVE_PANEL";
-    GroupChangeKind["PANEL_ACTIVE"] = "PANEL_ACTIVE";
-    //
-    GroupChangeKind["GROUP_ACTIVE"] = "GROUP_ACTIVE";
-    GroupChangeKind["ADD_GROUP"] = "ADD_GROUP";
-    GroupChangeKind["REMOVE_GROUP"] = "REMOVE_GROUP";
-    //
-    GroupChangeKind["LAYOUT_FROM_JSON"] = "LAYOUT_FROM_JSON";
-    GroupChangeKind["LAYOUT"] = "LAYOUT";
-})(GroupChangeKind || (GroupChangeKind = {}));
 const nextLayoutId = sequentialNumberGenerator();
 export function toTarget(direction) {
     switch (direction) {
@@ -39,9 +26,6 @@ export class BaseGrid extends CompositeDisposable {
         this._element = _element;
         this._id = nextLayoutId.next();
         this._groups = new Map();
-        //
-        this._onGridEvent = new Emitter();
-        this.onGridEvent = this._onGridEvent.event;
         this._onDidLayoutChange = new Emitter();
         this.onDidLayoutChange = this._onDidLayoutChange.event;
         this._onDidRemoveGroup = new Emitter();
@@ -50,30 +34,18 @@ export class BaseGrid extends CompositeDisposable {
         this.onDidAddGroup = this._onDidAddGroup.event;
         this._onDidActiveGroupChange = new Emitter();
         this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
+        this._bufferOnDidLayoutChange = new TickDelayedEvent();
         this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation);
         this.element.appendChild(this.gridview.element);
         this.layout(0, 0, true); // set some elements height/widths
         this.addDisposables(this.gridview.onDidChange(() => {
-            this._onGridEvent.fire({ kind: GroupChangeKind.LAYOUT });
+            this._onDidLayoutChange.fire();
         }));
-        this.addDisposables((() => {
-            const tickDelayedEvent = new TickDelayedEvent();
-            return new CompositeDisposable(this.onGridEvent((event) => {
-                if ([
-                    GroupChangeKind.ADD_GROUP,
-                    GroupChangeKind.REMOVE_GROUP,
-                    GroupChangeKind.ADD_PANEL,
-                    GroupChangeKind.REMOVE_PANEL,
-                    GroupChangeKind.GROUP_ACTIVE,
-                    GroupChangeKind.PANEL_ACTIVE,
-                    GroupChangeKind.LAYOUT,
-                ].includes(event.kind)) {
-                    tickDelayedEvent.fire();
-                }
-            }), tickDelayedEvent.onEvent(() => {
-                this._onDidLayoutChange.fire();
-            }), tickDelayedEvent);
-        })());
+        this.addDisposables(Event.any(this.onDidAddGroup, this.onDidRemoveGroup, this.onDidActiveGroupChange)(() => {
+            this._bufferOnDidLayoutChange.fire();
+        }), this._bufferOnDidLayoutChange.onEvent(() => {
+            this._onDidLayoutChange.fire();
+        }), this._bufferOnDidLayoutChange);
     }
     get id() {
         return this._id;
@@ -110,14 +82,13 @@ export class BaseGrid extends CompositeDisposable {
     }
     setVisible(panel, visible) {
         this.gridview.setViewVisible(getGridLocation(panel.element), visible);
-        this._onGridEvent.fire({ kind: GroupChangeKind.LAYOUT });
+        this._onDidLayoutChange.fire();
     }
     isVisible(panel) {
         return this.gridview.isViewVisible(getGridLocation(panel.element));
     }
     doAddGroup(group, location = [0], size) {
         this.gridview.addView(group, size !== null && size !== void 0 ? size : Sizing.Distribute, location);
-        this._onGridEvent.fire({ kind: GroupChangeKind.ADD_GROUP });
         this._onDidAddGroup.fire(group);
         this.doSetGroupActive(group);
     }
@@ -129,9 +100,9 @@ export class BaseGrid extends CompositeDisposable {
         const view = this.gridview.remove(group, Sizing.Distribute);
         if (item && !(options === null || options === void 0 ? void 0 : options.skipDispose)) {
             item.disposable.dispose();
+            item.value.dispose();
             this._groups.delete(group.id);
         }
-        this._onGridEvent.fire({ kind: GroupChangeKind.REMOVE_GROUP });
         this._onDidRemoveGroup.fire(group);
         if (!(options === null || options === void 0 ? void 0 : options.skipActive) && this._activeGroup === group) {
             const groups = Array.from(this._groups.values());
@@ -160,9 +131,6 @@ export class BaseGrid extends CompositeDisposable {
             }
         }
         this._activeGroup = group;
-        this._onGridEvent.fire({
-            kind: GroupChangeKind.GROUP_ACTIVE,
-        });
         this._onDidActiveGroupChange.fire(group);
     }
     removeGroup(group) {
@@ -219,11 +187,13 @@ export class BaseGrid extends CompositeDisposable {
     }
     dispose() {
         super.dispose();
-        this._onGridEvent.dispose();
         this._onDidActiveGroupChange.dispose();
         this._onDidAddGroup.dispose();
         this._onDidRemoveGroup.dispose();
         this._onDidLayoutChange.dispose();
+        for (const group of this.groups) {
+            group.dispose();
+        }
         this.gridview.dispose();
     }
 }

package/dist/esm/gridview/basePanelView.js

@@ -66,7 +66,9 @@ export class BasePanelView extends CompositeDisposable {
         };
     }
     dispose() {
+        var _a;
         super.dispose();
         this.api.dispose();
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
     }
 }

package/dist/esm/gridview/branchNode.js

@@ -40,7 +40,7 @@ export class BranchNode extends CompositeDisposable {
                             : true,
                     };
                 }),
-                size: this.orthogonalSize,
+                size: this.size,
             };
             this.children = childDescriptors.map((c) => c.node);
             this.splitview = new Splitview(this.element, {
@@ -201,7 +201,7 @@ export class BranchNode extends CompositeDisposable {
     }
     setupChildrenEvents() {
         this._childrenDisposable.dispose();
-        this._childrenDisposable = Event.any(...this.children.map((c) => c.onDidChange))((e) => {
+        this._childrenDisposable = Event.any(...this.children.map((c) => c.onDidChange))(() => {
             /**
              * indicate a change has occured to allows any re-rendering but don't bubble
              * event because that was specific to this branch

package/dist/esm/gridview/gridview.js

@@ -149,6 +149,7 @@ export class Gridview {
         this.disposable.dispose();
         this._onDidChange.dispose();
         this.root.dispose();
+        this.element.remove();
     }
     clear() {
         const orientation = this.root.orientation;
@@ -351,7 +352,7 @@ export class Gridview {
         const [parentIndex, ...__] = [...rest].reverse();
         const isSiblingVisible = parent.isChildVisible(0);
         parent.removeChild(0, sizing);
-        const sizes = grandParent.children.map((size, i) => grandParent.getChildSize(i));
+        const sizes = grandParent.children.map((_size, i) => grandParent.getChildSize(i));
         grandParent.removeChild(parentIndex, sizing);
         if (sibling instanceof BranchNode) {
             sizes.splice(parentIndex, 1, ...sibling.children.map((c) => c.size));

package/dist/esm/gridview/gridviewComponent.d.ts

@@ -5,12 +5,8 @@ import { GridviewComponentOptions } from './options';
 import { BaseGrid, Direction, IBaseGrid, IGridPanelView } from './baseComponentGridview';
 import { GridviewPanel, GridviewInitParameters, GridPanelViewState, IGridviewPanel } from './gridviewPanel';
 import { BaseComponentOptions } from '../panel/types';
-import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
 import { Orientation, Sizing } from '../splitview/core/splitview';
 import { Event } from '../events';
-interface PanelReference {
-    api: GridviewPanelApiImpl;
-}
 export interface SerializedGridview {
     grid: {
         height: number;
@@ -21,7 +17,6 @@ export interface SerializedGridview {
     activePanel?: string;
 }
 export interface AddComponentOptions extends BaseComponentOptions {
-    size?: number;
     minimumWidth?: number;
     maximumWidth?: number;
     minimumHeight?: number;
@@ -44,7 +39,7 @@ export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
     toggleVisibility(panel: IGridviewPanel): void;
     focus(): void;
-    fromJSON(serializedGridview: SerializedGridview, deferComponentLayout?: boolean): void;
+    fromJSON(serializedGridview: SerializedGridview): void;
     toJSON(): SerializedGridview;
     movePanel(panel: IGridviewPanel, options: {
         direction: Direction;
@@ -77,16 +72,15 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
     setActive(panel: GridviewPanel): void;
     toggleVisibility(panel: GridviewPanel): void;
     focus(): void;
-    fromJSON(serializedGridview: SerializedGridview, deferComponentLayout?: boolean): void;
+    fromJSON(serializedGridview: SerializedGridview): void;
     movePanel(panel: GridviewPanel, options: {
         direction: Direction;
         reference: string;
         size?: number;
     }): void;
-    addPanel(options: AddComponentOptions): PanelReference;
+    addPanel(options: AddComponentOptions): void;
     private registerPanel;
     moveGroup(referenceGroup: IGridPanelComponentView, groupId: string, target: Position): void;
     removeGroup(group: GridviewPanel): void;
     dispose(): void;
 }
-export {};

package/dist/esm/gridview/gridviewComponent.js

@@ -2,7 +2,7 @@ import { getRelativeLocation, getGridLocation, } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { tail, sequenceEquals } from '../array';
 import { CompositeDisposable } from '../lifecycle';
-import { BaseGrid, GroupChangeKind, toTarget, } from './baseComponentGridview';
+import { BaseGrid, toTarget, } from './baseComponentGridview';
 import { GridviewApi } from '../api/component.api';
 import { createComponent } from '../panel/componentFactory';
 import { Emitter } from '../events';
@@ -67,7 +67,7 @@ export class GridviewComponent extends BaseGrid {
         this.gridview.setViewVisible(getGridLocation(panel.element), visible);
     }
     setActive(panel) {
-        this._groups.forEach((value, key) => {
+        this._groups.forEach((value, _key) => {
             value.value.setActive(panel === value.value);
         });
     }
@@ -78,10 +78,14 @@ export class GridviewComponent extends BaseGrid {
         var _a;
         (_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    fromJSON(serializedGridview, deferComponentLayout) {
+    fromJSON(serializedGridview) {
         const { grid, activePanel } = serializedGridview;
+        const groups = Array.from(this._groups.values()); // reassign since group panels will mutate
+        for (const group of groups) {
+            group.disposable.dispose();
+            this.doRemoveGroup(group.value, { skipActive: true });
+        }
         this.gridview.clear();
-        this._groups.clear();
         const queue = [];
         this.gridview.deserialize(grid, {
             fromJSON: (node) => {
@@ -108,21 +112,13 @@ export class GridviewComponent extends BaseGrid {
             },
         });
         this.layout(this.width, this.height, true);
-        if (deferComponentLayout) {
-            setTimeout(() => {
-                queue.forEach((f) => f());
-            }, 0);
-        }
-        else {
-            queue.forEach((f) => f());
-        }
+        queue.forEach((f) => f());
         if (typeof activePanel === 'string') {
             const panel = this.getPanel(activePanel);
             if (panel) {
                 this.doSetGroupActive(panel);
             }
         }
-        this._onGridEvent.fire({ kind: GroupChangeKind.LAYOUT_FROM_JSON });
         this._onDidLayoutfromJSON.fire();
     }
     movePanel(panel, options) {
@@ -179,7 +175,6 @@ export class GridviewComponent extends BaseGrid {
         });
         this.registerPanel(view);
         this.doAddGroup(view, relativeLocation, options.size);
-        return { api: view.api };
     }
     registerPanel(panel) {
         const disposable = new CompositeDisposable(panel.api.onDidFocusChange((event) => {
@@ -230,11 +225,6 @@ export class GridviewComponent extends BaseGrid {
     }
     removeGroup(group) {
         super.removeGroup(group);
-        const panel = this._groups.get(group.id);
-        if (panel) {
-            panel.disposable.dispose();
-            this._groups.delete(group.id);
-        }
     }
     dispose() {
         super.dispose();

package/dist/esm/groupview/groupPanel.d.ts

@@ -18,6 +18,7 @@ export interface IGroupPanel extends IDisposable, IPanel {
     readonly api: DockviewPanelApi;
     readonly title: string;
     readonly suppressClosable: boolean;
+    readonly params: Record<string, any> | undefined;
     updateParentGroup(group: GroupviewPanel, isGroupActive: boolean): void;
     init(params: IGroupPanelInitParameters): void;
     toJSON(): GroupviewPanelState;

package/dist/esm/groupview/groupview.d.ts

@@ -119,6 +119,7 @@ export declare class Groupview extends CompositeDisposable implements IGroupview
     get maximumHeight(): number;
     get minimumWidth(): number;
     get maximumWidth(): number;
+    get hasWatermark(): boolean;
     constructor(container: HTMLElement, accessor: IDockviewComponent, id: string, options: GroupOptions, parent: GroupviewPanel);
     initialize(): void;
     isContentFocused(): boolean;
@@ -133,8 +134,8 @@ export declare class Groupview extends CompositeDisposable implements IGroupview
         suppressRoll?: boolean;
     }): void;
     containsPanel(panel: IGroupPanel): boolean;
-    init(params: PanelInitParameters): void;
-    update(params: PanelUpdateEvent): void;
+    init(_params: PanelInitParameters): void;
+    update(_params: PanelUpdateEvent): void;
     focus(): void;
     openPanel(panel: IGroupPanel, options?: {
         index?: number;

package/dist/esm/groupview/groupview.js

@@ -99,6 +99,9 @@ export class Groupview extends CompositeDisposable {
     get maximumWidth() {
         return Number.MAX_SAFE_INTEGER;
     }
+    get hasWatermark() {
+        return !!(this.watermark && this.container.contains(this.watermark.element));
+    }
     initialize() {
         var _a, _b;
         if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.panels) {
@@ -177,10 +180,10 @@ export class Groupview extends CompositeDisposable {
     containsPanel(panel) {
         return this.panels.includes(panel);
     }
-    init(params) {
+    init(_params) {
         //noop
     }
-    update(params) {
+    update(_params) {
         //noop
     }
     focus() {
@@ -403,10 +406,12 @@ export class Groupview extends CompositeDisposable {
         }
     }
     dispose() {
+        var _a;
+        super.dispose();
+        (_a = this.watermark) === null || _a === void 0 ? void 0 : _a.dispose();
         for (const panel of this.panels) {
             panel.dispose();
         }
-        super.dispose();
         this.dropTarget.dispose();
         this.tabsContainer.dispose();
         this.contentContainer.dispose();

package/dist/esm/groupview/panel/content.d.ts

@@ -24,7 +24,7 @@ export declare class ContentContainer extends CompositeDisposable implements ICo
     show(): void;
     hide(): void;
     openPanel(panel: IGroupPanel): void;
-    layout(width: number, height: number): void;
+    layout(_width: number, _height: number): void;
     closePanel(): void;
     dispose(): void;
 }

package/dist/esm/groupview/panel/content.js

@@ -56,7 +56,7 @@ export class ContentContainer extends CompositeDisposable {
         }
         this.disposable.value = disposable;
     }
-    layout(width, height) {
+    layout(_width, _height) {
         // noop
     }
     closePanel() {

package/dist/esm/hostedContainer.js

@@ -23,10 +23,10 @@ export class HostedContainer {
         /**
          * When dragging somebody
          */
-        window.addEventListener('dragstart', (ev) => {
+        window.addEventListener('dragstart', () => {
             this.element.style.pointerEvents = 'none';
         });
-        window.addEventListener('dragend', (ev) => {
+        window.addEventListener('dragend', () => {
             this.element.style.pointerEvents = '';
         });
         window.addEventListener('mousemove', (ev) => {

package/dist/esm/index.d.ts

@@ -1,5 +1,3 @@
-export * from './events';
-export * from './lifecycle';
 export * from './dnd/dataTransfer';
 export * from './api/component.api';
 export * from './splitview/core/splitview';
@@ -20,6 +18,8 @@ export * from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';
 export * from './groupview/groupPanel';
 export * from './react';
+export { Event } from './events';
+export { IDisposable } from './lifecycle';
 export { Position } from './dnd/droptarget';
 export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
 export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/gridviewPanelApi';

package/dist/esm/index.js

@@ -1,5 +1,3 @@
-export * from './events';
-export * from './lifecycle';
 export * from './dnd/dataTransfer';
 export * from './api/component.api';
 export * from './splitview/core/splitview';
@@ -20,4 +18,5 @@ export * from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';
 export * from './groupview/groupPanel';
 export * from './react'; // TODO: should be conditional on whether user wants the React wrappers
+export { Event } from './events';
 export { Position } from './dnd/droptarget';

package/dist/esm/panel/types.d.ts

@@ -29,4 +29,5 @@ export interface BaseComponentOptions {
     params?: Parameters;
     snap?: boolean;
     priority?: LayoutPriority;
+    size?: number;
 }

package/dist/esm/paneview/defaultPaneviewHeader.d.ts

@@ -13,6 +13,6 @@ export declare class DefaultHeader extends CompositeDisposable implements IPaneH
     init(params: PanePanelInitParameter & {
         api: PaneviewPanelApiImpl;
     }): void;
-    update(params: PanelUpdateEvent): void;
+    update(_params: PanelUpdateEvent): void;
     dispose(): void;
 }

package/dist/esm/paneview/defaultPaneviewHeader.js

@@ -27,7 +27,7 @@ export class DefaultHeader extends CompositeDisposable {
             this._expander.textContent = e.isExpanded ? '<' : '>';
         });
     }
-    update(params) {
+    update(_params) {
         //
     }
     dispose() {

package/dist/esm/paneview/draggablePaneviewPanel.js

@@ -30,7 +30,7 @@ export class DraggablePaneviewPanel extends PaneviewPanel {
         })(this.header);
         this.target = new Droptarget(this.element, {
             validOverlays: 'vertical',
-            canDisplayOverlay: (event) => {
+            canDisplayOverlay: () => {
                 const data = getPaneData();
                 if (!data) {
                     return true;

package/dist/esm/paneview/paneview.d.ts

@@ -29,7 +29,9 @@ export declare class Paneview extends CompositeDisposable implements IDisposable
     addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
     getViewSize(index: number): number;
     getPanes(): PaneviewPanel[];
-    removePane(index: number): PaneItem;
+    removePane(index: number, options?: {
+        skipDispose: boolean;
+    }): PaneItem;
     moveView(from: number, to: number): void;
     layout(size: number, orthogonalSize: number): void;
     private setupAnimation;

package/dist/esm/paneview/paneview.js

@@ -21,7 +21,7 @@ export class Paneview extends CompositeDisposable {
         });
         // if we've added views from the descriptor we need to
         // add the panes to our Pane array and setup animation
-        this.getPanes().forEach((pane, index) => {
+        this.getPanes().forEach((pane) => {
             const disposable = new CompositeDisposable(pane.onDidChangeExpansionState(() => {
                 this.setupAnimation();
                 this._onDidChange.fire(undefined);
@@ -89,17 +89,20 @@ export class Paneview extends CompositeDisposable {
     getPanes() {
         return this.splitview.getViews();
     }
-    removePane(index) {
+    removePane(index, options = { skipDispose: false }) {
         const paneItem = this.paneItems.splice(index, 1)[0];
         this.splitview.removeView(index);
-        paneItem.disposable.dispose();
+        if (!options.skipDispose) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        }
         return paneItem;
     }
     moveView(from, to) {
         if (from === to) {
             return;
         }
-        const view = this.removePane(from);
+        const view = this.removePane(from, { skipDispose: true });
         this.skipAnimation = true;
         try {
             this.addPane(view.pane, view.pane.size, to, false);
@@ -127,15 +130,16 @@ export class Paneview extends CompositeDisposable {
     }
     dispose() {
         super.dispose();
-        this.splitview.dispose();
         if (this.animationTimer) {
             clearTimeout(this.animationTimer);
             this.animationTimer = undefined;
         }
         this.paneItems.forEach((paneItem) => {
             paneItem.disposable.dispose();
+            paneItem.pane.dispose();
         });
         this.paneItems = [];
+        this.splitview.dispose();
         this.element.remove();
     }
 }

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

@@ -41,7 +41,7 @@ export declare class PaneFramework extends DraggablePaneviewPanel {
     getBodyComponent(): IPaneBodyPart;
     getHeaderComponent(): IPaneHeaderPart;
 }
-export interface AddPaneviewCompponentOptions {
+export interface AddPaneviewComponentOptions {
     id: string;
     component: string;
     headerComponent?: string;
@@ -64,10 +64,11 @@ export interface IPaneviewComponent extends IDisposable {
     readonly onDidRemoveView: Event<PaneviewPanel>;
     readonly onDidDrop: Event<PaneviewDropEvent2>;
     readonly onDidLayoutChange: Event<void>;
-    addPanel(options: AddPaneviewCompponentOptions): IDisposable;
+    readonly onDidLayoutFromJSON: Event<void>;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
     layout(width: number, height: number): void;
     toJSON(): SerializedPaneview;
-    fromJSON(serializedPaneview: SerializedPaneview, deferComponentLayout?: boolean): void;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
     resizeToFit(): void;
     focus(): void;
     getPanels(): IPaneviewPanel[];
@@ -79,7 +80,10 @@ export interface IPaneviewComponent extends IDisposable {
 export declare class PaneviewComponent extends CompositeDisposable implements IPaneviewComponent {
     private element;
     private _disposable;
+    private _viewDisposables;
     private _paneview;
+    private readonly _onDidLayoutfromJSON;
+    readonly onDidLayoutFromJSON: Event<void>;
     private readonly _onDidLayoutChange;
     readonly onDidLayoutChange: Event<void>;
     private readonly _onDidDrop;
@@ -99,7 +103,7 @@ export declare class PaneviewComponent extends CompositeDisposable implements IP
     constructor(element: HTMLElement, options: PaneviewComponentOptions);
     focus(): void;
     updateOptions(options: Partial<PaneviewComponentOptions>): void;
-    addPanel(options: AddPaneviewCompponentOptions): IDisposable;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
     getPanels(): PaneviewPanel[];
     removePanel(panel: PaneviewPanel): void;
     movePanel(from: number, to: number): void;
@@ -110,5 +114,8 @@ export declare class PaneviewComponent extends CompositeDisposable implements IP
      */
     resizeToFit(): void;
     toJSON(): SerializedPaneview;
-    fromJSON(serializedPaneview: SerializedPaneview, deferComponentLayout?: boolean): void;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
+    private doAddPanel;
+    private doRemovePanel;
+    dispose(): void;
 }