@codingame/monaco-vscode-api 26.2.2 → 27.0.0

package/vscode/src/vs/base/browser/ui/contextview/contextview.js

@@ -1,10 +1,11 @@
 
 import { registerCss } from '../../../../../../../css.js';
 import { BrowserFeatures } from '../../canIUse.js';
-import { $, hide, createElement, addStandardDisposableListener, clearNode, show, isHTMLElement, getDomNodePagePosition, getDomNodeZoomLevel, getTotalWidth, getTotalHeight, getActiveWindow, getActiveElement, getWindow, isAncestor } from '../../dom.js';
+import { isHTMLElement, getDomNodePagePosition, getDomNodeZoomLevel, $, hide, createElement, addStandardDisposableListener, clearNode, show, getActiveWindow, getTotalHeight, getTotalWidth, getActiveElement, getWindow, isAncestor } from '../../dom.js';
 import { Disposable, toDisposable, DisposableStore } from '../../../common/lifecycle.js';
+import { layout2d, AnchorPosition, AnchorAlignment } from '../../../common/layout.js';
+export { AnchorAxisAlignment } from '../../../common/layout.js';
 import { isIOS } from '../../../common/platform.js';
-import { Range } from '../../../common/range.js';
 import * as contextview from './contextview.css';
 
 registerCss(contextview);
@@ -18,50 +19,30 @@ function isAnchor(obj) {
     const anchor = obj;
     return !!anchor && typeof anchor.x === "number" && typeof anchor.y === "number";
 }
-var AnchorAlignment;
-(function(AnchorAlignment) {
-    AnchorAlignment[AnchorAlignment["LEFT"] = 0] = "LEFT";
-    AnchorAlignment[AnchorAlignment["RIGHT"] = 1] = "RIGHT";
-})(AnchorAlignment || (AnchorAlignment = {}));
-var AnchorPosition;
-(function(AnchorPosition) {
-    AnchorPosition[AnchorPosition["BELOW"] = 0] = "BELOW";
-    AnchorPosition[AnchorPosition["ABOVE"] = 1] = "ABOVE";
-})(AnchorPosition || (AnchorPosition = {}));
-var AnchorAxisAlignment;
-(function(AnchorAxisAlignment) {
-    AnchorAxisAlignment[AnchorAxisAlignment["VERTICAL"] = 0] = "VERTICAL";
-    AnchorAxisAlignment[AnchorAxisAlignment["HORIZONTAL"] = 1] = "HORIZONTAL";
-})(AnchorAxisAlignment || (AnchorAxisAlignment = {}));
-var LayoutAnchorPosition;
-(function(LayoutAnchorPosition) {
-    LayoutAnchorPosition[LayoutAnchorPosition["Before"] = 0] = "Before";
-    LayoutAnchorPosition[LayoutAnchorPosition["After"] = 1] = "After";
-})(LayoutAnchorPosition || (LayoutAnchorPosition = {}));
-var LayoutAnchorMode;
-(function(LayoutAnchorMode) {
-    LayoutAnchorMode[LayoutAnchorMode["AVOID"] = 0] = "AVOID";
-    LayoutAnchorMode[LayoutAnchorMode["ALIGN"] = 1] = "ALIGN";
-})(LayoutAnchorMode || (LayoutAnchorMode = {}));
-function layout(viewportSize, viewSize, anchor) {
-    const layoutAfterAnchorBoundary = anchor.mode === LayoutAnchorMode.ALIGN ? anchor.offset : anchor.offset + anchor.size;
-    const layoutBeforeAnchorBoundary = anchor.mode === LayoutAnchorMode.ALIGN ? anchor.offset + anchor.size : anchor.offset;
-    if (anchor.position === LayoutAnchorPosition.Before) {
-        if (viewSize <= viewportSize - layoutAfterAnchorBoundary) {
-            return layoutAfterAnchorBoundary;
-        }
-        if (viewSize <= layoutBeforeAnchorBoundary) {
-            return layoutBeforeAnchorBoundary - viewSize;
-        }
-        return Math.max(viewportSize - viewSize, 0);
+function getAnchorRect(anchor) {
+    if (isHTMLElement(anchor)) {
+        const elementPosition = getDomNodePagePosition(anchor);
+        const zoom = getDomNodeZoomLevel(anchor);
+        return {
+            top: elementPosition.top * zoom,
+            left: elementPosition.left * zoom,
+            width: elementPosition.width * zoom,
+            height: elementPosition.height * zoom
+        };
+    } else if (isAnchor(anchor)) {
+        return {
+            top: anchor.y,
+            left: anchor.x,
+            width: anchor.width || 1,
+            height: anchor.height || 2
+        };
     } else {
-        if (viewSize <= layoutBeforeAnchorBoundary) {
-            return layoutBeforeAnchorBoundary - viewSize;
-        }
-        if (viewSize <= viewportSize - layoutAfterAnchorBoundary && layoutBeforeAnchorBoundary < viewSize / 2) {
-            return layoutAfterAnchorBoundary;
-        }
-        return 0;
+        return {
+            top: anchor.posy,
+            left: anchor.posx,
+            width: 2,
+            height: 2
+        };
     }
 }
 class ContextView extends Disposable {
@@ -169,87 +150,28 @@ class ContextView extends Disposable {
         if (!this.isVisible()) {
             return;
         }
-        const anchor = this.delegate.getAnchor();
-        let around;
-        if (isHTMLElement(anchor)) {
-            const elementPosition = getDomNodePagePosition(anchor);
-            const zoom = getDomNodeZoomLevel(anchor);
-            around = {
-                top: elementPosition.top * zoom,
-                left: elementPosition.left * zoom,
-                width: elementPosition.width * zoom,
-                height: elementPosition.height * zoom
-            };
-        } else if (isAnchor(anchor)) {
-            around = {
-                top: anchor.y,
-                left: anchor.x,
-                width: anchor.width || 1,
-                height: anchor.height || 2
-            };
-        } else {
-            around = {
-                top: anchor.posy,
-                left: anchor.posx,
-                width: 2,
-                height: 2
-            };
-        }
-        const viewSizeWidth = getTotalWidth(this.view);
-        const viewSizeHeight = getTotalHeight(this.view);
-        const anchorPosition = this.delegate.anchorPosition ?? AnchorPosition.BELOW;
-        const anchorAlignment = this.delegate.anchorAlignment ?? AnchorAlignment.LEFT;
-        const anchorAxisAlignment = this.delegate.anchorAxisAlignment ?? AnchorAxisAlignment.VERTICAL;
-        let top;
-        let left;
+        const anchor = getAnchorRect(this.delegate.getAnchor());
         const activeWindow = getActiveWindow();
-        if (anchorAxisAlignment === AnchorAxisAlignment.VERTICAL) {
-            const verticalAnchor = {
-                offset: around.top - activeWindow.pageYOffset,
-                size: around.height,
-                position: anchorPosition === AnchorPosition.BELOW ? LayoutAnchorPosition.Before : LayoutAnchorPosition.After
-            };
-            const horizontalAnchor = {
-                offset: around.left,
-                size: around.width,
-                position: anchorAlignment === AnchorAlignment.LEFT ? LayoutAnchorPosition.Before : LayoutAnchorPosition.After,
-                mode: LayoutAnchorMode.ALIGN
-            };
-            top = layout(activeWindow.innerHeight, viewSizeHeight, verticalAnchor) + activeWindow.pageYOffset;
-            if (Range.intersects({
-                start: top,
-                end: top + viewSizeHeight
-            }, {
-                start: verticalAnchor.offset,
-                end: verticalAnchor.offset + verticalAnchor.size
-            })) {
-                horizontalAnchor.mode = LayoutAnchorMode.AVOID;
-            }
-            left = layout(activeWindow.innerWidth, viewSizeWidth, horizontalAnchor);
-        } else {
-            const horizontalAnchor = {
-                offset: around.left,
-                size: around.width,
-                position: anchorAlignment === AnchorAlignment.LEFT ? LayoutAnchorPosition.Before : LayoutAnchorPosition.After
-            };
-            const verticalAnchor = {
-                offset: around.top,
-                size: around.height,
-                position: anchorPosition === AnchorPosition.BELOW ? LayoutAnchorPosition.Before : LayoutAnchorPosition.After,
-                mode: LayoutAnchorMode.ALIGN
-            };
-            left = layout(activeWindow.innerWidth, viewSizeWidth, horizontalAnchor);
-            if (Range.intersects({
-                start: left,
-                end: left + viewSizeWidth
-            }, {
-                start: horizontalAnchor.offset,
-                end: horizontalAnchor.offset + horizontalAnchor.size
-            })) {
-                verticalAnchor.mode = LayoutAnchorMode.AVOID;
-            }
-            top = layout(activeWindow.innerHeight, viewSizeHeight, verticalAnchor) + activeWindow.pageYOffset;
-        }
+        const viewport = {
+            top: activeWindow.pageYOffset,
+            width: activeWindow.innerWidth,
+            height: activeWindow.innerHeight
+        };
+        const view = {
+            width: getTotalWidth(this.view),
+            height: getTotalHeight(this.view)
+        };
+        const anchorPosition = this.delegate.anchorPosition;
+        const anchorAlignment = this.delegate.anchorAlignment;
+        const anchorAxisAlignment = this.delegate.anchorAxisAlignment;
+        const {
+            top,
+            left
+        } = layout2d(viewport, view, anchor, {
+            anchorAlignment,
+            anchorPosition,
+            anchorAxisAlignment
+        });
         this.view.classList.remove("top", "bottom", "left", "right");
         this.view.classList.add(anchorPosition === AnchorPosition.BELOW ? "bottom" : "top");
         this.view.classList.add(anchorAlignment === AnchorAlignment.LEFT ? "left" : "right");
@@ -328,4 +250,4 @@ const SHADOW_ROOT_CSS =  `
     :host-context(.linux:lang(ko)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans K", "Source Han Sans JR", "Source Han Sans", "UnDotum", "FBaekmuk Gulim", sans-serif; }
 `;
 
-export { AnchorAlignment, AnchorAxisAlignment, AnchorPosition, ContextView, ContextViewDOMPosition, LayoutAnchorMode, LayoutAnchorPosition, isAnchor, layout };
+export { AnchorAlignment, AnchorPosition, ContextView, ContextViewDOMPosition, getAnchorRect, isAnchor };

package/vscode/src/vs/base/browser/ui/dialog/dialog.d.ts

@@ -42,6 +42,7 @@ export interface IDialogOptions {
     readonly disableCloseAction?: boolean;
     readonly disableCloseButton?: boolean;
     readonly disableDefaultAction?: boolean;
+    readonly onVisibilityChange?: (window: Window, visible: boolean) => void;
     readonly buttonStyles: IButtonStyles;
     readonly checkboxStyles: ICheckboxStyles;
     readonly inputBoxStyles: IInputBoxStyles;

package/vscode/src/vs/base/browser/ui/dialog/dialog.js

@@ -385,6 +385,8 @@ class Dialog extends Disposable {
                 "monaco-dialog-icon monaco-dialog-message-text monaco-dialog-message-detail monaco-dialog-message-body monaco-dialog-footer"
             );
             show(this.element);
+            this.options.onVisibilityChange?.(window, true);
+            this._register(toDisposable(() => this.options.onVisibilityChange?.(window, false)));
             if (this.inputs.length > 0) {
                 this.inputs[0].focus();
                 this.inputs[0].select();

package/vscode/src/vs/base/browser/ui/dropdown/dropdown.js

@@ -3,13 +3,14 @@ import { registerCss } from '../../../../../../../css.js';
 import { append, $, EventType, addDisposableListener, EventHelper, isMouseEvent } from '../../dom.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { EventType as EventType$1, Gesture } from '../../touch.js';
-import { AnchorAlignment } from '../contextview/contextview.js';
+import '../contextview/contextview.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { ActionRunner } from '../../../common/actions.js';
 import { Emitter } from '../../../common/event.js';
 import { KeyCode } from '../../../common/keyCodes.js';
 import * as dropdown from './dropdown.css';
+import { AnchorAlignment } from '../../../common/layout.js';
 
 registerCss(dropdown);
 class BaseDropdown extends ActionRunner {

package/vscode/src/vs/base/browser/ui/grid/grid.d.ts

@@ -275,8 +275,9 @@ export declare class Grid<T extends IView = IView> extends Disposable {
     /**
      * Maximizes the specified view and hides all other views.
      * @param view The view to maximize.
+     * @param excludeViews Optional array of views to exclude from being hidden.
      */
-    maximizeView(view: T): void;
+    maximizeView(view: T, excludeViews?: readonly T[]): void;
     exitMaximizedView(): void;
     /**
      * Expand the size of a {@link IView view} by collapsing all other views

package/vscode/src/vs/base/browser/ui/grid/grid.js

@@ -321,12 +321,12 @@ class Grid extends Disposable {
         const location = this.getViewLocation(view);
         return this.gridview.getViewCachedVisibleSize(location);
     }
-    maximizeView(view) {
+    maximizeView(view, excludeViews = []) {
         if (this.views.size < 2) {
             throw ( new Error("At least two views are required to maximize a view"));
         }
         const location = this.getViewLocation(view);
-        this.gridview.maximizeView(location);
+        this.gridview.maximizeView(location, excludeViews);
     }
     exitMaximizedView() {
         this.gridview.exitMaximizedView();

package/vscode/src/vs/base/browser/ui/grid/gridview.d.ts

@@ -521,7 +521,7 @@ export declare class GridView implements IDisposable {
      * @param location The {@link GridLocation location} of the view.
      */
     isViewExpanded(location: GridLocation): boolean;
-    maximizeView(location: GridLocation): void;
+    maximizeView(location: GridLocation, excludeViews?: readonly IView[]): void;
     exitMaximizedView(): void;
     hasMaximizedView(): boolean;
     /**

package/vscode/src/vs/base/browser/ui/grid/gridview.js

@@ -466,6 +466,7 @@ class BranchNode {
             child.dispose();
         }
         this._onDidChange.dispose();
+        this._onDidScroll.dispose();
         this._onDidSashReset.dispose();
         this._onDidVisibilityChange.dispose();
         this.childrenVisibilityChangeDisposable.dispose();
@@ -625,6 +626,7 @@ class LeafNode {
         this.view.setVisible?.(visible);
     }
     dispose() {
+        this._onDidSetLinkedNode.dispose();
         this.disposables.dispose();
     }
 }
@@ -1001,7 +1003,7 @@ class GridView {
         }
         return true;
     }
-    maximizeView(location) {
+    maximizeView(location, excludeViews = []) {
         const [, nodeToMaximize] = this.getNode(location);
         if (!(nodeToMaximize instanceof LeafNode)) {
             throw ( new Error("Location is not a LeafNode"));
@@ -1012,11 +1014,12 @@ class GridView {
         if (this.hasMaximizedView()) {
             this.exitMaximizedView();
         }
+        const excludeViewSet = ( new Set(excludeViews));
         function hideAllViewsBut(parent, exclude) {
             for (let i = 0; i < parent.children.length; i++) {
                 const child = parent.children[i];
                 if (child instanceof LeafNode) {
-                    if (child !== exclude) {
+                    if (child !== exclude && !( excludeViewSet.has(child.view))) {
                         parent.setChildVisible(i, false);
                     }
                 } else {
@@ -1213,6 +1216,7 @@ class GridView {
         }
     }
     dispose() {
+        this._onDidChangeViewMaximized.dispose();
         this.onDidSashResetRelay.dispose();
         this.root.dispose();
         this.element.remove();

package/vscode/src/vs/base/browser/ui/inputbox/inputBox.js

@@ -1,12 +1,12 @@
 
 import { registerCss } from '../../../../../../../css.js';
-import { $ as $$1, append, getTotalHeight, isActiveElement, getTotalWidth } from '../../dom.js';
+import { $ as $$1, append, isShadowRoot, getTotalHeight, isActiveElement, getTotalWidth } from '../../dom.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
 import { DomEmitter } from '../../event.js';
 import { renderFormattedText, renderText } from '../../formattedTextRenderer.js';
 import { ActionBar } from '../actionbar/actionbar.js';
 import { alert, status } from '../aria/aria.js';
-import { AnchorAlignment } from '../contextview/contextview.js';
+import '../contextview/contextview.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { ScrollableElement } from '../scrollbar/scrollableElement.js';
 import { Widget } from '../widget.js';
@@ -18,6 +18,7 @@ import * as inputBox from './inputBox.css';
 import { localize } from '../../../../nls.js';
 import { MutableDisposable } from '../../../common/lifecycle.js';
 import { mainWindow } from '../../window.js';
+import { AnchorAlignment } from '../../../common/layout.js';
 
 registerCss(inputBox);
 const $ = $$1;
@@ -90,7 +91,11 @@ class InputBox extends Widget {
             this._register(this.scrollableElement.onScroll(e => this.input.scrollTop = e.scrollTop));
             const onSelectionChange = this._register(( new DomEmitter(container.ownerDocument, "selectionchange")));
             const onAnchoredSelectionChange = Event.filter(onSelectionChange.event, () => {
-                const selection = container.getRootNode().getSelection();
+                let selection = container.ownerDocument.getSelection();
+                const rootNode = container.getRootNode();
+                if (isShadowRoot(rootNode)) {
+                    selection = rootNode.getSelection?.() ?? selection;
+                }
                 return selection?.anchorNode === wrapper;
             });
             this._register(onAnchoredSelectionChange(this.updateScrollDimensions, this));

package/vscode/src/vs/base/browser/ui/list/listView.js

@@ -183,6 +183,7 @@ class ListView {
                 scrollWidth: this.renderWidth
             });
             this.rowsContainer.style.width = "";
+            this.domNode.style.removeProperty("--list-scroll-right-offset");
         }
     }
     constructor(container, virtualDelegate, renderers, options = DefaultOptions) {
@@ -201,8 +202,8 @@ class ListView {
         this.onDragLeaveTimeout = Disposable.None;
         this.currentSelectionDisposable = Disposable.None;
         this.disposables = ( new DisposableStore());
-        this._onDidChangeContentHeight = ( new Emitter());
-        this._onDidChangeContentWidth = ( new Emitter());
+        this._onDidChangeContentHeight = this.disposables.add(( new Emitter()));
+        this._onDidChangeContentWidth = this.disposables.add(( new Emitter()));
         this.onDidChangeContentHeight = Event.latch(this._onDidChangeContentHeight.event, undefined, this.disposables);
         this.onDidChangeContentWidth = Event.latch(this._onDidChangeContentWidth.event, undefined, this.disposables);
         this._horizontalScrolling = false;
@@ -661,6 +662,10 @@ class ListView {
             this.scrollableElement.setScrollDimensions({
                 width: typeof width === "number" ? width : getContentWidth(this.domNode)
             });
+            const scrollPos = this.scrollableElement.getScrollPosition();
+            const scrollDims = this.scrollableElement.getScrollDimensions();
+            const rightOffset = Math.max(0, scrollDims.scrollWidth - scrollPos.scrollLeft - this.renderWidth);
+            this.domNode.style.setProperty("--list-scroll-right-offset", `${Math.max(rightOffset - 12, 0)}px`);
         }
     }
     render(
@@ -699,6 +704,8 @@ class ListView {
         this.rowsContainer.style.top = `-${renderTop}px`;
         if (this.horizontalScrolling && scrollWidth !== undefined) {
             this.rowsContainer.style.width = `${Math.max(scrollWidth, this.renderWidth)}px`;
+            const rightOffset = Math.max(0, scrollWidth - (renderLeft ?? 0) - this.renderWidth);
+            this.domNode.style.setProperty("--list-scroll-right-offset", `${Math.max(rightOffset - 12, 0)}px`);
         }
         this.lastRenderTop = renderTop;
         this.lastRenderHeight = renderHeight;

package/vscode/src/vs/base/browser/ui/menu/menu.d.ts

@@ -1,10 +1,10 @@
 import { ActionBar, IActionViewItemProvider } from "../actionbar/actionbar.js";
-import { AnchorAlignment } from "../contextview/contextview.js";
 import { IAction, IActionRunner } from "../../../common/actions.js";
 import { ThemeIcon } from "../../../common/themables.js";
 import { Event } from "../../../common/event.js";
 import { ResolvedKeybinding } from "../../../common/keybindings.js";
 import { ScrollEvent } from "../../../common/scrollable.js";
+import { AnchorAlignment } from "../../../common/layout.js";
 export declare const MENU_MNEMONIC_REGEX: RegExp;
 export declare const MENU_ESCAPED_MNEMONIC_REGEX: RegExp;
 export declare enum HorizontalDirection {

package/vscode/src/vs/base/browser/ui/menu/menu.js

@@ -7,7 +7,6 @@ import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { StandardMouseEvent } from '../../mouseEvent.js';
 import { ActionBar, ActionsOrientation } from '../actionbar/actionbar.js';
 import { BaseActionViewItem, ActionViewItem } from '../actionbar/actionViewItems.js';
-import { layout, LayoutAnchorPosition } from '../contextview/contextview.js';
 import { DomScrollableElement } from '../scrollbar/scrollableElement.js';
 import { Separator, SubmenuAction, EmptySubmenuAction } from '../../../common/actions.js';
 import { RunOnceScheduler } from '../../../common/async.js';
@@ -20,6 +19,7 @@ import { DisposableStore } from '../../../common/lifecycle.js';
 import { isMacintosh, isLinux } from '../../../common/platform.js';
 import { ScrollbarVisibility } from '../../../common/scrollable.js';
 import { escape, ltrim, rtrim } from '../../../common/strings.js';
+import { layout, LayoutAnchorPosition } from '../../../common/layout.js';
 
 const MENU_MNEMONIC_REGEX = /\(&([^\s&])\)|(^|[^&])&([^\s&])/;
 const MENU_ESCAPED_MNEMONIC_REGEX = /(&)?(&)([^\s&])/g;
@@ -639,7 +639,7 @@ class SubmenuMenuActionViewItem extends BaseMenuActionViewItem {
             position: expandDirection.horizontal === HorizontalDirection.Right ? LayoutAnchorPosition.Before : LayoutAnchorPosition.After,
             offset: entry.left,
             size: entry.width
-        });
+        }).position;
         if (ret.left >= entry.left && ret.left < entry.left + entry.width) {
             if (entry.left + 10 + submenu.width <= windowDimensions.width) {
                 ret.left = entry.left + 10;
@@ -651,7 +651,7 @@ class SubmenuMenuActionViewItem extends BaseMenuActionViewItem {
             position: LayoutAnchorPosition.Before,
             offset: entry.top,
             size: 0
-        });
+        }).position;
         if (ret.top + submenu.height === entry.top && ret.top + entry.height + submenu.height <= windowDimensions.height) {
             ret.top += entry.height;
         }

package/vscode/src/vs/base/browser/ui/progressbar/progressbar.d.ts

@@ -1,5 +1,6 @@
 import { Disposable } from "../../../common/lifecycle.js";
 export interface IProgressBarOptions extends IProgressBarStyles {
+    ariaLabel?: string;
 }
 export interface IProgressBarStyles {
     progressBarBackground: string | undefined;

package/vscode/src/vs/base/browser/ui/progressbar/progressbar.js

@@ -5,6 +5,7 @@ import { getProgressAccessibilitySignalScheduler } from './progressAccessibility
 import { RunOnceScheduler } from '../../../common/async.js';
 import { Disposable, MutableDisposable } from '../../../common/lifecycle.js';
 import { isNumber } from '../../../common/types.js';
+import { localize } from '../../../../nls.js';
 import * as progressbar from './progressbar.css';
 
 registerCss(progressbar);
@@ -13,6 +14,7 @@ const CSS_ACTIVE = "active";
 const CSS_INFINITE = "infinite";
 const CSS_INFINITE_LONG_RUNNING = "infinite-long-running";
 const CSS_DISCRETE = "discrete";
+const NLS_PROGRESS_LABEL = ( localize(29, "Progress"));
 class ProgressBar extends Disposable {
     static {
         this.LONG_RUNNING_INFINITE_THRESHOLD = 10000;
@@ -36,6 +38,10 @@ class ProgressBar extends Disposable {
         this.element.classList.add("monaco-progress-container");
         this.element.setAttribute("role", "progressbar");
         this.element.setAttribute("aria-valuemin", "0");
+        this.element.setAttribute(
+            "aria-label",
+            options?.ariaLabel && options.ariaLabel.trim() ? options.ariaLabel : NLS_PROGRESS_LABEL
+        );
         container.appendChild(this.element);
         this.bit = createElement("div");
         this.bit.classList.add("progress-bit");

package/vscode/src/vs/base/browser/ui/selectBox/selectBox.css

@@ -6,7 +6,7 @@
 .monaco-select-box {
 	width: 100%;
 	cursor: pointer;
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-small);
 }
 
 .monaco-select-box-dropdown-container {
@@ -30,6 +30,6 @@
 
 .mac .monaco-action-bar .action-item .monaco-select-box {
 	font-size: 11px;
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-small);
 	min-height: 24px;
 }

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxCustom.css

@@ -6,7 +6,7 @@
 .monaco-select-box-dropdown-container {
 	display: none;
 	box-sizing: border-box;
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-small);
 	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
 }
 
@@ -53,7 +53,7 @@
 .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
 	text-overflow: ellipsis;
 	overflow: hidden;
-	padding-left: 3.5px;
+	padding-left: 6px;
 	white-space: nowrap;
 	float: left;
 }
@@ -61,7 +61,7 @@
 .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
 	text-overflow: ellipsis;
 	overflow: hidden;
-	padding-left: 3.5px;
+	padding-left: 6px;
 	white-space: nowrap;
 	float: left;
 	opacity: 0.7;
@@ -100,7 +100,7 @@
 }
 
 .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
-	padding-left: 4px;
+	padding-left: 8px;
 	padding-right: 8px;
 	white-space: nowrap;
 }

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxCustom.js

@@ -13,11 +13,12 @@ import { createStyleSheet } from '../../domStylesheets.js';
 import { DomEmitter } from '../../event.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { renderMarkdown } from '../../markdownRenderer.js';
-import { AnchorPosition } from '../contextview/contextview.js';
+import '../contextview/contextview.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { List } from '../list/listWidget.js';
 import * as selectBoxCustom from './selectBoxCustom.css';
+import { AnchorPosition } from '../../../common/layout.js';
 
 registerCss(selectBoxCustom);
 const $ = $$1;
@@ -536,7 +537,7 @@ class SelectBoxList extends Disposable {
                         }
                         return label;
                     },
-                    getWidgetAriaLabel: () => ( localize(29, "Select Box")),
+                    getWidgetAriaLabel: () => ( localize(30, "Select Box")),
                     getRole: () => isMacintosh ? "" : "option",
                     getWidgetRole: () => "listbox"
                 }

package/vscode/src/vs/base/browser/ui/splitview/paneview.js

@@ -67,7 +67,7 @@ class Pane extends Disposable {
         return headerSize + maximumBodySize;
     }
     getAriaHeaderLabel(title) {
-        return localize(30, "{0} Section", title);
+        return localize(31, "{0} Section", title);
     }
     constructor(options) {
         super();

package/vscode/src/vs/base/browser/ui/table/tableWidget.js

@@ -111,7 +111,7 @@ class ColumnHeader extends Disposable {
         super();
         this.column = column;
         this.index = index;
-        this._onDidLayout = ( new Emitter());
+        this._onDidLayout = this._register(( new Emitter()));
         this.onDidLayout = this._onDidLayout.event;
         this.element = $(".monaco-table-th", {
             "data-col-index": index

package/vscode/src/vs/base/browser/ui/toolbar/toolbar.js

@@ -283,7 +283,7 @@ class ToggleMenuAction extends Action {
         this.ID = "toolbar.toggle.more";
     }
     constructor(toggleDropdownMenu, title) {
-        title = title || ( localize(31, "More Actions..."));
+        title = title || ( localize(32, "More Actions..."));
         super(ToggleMenuAction.ID, title, undefined, true);
         this._menuActions = [];
         this.toggleDropdownMenu = toggleDropdownMenu;

package/vscode/src/vs/base/browser/ui/tree/abstractTree.d.ts

@@ -56,6 +56,7 @@ export declare enum RenderIndentGuides {
 }
 interface ITreeRendererOptions<T> {
     readonly indent?: number;
+    readonly defaultIndent?: number;
     readonly renderIndentGuides?: RenderIndentGuides;
     readonly hideTwistiesOfChildlessElements?: boolean;
     readonly twistieAdditionalCssClass?: (element: T) => string | undefined;
@@ -74,6 +75,7 @@ export declare class TreeRenderer<T, TFilterData, TRef, TTemplateData> implement
     private renderedElements;
     private renderedNodes;
     private indent;
+    private defaultIndent;
     private hideTwistiesOfChildlessElements;
     private twistieAdditionalCssClass?;
     private shouldRenderIndentGuides;
@@ -270,6 +272,7 @@ declare class StickyScrollController<T, TFilterData, TRef> extends Disposable {
     };
 }
 export interface IAbstractTreeOptionsUpdate<T> extends ITreeRendererOptions<T> {
+    readonly defaultIndent?: number;
     readonly multipleSelectionSupport?: boolean;
     readonly typeNavigationEnabled?: boolean;
     readonly typeNavigationMode?: TypeNavigationMode;