@codingame/monaco-vscode-api 3.2.2 → 4.0.0

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

@@ -4,7 +4,7 @@ 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 { DisposableStore, MutableDisposable } from '../../../base/common/lifecycle.js';
 import { IWorkbenchLayoutService } from '../../services/layout/browser/layoutService.js';
 import { CompositePart } from './compositePart.js';
 import { PaneCompositeBar } from './paneCompositeBar.js';
@@ -30,6 +30,12 @@ import { SubmenuAction } from '../../../base/common/actions.js';
 import { ViewsSubMenu } from './views/viewPaneContainer.js';
 import { createAndFillInActionBarActions } from '../../../platform/actions/browser/menuEntryActionViewItem.js';
 var AbstractPaneCompositePart_1;
+var CompositeBarPosition;
+( (function(CompositeBarPosition) {
+    CompositeBarPosition[CompositeBarPosition["TOP"] = 0] = "TOP";
+    CompositeBarPosition[CompositeBarPosition["TITLE"] = 1] = "TITLE";
+    CompositeBarPosition[CompositeBarPosition["BOTTOM"] = 2] = "BOTTOM";
+})(CompositeBarPosition || (CompositeBarPosition = {})));
 let AbstractPaneCompositePart = class AbstractPaneCompositePart extends CompositePart {
     static { AbstractPaneCompositePart_1 = this; }
     static { this.MIN_COMPOSITE_BAR_WIDTH = 50; }
@@ -60,7 +66,9 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         this.extensionService = extensionService;
         this.menuService = menuService;
         this.onDidPaneCompositeClose = this.onDidCompositeClose.event;
+        this.headerFooterCompositeBarDispoables = this._register(( new DisposableStore()));
         this.paneCompositeBar = this._register(( new MutableDisposable()));
+        this.compositeBarPosition = undefined;
         this.blockOpening = false;
         this.location = location;
         this.globalActions = this._register(this.instantiationService.createInstance(CompositeMenuActions, globalActionsMenuId, undefined, undefined));
@@ -117,6 +125,7 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         if (contentArea) {
             this.createEmptyPaneMessage(contentArea);
         }
+        this.updateCompositeBar();
         const focusTracker = this._register(trackFocus(parent));
         this._register(focusTracker.onDidFocus(() => this.paneFocusContextKey.set(true)));
         this._register(focusTracker.onDidBlur(() => this.paneFocusContextKey.set(false)));
@@ -185,7 +194,7 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
                 'moreActions',
                 "More Actions..."
             )),
-            hoverDelegate: this.hoverDelegate
+            hoverDelegate: this.toolbarHoverDelegate
         })));
         this.updateGlobalToolbarActions();
         return titleArea;
@@ -199,29 +208,94 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
             return { type: 'composite', id: activeViewlet.getId() };
         };
         this._register(CompositeDragAndDropObserver.INSTANCE.registerDraggable(this.titleLabelElement, draggedItemProvider, {}));
-        this.updateTitleArea();
         return titleLabel;
     }
-    updateTitleArea() {
-        if (!this.titleContainer) {
+    updateCompositeBar() {
+        const wasCompositeBarVisible = this.compositeBarPosition !== undefined;
+        const isCompositeBarVisible = this.shouldShowCompositeBar();
+        const previousPosition = this.compositeBarPosition;
+        const newPosition = isCompositeBarVisible ? this.getCompositeBarPosition() : undefined;
+        if (previousPosition === newPosition) {
             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);
+        if (wasCompositeBarVisible) {
+            const previousCompositeBarContainer = previousPosition === CompositeBarPosition.TITLE ? this.titleContainer : this.headerFooterCompositeBarContainer;
+            if (!this.paneCompositeBarContainer || !this.paneCompositeBar.value || !previousCompositeBarContainer) {
+                throw new Error('Composite bar containers should exist when removing the previous composite bar');
             }
+            this.paneCompositeBarContainer.remove();
+            this.paneCompositeBarContainer = undefined;
+            this.paneCompositeBar.value = undefined;
+            previousCompositeBarContainer.classList.remove('has-composite-bar');
+            if (previousPosition === CompositeBarPosition.TOP) {
+                this.removeFooterHeaderArea(true);
+            }
+            else if (previousPosition === CompositeBarPosition.BOTTOM) {
+                this.removeFooterHeaderArea(false);
+            }
+        }
+        let newCompositeBarContainer;
+        switch (newPosition) {
+            case CompositeBarPosition.TOP:
+                newCompositeBarContainer = this.createHeaderArea();
+                break;
+            case CompositeBarPosition.TITLE:
+                newCompositeBarContainer = this.titleContainer;
+                break;
+            case CompositeBarPosition.BOTTOM:
+                newCompositeBarContainer = this.createFooterArea();
+                break;
+        }
+        if (isCompositeBarVisible) {
+            if (this.paneCompositeBarContainer || this.paneCompositeBar.value || !newCompositeBarContainer) {
+                throw new Error('Invalid composite bar state when creating the new composite bar');
+            }
+            newCompositeBarContainer.classList.add('has-composite-bar');
+            this.paneCompositeBarContainer = prepend(newCompositeBarContainer, $('.composite-bar-container'));
+            this.paneCompositeBar.value = this.createCompositeBar();
+            this.paneCompositeBar.value.create(this.paneCompositeBarContainer);
+            if (newPosition === CompositeBarPosition.TOP) {
+                this.setHeaderArea(newCompositeBarContainer);
+            }
+            else if (newPosition === CompositeBarPosition.BOTTOM) {
+                this.setFooterArea(newCompositeBarContainer);
+            }
+        }
+        this.compositeBarPosition = newPosition;
+    }
+    createHeaderArea() {
+        const headerArea = super.createHeaderArea();
+        return this.createHeaderFooterCompositeBarArea(headerArea);
+    }
+    createFooterArea() {
+        const footerArea = super.createFooterArea();
+        return this.createHeaderFooterCompositeBarArea(footerArea);
+    }
+    createHeaderFooterCompositeBarArea(area) {
+        if (this.headerFooterCompositeBarContainer) {
+            throw new Error('Header or Footer composite bar already exists');
+        }
+        this.headerFooterCompositeBarContainer = area;
+        this.headerFooterCompositeBarDispoables.add(addDisposableListener(area, EventType.CONTEXT_MENU, e => {
+            this.onCompositeBarAreaContextMenu(( new StandardMouseEvent(getWindow(area), e)));
+        }));
+        this.headerFooterCompositeBarDispoables.add(Gesture.addTarget(area));
+        this.headerFooterCompositeBarDispoables.add(addDisposableListener(area, EventType$1.Contextmenu, e => {
+            this.onCompositeBarAreaContextMenu(( new StandardMouseEvent(getWindow(area), e)));
+        }));
+        return area;
+    }
+    removeFooterHeaderArea(header) {
+        this.headerFooterCompositeBarContainer = undefined;
+        this.headerFooterCompositeBarDispoables.clear();
+        if (header) {
+            this.removeHeaderArea();
         }
         else {
-            this.titleContainer.classList.remove('has-composite-bar');
-            this.paneCompositeBarContainer?.remove();
-            this.paneCompositeBarContainer = undefined;
-            this.paneCompositeBar.clear();
+            this.removeFooterArea();
         }
     }
-    createCompisteBar() {
+    createCompositeBar() {
         return this.instantiationService.createInstance(PaneCompositeBar, this.getCompositeBarOptions(), this.partId, this);
     }
     onTitleAreaUpdate(compositeId) {
@@ -300,15 +374,19 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
     }
     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());
-            }
+            const padding = this.compositeBarPosition === CompositeBarPosition.TITLE ? 16 : 8;
+            const borderWidth = this.partId === "workbench.parts.panel"  ? 0 : 1;
+            let availableWidth = this.contentDimension.width - padding - borderWidth;
+            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());
+        const visible = !this.getActiveComposite();
+        this.emptyPaneMessageElement?.classList.toggle('visible', visible);
+        if (visible) {
+            this.titleLabel?.updateTitle('', '');
+        }
     }
     updateGlobalToolbarActions() {
         const primaryActions = this.globalActions.getPrimaryActions();
@@ -316,24 +394,20 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
         this.globalToolBar?.setActions(prepareActions(primaryActions), prepareActions(secondaryActions));
     }
     getToolbarWidth() {
+        if (!this.toolBar || this.compositeBarPosition !== CompositeBarPosition.TITLE) {
+            return 0;
+        }
         const activePane = this.getActivePaneComposite();
-        if (!activePane || !this.toolBar) {
+        if (!activePane) {
             return 0;
         }
         const toolBarWidth = this.toolBar.getItemsWidth() + this.toolBar.getItemsLength() * 4;
         const globalToolBarWidth = this.globalToolBar ? this.globalToolBar.getItemsWidth() + this.globalToolBar.getItemsLength() * 4 : 0;
-        return 5 + toolBarWidth + globalToolBarWidth;
+        return toolBarWidth + globalToolBarWidth + 5;
     }
     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
-                });
-            }
+        if (this.shouldShowCompositeBar() && this.getCompositeBarPosition() === CompositeBarPosition.TITLE) {
+            return this.onCompositeBarContextMenu(event);
         }
         else {
             const activePaneComposite = this.getActivePaneComposite();
@@ -349,6 +423,21 @@ let AbstractPaneCompositePart = class AbstractPaneCompositePart extends Composit
             }
         }
     }
+    onCompositeBarAreaContextMenu(event) {
+        return this.onCompositeBarContextMenu(event);
+    }
+    onCompositeBarContextMenu(event) {
+        if (this.paneCompositeBar.value) {
+            const actions = [...this.paneCompositeBar.value.getContextMenuActions()];
+            if (actions.length) {
+                this.contextMenuService.showContextMenu({
+                    getAnchor: () => event,
+                    getActions: () => actions,
+                    skipTelemetry: true
+                });
+            }
+        }
+    }
     getViewsSubmenuAction() {
         const viewPaneContainer = this.getActivePaneComposite()?.getViewPaneContainer();
         if (viewPaneContainer) {
@@ -377,4 +466,4 @@ AbstractPaneCompositePart = AbstractPaneCompositePart_1 = ( __decorate([
     ( __param(17, IExtensionService)),
     ( __param(18, IMenuService))
 ], AbstractPaneCompositePart));
-export { AbstractPaneCompositePart };
+export { AbstractPaneCompositePart, CompositeBarPosition };

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

@@ -1,6 +1,6 @@
 import './media/panelpart.css.js';
-import { localizeWithPath, localize2WithPath } from '../../../../nls.js';
-import { registerAction2, MenuRegistry, MenuId, Action2 } from '../../../../platform/actions/common/actions.js';
+import { localize2WithPath, localizeWithPath } from '../../../../nls.js';
+import { Action2, MenuId, registerAction2, MenuRegistry } from '../../../../platform/actions/common/actions.js';
 import { Categories } from '../../../../platform/action/common/actionCommonCategories.js';
 import { IWorkbenchLayoutService, positionToString } from '../../../services/layout/browser/layoutService.js';
 import { PanelVisibleContext, PanelAlignmentContext, PanelPositionContext, PanelMaximizedContext, AuxiliaryBarVisibleContext } from '../../../common/contextkeys.js';
@@ -418,7 +418,18 @@ registerAction2(class extends Action2 {
                 }, {
                     id: MenuId.AuxiliaryBarTitle,
                     group: 'navigation',
-                    order: 2
+                    order: 2,
+                    when: ( ContextKeyExpr.notEquals(
+                        `config.${"workbench.activityBar.location" }`,
+                        "top"
+                    ))
+                }, {
+                    id: MenuId.AuxiliaryBarHeader,
+                    group: 'navigation',
+                    when: ( ContextKeyExpr.equals(
+                        `config.${"workbench.activityBar.location" }`,
+                        "top"
+                    ))
                 }]
         });
     }

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

@@ -11,7 +11,17 @@ import { IInstantiationService } from '../../../../platform/instantiation/common
 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 '../../../../platform/theme/common/colorUtils.js';
+import { contrastBorder } from '../../../../platform/theme/common/colors/baseColors.js';
+import '../../../../platform/theme/common/colors/chartsColors.js';
+import '../../../../platform/theme/common/colors/editorColors.js';
+import '../../../../platform/theme/common/colors/inputColors.js';
+import '../../../../platform/theme/common/colors/listColors.js';
+import '../../../../platform/theme/common/colors/menuColors.js';
+import '../../../../platform/theme/common/colors/minimapColors.js';
+import { badgeBackground, badgeForeground } from '../../../../platform/theme/common/colors/miscColors.js';
+import '../../../../platform/theme/common/colors/quickpickColors.js';
+import '../../../../platform/theme/common/colors/searchColors.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.js';
 import { Dimension } from '../../../../base/browser/dom.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
@@ -19,7 +29,7 @@ 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 { AbstractPaneCompositePart, CompositeBarPosition } from '../paneCompositePart.js';
 import { ICommandService } from '../../../../platform/commands/common/commands.js';
 import { createAndFillInContextMenuActions } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
 var PanelPart_1;
@@ -121,6 +131,9 @@ let PanelPart = class PanelPart extends AbstractPaneCompositePart {
     shouldShowCompositeBar() {
         return true;
     }
+    getCompositeBarPosition() {
+        return CompositeBarPosition.TITLE;
+    }
     toJSON() {
         return {
             type: "workbench.parts.panel"

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

@@ -1,4 +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}";
+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>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus,.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus{outline:0!important}.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label,.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label{border-radius:0;outline-offset:2px}.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before,.monaco-workbench .part.sidebar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before{left:6px;position:absolute}.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,.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>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .action-label,.monaco-workbench .part.sidebar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label,.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 };

package/vscode/src/vs/workbench/browser/parts/sidebar/sidebarActions.js

@@ -0,0 +1,37 @@
+import './media/sidebarpart.css.js';
+import { localize2WithPath } from '../../../../nls.js';
+import { registerAction2, Action2 } from '../../../../platform/actions/common/actions.js';
+import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.js';
+import { Categories } from '../../../../platform/action/common/actionCommonCategories.js';
+import { IPaneCompositePartService } from '../../../services/panecomposite/browser/panecomposite.js';
+class FocusSideBarAction extends Action2 {
+    constructor() {
+        super({
+            id: 'workbench.action.focusSideBar',
+            title: ( localize2WithPath(
+                'vs/workbench/browser/parts/sidebar/sidebarActions',
+                'focusSideBar',
+                'Focus into Primary Side Bar'
+            )),
+            category: Categories.View,
+            f1: true,
+            keybinding: {
+                weight: 200 ,
+                when: null,
+                primary: 2048  | 21
+            }
+        });
+    }
+    async run(accessor) {
+        const layoutService = accessor.get(IWorkbenchLayoutService);
+        const paneCompositeService = accessor.get(IPaneCompositePartService);
+        if (!layoutService.isVisible("workbench.parts.sidebar" )) {
+            layoutService.setPartHidden(false, "workbench.parts.sidebar" );
+            return;
+        }
+        const viewlet = paneCompositeService.getActivePaneComposite(0 );
+        viewlet?.focus();
+    }
+}
+registerAction2(FocusSideBarAction);
+export { FocusSideBarAction };

package/vscode/src/vs/workbench/browser/parts/sidebar/sidebarPart.js

@@ -1,5 +1,6 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import './media/sidebarpart.css.js';
+import './sidebarActions.js';
 import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.js';
 import { ActiveViewletContext, SidebarFocusContext } from '../../../common/contextkeys.js';
 import { IStorageService } from '../../../../platform/storage/common/storage.js';
@@ -7,14 +8,24 @@ import { IContextMenuService } from '../../../../platform/contextview/browser/co
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.js';
-import { contrastBorder } from '../../../../platform/theme/common/colorRegistry.js';
+import '../../../../platform/theme/common/colorUtils.js';
+import { contrastBorder } from '../../../../platform/theme/common/colors/baseColors.js';
+import '../../../../platform/theme/common/colors/chartsColors.js';
+import '../../../../platform/theme/common/colors/editorColors.js';
+import '../../../../platform/theme/common/colors/inputColors.js';
+import '../../../../platform/theme/common/colors/listColors.js';
+import '../../../../platform/theme/common/colors/menuColors.js';
+import '../../../../platform/theme/common/colors/minimapColors.js';
+import '../../../../platform/theme/common/colors/miscColors.js';
+import '../../../../platform/theme/common/colors/quickpickColors.js';
+import '../../../../platform/theme/common/colors/searchColors.js';
 import { SIDE_BAR_BORDER, SIDE_BAR_TITLE_FOREGROUND, SIDE_BAR_BACKGROUND, SIDE_BAR_FOREGROUND, SIDE_BAR_DRAG_AND_DROP_BACKGROUND, ACTIVITY_BAR_TOP_ACTIVE_BORDER, ACTIVITY_BAR_TOP_FOREGROUND, ACTIVITY_BAR_TOP_INACTIVE_FOREGROUND, ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, ACTIVITY_BAR_TOP_DRAG_AND_DROP_BORDER } from '../../../common/theme.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
 import { IExtensionService } from '../../../services/extensions/common/extensions.js';
 import { assertIsDefined } from '../../../../base/common/types.js';
 import { IViewDescriptorService } from '../../../common/views.js';
-import { AbstractPaneCompositePart } from '../paneCompositePart.js';
+import { AbstractPaneCompositePart, CompositeBarPosition } from '../paneCompositePart.js';
 import { ActivitybarPart, ActivityBarCompositeBar } from '../activitybar/activitybarPart.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
 import { registerAction2, Action2, IMenuService } from '../../../../platform/actions/common/actions.js';
@@ -54,12 +65,15 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
         this.registerActions();
     }
     onDidChangeActivityBarLocation() {
-        this.updateTitleArea();
+        this.acitivityBarPart.hide();
+        this.updateCompositeBar();
         const id = this.getActiveComposite()?.getId();
         if (id) {
             this.onTitleAreaUpdate(id);
         }
-        this.updateActivityBarVisiblity();
+        if (this.shouldShowActivityBar()) {
+            this.acitivityBarPart.show();
+        }
         this.rememberActivityBarVisiblePosition();
     }
     updateStyles() {
@@ -86,7 +100,7 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
     getTitleAreaDropDownAnchorAlignment() {
         return this.layoutService.getSideBarPosition() === 0  ? 0  : 1 ;
     }
-    createCompisteBar() {
+    createCompositeBar() {
         return this.instantiationService.createInstance(ActivityBarCompositeBar, this.getCompositeBarOptions(), this.partId, this, false);
     }
     getCompositeBarOptions() {
@@ -99,7 +113,7 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
             orientation: 0 ,
             recomputeSizes: true,
             activityHoverOptions: {
-                position: () => 2 ,
+                position: () => this.getCompositeBarPosition() === CompositeBarPosition.BOTTOM ? 3  : 2 ,
             },
             fillExtraContextMenuActions: actions => {
                 const viewsSubmenuAction = this.getViewsSubmenuAction();
@@ -110,7 +124,7 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
             },
             compositeSize: 0,
             iconSize: 16,
-            overflowActionSize: 44,
+            overflowActionSize: 30,
             colors: theme => ({
                 activeBackgroundColor: theme.getColor(SIDE_BAR_BACKGROUND),
                 inactiveBackgroundColor: theme.getColor(SIDE_BAR_BACKGROUND),
@@ -125,7 +139,8 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
         };
     }
     shouldShowCompositeBar() {
-        return this.configurationService.getValue("workbench.activityBar.location" ) === "top" ;
+        const activityBarPosition = this.configurationService.getValue("workbench.activityBar.location" );
+        return activityBarPosition === "top"  || activityBarPosition === "bottom" ;
     }
     shouldShowActivityBar() {
         if (this.shouldShowCompositeBar()) {
@@ -133,6 +148,16 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
         }
         return this.configurationService.getValue("workbench.activityBar.location" ) !== "hidden" ;
     }
+    getCompositeBarPosition() {
+        const activityBarPosition = this.configurationService.getValue("workbench.activityBar.location" );
+        switch (activityBarPosition) {
+            case "top" : return CompositeBarPosition.TOP;
+            case "bottom" : return CompositeBarPosition.BOTTOM;
+            case "hidden" :
+            case "default" :
+            default: return CompositeBarPosition.TITLE;
+        }
+    }
     rememberActivityBarVisiblePosition() {
         const activityBarPosition = this.configurationService.getValue("workbench.activityBar.location" );
         if (activityBarPosition !== "hidden" ) {
@@ -142,16 +167,9 @@ let SidebarPart = class SidebarPart extends AbstractPaneCompositePart {
     getRememberedActivityBarVisiblePosition() {
         const activityBarPosition = this.storageService.get("workbench.activityBar.location" , 0 );
         switch (activityBarPosition) {
-            case "side" : return "side" ;
-            default: return "top" ;
-        }
-    }
-    updateActivityBarVisiblity() {
-        if (this.shouldShowActivityBar()) {
-            this.acitivityBarPart.show();
-        }
-        else {
-            this.acitivityBarPart.hide();
+            case "top" : return "top" ;
+            case "bottom" : return "bottom" ;
+            default: return "default" ;
         }
     }
     getPinnedPaneCompositeIds() {

package/vscode/src/vs/workbench/browser/parts/titlebar/menubarControl.js

@@ -20,7 +20,7 @@ import { Severity, INotificationService } from '../../../../platform/notificatio
 import { IPreferencesService } from '../../../services/preferences/common/preferences.js';
 import { IWorkbenchEnvironmentService } from '../../../services/environment/common/environmentService.js';
 import { MenuBar } from '../../../../base/browser/ui/menu/menubar.js';
-import { Direction } from '../../../../base/browser/ui/menu/menu.js';
+import { HorizontalDirection, VerticalDirection } from '../../../../base/browser/ui/menu/menu.js';
 import { unmnemonicLabel, mnemonicMenuLabel } from '../../../../base/common/labels.js';
 import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.js';
 import { isFullscreen, onDidChangeFullscreen } from '../../../../base/browser/browser.js';
@@ -176,7 +176,7 @@ class MenubarControl extends Disposable {
     registerListeners() {
         this._register(this.hostService.onDidChangeFocus(e => this.onDidChangeWindowFocus(e)));
         this._register(this.configurationService.onDidChangeConfiguration(e => this.onConfigurationUpdated(e)));
-        this.updateService.onStateChange(() => this.onUpdateStateChange());
+        this._register(this.updateService.onStateChange(() => this.onUpdateStateChange()));
         this._register(this.workspacesService.onDidChangeRecentlyOpened(() => { this.onDidChangeRecentlyOpened(); }));
         this._register(this.keybindingService.onDidUpdateKeybindings(() => this.updateMenubar()));
         this._register(this.labelService.onDidChangeFormatters(() => { this.onDidChangeRecentlyOpened(); }));
@@ -402,7 +402,7 @@ let CustomMenubarControl = class CustomMenubarControl extends MenubarControl {
                     "Downloading Update..."
                 )), undefined, false));
             case "downloaded" :
-                return ( new Action('update.install', ( localizeWithPath(
+                return isMacintosh ? null : ( new Action('update.install', ( localizeWithPath(
                     'vs/workbench/browser/parts/titlebar/menubarControl',
                     { key: 'installUpdate...', comment: ['&& denotes a mnemonic'] },
                     "Install &&Update..."
@@ -463,7 +463,10 @@ let CustomMenubarControl = class CustomMenubarControl extends MenubarControl {
             return undefined;
         }
         const currentSidebarLocation = this.configurationService.getValue('workbench.sideBar.location');
-        return currentSidebarLocation === 'right' ? Direction.Left : Direction.Right;
+        const horizontalDirection = currentSidebarLocation === 'right' ? HorizontalDirection.Left : HorizontalDirection.Right;
+        const activityBarLocation = this.configurationService.getValue('workbench.activityBar.location');
+        const verticalDirection = activityBarLocation === "bottom"  ? VerticalDirection.Above : VerticalDirection.Below;
+        return { horizontal: horizontalDirection, vertical: verticalDirection };
     }
     onDidVisibilityChange(visible) {
         this.visible = visible;

package/vscode/src/vs/workbench/browser/parts/titlebar/windowTitle.js

@@ -20,6 +20,7 @@ import { IUserDataProfileService } from '../../../services/userDataProfile/commo
 import { IViewsService } from '../../../services/views/common/viewsService.js';
 import { isCodeEditor, isDiffEditor } from '../../../../editor/browser/editorBrowser.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
+import { getWindowById } from '../../../../base/browser/dom.js';
 var WindowTitle_1;
 const defaultWindowTitle = (() => {
     if (isMacintosh && isNative) {
@@ -62,7 +63,6 @@ let WindowTitle = class WindowTitle extends Disposable {
     }
     constructor(targetWindow, editorGroupsContainer, configurationService, contextKeyService, editorService, environmentService, contextService, labelService, userDataProfileService, productService, viewsService) {
         super();
-        this.targetWindow = targetWindow;
         this.configurationService = configurationService;
         this.contextKeyService = contextKeyService;
         this.environmentService = environmentService;
@@ -79,6 +79,7 @@ let WindowTitle = class WindowTitle extends Disposable {
         this.onDidChange = this.onDidChangeEmitter.event;
         this.titleIncludesFocusedView = false;
         this.editorService = editorService.createScoped(editorGroupsContainer, this._store);
+        this.windowId = targetWindow.vscodeWindowId;
         this.updateTitleIncludesFocusedView();
         this.registerListeners();
     }
@@ -143,10 +144,11 @@ let WindowTitle = class WindowTitle extends Disposable {
             if (!trim(nativeTitle)) {
                 nativeTitle = this.productService.nameLong;
             }
-            if (!this.targetWindow.document.title && isMacintosh && nativeTitle === this.productService.nameLong) {
-                this.targetWindow.document.title = `${this.productService.nameLong} ${WindowTitle_1.TITLE_DIRTY}`;
+            const window = getWindowById(this.windowId, true).window;
+            if (!window.document.title && isMacintosh && nativeTitle === this.productService.nameLong) {
+                window.document.title = `${this.productService.nameLong} ${WindowTitle_1.TITLE_DIRTY}`;
             }
-            this.targetWindow.document.title = nativeTitle;
+            window.document.title = nativeTitle;
             this.title = title;
             this.onDidChangeEmitter.fire();
         }

package/vscode/src/vs/workbench/browser/parts/views/checkbox.js

@@ -1,5 +1,5 @@
 import { append } from '../../../../base/browser/dom.js';
-import { setupCustomHover } from '../../../../base/browser/ui/iconLabel/iconLabelHover.js';
+import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
 import { Toggle } from '../../../../base/browser/ui/toggle/toggle.js';
 import { Codicon } from '../../../../base/common/codicons.js';
 import { Emitter } from '../../../../base/common/event.js';
@@ -66,8 +66,7 @@ class TreeItemCheckbox extends Disposable {
     setHover(checkbox) {
         if (this.toggle) {
             if (!this.hover) {
-                this.hover = setupCustomHover(this.hoverDelegate, this.toggle.domNode, this.checkboxHoverContent(checkbox));
-                this._register(this.hover);
+                this.hover = this._register(setupCustomHover(this.hoverDelegate, this.toggle.domNode, this.checkboxHoverContent(checkbox)));
             }
             else {
                 this.hover.update(checkbox.tooltip);

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

@@ -1,4 +1,4 @@
 import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".file-icon-themable-tree .align-icon-with-twisty .monaco-tl-twistie:not(.force-twistie):not(.collapsible),.file-icon-themable-tree .monaco-tl-twistie.force-no-twistie,.file-icon-themable-tree.align-icons-and-twisties .monaco-tl-twistie:not(.force-twistie):not(.collapsible),.file-icon-themable-tree.hide-arrows .monaco-tl-twistie:not(.force-twistie){background-image:none!important;padding-right:0!important;visibility:hidden;width:0!important}.file-icon-themable-tree .monaco-list-row .content .monaco-highlighted-label .highlight,.monaco-tl-contents .monaco-highlighted-label .highlight{background-color:var(--vscode-list-filterMatchBackground);color:unset!important;outline:1px dotted var(--vscode-list-filterMatchBorder);outline-offset:-1px}.monaco-workbench .tree-explorer-viewlet-tree-view{height:100%}.monaco-workbench .tree-explorer-viewlet-tree-view .message{display:flex;padding:4px 12px 4px 18px;user-select:text;-webkit-user-select:text}.monaco-workbench .tree-explorer-viewlet-tree-view .message p{margin-bottom:0;margin-top:0;padding-bottom:4px}.monaco-workbench .tree-explorer-viewlet-tree-view .message ul{padding-left:24px}.monaco-workbench .tree-explorer-viewlet-tree-view .message a{color:var(--vscode-textLink-foreground)}.monaco-workbench .tree-explorer-viewlet-tree-view .message.hide{display:none}.monaco-workbench .tree-explorer-viewlet-tree-view .customview-tree{height:100%}.monaco-workbench .tree-explorer-viewlet-tree-view .customview-tree.hide{display:none}.monaco-workbench .pane>.pane-body>.welcome-view{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.monaco-workbench .pane>.pane-body.welcome>:not(.welcome-view),.monaco-workbench .pane>.pane-body:not(.welcome)>.welcome-view{display:none}.monaco-workbench .pane>.pane-body .welcome-view-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px 1em}.monaco-workbench .pane>.pane-body .welcome-view-content>.button-container{max-width:300px;width:100%}.monaco-workbench:not(.reduce-motion) .pane>.pane-body .welcome-view-content>.button-container{transition:max-width .2s ease-out}.monaco-workbench .pane>.pane-body .welcome-view-content.wide>.button-container{max-width:100%}.monaco-workbench .pane>.pane-body .welcome-view-content>.button-container>.monaco-button{max-width:300px}.monaco-workbench .pane>.pane-body .welcome-view-content>p{width:100%}.monaco-workbench .pane>.pane-body .welcome-view-content>*{margin-block-end:0;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.customview-tree .monaco-list-row .monaco-tl-contents.align-icon-with-twisty:before{display:none}.customview-tree .monaco-list-row .monaco-tl-contents:not(.align-icon-with-twisty):before{display:inline-block}.customview-tree .monaco-list .monaco-list-row{padding-left:0;padding-right:12px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item{display:flex;flex:1;flex-wrap:nowrap;height:22px;line-height:22px;overflow:hidden;padding-left:3px;text-overflow:ellipsis}.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .custom-view-tree-node-item-checkbox{background-color:var(--vscode-checkbox-selectBackground);border:1px solid var(--vscode-checkbox-selectBorder)}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-checkbox{background-color:var(--vscode-checkbox-background);border:1px solid var(--vscode-checkbox-border);height:16px;margin:3px 6px 3px 0;opacity:1;padding:0;width:16px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-checkbox.codicon{font-size:13px;line-height:15px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .monaco-inputbox{flex:1;line-height:normal}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel{flex:1;overflow:hidden;text-overflow:ellipsis}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .monaco-icon-label-container:after{content:\"\";display:block}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon,.timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-position:0;background-repeat:no-repeat;background-size:16px;display:flex;height:22px;justify-content:center;padding-right:6px;width:16px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.disabled{opacity:.6}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.codicon.codicon-modifier-spin{margin-left:-6px;padding-left:6px}.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.codicon{color:currentColor!important}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel .monaco-icon-label-container>.monaco-icon-name-container{flex:1}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel:after{margin-right:4px;padding-right:0}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions{display:none}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions .action-label{padding:2px}.customview-tree .monaco-list .monaco-list-row.focused .custom-view-tree-node-item .actions,.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .actions,.customview-tree .monaco-list .monaco-list-row:hover .custom-view-tree-node-item .actions{display:block}.monaco-workbench .auxiliarybar.pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item.viewpane-filter-container{max-width:inherit}.viewpane-filter-container{cursor:default;display:flex}.viewpane-filter-container.grow{flex:1}.viewpane-filter-container>.viewpane-filter{align-items:center;display:flex;flex:1;position:relative}.viewpane-filter-container>.viewpane-filter .monaco-inputbox{flex:1;font-size:12px;height:24px}.pane-header .viewpane-filter-container>.viewpane-filter .monaco-inputbox .monaco-inputbox{height:20px;line-height:18px}.monaco-workbench.vs .viewpane-filter-container>.viewpane-filter .monaco-inputbox{height:25px}.viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls{align-items:center;bottom:0;display:flex;position:absolute;right:0;top:0}.viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls>.viewpane-filter-badge{border-radius:2px;margin:4px 0;padding:0 8px}.viewpane-filter.small>.viewpane-filter-controls>.viewpane-filter-badge,.viewpane-filter>.viewpane-filter-controls>.viewpane-filter-badge.hidden{display:none}.viewpane-filter>.viewpane-filter-controls>.monaco-action-bar .action-item .action-label.codicon.filter{padding:2px}.panel>.title .monaco-action-bar .action-item.viewpane-filter-container{margin-right:10px;max-width:400px;min-width:150px}.pane-body .viewpane-filter-container:not(:empty){flex:1;height:auto;margin:10px 20px}.pane-body .viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-item{margin-right:4px}.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-label.codicon.codicon-filter.checked{background-color:var(--vscode-inputOption-activeBackground);border-color:var(--vscode-inputOption-activeBorder);color:var(--vscode-inputOption-activeForeground)}";
+var css = ".file-icon-themable-tree .align-icon-with-twisty .monaco-tl-twistie:not(.force-twistie):not(.collapsible),.file-icon-themable-tree .monaco-tl-twistie.force-no-twistie,.file-icon-themable-tree.align-icons-and-twisties .monaco-tl-twistie:not(.force-twistie):not(.collapsible),.file-icon-themable-tree.hide-arrows .monaco-tl-twistie:not(.force-twistie){background-image:none!important;padding-right:0!important;visibility:hidden;width:0!important}.file-icon-themable-tree .monaco-list-row .content .monaco-highlighted-label .highlight,.pane-body .monaco-tl-contents .monaco-highlighted-label .highlight{background-color:var(--vscode-list-filterMatchBackground);color:unset!important;outline:1px dotted var(--vscode-list-filterMatchBorder);outline-offset:-1px}.monaco-workbench .tree-explorer-viewlet-tree-view{height:100%}.monaco-workbench .tree-explorer-viewlet-tree-view .message{display:flex;padding:4px 12px 4px 18px;user-select:text;-webkit-user-select:text}.monaco-workbench .tree-explorer-viewlet-tree-view .message p{margin-bottom:0;margin-top:0;padding-bottom:4px}.monaco-workbench .tree-explorer-viewlet-tree-view .message ul{padding-left:24px}.monaco-workbench .tree-explorer-viewlet-tree-view .message a{color:var(--vscode-textLink-foreground)}.monaco-workbench .tree-explorer-viewlet-tree-view .message.hide{display:none}.monaco-workbench .tree-explorer-viewlet-tree-view .customview-tree{height:100%}.monaco-workbench .tree-explorer-viewlet-tree-view .customview-tree.hide{display:none}.monaco-workbench .pane>.pane-body>.welcome-view{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.monaco-workbench .pane>.pane-body.welcome>:not(.welcome-view),.monaco-workbench .pane>.pane-body:not(.welcome)>.welcome-view{display:none}.monaco-workbench .pane>.pane-body .welcome-view-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px 1em}.monaco-workbench .pane>.pane-body .welcome-view-content>.button-container{max-width:300px;width:100%}.monaco-workbench:not(.reduce-motion) .pane>.pane-body .welcome-view-content>.button-container{transition:max-width .2s ease-out}.monaco-workbench .pane>.pane-body .welcome-view-content.wide>.button-container{max-width:100%}.monaco-workbench .pane>.pane-body .welcome-view-content>.button-container>.monaco-button{max-width:300px}.monaco-workbench .pane>.pane-body .welcome-view-content>p{width:100%}.monaco-workbench .pane>.pane-body .welcome-view-content>*{margin-block-end:0;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.customview-tree .monaco-list-row .monaco-tl-contents.align-icon-with-twisty:before{display:none}.customview-tree .monaco-list-row .monaco-tl-contents:not(.align-icon-with-twisty):before{display:inline-block}.customview-tree .monaco-list .monaco-list-row{padding-left:0;padding-right:12px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item{display:flex;flex:1;flex-wrap:nowrap;height:22px;line-height:22px;overflow:hidden;padding-left:3px;text-overflow:ellipsis}.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .custom-view-tree-node-item-checkbox{background-color:var(--vscode-checkbox-selectBackground);border:1px solid var(--vscode-checkbox-selectBorder)}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-checkbox{background-color:var(--vscode-checkbox-background);border:1px solid var(--vscode-checkbox-border);height:16px;margin:3px 6px 3px 0;opacity:1;padding:0;width:16px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-checkbox.codicon{font-size:13px;line-height:15px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .monaco-inputbox{flex:1;line-height:normal}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel{flex:1;overflow:hidden;text-overflow:ellipsis}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .monaco-icon-label-container:after{content:\"\";display:block}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon,.timeline-tree-view .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-position:0;background-repeat:no-repeat;background-size:16px;display:flex;height:22px;justify-content:center;padding-right:6px;width:16px}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.disabled{opacity:.6}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.codicon.codicon-modifier-spin{margin-left:-6px;padding-left:6px}.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item>.custom-view-tree-node-item-resourceLabel>.custom-view-tree-node-item-icon.codicon{color:currentColor!important}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel .monaco-icon-label-container>.monaco-icon-name-container{flex:1}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel:after{margin-right:4px;padding-right:0}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions{display:none}.customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions .action-label{padding:2px}.customview-tree .monaco-list .monaco-list-row.focused .custom-view-tree-node-item .actions,.customview-tree .monaco-list .monaco-list-row.selected .custom-view-tree-node-item .actions,.customview-tree .monaco-list .monaco-list-row:hover .custom-view-tree-node-item .actions{display:block}.monaco-workbench .auxiliarybar.pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item.viewpane-filter-container{max-width:inherit}.viewpane-filter-container{cursor:default;display:flex}.viewpane-filter-container.grow{flex:1}.viewpane-filter-container>.viewpane-filter{align-items:center;display:flex;flex:1;position:relative}.viewpane-filter-container>.viewpane-filter .monaco-inputbox{flex:1;font-size:12px;height:24px}.pane-header .viewpane-filter-container>.viewpane-filter .monaco-inputbox .monaco-inputbox{height:20px;line-height:18px}.monaco-workbench.vs .viewpane-filter-container>.viewpane-filter .monaco-inputbox{height:25px}.viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls{align-items:center;bottom:0;display:flex;position:absolute;right:0;top:0}.viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls>.viewpane-filter-badge{border-radius:2px;margin:4px 2px 4px 0;padding:0 8px}.viewpane-filter.small>.viewpane-filter-controls>.viewpane-filter-badge,.viewpane-filter>.viewpane-filter-controls>.viewpane-filter-badge.hidden{display:none}.panel>.title .monaco-action-bar .action-item.viewpane-filter-container{margin-right:10px;max-width:400px;min-width:150px}.pane-body .viewpane-filter-container:not(:empty){flex:1;height:auto;margin:10px 20px}.pane-body .viewpane-filter-container>.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-item{margin-right:4px}.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-label.codicon.codicon-filter.checked{background-color:var(--vscode-inputOption-activeBackground);border-color:var(--vscode-inputOption-activeBorder);color:var(--vscode-inputOption-activeForeground)}";
 n(css,{});
 export { css, css as default };