@codingame/monaco-vscode-api 4.5.0 → 4.5.2

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

@@ -12,6 +12,7 @@ import { Disposable } from '../../../common/lifecycle.js';
 import { isMacintosh, isLinux, isWindows } from '../../../common/platform.js';
 import './dialog.css.js';
 import { localizeWithPath } from '../../../../nls.js';
+const _moduleId = "vs/base/browser/ui/dialog/dialog";
 class Dialog extends Disposable {
     constructor(container, message, buttons, options) {
         super();
@@ -29,7 +30,7 @@ class Dialog extends Disposable {
             this.buttons = buttons;
         }
         else if (!this.options.disableDefaultAction) {
-            this.buttons = [( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'ok', "OK"))];
+            this.buttons = [( localizeWithPath(_moduleId, 0, "OK"))];
         }
         else {
             this.buttons = [];
@@ -60,29 +61,29 @@ class Dialog extends Disposable {
             }
         }
         if (this.options.inputs) {
-            this.inputs = ( this.options.inputs.map(input => {
+            this.inputs = ( (this.options.inputs.map(input => {
                 const inputRowElement = this.messageContainer.appendChild($('.dialog-message-input'));
-                const inputBox = this._register(( new InputBox(inputRowElement, undefined, {
+                const inputBox = this._register(( (new InputBox(inputRowElement, undefined, {
                     placeholder: input.placeholder,
                     type: input.type ?? 'text',
                     inputBoxStyles: options.inputBoxStyles
-                })));
+                }))));
                 if (input.value) {
                     inputBox.value = input.value;
                 }
                 return inputBox;
-            }));
+            })));
         }
         else {
             this.inputs = [];
         }
         if (this.options.checkboxLabel) {
             const checkboxRowElement = this.messageContainer.appendChild($('.dialog-checkbox-row'));
-            const checkbox = this.checkbox = this._register(( new Checkbox(
+            const checkbox = this.checkbox = this._register(( (new Checkbox(
                 this.options.checkboxLabel,
                 !!this.options.checkboxChecked,
                 options.checkboxStyles
-            )));
+            ))));
             checkboxRowElement.appendChild(checkbox.domNode);
             const checkboxMessageElement = checkboxRowElement.appendChild($('.dialog-checkbox-message'));
             checkboxMessageElement.innerText = this.options.checkboxLabel;
@@ -93,16 +94,16 @@ class Dialog extends Disposable {
         this.applyStyles();
     }
     getIconAriaLabel() {
-        let typeLabel = ( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'dialogInfoMessage', 'Info'));
+        let typeLabel = ( localizeWithPath(_moduleId, 1, 'Info'));
         switch (this.options.type) {
             case 'error':
-                typeLabel = ( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'dialogErrorMessage', 'Error'));
+                typeLabel = ( localizeWithPath(_moduleId, 2, 'Error'));
                 break;
             case 'warning':
-                typeLabel = ( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'dialogWarningMessage', 'Warning'));
+                typeLabel = ( localizeWithPath(_moduleId, 3, 'Warning'));
                 break;
             case 'pending':
-                typeLabel = ( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'dialogPendingMessage', 'In Progress'));
+                typeLabel = ( localizeWithPath(_moduleId, 4, 'In Progress'));
                 break;
         }
         return typeLabel;
@@ -112,181 +113,183 @@ class Dialog extends Disposable {
     }
     async show() {
         this.focusToReturn = this.container.ownerDocument.activeElement;
-        return ( new Promise((resolve) => {
-            clearNode(this.buttonsContainer);
-            const buttonBar = this.buttonBar = this._register(( new ButtonBar(this.buttonsContainer)));
-            const buttonMap = this.rearrangeButtons(this.buttons, this.options.cancelId);
-            buttonMap.forEach((entry, index) => {
-                const primary = buttonMap[index].index === 0;
-                const button = this.options.buttonDetails ? this._register(buttonBar.addButtonWithDescription({ title: true, secondary: !primary, ...this.buttonStyles })) : this._register(buttonBar.addButton({ title: true, secondary: !primary, ...this.buttonStyles }));
-                button.label = mnemonicButtonLabel(buttonMap[index].label, true);
-                if (button instanceof ButtonWithDescription) {
-                    button.description = this.options.buttonDetails[buttonMap[index].index];
-                }
-                this._register(button.onDidClick(e => {
-                    if (e) {
-                        EventHelper.stop(e);
+        return (
+             (new Promise((resolve) => {
+                clearNode(this.buttonsContainer);
+                const buttonBar = this.buttonBar = this._register(( (new ButtonBar(this.buttonsContainer))));
+                const buttonMap = this.rearrangeButtons(this.buttons, this.options.cancelId);
+                buttonMap.forEach((entry, index) => {
+                    const primary = buttonMap[index].index === 0;
+                    const button = this.options.buttonDetails ? this._register(buttonBar.addButtonWithDescription({ title: true, secondary: !primary, ...this.buttonStyles })) : this._register(buttonBar.addButton({ title: true, secondary: !primary, ...this.buttonStyles }));
+                    button.label = mnemonicButtonLabel(buttonMap[index].label, true);
+                    if (button instanceof ButtonWithDescription) {
+                        button.description = this.options.buttonDetails[buttonMap[index].index];
                     }
-                    resolve({
-                        button: buttonMap[index].index,
-                        checkboxChecked: this.checkbox ? this.checkbox.checked : undefined,
-                        values: this.inputs.length > 0 ? ( this.inputs.map(input => input.value)) : undefined
-                    });
-                }));
-            });
-            const window = getWindow(this.container);
-            this._register(addDisposableListener(window, 'keydown', e => {
-                const evt = ( new StandardKeyboardEvent(e));
-                if (evt.equals(512 )) {
-                    evt.preventDefault();
-                }
-                if (evt.equals(3 )) {
-                    if (( this.inputs.some(input => input.hasFocus()))) {
-                        EventHelper.stop(e);
+                    this._register(button.onDidClick(e => {
+                        if (e) {
+                            EventHelper.stop(e);
+                        }
                         resolve({
-                            button: buttonMap.find(button => button.index !== this.options.cancelId)?.index ?? 0,
+                            button: buttonMap[index].index,
                             checkboxChecked: this.checkbox ? this.checkbox.checked : undefined,
-                            values: this.inputs.length > 0 ? ( this.inputs.map(input => input.value)) : undefined
+                            values: this.inputs.length > 0 ? ( (this.inputs.map(input => input.value))) : undefined
                         });
+                    }));
+                });
+                const window = getWindow(this.container);
+                this._register(addDisposableListener(window, 'keydown', e => {
+                    const evt = ( (new StandardKeyboardEvent(e)));
+                    if (evt.equals(512 )) {
+                        evt.preventDefault();
                     }
-                    return;
-                }
-                if (evt.equals(10 )) {
-                    return;
-                }
-                let eventHandled = false;
-                if (evt.equals(2 ) || evt.equals(17 ) || evt.equals(1024  | 2 ) || evt.equals(15 )) {
-                    const focusableElements = [];
-                    let focusedIndex = -1;
-                    if (this.messageContainer) {
-                        const links = this.messageContainer.querySelectorAll('a');
-                        for (const link of links) {
-                            focusableElements.push(link);
-                            if (isActiveElement(link)) {
-                                focusedIndex = focusableElements.length - 1;
-                            }
+                    if (evt.equals(3 )) {
+                        if (( (this.inputs.some(input => input.hasFocus())))) {
+                            EventHelper.stop(e);
+                            resolve({
+                                button: buttonMap.find(button => button.index !== this.options.cancelId)?.index ?? 0,
+                                checkboxChecked: this.checkbox ? this.checkbox.checked : undefined,
+                                values: this.inputs.length > 0 ? ( (this.inputs.map(input => input.value))) : undefined
+                            });
                         }
+                        return;
                     }
-                    for (const input of this.inputs) {
-                        focusableElements.push(input);
-                        if (input.hasFocus()) {
-                            focusedIndex = focusableElements.length - 1;
-                        }
+                    if (evt.equals(10 )) {
+                        return;
                     }
-                    if (this.checkbox) {
-                        focusableElements.push(this.checkbox);
-                        if (this.checkbox.hasFocus()) {
-                            focusedIndex = focusableElements.length - 1;
+                    let eventHandled = false;
+                    if (evt.equals(2 ) || evt.equals(17 ) || evt.equals(1024  | 2 ) || evt.equals(15 )) {
+                        const focusableElements = [];
+                        let focusedIndex = -1;
+                        if (this.messageContainer) {
+                            const links = this.messageContainer.querySelectorAll('a');
+                            for (const link of links) {
+                                focusableElements.push(link);
+                                if (isActiveElement(link)) {
+                                    focusedIndex = focusableElements.length - 1;
+                                }
+                            }
                         }
-                    }
-                    if (this.buttonBar) {
-                        for (const button of this.buttonBar.buttons) {
-                            focusableElements.push(button);
-                            if (button.hasFocus()) {
+                        for (const input of this.inputs) {
+                            focusableElements.push(input);
+                            if (input.hasFocus()) {
                                 focusedIndex = focusableElements.length - 1;
                             }
                         }
-                    }
-                    if (evt.equals(2 ) || evt.equals(17 )) {
-                        if (focusedIndex === -1) {
-                            focusedIndex = 0;
+                        if (this.checkbox) {
+                            focusableElements.push(this.checkbox);
+                            if (this.checkbox.hasFocus()) {
+                                focusedIndex = focusableElements.length - 1;
+                            }
                         }
-                        const newFocusedIndex = (focusedIndex + 1) % focusableElements.length;
-                        focusableElements[newFocusedIndex].focus();
-                    }
-                    else {
-                        if (focusedIndex === -1) {
-                            focusedIndex = focusableElements.length;
+                        if (this.buttonBar) {
+                            for (const button of this.buttonBar.buttons) {
+                                focusableElements.push(button);
+                                if (button.hasFocus()) {
+                                    focusedIndex = focusableElements.length - 1;
+                                }
+                            }
                         }
-                        let newFocusedIndex = focusedIndex - 1;
-                        if (newFocusedIndex === -1) {
-                            newFocusedIndex = focusableElements.length - 1;
+                        if (evt.equals(2 ) || evt.equals(17 )) {
+                            if (focusedIndex === -1) {
+                                focusedIndex = 0;
+                            }
+                            const newFocusedIndex = (focusedIndex + 1) % focusableElements.length;
+                            focusableElements[newFocusedIndex].focus();
                         }
-                        focusableElements[newFocusedIndex].focus();
+                        else {
+                            if (focusedIndex === -1) {
+                                focusedIndex = focusableElements.length;
+                            }
+                            let newFocusedIndex = focusedIndex - 1;
+                            if (newFocusedIndex === -1) {
+                                newFocusedIndex = focusableElements.length - 1;
+                            }
+                            focusableElements[newFocusedIndex].focus();
+                        }
+                        eventHandled = true;
                     }
-                    eventHandled = true;
-                }
-                if (eventHandled) {
+                    if (eventHandled) {
+                        EventHelper.stop(e, true);
+                    }
+                    else if (this.options.keyEventProcessor) {
+                        this.options.keyEventProcessor(evt);
+                    }
+                }, true));
+                this._register(addDisposableListener(window, 'keyup', e => {
                     EventHelper.stop(e, true);
-                }
-                else if (this.options.keyEventProcessor) {
-                    this.options.keyEventProcessor(evt);
-                }
-            }, true));
-            this._register(addDisposableListener(window, 'keyup', e => {
-                EventHelper.stop(e, true);
-                const evt = ( new StandardKeyboardEvent(e));
-                if (!this.options.disableCloseAction && evt.equals(9 )) {
-                    resolve({
-                        button: this.options.cancelId || 0,
-                        checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
-                    });
-                }
-            }, true));
-            this._register(addDisposableListener(this.element, 'focusout', e => {
-                if (!!e.relatedTarget && !!this.element) {
-                    if (!isAncestor(e.relatedTarget, this.element)) {
-                        this.focusToReturn = e.relatedTarget;
-                        if (e.target) {
-                            e.target.focus();
-                            EventHelper.stop(e, true);
+                    const evt = ( (new StandardKeyboardEvent(e)));
+                    if (!this.options.disableCloseAction && evt.equals(9 )) {
+                        resolve({
+                            button: this.options.cancelId || 0,
+                            checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
+                        });
+                    }
+                }, true));
+                this._register(addDisposableListener(this.element, 'focusout', e => {
+                    if (!!e.relatedTarget && !!this.element) {
+                        if (!isAncestor(e.relatedTarget, this.element)) {
+                            this.focusToReturn = e.relatedTarget;
+                            if (e.target) {
+                                e.target.focus();
+                                EventHelper.stop(e, true);
+                            }
                         }
                     }
+                }, false));
+                const spinModifierClassName = 'codicon-modifier-spin';
+                this.iconElement.classList.remove(...ThemeIcon.asClassNameArray(Codicon.dialogError), ...ThemeIcon.asClassNameArray(Codicon.dialogWarning), ...ThemeIcon.asClassNameArray(Codicon.dialogInfo), ...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
+                if (this.options.icon) {
+                    this.iconElement.classList.add(...ThemeIcon.asClassNameArray(this.options.icon));
                 }
-            }, false));
-            const spinModifierClassName = 'codicon-modifier-spin';
-            this.iconElement.classList.remove(...ThemeIcon.asClassNameArray(Codicon.dialogError), ...ThemeIcon.asClassNameArray(Codicon.dialogWarning), ...ThemeIcon.asClassNameArray(Codicon.dialogInfo), ...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
-            if (this.options.icon) {
-                this.iconElement.classList.add(...ThemeIcon.asClassNameArray(this.options.icon));
-            }
-            else {
-                switch (this.options.type) {
-                    case 'error':
-                        this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogError));
-                        break;
-                    case 'warning':
-                        this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogWarning));
-                        break;
-                    case 'pending':
-                        this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
-                        break;
-                    case 'none':
-                        this.iconElement.classList.add('no-codicon');
-                        break;
-                    case 'info':
-                    case 'question':
-                    default:
-                        this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogInfo));
-                        break;
+                else {
+                    switch (this.options.type) {
+                        case 'error':
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogError));
+                            break;
+                        case 'warning':
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogWarning));
+                            break;
+                        case 'pending':
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
+                            break;
+                        case 'none':
+                            this.iconElement.classList.add('no-codicon');
+                            break;
+                        case 'info':
+                        case 'question':
+                        default:
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogInfo));
+                            break;
+                    }
                 }
-            }
-            if (!this.options.disableCloseAction) {
-                const actionBar = this._register(( new ActionBar(this.toolbarContainer, {})));
-                const action = this._register(( new Action('dialog.close', ( localizeWithPath('vs/base/browser/ui/dialog/dialog', 'dialogClose', "Close Dialog")), ThemeIcon.asClassName(Codicon.dialogClose), true, async () => {
-                    resolve({
-                        button: this.options.cancelId || 0,
-                        checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
+                if (!this.options.disableCloseAction) {
+                    const actionBar = this._register(( (new ActionBar(this.toolbarContainer, {}))));
+                    const action = this._register(( (new Action('dialog.close', ( localizeWithPath(_moduleId, 5, "Close Dialog")), ThemeIcon.asClassName(Codicon.dialogClose), true, async () => {
+                        resolve({
+                            button: this.options.cancelId || 0,
+                            checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
+                        });
+                    }))));
+                    actionBar.push(action, { icon: true, label: false });
+                }
+                this.applyStyles();
+                this.element.setAttribute('aria-modal', 'true');
+                this.element.setAttribute('aria-labelledby', 'monaco-dialog-icon monaco-dialog-message-text');
+                this.element.setAttribute('aria-describedby', 'monaco-dialog-icon monaco-dialog-message-text monaco-dialog-message-detail monaco-dialog-message-body');
+                show(this.element);
+                if (this.inputs.length > 0) {
+                    this.inputs[0].focus();
+                    this.inputs[0].select();
+                }
+                else {
+                    buttonMap.forEach((value, index) => {
+                        if (value.index === 0) {
+                            buttonBar.buttons[index].focus();
+                        }
                     });
-                })));
-                actionBar.push(action, { icon: true, label: false });
-            }
-            this.applyStyles();
-            this.element.setAttribute('aria-modal', 'true');
-            this.element.setAttribute('aria-labelledby', 'monaco-dialog-icon monaco-dialog-message-text');
-            this.element.setAttribute('aria-describedby', 'monaco-dialog-icon monaco-dialog-message-text monaco-dialog-message-detail monaco-dialog-message-body');
-            show(this.element);
-            if (this.inputs.length > 0) {
-                this.inputs[0].focus();
-                this.inputs[0].select();
-            }
-            else {
-                buttonMap.forEach((value, index) => {
-                    if (value.index === 0) {
-                        buttonBar.buttons[index].focus();
-                    }
-                });
-            }
-        }));
+                }
+            }))
+        );
     }
     applyStyles() {
         const style = this.options.dialogStyles;
@@ -332,7 +335,7 @@ class Dialog extends Disposable {
         }
     }
     rearrangeButtons(buttons, cancelId) {
-        const buttonMap = ( buttons.map((label, index) => ({ label, index })));
+        const buttonMap = ( (buttons.map((label, index) => ({ label, index }))));
         if (buttons.length < 2) {
             return buttonMap;
         }

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

@@ -10,11 +10,12 @@ import { Emitter } from '../../../common/event.js';
 import './dropdown.css.js';
 import { setupCustomHover } from '../hover/updatableHoverWidget.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
+const _moduleId = "vs/base/browser/ui/dropdown/dropdownActionViewItem";
 class DropdownMenuActionViewItem extends BaseActionViewItem {
     constructor(action, menuActionsOrProvider, contextMenuProvider, options = Object.create(null)) {
         super(null, action, options);
         this.actionItem = null;
-        this._onDidChangeVisibility = this._register(( new Emitter()));
+        this._onDidChangeVisibility = this._register(( (new Emitter())));
         this.onDidChangeVisibility = this._onDidChangeVisibility.event;
         this.menuActionsOrProvider = menuActionsOrProvider;
         this.contextMenuProvider = contextMenuProvider;
@@ -56,7 +57,7 @@ class DropdownMenuActionViewItem extends BaseActionViewItem {
             actionProvider: isActionsArray ? undefined : this.menuActionsOrProvider,
             skipTelemetry: this.options.skipTelemetry
         };
-        this.dropdownMenu = this._register(( new DropdownMenu(container, options)));
+        this.dropdownMenu = this._register(( (new DropdownMenu(container, options))));
         this._register(this.dropdownMenu.onDidChangeVisibility(visible => {
             this.element?.setAttribute('aria-expanded', `${visible}`);
             this._onDidChangeVisibility.fire(visible);
@@ -128,17 +129,13 @@ class ActionWithDropdownActionViewItem extends ActionViewItem {
             const separator = h('div.action-dropdown-item-separator', [h('div', {})]).root;
             separator.classList.toggle('prominent', menuActionClassNames.includes('prominent'));
             append(this.element, separator);
-            this.dropdownMenuActionViewItem = this._register(( new DropdownMenuActionViewItem(this._register(( new Action('dropdownAction', ( localizeWithPath(
-                'vs/base/browser/ui/dropdown/dropdownActionViewItem',
-                'moreActions',
-                "More Actions..."
-            ))))), menuActionsProvider, this.contextMenuProvider, { classNames: ['dropdown', ...ThemeIcon.asClassNameArray(Codicon.dropDownButton), ...menuActionClassNames], hoverDelegate: this.options.hoverDelegate })));
+            this.dropdownMenuActionViewItem = this._register(( (new DropdownMenuActionViewItem(this._register(( (new Action('dropdownAction', ( localizeWithPath(_moduleId, 0, "More Actions...")))))), menuActionsProvider, this.contextMenuProvider, { classNames: ['dropdown', ...ThemeIcon.asClassNameArray(Codicon.dropDownButton), ...menuActionClassNames], hoverDelegate: this.options.hoverDelegate }))));
             this.dropdownMenuActionViewItem.render(this.element);
             this._register(addDisposableListener(this.element, EventType.KEY_DOWN, e => {
                 if (menuActionsProvider.getActions().length === 0) {
                     return;
                 }
-                const event = ( new StandardKeyboardEvent(e));
+                const event = ( (new StandardKeyboardEvent(e)));
                 let handled = false;
                 if (this.dropdownMenuActionViewItem?.isFocused() && event.equals(15 )) {
                     handled = true;

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

@@ -7,28 +7,29 @@ import './findInput.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { MutableDisposable, DisposableStore } from '../../../common/lifecycle.js';
 import { createInstantHoverDelegate } from '../hover/hoverDelegateFactory.js';
-const NLS_DEFAULT_LABEL = ( localizeWithPath('vs/base/browser/ui/findinput/findInput', 'defaultLabel', "input"));
+const _moduleId = "vs/base/browser/ui/findinput/findInput";
+const NLS_DEFAULT_LABEL = ( localizeWithPath(_moduleId, 0, "input"));
 class FindInput extends Widget {
     static { this.OPTION_CHANGE = 'optionChange'; }
     constructor(parent, contextViewProvider, options) {
         super();
         this.fixFocusOnOptionClickEnabled = true;
         this.imeSessionInProgress = false;
-        this.additionalTogglesDisposables = this._register(( new MutableDisposable()));
+        this.additionalTogglesDisposables = this._register(( (new MutableDisposable())));
         this.additionalToggles = [];
-        this._onDidOptionChange = this._register(( new Emitter()));
+        this._onDidOptionChange = this._register(( (new Emitter())));
         this.onDidOptionChange = this._onDidOptionChange.event;
-        this._onKeyDown = this._register(( new Emitter()));
+        this._onKeyDown = this._register(( (new Emitter())));
         this.onKeyDown = this._onKeyDown.event;
-        this._onMouseDown = this._register(( new Emitter()));
+        this._onMouseDown = this._register(( (new Emitter())));
         this.onMouseDown = this._onMouseDown.event;
-        this._onInput = this._register(( new Emitter()));
+        this._onInput = this._register(( (new Emitter())));
         this.onInput = this._onInput.event;
-        this._onKeyUp = this._register(( new Emitter()));
+        this._onKeyUp = this._register(( (new Emitter())));
         this.onKeyUp = this._onKeyUp.event;
-        this._onCaseSensitiveKeyDown = this._register(( new Emitter()));
+        this._onCaseSensitiveKeyDown = this._register(( (new Emitter())));
         this.onCaseSensitiveKeyDown = this._onCaseSensitiveKeyDown.event;
-        this._onRegexKeyDown = this._register(( new Emitter()));
+        this._onRegexKeyDown = this._register(( (new Emitter())));
         this.onRegexKeyDown = this._onRegexKeyDown.event;
         this._lastHighlightFindOptions = 0;
         this.placeholder = options.placeholder || '';
@@ -44,7 +45,7 @@ class FindInput extends Widget {
         const flexibleMaxHeight = options.flexibleMaxHeight;
         this.domNode = document.createElement('div');
         this.domNode.classList.add('monaco-findInput');
-        this.inputBox = this._register(( new HistoryInputBox(this.domNode, contextViewProvider, {
+        this.inputBox = this._register(( (new HistoryInputBox(this.domNode, contextViewProvider, {
             placeholder: this.placeholder || '',
             ariaLabel: this.label || '',
             validationOptions: {
@@ -56,15 +57,15 @@ class FindInput extends Widget {
             flexibleWidth,
             flexibleMaxHeight,
             inputBoxStyles: options.inputBoxStyles,
-        })));
+        }))));
         const hoverDelegate = this._register(createInstantHoverDelegate());
         if (this.showCommonFindToggles) {
-            this.regex = this._register(( new RegexToggle({
+            this.regex = this._register(( (new RegexToggle({
                 appendTitle: appendRegexLabel,
                 isChecked: false,
                 hoverDelegate,
                 ...options.toggleStyles
-            })));
+            }))));
             this._register(this.regex.onChange(viaKeyboard => {
                 this._onDidOptionChange.fire(viaKeyboard);
                 if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
@@ -75,12 +76,12 @@ class FindInput extends Widget {
             this._register(this.regex.onKeyDown(e => {
                 this._onRegexKeyDown.fire(e);
             }));
-            this.wholeWords = this._register(( new WholeWordsToggle({
+            this.wholeWords = this._register(( (new WholeWordsToggle({
                 appendTitle: appendWholeWordsLabel,
                 isChecked: false,
                 hoverDelegate,
                 ...options.toggleStyles
-            })));
+            }))));
             this._register(this.wholeWords.onChange(viaKeyboard => {
                 this._onDidOptionChange.fire(viaKeyboard);
                 if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
@@ -88,12 +89,12 @@ class FindInput extends Widget {
                 }
                 this.validate();
             }));
-            this.caseSensitive = this._register(( new CaseSensitiveToggle({
+            this.caseSensitive = this._register(( (new CaseSensitiveToggle({
                 appendTitle: appendCaseSensitiveLabel,
                 isChecked: false,
                 hoverDelegate,
                 ...options.toggleStyles
-            })));
+            }))));
             this._register(this.caseSensitive.onChange(viaKeyboard => {
                 this._onDidOptionChange.fire(viaKeyboard);
                 if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
@@ -208,7 +209,7 @@ class FindInput extends Widget {
             currentToggle.domNode.remove();
         }
         this.additionalToggles = [];
-        this.additionalTogglesDisposables.value = ( new DisposableStore());
+        this.additionalTogglesDisposables.value = ( (new DisposableStore()));
         for (const toggle of toggles ?? []) {
             this.additionalTogglesDisposables.value.add(toggle);
             this.controls.appendChild(toggle.domNode);

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

@@ -2,21 +2,10 @@ import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
 import { Toggle } from '../toggle/toggle.js';
 import { Codicon } from '../../../common/codicons.js';
 import { localizeWithPath } from '../../../../nls.js';
-const NLS_CASE_SENSITIVE_TOGGLE_LABEL = ( localizeWithPath(
-    'vs/base/browser/ui/findinput/findInputToggles',
-    'caseDescription',
-    "Match Case"
-));
-const NLS_WHOLE_WORD_TOGGLE_LABEL = ( localizeWithPath(
-    'vs/base/browser/ui/findinput/findInputToggles',
-    'wordsDescription',
-    "Match Whole Word"
-));
-const NLS_REGEX_TOGGLE_LABEL = ( localizeWithPath(
-    'vs/base/browser/ui/findinput/findInputToggles',
-    'regexDescription',
-    "Use Regular Expression"
-));
+const _moduleId = "vs/base/browser/ui/findinput/findInputToggles";
+const NLS_CASE_SENSITIVE_TOGGLE_LABEL = ( localizeWithPath(_moduleId, 0, "Match Case"));
+const NLS_WHOLE_WORD_TOGGLE_LABEL = ( localizeWithPath(_moduleId, 1, "Match Whole Word"));
+const NLS_REGEX_TOGGLE_LABEL = ( localizeWithPath(_moduleId, 2, "Use Regular Expression"));
 class CaseSensitiveToggle extends Toggle {
     constructor(opts) {
         super({