@codingame/monaco-vscode-api 36.2.7 → 37.0.0

package/vscode/src/vs/base/browser/ui/findinput/findInput.d.ts

@@ -32,6 +32,9 @@ export interface IFindInputOptions {
     readonly hoverLifecycleOptions?: IHoverLifecycleOptions;
     readonly hideHoverOnValueChange?: boolean;
 }
+export interface IFindInputEvent {
+    readonly fromCompositionEnd: boolean;
+}
 export declare class FindInput extends Widget {
     static readonly OPTION_CHANGE: string;
     private placeholder;
@@ -55,7 +58,7 @@ export declare class FindInput extends Widget {
     private readonly _onMouseDown;
     get onMouseDown(): Event<IMouseEvent>;
     private readonly _onInput;
-    get onInput(): Event<void>;
+    get onInput(): Event<IFindInputEvent>;
     private readonly _onKeyUp;
     get onKeyUp(): Event<IKeyboardEvent>;
     private _onCaseSensitiveKeyDown;

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

@@ -1,11 +1,10 @@
 
 import { registerCss } from '../../../../../../../css.js';
-import { createElement, getActiveElement, EventHelper, addDisposableListener } from '../../dom.js';
-import { RegexToggle, WholeWordsToggle, CaseSensitiveToggle } from './findInputToggles.js';
+import { createElement, addDisposableListener } from '../../dom.js';
+import { RegexToggle, WholeWordsToggle, CaseSensitiveToggle, navigateToggles } from './findInputToggles.js';
 import { HistoryInputBox } from '../inputbox/inputBox.js';
 import { Widget } from '../widget.js';
 import { Emitter } from '../../../common/event.js';
-import { KeyCode } from '../../../common/keyCodes.js';
 import * as findInput from './findInput.css';
 import { localize } from '../../../../nls.js';
 import { MutableDisposable, DisposableStore } from '../../../common/lifecycle.js';
@@ -129,29 +128,12 @@ class FindInput extends Widget {
                 this._onCaseSensitiveKeyDown.fire(e);
             }));
             this.onkeydown(this.domNode, event => {
-                if (event.equals(KeyCode.LeftArrow) || event.equals(KeyCode.RightArrow) || event.equals(KeyCode.Escape)) {
-                    const indexes = this.getToggleDomNodes();
-                    const index = indexes.indexOf(getActiveElement(this.domNode.ownerDocument));
-                    if (index >= 0) {
-                        let newIndex = -1;
-                        if (event.equals(KeyCode.RightArrow)) {
-                            newIndex = (index + 1) % indexes.length;
-                        } else if (event.equals(KeyCode.LeftArrow)) {
-                            if (index === 0) {
-                                newIndex = indexes.length - 1;
-                            } else {
-                                newIndex = index - 1;
-                            }
-                        }
-                        if (event.equals(KeyCode.Escape)) {
-                            indexes[index].blur();
-                            this.inputBox.focus();
-                        } else if (newIndex >= 0) {
-                            indexes[newIndex].focus();
-                        }
-                        EventHelper.stop(event, true);
-                    }
-                }
+                navigateToggles(
+                    event,
+                    this.domNode,
+                    () => this.getToggleDomNodes(),
+                    () => this.inputBox.focus()
+                );
             });
         }
         this.controls = createElement("div");
@@ -179,12 +161,16 @@ class FindInput extends Widget {
         this._register(
             addDisposableListener(this.inputBox.inputElement, "compositionend", e => {
                 this.imeSessionInProgress = false;
-                this._onInput.fire();
+                this._onInput.fire({
+                    fromCompositionEnd: true
+                });
             })
         );
         this.onkeydown(this.inputBox.inputElement, e => this._onKeyDown.fire(e));
         this.onkeyup(this.inputBox.inputElement, e => this._onKeyUp.fire(e));
-        this.oninput(this.inputBox.inputElement, e => this._onInput.fire());
+        this.oninput(this.inputBox.inputElement, e => this._onInput.fire({
+            fromCompositionEnd: false
+        }));
         this.onmousedown(this.inputBox.inputElement, e => this._onMouseDown.fire(e));
     }
     get isImeSessionInProgress() {

package/vscode/src/vs/base/browser/ui/findinput/findInputToggles.d.ts

@@ -1,3 +1,4 @@
+import { IKeyboardEvent } from "../../keyboardEvent.js";
 import { Toggle } from "../toggle/toggle.js";
 import { type IHoverLifecycleOptions } from "../hover/hover.js";
 export interface IFindInputToggleOpts {
@@ -8,6 +9,14 @@ export interface IFindInputToggleOpts {
     readonly inputActiveOptionBackground: string | undefined;
     readonly hoverLifecycleOptions?: IHoverLifecycleOptions;
 }
+/**
+ * Arrow-Key support to navigate between the toggles of a find input, with
+ * `Escape` moving focus back to the input box.
+ *
+ * The toggles are resolved through a callback because they are only needed
+ * once one of the handled keys is pressed.
+ */
+export declare function navigateToggles(event: IKeyboardEvent, domNode: HTMLElement, getToggleDomNodes: () => HTMLElement[], focusInput: () => void): void;
 export declare class CaseSensitiveToggle extends Toggle {
     constructor(opts: IFindInputToggleOpts);
 }

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

@@ -1,8 +1,35 @@
 
+import { getActiveElement, EventHelper } from '../../dom.js';
 import { Toggle } from '../toggle/toggle.js';
 import { Codicon } from '../../../common/codicons.js';
+import { KeyCode } from '../../../common/keyCodes.js';
 import { localize } from '../../../../nls.js';
 
+function navigateToggles(event, domNode, getToggleDomNodes, focusInput) {
+    if (event.equals(KeyCode.LeftArrow) || event.equals(KeyCode.RightArrow) || event.equals(KeyCode.Escape)) {
+        const indexes = getToggleDomNodes();
+        const index = indexes.indexOf(getActiveElement(domNode.ownerDocument));
+        if (index >= 0) {
+            let newIndex = -1;
+            if (event.equals(KeyCode.RightArrow)) {
+                newIndex = (index + 1) % indexes.length;
+            } else if (event.equals(KeyCode.LeftArrow)) {
+                if (index === 0) {
+                    newIndex = indexes.length - 1;
+                } else {
+                    newIndex = index - 1;
+                }
+            }
+            if (event.equals(KeyCode.Escape)) {
+                indexes[index].blur();
+                focusInput();
+            } else if (newIndex >= 0) {
+                indexes[newIndex].focus();
+            }
+            EventHelper.stop(event, true);
+        }
+    }
+}
 const NLS_CASE_SENSITIVE_TOGGLE_LABEL = ( localize(11, "Match Case"));
 const NLS_WHOLE_WORD_TOGGLE_LABEL = ( localize(12, "Match Whole Word"));
 const NLS_REGEX_TOGGLE_LABEL = ( localize(13, "Use Regular Expression"));
@@ -46,4 +73,4 @@ class RegexToggle extends Toggle {
     }
 }
 
-export { CaseSensitiveToggle, RegexToggle, WholeWordsToggle };
+export { CaseSensitiveToggle, RegexToggle, WholeWordsToggle, navigateToggles };

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

@@ -1,14 +1,14 @@
 
 import { registerCss } from '../../../../../../../css.js';
-import { createElement, getActiveElement, EventHelper } from '../../dom.js';
 import { Toggle } from '../toggle/toggle.js';
+import { navigateToggles } from './findInputToggles.js';
 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 * as findInput from './findInput.css';
 import { localize } from '../../../../nls.js';
+import { createElement } from '../../dom.js';
 
 registerCss(findInput);
 const NLS_DEFAULT_LABEL = ( localize(14, "input"));
@@ -107,28 +107,7 @@ class ReplaceInput extends Widget {
         }
         const indexes = [this.preserveCase.domNode];
         this.onkeydown(this.domNode, event => {
-            if (event.equals(KeyCode.LeftArrow) || event.equals(KeyCode.RightArrow) || event.equals(KeyCode.Escape)) {
-                const index = indexes.indexOf(getActiveElement(this.domNode.ownerDocument));
-                if (index >= 0) {
-                    let newIndex = -1;
-                    if (event.equals(KeyCode.RightArrow)) {
-                        newIndex = (index + 1) % indexes.length;
-                    } else if (event.equals(KeyCode.LeftArrow)) {
-                        if (index === 0) {
-                            newIndex = indexes.length - 1;
-                        } else {
-                            newIndex = index - 1;
-                        }
-                    }
-                    if (event.equals(KeyCode.Escape)) {
-                        indexes[index].blur();
-                        this.inputBox.focus();
-                    } else if (newIndex >= 0) {
-                        indexes[newIndex].focus();
-                    }
-                    EventHelper.stop(event, true);
-                }
-            }
+            navigateToggles(event, this.domNode, () => indexes, () => this.inputBox.focus());
         });
         const controls = createElement("div");
         controls.className = "controls";

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

@@ -287,8 +287,7 @@ export declare class Grid<T extends IView = IView> extends Disposable {
      */
     expandView(view: T): void;
     /**
-     * Distribute the size among all {@link IView views} within the entire
-     * grid or within a single {@link SplitView}.
+     * Distribute the size among all {@link IView views} within the entire grid.
      */
     distributeViewSizes(): void;
     /**
@@ -301,8 +300,9 @@ export declare class Grid<T extends IView = IView> extends Disposable {
      * Set the visibility state of a {@link IView view}.
      *
      * @param view The {@link IView view}.
+     * @param sizing Whether to redistribute the containing {@link SplitView} after revealing the view.
      */
-    setViewVisible(view: T, visible: boolean): void;
+    setViewVisible(view: T, visible: boolean, sizing?: DistributeSizing): void;
     /**
      * Returns a descriptor for the entire grid.
      */

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

@@ -342,9 +342,13 @@ class Grid extends Disposable {
         const location = this.getViewLocation(view);
         return this.gridview.isViewVisible(location);
     }
-    setViewVisible(view, visible) {
+    setViewVisible(view, visible, sizing) {
         const location = this.getViewLocation(view);
         this.gridview.setViewVisible(location, visible);
+        if (visible && sizing?.type === "distribute") {
+            const parentLocation = location.length > 0 ? tail(location)[0] : undefined;
+            this.gridview.distributeViewSizes(parentLocation);
+        }
     }
     getViews() {
         return this.gridview.getView();

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

@@ -2,6 +2,7 @@ import type { IHoverDelegate } from "./hoverDelegate.js";
 import type { HoverPosition } from "./hoverWidget.js";
 import type { CancellationToken } from "../../../common/cancellation.js";
 import type { IMarkdownString } from "../../../common/htmlContent.js";
+import type { AnchorAlignment } from "../../../common/layout.js";
 import type { IDisposable } from "../../../common/lifecycle.js";
 /**
  * Enables the convenient display of rich markdown-based hovers in the workbench.
@@ -245,6 +246,10 @@ export interface IHoverPositionOptions {
      * forcePosition option is set.
      */
     hoverPosition?: HoverPosition | MouseEvent;
+    /**
+     * Horizontal alignment of the hover relative to the target when positioned above or below it.
+     */
+    anchorAlignment?: AnchorAlignment;
     /**
      * Force the hover position, reducing the size of the hover instead of adjusting the hover
      * position.
@@ -355,6 +360,7 @@ export type IManagedHoverContent = string | IManagedHoverTooltipMarkdownString |
 export type IManagedHoverContentOrFactory = IManagedHoverContent | (() => IManagedHoverContent);
 export interface IManagedHoverOptions extends Pick<IHoverOptions, "actions" | "linkHandler" | "trapFocus"> {
     appearance?: Pick<IHoverAppearanceOptions, "showHoverHint">;
+    position?: Pick<IHoverPositionOptions, "anchorAlignment">;
 }
 export interface IManagedHover extends IDisposable {
     /**

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

@@ -1,4 +1,4 @@
-import type { IHoverWidget, IManagedHoverContentOrFactory, IManagedHoverOptions } from "./hover.js";
+import type { IHoverPositionOptions, IHoverWidget, IManagedHoverContentOrFactory, IManagedHoverOptions } from "./hover.js";
 import { HoverPosition } from "./hoverWidget.js";
 import { IMarkdownString } from "../../../common/htmlContent.js";
 import { IDisposable } from "../../../common/lifecycle.js";
@@ -29,12 +29,7 @@ export interface IHoverDelegateOptions extends IManagedHoverOptions {
     /**
      * Options that defines where the hover is positioned.
      */
-    position?: {
-        /**
-         * Position of the hover. The default is to show above the target. This option will be ignored
-         * if there is not enough room to layout the hover in the specified position, unless the
-         * forcePosition option is set.
-         */
+    position?: Pick<IHoverPositionOptions, "anchorAlignment"> & {
         hoverPosition?: HoverPosition;
     };
     appearance?: {

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

@@ -113,7 +113,7 @@
 	color: inherit !important;
 }
 
-.monaco-list-row.focused.selected .label-description,
-.monaco-list-row.selected .label-description {
-	opacity: .8;
+.monaco-list-row.focused .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description,
+.monaco-list-row.selected .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
+	opacity: 1;
 }

package/vscode/src/vs/base/browser/ui/inputbox/inputBox.d.ts

@@ -74,6 +74,7 @@ export declare class InputBox extends Widget {
     private maxHeight;
     private scrollableElement;
     private readonly hover;
+    private readonly messageResizeObserver;
     private _onDidChange;
     get onDidChange(): Event<string>;
     private _onDidHeightChange;
@@ -119,6 +120,12 @@ export declare class InputBox extends Widget {
     private classForType;
     private _showMessage;
     private _hideMessage;
+    /**
+     * Keeps the validation message sized and anchored to the input while the
+     * message is showing and the input itself is resized, e.g. because the
+     * containing view was resized.
+     */
+    private observeElementResize;
     private layoutMessage;
     private onValueChange;
     private updateMirror;

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

@@ -1,6 +1,6 @@
 
 import { registerCss } from '../../../../../../../css.js';
-import { $ as $$1, append, isShadowRoot, getTotalHeight, isActiveElement, getTotalWidth } from '../../dom.js';
+import { $ as $$1, append, isShadowRoot, getTotalHeight, isActiveElement, getTotalWidth, DisposableResizeObserver, getWindow } from '../../dom.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
 import { DomEmitter } from '../../event.js';
 import { renderFormattedText, renderText } from '../../formattedTextRenderer.js';
@@ -54,6 +54,7 @@ class InputBox extends Widget {
         this.state = "idle";
         this.maxHeight = Number.POSITIVE_INFINITY;
         this.hover = this._register(( new MutableDisposable()));
+        this.messageResizeObserver = this._register(( new MutableDisposable()));
         this._onDidChange = this._register(( new Emitter()));
         this._onDidHeightChange = this._register(( new Emitter()));
         this.contextViewProvider = contextViewProvider;
@@ -406,9 +407,11 @@ class InputBox extends Widget {
             },
             onHide: () => {
                 this.state = "closed";
+                this.messageResizeObserver.clear();
             },
             layout: layout
         });
+        this.observeElementResize();
         let alertText;
         if (this.message.type === MessageType.ERROR) {
             alertText = ( localize(20, "Error: {0}", this.message.content));
@@ -427,8 +430,18 @@ class InputBox extends Widget {
         if (this.state === "open") {
             this.contextViewProvider.hideContextView();
         }
+        this.messageResizeObserver.clear();
         this.state = "idle";
     }
+    observeElementResize() {
+        const observer = new DisposableResizeObserver("InputBox.validationMessage", () => {
+            if (this.element.isConnected && getTotalWidth(this.element) > 0) {
+                this.layoutMessage();
+            }
+        }, getWindow(this.element));
+        observer.observe(this.element);
+        this.messageResizeObserver.value = observer;
+    }
     layoutMessage() {
         if (this.state === "open" && this.contextViewProvider) {
             this.contextViewProvider.layout();

package/vscode/src/vs/base/browser/ui/list/listView.d.ts

@@ -161,6 +161,7 @@ export declare class ListView<T> implements IListView<T> {
     private paddingBottom;
     private accessibilityProvider;
     private scrollWidth;
+    private readonly disposables;
     private dnd;
     private canDrop;
     private currentDragData;
@@ -168,10 +169,10 @@ export declare class ListView<T> implements IListView<T> {
     private currentDragFeedbackPosition;
     private currentDragFeedbackDisposable;
     private onDragLeaveTimeout;
-    private currentSelectionDisposable;
+    private readonly currentSelectionDisposable;
+    private readonly currentSelectionMovementDisposable;
     private currentSelectionBounds;
     private activeElement;
-    private readonly disposables;
     private readonly _onDidChangeContentHeight;
     private readonly _onDidChangeContentWidth;
     readonly onDidChangeContentHeight: Event<number>;
@@ -215,7 +216,7 @@ export declare class ListView<T> implements IListView<T> {
     layout(height?: number, width?: number): void;
     protected render(previousRenderRange: IRange, renderTop: number, renderHeight: number, renderLeft: number | undefined, scrollWidth: number | undefined, updateItemsInDOM?: boolean, onScroll?: boolean): void;
     private insertItemInDOM;
-    private measureItemWidth;
+    private measureItemWidths;
     private updateItemInDOM;
     private removeItemFromDOM;
     getScrollTop(): number;
@@ -244,6 +245,7 @@ export declare class ListView<T> implements IListView<T> {
     private onTouchChange;
     private onDragStart;
     private onPotentialSelectionStart;
+    private createSelectionMovementStore;
     private getIndexOfListElement;
     private onDragOver;
     private onDragLeave;
@@ -264,6 +266,10 @@ export declare class ListView<T> implements IListView<T> {
     protected _rerender(renderTop: number, renderHeight: number, inSmoothScrolling?: boolean): void;
     private probeDynamicHeight;
     private probeDynamicHeightForItem;
+    private probeDynamicHeights;
+    private disposeDynamicHeightMeasurements;
+    private probeDynamicHeightFromDelegate;
+    private shouldProbeDynamicHeight;
     private publishDynamicHeight;
     getElementDomId(index: number): string;
     dispose(): void;