@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/editor/contrib/find/browser/findWidget.js

@@ -32,103 +32,35 @@ import { ThemeIcon } from '../../../../base/common/themables.js';
 import { isHighContrast } from '../../../../platform/theme/common/theme.js';
 import { assertIsDefined } from '../../../../base/common/types.js';
 import { defaultInputBoxStyles, defaultToggleStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
 import { createInstantHoverDelegate, getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
-const findSelectionIcon = registerIcon('find-selection', Codicon.selection, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findSelectionIcon',
-    'Icon for \'Find in Selection\' in the editor find widget.'
-)));
-const findCollapsedIcon = registerIcon('find-collapsed', Codicon.chevronRight, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findCollapsedIcon',
-    'Icon to indicate that the editor find widget is collapsed.'
-)));
-const findExpandedIcon = registerIcon('find-expanded', Codicon.chevronDown, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findExpandedIcon',
-    'Icon to indicate that the editor find widget is expanded.'
-)));
-const findReplaceIcon = registerIcon('find-replace', Codicon.replace, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findReplaceIcon',
-    'Icon for \'Replace\' in the editor find widget.'
-)));
-const findReplaceAllIcon = registerIcon('find-replace-all', Codicon.replaceAll, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findReplaceAllIcon',
-    'Icon for \'Replace All\' in the editor find widget.'
-)));
-const findPreviousMatchIcon = registerIcon('find-previous-match', Codicon.arrowUp, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findPreviousMatchIcon',
-    'Icon for \'Find Previous\' in the editor find widget.'
-)));
-const findNextMatchIcon = registerIcon('find-next-match', Codicon.arrowDown, ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'findNextMatchIcon',
-    'Icon for \'Find Next\' in the editor find widget.'
-)));
-const NLS_FIND_DIALOG_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.findDialog',
-    "Find / Replace"
-));
-const NLS_FIND_INPUT_LABEL = ( localizeWithPath('vs/editor/contrib/find/browser/findWidget', 'label.find', "Find"));
-const NLS_FIND_INPUT_PLACEHOLDER = ( localizeWithPath('vs/editor/contrib/find/browser/findWidget', 'placeholder.find', "Find"));
-const NLS_PREVIOUS_MATCH_BTN_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.previousMatchButton',
-    "Previous Match"
-));
-const NLS_NEXT_MATCH_BTN_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.nextMatchButton',
-    "Next Match"
-));
-const NLS_TOGGLE_SELECTION_FIND_TITLE = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.toggleSelectionFind',
-    "Find in Selection"
-));
-const NLS_CLOSE_BTN_LABEL = ( localizeWithPath('vs/editor/contrib/find/browser/findWidget', 'label.closeButton', "Close"));
-const NLS_REPLACE_INPUT_LABEL = ( localizeWithPath('vs/editor/contrib/find/browser/findWidget', 'label.replace', "Replace"));
-const NLS_REPLACE_INPUT_PLACEHOLDER = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'placeholder.replace',
-    "Replace"
-));
-const NLS_REPLACE_BTN_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.replaceButton',
-    "Replace"
-));
-const NLS_REPLACE_ALL_BTN_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.replaceAllButton',
-    "Replace All"
-));
-const NLS_TOGGLE_REPLACE_MODE_BTN_LABEL = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.toggleReplaceButton',
-    "Toggle Replace"
-));
+const _moduleId = "vs/editor/contrib/find/browser/findWidget";
+const findSelectionIcon = registerIcon('find-selection', Codicon.selection, ( localizeWithPath(_moduleId, 0, 'Icon for \'Find in Selection\' in the editor find widget.')));
+const findCollapsedIcon = registerIcon('find-collapsed', Codicon.chevronRight, ( localizeWithPath(_moduleId, 1, 'Icon to indicate that the editor find widget is collapsed.')));
+const findExpandedIcon = registerIcon('find-expanded', Codicon.chevronDown, ( localizeWithPath(_moduleId, 2, 'Icon to indicate that the editor find widget is expanded.')));
+const findReplaceIcon = registerIcon('find-replace', Codicon.replace, ( localizeWithPath(_moduleId, 3, 'Icon for \'Replace\' in the editor find widget.')));
+const findReplaceAllIcon = registerIcon('find-replace-all', Codicon.replaceAll, ( localizeWithPath(_moduleId, 4, 'Icon for \'Replace All\' in the editor find widget.')));
+const findPreviousMatchIcon = registerIcon('find-previous-match', Codicon.arrowUp, ( localizeWithPath(_moduleId, 5, 'Icon for \'Find Previous\' in the editor find widget.')));
+const findNextMatchIcon = registerIcon('find-next-match', Codicon.arrowDown, ( localizeWithPath(_moduleId, 6, 'Icon for \'Find Next\' in the editor find widget.')));
+const NLS_FIND_DIALOG_LABEL = ( localizeWithPath(_moduleId, 7, "Find / Replace"));
+const NLS_FIND_INPUT_LABEL = ( localizeWithPath(_moduleId, 8, "Find"));
+const NLS_FIND_INPUT_PLACEHOLDER = ( localizeWithPath(_moduleId, 9, "Find"));
+const NLS_PREVIOUS_MATCH_BTN_LABEL = ( localizeWithPath(_moduleId, 10, "Previous Match"));
+const NLS_NEXT_MATCH_BTN_LABEL = ( localizeWithPath(_moduleId, 11, "Next Match"));
+const NLS_TOGGLE_SELECTION_FIND_TITLE = ( localizeWithPath(_moduleId, 12, "Find in Selection"));
+const NLS_CLOSE_BTN_LABEL = ( localizeWithPath(_moduleId, 13, "Close"));
+const NLS_REPLACE_INPUT_LABEL = ( localizeWithPath(_moduleId, 14, "Replace"));
+const NLS_REPLACE_INPUT_PLACEHOLDER = ( localizeWithPath(_moduleId, 15, "Replace"));
+const NLS_REPLACE_BTN_LABEL = ( localizeWithPath(_moduleId, 16, "Replace"));
+const NLS_REPLACE_ALL_BTN_LABEL = ( localizeWithPath(_moduleId, 17, "Replace All"));
+const NLS_TOGGLE_REPLACE_MODE_BTN_LABEL = ( localizeWithPath(_moduleId, 18, "Toggle Replace"));
 const NLS_MATCHES_COUNT_LIMIT_TITLE = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'title.matchesCountLimit',
+    _moduleId,
+    19,
     "Only the first {0} results are highlighted, but all find operations work on the entire text.",
     MATCHES_LIMIT
 ));
-const NLS_MATCHES_LOCATION = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.matchesLocation',
-    "{0} of {1}"
-));
-const NLS_NO_RESULTS = ( localizeWithPath(
-    'vs/editor/contrib/find/browser/findWidget',
-    'label.noResults',
-    "No results"
-));
+const NLS_MATCHES_LOCATION = ( localizeWithPath(_moduleId, 20, "{0} of {1}"));
+const NLS_NO_RESULTS = ( localizeWithPath(_moduleId, 21, "No results"));
 const FIND_WIDGET_INITIAL_WIDTH = 419;
 const PART_WIDTH = 275;
 const FIND_INPUT_AREA_WIDTH = PART_WIDTH - 54;
@@ -161,8 +93,9 @@ function stopPropagationForMultiLineDownwards(event, value, textarea) {
 }
 class FindWidget extends Widget {
     static { this.ID = 'editor.contrib.findWidget'; }
-    constructor(codeEditor, controller, state, contextViewProvider, keybindingService, contextKeyService, themeService, storageService, notificationService) {
+    constructor(codeEditor, controller, state, contextViewProvider, keybindingService, contextKeyService, themeService, storageService, notificationService, _hoverService) {
         super();
+        this._hoverService = _hoverService;
         this._cachedHeight = null;
         this._revealTimeouts = [];
         this._codeEditor = codeEditor;
@@ -177,7 +110,7 @@ class FindWidget extends Widget {
         this._isVisible = false;
         this._isReplaceVisible = false;
         this._ignoreChangeEvent = false;
-        this._updateHistoryDelayer = ( new Delayer(500));
+        this._updateHistoryDelayer = ( (new Delayer(500)));
         this._register(toDisposable(() => this._updateHistoryDelayer.cancel()));
         this._register(this._state.onFindReplaceStateChange((e) => this._onStateChanged(e)));
         this._buildDomNode();
@@ -202,7 +135,7 @@ class FindWidget extends Widget {
                 this._state.change({ loop: supportLoop }, false);
                 const addExtraSpaceOnTop = this._codeEditor.getOption(41 ).addExtraSpaceOnTop;
                 if (addExtraSpaceOnTop && !this._viewZone) {
-                    this._viewZone = ( new FindWidgetViewZone(0));
+                    this._viewZone = ( (new FindWidgetViewZone(0)));
                     this._showViewZone();
                 }
                 if (!addExtraSpaceOnTop && this._viewZone) {
@@ -245,7 +178,7 @@ class FindWidget extends Widget {
         }));
         this._codeEditor.addOverlayWidget(this);
         if (this._codeEditor.getOption(41 ).addExtraSpaceOnTop) {
-            this._viewZone = ( new FindWidgetViewZone(0));
+            this._viewZone = ( (new FindWidgetViewZone(0)));
         }
         this._register(this._codeEditor.onDidChangeModel(() => {
             if (!this._isVisible) {
@@ -401,24 +334,13 @@ class FindWidget extends Widget {
     _getAriaLabel(label, currentMatch, searchString) {
         if (label === NLS_NO_RESULTS) {
             return searchString === ''
-                ? ( localizeWithPath(
-                'vs/editor/contrib/find/browser/findWidget',
-                'ariaSearchNoResultEmpty',
-                "{0} found",
-                label
-            ))
-                : ( localizeWithPath(
-                'vs/editor/contrib/find/browser/findWidget',
-                'ariaSearchNoResult',
-                "{0} found for '{1}'",
-                label,
-                searchString
-            ));
+                ? ( localizeWithPath(_moduleId, 22, "{0} found", label))
+                : ( localizeWithPath(_moduleId, 23, "{0} found for '{1}'", label, searchString));
         }
         if (currentMatch) {
             const ariaLabel = ( localizeWithPath(
-                'vs/editor/contrib/find/browser/findWidget',
-                'ariaSearchNoResultWithLineNum',
+                _moduleId,
+                24,
                 "{0} found for '{1}', at {2}",
                 label,
                 searchString,
@@ -431,13 +353,7 @@ class FindWidget extends Widget {
             }
             return ariaLabel;
         }
-        return ( localizeWithPath(
-            'vs/editor/contrib/find/browser/findWidget',
-            'ariaSearchNoResultWithLineNumNoCurrentMatch',
-            "{0} found for '{1}'",
-            label,
-            searchString
-        ));
+        return ( localizeWithPath(_moduleId, 25, "{0} found for '{1}'", label, searchString));
     }
     _updateToggleSelectionFindButton() {
         const selection = this._codeEditor.getSelection();
@@ -570,7 +486,7 @@ class FindWidget extends Widget {
             return;
         }
         if (this._viewZone === undefined) {
-            this._viewZone = ( new FindWidgetViewZone(0));
+            this._viewZone = ( (new FindWidgetViewZone(0)));
         }
         const viewZone = this._viewZone;
         this._codeEditor.changeViewZones((accessor) => {
@@ -705,7 +621,7 @@ class FindWidget extends Widget {
         }
         if (this._toggleSelectionFind.checked) {
             const selections = this._codeEditor.getSelections();
-            ( selections.map(selection => {
+            ( (selections.map(selection => {
                 if (selection.endColumn === 1 && selection.endLineNumber > selection.startLineNumber) {
                     selection = selection.setEndPosition(selection.endLineNumber - 1, this._codeEditor.getModel().getLineMaxColumn(selection.endLineNumber - 1));
                 }
@@ -716,7 +632,7 @@ class FindWidget extends Widget {
                     }
                 }
                 return null;
-            })).filter(element => !!element);
+            }))).filter(element => !!element);
             if (selections.length) {
                 this._state.change({ searchScope: selections }, true);
             }
@@ -770,8 +686,8 @@ class FindWidget extends Widget {
             else {
                 if (isWindows && isNative && !this._ctrlEnterReplaceAllWarningPrompted) {
                     this._notificationService.info(( localizeWithPath(
-                        'vs/editor/contrib/find/browser/findWidget',
-                        'ctrlEnter.keybindingChanged',
+                        _moduleId,
+                        26,
                         'Ctrl+Enter now inserts line break instead of replacing all. You can modify the keybinding for editor.action.replaceAll to override this behavior.'
                     )));
                     this._ctrlEnterReplaceAllWarningPrompted = true;
@@ -817,7 +733,7 @@ class FindWidget extends Widget {
     _buildDomNode() {
         const flexibleHeight = true;
         const flexibleWidth = true;
-        this._findInput = this._register(( new ContextScopedFindInput(null, this._contextViewProvider, {
+        this._findInput = this._register(( (new ContextScopedFindInput(null, this._contextViewProvider, {
             width: FIND_INPUT_AREA_WIDTH,
             label: NLS_FIND_INPUT_LABEL,
             placeholder: NLS_FIND_INPUT_PLACEHOLDER,
@@ -842,7 +758,7 @@ class FindWidget extends Widget {
             showHistoryHint: () => showHistoryKeybindingHint(this._keybindingService),
             inputBoxStyles: defaultInputBoxStyles,
             toggleStyles: defaultToggleStyles
-        }, this._contextKeyService)));
+        }, this._contextKeyService))));
         this._findInput.setRegex(!!this._state.isRegex);
         this._findInput.setCaseSensitive(!!this._state.matchCase);
         this._findInput.setWholeWords(!!this._state.wholeWord);
@@ -888,22 +804,22 @@ class FindWidget extends Widget {
         this._matchesCount.className = 'matchesCount';
         this._updateMatchesCount();
         const hoverDelegate = this._register(createInstantHoverDelegate());
-        this._prevBtn = this._register(( new SimpleButton({
+        this._prevBtn = this._register(( (new SimpleButton({
             label: NLS_PREVIOUS_MATCH_BTN_LABEL + this._keybindingLabelFor(FIND_IDS.PreviousMatchFindAction),
             icon: findPreviousMatchIcon,
             hoverDelegate,
             onTrigger: () => {
                 assertIsDefined(this._codeEditor.getAction(FIND_IDS.PreviousMatchFindAction)).run().then(undefined, onUnexpectedError);
             }
-        })));
-        this._nextBtn = this._register(( new SimpleButton({
+        }, this._hoverService))));
+        this._nextBtn = this._register(( (new SimpleButton({
             label: NLS_NEXT_MATCH_BTN_LABEL + this._keybindingLabelFor(FIND_IDS.NextMatchFindAction),
             icon: findNextMatchIcon,
             hoverDelegate,
             onTrigger: () => {
                 assertIsDefined(this._codeEditor.getAction(FIND_IDS.NextMatchFindAction)).run().then(undefined, onUnexpectedError);
             }
-        })));
+        }, this._hoverService))));
         const findPart = document.createElement('div');
         findPart.className = 'find-part';
         findPart.appendChild(this._findInput.domNode);
@@ -913,7 +829,7 @@ class FindWidget extends Widget {
         actionsContainer.appendChild(this._matchesCount);
         actionsContainer.appendChild(this._prevBtn.domNode);
         actionsContainer.appendChild(this._nextBtn.domNode);
-        this._toggleSelectionFind = this._register(( new Toggle({
+        this._toggleSelectionFind = this._register(( (new Toggle({
             icon: findSelectionIcon,
             title: NLS_TOGGLE_SELECTION_FIND_TITLE + this._keybindingLabelFor(FIND_IDS.ToggleSearchScopeCommand),
             isChecked: false,
@@ -921,12 +837,12 @@ class FindWidget extends Widget {
             inputActiveOptionBackground: asCssVariable(inputActiveOptionBackground),
             inputActiveOptionBorder: asCssVariable(inputActiveOptionBorder),
             inputActiveOptionForeground: asCssVariable(inputActiveOptionForeground),
-        })));
+        }))));
         this._register(this._toggleSelectionFind.onChange(() => {
             if (this._toggleSelectionFind.checked) {
                 if (this._codeEditor.hasModel()) {
                     let selections = this._codeEditor.getSelections();
-                    selections = ( selections.map(selection => {
+                    selections = ( (selections.map(selection => {
                         if (selection.endColumn === 1 && selection.endLineNumber > selection.startLineNumber) {
                             selection = selection.setEndPosition(selection.endLineNumber - 1, this._codeEditor.getModel().getLineMaxColumn(selection.endLineNumber - 1));
                         }
@@ -934,7 +850,7 @@ class FindWidget extends Widget {
                             return selection;
                         }
                         return null;
-                    })).filter((element) => !!element);
+                    }))).filter((element) => !!element);
                     if (selections.length) {
                         this._state.change({ searchScope: selections }, true);
                     }
@@ -945,7 +861,7 @@ class FindWidget extends Widget {
             }
         }));
         actionsContainer.appendChild(this._toggleSelectionFind.domNode);
-        this._closeBtn = this._register(( new SimpleButton({
+        this._closeBtn = this._register(( (new SimpleButton({
             label: NLS_CLOSE_BTN_LABEL + this._keybindingLabelFor(FIND_IDS.CloseFindWidgetCommand),
             icon: widgetClose,
             hoverDelegate,
@@ -965,8 +881,8 @@ class FindWidget extends Widget {
                     }
                 }
             }
-        })));
-        this._replaceInput = this._register(( new ContextScopedReplaceInput(null, undefined, {
+        }, this._hoverService))));
+        this._replaceInput = this._register(( (new ContextScopedReplaceInput(null, undefined, {
             label: NLS_REPLACE_INPUT_LABEL,
             placeholder: NLS_REPLACE_INPUT_PLACEHOLDER,
             appendPreserveCaseLabel: this._keybindingLabelFor(FIND_IDS.TogglePreserveCaseCommand),
@@ -977,7 +893,7 @@ class FindWidget extends Widget {
             showHistoryHint: () => showHistoryKeybindingHint(this._keybindingService),
             inputBoxStyles: defaultInputBoxStyles,
             toggleStyles: defaultToggleStyles
-        }, this._contextKeyService, true)));
+        }, this._contextKeyService, true))));
         this._replaceInput.setPreserveCase(!!this._state.preserveCase);
         this._register(this._replaceInput.onKeyDown((e) => this._onReplaceInputKeyDown(e)));
         this._register(this._replaceInput.inputBox.onDidChange(() => {
@@ -1011,7 +927,7 @@ class FindWidget extends Widget {
             }
         }));
         const replaceHoverDelegate = this._register(createInstantHoverDelegate());
-        this._replaceBtn = this._register(( new SimpleButton({
+        this._replaceBtn = this._register(( (new SimpleButton({
             label: NLS_REPLACE_BTN_LABEL + this._keybindingLabelFor(FIND_IDS.ReplaceOneAction),
             icon: findReplaceIcon,
             hoverDelegate: replaceHoverDelegate,
@@ -1024,15 +940,15 @@ class FindWidget extends Widget {
                     e.preventDefault();
                 }
             }
-        })));
-        this._replaceAllBtn = this._register(( new SimpleButton({
+        }, this._hoverService))));
+        this._replaceAllBtn = this._register(( (new SimpleButton({
             label: NLS_REPLACE_ALL_BTN_LABEL + this._keybindingLabelFor(FIND_IDS.ReplaceAllAction),
             icon: findReplaceAllIcon,
             hoverDelegate: replaceHoverDelegate,
             onTrigger: () => {
                 this._controller.replaceAll();
             }
-        })));
+        }, this._hoverService))));
         const replacePart = document.createElement('div');
         replacePart.className = 'replace-part';
         replacePart.appendChild(this._replaceInput.domNode);
@@ -1041,7 +957,7 @@ class FindWidget extends Widget {
         replacePart.appendChild(replaceActionsContainer);
         replaceActionsContainer.appendChild(this._replaceBtn.domNode);
         replaceActionsContainer.appendChild(this._replaceAllBtn.domNode);
-        this._toggleReplaceBtn = this._register(( new SimpleButton({
+        this._toggleReplaceBtn = this._register(( (new SimpleButton({
             label: NLS_TOGGLE_REPLACE_MODE_BTN_LABEL,
             className: 'codicon toggle left',
             onTrigger: () => {
@@ -1052,7 +968,7 @@ class FindWidget extends Widget {
                 }
                 this._showViewZone();
             }
-        })));
+        }, this._hoverService))));
         this._toggleReplaceBtn.setExpanded(this._isReplaceVisible);
         this._domNode = document.createElement('div');
         this._domNode.className = 'editor-widget find-widget';
@@ -1064,11 +980,11 @@ class FindWidget extends Widget {
         this._domNode.appendChild(findPart);
         this._domNode.appendChild(this._closeBtn.domNode);
         this._domNode.appendChild(replacePart);
-        this._resizeSash = this._register(( new Sash(
+        this._resizeSash = this._register(( (new Sash(
             this._domNode,
             this,
             { orientation: 0 , size: 2 }
-        )));
+        ))));
         this._resized = false;
         let originalWidth = FIND_WIDGET_INITIAL_WIDTH;
         this._register(this._resizeSash.onDidStart(() => {
@@ -1133,7 +1049,7 @@ class FindWidget extends Widget {
     }
 }
 class SimpleButton extends Widget {
-    constructor(opts) {
+    constructor(opts, hoverService) {
         super();
         this._opts = opts;
         let className = 'button';
@@ -1148,7 +1064,7 @@ class SimpleButton extends Widget {
         this._domNode.className = className;
         this._domNode.setAttribute('role', 'button');
         this._domNode.setAttribute('aria-label', this._opts.label);
-        this._register(setupCustomHover(opts.hoverDelegate ?? getDefaultHoverDelegate('element'), this._domNode, this._opts.label));
+        this._register(hoverService.setupUpdatableHover(opts.hoverDelegate ?? getDefaultHoverDelegate('element'), this._domNode, this._opts.label));
         this.onclick(this._domNode, (e) => {
             this._opts.onTrigger();
             e.preventDefault();