@codingame/monaco-vscode-api 9.0.3 → 10.0.1

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidget.js

@@ -10,15 +10,12 @@ import { MutableDisposable, DisposableStore } from '../../../../base/common/life
 import { clamp } from '../../../../base/common/numbers.js';
 import { format } from '../../../../base/common/strings.js';
 import './media/suggest.css.js';
-import { ContentWidgetPositionPreference } from '../../../browser/editorBrowser.js';
 import { EmbeddedCodeEditorWidget } from '../../../browser/widget/codeEditor/embeddedCodeEditorWidget.js';
-import { EditorOption } from '../../../common/config/editorOptions.js';
 import { SuggestWidgetStatus } from './suggestWidgetStatus.js';
 import '../../symbolIcons/browser/symbolIcons.js';
 import { localize } from '../../../../nls.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
-import { StorageScope, StorageTarget } from '../../../../platform/storage/common/storage.js';
 import { IStorageService } from '../../../../platform/storage/common/storage.service.js';
 import { registerColor, transparent } from '../../../../platform/theme/common/colorUtils.js';
 import { activeContrastBorder } from '../../../../platform/theme/common/colors/baseColors.js';
@@ -40,35 +37,25 @@ import { ItemRenderer, getAriaId } from './suggestWidgetRenderer.js';
 import { getListStyles } from '../../../../platform/theme/browser/defaultStyles.js';
 import { status } from '../../../../base/browser/ui/aria/aria.js';
 var SuggestWidget_1;
-registerColor('editorSuggestWidget.background', editorWidgetBackground, ( localize(5208, 'Background color of the suggest widget.')));
-registerColor('editorSuggestWidget.border', editorWidgetBorder, ( localize(5209, 'Border color of the suggest widget.')));
-const editorSuggestWidgetForeground = registerColor('editorSuggestWidget.foreground', editorForeground, ( localize(5210, 'Foreground color of the suggest widget.')));
-registerColor('editorSuggestWidget.selectedForeground', quickInputListFocusForeground, ( localize(5211, 'Foreground color of the selected entry in the suggest widget.')));
-registerColor('editorSuggestWidget.selectedIconForeground', quickInputListFocusIconForeground, ( localize(5212, 'Icon foreground color of the selected entry in the suggest widget.')));
-const editorSuggestWidgetSelectedBackground = registerColor('editorSuggestWidget.selectedBackground', quickInputListFocusBackground, ( localize(5213, 'Background color of the selected entry in the suggest widget.')));
-registerColor('editorSuggestWidget.highlightForeground', listHighlightForeground, ( localize(5214, 'Color of the match highlights in the suggest widget.')));
+registerColor('editorSuggestWidget.background', editorWidgetBackground, ( localize(5243, 'Background color of the suggest widget.')));
+registerColor('editorSuggestWidget.border', editorWidgetBorder, ( localize(5244, 'Border color of the suggest widget.')));
+const editorSuggestWidgetForeground = registerColor('editorSuggestWidget.foreground', editorForeground, ( localize(5245, 'Foreground color of the suggest widget.')));
+registerColor('editorSuggestWidget.selectedForeground', quickInputListFocusForeground, ( localize(5246, 'Foreground color of the selected entry in the suggest widget.')));
+registerColor('editorSuggestWidget.selectedIconForeground', quickInputListFocusIconForeground, ( localize(5247, 'Icon foreground color of the selected entry in the suggest widget.')));
+const editorSuggestWidgetSelectedBackground = registerColor('editorSuggestWidget.selectedBackground', quickInputListFocusBackground, ( localize(5248, 'Background color of the selected entry in the suggest widget.')));
+registerColor('editorSuggestWidget.highlightForeground', listHighlightForeground, ( localize(5249, 'Color of the match highlights in the suggest widget.')));
 registerColor('editorSuggestWidget.focusHighlightForeground', listFocusHighlightForeground, ( localize(
-    5215,
+    5250,
     'Color of the match highlights in the suggest widget when an item is focused.'
 )));
-registerColor('editorSuggestWidgetStatus.foreground', ( (transparent(editorSuggestWidgetForeground, .5))), ( localize(5216, 'Foreground color of the suggest widget status.')));
-var State;
-( ((function(State) {
-    State[State["Hidden"] = 0] = "Hidden";
-    State[State["Loading"] = 1] = "Loading";
-    State[State["Empty"] = 2] = "Empty";
-    State[State["Open"] = 3] = "Open";
-    State[State["Frozen"] = 4] = "Frozen";
-    State[State["Details"] = 5] = "Details";
-    State[State["onDetailsKeyDown"] = 6] = "onDetailsKeyDown";
-})(State || (State = {}))));
+registerColor('editorSuggestWidgetStatus.foreground', ( (transparent(editorSuggestWidgetForeground, .5))), ( localize(5251, 'Foreground color of the suggest widget status.')));
 class PersistedWidgetSize {
     constructor(_service, editor) {
         this._service = _service;
         this._key = `suggestWidget.size/${editor.getEditorType()}/${editor instanceof EmbeddedCodeEditorWidget}`;
     }
     restore() {
-        const raw = this._service.get(this._key, StorageScope.PROFILE) ?? '';
+        const raw = this._service.get(this._key, 0 ) ?? '';
         try {
             const obj = JSON.parse(raw);
             if (Dimension.is(obj)) {
@@ -80,20 +67,20 @@ class PersistedWidgetSize {
         return undefined;
     }
     store(size) {
-        this._service.store(this._key, JSON.stringify(size), StorageScope.PROFILE, StorageTarget.MACHINE);
+        this._service.store(this._key, JSON.stringify(size), 0 , 1 );
     }
     reset() {
-        this._service.remove(this._key, StorageScope.PROFILE);
+        this._service.remove(this._key, 0 );
     }
 }
 let SuggestWidget = class SuggestWidget {
     static { SuggestWidget_1 = this; }
-    static { this.LOADING_MESSAGE = ( localize(5217, "Loading...")); }
-    static { this.NO_SUGGESTIONS_MESSAGE = ( localize(5218, "No suggestions.")); }
+    static { this.LOADING_MESSAGE = ( localize(5252, "Loading...")); }
+    static { this.NO_SUGGESTIONS_MESSAGE = ( localize(5253, "No suggestions.")); }
     constructor(editor, _storageService, _contextKeyService, _themeService, instantiationService) {
         this.editor = editor;
         this._storageService = _storageService;
-        this._state = State.Hidden;
+        this._state = 0 ;
         this._isAuto = false;
         this._pendingLayout = ( (new MutableDisposable()));
         this._pendingShowDetails = ( (new MutableDisposable()));
@@ -156,9 +143,9 @@ let SuggestWidget = class SuggestWidget {
         this._messageElement = append(this.element.domNode, $('.message'));
         this._listElement = append(this.element.domNode, $('.tree'));
         const details = this._disposables.add(instantiationService.createInstance(SuggestDetailsWidget, this.editor));
-        details.onDidClose(this.toggleDetails, this, this._disposables);
+        details.onDidClose(() => this.toggleDetails(), this, this._disposables);
         this._details = ( (new SuggestDetailsOverlay(details, this.editor)));
-        const applyIconStyle = () => this.element.domNode.classList.toggle('no-icons', !this.editor.getOption(EditorOption.suggest).showIcons);
+        const applyIconStyle = () => this.element.domNode.classList.toggle('no-icons', !this.editor.getOption(121 ).showIcons);
         applyIconStyle();
         const renderer = instantiationService.createInstance(ItemRenderer, this.editor);
         this._disposables.add(renderer);
@@ -173,20 +160,20 @@ let SuggestWidget = class SuggestWidget {
             multipleSelectionSupport: false,
             accessibilityProvider: {
                 getRole: () => 'option',
-                getWidgetAriaLabel: () => ( localize(5219, "Suggest")),
+                getWidgetAriaLabel: () => ( localize(5254, "Suggest")),
                 getWidgetRole: () => 'listbox',
                 getAriaLabel: (item) => {
                     let label = item.textLabel;
                     if (typeof item.completion.label !== 'string') {
                         const { detail, description } = item.completion.label;
                         if (detail && description) {
-                            label = ( localize(5220, '{0} {1}, {2}', label, detail, description));
+                            label = ( localize(5255, '{0} {1}, {2}', label, detail, description));
                         }
                         else if (detail) {
-                            label = ( localize(5221, '{0} {1}', label, detail));
+                            label = ( localize(5256, '{0} {1}', label, detail));
                         }
                         else if (description) {
-                            label = ( localize(5222, '{0}, {1}', label, description));
+                            label = ( localize(5257, '{0}, {1}', label, description));
                         }
                     }
                     if (!item.isResolved || !this._isDetailsVisible()) {
@@ -194,7 +181,7 @@ let SuggestWidget = class SuggestWidget {
                     }
                     const { documentation, detail } = item.completion;
                     const docs = format('{0}{1}', detail || '', documentation ? (typeof documentation === 'string' ? documentation : documentation.value) : '');
-                    return ( localize(5223, "{0}, docs: {1}", label, docs));
+                    return ( localize(5258, "{0}, docs: {1}", label, docs));
                 },
             }
         })));
@@ -203,7 +190,7 @@ let SuggestWidget = class SuggestWidget {
             listInactiveFocusOutline: activeContrastBorder
         }));
         this._status = instantiationService.createInstance(SuggestWidgetStatus, this.element.domNode, suggestWidgetStatusbarMenu);
-        const applyStatusBarStyle = () => this.element.domNode.classList.toggle('with-status-bar', this.editor.getOption(EditorOption.suggest).showStatusBar);
+        const applyStatusBarStyle = () => this.element.domNode.classList.toggle('with-status-bar', this.editor.getOption(121 ).showStatusBar);
         applyStatusBarStyle();
         this._disposables.add(_themeService.onDidColorThemeChange(t => this._onThemeChange(t)));
         this._onThemeChange(_themeService.getColorTheme());
@@ -213,11 +200,11 @@ let SuggestWidget = class SuggestWidget {
         this._disposables.add(this._list.onDidChangeFocus(e => this._onListFocus(e)));
         this._disposables.add(this.editor.onDidChangeCursorSelection(() => this._onCursorSelectionChanged()));
         this._disposables.add(this.editor.onDidChangeConfiguration(e => {
-            if (e.hasChanged(EditorOption.suggest)) {
+            if (e.hasChanged(121 )) {
                 applyStatusBarStyle();
                 applyIconStyle();
             }
-            if (this._completionModel && (e.hasChanged(EditorOption.fontInfo) || e.hasChanged(EditorOption.suggestFontSize) || e.hasChanged(EditorOption.suggestLineHeight))) {
+            if (this._completionModel && (e.hasChanged(52 ) || e.hasChanged(122 ) || e.hasChanged(123 ))) {
                 this._list.splice(0, this._list.length, this._completionModel.items);
             }
         }));
@@ -254,7 +241,7 @@ let SuggestWidget = class SuggestWidget {
         }
     }
     _onCursorSelectionChanged() {
-        if (this._state !== State.Hidden) {
+        if (this._state !== 0 ) {
             this._contentWidget.layout();
         }
     }
@@ -285,6 +272,9 @@ let SuggestWidget = class SuggestWidget {
         if (this._ignoreFocusEvents) {
             return;
         }
+        if (this._state === 5 ) {
+            this._setState(3 );
+        }
         if (!e.elements.length) {
             if (this._currentSuggestionDetails) {
                 this._currentSuggestionDetails.cancel();
@@ -309,7 +299,7 @@ let SuggestWidget = class SuggestWidget {
             this._currentSuggestionDetails = createCancelablePromise(async (token) => {
                 const loading = disposableTimeout(() => {
                     if (this._isDetailsVisible()) {
-                        this.showDetails(true);
+                        this._showDetails(true, false);
                     }
                 }, 250);
                 const sub = token.onCancellationRequested(() => loading.dispose());
@@ -330,7 +320,7 @@ let SuggestWidget = class SuggestWidget {
                 this._list.setFocus([index]);
                 this._ignoreFocusEvents = false;
                 if (this._isDetailsVisible()) {
-                    this.showDetails(false);
+                    this._showDetails(false, false);
                 }
                 else {
                     this.element.domNode.classList.remove('docs-side');
@@ -345,10 +335,10 @@ let SuggestWidget = class SuggestWidget {
             return;
         }
         this._state = state;
-        this.element.domNode.classList.toggle('frozen', state === State.Frozen);
+        this.element.domNode.classList.toggle('frozen', state === 4 );
         this.element.domNode.classList.remove('message');
         switch (state) {
-            case State.Hidden:
+            case 0 :
                 hide(this._messageElement, this._listElement, this._status.element);
                 this._details.hide(true);
                 this._status.hide();
@@ -363,7 +353,7 @@ let SuggestWidget = class SuggestWidget {
                 this._cappedHeight = undefined;
                 this._explainMode = false;
                 break;
-            case State.Loading:
+            case 1 :
                 this.element.domNode.classList.add('message');
                 this._messageElement.textContent = SuggestWidget_1.LOADING_MESSAGE;
                 hide(this._listElement, this._status.element);
@@ -373,7 +363,7 @@ let SuggestWidget = class SuggestWidget {
                 this._focusedItem = undefined;
                 status(SuggestWidget_1.LOADING_MESSAGE);
                 break;
-            case State.Empty:
+            case 2 :
                 this.element.domNode.classList.add('message');
                 this._messageElement.textContent = SuggestWidget_1.NO_SUGGESTIONS_MESSAGE;
                 hide(this._listElement, this._status.element);
@@ -383,21 +373,22 @@ let SuggestWidget = class SuggestWidget {
                 this._focusedItem = undefined;
                 status(SuggestWidget_1.NO_SUGGESTIONS_MESSAGE);
                 break;
-            case State.Open:
+            case 3 :
                 hide(this._messageElement);
                 show(this._listElement, this._status.element);
                 this._show();
                 break;
-            case State.Frozen:
+            case 4 :
                 hide(this._messageElement);
                 show(this._listElement, this._status.element);
                 this._show();
                 break;
-            case State.Details:
+            case 5 :
                 hide(this._messageElement);
                 show(this._listElement, this._status.element);
                 this._details.show();
                 this._show();
+                this._details.widget.focus();
                 break;
         }
     }
@@ -412,13 +403,13 @@ let SuggestWidget = class SuggestWidget {
         }, 100);
     }
     showTriggered(auto, delay) {
-        if (this._state !== State.Hidden) {
+        if (this._state !== 0 ) {
             return;
         }
         this._contentWidget.setPosition(this.editor.getPosition());
         this._isAuto = !!auto;
         if (!this._isAuto) {
-            this._loadingTimeout = disposableTimeout(() => this._setState(State.Loading), delay);
+            this._loadingTimeout = disposableTimeout(() => this._setState(1 ), delay);
         }
     }
     showSuggestions(completionModel, selectionIndex, isFrozen, isAuto, noFocus) {
@@ -429,15 +420,15 @@ let SuggestWidget = class SuggestWidget {
         if (this._completionModel !== completionModel) {
             this._completionModel = completionModel;
         }
-        if (isFrozen && this._state !== State.Empty && this._state !== State.Hidden) {
-            this._setState(State.Frozen);
+        if (isFrozen && this._state !== 2  && this._state !== 0 ) {
+            this._setState(4 );
             return;
         }
         const visibleCount = this._completionModel.items.length;
         const isEmpty = visibleCount === 0;
         this._ctxSuggestWidgetMultipleSuggestions.set(visibleCount > 1);
         if (isEmpty) {
-            this._setState(isAuto ? State.Hidden : State.Empty);
+            this._setState(isAuto ? 0  : 2 );
             this._completionModel = undefined;
             return;
         }
@@ -446,7 +437,7 @@ let SuggestWidget = class SuggestWidget {
         this._onDidSelect.pause();
         try {
             this._list.splice(0, this._list.length, this._completionModel.items);
-            this._setState(isFrozen ? State.Frozen : State.Open);
+            this._setState(isFrozen ? 4  : 3 );
             this._list.reveal(selectionIndex, 0);
             this._list.setFocus(noFocus ? [] : [selectionIndex]);
         }
@@ -467,12 +458,12 @@ let SuggestWidget = class SuggestWidget {
     }
     selectNextPage() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Details:
+            case 5 :
                 this._details.widget.pageDown();
                 return true;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusNextPage();
@@ -481,9 +472,9 @@ let SuggestWidget = class SuggestWidget {
     }
     selectNext() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusNext(1, true);
@@ -492,12 +483,12 @@ let SuggestWidget = class SuggestWidget {
     }
     selectLast() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Details:
+            case 5 :
                 this._details.widget.scrollBottom();
                 return true;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusLast();
@@ -506,12 +497,12 @@ let SuggestWidget = class SuggestWidget {
     }
     selectPreviousPage() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Details:
+            case 5 :
                 this._details.widget.pageUp();
                 return true;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusPreviousPage();
@@ -520,9 +511,9 @@ let SuggestWidget = class SuggestWidget {
     }
     selectPrevious() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusPrevious(1, true);
@@ -531,12 +522,12 @@ let SuggestWidget = class SuggestWidget {
     }
     selectFirst() {
         switch (this._state) {
-            case State.Hidden:
+            case 0 :
                 return false;
-            case State.Details:
+            case 5 :
                 this._details.widget.scrollTop();
                 return true;
-            case State.Loading:
+            case 1 :
                 return !this._isAuto;
             default:
                 this._list.focusFirst();
@@ -544,9 +535,9 @@ let SuggestWidget = class SuggestWidget {
         }
     }
     getFocusedItem() {
-        if (this._state !== State.Hidden
-            && this._state !== State.Empty
-            && this._state !== State.Loading
+        if (this._state !== 0
+            && this._state !== 2
+            && this._state !== 1
             && this._completionModel
             && this._list.getFocus().length > 0) {
             return {
@@ -558,16 +549,21 @@ let SuggestWidget = class SuggestWidget {
         return undefined;
     }
     toggleDetailsFocus() {
-        if (this._state === State.Details) {
-            this._setState(State.Open);
-            this._details.widget.domNode.classList.remove('focused');
+        if (this._state === 5 ) {
+            this._list.setFocus(this._list.getFocus());
+            this._setState(3 );
         }
-        else if (this._state === State.Open && this._isDetailsVisible()) {
-            this._setState(State.Details);
-            this._details.widget.domNode.classList.add('focused');
+        else if (this._state === 3 ) {
+            this._setState(5 );
+            if (!this._isDetailsVisible()) {
+                this.toggleDetails(true);
+            }
+            else {
+                this._details.widget.focus();
+            }
         }
     }
-    toggleDetails() {
+    toggleDetails(focused = false) {
         if (this._isDetailsVisible()) {
             this._pendingShowDetails.clear();
             this._ctxSuggestWidgetDetailsVisible.set(false);
@@ -575,16 +571,17 @@ let SuggestWidget = class SuggestWidget {
             this._details.hide();
             this.element.domNode.classList.remove('shows-details');
         }
-        else if ((canExpandCompletionItem(this._list.getFocusedElements()[0]) || this._explainMode) && (this._state === State.Open || this._state === State.Details || this._state === State.Frozen)) {
+        else if ((canExpandCompletionItem(this._list.getFocusedElements()[0]) || this._explainMode) && ((this._state === 3  || this._state === 5  || this._state === 4) )) {
             this._ctxSuggestWidgetDetailsVisible.set(true);
             this._setDetailsVisible(true);
-            this.showDetails(false);
+            this._showDetails(false, focused);
         }
     }
-    showDetails(loading) {
+    _showDetails(loading, focused) {
         this._pendingShowDetails.value = runAtThisOrScheduleAtNextAnimationFrame(getWindow(this.element.domNode), () => {
             this._pendingShowDetails.clear();
             this._details.show();
+            let didFocusDetails = false;
             if (loading) {
                 this._details.widget.renderLoading();
             }
@@ -594,11 +591,17 @@ let SuggestWidget = class SuggestWidget {
             if (!this._details.widget.isEmpty) {
                 this._positionDetails();
                 this.element.domNode.classList.add('shows-details');
+                if (focused) {
+                    this._details.widget.focus();
+                    didFocusDetails = true;
+                }
             }
             else {
                 this._details.hide();
             }
-            this.editor.focus();
+            if (!didFocusDetails) {
+                this.editor.focus();
+            }
         });
     }
     toggleExplainMode() {
@@ -608,7 +611,7 @@ let SuggestWidget = class SuggestWidget {
                 this.toggleDetails();
             }
             else {
-                this.showDetails(false);
+                this._showDetails(false, false);
             }
         }
     }
@@ -619,7 +622,7 @@ let SuggestWidget = class SuggestWidget {
         this._pendingLayout.clear();
         this._pendingShowDetails.clear();
         this._loadingTimeout?.dispose();
-        this._setState(State.Hidden);
+        this._setState(0 );
         this._onDidHide.fire(this);
         this.element.clearSashHoverState();
         const dim = this._persistedSize.restore();
@@ -629,7 +632,7 @@ let SuggestWidget = class SuggestWidget {
         }
     }
     isFrozen() {
-        return this._state === State.Frozen;
+        return this._state === 4 ;
     }
     _afterRender(position) {
         if (position === null) {
@@ -638,7 +641,7 @@ let SuggestWidget = class SuggestWidget {
             }
             return;
         }
-        if (this._state === State.Empty || this._state === State.Loading) {
+        if (this._state === 2  || this._state === 1 ) {
             return;
         }
         if (this._isDetailsVisible() && !this._details.widget.isEmpty) {
@@ -661,12 +664,12 @@ let SuggestWidget = class SuggestWidget {
         let height = size.height;
         let width = size.width;
         this._status.element.style.height = `${info.itemHeight}px`;
-        if (this._state === State.Empty || this._state === State.Loading) {
+        if (this._state === 2  || this._state === 1 ) {
             height = info.itemHeight + info.borderHeight;
             width = info.defaultSize.width / 2;
             this.element.enableSashes(false, false, false, false);
             this.element.minSize = this.element.maxSize = new Dimension(width, height);
-            this._contentWidget.setPreference(ContentWidgetPositionPreference.BELOW);
+            this._contentWidget.setPreference(2 );
         }
         else {
             const maxWidth = bodyBox.width - info.borderHeight - 2 * info.horizontalPadding;
@@ -694,12 +697,12 @@ let SuggestWidget = class SuggestWidget {
             }
             const forceRenderingAboveRequiredSpace = 150;
             if (height > maxHeightBelow || (this._forceRenderingAbove && availableSpaceAbove > forceRenderingAboveRequiredSpace)) {
-                this._contentWidget.setPreference(ContentWidgetPositionPreference.ABOVE);
+                this._contentWidget.setPreference(1 );
                 this.element.enableSashes(true, true, false, false);
                 maxHeight = maxHeightAbove;
             }
             else {
-                this._contentWidget.setPreference(ContentWidgetPositionPreference.BELOW);
+                this._contentWidget.setPreference(2 );
                 this.element.enableSashes(false, true, true, false);
                 maxHeight = maxHeightBelow;
             }
@@ -725,13 +728,13 @@ let SuggestWidget = class SuggestWidget {
     }
     _positionDetails() {
         if (this._isDetailsVisible()) {
-            this._details.placeAtAnchor(this.element.domNode, this._contentWidget.getPosition()?.preference[0] === ContentWidgetPositionPreference.BELOW);
+            this._details.placeAtAnchor(this.element.domNode, this._contentWidget.getPosition()?.preference[0] === 2 );
         }
     }
     getLayoutInfo() {
-        const fontInfo = this.editor.getOption(EditorOption.fontInfo);
-        const itemHeight = clamp(this.editor.getOption(EditorOption.suggestLineHeight) || fontInfo.lineHeight, 8, 1000);
-        const statusBarHeight = !this.editor.getOption(EditorOption.suggest).showStatusBar || this._state === State.Empty || this._state === State.Loading ? 0 : itemHeight;
+        const fontInfo = this.editor.getOption(52 );
+        const itemHeight = clamp(this.editor.getOption(123 ) || fontInfo.lineHeight, 8, 1000);
+        const statusBarHeight = !this.editor.getOption(121 ).showStatusBar || this._state === 2  || this._state === 1  ? 0 : itemHeight;
         const borderWidth = this._details.widget.borderWidth;
         const borderHeight = 2 * borderWidth;
         return {
@@ -746,10 +749,10 @@ let SuggestWidget = class SuggestWidget {
         };
     }
     _isDetailsVisible() {
-        return this._storageService.getBoolean('expandSuggestionDocs', StorageScope.PROFILE, false);
+        return this._storageService.getBoolean('expandSuggestionDocs', 0 , false);
     }
     _setDetailsVisible(value) {
-        this._storageService.store('expandSuggestionDocs', value, StorageScope.PROFILE, StorageTarget.USER);
+        this._storageService.store('expandSuggestionDocs', value, 0 , 0 );
     }
     forceRenderingAbove() {
         if (!this._forceRenderingAbove) {

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetDetails.js

@@ -7,7 +7,6 @@ import { Emitter } from '../../../../base/common/event.js';
 import { MarkdownString } from '../../../../base/common/htmlContent.js';
 import { DisposableStore } from '../../../../base/common/lifecycle.js';
 import { MarkdownRenderer } from '../../../browser/widget/markdownRenderer/browser/markdownRenderer.js';
-import { EditorOption } from '../../../common/config/editorOptions.js';
 import { ResizableHTMLElement } from '../../../../base/browser/ui/resizable/resizable.js';
 import { localize } from '../../../../nls.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
@@ -36,12 +35,14 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         this._disposables.add(this._scrollbar);
         this._header = append(this._body, $('.header'));
         this._close = append(this._header, $('span' + ThemeIcon.asCSSSelector(Codicon.close)));
-        this._close.title = ( localize(9983, "Close"));
+        this._close.title = ( localize(10070, "Close"));
+        this._close.role = 'button';
+        this._close.tabIndex = -1;
         this._type = append(this._header, $('p.type'));
         this._docs = append(this._body, $('p.docs'));
         this._configureFont();
         this._disposables.add(this._editor.onDidChangeConfiguration(e => {
-            if (e.hasChanged(EditorOption.fontInfo)) {
+            if (e.hasChanged(52 )) {
                 this._configureFont();
             }
         }));
@@ -52,10 +53,10 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
     }
     _configureFont() {
         const options = this._editor.getOptions();
-        const fontInfo = options.get(EditorOption.fontInfo);
+        const fontInfo = options.get(52 );
         const fontFamily = fontInfo.getMassagedFontFamily();
-        const fontSize = options.get(EditorOption.suggestFontSize) || fontInfo.fontSize;
-        const lineHeight = options.get(EditorOption.suggestLineHeight) || fontInfo.lineHeight;
+        const fontSize = options.get(122 ) || fontInfo.fontSize;
+        const lineHeight = options.get(123 ) || fontInfo.lineHeight;
         const fontWeight = fontInfo.fontWeight;
         const fontSizePx = `${fontSize}px`;
         const lineHeightPx = `${lineHeight}px`;
@@ -68,7 +69,7 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         this._close.style.width = lineHeightPx;
     }
     getLayoutInfo() {
-        const lineHeight = this._editor.getOption(EditorOption.suggestLineHeight) || this._editor.getOption(EditorOption.fontInfo).lineHeight;
+        const lineHeight = this._editor.getOption(123 ) || this._editor.getOption(52 ).lineHeight;
         const borderWidth = this._borderWidth;
         const borderHeight = borderWidth * 2;
         return {
@@ -80,7 +81,7 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         };
     }
     renderLoading() {
-        this._type.textContent = ( localize(9984, "Loading..."));
+        this._type.textContent = ( localize(10071, "Loading..."));
         this._docs.textContent = '';
         this.domNode.classList.remove('no-docs', 'no-type');
         this.layout(this.size.width, this.getLayoutInfo().lineHeight * 2);
@@ -192,6 +193,9 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
     get borderWidth() {
         return this._borderWidth;
     }
+    focus() {
+        this.domNode.focus();
+    }
 };
 SuggestDetailsWidget = ( (__decorate([
     ( (__param(1, IInstantiationService)))