@codingame/monaco-vscode-api 5.3.0 → 6.0.1

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

@@ -1,13 +1,39 @@
 import { BrowserFeatures } from '../../canIUse.js';
-import { $, hide, addStandardDisposableListener, clearNode, show, getDomNodePagePosition, getDomNodeZoomLevel, getTotalWidth, getTotalHeight, getActiveWindow, getWindow, isAncestor } from '../../dom.js';
+import { $, hide, addStandardDisposableListener, clearNode, show, isHTMLElement, getDomNodePagePosition, getDomNodeZoomLevel, getTotalWidth, getTotalHeight, getActiveWindow, getWindow, isAncestor } from '../../dom.js';
 import { Disposable, toDisposable, DisposableStore } from '../../../common/lifecycle.js';
 import { isIOS } from '../../../common/platform.js';
 import { Range } from '../../../common/range.js';
 import './contextview.css.js';
+var ContextViewDOMPosition;
+( (function(ContextViewDOMPosition) {
+    ContextViewDOMPosition[ContextViewDOMPosition["ABSOLUTE"] = 1] = "ABSOLUTE";
+    ContextViewDOMPosition[ContextViewDOMPosition["FIXED"] = 2] = "FIXED";
+    ContextViewDOMPosition[ContextViewDOMPosition["FIXED_SHADOW"] = 3] = "FIXED_SHADOW";
+})(ContextViewDOMPosition || (ContextViewDOMPosition = {})));
 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";
@@ -16,7 +42,7 @@ var 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 === 0 ) {
+    if (anchor.position === LayoutAnchorPosition.Before) {
         if (viewSize <= viewportSize - layoutAfterAnchorBoundary) {
             return layoutAfterAnchorBoundary;
         }
@@ -51,12 +77,12 @@ class ContextView extends Disposable {
         this.view = $('.context-view');
         hide(this.view);
         this.setContainer(container, domPosition);
-        this._register(toDisposable(() => this.setContainer(null, 1 )));
+        this._register(toDisposable(() => this.setContainer(null, ContextViewDOMPosition.ABSOLUTE)));
     }
     setContainer(container, domPosition) {
-        this.useFixedPosition = domPosition !== 1 ;
+        this.useFixedPosition = domPosition !== ContextViewDOMPosition.ABSOLUTE;
         const usedShadowDOM = this.useShadowDOM;
-        this.useShadowDOM = domPosition === 3 ;
+        this.useShadowDOM = domPosition === ContextViewDOMPosition.FIXED_SHADOW;
         if (container === this.container && usedShadowDOM === this.useShadowDOM) {
             return;
         }
@@ -138,7 +164,7 @@ class ContextView extends Disposable {
         }
         const anchor = this.delegate.getAnchor();
         let around;
-        if (anchor instanceof HTMLElement) {
+        if (isHTMLElement(anchor)) {
             const elementPosition = getDomNodePagePosition(anchor);
             const zoom = getDomNodeZoomLevel(anchor);
             around = {
@@ -166,15 +192,15 @@ class ContextView extends Disposable {
         }
         const viewSizeWidth = getTotalWidth(this.view);
         const viewSizeHeight = getTotalHeight(this.view);
-        const anchorPosition = this.delegate.anchorPosition || 0 ;
-        const anchorAlignment = this.delegate.anchorAlignment || 0 ;
-        const anchorAxisAlignment = this.delegate.anchorAxisAlignment || 0 ;
+        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 activeWindow = getActiveWindow();
-        if (anchorAxisAlignment === 0 ) {
-            const verticalAnchor = { offset: around.top - activeWindow.pageYOffset, size: around.height, position: anchorPosition === 0  ? 0  : 1  };
-            const horizontalAnchor = { offset: around.left, size: around.width, position: anchorAlignment === 0  ? 0  : 1 , mode: LayoutAnchorMode.ALIGN };
+        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;
@@ -182,8 +208,8 @@ class ContextView extends Disposable {
             left = layout(activeWindow.innerWidth, viewSizeWidth, horizontalAnchor);
         }
         else {
-            const horizontalAnchor = { offset: around.left, size: around.width, position: anchorAlignment === 0  ? 0  : 1  };
-            const verticalAnchor = { offset: around.top, size: around.height, position: anchorPosition === 0  ? 0  : 1 , mode: LayoutAnchorMode.ALIGN };
+            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;
@@ -191,8 +217,8 @@ class ContextView extends Disposable {
             top = layout(activeWindow.innerHeight, viewSizeHeight, verticalAnchor) + activeWindow.pageYOffset;
         }
         this.view.classList.remove('top', 'bottom', 'left', 'right');
-        this.view.classList.add(anchorPosition === 0  ? 'bottom' : 'top');
-        this.view.classList.add(anchorAlignment === 0  ? 'left' : 'right');
+        this.view.classList.add(anchorPosition === AnchorPosition.BELOW ? 'bottom' : 'top');
+        this.view.classList.add(anchorAlignment === AnchorAlignment.LEFT ? 'left' : 'right');
         this.view.classList.toggle('fixed', this.useFixedPosition);
         const containerPosition = getDomNodePagePosition(this.container);
         this.view.style.top = `${top - (this.useFixedPosition ? getDomNodePagePosition(this.view).top : containerPosition.top)}px`;
@@ -266,4 +292,4 @@ const SHADOW_ROOT_CSS =  `
 	:host-context(.linux:lang(ja)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans J", "Source Han Sans JP", "Source Han Sans", sans-serif; }
 	: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 { ContextView, LayoutAnchorMode, isAnchor, layout };
+export { AnchorAlignment, AnchorAxisAlignment, AnchorPosition, ContextView, ContextViewDOMPosition, LayoutAnchorMode, LayoutAnchorPosition, isAnchor, layout };

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

@@ -7,6 +7,7 @@ import { InputBox } from '../inputbox/inputBox.js';
 import { Action } from '../../../common/actions.js';
 import { Codicon } from '../../../common/codicons.js';
 import { ThemeIcon } from '../../../common/themables.js';
+import { KeyMod as KeyMod$1, KeyCode } from '../../../common/keyCodes.js';
 import { mnemonicButtonLabel } from '../../../common/labels.js';
 import { Disposable } from '../../../common/lifecycle.js';
 import { isMacintosh, isLinux, isWindows } from '../../../common/platform.js';
@@ -139,10 +140,10 @@ class Dialog extends Disposable {
                 const window = getWindow(this.container);
                 this._register(addDisposableListener(window, 'keydown', e => {
                     const evt = ( (new StandardKeyboardEvent(e)));
-                    if (evt.equals(512 )) {
+                    if (evt.equals(KeyMod$1.Alt)) {
                         evt.preventDefault();
                     }
-                    if (evt.equals(3 )) {
+                    if (evt.equals(KeyCode.Enter)) {
                         if (( (this.inputs.some(input => input.hasFocus())))) {
                             EventHelper.stop(e);
                             resolve({
@@ -153,11 +154,11 @@ class Dialog extends Disposable {
                         }
                         return;
                     }
-                    if (evt.equals(10 )) {
+                    if (evt.equals(KeyCode.Space)) {
                         return;
                     }
                     let eventHandled = false;
-                    if (evt.equals(2 ) || evt.equals(17 ) || evt.equals(1024  | 2 ) || evt.equals(15 )) {
+                    if (evt.equals(KeyCode.Tab) || evt.equals(KeyCode.RightArrow) || evt.equals(KeyMod$1.Shift | KeyCode.Tab) || evt.equals(KeyCode.LeftArrow)) {
                         const focusableElements = [];
                         let focusedIndex = -1;
                         if (this.messageContainer) {
@@ -189,7 +190,7 @@ class Dialog extends Disposable {
                                 }
                             }
                         }
-                        if (evt.equals(2 ) || evt.equals(17 )) {
+                        if (evt.equals(KeyCode.Tab) || evt.equals(KeyCode.RightArrow)) {
                             if (focusedIndex === -1) {
                                 focusedIndex = 0;
                             }
@@ -218,7 +219,7 @@ class Dialog extends Disposable {
                 this._register(addDisposableListener(window, 'keyup', e => {
                     EventHelper.stop(e, true);
                     const evt = ( (new StandardKeyboardEvent(e)));
-                    if (!this.options.disableCloseAction && evt.equals(9 )) {
+                    if (!this.options.disableCloseAction && evt.equals(KeyCode.Escape)) {
                         resolve({
                             button: this.options.cancelId || 0,
                             checkboxChecked: this.checkbox ? this.checkbox.checked : undefined

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

@@ -1,10 +1,12 @@
 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 { 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 './dropdown.css.js';
 class BaseDropdown extends ActionRunner {
     constructor(container, options) {
@@ -38,7 +40,7 @@ class BaseDropdown extends ActionRunner {
         }
         this._register(addDisposableListener(this._label, EventType.KEY_UP, e => {
             const event = ( new StandardKeyboardEvent(e));
-            if (event.equals(3 ) || event.equals(10 )) {
+            if (event.equals(KeyCode.Enter) || event.equals(KeyCode.Space)) {
                 EventHelper.stop(e, true);
                 if (this.visible) {
                     this.hide();
@@ -139,7 +141,7 @@ class DropdownMenu extends BaseDropdown {
             getMenuClassName: () => this._options.menuClassName || '',
             onHide: () => this.onHide(),
             actionRunner: this.menuOptions ? this.menuOptions.actionRunner : undefined,
-            anchorAlignment: this.menuOptions ? this.menuOptions.anchorAlignment : 0 ,
+            anchorAlignment: this.menuOptions ? this.menuOptions.anchorAlignment : AnchorAlignment.LEFT,
             domForShadowRoot: this._options.menuAsChild ? this.element : undefined,
             skipTelemetry: this._options.skipTelemetry
         });

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

@@ -7,6 +7,7 @@ import { Action } from '../../../common/actions.js';
 import { Codicon } from '../../../common/codicons.js';
 import { ThemeIcon } from '../../../common/themables.js';
 import { Emitter } from '../../../common/event.js';
+import { KeyCode } from '../../../common/keyCodes.js';
 import './dropdown.css.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
@@ -137,12 +138,12 @@ class ActionWithDropdownActionViewItem extends ActionViewItem {
                 }
                 const event = ( (new StandardKeyboardEvent(e)));
                 let handled = false;
-                if (this.dropdownMenuActionViewItem?.isFocused() && event.equals(15 )) {
+                if (this.dropdownMenuActionViewItem?.isFocused() && event.equals(KeyCode.LeftArrow)) {
                     handled = true;
                     this.dropdownMenuActionViewItem?.blur();
                     this.focus();
                 }
-                else if (this.isFocused() && event.equals(17 )) {
+                else if (this.isFocused() && event.equals(KeyCode.RightArrow)) {
                     handled = true;
                     this.blur();
                     this.dropdownMenuActionViewItem?.focus();

package/vscode/src/vs/base/browser/ui/findinput/findInput.js

@@ -3,6 +3,7 @@ import { RegexToggle, WholeWordsToggle, CaseSensitiveToggle } from './findInputT
 import { HistoryInputBox } from '../inputbox/inputBox.js';
 import { Widget } from '../widget.js';
 import { Emitter } from '../../../common/event.js';
+import { KeyCode } from '../../../common/keyCodes.js';
 import './findInput.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { MutableDisposable, DisposableStore } from '../../../common/lifecycle.js';
@@ -107,14 +108,14 @@ class FindInput extends Widget {
             }));
             const indexes = [this.caseSensitive.domNode, this.wholeWords.domNode, this.regex.domNode];
             this.onkeydown(this.domNode, (event) => {
-                if (event.equals(15 ) || event.equals(17 ) || event.equals(9 )) {
+                if (event.equals(KeyCode.LeftArrow) || event.equals(KeyCode.RightArrow) || event.equals(KeyCode.Escape)) {
                     const index = indexes.indexOf(this.domNode.ownerDocument.activeElement);
                     if (index >= 0) {
                         let newIndex = -1;
-                        if (event.equals(17 )) {
+                        if (event.equals(KeyCode.RightArrow)) {
                             newIndex = (index + 1) % indexes.length;
                         }
-                        else if (event.equals(15 )) {
+                        else if (event.equals(KeyCode.LeftArrow)) {
                             if (index === 0) {
                                 newIndex = indexes.length - 1;
                             }
@@ -122,7 +123,7 @@ class FindInput extends Widget {
                                 newIndex = index - 1;
                             }
                         }
-                        if (event.equals(9 )) {
+                        if (event.equals(KeyCode.Escape)) {
                             indexes[index].blur();
                             this.inputBox.focus();
                         }

package/vscode/src/vs/base/browser/ui/findinput/replaceInput.js

@@ -4,6 +4,7 @@ import { HistoryInputBox } from '../inputbox/inputBox.js';
 import { Widget } from '../widget.js';
 import { Codicon } from '../../../common/codicons.js';
 import { Emitter } from '../../../common/event.js';
+import { KeyCode } from '../../../common/keyCodes.js';
 import './findInput.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
@@ -90,14 +91,14 @@ class ReplaceInput extends Widget {
         }
         const indexes = [this.preserveCase.domNode];
         this.onkeydown(this.domNode, (event) => {
-            if (event.equals(15 ) || event.equals(17 ) || event.equals(9 )) {
+            if (event.equals(KeyCode.LeftArrow) || event.equals(KeyCode.RightArrow) || event.equals(KeyCode.Escape)) {
                 const index = indexes.indexOf(this.domNode.ownerDocument.activeElement);
                 if (index >= 0) {
                     let newIndex = -1;
-                    if (event.equals(17 )) {
+                    if (event.equals(KeyCode.RightArrow)) {
                         newIndex = (index + 1) % indexes.length;
                     }
-                    else if (event.equals(15 )) {
+                    else if (event.equals(KeyCode.LeftArrow)) {
                         if (index === 0) {
                             newIndex = indexes.length - 1;
                         }
@@ -105,7 +106,7 @@ class ReplaceInput extends Widget {
                             newIndex = index - 1;
                         }
                     }
-                    if (event.equals(9 )) {
+                    if (event.equals(KeyCode.Escape)) {
                         indexes[index].blur();
                         this.inputBox.focus();
                     }

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

@@ -34,6 +34,10 @@ interface IHoverDelegate2 {
      */
     showAndFocusLastHover(): void;
     setupUpdatableHover(hoverDelegate: IHoverDelegate, htmlElement: HTMLElement, content: IUpdatableHoverContentOrFactory, options?: IUpdatableHoverOptions): IUpdatableHover;
+    /**
+     * Shows the hover for the given element if one has been setup.
+     */
+    triggerUpdatableHover(htmlElement: HTMLElement): void;
 }
 interface IHoverWidget extends IDisposable {
     readonly isDisposed: boolean;
@@ -198,6 +202,7 @@ type IUpdatableHoverContentOrFactory = IUpdatableHoverContent | (() => IUpdatabl
 interface IUpdatableHoverOptions {
     actions?: IHoverAction[];
     linkHandler?(url: string): void;
+    trapFocus?: boolean;
 }
 interface IUpdatableHover extends IDisposable {
     /**

package/vscode/src/vs/base/browser/ui/hover/hoverDelegate2.js

@@ -3,6 +3,7 @@ let baseHoverDelegate = {
     hideHover: () => undefined,
     showAndFocusLastHover: () => undefined,
     setupUpdatableHover: () => null,
+    triggerUpdatableHover: () => undefined
 };
 function setBaseLayerHoverDelegate(hoverDelegate) {
     baseHoverDelegate = hoverDelegate;

package/vscode/src/vs/base/browser/ui/hover/hoverWidget.css.js

@@ -1,4 +1,4 @@
 import n from '../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-hover{animation:fadein .1s linear;box-sizing:border-box;cursor:default;line-height:1.5em;overflow:hidden;position:absolute;user-select:text;-webkit-user-select:text;white-space:var(--vscode-hover-whiteSpace,normal)}.monaco-hover.hidden{display:none}.monaco-hover a:hover:not(.disabled){cursor:pointer}.monaco-hover .hover-contents:not(.html-hover-contents){padding:4px 8px}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents){word-wrap:break-word;max-width:var(--vscode-hover-maxWidth,500px)}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents) hr{min-width:100%}.monaco-hover .code,.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6,.monaco-hover p,.monaco-hover ul{margin:8px 0}.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{line-height:1.1}.monaco-hover code{font-family:var(--monaco-monospace-font)}.monaco-hover hr{border-left:0;border-right:0;box-sizing:border-box;height:1px;margin:4px -8px -4px}.monaco-hover .code:first-child,.monaco-hover p:first-child,.monaco-hover ul:first-child{margin-top:0}.monaco-hover .code:last-child,.monaco-hover p:last-child,.monaco-hover ul:last-child{margin-bottom:0}.monaco-hover ol,.monaco-hover ul{padding-left:20px}.monaco-hover li>p{margin-bottom:0}.monaco-hover li>ul{margin-top:0}.monaco-hover code{border-radius:3px;padding:0 .4em}.monaco-hover .monaco-tokenized-source{white-space:var(--vscode-hover-sourceWhiteSpace,pre-wrap)}.monaco-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-hover .hover-row.status-bar .info{font-style:italic;padding:0 8px}.monaco-hover .hover-row.status-bar .actions{display:flex;padding:0 8px;width:100%}.monaco-hover .hover-row.status-bar .actions .action-container{cursor:pointer;margin-right:16px}.monaco-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px}.monaco-hover .markdown-hover .hover-contents .codicon{color:inherit;font-size:inherit;vertical-align:middle}.monaco-hover .hover-contents a.code-link,.monaco-hover .hover-contents a.code-link:hover{color:inherit}.monaco-hover .hover-contents a.code-link:before{content:\"(\"}.monaco-hover .hover-contents a.code-link:after{content:\")\"}.monaco-hover .hover-contents a.code-link>span{border-bottom:1px solid transparent;color:var(--vscode-textLink-foreground);text-decoration:underline;text-underline-position:under}.monaco-hover .hover-contents a.code-link>span:hover{color:var(--vscode-textLink-activeForeground)}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span{display:inline-block;margin-bottom:4px}.monaco-hover-content{box-sizing:border-box;padding-bottom:2px;padding-right:2px}.monaco-hover-content .action-container a{-webkit-user-select:none;user-select:none}.monaco-hover-content .action-container.disabled{cursor:default;opacity:.4;pointer-events:none}";
+var css = ".monaco-hover{animation:fadein .1s linear;box-sizing:border-box;cursor:default;line-height:1.5em;overflow:hidden;position:absolute;user-select:text;-webkit-user-select:text;white-space:var(--vscode-hover-whiteSpace,normal)}.monaco-hover.hidden{display:none}.monaco-hover a:hover:not(.disabled){cursor:pointer}.monaco-hover .hover-contents:not(.html-hover-contents){padding:4px 8px}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents){word-wrap:break-word;max-width:var(--vscode-hover-maxWidth,500px)}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents) hr{min-width:100%}.monaco-hover .code,.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6,.monaco-hover p,.monaco-hover ul{margin:8px 0}.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{line-height:1.1}.monaco-hover code{font-family:var(--monaco-monospace-font)}.monaco-hover hr{border-left:0;border-right:0;box-sizing:border-box;height:1px;margin:4px -8px -4px}.monaco-hover .code:first-child,.monaco-hover p:first-child,.monaco-hover ul:first-child{margin-top:0}.monaco-hover .code:last-child,.monaco-hover p:last-child,.monaco-hover ul:last-child{margin-bottom:0}.monaco-hover ol,.monaco-hover ul{padding-left:20px}.monaco-hover li>p{margin-bottom:0}.monaco-hover li>ul{margin-top:0}.monaco-hover code{border-radius:3px;padding:0 .4em}.monaco-hover .monaco-tokenized-source{white-space:var(--vscode-hover-sourceWhiteSpace,pre-wrap)}.monaco-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-hover .hover-row.status-bar .info{font-style:italic;padding:0 8px}.monaco-hover .hover-row.status-bar .actions{display:flex;padding:0 8px;width:100%}.monaco-hover .hover-row.status-bar .actions .action-container{cursor:pointer;margin-right:16px}.monaco-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px}.monaco-hover .markdown-hover .hover-contents .codicon{color:inherit;font-size:inherit;vertical-align:middle}.monaco-hover .hover-contents a.code-link,.monaco-hover .hover-contents a.code-link:hover{color:inherit}.monaco-hover .hover-contents a.code-link:before{content:\"(\"}.monaco-hover .hover-contents a.code-link:after{content:\")\"}.monaco-hover .hover-contents a.code-link>span{border-bottom:1px solid transparent;color:var(--vscode-textLink-foreground);text-decoration:underline;text-underline-position:under}.monaco-hover .hover-contents a.code-link>span:hover{color:var(--vscode-textLink-activeForeground)}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span{display:inline-block;margin-bottom:4px}.monaco-hover-content .action-container a{-webkit-user-select:none;user-select:none}.monaco-hover-content .action-container.disabled{cursor:default;opacity:.4;pointer-events:none}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/base/browser/ui/hover/hoverWidget.js

@@ -1,11 +1,19 @@
 import { append, addDisposableListener, EventType, $ as $$1 } from '../../dom.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { DomScrollableElement } from '../scrollbar/scrollableElement.js';
+import { KeyCode } from '../../../common/keyCodes.js';
 import { Disposable } from '../../../common/lifecycle.js';
 import './hoverWidget.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 const _moduleId = "vs/base/browser/ui/hover/hoverWidget";
 const $ = $$1;
+var HoverPosition;
+( ((function(HoverPosition) {
+    HoverPosition[HoverPosition["LEFT"] = 0] = "LEFT";
+    HoverPosition[HoverPosition["RIGHT"] = 1] = "RIGHT";
+    HoverPosition[HoverPosition["BELOW"] = 2] = "BELOW";
+    HoverPosition[HoverPosition["ABOVE"] = 3] = "ABOVE";
+})(HoverPosition || (HoverPosition = {}))));
 class HoverWidget extends Disposable {
     constructor() {
         super();
@@ -42,11 +50,7 @@ class HoverAction extends Disposable {
         const label = append(this.action, $('span'));
         label.textContent = keybindingLabel ? `${actionOptions.label} (${keybindingLabel})` : actionOptions.label;
         this._store.add(( (new ClickAction(this.actionContainer, actionOptions.run))));
-        this._store.add(( (new KeyDownAction(
-            this.actionContainer,
-            actionOptions.run,
-            [3 , 10 ]
-        ))));
+        this._store.add(( (new KeyDownAction(this.actionContainer, actionOptions.run, [KeyCode.Enter, KeyCode.Space]))));
         this.setEnabled(true);
     }
     setEnabled(enabled) {
@@ -90,4 +94,4 @@ class KeyDownAction extends Disposable {
         }));
     }
 }
-export { ClickAction, HoverAction, HoverWidget, KeyDownAction, getHoverAccessibleViewHint };
+export { ClickAction, HoverAction, HoverPosition, HoverWidget, KeyDownAction, getHoverAccessibleViewHint };

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

@@ -1,5 +1,5 @@
 import './iconlabel.css.js';
-import { append, $, after } from '../../dom.js';
+import { append, $, isHTMLElement, asCSSUrl, after } from '../../dom.js';
 import { HighlightedLabel } from '../highlightedlabel/highlightedLabel.js';
 import { Disposable } from '../../../common/lifecycle.js';
 import { equals } from '../../../common/objects.js';
@@ -85,6 +85,21 @@ class IconLabel extends Disposable {
                 }
             }
         }
+        const existingIconNode = this.domNode.element.querySelector('.monaco-icon-label-iconpath');
+        if (options?.iconPath) {
+            let iconNode;
+            if (!existingIconNode || !(isHTMLElement(existingIconNode))) {
+                iconNode = $('.monaco-icon-label-iconpath');
+                this.domNode.element.prepend(iconNode);
+            }
+            else {
+                iconNode = existingIconNode;
+            }
+            iconNode.style.backgroundImage = asCSSUrl(options?.iconPath);
+        }
+        else if (existingIconNode) {
+            existingIconNode.remove();
+        }
         this.domNode.className = labelClasses.join(' ');
         this.domNode.element.setAttribute('aria-label', ariaLabel);
         this.labelContainer.className = containerClasses.join(' ');

package/vscode/src/vs/base/browser/ui/iconLabel/iconlabel.css.js

@@ -1,4 +1,4 @@
 import n from '../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0;background-repeat:no-repeat;background-size:16px;display:inline-block;flex-shrink:0;height:22px;line-height:inherit!important;padding-right:6px;vertical-align:top;width:16px}.monaco-icon-label-container.disabled{color:var(--vscode-disabledForeground)}.monaco-icon-label>.monaco-icon-label-container{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name>.label-separator{margin:0 2px;opacity:.5}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix{opacity:.7;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-size:.9em;margin-left:.5em;opacity:.7;white-space:pre}.monaco-icon-label.nowrap>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{white-space:nowrap}.vs .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.95}.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{font-style:italic}.monaco-icon-label.deprecated{opacity:.66;text-decoration:line-through}.monaco-icon-label.italic:after{font-style:italic}.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{text-decoration:line-through}.monaco-icon-label:after{font-size:90%;font-weight:600;margin:auto 16px 0 5px;opacity:.75;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description{opacity:.8}";
+var css = ".monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0;background-repeat:no-repeat;background-size:16px;display:inline-block;flex-shrink:0;height:22px;line-height:inherit!important;padding-right:6px;vertical-align:top;width:16px}.monaco-icon-label-iconpath{display:flex;height:16px;margin-top:2px;padding-left:2px;width:16px}.monaco-icon-label-container.disabled{color:var(--vscode-disabledForeground)}.monaco-icon-label>.monaco-icon-label-container{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name>.label-separator{margin:0 2px;opacity:.5}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix{opacity:.7;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-size:.9em;margin-left:.5em;opacity:.7;white-space:pre}.monaco-icon-label.nowrap>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{white-space:nowrap}.vs .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.95}.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{font-style:italic}.monaco-icon-label.deprecated{opacity:.66;text-decoration:line-through}.monaco-icon-label.italic:after{font-style:italic}.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{text-decoration:line-through}.monaco-icon-label:after{font-size:90%;font-weight:600;margin:auto 16px 0 5px;opacity:.75;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description{opacity:.8}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/base/browser/ui/icons/iconSelectBox.js

@@ -7,6 +7,7 @@ import { Emitter } from '../../../common/event.js';
 import { Disposable, MutableDisposable, DisposableStore } from '../../../common/lifecycle.js';
 import { ThemeIcon } from '../../../common/themables.js';
 import { localizeWithPath } from '../../../../nls.js';
+import { ScrollbarVisibility } from '../../../common/scrollable.js';
 import { HighlightedLabel } from '../highlightedlabel/highlightedLabel.js';
 const _moduleId = "vs/base/browser/ui/icons/iconSelectBox";
 class IconSelectBox extends Disposable {
@@ -40,7 +41,7 @@ class IconSelectBox extends Disposable {
         iconsContainer.tabIndex = 0;
         this.scrollableElement = disposables.add(( (new DomScrollableElement(iconsContainer, {
             useShadows: false,
-            horizontal: 2 ,
+            horizontal: ScrollbarVisibility.Hidden,
         }))));
         append(iconSelectBoxContainer, this.scrollableElement.getDomNode());
         if (this.options.showIconInfo) {

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

@@ -3,6 +3,7 @@ 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 { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { ScrollableElement } from '../scrollbar/scrollableElement.js';
@@ -10,10 +11,17 @@ import { Widget } from '../widget.js';
 import { Emitter, Event } from '../../../common/event.js';
 import { HistoryNavigator } from '../../../common/history.js';
 import { equals } from '../../../common/objects.js';
+import { ScrollbarVisibility } from '../../../common/scrollable.js';
 import './inputBox.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 const _moduleId = "vs/base/browser/ui/inputbox/inputBox";
 const $ = $$1;
+var MessageType;
+( ((function(MessageType) {
+    MessageType[MessageType["INFO"] = 1] = "INFO";
+    MessageType[MessageType["WARNING"] = 2] = "WARNING";
+    MessageType[MessageType["ERROR"] = 3] = "ERROR";
+})(MessageType || (MessageType = {}))));
 const unthemedInboxStyles = {
     inputBackground: '#3C3C3C',
     inputForeground: '#CCCCCC',
@@ -59,7 +67,7 @@ class InputBox extends Widget {
             this.maxHeight = typeof this.options.flexibleMaxHeight === 'number' ? this.options.flexibleMaxHeight : Number.POSITIVE_INFINITY;
             this.mirror = append(wrapper, $('div.mirror'));
             this.mirror.innerText = '\u00a0';
-            this.scrollableElement = ( (new ScrollableElement(this.element, { vertical: 1  })));
+            this.scrollableElement = ( (new ScrollableElement(this.element, { vertical: ScrollbarVisibility.Auto })));
             if (this.options.flexibleWidth) {
                 this.input.setAttribute('wrap', 'off');
                 this.mirror.style.whiteSpace = 'pre';
@@ -291,15 +299,15 @@ class InputBox extends Widget {
     stylesForType(type) {
         const styles = this.options.inputBoxStyles;
         switch (type) {
-            case 1 : return { border: styles.inputValidationInfoBorder, background: styles.inputValidationInfoBackground, foreground: styles.inputValidationInfoForeground };
-            case 2 : return { border: styles.inputValidationWarningBorder, background: styles.inputValidationWarningBackground, foreground: styles.inputValidationWarningForeground };
+            case MessageType.INFO: return { border: styles.inputValidationInfoBorder, background: styles.inputValidationInfoBackground, foreground: styles.inputValidationInfoForeground };
+            case MessageType.WARNING: return { border: styles.inputValidationWarningBorder, background: styles.inputValidationWarningBackground, foreground: styles.inputValidationWarningForeground };
             default: return { border: styles.inputValidationErrorBorder, background: styles.inputValidationErrorBackground, foreground: styles.inputValidationErrorForeground };
         }
     }
     classForType(type) {
         switch (type) {
-            case 1 : return 'info';
-            case 2 : return 'warning';
+            case MessageType.INFO: return 'info';
+            case MessageType.WARNING: return 'warning';
             default: return 'error';
         }
     }
@@ -311,7 +319,7 @@ class InputBox extends Widget {
         const layout = () => div.style.width = getTotalWidth(this.element) + 'px';
         this.contextViewProvider.showContextView({
             getAnchor: () => this.element,
-            anchorAlignment: 1 ,
+            anchorAlignment: AnchorAlignment.RIGHT,
             render: (container) => {
                 if (!this.message) {
                     return null;
@@ -339,10 +347,10 @@ class InputBox extends Widget {
             layout: layout
         });
         let alertText;
-        if (this.message.type === 3 ) {
+        if (this.message.type === MessageType.ERROR) {
             alertText = ( localizeWithPath(_moduleId, 0, "Error: {0}", this.message.content));
         }
-        else if (this.message.type === 2 ) {
+        else if (this.message.type === MessageType.WARNING) {
             alertText = ( localizeWithPath(_moduleId, 1, "Warning: {0}", this.message.content));
         }
         else {
@@ -567,4 +575,4 @@ class HistoryInputBox extends InputBox {
         return this.history.next();
     }
 }
-export { HistoryInputBox, InputBox, unthemedInboxStyles };
+export { HistoryInputBox, InputBox, MessageType, unthemedInboxStyles };

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

@@ -1,3 +1,14 @@
+var ListDragOverEffectType;
+( (function(ListDragOverEffectType) {
+    ListDragOverEffectType[ListDragOverEffectType["Copy"] = 0] = "Copy";
+    ListDragOverEffectType[ListDragOverEffectType["Move"] = 1] = "Move";
+})(ListDragOverEffectType || (ListDragOverEffectType = {})));
+var ListDragOverEffectPosition;
+( (function(ListDragOverEffectPosition) {
+    ListDragOverEffectPosition["Over"] = "drop-target";
+    ListDragOverEffectPosition["Before"] = "drop-target-before";
+    ListDragOverEffectPosition["After"] = "drop-target-after";
+})(ListDragOverEffectPosition || (ListDragOverEffectPosition = {})));
 class ListError extends Error {
     constructor(user, message) {
         super(`ListError [${user}] ${message}`);
@@ -16,4 +27,4 @@ class CachedListVirtualDelegate {
         }
     }
 }
-export { CachedListVirtualDelegate, ListError };
+export { CachedListVirtualDelegate, ListDragOverEffectPosition, ListDragOverEffectType, ListError };