@codingame/monaco-vscode-api 1.82.4 → 1.82.5-next.0

package/vscode/src/vs/workbench/browser/parts/editor/editorPart.js

@@ -1,850 +0,0 @@
-import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { IThemeService } from 'monaco-editor/esm/vs/platform/theme/common/themeService.js';
-import { Part } from '../../part.js';
-import { isAncestor, addDisposableGenericMouseDownListener, EventHelper, Dimension, $ } from 'monaco-editor/esm/vs/base/browser/dom.js';
-import { Emitter, Relay, Event } from 'monaco-editor/esm/vs/base/common/event.js';
-import { contrastBorder, editorBackground } from 'monaco-editor/esm/vs/platform/theme/common/colorRegistry.js';
-import { IInstantiationService } from 'monaco-editor/esm/vs/platform/instantiation/common/instantiation.js';
-import { isGridBranchNode, createSerializedGrid, Sizing, SerializableGrid } from '../../../../base/browser/ui/grid/grid.js';
-import { EDITOR_GROUP_BORDER, EDITOR_PANE_BACKGROUND } from '../../../common/theme.js';
-import { coalesce, distinct, firstOrDefault } from 'monaco-editor/esm/vs/base/common/arrays.js';
-import { getEditorPartOptions, impactsEditorPartOptions } from './editor.js';
-import { EditorGroupView } from './editorGroupView.js';
-import { IConfigurationService } from 'monaco-editor/esm/vs/platform/configuration/common/configuration.js';
-import { toDisposable, dispose, DisposableStore } from 'monaco-editor/esm/vs/base/common/lifecycle.js';
-import { IStorageService } from 'monaco-editor/esm/vs/platform/storage/common/storage.js';
-import { isSerializedEditorGroupModel } from '../../../common/editor/editorGroupModel.js';
-import { EditorDropTarget } from './editorDropTarget.js';
-import { Color } from 'monaco-editor/esm/vs/base/common/color.js';
-import { CenteredViewLayout } from '../../../../base/browser/ui/centered/centeredViewLayout.js';
-import { onUnexpectedError } from 'monaco-editor/esm/vs/base/common/errors.js';
-import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.js';
-import { assertIsDefined } from 'monaco-editor/esm/vs/base/common/types.js';
-import { CompositeDragAndDropObserver } from '../../dnd.js';
-import { DeferredPromise, Promises } from 'monaco-editor/esm/vs/base/common/async.js';
-import { findGroup } from '../../../services/editor/common/editorGroupFinder.js';
-import { SIDE_GROUP } from '../../../services/editor/common/editorService.js';
-import { orthogonal } from '../../../../base/browser/ui/grid/gridview.js';
-var EditorPart_1;
-class GridWidgetView {
-    constructor() {
-        this.element = $('.grid-view-container');
-        this._onDidChange = ( new Relay());
-        this.onDidChange = this._onDidChange.event;
-    }
-    get minimumWidth() { return this.gridWidget ? this.gridWidget.minimumWidth : 0; }
-    get maximumWidth() { return this.gridWidget ? this.gridWidget.maximumWidth : Number.POSITIVE_INFINITY; }
-    get minimumHeight() { return this.gridWidget ? this.gridWidget.minimumHeight : 0; }
-    get maximumHeight() { return this.gridWidget ? this.gridWidget.maximumHeight : Number.POSITIVE_INFINITY; }
-    get gridWidget() {
-        return this._gridWidget;
-    }
-    set gridWidget(grid) {
-        this.element.innerText = '';
-        if (grid) {
-            this.element.appendChild(grid.element);
-            this._onDidChange.input = grid.onDidChange;
-        }
-        else {
-            this._onDidChange.input = Event.None;
-        }
-        this._gridWidget = grid;
-    }
-    layout(width, height, top, left) {
-        this.gridWidget?.layout(width, height, top, left);
-    }
-    dispose() {
-        this._onDidChange.dispose();
-    }
-}
-let EditorPart = class EditorPart extends Part {
-    static { EditorPart_1 = this; }
-    static { this.EDITOR_PART_UI_STATE_STORAGE_KEY = 'editorpart.state'; }
-    static { this.EDITOR_PART_CENTERED_VIEW_STORAGE_KEY = 'editorpart.centeredview'; }
-    constructor(instantiationService, themeService, configurationService, storageService, layoutService) {
-        super("workbench.parts.editor" , { hasTitle: false }, themeService, storageService, layoutService);
-        this.instantiationService = instantiationService;
-        this.configurationService = configurationService;
-        this._onDidLayout = this._register(( new Emitter()));
-        this.onDidLayout = this._onDidLayout.event;
-        this._onDidChangeActiveGroup = this._register(( new Emitter()));
-        this.onDidChangeActiveGroup = this._onDidChangeActiveGroup.event;
-        this._onDidChangeGroupIndex = this._register(( new Emitter()));
-        this.onDidChangeGroupIndex = this._onDidChangeGroupIndex.event;
-        this._onDidChangeGroupLocked = this._register(( new Emitter()));
-        this.onDidChangeGroupLocked = this._onDidChangeGroupLocked.event;
-        this._onDidActivateGroup = this._register(( new Emitter()));
-        this.onDidActivateGroup = this._onDidActivateGroup.event;
-        this._onDidAddGroup = this._register(( new Emitter()));
-        this.onDidAddGroup = this._onDidAddGroup.event;
-        this._onDidRemoveGroup = this._register(( new Emitter()));
-        this.onDidRemoveGroup = this._onDidRemoveGroup.event;
-        this._onDidMoveGroup = this._register(( new Emitter()));
-        this.onDidMoveGroup = this._onDidMoveGroup.event;
-        this.onDidSetGridWidget = this._register(( new Emitter()));
-        this._onDidChangeSizeConstraints = this._register(( new Relay()));
-        this.onDidChangeSizeConstraints = Event.any(this.onDidSetGridWidget.event, this._onDidChangeSizeConstraints.event);
-        this._onDidScroll = this._register(( new Relay()));
-        this.onDidScroll = Event.any(this.onDidSetGridWidget.event, this._onDidScroll.event);
-        this._onDidChangeEditorPartOptions = this._register(( new Emitter()));
-        this.onDidChangeEditorPartOptions = this._onDidChangeEditorPartOptions.event;
-        this.workspaceMemento = this.getMemento(1 , 1 );
-        this.profileMemento = this.getMemento(0 , 1 );
-        this.groupViews = ( new Map());
-        this.mostRecentActiveGroups = [];
-        this.gridWidgetView = this._register(( new GridWidgetView()));
-        this.enforcedPartOptions = [];
-        this._partOptions = getEditorPartOptions(this.configurationService, this.themeService);
-        this._top = 0;
-        this._left = 0;
-        this.sideGroup = {
-            openEditor: (editor, options) => {
-                const [group] = this.instantiationService.invokeFunction(accessor => findGroup(accessor, { editor, options }, SIDE_GROUP));
-                return group.openEditor(editor, options);
-            }
-        };
-        this._isReady = false;
-        this.whenReadyPromise = ( new DeferredPromise());
-        this.whenReady = this.whenReadyPromise.p;
-        this.whenRestoredPromise = ( new DeferredPromise());
-        this.whenRestored = this.whenRestoredPromise.p;
-        this.priority = 2 ;
-        this.registerListeners();
-    }
-    registerListeners() {
-        this._register(this.configurationService.onDidChangeConfiguration(e => this.onConfigurationUpdated(e)));
-        this._register(this.themeService.onDidFileIconThemeChange(() => this.handleChangedPartOptions()));
-    }
-    onConfigurationUpdated(event) {
-        if (impactsEditorPartOptions(event)) {
-            this.handleChangedPartOptions();
-        }
-    }
-    handleChangedPartOptions() {
-        const oldPartOptions = this._partOptions;
-        const newPartOptions = getEditorPartOptions(this.configurationService, this.themeService);
-        for (const enforcedPartOptions of this.enforcedPartOptions) {
-            Object.assign(newPartOptions, enforcedPartOptions);
-        }
-        this._partOptions = newPartOptions;
-        this._onDidChangeEditorPartOptions.fire({ oldPartOptions, newPartOptions });
-    }
-    get partOptions() { return this._partOptions; }
-    enforcePartOptions(options) {
-        this.enforcedPartOptions.push(options);
-        this.handleChangedPartOptions();
-        return toDisposable(() => {
-            this.enforcedPartOptions.splice(this.enforcedPartOptions.indexOf(options), 1);
-            this.handleChangedPartOptions();
-        });
-    }
-    get contentDimension() { return this._contentDimension; }
-    get activeGroup() {
-        return this._activeGroup;
-    }
-    get groups() {
-        return Array.from(( this.groupViews.values()));
-    }
-    get count() {
-        return this.groupViews.size;
-    }
-    get orientation() {
-        return ((this.gridWidget && this.gridWidget.orientation === 0) ) ? 1  : 0 ;
-    }
-    get isReady() { return this._isReady; }
-    get hasRestorableState() {
-        return !!this.workspaceMemento[EditorPart_1.EDITOR_PART_UI_STATE_STORAGE_KEY];
-    }
-    getGroups(order = 0 ) {
-        switch (order) {
-            case 0 :
-                return this.groups;
-            case 1 : {
-                const mostRecentActive = coalesce(( this.mostRecentActiveGroups.map(groupId => this.getGroup(groupId))));
-                return distinct([...mostRecentActive, ...this.groups]);
-            }
-            case 2 : {
-                const views = [];
-                if (this.gridWidget) {
-                    this.fillGridNodes(views, this.gridWidget.getViews());
-                }
-                return views;
-            }
-        }
-    }
-    fillGridNodes(target, node) {
-        if (isGridBranchNode(node)) {
-            node.children.forEach(child => this.fillGridNodes(target, child));
-        }
-        else {
-            target.push(node.view);
-        }
-    }
-    getGroup(identifier) {
-        return this.groupViews.get(identifier);
-    }
-    findGroup(scope, source = this.activeGroup, wrap) {
-        if (typeof scope.direction === 'number') {
-            return this.doFindGroupByDirection(scope.direction, source, wrap);
-        }
-        if (typeof scope.location === 'number') {
-            return this.doFindGroupByLocation(scope.location, source, wrap);
-        }
-        throw new Error('invalid arguments');
-    }
-    doFindGroupByDirection(direction, source, wrap) {
-        const sourceGroupView = this.assertGroupView(source);
-        const neighbours = this.gridWidget.getNeighborViews(sourceGroupView, this.toGridViewDirection(direction), wrap);
-        neighbours.sort(((n1, n2) => this.mostRecentActiveGroups.indexOf(n1.id) - this.mostRecentActiveGroups.indexOf(n2.id)));
-        return neighbours[0];
-    }
-    doFindGroupByLocation(location, source, wrap) {
-        const sourceGroupView = this.assertGroupView(source);
-        const groups = this.getGroups(2 );
-        const index = groups.indexOf(sourceGroupView);
-        switch (location) {
-            case 0 :
-                return groups[0];
-            case 1 :
-                return groups[groups.length - 1];
-            case 2 : {
-                let nextGroup = groups[index + 1];
-                if (!nextGroup && wrap) {
-                    nextGroup = this.doFindGroupByLocation(0 , source);
-                }
-                return nextGroup;
-            }
-            case 3 : {
-                let previousGroup = groups[index - 1];
-                if (!previousGroup && wrap) {
-                    previousGroup = this.doFindGroupByLocation(1 , source);
-                }
-                return previousGroup;
-            }
-        }
-    }
-    activateGroup(group) {
-        const groupView = this.assertGroupView(group);
-        this.doSetGroupActive(groupView);
-        this._onDidActivateGroup.fire(groupView);
-        return groupView;
-    }
-    restoreGroup(group) {
-        const groupView = this.assertGroupView(group);
-        this.doRestoreGroup(groupView);
-        return groupView;
-    }
-    getSize(group) {
-        const groupView = this.assertGroupView(group);
-        return this.gridWidget.getViewSize(groupView);
-    }
-    setSize(group, size) {
-        const groupView = this.assertGroupView(group);
-        this.gridWidget.resizeView(groupView, size);
-    }
-    arrangeGroups(arrangement, target = this.activeGroup) {
-        if (this.count < 2) {
-            return;
-        }
-        if (!this.gridWidget) {
-            return;
-        }
-        switch (arrangement) {
-            case 1 :
-                this.gridWidget.distributeViewSizes();
-                break;
-            case 0 :
-                this.gridWidget.maximizeViewSize(target);
-                break;
-            case 2 :
-                if (this.isGroupMaximized(target)) {
-                    this.arrangeGroups(1 );
-                }
-                else {
-                    this.arrangeGroups(0 );
-                }
-                break;
-        }
-    }
-    isGroupMaximized(targetGroup) {
-        return this.gridWidget.isViewSizeMaximized(targetGroup);
-    }
-    setGroupOrientation(orientation) {
-        if (!this.gridWidget) {
-            return;
-        }
-        const newOrientation = ((orientation === 0) ) ? 1  : 0 ;
-        if (this.gridWidget.orientation !== newOrientation) {
-            this.gridWidget.orientation = newOrientation;
-        }
-    }
-    applyLayout(layout) {
-        const restoreFocus = this.shouldRestoreFocus(this.container);
-        let layoutGroupsCount = 0;
-        function countGroups(groups) {
-            for (const group of groups) {
-                if (Array.isArray(group.groups)) {
-                    countGroups(group.groups);
-                }
-                else {
-                    layoutGroupsCount++;
-                }
-            }
-        }
-        countGroups(layout.groups);
-        let currentGroupViews = this.getGroups(2 );
-        if (layoutGroupsCount < currentGroupViews.length) {
-            const lastGroupInLayout = currentGroupViews[layoutGroupsCount - 1];
-            currentGroupViews.forEach((group, index) => {
-                if (index >= layoutGroupsCount) {
-                    this.mergeGroup(group, lastGroupInLayout);
-                }
-            });
-            currentGroupViews = this.getGroups(2 );
-        }
-        const activeGroup = this.activeGroup;
-        const gridDescriptor = createSerializedGrid({
-            orientation: this.toGridViewOrientation(layout.orientation, this.isTwoDimensionalGrid() ?
-                this.gridWidget.orientation :
-                orthogonal(this.gridWidget.orientation)
-            ),
-            groups: layout.groups
-        });
-        this.doCreateGridControlWithState(gridDescriptor, activeGroup.id, currentGroupViews);
-        this.doLayout(this._contentDimension);
-        this.updateContainer();
-        for (const groupView of this.getGroups(2 )) {
-            if (!currentGroupViews.includes(groupView)) {
-                this._onDidAddGroup.fire(groupView);
-            }
-        }
-        this.notifyGroupIndexChange();
-        if (restoreFocus) {
-            this._activeGroup.focus();
-        }
-    }
-    getLayout() {
-        const serializedGrid = this.gridWidget.serialize();
-        const orientation = serializedGrid.orientation === 1  ? 0  : 1 ;
-        const root = this.serializedNodeToGroupLayoutArgument(serializedGrid.root);
-        return {
-            orientation,
-            groups: root.groups
-        };
-    }
-    serializedNodeToGroupLayoutArgument(serializedNode) {
-        if (serializedNode.type === 'branch') {
-            return {
-                size: serializedNode.size,
-                groups: ( serializedNode.data.map(node => this.serializedNodeToGroupLayoutArgument(node)))
-            };
-        }
-        return { size: serializedNode.size };
-    }
-    shouldRestoreFocus(target) {
-        if (!target) {
-            return false;
-        }
-        const activeElement = document.activeElement;
-        if (activeElement === document.body) {
-            return true;
-        }
-        return isAncestor(activeElement, target);
-    }
-    isTwoDimensionalGrid() {
-        const views = this.gridWidget.getViews();
-        if (isGridBranchNode(views)) {
-            return ( views.children.some(child => isGridBranchNode(child)));
-        }
-        return false;
-    }
-    addGroup(location, direction, options) {
-        const locationView = this.assertGroupView(location);
-        const group = this.doAddGroup(locationView, direction);
-        if (options?.activate) {
-            this.doSetGroupActive(group);
-        }
-        return group;
-    }
-    doAddGroup(locationView, direction, groupToCopy) {
-        const shouldMaximize = this.groupViews.size > 1 && this.isGroupMaximized(locationView);
-        const newGroupView = this.doCreateGroupView(groupToCopy);
-        this.gridWidget.addView(newGroupView, this.getSplitSizingStyle(), locationView, this.toGridViewDirection(direction));
-        this.updateContainer();
-        this._onDidAddGroup.fire(newGroupView);
-        this.notifyGroupIndexChange();
-        if (shouldMaximize) {
-            this.arrangeGroups(0 , newGroupView);
-        }
-        return newGroupView;
-    }
-    getSplitSizingStyle() {
-        switch (this._partOptions.splitSizing) {
-            case 'distribute':
-                return Sizing.Distribute;
-            case 'split':
-                return Sizing.Split;
-            default:
-                return Sizing.Auto;
-        }
-    }
-    doCreateGroupView(from) {
-        let groupView;
-        if (from instanceof EditorGroupView) {
-            groupView = EditorGroupView.createCopy(from, this, this.count, this.instantiationService);
-        }
-        else if (isSerializedEditorGroupModel(from)) {
-            groupView = EditorGroupView.createFromSerialized(from, this, this.count, this.instantiationService);
-        }
-        else {
-            groupView = EditorGroupView.createNew(this, this.count, this.instantiationService);
-        }
-        this.groupViews.set(groupView.id, groupView);
-        const groupDisposables = ( new DisposableStore());
-        groupDisposables.add(groupView.onDidFocus(() => {
-            this.doSetGroupActive(groupView);
-        }));
-        groupDisposables.add(groupView.onDidModelChange(e => {
-            switch (e.kind) {
-                case 2 :
-                    this._onDidChangeGroupLocked.fire(groupView);
-                    break;
-                case 1 :
-                    this._onDidChangeGroupIndex.fire(groupView);
-                    break;
-            }
-        }));
-        groupDisposables.add(groupView.onDidActiveEditorChange(() => {
-            this.updateContainer();
-        }));
-        Event.once(groupView.onWillDispose)(() => {
-            dispose(groupDisposables);
-            this.groupViews.delete(groupView.id);
-            this.doUpdateMostRecentActive(groupView);
-        });
-        return groupView;
-    }
-    doSetGroupActive(group) {
-        if (this._activeGroup === group) {
-            return;
-        }
-        const previousActiveGroup = this._activeGroup;
-        this._activeGroup = group;
-        this.doUpdateMostRecentActive(group, true);
-        previousActiveGroup?.setActive(false);
-        group.setActive(true);
-        this.doRestoreGroup(group);
-        this._onDidChangeActiveGroup.fire(group);
-    }
-    doRestoreGroup(group) {
-        if (this.gridWidget) {
-            const viewSize = this.gridWidget.getViewSize(group);
-            if (viewSize.width === group.minimumWidth || viewSize.height === group.minimumHeight) {
-                this.arrangeGroups(0 , group);
-            }
-        }
-    }
-    doUpdateMostRecentActive(group, makeMostRecentlyActive) {
-        const index = this.mostRecentActiveGroups.indexOf(group.id);
-        if (index !== -1) {
-            this.mostRecentActiveGroups.splice(index, 1);
-        }
-        if (makeMostRecentlyActive) {
-            this.mostRecentActiveGroups.unshift(group.id);
-        }
-    }
-    toGridViewDirection(direction) {
-        switch (direction) {
-            case 0 : return 0 ;
-            case 1 : return 1 ;
-            case 2 : return 2 ;
-            case 3 : return 3 ;
-        }
-    }
-    toGridViewOrientation(orientation, fallback) {
-        if (typeof orientation === 'number') {
-            return orientation === 0  ? 1  : 0 ;
-        }
-        return fallback;
-    }
-    removeGroup(group) {
-        const groupView = this.assertGroupView(group);
-        if (this.count === 1) {
-            return;
-        }
-        if (groupView.isEmpty) {
-            return this.doRemoveEmptyGroup(groupView);
-        }
-        this.doRemoveGroupWithEditors(groupView);
-    }
-    doRemoveGroupWithEditors(groupView) {
-        const mostRecentlyActiveGroups = this.getGroups(1 );
-        let lastActiveGroup;
-        if (this._activeGroup === groupView) {
-            lastActiveGroup = mostRecentlyActiveGroups[1];
-        }
-        else {
-            lastActiveGroup = mostRecentlyActiveGroups[0];
-        }
-        this.mergeGroup(groupView, lastActiveGroup);
-    }
-    doRemoveEmptyGroup(groupView) {
-        const restoreFocus = this.shouldRestoreFocus(this.container);
-        if (this._activeGroup === groupView) {
-            const mostRecentlyActiveGroups = this.getGroups(1 );
-            const nextActiveGroup = mostRecentlyActiveGroups[1];
-            this.activateGroup(nextActiveGroup);
-        }
-        this.gridWidget.removeView(groupView, this.getSplitSizingStyle());
-        groupView.dispose();
-        if (restoreFocus) {
-            this._activeGroup.focus();
-        }
-        this.notifyGroupIndexChange();
-        this.updateContainer();
-        if (this.count === 1) {
-            firstOrDefault(this.groups)?.lock(false);
-        }
-        this._onDidRemoveGroup.fire(groupView);
-    }
-    moveGroup(group, location, direction) {
-        const sourceView = this.assertGroupView(group);
-        const targetView = this.assertGroupView(location);
-        if (sourceView.id === targetView.id) {
-            throw new Error('Cannot move group into its own');
-        }
-        const restoreFocus = this.shouldRestoreFocus(sourceView.element);
-        this.gridWidget.moveView(sourceView, this.getSplitSizingStyle(), targetView, this.toGridViewDirection(direction));
-        if (restoreFocus) {
-            sourceView.focus();
-        }
-        this._onDidMoveGroup.fire(sourceView);
-        this.notifyGroupIndexChange();
-        return sourceView;
-    }
-    copyGroup(group, location, direction) {
-        const groupView = this.assertGroupView(group);
-        const locationView = this.assertGroupView(location);
-        const restoreFocus = this.shouldRestoreFocus(groupView.element);
-        const copiedGroupView = this.doAddGroup(locationView, direction, groupView);
-        if (restoreFocus) {
-            copiedGroupView.focus();
-        }
-        return copiedGroupView;
-    }
-    mergeGroup(group, target, options) {
-        const sourceView = this.assertGroupView(group);
-        const targetView = this.assertGroupView(target);
-        const editors = [];
-        let index = (options && typeof options.index === 'number') ? options.index : targetView.count;
-        for (const editor of sourceView.editors) {
-            const inactive = !sourceView.isActive(editor) || this._activeGroup !== sourceView;
-            const sticky = sourceView.isSticky(editor);
-            const options = { index: !sticky ? index : undefined , inactive, preserveFocus: inactive };
-            editors.push({ editor, options });
-            index++;
-        }
-        if (options?.mode === 0 ) {
-            sourceView.copyEditors(editors, targetView);
-        }
-        else {
-            sourceView.moveEditors(editors, targetView);
-        }
-        if (sourceView.isEmpty && !sourceView.disposed ) {
-            this.removeGroup(sourceView);
-        }
-        return targetView;
-    }
-    mergeAllGroups(target = this.activeGroup) {
-        for (const group of this.getGroups(1 )) {
-            if (group === target) {
-                continue;
-            }
-            this.mergeGroup(group, target);
-        }
-        return target;
-    }
-    assertGroupView(group) {
-        let groupView;
-        if (typeof group === 'number') {
-            groupView = this.getGroup(group);
-        }
-        else {
-            groupView = group;
-        }
-        if (!groupView) {
-            throw new Error('Invalid editor group provided!');
-        }
-        return groupView;
-    }
-    createEditorDropTarget(container, delegate) {
-        return this.instantiationService.createInstance(EditorDropTarget, this, container, delegate);
-    }
-    get minimumWidth() { return Math.min(this.centeredLayoutWidget.minimumWidth, this.layoutService.getMaximumEditorDimensions().width); }
-    get maximumWidth() { return this.centeredLayoutWidget.maximumWidth; }
-    get minimumHeight() { return Math.min(this.centeredLayoutWidget.minimumHeight, this.layoutService.getMaximumEditorDimensions().height); }
-    get maximumHeight() { return this.centeredLayoutWidget.maximumHeight; }
-    get snap() { return this.layoutService.getPanelAlignment() === 'center'; }
-    get onDidChange() { return Event.any(this.centeredLayoutWidget.onDidChange, this.onDidSetGridWidget.event); }
-    get gridSeparatorBorder() {
-        return this.theme.getColor(EDITOR_GROUP_BORDER) || this.theme.getColor(contrastBorder) || Color.transparent;
-    }
-    updateStyles() {
-        const container = assertIsDefined(this.container);
-        container.style.backgroundColor = this.getColor(editorBackground) || '';
-        const separatorBorderStyle = { separatorBorder: this.gridSeparatorBorder, background: this.theme.getColor(EDITOR_PANE_BACKGROUND) || Color.transparent };
-        this.gridWidget.style(separatorBorderStyle);
-        this.centeredLayoutWidget.styles(separatorBorderStyle);
-    }
-    createContentArea(parent, options) {
-        this.element = parent;
-        this.container = document.createElement('div');
-        this.container.classList.add('content');
-        parent.appendChild(this.container);
-        this.doCreateGridControl(options);
-        this.centeredLayoutWidget = this._register(( new CenteredViewLayout(
-            this.container,
-            this.gridWidgetView,
-            this.profileMemento[EditorPart_1.EDITOR_PART_CENTERED_VIEW_STORAGE_KEY]
-        )));
-        this._register(this.onDidChangeEditorPartOptions(e => this.centeredLayoutWidget.setFixedWidth(e.newPartOptions.centeredLayoutFixedWidth ?? false)));
-        this.setupDragAndDropSupport(parent, this.container);
-        this.whenReadyPromise.complete();
-        this._isReady = true;
-        Promises.settled(( this.groups.map(group => group.whenRestored))).finally(() => {
-            this.whenRestoredPromise.complete();
-        });
-        return this.container;
-    }
-    setupDragAndDropSupport(parent, container) {
-        this._register(this.createEditorDropTarget(container, Object.create(null)));
-        const overlay = document.createElement('div');
-        overlay.classList.add('drop-block-overlay');
-        parent.appendChild(overlay);
-        this._register(addDisposableGenericMouseDownListener(overlay, () => overlay.classList.remove('visible')));
-        this._register(CompositeDragAndDropObserver.INSTANCE.registerTarget(this.element, {
-            onDragStart: e => overlay.classList.add('visible'),
-            onDragEnd: e => overlay.classList.remove('visible')
-        }));
-        let horizontalOpenerTimeout;
-        let verticalOpenerTimeout;
-        let lastOpenHorizontalPosition;
-        let lastOpenVerticalPosition;
-        const openPartAtPosition = (position) => {
-            if (!this.layoutService.isVisible("workbench.parts.panel" ) && position === this.layoutService.getPanelPosition()) {
-                this.layoutService.setPartHidden(false, "workbench.parts.panel" );
-            }
-            else if (!this.layoutService.isVisible("workbench.parts.auxiliarybar" ) && position === ((this.layoutService.getSideBarPosition() === 1  ? 0  : 1) )) {
-                this.layoutService.setPartHidden(false, "workbench.parts.auxiliarybar" );
-            }
-        };
-        const clearAllTimeouts = () => {
-            if (horizontalOpenerTimeout) {
-                clearTimeout(horizontalOpenerTimeout);
-                horizontalOpenerTimeout = undefined;
-            }
-            if (verticalOpenerTimeout) {
-                clearTimeout(verticalOpenerTimeout);
-                verticalOpenerTimeout = undefined;
-            }
-        };
-        this._register(CompositeDragAndDropObserver.INSTANCE.registerTarget(overlay, {
-            onDragOver: e => {
-                EventHelper.stop(e.eventData, true);
-                if (e.eventData.dataTransfer) {
-                    e.eventData.dataTransfer.dropEffect = 'none';
-                }
-                const boundingRect = overlay.getBoundingClientRect();
-                let openHorizontalPosition = undefined;
-                let openVerticalPosition = undefined;
-                const proximity = 100;
-                if (e.eventData.clientX < boundingRect.left + proximity) {
-                    openHorizontalPosition = 0 ;
-                }
-                if (e.eventData.clientX > boundingRect.right - proximity) {
-                    openHorizontalPosition = 1 ;
-                }
-                if (e.eventData.clientY > boundingRect.bottom - proximity) {
-                    openVerticalPosition = 2 ;
-                }
-                if (horizontalOpenerTimeout && openHorizontalPosition !== lastOpenHorizontalPosition) {
-                    clearTimeout(horizontalOpenerTimeout);
-                    horizontalOpenerTimeout = undefined;
-                }
-                if (verticalOpenerTimeout && openVerticalPosition !== lastOpenVerticalPosition) {
-                    clearTimeout(verticalOpenerTimeout);
-                    verticalOpenerTimeout = undefined;
-                }
-                if (!horizontalOpenerTimeout && openHorizontalPosition !== undefined) {
-                    lastOpenHorizontalPosition = openHorizontalPosition;
-                    horizontalOpenerTimeout = setTimeout(() => openPartAtPosition(openHorizontalPosition), 200);
-                }
-                if (!verticalOpenerTimeout && openVerticalPosition !== undefined) {
-                    lastOpenVerticalPosition = openVerticalPosition;
-                    verticalOpenerTimeout = setTimeout(() => openPartAtPosition(openVerticalPosition), 200);
-                }
-            },
-            onDragLeave: () => clearAllTimeouts(),
-            onDragEnd: () => clearAllTimeouts(),
-            onDrop: () => clearAllTimeouts()
-        }));
-    }
-    centerLayout(active) {
-        this.centeredLayoutWidget.activate(active);
-        this._activeGroup.focus();
-    }
-    isLayoutCentered() {
-        if (this.centeredLayoutWidget) {
-            return this.centeredLayoutWidget.isActive();
-        }
-        return false;
-    }
-    doCreateGridControl(options) {
-        let restoreError = false;
-        if (!options || options.restorePreviousState) {
-            restoreError = !this.doCreateGridControlWithPreviousState();
-        }
-        if (!this.gridWidget || restoreError) {
-            const initialGroup = this.doCreateGroupView();
-            this.doSetGridWidget(( new SerializableGrid(initialGroup)));
-            this.doSetGroupActive(initialGroup);
-        }
-        this.updateContainer();
-        this.notifyGroupIndexChange();
-    }
-    doCreateGridControlWithPreviousState() {
-        const uiState = this.workspaceMemento[EditorPart_1.EDITOR_PART_UI_STATE_STORAGE_KEY];
-        if (uiState?.serializedGrid) {
-            try {
-                this.mostRecentActiveGroups = uiState.mostRecentActiveGroups;
-                this.doCreateGridControlWithState(uiState.serializedGrid, uiState.activeGroup);
-                this._activeGroup.focus();
-            }
-            catch (error) {
-                onUnexpectedError(( new Error(
-                    `Error restoring editor grid widget: ${error} (with state: ${JSON.stringify(uiState)})`
-                )));
-                this.groupViews.forEach(group => group.dispose());
-                this.groupViews.clear();
-                this.mostRecentActiveGroups = [];
-                return false;
-            }
-        }
-        return true;
-    }
-    doCreateGridControlWithState(serializedGrid, activeGroupId, editorGroupViewsToReuse) {
-        let reuseGroupViews;
-        if (editorGroupViewsToReuse) {
-            reuseGroupViews = editorGroupViewsToReuse.slice(0);
-        }
-        else {
-            reuseGroupViews = [];
-        }
-        const groupViews = [];
-        const gridWidget = SerializableGrid.deserialize(serializedGrid, {
-            fromJSON: (serializedEditorGroup) => {
-                let groupView;
-                if (reuseGroupViews.length > 0) {
-                    groupView = reuseGroupViews.shift();
-                }
-                else {
-                    groupView = this.doCreateGroupView(serializedEditorGroup);
-                }
-                groupViews.push(groupView);
-                if (groupView.id === activeGroupId) {
-                    this.doSetGroupActive(groupView);
-                }
-                return groupView;
-            }
-        }, { styles: { separatorBorder: this.gridSeparatorBorder } });
-        if (!this._activeGroup) {
-            this.doSetGroupActive(groupViews[0]);
-        }
-        if (( this.mostRecentActiveGroups.some(groupId => !this.getGroup(groupId)))) {
-            this.mostRecentActiveGroups = ( groupViews.map(group => group.id));
-        }
-        this.doSetGridWidget(gridWidget);
-    }
-    doSetGridWidget(gridWidget) {
-        let boundarySashes = {};
-        if (this.gridWidget) {
-            boundarySashes = this.gridWidget.boundarySashes;
-            this.gridWidget.dispose();
-        }
-        this.gridWidget = gridWidget;
-        this.gridWidget.boundarySashes = boundarySashes;
-        this.gridWidgetView.gridWidget = gridWidget;
-        this._onDidChangeSizeConstraints.input = gridWidget.onDidChange;
-        this._onDidScroll.input = gridWidget.onDidScroll;
-        this.onDidSetGridWidget.fire(undefined);
-    }
-    updateContainer() {
-        const container = assertIsDefined(this.container);
-        container.classList.toggle('empty', this.isEmpty);
-    }
-    notifyGroupIndexChange() {
-        this.getGroups(2 ).forEach((group, index) => group.notifyIndexChanged(index));
-    }
-    get isEmpty() {
-        return this.count === 1 && this._activeGroup.isEmpty;
-    }
-    setBoundarySashes(sashes) {
-        this.gridWidget.boundarySashes = sashes;
-        this.centeredLayoutWidget.boundarySashes = sashes;
-    }
-    layout(width, height, top, left) {
-        this._top = top;
-        this._left = left;
-        const contentAreaSize = super.layoutContents(width, height).contentSize;
-        this.doLayout(Dimension.lift(contentAreaSize), top, left);
-    }
-    doLayout(dimension, top = this._top, left = this._left) {
-        this._contentDimension = dimension;
-        this.centeredLayoutWidget.layout(this._contentDimension.width, this._contentDimension.height, top, left);
-        this._onDidLayout.fire(dimension);
-    }
-    saveState() {
-        if (this.gridWidget) {
-            const uiState = {
-                serializedGrid: this.gridWidget.serialize(),
-                activeGroup: this._activeGroup.id,
-                mostRecentActiveGroups: this.mostRecentActiveGroups
-            };
-            if (this.isEmpty) {
-                delete this.workspaceMemento[EditorPart_1.EDITOR_PART_UI_STATE_STORAGE_KEY];
-            }
-            else {
-                this.workspaceMemento[EditorPart_1.EDITOR_PART_UI_STATE_STORAGE_KEY] = uiState;
-            }
-        }
-        if (this.centeredLayoutWidget) {
-            const centeredLayoutState = this.centeredLayoutWidget.state;
-            if (this.centeredLayoutWidget.isDefault(centeredLayoutState)) {
-                delete this.profileMemento[EditorPart_1.EDITOR_PART_CENTERED_VIEW_STORAGE_KEY];
-            }
-            else {
-                this.profileMemento[EditorPart_1.EDITOR_PART_CENTERED_VIEW_STORAGE_KEY] = centeredLayoutState;
-            }
-        }
-        super.saveState();
-    }
-    toJSON() {
-        return {
-            type: "workbench.parts.editor"
-        };
-    }
-    dispose() {
-        this.groupViews.forEach(group => group.dispose());
-        this.groupViews.clear();
-        this.gridWidget?.dispose();
-        super.dispose();
-    }
-};
-EditorPart = EditorPart_1 = ( __decorate([
-    ( __param(0, IInstantiationService)),
-    ( __param(1, IThemeService)),
-    ( __param(2, IConfigurationService)),
-    ( __param(3, IStorageService)),
-    ( __param(4, IWorkbenchLayoutService))
-], EditorPart));
-export { EditorPart };