Class ShellManager

packages/dockview-core/src/dockview/dockviewShell.ts:378–898

}

export class ShellManager implements IDisposable {
    private readonly _outerSplitview: Splitview;
    private readonly _middleColumn: MiddleColumnView;
    private readonly _shellElement: HTMLElement;

    private _topView: EdgeGroupView | undefined;
    private _bottomView: EdgeGroupView | undefined;
    private _leftView: EdgeGroupView | undefined;
    private _rightView: EdgeGroupView | undefined;

    // Indices in the outer HORIZONTAL splitview
    private _leftIndex: number | undefined;
    private _middleIndex: number;
    private _rightIndex: number | undefined;

    private readonly _disposables = new CompositeDisposable();

    // Retained for updateTheme() recalculations.
    private readonly _viewConfigs = new Map<
        EdgeGroupPosition,
        EdgeGroupOptions
    >();
    private _currentWidth = 0;
    private _currentHeight = 0;
    private _gap: number;
    private _defaultCollapsedSize: number;

    constructor(
        container: HTMLElement,
        dockviewElement: HTMLElement,
        layoutGrid: (width: number, height: number) => void,
        gap = 0,
        defaultCollapsedSize = 35
    ) {
        this._gap = gap;
        this._defaultCollapsedSize = defaultCollapsedSize;

        this._shellElement = document.createElement('div');
        this._shellElement.className = 'dv-shell';
        this._shellElement.style.height = '100%';
        this._shellElement.style.width = '100%';
        this._shellElement.style.position = 'relative';
        container.appendChild(this._shellElement);

        const centerView = new CenterView(dockviewElement, layoutGrid);

        this._middleColumn = new MiddleColumnView(centerView, gap);

        this._outerSplitview = new Splitview(this._shellElement, {
            orientation: Orientation.HORIZONTAL,
            proportionalLayout: false,
            margin: gap,
        });

        this._middleIndex = 0;
        this._outerSplitview.addView(
            this._middleColumn,
            { type: 'distribute' },