dockview-core 1.9.1 → 1.10.0

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

@@ -13,11 +13,14 @@ export interface IDockviewPanel extends IDisposable, IPanel {
     readonly api: DockviewPanelApi;
     readonly title: string | undefined;
     readonly params: Parameters | undefined;
-    updateParentGroup(group: DockviewGroupPanel, isGroupActive: boolean): void;
+    updateParentGroup(group: DockviewGroupPanel, options?: {
+        skipSetActive?: boolean;
+    }): void;
     init(params: IGroupPanelInitParameters): void;
     toJSON(): GroupviewPanelState;
     setTitle(title: string): void;
     update(event: PanelUpdateEvent): void;
+    runEvents(): void;
 }
 export declare class DockviewPanel extends CompositeDisposable implements IDockviewPanel {
     readonly id: string;
@@ -42,8 +45,10 @@ export declare class DockviewPanel extends CompositeDisposable implements IDockv
     setTitle(title: string): void;
     setRenderer(renderer: DockviewPanelRenderer): void;
     update(event: PanelUpdateEvent): void;
-    updateParentGroup(group: DockviewGroupPanel, isGroupActive: boolean): void;
+    updateParentGroup(group: DockviewGroupPanel, options?: {
+        skipSetActive?: boolean;
+    }): void;
+    runEvents(): void;
     layout(width: number, height: number): void;
     dispose(): void;
 }
-//# sourceMappingURL=dockviewPanel.d.ts.map

package/dist/esm/dockview/dockviewPanel.js

@@ -1,5 +1,6 @@
 import { DockviewPanelApiImpl, } from '../api/dockviewPanelApi';
 import { CompositeDisposable } from '../lifecycle';
+import { WillFocusEvent } from '../api/panelApi';
 export class DockviewPanel extends CompositeDisposable {
     get params() {
         return this._params;
@@ -39,7 +40,14 @@ export class DockviewPanel extends CompositeDisposable {
         this.setTitle(params.title);
     }
     focus() {
-        this.api._onFocusEvent.fire();
+        const event = new WillFocusEvent();
+        this.api._onWillFocus.fire(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        if (!this.api.isActive) {
+            this.api.setActive();
+        }
     }
     toJSON() {
         return {
@@ -96,20 +104,40 @@ export class DockviewPanel extends CompositeDisposable {
             },
         });
     }
-    updateParentGroup(group, isGroupActive) {
+    updateParentGroup(group, options) {
         this._group = group;
-        this.api.group = group;
+        this.api.group = this._group;
         const isPanelVisible = this._group.model.isPanelActive(this);
-        this.api._onDidActiveChange.fire({
-            isActive: isGroupActive && isPanelVisible,
-        });
-        this.api._onDidVisibilityChange.fire({
-            isVisible: isPanelVisible,
-        });
-        this.view.updateParentGroup(this._group, this._group.model.isPanelActive(this));
+        const isActive = this.group.api.isActive && isPanelVisible;
+        if (!(options === null || options === void 0 ? void 0 : options.skipSetActive)) {
+            if (this.api.isActive !== isActive) {
+                this.api._onDidActiveChange.fire({
+                    isActive: this.group.api.isActive && isPanelVisible,
+                });
+            }
+        }
+        if (this.api.isVisible !== isPanelVisible) {
+            this.api._onDidVisibilityChange.fire({
+                isVisible: isPanelVisible,
+            });
+        }
+    }
+    runEvents() {
+        const isPanelVisible = this._group.model.isPanelActive(this);
+        const isActive = this.group.api.isActive && isPanelVisible;
+        if (this.api.isActive !== isActive) {
+            this.api._onDidActiveChange.fire({
+                isActive: this.group.api.isActive && isPanelVisible,
+            });
+        }
+        if (this.api.isVisible !== isPanelVisible) {
+            this.api._onDidVisibilityChange.fire({
+                isVisible: isPanelVisible,
+            });
+        }
     }
     layout(width, height) {
-        // the obtain the correct dimensions of the content panel we must deduct the tab height
+        // TODO: Can we somehow do height without header height or indicate what the header height is?
         this.api._onDidDimensionChange.fire({
             width,
             height: height,
@@ -121,4 +149,3 @@ export class DockviewPanel extends CompositeDisposable {
         this.view.dispose();
     }
 }
-//# sourceMappingURL=dockviewPanel.js.map

package/dist/esm/dockview/dockviewPanelModel.d.ts

@@ -20,17 +20,14 @@ export declare class DockviewPanelModel implements IDockviewPanelModel {
     readonly tabComponent?: string | undefined;
     private readonly _content;
     private readonly _tab;
-    private _group;
-    private _isPanelVisible;
     get content(): IContentRenderer;
     get tab(): ITabRenderer;
     constructor(accessor: IDockviewComponent, id: string, contentComponent: string, tabComponent?: string | undefined);
     init(params: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: DockviewGroupPanel, isPanelVisible: boolean): void;
+    updateParentGroup(_group: DockviewGroupPanel, _isPanelVisible: boolean): void;
     layout(width: number, height: number): void;
     update(event: PanelUpdateEvent): void;
     dispose(): void;
     private createContentComponent;
     private createTabComponent;
 }
-//# sourceMappingURL=dockviewPanelModel.d.ts.map

package/dist/esm/dockview/dockviewPanelModel.js

@@ -12,8 +12,6 @@ export class DockviewPanelModel {
         this.id = id;
         this.contentComponent = contentComponent;
         this.tabComponent = tabComponent;
-        this._group = null;
-        this._isPanelVisible = null;
         this._content = this.createContentComponent(this.id, contentComponent);
         this._tab = this.createTabComponent(this.id, tabComponent);
     }
@@ -21,25 +19,8 @@ export class DockviewPanelModel {
         this.content.init(Object.assign(Object.assign({}, params), { tab: this.tab }));
         this.tab.init(params);
     }
-    updateParentGroup(group, isPanelVisible) {
-        if (group !== this._group) {
-            this._group = group;
-            if (this._content.onGroupChange) {
-                this._content.onGroupChange(group);
-            }
-            if (this._tab.onGroupChange) {
-                this._tab.onGroupChange(group);
-            }
-        }
-        if (isPanelVisible !== this._isPanelVisible) {
-            this._isPanelVisible = isPanelVisible;
-            if (this._content.onPanelVisibleChange) {
-                this._content.onPanelVisibleChange(isPanelVisible);
-            }
-            if (this._tab.onPanelVisibleChange) {
-                this._tab.onPanelVisibleChange(isPanelVisible);
-            }
-        }
+    updateParentGroup(_group, _isPanelVisible) {
+        // noop
     }
     layout(width, height) {
         var _a, _b;
@@ -72,4 +53,3 @@ export class DockviewPanelModel {
         }
     }
 }
-//# sourceMappingURL=dockviewPanelModel.js.map

package/dist/esm/dockview/options.d.ts

@@ -8,6 +8,7 @@ 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 { IDockviewPanel } from './dockviewPanel';
 import { ComponentConstructor, FrameworkFactory } from '../panel/componentFactory';
 import { DockviewGroupPanelApi } from '../api/dockviewGroupPanelApi';
@@ -67,7 +68,7 @@ export interface DockviewComponentOptions extends DockviewRenderFunctions {
     createLeftHeaderActionsElement?: (group: DockviewGroupPanel) => IHeaderActionsRenderer;
     createPrefixHeaderActionsElement?: (group: DockviewGroupPanel) => IHeaderActionsRenderer;
     singleTabMode?: 'fullwidth' | 'default';
-    parentElement?: HTMLElement;
+    parentElement: HTMLElement;
     disableFloatingGroups?: boolean;
     floatingGroupBounds?: 'boundedWithinViewport' | {
         minimumHeightWithinViewport?: number;
@@ -77,6 +78,8 @@ export interface DockviewComponentOptions extends DockviewRenderFunctions {
     defaultRenderer?: DockviewPanelRenderer;
     debug?: boolean;
     rootOverlayModel?: DroptargetOverlayModel;
+    locked?: boolean;
+    disableDnd?: boolean;
 }
 export interface PanelOptions<P extends object = Parameters> {
     component: string;
@@ -113,7 +116,10 @@ type AddPanelPositionUnion = {
     position: AddPanelPositionOptions;
 };
 type AddPanelOptionsUnion = AddPanelFloatingGroupUnion | AddPanelPositionUnion;
-export type AddPanelOptions<P extends object = Parameters> = Omit<PanelOptions<P>, 'component' | 'tabComponent'> & {
+export type AddPanelOptions<P extends object = Parameters> = {
+    params?: P;
+    id: string;
+    title?: string;
     component: string;
     tabComponent?: string;
     renderer?: DockviewPanelRenderer;
@@ -126,7 +132,7 @@ type AddGroupOptionsWithGroup = {
     referenceGroup: string | DockviewGroupPanel;
     direction?: Omit<Direction, 'within'>;
 };
-export type AddGroupOptions = AddGroupOptionsWithGroup | AddGroupOptionsWithPanel | AbsolutePosition;
+export type AddGroupOptions = (AddGroupOptionsWithGroup | AddGroupOptionsWithPanel | AbsolutePosition) & GroupOptions;
 export declare function isGroupOptionsWithPanel(data: AddGroupOptions): data is AddGroupOptionsWithPanel;
 export declare function isGroupOptionsWithGroup(data: AddGroupOptions): data is AddGroupOptionsWithGroup;
 export interface MovementOptions2 {
@@ -137,4 +143,3 @@ export interface MovementOptions extends MovementOptions2 {
     group?: DockviewGroupPanel;
 }
 export {};
-//# sourceMappingURL=options.d.ts.map

package/dist/esm/dockview/options.js

@@ -22,4 +22,3 @@ export function isGroupOptionsWithGroup(data) {
     }
     return false;
 }
-//# sourceMappingURL=options.js.map

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

@@ -6,12 +6,7 @@ import { Event } from '../events';
 import { Optional } from '../types';
 import { DockviewGroupPanel, IDockviewGroupPanel } from './dockviewGroupPanel';
 import { DockviewPanelRenderer } from '../overlayRenderContainer';
-export declare enum DockviewDropTargets {
-    Tab = 0,
-    Panel = 1,
-    TabContainer = 2,
-    Edge = 3
-}
+export type DockviewDropTargets = 'tab' | 'panel' | 'tabContainer' | 'edge';
 export interface HeaderPartInitParameters {
     title: string;
 }
@@ -34,16 +29,12 @@ export interface IWatermarkRenderer extends Optional<Omit<IPanel, 'id' | 'init'>
 export interface ITabRenderer extends Optional<Omit<IPanel, 'id'>, 'dispose' | 'update' | 'layout' | 'toJSON'> {
     readonly element: HTMLElement;
     init(parameters: GroupPanelPartInitParameters): void;
-    onGroupChange?(group: DockviewGroupPanel): void;
-    onPanelVisibleChange?(isPanelVisible: boolean): void;
 }
 export interface IContentRenderer extends Optional<Omit<IPanel, 'id'>, 'dispose' | 'update' | 'layout' | 'toJSON'> {
     readonly element: HTMLElement;
     readonly onDidFocus?: Event<void>;
     readonly onDidBlur?: Event<void>;
     init(parameters: GroupPanelContentPartInitParameters): void;
-    onGroupChange?(group: DockviewGroupPanel): void;
-    onPanelVisibleChange?(isPanelVisible: boolean): void;
 }
 export interface WatermarkPartInitParameters {
     accessor: IDockviewComponent;
@@ -63,4 +54,3 @@ export interface GroupviewPanelState {
         [key: string]: any;
     };
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/esm/dockview/types.js

@@ -1,8 +1 @@
-export var DockviewDropTargets;
-(function (DockviewDropTargets) {
-    DockviewDropTargets[DockviewDropTargets["Tab"] = 0] = "Tab";
-    DockviewDropTargets[DockviewDropTargets["Panel"] = 1] = "Panel";
-    DockviewDropTargets[DockviewDropTargets["TabContainer"] = 2] = "TabContainer";
-    DockviewDropTargets[DockviewDropTargets["Edge"] = 3] = "Edge";
-})(DockviewDropTargets || (DockviewDropTargets = {}));
-//# sourceMappingURL=types.js.map
+export {};

package/dist/esm/dom.d.ts

@@ -26,4 +26,3 @@ export declare function getDomNodePagePosition(domNode: Element): {
  * @see https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/
  */
 export declare function isInDocument(element: Element): boolean;
-//# sourceMappingURL=dom.d.ts.map

package/dist/esm/dom.js

@@ -179,4 +179,3 @@ export function isInDocument(element) {
     }
     return false;
 }
-//# sourceMappingURL=dom.js.map

package/dist/esm/events.d.ts

@@ -8,6 +8,15 @@ export interface EmitterOptions {
 export declare namespace Event {
     const any: <T>(...children: Event<T>[]) => Event<T>;
 }
+export interface IDockviewEvent {
+    readonly defaultPrevented: boolean;
+    preventDefault(): void;
+}
+export declare class DockviewEvent implements IDockviewEvent {
+    private _defaultPrevented;
+    get defaultPrevented(): boolean;
+    preventDefault(): void;
+}
 declare class LeakageMonitor {
     readonly events: Map<Event<any>, Stacktrace>;
     get size(): number;
@@ -30,6 +39,7 @@ export declare class Emitter<T> implements IDisposable {
     static ENABLE_TRACKING: boolean;
     static readonly MEMORY_LEAK_WATCHER: LeakageMonitor;
     static setLeakageMonitorEnabled(isEnabled: boolean): void;
+    get value(): T | undefined;
     constructor(options?: EmitterOptions | undefined);
     get event(): Event<T>;
     fire(e: T): void;
@@ -45,4 +55,3 @@ export declare class TickDelayedEvent implements IDisposable {
     dispose(): void;
 }
 export {};
-//# sourceMappingURL=events.d.ts.map

package/dist/esm/events.js

@@ -13,6 +13,17 @@ export var Event;
         };
     };
 })(Event || (Event = {}));
+export class DockviewEvent {
+    constructor() {
+        this._defaultPrevented = false;
+    }
+    get defaultPrevented() {
+        return this._defaultPrevented;
+    }
+    preventDefault() {
+        this._defaultPrevented = true;
+    }
+}
 class LeakageMonitor {
     constructor() {
         this.events = new Map();
@@ -56,6 +67,9 @@ export class Emitter {
         }
         Emitter.ENABLE_TRACKING = isEnabled;
     }
+    get value() {
+        return this._last;
+    }
     constructor(options) {
         this.options = options;
         this._listeners = [];
@@ -154,4 +168,3 @@ export class TickDelayedEvent {
         this._onFired.dispose();
     }
 }
-//# sourceMappingURL=events.js.map

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

@@ -1,4 +1,4 @@
-import { Emitter, Event, TickDelayedEvent } from '../events';
+import { Event, TickDelayedEvent } from '../events';
 import { Gridview, IGridView } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { IValueDisposable } from '../lifecycle';
@@ -12,8 +12,9 @@ export interface BaseGridOptions {
     readonly proportionalLayout: boolean;
     readonly orientation: Orientation;
     readonly styles?: ISplitviewStyles;
-    readonly parentElement?: HTMLElement;
+    readonly parentElement: HTMLElement;
     readonly disableAutoResizing?: boolean;
+    readonly locked?: boolean;
 }
 export interface IGridPanelView extends IGridView, IPanel {
     setActive(isActive: boolean): void;
@@ -31,10 +32,6 @@ export interface IBaseGrid<T extends IGridPanelView> {
     readonly activeGroup: T | undefined;
     readonly size: number;
     readonly groups: T[];
-    readonly onDidLayoutChange: Event<void>;
-    readonly onDidRemoveGroup: Event<T>;
-    readonly onDidAddGroup: Event<T>;
-    readonly onDidActiveGroupChange: Event<T | undefined>;
     getPanel(id: string): T | undefined;
     toJSON(): object;
     fromJSON(data: any): void;
@@ -46,7 +43,8 @@ export interface IBaseGrid<T extends IGridPanelView> {
     isMaximizedGroup(panel: T): boolean;
     exitMaximizedGroup(): void;
     hasMaximizedGroup(): boolean;
-    readonly onDidMaxmizedGroupChange: Event<void>;
+    readonly onDidMaximizedGroupChange: Event<void>;
+    readonly onDidLayoutChange: Event<void>;
 }
 export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizable implements IBaseGrid<T> {
     private readonly _id;
@@ -55,12 +53,12 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     protected _activeGroup: T | undefined;
     private _onDidLayoutChange;
     readonly onDidLayoutChange: Event<void>;
-    protected readonly _onDidRemoveGroup: Emitter<T>;
-    readonly onDidRemoveGroup: Event<T>;
-    protected readonly _onDidAddGroup: Emitter<T>;
-    readonly onDidAddGroup: Event<T>;
-    private readonly _onDidActiveGroupChange;
-    readonly onDidActiveGroupChange: Event<T | undefined>;
+    private readonly _onDidRemove;
+    readonly onDidRemove: Event<T>;
+    private readonly _onDidAdd;
+    readonly onDidAdd: Event<T>;
+    private readonly _onDidActiveChange;
+    readonly onDidActiveChange: Event<T | undefined>;
     protected readonly _bufferOnDidLayoutChange: TickDelayedEvent;
     get id(): string;
     get size(): number;
@@ -72,6 +70,8 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     get minimumWidth(): number;
     get maximumWidth(): number;
     get activeGroup(): T | undefined;
+    get locked(): boolean;
+    set locked(value: boolean);
     constructor(options: BaseGridOptions);
     abstract toJSON(): object;
     abstract fromJSON(data: any): void;
@@ -82,18 +82,17 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     isMaximizedGroup(panel: T): boolean;
     exitMaximizedGroup(): void;
     hasMaximizedGroup(): boolean;
-    get onDidMaxmizedGroupChange(): Event<void>;
+    get onDidMaximizedGroupChange(): Event<void>;
     protected doAddGroup(group: T, location?: number[], size?: number): void;
     protected doRemoveGroup(group: T, options?: {
         skipActive?: boolean;
         skipDispose?: boolean;
     }): T;
     getPanel(id: string): T | undefined;
-    doSetGroupActive(group: T | undefined, skipFocus?: boolean): void;
+    doSetGroupActive(group: T | undefined): void;
     removeGroup(group: T): void;
     moveToNext(options?: MovementOptions2): void;
     moveToPrevious(options?: MovementOptions2): void;
     layout(width: number, height: number, forceResize?: boolean): void;
     dispose(): void;
 }
-//# sourceMappingURL=baseComponentGridview.d.ts.map

package/dist/esm/gridview/baseComponentGridview.js

@@ -1,5 +1,6 @@
 import { Emitter, Event, TickDelayedEvent } from '../events';
 import { getGridLocation, Gridview } from './gridview';
+import { Disposable } from '../lifecycle';
 import { sequentialNumberGenerator } from '../math';
 import { Sizing } from '../splitview/splitview';
 import { Resizable } from '../resizable';
@@ -50,25 +51,38 @@ export class BaseGrid extends Resizable {
     get activeGroup() {
         return this._activeGroup;
     }
+    get locked() {
+        return this.gridview.locked;
+    }
+    set locked(value) {
+        this.gridview.locked = value;
+    }
     constructor(options) {
-        super(options.parentElement, options.disableAutoResizing);
+        super(document.createElement('div'), options.disableAutoResizing);
         this._id = nextLayoutId.next();
         this._groups = new Map();
         this._onDidLayoutChange = new Emitter();
         this.onDidLayoutChange = this._onDidLayoutChange.event;
-        this._onDidRemoveGroup = new Emitter();
-        this.onDidRemoveGroup = this._onDidRemoveGroup.event;
-        this._onDidAddGroup = new Emitter();
-        this.onDidAddGroup = this._onDidAddGroup.event;
-        this._onDidActiveGroupChange = new Emitter();
-        this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
+        this._onDidRemove = new Emitter();
+        this.onDidRemove = this._onDidRemove.event;
+        this._onDidAdd = new Emitter();
+        this.onDidAdd = this._onDidAdd.event;
+        this._onDidActiveChange = new Emitter();
+        this.onDidActiveChange = this._onDidActiveChange.event;
         this._bufferOnDidLayoutChange = new TickDelayedEvent();
+        this.element.style.height = '100%';
+        this.element.style.width = '100%';
+        options.parentElement.appendChild(this.element);
         this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation);
+        this.gridview.locked = !!options.locked;
         this.element.appendChild(this.gridview.element);
         this.layout(0, 0, true); // set some elements height/widths
-        this.addDisposables(this.gridview.onDidChange(() => {
+        this.addDisposables(Disposable.from(() => {
+            var _a;
+            (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.element);
+        }), this.gridview.onDidChange(() => {
             this._bufferOnDidLayoutChange.fire();
-        }), Event.any(this.onDidAddGroup, this.onDidRemoveGroup, this.onDidActiveGroupChange)(() => {
+        }), Event.any(this.onDidAdd, this.onDidRemove, this.onDidActiveChange)(() => {
             this._bufferOnDidLayoutChange.fire();
         }), this._bufferOnDidLayoutChange.onEvent(() => {
             this._onDidLayoutChange.fire();
@@ -83,6 +97,7 @@ export class BaseGrid extends Resizable {
     }
     maximizeGroup(panel) {
         this.gridview.maximizeView(panel);
+        this.doSetGroupActive(panel);
     }
     isMaximizedGroup(panel) {
         return this.gridview.maximizedView() === panel;
@@ -93,13 +108,12 @@ export class BaseGrid extends Resizable {
     hasMaximizedGroup() {
         return this.gridview.hasMaximizedView();
     }
-    get onDidMaxmizedGroupChange() {
-        return this.gridview.onDidMaxmizedNodeChange;
+    get onDidMaximizedGroupChange() {
+        return this.gridview.onDidMaximizedNodeChange;
     }
     doAddGroup(group, location = [0], size) {
         this.gridview.addView(group, size !== null && size !== void 0 ? size : Sizing.Distribute, location);
-        this._onDidAddGroup.fire(group);
-        this.doSetGroupActive(group);
+        this._onDidAdd.fire(group);
     }
     doRemoveGroup(group, options) {
         if (!this._groups.has(group.id)) {
@@ -111,8 +125,8 @@ export class BaseGrid extends Resizable {
             item.disposable.dispose();
             item.value.dispose();
             this._groups.delete(group.id);
+            this._onDidRemove.fire(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());
             this.doSetGroupActive(groups.length > 0 ? groups[0].value : undefined);
@@ -123,25 +137,18 @@ export class BaseGrid extends Resizable {
         var _a;
         return (_a = this._groups.get(id)) === null || _a === void 0 ? void 0 : _a.value;
     }
-    doSetGroupActive(group, skipFocus) {
-        var _a, _b, _c;
+    doSetGroupActive(group) {
         if (this._activeGroup === group) {
             return;
         }
         if (this._activeGroup) {
             this._activeGroup.setActive(false);
-            if (!skipFocus) {
-                (_b = (_a = this._activeGroup).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
         }
         if (group) {
             group.setActive(true);
-            if (!skipFocus) {
-                (_c = group.focus) === null || _c === void 0 ? void 0 : _c.call(group);
-            }
         }
         this._activeGroup = group;
-        this._onDidActiveGroupChange.fire(group);
+        this._onDidActiveChange.fire(group);
     }
     removeGroup(group) {
         this.doRemoveGroup(group);
@@ -186,9 +193,9 @@ export class BaseGrid extends Resizable {
         this.gridview.layout(width, height);
     }
     dispose() {
-        this._onDidActiveGroupChange.dispose();
-        this._onDidAddGroup.dispose();
-        this._onDidRemoveGroup.dispose();
+        this._onDidActiveChange.dispose();
+        this._onDidAdd.dispose();
+        this._onDidRemove.dispose();
         this._onDidLayoutChange.dispose();
         for (const group of this.groups) {
             group.dispose();
@@ -197,4 +204,3 @@ export class BaseGrid extends Resizable {
         super.dispose();
     }
 }
-//# sourceMappingURL=baseComponentGridview.js.map

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

@@ -38,4 +38,3 @@ export declare abstract class BasePanelView<T extends PanelApiImpl> extends Comp
     toJSON(): BasePanelViewState;
     dispose(): void;
 }
-//# sourceMappingURL=basePanelView.d.ts.map

package/dist/esm/gridview/basePanelView.js

@@ -1,5 +1,6 @@
 import { trackFocus } from '../dom';
 import { CompositeDisposable } from '../lifecycle';
+import { WillFocusEvent } from '../api/panelApi';
 export class BasePanelView extends CompositeDisposable {
     get element() {
         return this._element;
@@ -35,7 +36,12 @@ export class BasePanelView extends CompositeDisposable {
         }), focusTracker);
     }
     focus() {
-        this.api._onFocusEvent.fire();
+        const event = new WillFocusEvent();
+        this.api._onWillFocus.fire(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        this._element.focus();
     }
     layout(width, height) {
         this._width = width;
@@ -83,4 +89,3 @@ export class BasePanelView extends CompositeDisposable {
         super.dispose();
     }
 }
-//# sourceMappingURL=basePanelView.js.map

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

@@ -33,7 +33,9 @@ export declare class BranchNode extends CompositeDisposable implements IView {
     get maximumWidth(): number;
     get maximumHeight(): number;
     get priority(): LayoutPriority;
-    constructor(orientation: Orientation, proportionalLayout: boolean, styles: ISplitviewStyles | undefined, size: number, orthogonalSize: number, childDescriptors?: INodeDescriptor[]);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    constructor(orientation: Orientation, proportionalLayout: boolean, styles: ISplitviewStyles | undefined, size: number, orthogonalSize: number, disabled: boolean, childDescriptors?: INodeDescriptor[]);
     setVisible(visible: boolean): void;
     isChildVisible(index: number): boolean;
     setChildVisible(index: number, visible: boolean): void;
@@ -49,4 +51,3 @@ export declare class BranchNode extends CompositeDisposable implements IView {
     private setupChildrenEvents;
     dispose(): void;
 }
-//# sourceMappingURL=branchNode.d.ts.map

package/dist/esm/gridview/branchNode.js

@@ -76,7 +76,13 @@ export class BranchNode extends CompositeDisposable {
         }
         return LayoutPriority.Normal;
     }
-    constructor(orientation, proportionalLayout, styles, size, orthogonalSize, childDescriptors) {
+    get disabled() {
+        return this.splitview.disabled;
+    }
+    set disabled(value) {
+        this.splitview.disabled = value;
+    }
+    constructor(orientation, proportionalLayout, styles, size, orthogonalSize, disabled, childDescriptors) {
         super();
         this.orientation = orientation;
         this.proportionalLayout = proportionalLayout;
@@ -121,6 +127,7 @@ export class BranchNode extends CompositeDisposable {
                 styles,
             });
         }
+        this.disabled = disabled;
         this.addDisposables(this._onDidChange, this._onDidVisibilityChange, this.splitview.onDidSashEnd(() => {
             this._onDidChange.fire({});
         }));
@@ -238,4 +245,3 @@ export class BranchNode extends CompositeDisposable {
         super.dispose();
     }
 }
-//# sourceMappingURL=branchNode.js.map