@codingame/monaco-vscode-api 2.1.3 → 2.2.0-next.1

package/vscode/src/vs/workbench/browser/parts/paneCompositePart.js

@@ -0,0 +1,377 @@
+import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
+import './media/paneCompositePart.css.js';
+import { Event } from '../../../base/common/event.js';
+import { IInstantiationService } from '../../../platform/instantiation/common/instantiation.js';
+import { Extensions } from '../panecomposite.js';
+import { IViewDescriptorService } from '../../common/views.js';
+import { MutableDisposable, DisposableStore } from '../../../base/common/lifecycle.js';
+import { IWorkbenchLayoutService } from '../../services/layout/browser/layoutService.js';
+import { CompositePart } from './compositePart.js';
+import { PaneCompositeBar } from './paneCompositeBar.js';
+import { trackFocus, EventHelper, addDisposableListener, $, prepend, Dimension, getWindow, EventType } from '../../../base/browser/dom.js';
+import { Registry } from '../../../platform/registry/common/platform.js';
+import { INotificationService } from '../../../platform/notification/common/notification.js';
+import { IStorageService } from '../../../platform/storage/common/storage.js';
+import { IContextMenuService } from '../../../platform/contextview/browser/contextView.js';
+import { IKeybindingService } from '../../../platform/keybinding/common/keybinding.js';
+import { IThemeService } from '../../../platform/theme/common/themeService.js';
+import { IContextKeyService } from '../../../platform/contextkey/common/contextkey.js';
+import { IExtensionService } from '../../services/extensions/common/extensions.js';
+import { localizeWithPath } from '../../../nls.js';
+import { CompositeDragAndDropObserver, toggleDropEffect } from '../dnd.js';
+import { EDITOR_DRAG_AND_DROP_BACKGROUND } from '../../common/theme.js';
+import { ToolBar } from '../../../base/browser/ui/toolbar/toolbar.js';
+import { CompositeMenuActions } from '../actions.js';
+import { MenuId, IMenuService } from '../../../platform/actions/common/actions.js';
+import { prepareActions } from '../../../base/browser/ui/actionbar/actionbar.js';
+import { Gesture, EventType as EventType$1 } from '../../../base/browser/touch.js';
+import { StandardMouseEvent } from '../../../base/browser/mouseEvent.js';
+import { SubmenuAction } from '../../../base/common/actions.js';
+import { ViewsSubMenu } from './views/viewPaneContainer.js';
+import { createAndFillInActionBarActions } from '../../../platform/actions/browser/menuEntryActionViewItem.js';
+var AbstractPaneCompositePart_1;
+let AbstractPaneCompositePart = class AbstractPaneCompositePart extends CompositePart {
+    static { AbstractPaneCompositePart_1 = this; }
+    static { this.MIN_COMPOSITE_BAR_WIDTH = 50; }
+    get snap() {
+        return this.layoutService.isVisible(this.partId) || !!this.paneCompositeBar.value?.getVisiblePaneCompositeIds().length;
+    }
+    get onDidPaneCompositeOpen() { return ( Event.map(this.onDidCompositeOpen.event, compositeEvent => compositeEvent.composite)); }
+    constructor(partId, partOptions, activePaneCompositeSettingsKey, activePaneContextKey, paneFocusContextKey, nameForTelemetry, compositeCSSClass, titleForegroundColor, notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, menuService) {
+        let location = 0 ;
+        let registryId = Extensions.Viewlets;
+        let globalActionsMenuId = MenuId.SidebarTitle;
+        if (partId === "workbench.parts.panel" ) {
+            location = 1 ;
+            registryId = Extensions.Panels;
+            globalActionsMenuId = MenuId.PanelTitle;
+        }
+        else if (partId === "workbench.parts.auxiliarybar" ) {
+            location = 2 ;
+            registryId = Extensions.Auxiliary;
+            globalActionsMenuId = MenuId.AuxiliaryBarTitle;
+        }
+        super(notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, ( Registry.as(registryId)), activePaneCompositeSettingsKey, viewDescriptorService.getDefaultViewContainer(location)?.id || '', nameForTelemetry, compositeCSSClass, titleForegroundColor, partId, partOptions);
+        this.partId = partId;
+        this.activePaneContextKey = activePaneContextKey;
+        this.paneFocusContextKey = paneFocusContextKey;
+        this.viewDescriptorService = viewDescriptorService;
+        this.contextKeyService = contextKeyService;
+        this.extensionService = extensionService;
+        this.menuService = menuService;
+        this.onDidPaneCompositeClose = this.onDidCompositeClose.event;
+        this.paneCompositeBar = this._register(( new MutableDisposable()));
+        this.blockOpening = false;
+        this.location = location;
+        this.globalActions = this._register(this.instantiationService.createInstance(CompositeMenuActions, globalActionsMenuId, undefined, undefined));
+        this.registerListeners();
+    }
+    registerListeners() {
+        this._register(this.onDidPaneCompositeOpen(composite => this.onDidOpen(composite)));
+        this._register(this.onDidPaneCompositeClose(this.onDidClose, this));
+        this._register(this.globalActions.onDidChange(() => this.updateGlobalToolbarActions()));
+        this._register(this.registry.onDidDeregister(async (viewletDescriptor) => {
+            const activeContainers = this.viewDescriptorService.getViewContainersByLocation(this.location)
+                .filter(container => this.viewDescriptorService.getViewContainerModel(container).activeViewDescriptors.length > 0);
+            if (activeContainers.length) {
+                if (this.getActiveComposite()?.getId() === viewletDescriptor.id) {
+                    const defaultViewletId = this.viewDescriptorService.getDefaultViewContainer(this.location)?.id;
+                    const containerToOpen = activeContainers.filter(c => c.id === defaultViewletId)[0] || activeContainers[0];
+                    await this.openPaneComposite(containerToOpen.id);
+                }
+            }
+            else {
+                this.layoutService.setPartHidden(true, this.partId);
+            }
+            this.removeComposite(viewletDescriptor.id);
+        }));
+        this._register(this.extensionService.onDidRegisterExtensions(() => {
+            this.layoutCompositeBar();
+        }));
+    }
+    onDidOpen(composite) {
+        this.activePaneContextKey.set(composite.getId());
+    }
+    onDidClose(composite) {
+        const id = composite.getId();
+        if (this.activePaneContextKey.get() === id) {
+            this.activePaneContextKey.reset();
+        }
+    }
+    showComposite(composite) {
+        super.showComposite(composite);
+        this.layoutCompositeBar();
+        this.layoutEmptyMessage();
+    }
+    hideActiveComposite() {
+        const composite = super.hideActiveComposite();
+        this.layoutCompositeBar();
+        this.layoutEmptyMessage();
+        return composite;
+    }
+    create(parent) {
+        this.element = parent;
+        this.element.classList.add('pane-composite-part');
+        super.create(parent);
+        const contentArea = this.getContentArea();
+        if (contentArea) {
+            this.createEmptyPaneMessage(contentArea);
+        }
+        const focusTracker = this._register(trackFocus(parent));
+        this._register(focusTracker.onDidFocus(() => this.paneFocusContextKey.set(true)));
+        this._register(focusTracker.onDidBlur(() => this.paneFocusContextKey.set(false)));
+    }
+    createEmptyPaneMessage(parent) {
+        this.emptyPaneMessageElement = document.createElement('div');
+        this.emptyPaneMessageElement.classList.add('empty-pane-message-area');
+        const messageElement = document.createElement('div');
+        messageElement.classList.add('empty-pane-message');
+        messageElement.innerText = ( localizeWithPath(
+            'vs/workbench/browser/parts/paneCompositePart',
+            'pane.emptyMessage',
+            "Drag a view here to display."
+        ));
+        this.emptyPaneMessageElement.appendChild(messageElement);
+        parent.appendChild(this.emptyPaneMessageElement);
+        this._register(CompositeDragAndDropObserver.INSTANCE.registerTarget(this.emptyPaneMessageElement, {
+            onDragOver: (e) => {
+                EventHelper.stop(e.eventData, true);
+                if (this.paneCompositeBar.value) {
+                    const validDropTarget = this.paneCompositeBar.value.dndHandler.onDragEnter(e.dragAndDropData, undefined, e.eventData);
+                    toggleDropEffect(e.eventData.dataTransfer, 'move', validDropTarget);
+                }
+            },
+            onDragEnter: (e) => {
+                EventHelper.stop(e.eventData, true);
+                if (this.paneCompositeBar.value) {
+                    const validDropTarget = this.paneCompositeBar.value.dndHandler.onDragEnter(e.dragAndDropData, undefined, e.eventData);
+                    this.emptyPaneMessageElement.style.backgroundColor = validDropTarget ? this.theme.getColor(EDITOR_DRAG_AND_DROP_BACKGROUND)?.toString() || '' : '';
+                }
+            },
+            onDragLeave: (e) => {
+                EventHelper.stop(e.eventData, true);
+                this.emptyPaneMessageElement.style.backgroundColor = '';
+            },
+            onDragEnd: (e) => {
+                EventHelper.stop(e.eventData, true);
+                this.emptyPaneMessageElement.style.backgroundColor = '';
+            },
+            onDrop: (e) => {
+                EventHelper.stop(e.eventData, true);
+                this.emptyPaneMessageElement.style.backgroundColor = '';
+                if (this.paneCompositeBar.value) {
+                    this.paneCompositeBar.value.dndHandler.drop(e.dragAndDropData, undefined, e.eventData);
+                }
+            },
+        }));
+    }
+    createTitleArea(parent) {
+        const titleArea = super.createTitleArea(parent);
+        this._register(addDisposableListener(titleArea, EventType.CONTEXT_MENU, e => {
+            this.onTitleAreaContextMenu(( new StandardMouseEvent(getWindow(titleArea), e)));
+        }));
+        this._register(Gesture.addTarget(titleArea));
+        this._register(addDisposableListener(titleArea, EventType$1.Contextmenu, e => {
+            this.onTitleAreaContextMenu(( new StandardMouseEvent(getWindow(titleArea), e)));
+        }));
+        const globalTitleActionsContainer = titleArea.appendChild($('.global-actions'));
+        this.globalToolBar = this._register(( new ToolBar(globalTitleActionsContainer, this.contextMenuService, {
+            actionViewItemProvider: action => this.actionViewItemProvider(action),
+            orientation: 0 ,
+            getKeyBinding: action => this.keybindingService.lookupKeybinding(action.id),
+            anchorAlignmentProvider: () => this.getTitleAreaDropDownAnchorAlignment(),
+            toggleMenuTitle: ( localizeWithPath(
+                'vs/workbench/browser/parts/paneCompositePart',
+                'moreActions',
+                "More Actions..."
+            ))
+        })));
+        this.updateGlobalToolbarActions();
+        return titleArea;
+    }
+    createTitleLabel(parent) {
+        this.titleContainer = parent;
+        const titleLabel = super.createTitleLabel(parent);
+        this.titleLabelElement.draggable = true;
+        const draggedItemProvider = () => {
+            const activeViewlet = this.getActivePaneComposite();
+            return { type: 'composite', id: activeViewlet.getId() };
+        };
+        this._register(CompositeDragAndDropObserver.INSTANCE.registerDraggable(this.titleLabelElement, draggedItemProvider, {}));
+        this.updateTitleArea();
+        return titleLabel;
+    }
+    updateTitleArea() {
+        if (!this.titleContainer) {
+            return;
+        }
+        if (this.shouldShowCompositeBar()) {
+            if (!this.paneCompositeBar.value) {
+                this.titleContainer.classList.add('has-composite-bar');
+                this.paneCompositeBarContainer = prepend(this.titleContainer, $('.composite-bar-container'));
+                this.paneCompositeBar.value = this.createCompisteBar();
+                this.paneCompositeBar.value.create(this.paneCompositeBarContainer);
+            }
+        }
+        else {
+            this.titleContainer.classList.remove('has-composite-bar');
+            this.paneCompositeBarContainer?.remove();
+            this.paneCompositeBarContainer = undefined;
+            this.paneCompositeBar.clear();
+        }
+    }
+    createCompisteBar() {
+        return this.instantiationService.createInstance(PaneCompositeBar, this.getCompositeBarOptions(), this.partId, this);
+    }
+    onTitleAreaUpdate(compositeId) {
+        super.onTitleAreaUpdate(compositeId);
+        this.layoutCompositeBar();
+    }
+    async openPaneComposite(id, focus) {
+        if (typeof id === 'string' && this.getPaneComposite(id)) {
+            return this.doOpenPaneComposite(id, focus);
+        }
+        await this.extensionService.whenInstalledExtensionsRegistered();
+        if (typeof id === 'string' && this.getPaneComposite(id)) {
+            return this.doOpenPaneComposite(id, focus);
+        }
+        return undefined;
+    }
+    doOpenPaneComposite(id, focus) {
+        if (this.blockOpening) {
+            return undefined;
+        }
+        if (!this.layoutService.isVisible(this.partId)) {
+            try {
+                this.blockOpening = true;
+                this.layoutService.setPartHidden(false, this.partId);
+            }
+            finally {
+                this.blockOpening = false;
+            }
+        }
+        return this.openComposite(id, focus);
+    }
+    getPaneComposite(id) {
+        return this.registry.getPaneComposite(id);
+    }
+    getPaneComposites() {
+        return this.registry.getPaneComposites()
+            .sort((v1, v2) => {
+            if (typeof v1.order !== 'number') {
+                return 1;
+            }
+            if (typeof v2.order !== 'number') {
+                return -1;
+            }
+            return v1.order - v2.order;
+        });
+    }
+    getPinnedPaneCompositeIds() {
+        return this.paneCompositeBar.value?.getPinnedPaneCompositeIds() ?? [];
+    }
+    getVisiblePaneCompositeIds() {
+        return this.paneCompositeBar.value?.getVisiblePaneCompositeIds() ?? [];
+    }
+    getActivePaneComposite() {
+        return this.getActiveComposite();
+    }
+    getLastActivePaneCompositeId() {
+        return this.getLastActiveCompositeId();
+    }
+    hideActivePaneComposite() {
+        if (this.layoutService.isVisible(this.partId)) {
+            this.layoutService.setPartHidden(true, this.partId);
+        }
+        this.hideActiveComposite();
+    }
+    focusComositeBar() {
+        this.paneCompositeBar.value?.focus();
+    }
+    layout(width, height, top, left) {
+        if (!this.layoutService.isVisible(this.partId)) {
+            return;
+        }
+        this.contentDimension = ( new Dimension(width, height));
+        super.layout(this.contentDimension.width, this.contentDimension.height, top, left);
+        this.layoutCompositeBar();
+        this.layoutEmptyMessage();
+    }
+    layoutCompositeBar() {
+        if (this.contentDimension && this.dimension && this.paneCompositeBar.value) {
+            let availableWidth = this.contentDimension.width - 16;
+            if (this.toolBar) {
+                availableWidth = Math.max(AbstractPaneCompositePart_1.MIN_COMPOSITE_BAR_WIDTH, availableWidth - this.getToolbarWidth());
+            }
+            this.paneCompositeBar.value.layout(availableWidth, this.dimension.height);
+        }
+    }
+    layoutEmptyMessage() {
+        this.emptyPaneMessageElement?.classList.toggle('visible', !this.getActiveComposite());
+    }
+    updateGlobalToolbarActions() {
+        const primaryActions = this.globalActions.getPrimaryActions();
+        const secondaryActions = this.globalActions.getSecondaryActions();
+        this.globalToolBar?.setActions(prepareActions(primaryActions), prepareActions(secondaryActions));
+    }
+    getToolbarWidth() {
+        const activePane = this.getActivePaneComposite();
+        if (!activePane || !this.toolBar) {
+            return 0;
+        }
+        return this.toolBar.getItemsWidth() + 5 + (this.globalToolBar?.getItemsWidth() ?? 0);
+    }
+    onTitleAreaContextMenu(event) {
+        if (this.shouldShowCompositeBar() && this.paneCompositeBar.value) {
+            const actions = [...this.paneCompositeBar.value.getContextMenuActions()];
+            if (actions.length) {
+                this.contextMenuService.showContextMenu({
+                    getAnchor: () => event,
+                    getActions: () => actions,
+                    skipTelemetry: true
+                });
+            }
+        }
+        else {
+            const activePaneComposite = this.getActivePaneComposite();
+            const activePaneCompositeActions = activePaneComposite ? activePaneComposite.getContextMenuActions() : [];
+            if (activePaneCompositeActions.length) {
+                this.contextMenuService.showContextMenu({
+                    getAnchor: () => event,
+                    getActions: () => activePaneCompositeActions,
+                    getActionViewItem: action => this.actionViewItemProvider(action),
+                    actionRunner: activePaneComposite.getActionRunner(),
+                    skipTelemetry: true
+                });
+            }
+        }
+    }
+    getViewsSubmenuAction() {
+        const viewPaneContainer = this.getActivePaneComposite()?.getViewPaneContainer();
+        if (viewPaneContainer) {
+            const disposables = ( new DisposableStore());
+            const viewsActions = [];
+            const scopedContextKeyService = disposables.add(this.contextKeyService.createScoped(this.element));
+            scopedContextKeyService.createKey('viewContainer', viewPaneContainer.viewContainer.id);
+            const menu = disposables.add(this.menuService.createMenu(ViewsSubMenu, scopedContextKeyService));
+            createAndFillInActionBarActions(menu, { shouldForwardArgs: true, renderShortTitle: true }, { primary: viewsActions, secondary: [] }, () => true);
+            disposables.dispose();
+            return viewsActions.length > 1 && ( viewsActions.some(a => a.enabled)) ? ( new SubmenuAction('views', ( localizeWithPath('vs/workbench/browser/parts/paneCompositePart', 'views', "Views")), viewsActions)) : undefined;
+        }
+        return undefined;
+    }
+};
+AbstractPaneCompositePart = AbstractPaneCompositePart_1 = ( __decorate([
+    ( __param(8, INotificationService)),
+    ( __param(9, IStorageService)),
+    ( __param(10, IContextMenuService)),
+    ( __param(11, IWorkbenchLayoutService)),
+    ( __param(12, IKeybindingService)),
+    ( __param(13, IInstantiationService)),
+    ( __param(14, IThemeService)),
+    ( __param(15, IViewDescriptorService)),
+    ( __param(16, IContextKeyService)),
+    ( __param(17, IExtensionService)),
+    ( __param(18, IMenuService))
+], AbstractPaneCompositePart));
+export { AbstractPaneCompositePart };

package/vscode/src/vs/workbench/browser/parts/paneCompositePartService.js

@@ -0,0 +1,66 @@
+import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
+import { Event } from '../../../base/common/event.js';
+import { assertIsDefined } from '../../../base/common/types.js';
+import { IInstantiationService } from '../../../platform/instantiation/common/instantiation.js';
+import { AuxiliaryBarPart } from './auxiliarybar/auxiliaryBarPart.js';
+import { PanelPart } from './panel/panelPart.js';
+import { SidebarPart } from './sidebar/sidebarPart.js';
+import { ViewContainerLocations } from '../../common/views.js';
+import { Disposable, DisposableStore } from '../../../base/common/lifecycle.js';
+let PaneCompositePartService = class PaneCompositePartService extends Disposable {
+    constructor(instantiationService) {
+        super();
+        this.paneCompositeParts = ( new Map());
+        const panelPart = instantiationService.createInstance(PanelPart);
+        const sideBarPart = instantiationService.createInstance(SidebarPart);
+        const auxiliaryBarPart = instantiationService.createInstance(AuxiliaryBarPart);
+        this.paneCompositeParts.set(1 , panelPart);
+        this.paneCompositeParts.set(0 , sideBarPart);
+        this.paneCompositeParts.set(2 , auxiliaryBarPart);
+        const eventDisposables = this._register(( new DisposableStore()));
+        this.onDidPaneCompositeOpen = Event.any(...( ViewContainerLocations.map(loc => ( Event.map(
+            this.paneCompositeParts.get(loc).onDidPaneCompositeOpen,
+            composite => { return { composite, viewContainerLocation: loc }; },
+            eventDisposables
+        )))));
+        this.onDidPaneCompositeClose = Event.any(...( ViewContainerLocations.map(loc => ( Event.map(
+            this.paneCompositeParts.get(loc).onDidPaneCompositeClose,
+            composite => { return { composite, viewContainerLocation: loc }; },
+            eventDisposables
+        )))));
+    }
+    openPaneComposite(id, viewContainerLocation, focus) {
+        return this.getPartByLocation(viewContainerLocation).openPaneComposite(id, focus);
+    }
+    getActivePaneComposite(viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getActivePaneComposite();
+    }
+    getPaneComposite(id, viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getPaneComposite(id);
+    }
+    getPaneComposites(viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getPaneComposites();
+    }
+    getPinnedPaneCompositeIds(viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getPinnedPaneCompositeIds();
+    }
+    getVisiblePaneCompositeIds(viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getVisiblePaneCompositeIds();
+    }
+    getProgressIndicator(id, viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getProgressIndicator(id);
+    }
+    hideActivePaneComposite(viewContainerLocation) {
+        this.getPartByLocation(viewContainerLocation).hideActivePaneComposite();
+    }
+    getLastActivePaneCompositeId(viewContainerLocation) {
+        return this.getPartByLocation(viewContainerLocation).getLastActivePaneCompositeId();
+    }
+    getPartByLocation(viewContainerLocation) {
+        return assertIsDefined(this.paneCompositeParts.get(viewContainerLocation));
+    }
+};
+PaneCompositePartService = ( __decorate([
+    ( __param(0, IInstantiationService))
+], PaneCompositePartService));
+export { PaneCompositePartService };

package/vscode/src/vs/workbench/browser/parts/panel/panelPart.js

@@ -0,0 +1,144 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import './media/panelpart.css.js';
+import { localizeWithPath } from '../../../../nls.js';
+import { Separator, SubmenuAction, toAction } from '../../../../base/common/actions.js';
+import { ActivePanelContext, PanelFocusContext } from '../../../common/contextkeys.js';
+import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.js';
+import { IStorageService } from '../../../../platform/storage/common/storage.js';
+import { IContextMenuService } from '../../../../platform/contextview/browser/contextView.js';
+import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
+import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
+import { TogglePanelAction } from './panelActions.js';
+import { IThemeService } from '../../../../platform/theme/common/themeService.js';
+import { PANEL_BACKGROUND, PANEL_BORDER, PANEL_ACTIVE_TITLE_BORDER, PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_INACTIVE_TITLE_FOREGROUND, PANEL_DRAG_AND_DROP_BORDER } from '../../../common/theme.js';
+import { contrastBorder, badgeBackground, badgeForeground } from '../../../../platform/theme/common/colorRegistry.js';
+import { INotificationService } from '../../../../platform/notification/common/notification.js';
+import { Dimension } from '../../../../base/browser/dom.js';
+import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
+import { assertIsDefined } from '../../../../base/common/types.js';
+import { IExtensionService } from '../../../services/extensions/common/extensions.js';
+import { IViewDescriptorService } from '../../../common/views.js';
+import { MenuId, IMenuService } from '../../../../platform/actions/common/actions.js';
+import { AbstractPaneCompositePart } from '../paneCompositePart.js';
+import { ICommandService } from '../../../../platform/commands/common/commands.js';
+import { createAndFillInContextMenuActions } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
+var PanelPart_1;
+let PanelPart = class PanelPart extends AbstractPaneCompositePart {
+    static { PanelPart_1 = this; }
+    get preferredHeight() {
+        return this.layoutService.mainContainerDimension.height * 0.4;
+    }
+    get preferredWidth() {
+        const activeComposite = this.getActivePaneComposite();
+        if (!activeComposite) {
+            return;
+        }
+        const width = activeComposite.getOptimalWidth();
+        if (typeof width !== 'number') {
+            return;
+        }
+        return Math.max(width, 300);
+    }
+    static { this.activePanelSettingsKey = 'workbench.panelpart.activepanelid'; }
+    constructor(notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, commandService, menuService) {
+        super("workbench.parts.panel" , { hasTitle: true }, PanelPart_1.activePanelSettingsKey, ActivePanelContext.bindTo(contextKeyService), PanelFocusContext.bindTo(contextKeyService), 'panel', 'panel', undefined, notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, menuService);
+        this.commandService = commandService;
+        this.minimumWidth = 300;
+        this.maximumWidth = Number.POSITIVE_INFINITY;
+        this.minimumHeight = 77;
+        this.maximumHeight = Number.POSITIVE_INFINITY;
+    }
+    updateStyles() {
+        super.updateStyles();
+        const container = assertIsDefined(this.getContainer());
+        container.style.backgroundColor = this.getColor(PANEL_BACKGROUND) || '';
+        const borderColor = this.getColor(PANEL_BORDER) || this.getColor(contrastBorder) || '';
+        container.style.borderLeftColor = borderColor;
+        container.style.borderRightColor = borderColor;
+        const title = this.getTitleArea();
+        if (title) {
+            title.style.borderTopColor = this.getColor(PANEL_BORDER) || this.getColor(contrastBorder) || '';
+        }
+    }
+    getCompositeBarOptions() {
+        return {
+            partContainerClass: 'panel',
+            pinnedViewContainersKey: 'workbench.panel.pinnedPanels',
+            placeholderViewContainersKey: 'workbench.panel.placeholderPanels',
+            viewContainersWorkspaceStateKey: 'workbench.panel.viewContainersWorkspaceState',
+            icon: false,
+            orientation: 0 ,
+            recomputeSizes: true,
+            activityHoverOptions: {
+                position: () => this.layoutService.getPanelPosition() === 2  && !this.layoutService.isPanelMaximized() ? 3  : 2 ,
+            },
+            fillExtraContextMenuActions: actions => ( this.fillExtraContextMenuActions(actions)),
+            compositeSize: 0,
+            iconSize: 16,
+            overflowActionSize: 44,
+            colors: theme => ({
+                activeBackgroundColor: theme.getColor(PANEL_BACKGROUND),
+                inactiveBackgroundColor: theme.getColor(PANEL_BACKGROUND),
+                activeBorderBottomColor: theme.getColor(PANEL_ACTIVE_TITLE_BORDER),
+                activeForegroundColor: theme.getColor(PANEL_ACTIVE_TITLE_FOREGROUND),
+                inactiveForegroundColor: theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND),
+                badgeBackground: theme.getColor(badgeBackground),
+                badgeForeground: theme.getColor(badgeForeground),
+                dragAndDropBorder: theme.getColor(PANEL_DRAG_AND_DROP_BORDER)
+            })
+        };
+    }
+    fillExtraContextMenuActions(actions) {
+        const panelPositionMenu = this.menuService.createMenu(MenuId.PanelPositionMenu, this.contextKeyService);
+        const panelAlignMenu = this.menuService.createMenu(MenuId.PanelAlignmentMenu, this.contextKeyService);
+        const positionActions = [];
+        const alignActions = [];
+        createAndFillInContextMenuActions(panelPositionMenu, { shouldForwardArgs: true }, { primary: [], secondary: positionActions });
+        createAndFillInContextMenuActions(panelAlignMenu, { shouldForwardArgs: true }, { primary: [], secondary: alignActions });
+        panelAlignMenu.dispose();
+        panelPositionMenu.dispose();
+        actions.push(...[
+            ( new Separator()),
+            ( new SubmenuAction('workbench.action.panel.position', ( localizeWithPath(
+                'vs/workbench/browser/parts/panel/panelPart',
+                'panel position',
+                "Panel Position"
+            )), positionActions)),
+            ( new SubmenuAction('workbench.action.panel.align', ( localizeWithPath('vs/workbench/browser/parts/panel/panelPart', 'align panel', "Align Panel")), alignActions)),
+            toAction({ id: TogglePanelAction.ID, label: ( localizeWithPath('vs/workbench/browser/parts/panel/panelPart', 'hidePanel', "Hide Panel")), run: () => this.commandService.executeCommand(TogglePanelAction.ID) })
+        ]);
+    }
+    layout(width, height, top, left) {
+        let dimensions;
+        if (this.layoutService.getPanelPosition() === 1 ) {
+            dimensions = ( new Dimension(width - 1, height));
+        }
+        else {
+            dimensions = ( new Dimension(width, height));
+        }
+        super.layout(dimensions.width, dimensions.height, top, left);
+    }
+    shouldShowCompositeBar() {
+        return true;
+    }
+    toJSON() {
+        return {
+            type: "workbench.parts.panel"
+        };
+    }
+};
+PanelPart = PanelPart_1 = ( __decorate([
+    ( __param(0, INotificationService)),
+    ( __param(1, IStorageService)),
+    ( __param(2, IContextMenuService)),
+    ( __param(3, IWorkbenchLayoutService)),
+    ( __param(4, IKeybindingService)),
+    ( __param(5, IInstantiationService)),
+    ( __param(6, IThemeService)),
+    ( __param(7, IViewDescriptorService)),
+    ( __param(8, IContextKeyService)),
+    ( __param(9, IExtensionService)),
+    ( __param(10, ICommandService)),
+    ( __param(11, IMenuService))
+], PanelPart));
+export { PanelPart };

package/vscode/src/vs/workbench/browser/parts/sidebar/media/sidebarpart.css.js

@@ -0,0 +1,4 @@
+import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
+var css = ".monaco-workbench.nosidebar>.part.sidebar{display:none!important;visibility:hidden!important}.monaco-workbench .part.sidebar .title-actions .actions-container{justify-content:flex-end}.monaco-workbench .part.sidebar .title-actions .action-item{margin-right:4px}.monaco-workbench .part.sidebar>.title>.title-label h2{text-transform:uppercase}.monaco-workbench .viewlet .collapsible.header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .viewlet .collapsible.header .actions{width:0}.monaco-workbench .viewlet .collapsible.header.focused .actions,.monaco-workbench .viewlet .split-view-view:hover>.header .actions{flex:1;width:auto}.monaco-workbench .viewlet .collapsible.header .actions .action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;height:22px;margin-right:0;width:28px}.monaco-workbench .viewlet .collapsible.header .actions .action-label .label,.monaco-workbench .viewlet .collapsible.header.collapsed .actions{display:none}.monaco-workbench .viewlet .collapsible.header .action-label{background-repeat:no-repeat;height:16px;margin-right:.2em;width:16px}.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before{border-top-color:var(--vscode-activityBarTop-activeBorder)!important}.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .action-label,.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{color:var(--vscode-activityBarTop-foreground)!important}.monaco-workbench .sidebar.pane-composite-part>.title>.composite-bar-container{flex:1}.monaco-workbench .sidebar.part.pane-composite-part>.composite.title.has-composite-bar>.title-actions{flex:inherit}.monaco-workbench .sidebar.pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item{max-width:150px}";
+n(css,{});
+export { css, css as default };