dockview-core 1.9.2 → 1.10.1

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;
@@ -68,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;
@@ -78,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;
@@ -114,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;
@@ -138,4 +143,3 @@ export interface MovementOptions extends MovementOptions2 {
     group?: DockviewGroupPanel;
 }
 export {};
-//# sourceMappingURL=options.d.ts.map

package/dist/cjs/dockview/options.js

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

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

@@ -6,12 +6,6 @@ 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 interface HeaderPartInitParameters {
     title: string;
 }
@@ -34,16 +28,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 +53,3 @@ export interface GroupviewPanelState {
         [key: string]: any;
     };
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/dockview/types.js

@@ -1,11 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DockviewDropTargets = void 0;
-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 || (exports.DockviewDropTargets = DockviewDropTargets = {}));
-//# sourceMappingURL=types.js.map

package/dist/cjs/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/cjs/dom.js

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

package/dist/cjs/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/cjs/events.js

@@ -11,7 +11,7 @@ var __values = (this && this.__values) || function(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TickDelayedEvent = exports.addDisposableListener = exports.addDisposableWindowListener = exports.Emitter = exports.Event = void 0;
+exports.TickDelayedEvent = exports.addDisposableListener = exports.addDisposableWindowListener = exports.Emitter = exports.DockviewEvent = exports.Event = void 0;
 var Event;
 (function (Event) {
     Event.any = function () {
@@ -31,6 +31,23 @@ var Event;
         };
     };
 })(Event || (exports.Event = Event = {}));
+var DockviewEvent = /** @class */ (function () {
+    function DockviewEvent() {
+        this._defaultPrevented = false;
+    }
+    Object.defineProperty(DockviewEvent.prototype, "defaultPrevented", {
+        get: function () {
+            return this._defaultPrevented;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DockviewEvent.prototype.preventDefault = function () {
+        this._defaultPrevented = true;
+    };
+    return DockviewEvent;
+}());
+exports.DockviewEvent = DockviewEvent;
 var LeakageMonitor = /** @class */ (function () {
     function LeakageMonitor() {
         this.events = new Map();
@@ -86,6 +103,13 @@ var Emitter = /** @class */ (function () {
         }
         Emitter.ENABLE_TRACKING = isEnabled;
     };
+    Object.defineProperty(Emitter.prototype, "value", {
+        get: function () {
+            return this._last;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Emitter.prototype, "event", {
         get: function () {
             var _this = this;
@@ -214,4 +238,3 @@ var TickDelayedEvent = /** @class */ (function () {
     return TickDelayedEvent;
 }());
 exports.TickDelayedEvent = TickDelayedEvent;
-//# sourceMappingURL=events.js.map

package/dist/cjs/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/cjs/gridview/baseComponentGridview.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseGrid = exports.toTarget = void 0;
 var events_1 = require("../events");
 var gridview_1 = require("./gridview");
+var lifecycle_1 = require("../lifecycle");
 var math_1 = require("../math");
 var splitview_1 = require("../splitview/splitview");
 var resizable_1 = require("../resizable");
@@ -52,24 +53,31 @@ exports.toTarget = toTarget;
 var BaseGrid = /** @class */ (function (_super) {
     __extends(BaseGrid, _super);
     function BaseGrid(options) {
-        var _this = _super.call(this, options.parentElement, options.disableAutoResizing) || this;
+        var _this = _super.call(this, document.createElement('div'), options.disableAutoResizing) || this;
         _this._id = nextLayoutId.next();
         _this._groups = new Map();
         _this._onDidLayoutChange = new events_1.Emitter();
         _this.onDidLayoutChange = _this._onDidLayoutChange.event;
-        _this._onDidRemoveGroup = new events_1.Emitter();
-        _this.onDidRemoveGroup = _this._onDidRemoveGroup.event;
-        _this._onDidAddGroup = new events_1.Emitter();
-        _this.onDidAddGroup = _this._onDidAddGroup.event;
-        _this._onDidActiveGroupChange = new events_1.Emitter();
-        _this.onDidActiveGroupChange = _this._onDidActiveGroupChange.event;
+        _this._onDidRemove = new events_1.Emitter();
+        _this.onDidRemove = _this._onDidRemove.event;
+        _this._onDidAdd = new events_1.Emitter();
+        _this.onDidAdd = _this._onDidAdd.event;
+        _this._onDidActiveChange = new events_1.Emitter();
+        _this.onDidActiveChange = _this._onDidActiveChange.event;
         _this._bufferOnDidLayoutChange = new events_1.TickDelayedEvent();
+        _this.element.style.height = '100%';
+        _this.element.style.width = '100%';
+        options.parentElement.appendChild(_this.element);
         _this.gridview = new gridview_1.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(function () {
+        _this.addDisposables(lifecycle_1.Disposable.from(function () {
+            var _a;
+            (_a = _this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(_this.element);
+        }), _this.gridview.onDidChange(function () {
             _this._bufferOnDidLayoutChange.fire();
-        }), events_1.Event.any(_this.onDidAddGroup, _this.onDidRemoveGroup, _this.onDidActiveGroupChange)(function () {
+        }), events_1.Event.any(_this.onDidAdd, _this.onDidRemove, _this.onDidActiveChange)(function () {
             _this._bufferOnDidLayoutChange.fire();
         }), _this._bufferOnDidLayoutChange.onEvent(function () {
             _this._onDidLayoutChange.fire();
@@ -146,6 +154,16 @@ var BaseGrid = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseGrid.prototype, "locked", {
+        get: function () {
+            return this.gridview.locked;
+        },
+        set: function (value) {
+            this.gridview.locked = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     BaseGrid.prototype.setVisible = function (panel, visible) {
         this.gridview.setViewVisible((0, gridview_1.getGridLocation)(panel.element), visible);
         this._onDidLayoutChange.fire();
@@ -155,6 +173,7 @@ var BaseGrid = /** @class */ (function (_super) {
     };
     BaseGrid.prototype.maximizeGroup = function (panel) {
         this.gridview.maximizeView(panel);
+        this.doSetGroupActive(panel);
     };
     BaseGrid.prototype.isMaximizedGroup = function (panel) {
         return this.gridview.maximizedView() === panel;
@@ -165,9 +184,9 @@ var BaseGrid = /** @class */ (function (_super) {
     BaseGrid.prototype.hasMaximizedGroup = function () {
         return this.gridview.hasMaximizedView();
     };
-    Object.defineProperty(BaseGrid.prototype, "onDidMaxmizedGroupChange", {
+    Object.defineProperty(BaseGrid.prototype, "onDidMaximizedGroupChange", {
         get: function () {
-            return this.gridview.onDidMaxmizedNodeChange;
+            return this.gridview.onDidMaximizedNodeChange;
         },
         enumerable: false,
         configurable: true
@@ -175,8 +194,7 @@ var BaseGrid = /** @class */ (function (_super) {
     BaseGrid.prototype.doAddGroup = function (group, location, size) {
         if (location === void 0) { location = [0]; }
         this.gridview.addView(group, size !== null && size !== void 0 ? size : splitview_1.Sizing.Distribute, location);
-        this._onDidAddGroup.fire(group);
-        this.doSetGroupActive(group);
+        this._onDidAdd.fire(group);
     };
     BaseGrid.prototype.doRemoveGroup = function (group, options) {
         if (!this._groups.has(group.id)) {
@@ -188,8 +206,8 @@ var BaseGrid = /** @class */ (function (_super) {
             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) {
             var groups = Array.from(this._groups.values());
             this.doSetGroupActive(groups.length > 0 ? groups[0].value : undefined);
@@ -200,25 +218,18 @@ var BaseGrid = /** @class */ (function (_super) {
         var _a;
         return (_a = this._groups.get(id)) === null || _a === void 0 ? void 0 : _a.value;
     };
-    BaseGrid.prototype.doSetGroupActive = function (group, skipFocus) {
-        var _a, _b, _c;
+    BaseGrid.prototype.doSetGroupActive = function (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);
     };
     BaseGrid.prototype.removeGroup = function (group) {
         this.doRemoveGroup(group);
@@ -264,9 +275,9 @@ var BaseGrid = /** @class */ (function (_super) {
     };
     BaseGrid.prototype.dispose = function () {
         var e_1, _a;
-        this._onDidActiveGroupChange.dispose();
-        this._onDidAddGroup.dispose();
-        this._onDidRemoveGroup.dispose();
+        this._onDidActiveChange.dispose();
+        this._onDidAdd.dispose();
+        this._onDidRemove.dispose();
         this._onDidLayoutChange.dispose();
         try {
             for (var _b = __values(this.groups), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -287,4 +298,3 @@ var BaseGrid = /** @class */ (function (_super) {
     return BaseGrid;
 }(resizable_1.Resizable));
 exports.BaseGrid = BaseGrid;
-//# sourceMappingURL=baseComponentGridview.js.map

package/dist/cjs/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/cjs/gridview/basePanelView.js

@@ -40,6 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasePanelView = void 0;
 var dom_1 = require("../dom");
 var lifecycle_1 = require("../lifecycle");
+var panelApi_1 = require("../api/panelApi");
 var BasePanelView = /** @class */ (function (_super) {
     __extends(BasePanelView, _super);
     function BasePanelView(id, component, api) {
@@ -93,7 +94,12 @@ var BasePanelView = /** @class */ (function (_super) {
         configurable: true
     });
     BasePanelView.prototype.focus = function () {
-        this.api._onFocusEvent.fire();
+        var event = new panelApi_1.WillFocusEvent();
+        this.api._onWillFocus.fire(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        this._element.focus();
     };
     BasePanelView.prototype.layout = function (width, height) {
         this._width = width;
@@ -154,4 +160,3 @@ var BasePanelView = /** @class */ (function (_super) {
     return BasePanelView;
 }(lifecycle_1.CompositeDisposable));
 exports.BasePanelView = BasePanelView;
-//# sourceMappingURL=basePanelView.js.map

package/dist/cjs/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/cjs/gridview/branchNode.js

@@ -62,7 +62,7 @@ var leafNode_1 = require("./leafNode");
 var lifecycle_1 = require("../lifecycle");
 var BranchNode = /** @class */ (function (_super) {
     __extends(BranchNode, _super);
-    function BranchNode(orientation, proportionalLayout, styles, size, orthogonalSize, childDescriptors) {
+    function BranchNode(orientation, proportionalLayout, styles, size, orthogonalSize, disabled, childDescriptors) {
         var _this = _super.call(this) || this;
         _this.orientation = orientation;
         _this.proportionalLayout = proportionalLayout;
@@ -107,6 +107,7 @@ var BranchNode = /** @class */ (function (_super) {
                 styles: styles,
             });
         }
+        _this.disabled = disabled;
         _this.addDisposables(_this._onDidChange, _this._onDidVisibilityChange, _this.splitview.onDidSashEnd(function () {
             _this._onDidChange.fire({});
         }));
@@ -242,6 +243,16 @@ var BranchNode = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BranchNode.prototype, "disabled", {
+        get: function () {
+            return this.splitview.disabled;
+        },
+        set: function (value) {
+            this.splitview.disabled = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     BranchNode.prototype.setVisible = function (visible) {
         var e_1, _a;
         try {
@@ -368,4 +379,3 @@ var BranchNode = /** @class */ (function (_super) {
     return BranchNode;
 }(lifecycle_1.CompositeDisposable));
 exports.BranchNode = BranchNode;
-//# sourceMappingURL=branchNode.js.map

package/dist/cjs/gridview/gridview.d.ts

@@ -87,6 +87,7 @@ export declare class Gridview implements IDisposable {
     readonly styles: ISplitviewStyles | undefined;
     readonly element: HTMLElement;
     private _root;
+    private _locked;
     private _maximizedNode;
     private readonly disposable;
     private readonly _onDidChange;
@@ -94,8 +95,8 @@ export declare class Gridview implements IDisposable {
         size?: number;
         orthogonalSize?: number;
     }>;
-    private readonly _onDidMaxmizedNodeChange;
-    readonly onDidMaxmizedNodeChange: Event<void>;
+    private readonly _onDidMaximizedNodeChange;
+    readonly onDidMaximizedNodeChange: Event<void>;
     get length(): number;
     get orientation(): Orientation;
     set orientation(orientation: Orientation);
@@ -105,6 +106,8 @@ export declare class Gridview implements IDisposable {
     get minimumHeight(): number;
     get maximumWidth(): number;
     get maximumHeight(): number;
+    get locked(): boolean;
+    set locked(value: boolean);
     maximizedView(): IGridView | undefined;
     hasMaximizedView(): boolean;
     maximizeView(view: IGridView): void;
@@ -138,4 +141,3 @@ export declare class Gridview implements IDisposable {
     layout(width: number, height: number): void;
     private getNode;
 }
-//# sourceMappingURL=gridview.d.ts.map