npm - @codingame/monaco-vscode-api - Versions diffs - 3.2.3 → 4.1.0 - Mend

@codingame/monaco-vscode-api 3.2.3 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1672) hide show

package/vscode/src/vs/workbench/browser/media/part.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import n from '../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-workbench .part{box-sizing:border-box;overflow:hidden}.monaco-workbench .part>.drop-block-overlay.visible{visibility:visible}.monaco-workbench .part>.drop-block-overlay{height:100%;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:12}.monaco-workbench .part>.title{box-sizing:border-box;display:none;display:flex;height:35px;overflow:hidden;padding-left:8px;padding-right:8px}.monaco-workbench .part>.title>.title-label{line-height:35px;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part>.title>.title-label h2{cursor:default;font-size:11px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part>.title>.title-label a{cursor:default;font-size:13px;text-decoration:none}.monaco-workbench .part>.title>.title-actions{flex:1;height:35px;padding-left:5px}.monaco-workbench .part>.title>.title-actions .action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.monaco-workbench .part>.title>.title-actions .action-label .label{display:none}.monaco-workbench .part>.content{font-size:13px}.monaco-workbench .part.editor>.content .editor-group-container>.monaco-progress-container,.monaco-workbench .part>.content>.monaco-progress-container{left:0;position:absolute;top:33px;z-index:5}";
+var css = ".monaco-workbench .part{box-sizing:border-box;overflow:hidden}.monaco-workbench .part>.drop-block-overlay.visible{visibility:visible}.monaco-workbench .part>.drop-block-overlay{height:100%;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:12}.monaco-workbench .part>.header-or-footer,.monaco-workbench .part>.title{box-sizing:border-box;display:none;display:flex;height:35px;overflow:hidden}.monaco-workbench .part>.title{padding-left:8px;padding-right:8px}.monaco-workbench .part>.title>.title-label{line-height:35px;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part>.title>.title-label h2{cursor:default;font-size:11px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part>.title>.title-label a{cursor:default;font-size:13px;text-decoration:none}.monaco-workbench .part>.title>.title-actions{flex:1;height:35px;padding-left:5px}.monaco-workbench .part>.title>.title-actions .action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.monaco-workbench .part>.title>.title-actions .action-label .label{display:none}.monaco-workbench .part>.content{font-size:13px}.monaco-workbench .part.editor>.content .editor-group-container>.monaco-progress-container,.monaco-workbench .part>.content>.monaco-progress-container{left:0;position:absolute;top:33px;z-index:5}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/workbench/browser/media/style.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import n from '../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = "@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mac .monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.mac:lang(zh-Hans) .monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}.mac:lang(zh-Hant) .monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}.mac:lang(ja) .monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic Pro,sans-serif}.mac:lang(ko) .monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,Nanum Gothic,Apple SD Gothic Neo,AppleGothic,sans-serif}.windows .monaco-workbench-part{font-family:Segoe WPC,Segoe UI,sans-serif}.windows:lang(zh-Hans) .monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.windows:lang(zh-Hant) .monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Microsoft Jhenghei,sans-serif}.windows:lang(ja) .monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Yu Gothic UI,Meiryo UI,sans-serif}.windows:lang(ko) .monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Malgun Gothic,Dotom,sans-serif}.linux .monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,sans-serif}.linux:lang(zh-Hans) .monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans SC,Source Han Sans CN,Source Han Sans,sans-serif}.linux:lang(zh-Hant) .monaco-workbench-partt{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans TC,Source Han Sans TW,Source Han Sans,sans-serif}.linux:lang(ja) .monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans J,Source Han Sans JP,Source Han Sans,sans-serif}.linux:lang(ko) .monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans K,Source Han Sans JR,Source Han Sans,UnDotum,FBaekmuk Gulim,sans-serif}.mac .monaco-workbench-part{--monaco-monospace-font:\"SF Mono\",Monaco,Menlo,Courier,monospace}.windows .monaco-workbench-part{--monaco-monospace-font:Consolas,\"Courier New\",monospace}.linux .monaco-workbench-part{--monaco-monospace-font:\"Ubuntu Mono\",\"Liberation Mono\",\"DejaVu Sans Mono\",\"Courier New\",monospace}.monaco-workbench-part{color:var(--vscode-foreground);font-size:13px;line-height:1.4em}.monaco-workbench-part.web,.monaco-workbench.web .monaco-workbench-part{touch-action:none}.monaco-workbench.border:not(.fullscreen){border:1px solid var(--window-border-color);box-sizing:border-box}.monaco-workbench.border.mac{border-radius:5px}.monaco-workbench.border.mac.macos-bigsur-or-newer{border-radius:10px}.monaco-workbench img{border:0}.monaco-workbench-part label{cursor:pointer}.monaco-workbench-part a{text-decoration:none}.monaco-workbench.hc-black .monaco-workbench-part p>a,.monaco-workbench.hc-light .monaco-workbench-part p>a{text-decoration:underline!important}.monaco-workbench-part a:active{background-color:inherit;color:inherit}.monaco-workbench-part a.plain,.monaco-workbench-part a.plain.hover,.monaco-workbench-part a.plain:hover{color:inherit;text-decoration:none}.monaco-workbench-part input{color:inherit;font-family:inherit;font-size:100%}.monaco-workbench-part input::placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part input::-webkit-input-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part input::-moz-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::-webkit-input-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::-moz-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part .pointer{cursor:pointer}.monaco-workbench.mac.monaco-font-aliasing-antialiased .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-antialiased.monaco-workbench-part{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.monaco-workbench.mac.monaco-font-aliasing-none .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-none.monaco-workbench-part{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.monaco-workbench.mac.monaco-font-aliasing-auto .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-auto.monaco-workbench-part{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.monaco-workbench .context-view{-webkit-app-region:no-drag}.monaco-workbench .codicon{color:var(--vscode-icon-foreground)}.monaco-workbench .codicon[class*=codicon-]{font-size:16px}.monaco-workbench .predefined-file-icon[class*=codicon-]:before{font-family:codicon;padding-left:3px;padding-right:3px;width:16px}.monaco-workbench:not(.file-icons-enabled) .predefined-file-icon[class*=codicon-]:before{content:unset!important}.monaco-workbench.modal-dialog-visible .monaco-progress-container.infinite .progress-bit{display:none}.monaco-workbench-part select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid;font-family:inherit}.monaco-workbench .select-container{position:relative}.monaco-workbench .select-container:after{bottom:0;content:\"\\eab4\";font-family:codicon;font-size:16px;height:16px;line-height:16px;margin:auto;pointer-events:none;position:absolute;right:6px;top:0;width:16px}.monaco-workbench-part .synthetic-focus,.monaco-workbench-part [tabindex=\"-1\"]:focus,.monaco-workbench-part [tabindex=\"0\"]:focus,.monaco-workbench-part button:focus,.monaco-workbench-part input[type=button]:focus,.monaco-workbench-part input[type=checkbox]:focus,.monaco-workbench-part input[type=search]:focus,.monaco-workbench-part input[type=text]:focus,.monaco-workbench-part select:focus,.monaco-workbench-part textarea:focus{opacity:1;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px}.monaco-workbench.hc-black .synthetic-focus input,.monaco-workbench.hc-light .synthetic-focus input{background:transparent}.monaco-workbench-part input[type=checkbox]:focus{outline-offset:2px}.monaco-workbench-part [tabindex=\"-1\"]:active,.monaco-workbench-part [tabindex=\"0\"]:active,.monaco-workbench-part input[type=button]:active,.monaco-workbench-part input[type=checkbox]:active,.monaco-workbench-part select:active{outline:0!important}.monaco-workbench.mac .monaco-workbench-part select:focus,.monaco-workbench.mac.monaco-workbench-part select:focus{border-color:transparent}.monaco-workbench .monaco-list:not(.element-focused):focus:before{content:\"\";height:100%;left:0;outline:1px solid;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.monaco-workbench .monaco-list .monaco-list-row .monaco-highlighted-label .highlight{color:var(--vscode-list-highlightForeground)}.monaco-workbench .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight{color:var(--vscode-list-focusHighlightForeground)}.monaco-workbench .monaco-inputbox.error input[type=text]:focus,.monaco-workbench .monaco-inputbox.error.synthetic-focus,.monaco-workbench .monaco-inputbox.info input[type=text]:focus,.monaco-workbench .monaco-inputbox.info.synthetic-focus,.monaco-workbench .monaco-inputbox.warning input[type=text]:focus,.monaco-workbench .monaco-inputbox.warning.synthetic-focus,.monaco-workbench .monaco-list:focus,.monaco-workbench .synthetic-focus :focus{outline:0!important}.monaco-workbench a.monaco-link:hover{text-decoration:underline}.monaco-workbench .monaco-action-bar:not(.vertical) .action-label:not(.disabled):hover,.monaco-workbench .monaco-action-bar:not(.vertical) .monaco-dropdown-with-primary:not(.disabled):hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .monaco-action-bar:not(.vertical) .action-item.active .action-label:not(.disabled),.monaco-workbench .monaco-action-bar:not(.vertical) .monaco-dropdown.active .action-label:not(.disabled){background-color:var(--vscode-toolbar-activeBackground)}.monaco-workbench .monaco-action-bar:not(.vertical) .action-item .action-label:hover:not(.disabled){outline:1px dashed var(--vscode-toolbar-hoverOutline);outline-offset:-1px}";
+var css = "@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mac .monaco-workbench-part,.mac.monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.mac:lang(zh-Hans) .monaco-workbench-part,.mac:lang(zh-Hans).monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}.mac:lang(zh-Hant) .monaco-workbench-part,.mac:lang(zh-Hant).monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}.mac:lang(ja) .monaco-workbench-part,.mac:lang(ja).monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic Pro,sans-serif}.mac:lang(ko) .monaco-workbench-part,.mac:lang(ko).monaco-workbench-part{font-family:-apple-system,BlinkMacSystemFont,Nanum Gothic,Apple SD Gothic Neo,AppleGothic,sans-serif}.windows .monaco-workbench-part,.windows.monaco-workbench-part{font-family:Segoe WPC,Segoe UI,sans-serif}.windows:lang(zh-Hans) .monaco-workbench-part,.windows:lang(zh-Hans).monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.windows:lang(zh-Hant) .monaco-workbench-part,.windows:lang(zh-Hant).monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Microsoft Jhenghei,sans-serif}.windows:lang(ja) .monaco-workbench-part,.windows:lang(ja).monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Yu Gothic UI,Meiryo UI,sans-serif}.windows:lang(ko) .monaco-workbench-part,.windows:lang(ko).monaco-workbench-part{font-family:Segoe WPC,Segoe UI,Malgun Gothic,Dotom,sans-serif}.linux .monaco-workbench-part,.linux.monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,sans-serif}.linux:lang(zh-Hans) .monaco-workbench-part,.linux:lang(zh-Hans).monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans SC,Source Han Sans CN,Source Han Sans,sans-serif}.linux:lang(zh-Hant) .monaco-workbench-part,.linux:lang(zh-Hant).monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans TC,Source Han Sans TW,Source Han Sans,sans-serif}.linux:lang(ja) .monaco-workbench-part,.linux:lang(ja).monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans J,Source Han Sans JP,Source Han Sans,sans-serif}.linux:lang(ko) .monaco-workbench-part,.linux:lang(ko).monaco-workbench-part{font-family:system-ui,Ubuntu,Droid Sans,Source Han Sans K,Source Han Sans JR,Source Han Sans,UnDotum,FBaekmuk Gulim,sans-serif}.mac .monaco-workbench-part,.mac.monaco-workbench-part{--monaco-monospace-font:\"SF Mono\",Monaco,Menlo,Courier,monospace}.windows .monaco-workbench-part,.windows.monaco-workbench-part{--monaco-monospace-font:Consolas,\"Courier New\",monospace}.linux .monaco-workbench-part,.linux.monaco-workbench-part{--monaco-monospace-font:\"Ubuntu Mono\",\"Liberation Mono\",\"DejaVu Sans Mono\",\"Courier New\",monospace}.monaco-workbench-part{color:var(--vscode-foreground);font-size:13px;line-height:1.4em}.monaco-workbench-part.web,.monaco-workbench.web .monaco-workbench-part{touch-action:none}.monaco-workbench.border:not(.fullscreen){border:1px solid var(--window-border-color);box-sizing:border-box}.monaco-workbench.border.mac{border-radius:5px}.monaco-workbench.border.mac.macos-bigsur-or-newer{border-radius:10px}.monaco-workbench-part img{border:0}.monaco-workbench-part label{cursor:pointer}.monaco-workbench-part a{text-decoration:none}.monaco-workbench.hc-black .monaco-workbench-part p>a,.monaco-workbench.hc-black.monaco-workbench-part p>a,.monaco-workbench.hc-light .monaco-workbench-part p>a,.monaco-workbench.hc-light.monaco-workbench-part p>a{text-decoration:underline!important}.monaco-workbench-part a:active{background-color:inherit;color:inherit}.monaco-workbench-part a.plain,.monaco-workbench-part a.plain.hover,.monaco-workbench-part a.plain:hover{color:inherit;text-decoration:none}.monaco-workbench-part input{color:inherit;font-family:inherit;font-size:100%}.monaco-workbench-part table{color:inherit;font-size:inherit}.monaco-workbench-part input::placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part input::-webkit-input-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part input::-moz-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::-webkit-input-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part textarea::-moz-placeholder{color:var(--vscode-input-placeholderForeground)}.monaco-workbench-part .pointer{cursor:pointer}.monaco-workbench.mac.monaco-font-aliasing-antialiased .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-antialiased.monaco-workbench-part{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.monaco-workbench.mac.monaco-font-aliasing-none .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-none.monaco-workbench-part{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.monaco-workbench.mac.monaco-font-aliasing-auto .monaco-workbench-part,.monaco-workbench.mac.monaco-font-aliasing-auto.monaco-workbench-part{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.monaco-workbench-part .context-view{-webkit-app-region:no-drag}.monaco-workbench-part .codicon{color:var(--vscode-icon-foreground)}.monaco-workbench-part .codicon[class*=codicon-]{font-size:16px}.monaco-workbench-part .predefined-file-icon[class*=codicon-]:before{font-family:codicon;padding-left:3px;padding-right:3px;width:16px}.monaco-workbench:not(.file-icons-enabled) .predefined-file-icon[class*=codicon-]:before{content:unset!important}.monaco-workbench.modal-dialog-visible .monaco-progress-container.infinite .progress-bit{display:none}.monaco-workbench-part select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid;font-family:inherit}.monaco-workbench-part .select-container{position:relative}.monaco-workbench-part .select-container:after{bottom:0;content:\"\\eab4\";font-family:codicon;font-size:16px;height:16px;line-height:16px;margin:auto;pointer-events:none;position:absolute;right:6px;top:0;width:16px}.monaco-workbench-part .synthetic-focus,.monaco-workbench-part [tabindex=\"-1\"]:focus,.monaco-workbench-part [tabindex=\"0\"]:focus,.monaco-workbench-part button:focus,.monaco-workbench-part input[type=button]:focus,.monaco-workbench-part input[type=checkbox]:focus,.monaco-workbench-part input[type=search]:focus,.monaco-workbench-part input[type=text]:focus,.monaco-workbench-part select:focus,.monaco-workbench-part textarea:focus{opacity:1;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px}.monaco-workbench.hc-black .synthetic-focus input,.monaco-workbench.hc-light .synthetic-focus input{background:transparent}.monaco-workbench-part input[type=checkbox]:focus{outline-offset:2px}.monaco-workbench-part [tabindex=\"-1\"]:active,.monaco-workbench-part [tabindex=\"0\"]:active,.monaco-workbench-part input[type=button]:active,.monaco-workbench-part input[type=checkbox]:active,.monaco-workbench-part select:active{outline:0!important}.monaco-workbench.mac .monaco-workbench-part select:focus,.monaco-workbench.mac.monaco-workbench-part select:focus{border-color:transparent}.monaco-workbench .monaco-list:not(.element-focused):focus:before{content:\"\";height:100%;left:0;outline:1px solid;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.monaco-workbench .monaco-list .monaco-list-row .monaco-highlighted-label .highlight{color:var(--vscode-list-highlightForeground)}.monaco-workbench .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight{color:var(--vscode-list-focusHighlightForeground)}.monaco-workbench-part .monaco-inputbox.error input[type=text]:focus,.monaco-workbench-part .monaco-inputbox.error.synthetic-focus,.monaco-workbench-part .monaco-inputbox.info input[type=text]:focus,.monaco-workbench-part .monaco-inputbox.info.synthetic-focus,.monaco-workbench-part .monaco-inputbox.warning input[type=text]:focus,.monaco-workbench-part .monaco-inputbox.warning.synthetic-focus,.monaco-workbench-part .monaco-list:focus,.monaco-workbench-part .synthetic-focus :focus{outline:0!important}.monaco-workbench-part a.monaco-link:hover{text-decoration:underline}.monaco-workbench-part .monaco-action-bar:not(.vertical) .action-label:not(.disabled):hover,.monaco-workbench-part .monaco-action-bar:not(.vertical) .monaco-dropdown-with-primary:not(.disabled):hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-workbench-part .monaco-action-bar:not(.vertical) .action-item.active .action-label:not(.disabled),.monaco-workbench-part .monaco-action-bar:not(.vertical) .monaco-dropdown.active .action-label:not(.disabled){background-color:var(--vscode-toolbar-activeBackground)}.monaco-workbench-part .monaco-action-bar:not(.vertical) .action-item .action-label:hover:not(.disabled){outline:1px dashed var(--vscode-toolbar-hoverOutline);outline-offset:-1px}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/workbench/browser/part.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Component } from '../common/component.js';
 import { IThemeService, IColorTheme } from '../../platform/theme/common/themeService.js';
-import { Dimension, IDimension } from '../../base/browser/dom.js';
+import { Dimension, IDomPosition, IDimension } from '../../base/browser/dom.js';
 import { IStorageService } from '../../platform/storage/common/storage.js';
 import { ISerializableView } from '../../base/browser/ui/grid/grid.js';
 import { Emitter, Event } from '../../base/common/event.js';
@@ -12,8 +12,10 @@ interface IPartOptions {
     readonly borderWidth?: () => number;
 }
 interface ILayoutContentResult {
+    readonly headerSize: IDimension;
     readonly titleSize: IDimension;
     readonly contentSize: IDimension;
+    readonly footerSize: IDimension;
 }
 /**
  * Parts are layed out in the workbench and have their own layout that
@@ -24,15 +26,18 @@ declare abstract class Part extends Component implements ISerializableView {
     protected readonly layoutService: IWorkbenchLayoutService;
     private _dimension;
     get dimension(): Dimension | undefined;
+    private _contentPosition;
+    get contentPosition(): IDomPosition | undefined;
     protected _onDidVisibilityChange: Emitter<boolean>;
     readonly onDidVisibilityChange: Event<boolean>;
     private parent;
+    private headerArea;
     private titleArea;
     private contentArea;
+    private footerArea;
     private partLayout;
     constructor(id: string, options: IPartOptions, themeService: IThemeService, storageService: IStorageService, layoutService: IWorkbenchLayoutService);
     protected onThemeChange(theme: IColorTheme): void;
-    updateStyles(): void;
     /**
      * Note: Clients should not call this method, the workbench calls this
      * method. Calling it otherwise may result in unexpected behavior.
@@ -60,6 +65,23 @@ declare abstract class Part extends Component implements ISerializableView {
      * Returns the content area container.
      */
     protected getContentArea(): HTMLElement | undefined;
+    /**
+     * Sets the header area
+     */
+    protected setHeaderArea(headerContainer: HTMLElement): void;
+    /**
+     * Sets the footer area
+     */
+    protected setFooterArea(footerContainer: HTMLElement): void;
+    /**
+     * removes the header area
+     */
+    protected removeHeaderArea(): void;
+    /**
+     * removes the footer area
+     */
+    protected removeFooterArea(): void;
+    private relayout;
     /**
      * Layout title and content area in the given dimension.
      */
@@ -71,7 +93,7 @@ declare abstract class Part extends Component implements ISerializableView {
     abstract maximumWidth: number;
     abstract minimumHeight: number;
     abstract maximumHeight: number;
-    layout(width: number, height: number, _top: number, _left: number): void;
+    layout(width: number, height: number, top: number, left: number): void;
     setVisible(visible: boolean): void;
     abstract toJSON(): object;
 }

package/vscode/src/vs/workbench/browser/part.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import './media/part.css.js';
 import { Component } from '../common/component.js';
-import { Dimension, size, getActiveDocument } from '../../base/browser/dom.js';
+import { size, prepend, Dimension, getActiveDocument } from '../../base/browser/dom.js';
 import { Emitter } from '../../base/common/event.js';
 import { assertIsDefined } from '../../base/common/types.js';
 import { toDisposable } from '../../base/common/lifecycle.js';
 class Part extends Component {
     get dimension() { return this._dimension; }
+    get contentPosition() { return this._contentPosition; }
     constructor(id, options, themeService, storageService, layoutService) {
         super(id, themeService, storageService);
         this.options = options;
@@ -13,16 +14,13 @@ class Part extends Component {
         this._onDidVisibilityChange = this._register(( new Emitter()));
         this.onDidVisibilityChange = this._onDidVisibilityChange.event;
         this._onDidChange = this._register(( new Emitter()));
-        layoutService.registerPart(this);
+        this._register(layoutService.registerPart(this));
     }
     onThemeChange(theme) {
         if (this.parent) {
             super.onThemeChange(theme);
         }
     }
-    updateStyles() {
-        super.updateStyles();
-    }
     create(parent, options) {
         this.parent = parent;
         this.titleArea = this.createTitleArea(parent, options);
@@ -45,23 +43,77 @@ class Part extends Component {
     getContentArea() {
         return this.contentArea;
     }
+    setHeaderArea(headerContainer) {
+        if (this.headerArea) {
+            throw new Error('Header already exists');
+        }
+        if (!this.parent || !this.titleArea) {
+            return;
+        }
+        prepend(this.parent, headerContainer);
+        headerContainer.classList.add('header-or-footer');
+        headerContainer.classList.add('header');
+        this.headerArea = headerContainer;
+        this.partLayout?.setHeaderVisibility(true);
+        this.relayout();
+    }
+    setFooterArea(footerContainer) {
+        if (this.footerArea) {
+            throw new Error('Footer already exists');
+        }
+        if (!this.parent || !this.titleArea) {
+            return;
+        }
+        this.parent.appendChild(footerContainer);
+        footerContainer.classList.add('header-or-footer');
+        footerContainer.classList.add('footer');
+        this.footerArea = footerContainer;
+        this.partLayout?.setFooterVisibility(true);
+        this.relayout();
+    }
+    removeHeaderArea() {
+        if (this.headerArea) {
+            this.headerArea.remove();
+            this.headerArea = undefined;
+            this.partLayout?.setHeaderVisibility(false);
+            this.relayout();
+        }
+    }
+    removeFooterArea() {
+        if (this.footerArea) {
+            this.footerArea.remove();
+            this.footerArea = undefined;
+            this.partLayout?.setFooterVisibility(false);
+            this.relayout();
+        }
+    }
+    relayout() {
+        if (this.dimension && this.contentPosition) {
+            this.layout(this.dimension.width, this.dimension.height, this.contentPosition.top, this.contentPosition.left);
+        }
+    }
     layoutContents(width, height) {
         const partLayout = assertIsDefined(this.partLayout);
         return partLayout.layout(width, height);
     }
     get onDidChange() { return this._onDidChange.event; }
-    layout(width, height, _top, _left) {
+    layout(width, height, top, left) {
         this._dimension = ( new Dimension(width, height));
+        this._contentPosition = { top, left };
     }
     setVisible(visible) {
         this._onDidVisibilityChange.fire(visible);
     }
 }
 class PartLayout {
+    static { this.HEADER_HEIGHT = 35; }
     static { this.TITLE_HEIGHT = 35; }
+    static { this.Footer_HEIGHT = 35; }
     constructor(options, contentArea) {
         this.options = options;
         this.contentArea = contentArea;
+        this.headerVisible = false;
+        this.footerVisible = false;
     }
     layout(width, height) {
         let titleSize;
@@ -71,15 +123,38 @@ class PartLayout {
         else {
             titleSize = Dimension.None;
         }
+        let headerSize;
+        if (this.headerVisible) {
+            headerSize = ( new Dimension(width, Math.min(height, PartLayout.HEADER_HEIGHT)));
+        }
+        else {
+            headerSize = Dimension.None;
+        }
+        let footerSize;
+        if (this.footerVisible) {
+            footerSize = ( new Dimension(width, Math.min(height, PartLayout.Footer_HEIGHT)));
+        }
+        else {
+            footerSize = Dimension.None;
+        }
         let contentWidth = width;
         if (this.options && typeof this.options.borderWidth === 'function') {
             contentWidth -= this.options.borderWidth();
         }
-        const contentSize = ( new Dimension(contentWidth, height - titleSize.height));
+        const contentSize = ( new Dimension(
+            contentWidth,
+            height - titleSize.height - headerSize.height - footerSize.height
+        ));
         if (this.contentArea) {
             size(this.contentArea, contentSize.width, contentSize.height);
         }
-        return { titleSize, contentSize };
+        return { headerSize, titleSize, contentSize, footerSize };
+    }
+    setFooterVisibility(visible) {
+        this.footerVisible = visible;
+    }
+    setHeaderVisibility(visible) {
+        this.headerVisible = visible;
     }
 }
 class MultiWindowParts extends Component {
@@ -90,7 +165,7 @@ class MultiWindowParts extends Component {
     get parts() { return Array.from(this._parts); }
     registerPart(part) {
         this._parts.add(part);
-        return this._register(toDisposable(() => this.unregisterPart(part)));
+        return toDisposable(() => this.unregisterPart(part));
     }
     unregisterPart(part) {
         this._parts.delete(part);

package/vscode/src/vs/workbench/browser/parts/activitybar/activitybarPart.js CHANGED Viewed

@@ -9,7 +9,17 @@ import { MutableDisposable, DisposableStore } from '../../../../base/common/life
 import { ToggleSidebarPositionAction } from '../../actions/layoutActions.js';
 import { registerThemingParticipant, IThemeService } from '../../../../platform/theme/common/themeService.js';
 import { ACTIVITY_BAR_FOREGROUND, ACTIVITY_BAR_INACTIVE_FOREGROUND, ACTIVITY_BAR_ACTIVE_BORDER, ACTIVITY_BAR_ACTIVE_BACKGROUND, ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, ACTIVITY_BAR_DRAG_AND_DROP_BORDER, ACTIVITY_BAR_BACKGROUND, ACTIVITY_BAR_BORDER, ACTIVITY_BAR_ACTIVE_FOCUS_BORDER } from '../../../common/theme.js';
-import { contrastBorder, activeContrastBorder, focusBorder } from '../../../../platform/theme/common/colorRegistry.js';
+import '../../../../platform/theme/common/colorUtils.js';
+import { contrastBorder, activeContrastBorder, focusBorder } 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 { append, $, clearNode, isAncestor, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
 import { assertIsDefined } from '../../../../base/common/types.js';
 import { CustomMenubarControl } from '../titlebar/menubarControl.js';
@@ -302,24 +312,28 @@ ActivityBarCompositeBar = ( __decorate([
 registerAction2(class extends Action2 {
     constructor() {
         super({
-            id: 'workbench.action.activityBarLocation.side',
+            id: 'workbench.action.activityBarLocation.default',
             title: {
                 ...( localize2WithPath(
                     'vs/workbench/browser/parts/activitybar/activitybarPart',
-                    'positionActivityBarSide',
+                    'positionActivityBarDefault',
                     'Move Activity Bar to Side'
                 )),
                 mnemonicTitle: ( localizeWithPath(
                     'vs/workbench/browser/parts/activitybar/activitybarPart',
-                    { key: 'miSideActivityBar', comment: ['&& denotes a mnemonic'] },
-                    "&&Side"
+                    { key: 'miDefaultActivityBar', comment: ['&& denotes a mnemonic'] },
+                    "&&Default"
                 )),
             },
-            shortTitle: ( localizeWithPath('vs/workbench/browser/parts/activitybar/activitybarPart', 'side', "Side")),
+            shortTitle: ( localizeWithPath(
+                'vs/workbench/browser/parts/activitybar/activitybarPart',
+                'default',
+                "Default"
+            )),
             category: Categories.View,
             toggled: ( ContextKeyExpr.equals(
                 `config.${"workbench.activityBar.location" }`,
-                "side"
+                "default"
             )),
             menu: [{
                     id: MenuId.ActivityBarPositionMenu,
@@ -328,14 +342,14 @@ registerAction2(class extends Action2 {
                     id: MenuId.CommandPalette,
                     when: ( ContextKeyExpr.notEquals(
                         `config.${"workbench.activityBar.location" }`,
-                        "side"
+                        "default"
                     )),
                 }]
         });
     }
     run(accessor) {
         const configurationService = accessor.get(IConfigurationService);
-        configurationService.updateValue("workbench.activityBar.location" , "side" );
+        configurationService.updateValue("workbench.activityBar.location" , "default" );
     }
 });
 registerAction2(class extends Action2 {
@@ -377,6 +391,49 @@ registerAction2(class extends Action2 {
         configurationService.updateValue("workbench.activityBar.location" , "top" );
     }
 });
+registerAction2(class extends Action2 {
+    constructor() {
+        super({
+            id: 'workbench.action.activityBarLocation.bottom',
+            title: {
+                ...( localize2WithPath(
+                    'vs/workbench/browser/parts/activitybar/activitybarPart',
+                    'positionActivityBarBottom',
+                    'Move Activity Bar to Bottom'
+                )),
+                mnemonicTitle: ( localizeWithPath(
+                    'vs/workbench/browser/parts/activitybar/activitybarPart',
+                    { key: 'miBottomActivityBar', comment: ['&& denotes a mnemonic'] },
+                    "&&Bottom"
+                )),
+            },
+            shortTitle: ( localizeWithPath(
+                'vs/workbench/browser/parts/activitybar/activitybarPart',
+                'bottom',
+                "Bottom"
+            )),
+            category: Categories.View,
+            toggled: ( ContextKeyExpr.equals(
+                `config.${"workbench.activityBar.location" }`,
+                "bottom"
+            )),
+            menu: [{
+                    id: MenuId.ActivityBarPositionMenu,
+                    order: 3
+                }, {
+                    id: MenuId.CommandPalette,
+                    when: ( ContextKeyExpr.notEquals(
+                        `config.${"workbench.activityBar.location" }`,
+                        "bottom"
+                    )),
+                }]
+        });
+    }
+    run(accessor) {
+        const configurationService = accessor.get(IConfigurationService);
+        configurationService.updateValue("workbench.activityBar.location" , "bottom" );
+    }
+});
 registerAction2(class extends Action2 {
     constructor() {
         super({
@@ -401,7 +458,7 @@ registerAction2(class extends Action2 {
             )),
             menu: [{
                     id: MenuId.ActivityBarPositionMenu,
-                    order: 3
+                    order: 4
                 }, {
                     id: MenuId.CommandPalette,
                     when: ( ContextKeyExpr.notEquals(

package/vscode/src/vs/workbench/browser/parts/auxiliarybar/auxiliaryBarActions.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Codicon } from '../../../../base/common/codicons.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 { ContextKeyExpr } from '../../../../platform/contextkey/common/contextkey.js';
 import { registerIcon } from '../../../../platform/theme/common/iconRegistry.js';
 import { Categories } from '../../../../platform/action/common/actionCommonCategories.js';

package/vscode/src/vs/workbench/browser/parts/auxiliarybar/auxiliaryBarPart.js CHANGED Viewed

@@ -7,20 +7,37 @@ import { IInstantiationService } from '../../../../platform/instantiation/common
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.js';
 import { IStorageService } from '../../../../platform/storage/common/storage.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 { IThemeService } from '../../../../platform/theme/common/themeService.js';
 import { ActiveAuxiliaryContext, AuxiliaryBarFocusContext } from '../../../common/contextkeys.js';
-import { SIDE_BAR_BORDER, SIDE_BAR_BACKGROUND, SIDE_BAR_FOREGROUND, PANEL_ACTIVE_TITLE_BORDER, PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_INACTIVE_TITLE_FOREGROUND, ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, PANEL_DRAG_AND_DROP_BORDER } from '../../../common/theme.js';
+import { SIDE_BAR_BORDER, SIDE_BAR_BACKGROUND, SIDE_BAR_FOREGROUND, PANEL_ACTIVE_TITLE_BORDER, ACTIVITY_BAR_TOP_ACTIVE_BORDER, PANEL_ACTIVE_TITLE_FOREGROUND, ACTIVITY_BAR_TOP_FOREGROUND, PANEL_INACTIVE_TITLE_FOREGROUND, ACTIVITY_BAR_TOP_INACTIVE_FOREGROUND, ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, PANEL_DRAG_AND_DROP_BORDER, ACTIVITY_BAR_TOP_DRAG_AND_DROP_BORDER } from '../../../common/theme.js';
 import { IViewDescriptorService } from '../../../common/views.js';
 import { IExtensionService } from '../../../services/extensions/common/extensions.js';
 import { IWorkbenchLayoutService } from '../../../services/layout/browser/layoutService.js';
-import { Separator, toAction } from '../../../../base/common/actions.js';
+import { Separator, SubmenuAction, toAction } from '../../../../base/common/actions.js';
 import { ToggleAuxiliaryBarAction } from './auxiliaryBarActions.js';
 import { assertIsDefined } from '../../../../base/common/types.js';
 import { ToggleSidebarPositionAction } from '../../actions/layoutActions.js';
 import { ICommandService } from '../../../../platform/commands/common/commands.js';
-import { AbstractPaneCompositePart } from '../paneCompositePart.js';
-import { IMenuService } from '../../../../platform/actions/common/actions.js';
+import { AbstractPaneCompositePart, CompositeBarPosition } from '../paneCompositePart.js';
+import { prepareActions } from '../../../../base/browser/ui/actionbar/actionbar.js';
+import { MenuId, IMenuService } from '../../../../platform/actions/common/actions.js';
+import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
+import { createAndFillInContextMenuActions } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
+import { $ } from '../../../../base/browser/dom.js';
+import { WorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
+import { ActionViewItem } from '../../../../base/browser/ui/actionbar/actionViewItems.js';
+import { CompositeMenuActions } from '../../actions.js';
 var AuxiliaryBarPart_1;
 let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart {
     static { AuxiliaryBarPart_1 = this; }
@@ -42,17 +59,30 @@ let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart
         }
         return Math.max(width, 300);
     }
-    constructor(notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, commandService, menuService) {
+    constructor(notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, commandService, menuService, configurationService) {
         super("workbench.parts.auxiliarybar" , {
             hasTitle: true,
             borderWidth: () => (this.getColor(SIDE_BAR_BORDER) || this.getColor(contrastBorder)) ? 1 : 0,
         }, AuxiliaryBarPart_1.activePanelSettingsKey, ActiveAuxiliaryContext.bindTo(contextKeyService), AuxiliaryBarFocusContext.bindTo(contextKeyService), 'auxiliarybar', 'auxiliarybar', undefined, notificationService, storageService, contextMenuService, layoutService, keybindingService, instantiationService, themeService, viewDescriptorService, contextKeyService, extensionService, menuService);
         this.commandService = commandService;
+        this.configurationService = configurationService;
         this.minimumWidth = 170;
         this.maximumWidth = Number.POSITIVE_INFINITY;
         this.minimumHeight = 0;
         this.maximumHeight = Number.POSITIVE_INFINITY;
         this.priority = 1 ;
+        this._register(configurationService.onDidChangeConfiguration(e => {
+            if (e.affectsConfiguration("workbench.activityBar.location" )) {
+                this.onDidChangeActivityBarLocation();
+            }
+        }));
+    }
+    onDidChangeActivityBarLocation() {
+        this.updateCompositeBar();
+        const id = this.getActiveComposite()?.getId();
+        if (id) {
+            this.onTitleAreaUpdate(id);
+        }
     }
     updateStyles() {
         super.updateStyles();
@@ -69,6 +99,7 @@ let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart
         container.style.borderRightWidth = borderColor && isPositionLeft ? '1px' : '0px';
     }
     getCompositeBarOptions() {
+        const $this = this;
         return {
             partContainerClass: 'auxiliarybar',
             pinnedViewContainersKey: AuxiliaryBarPart_1.pinnedPanelsKey,
@@ -78,21 +109,21 @@ let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart
             orientation: 0 ,
             recomputeSizes: true,
             activityHoverOptions: {
-                position: () => 2 ,
+                position: () => this.getCompositeBarPosition() === CompositeBarPosition.BOTTOM ? 3  : 2 ,
             },
             fillExtraContextMenuActions: actions => this.fillExtraContextMenuActions(actions),
             compositeSize: 0,
             iconSize: 16,
-            overflowActionSize: 44,
+            get overflowActionSize() { return $this.getCompositeBarPosition() === CompositeBarPosition.TITLE ? 40 : 30; },
             colors: theme => ({
                 activeBackgroundColor: theme.getColor(SIDE_BAR_BACKGROUND),
                 inactiveBackgroundColor: theme.getColor(SIDE_BAR_BACKGROUND),
-                activeBorderBottomColor: theme.getColor(PANEL_ACTIVE_TITLE_BORDER),
-                activeForegroundColor: theme.getColor(PANEL_ACTIVE_TITLE_FOREGROUND),
-                inactiveForegroundColor: theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND),
+                get activeBorderBottomColor() { return $this.getCompositeBarPosition() === CompositeBarPosition.TITLE ? theme.getColor(PANEL_ACTIVE_TITLE_BORDER) : theme.getColor(ACTIVITY_BAR_TOP_ACTIVE_BORDER); },
+                get activeForegroundColor() { return $this.getCompositeBarPosition() === CompositeBarPosition.TITLE ? theme.getColor(PANEL_ACTIVE_TITLE_FOREGROUND) : theme.getColor(ACTIVITY_BAR_TOP_FOREGROUND); },
+                get inactiveForegroundColor() { return $this.getCompositeBarPosition() === CompositeBarPosition.TITLE ? theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND) : theme.getColor(ACTIVITY_BAR_TOP_INACTIVE_FOREGROUND); },
                 badgeBackground: theme.getColor(ACTIVITY_BAR_BADGE_BACKGROUND),
                 badgeForeground: theme.getColor(ACTIVITY_BAR_BADGE_FOREGROUND),
-                dragAndDropBorder: theme.getColor(PANEL_DRAG_AND_DROP_BORDER)
+                get dragAndDropBorder() { return $this.getCompositeBarPosition() === CompositeBarPosition.TITLE ? theme.getColor(PANEL_DRAG_AND_DROP_BORDER) : theme.getColor(ACTIVITY_BAR_TOP_DRAG_AND_DROP_BORDER); }
             }),
             compact: true
         };
@@ -104,8 +135,17 @@ let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart
             actions.push(( new Separator()));
             actions.push(viewsSubmenuAction);
         }
+        const activityBarPositionMenu = this.menuService.createMenu(MenuId.ActivityBarPositionMenu, this.contextKeyService);
+        const positionActions = [];
+        createAndFillInContextMenuActions(activityBarPositionMenu, { shouldForwardArgs: true, renderShortTitle: true }, { primary: [], secondary: positionActions });
+        activityBarPositionMenu.dispose();
         actions.push(...[
             ( new Separator()),
+            ( new SubmenuAction('workbench.action.panel.position', ( localizeWithPath(
+                'vs/workbench/browser/parts/auxiliarybar/auxiliaryBarPart',
+                'activity bar position',
+                "Activity Bar Position"
+            )), positionActions)),
             toAction({ id: ToggleSidebarPositionAction.ID, label: currentPositionRight ? ( localizeWithPath(
                 'vs/workbench/browser/parts/auxiliarybar/auxiliaryBarPart',
                 'move second side bar left',
@@ -123,7 +163,44 @@ let AuxiliaryBarPart = class AuxiliaryBarPart extends AbstractPaneCompositePart
         ]);
     }
     shouldShowCompositeBar() {
-        return true;
+        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" : return CompositeBarPosition.TITLE;
+            case "default" : return CompositeBarPosition.TITLE;
+            default: return CompositeBarPosition.TITLE;
+        }
+    }
+    createHeaderArea() {
+        const headerArea = super.createHeaderArea();
+        const globalHeaderContainer = $('.auxiliary-bar-global-header');
+        const menu = this.headerFooterCompositeBarDispoables.add(this.instantiationService.createInstance(CompositeMenuActions, MenuId.AuxiliaryBarHeader, undefined, undefined));
+        const toolBar = this.headerFooterCompositeBarDispoables.add(this.instantiationService.createInstance(WorkbenchToolBar, globalHeaderContainer, {
+            actionViewItemProvider: (action, options) => this.headerActionViewItemProvider(action, options),
+            orientation: 0 ,
+            hiddenItemStrategy: -1 ,
+            getKeyBinding: action => this.keybindingService.lookupKeybinding(action.id),
+        }));
+        toolBar.setActions(prepareActions(menu.getPrimaryActions()));
+        this.headerFooterCompositeBarDispoables.add(menu.onDidChange(() => toolBar.setActions(prepareActions(menu.getPrimaryActions()))));
+        headerArea.appendChild(globalHeaderContainer);
+        return headerArea;
+    }
+    getToolbarWidth() {
+        if (this.getCompositeBarPosition() === CompositeBarPosition.TOP) {
+            return 22;
+        }
+        return super.getToolbarWidth();
+    }
+    headerActionViewItemProvider(action, options) {
+        if (action.id === ToggleAuxiliaryBarAction.ID) {
+            return this.instantiationService.createInstance(ActionViewItem, undefined, action, options);
+        }
+        return undefined;
     }
     toJSON() {
         return {
@@ -143,6 +220,7 @@ AuxiliaryBarPart = AuxiliaryBarPart_1 = ( __decorate([
     ( __param(8, IContextKeyService)),
     ( __param(9, IExtensionService)),
     ( __param(10, ICommandService)),
-    ( __param(11, IMenuService))
+    ( __param(11, IMenuService)),
+    ( __param(12, IConfigurationService))
 ], AuxiliaryBarPart));
 export { AuxiliaryBarPart };

package/vscode/src/vs/workbench/browser/parts/auxiliarybar/media/auxiliaryBarPart.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-workbench.noauxiliarybar .part.auxiliarybar{display:none!important;visibility:hidden!important}.monaco-workbench .part.auxiliarybar>.content .monaco-editor,.monaco-workbench .part.auxiliarybar>.content .monaco-editor .margin,.monaco-workbench .part.auxiliarybar>.content .monaco-editor .monaco-editor-background{background-color:var(--vscode-sideBar-background)}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container{flex:1}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before{border-top-color:var(--vscode-panelTitle-activeBorder)!important}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{color:var(--vscode-sideBarTitle-foreground)!important}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) solid 1px!important}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.checked):hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) dashed 1px!important}.monaco-workbench .auxiliarybar.part.pane-composite-part>.composite.title.has-composite-bar>.title-actions{flex:inherit}.monaco-workbench .auxiliarybar.pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item{max-width:150px}";
+var css = ".monaco-workbench.noauxiliarybar .part.auxiliarybar{display:none!important;visibility:hidden!important}.monaco-workbench .part.auxiliarybar>.content .monaco-editor,.monaco-workbench .part.auxiliarybar>.content .monaco-editor .margin,.monaco-workbench .part.auxiliarybar>.content .monaco-editor .monaco-editor-background{background-color:var(--vscode-sideBar-background)}.monaco-workbench .part.auxiliarybar .title-actions .actions-container{justify-content:flex-end}.monaco-workbench .part.auxiliarybar .title-actions .action-item{margin-right:4px}.monaco-workbench .part.auxiliarybar>.title>.title-label{flex:1}.monaco-workbench .part.auxiliarybar>.title>.title-label h2{text-transform:uppercase}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container{flex:1}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus{outline:0!important}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label{border-radius:0;outline-offset:2px}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item .action-label:before{left:6px;position:absolute}.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before{border-top-color:var(--vscode-panelTitle-activeBorder)!important}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before,.monaco-workbench .part.auxiliarybar>.header-or-footer>.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.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{color:var(--vscode-sideBarTitle-foreground)!important}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:focus .action-label,.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{color:var(--vscode-activityBarTop-foreground)!important}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label,.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item.checked .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) solid 1px!important}.monaco-workbench .part.auxiliarybar>.header-or-footer>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.checked):hover .action-label,.monaco-workbench .part.auxiliarybar>.title>.composite-bar-container>.composite-bar>.monaco-action-bar .action-item:not(.checked):hover .action-label{outline:var(--vscode-contrastActiveBorder,unset) dashed 1px!important}.monaco-workbench .auxiliarybar.part.pane-composite-part>.composite.title>.title-actions{flex:inherit}.monaco-workbench .auxiliarybar.pane-composite-part>.title.has-composite-bar>.title-actions .monaco-action-bar .action-item{max-width:150px}";
 n(css,{});
 export { css, css as default };