@easyv/biz-components 0.0.52-beta.1 → 0.0.52-beta.2

package/dist/node_modules/.pnpm/monaco-editor@0.52.2/node_modules/monaco-editor/esm/vs/editor/contrib/suggest/browser/suggestWidget.es.js

@@ -1,909 +0,0 @@
-var _a;
-import { Dimension, append, $, addStandardDisposableListener, hide, show, runAtThisOrScheduleAtNextAnimationFrame, getWindow, getClientArea, getDomNodePagePosition } from "../../../../base/browser/dom.es.js";
-/* empty css                                                          */
-/* empty css                                                                    */
-import { List } from "../../../../base/browser/ui/list/listWidget.es.js";
-import { TimeoutTimer, createCancelablePromise, disposableTimeout } from "../../../../base/common/async.es.js";
-import { onUnexpectedError } from "../../../../base/common/errors.es.js";
-import { PauseableEmitter, Emitter } from "../../../../base/common/event.es.js";
-import { MutableDisposable, DisposableStore } from "../../../../base/common/lifecycle.es.js";
-import { clamp } from "../../../../base/common/numbers.es.js";
-import { format } from "../../../../base/common/strings.es.js";
-/* empty css                     */
-import { EmbeddedCodeEditorWidget } from "../../../browser/widget/codeEditor/embeddedCodeEditorWidget.es.js";
-import { SuggestWidgetStatus } from "./suggestWidgetStatus.es.js";
-import "../../symbolIcons/browser/symbolIcons.es.js";
-import { localize } from "../../../../nls.es.js";
-import { IContextKeyService } from "../../../../platform/contextkey/common/contextkey.es.js";
-import { IInstantiationService } from "../../../../platform/instantiation/common/instantiation.es.js";
-import { IStorageService } from "../../../../platform/storage/common/storage.es.js";
-import { registerColor, transparent } from "../../../../platform/theme/common/colorUtils.es.js";
-import { activeContrastBorder } from "../../../../platform/theme/common/colors/baseColors.es.js";
-import "../../../../platform/theme/common/colors/chartsColors.es.js";
-import { editorWidgetBackground, editorWidgetBorder, editorForeground } from "../../../../platform/theme/common/colors/editorColors.es.js";
-import "../../../../platform/theme/common/colors/inputColors.es.js";
-import { listHighlightForeground, listFocusHighlightForeground } from "../../../../platform/theme/common/colors/listColors.es.js";
-import "../../../../platform/theme/common/colors/menuColors.es.js";
-import "../../../../platform/theme/common/colors/minimapColors.es.js";
-import "../../../../platform/theme/common/colors/miscColors.es.js";
-import { quickInputListFocusForeground, quickInputListFocusIconForeground, quickInputListFocusBackground } from "../../../../platform/theme/common/colors/quickpickColors.es.js";
-import "../../../../platform/theme/common/colors/searchColors.es.js";
-import { isHighContrast } from "../../../../platform/theme/common/theme.es.js";
-import { IThemeService } from "../../../../platform/theme/common/themeService.es.js";
-import { ResizableHTMLElement } from "../../../../base/browser/ui/resizable/resizable.es.js";
-import { suggestWidgetStatusbarMenu, Context } from "./suggest.es.js";
-import { SuggestDetailsWidget, SuggestDetailsOverlay, canExpandCompletionItem } from "./suggestWidgetDetails.es.js";
-import { ItemRenderer, getAriaId } from "./suggestWidgetRenderer.es.js";
-import { getListStyles } from "../../../../platform/theme/browser/defaultStyles.es.js";
-import { status } from "../../../../base/browser/ui/aria/aria.es.js";
-var __decorate = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __param = function(paramIndex, decorator) {
-  return function(target, key) {
-    decorator(target, key, paramIndex);
-  };
-};
-var SuggestWidget_1;
-registerColor("editorSuggestWidget.background", editorWidgetBackground, localize("editorSuggestWidgetBackground", "Background color of the suggest widget."));
-registerColor("editorSuggestWidget.border", editorWidgetBorder, localize("editorSuggestWidgetBorder", "Border color of the suggest widget."));
-const editorSuggestWidgetForeground = registerColor("editorSuggestWidget.foreground", editorForeground, localize("editorSuggestWidgetForeground", "Foreground color of the suggest widget."));
-registerColor("editorSuggestWidget.selectedForeground", quickInputListFocusForeground, localize("editorSuggestWidgetSelectedForeground", "Foreground color of the selected entry in the suggest widget."));
-registerColor("editorSuggestWidget.selectedIconForeground", quickInputListFocusIconForeground, localize("editorSuggestWidgetSelectedIconForeground", "Icon foreground color of the selected entry in the suggest widget."));
-const editorSuggestWidgetSelectedBackground = registerColor("editorSuggestWidget.selectedBackground", quickInputListFocusBackground, localize("editorSuggestWidgetSelectedBackground", "Background color of the selected entry in the suggest widget."));
-registerColor("editorSuggestWidget.highlightForeground", listHighlightForeground, localize("editorSuggestWidgetHighlightForeground", "Color of the match highlights in the suggest widget."));
-registerColor("editorSuggestWidget.focusHighlightForeground", listFocusHighlightForeground, localize("editorSuggestWidgetFocusHighlightForeground", "Color of the match highlights in the suggest widget when an item is focused."));
-registerColor("editorSuggestWidgetStatus.foreground", transparent(editorSuggestWidgetForeground, 0.5), localize("editorSuggestWidgetStatusForeground", "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,
-      0
-      /* StorageScope.PROFILE */
-    ) ?? "";
-    try {
-      const obj = JSON.parse(raw);
-      if (Dimension.is(obj)) {
-        return Dimension.lift(obj);
-      }
-    } catch {
-    }
-    return void 0;
-  }
-  store(size) {
-    this._service.store(
-      this._key,
-      JSON.stringify(size),
-      0,
-      1
-      /* StorageTarget.MACHINE */
-    );
-  }
-  reset() {
-    this._service.remove(
-      this._key,
-      0
-      /* StorageScope.PROFILE */
-    );
-  }
-}
-let SuggestWidget = (_a = class {
-  constructor(editor, _storageService, _contextKeyService, _themeService, instantiationService) {
-    this.editor = editor;
-    this._storageService = _storageService;
-    this._state = 0;
-    this._isAuto = false;
-    this._pendingLayout = new MutableDisposable();
-    this._pendingShowDetails = new MutableDisposable();
-    this._ignoreFocusEvents = false;
-    this._forceRenderingAbove = false;
-    this._explainMode = false;
-    this._showTimeout = new TimeoutTimer();
-    this._disposables = new DisposableStore();
-    this._onDidSelect = new PauseableEmitter();
-    this._onDidFocus = new PauseableEmitter();
-    this._onDidHide = new Emitter();
-    this._onDidShow = new Emitter();
-    this.onDidSelect = this._onDidSelect.event;
-    this.onDidFocus = this._onDidFocus.event;
-    this.onDidHide = this._onDidHide.event;
-    this.onDidShow = this._onDidShow.event;
-    this._onDetailsKeydown = new Emitter();
-    this.onDetailsKeyDown = this._onDetailsKeydown.event;
-    this.element = new ResizableHTMLElement();
-    this.element.domNode.classList.add("editor-widget", "suggest-widget");
-    this._contentWidget = new SuggestContentWidget(this, editor);
-    this._persistedSize = new PersistedWidgetSize(_storageService, editor);
-    class ResizeState {
-      constructor(persistedSize, currentSize, persistHeight = false, persistWidth = false) {
-        this.persistedSize = persistedSize;
-        this.currentSize = currentSize;
-        this.persistHeight = persistHeight;
-        this.persistWidth = persistWidth;
-      }
-    }
-    let state;
-    this._disposables.add(this.element.onDidWillResize(() => {
-      this._contentWidget.lockPreference();
-      state = new ResizeState(this._persistedSize.restore(), this.element.size);
-    }));
-    this._disposables.add(this.element.onDidResize((e) => {
-      var _a2, _b;
-      this._resize(e.dimension.width, e.dimension.height);
-      if (state) {
-        state.persistHeight = state.persistHeight || !!e.north || !!e.south;
-        state.persistWidth = state.persistWidth || !!e.east || !!e.west;
-      }
-      if (!e.done) {
-        return;
-      }
-      if (state) {
-        const { itemHeight, defaultSize } = this.getLayoutInfo();
-        const threshold = Math.round(itemHeight / 2);
-        let { width, height } = this.element.size;
-        if (!state.persistHeight || Math.abs(state.currentSize.height - height) <= threshold) {
-          height = ((_a2 = state.persistedSize) == null ? void 0 : _a2.height) ?? defaultSize.height;
-        }
-        if (!state.persistWidth || Math.abs(state.currentSize.width - width) <= threshold) {
-          width = ((_b = state.persistedSize) == null ? void 0 : _b.width) ?? defaultSize.width;
-        }
-        this._persistedSize.store(new Dimension(width, height));
-      }
-      this._contentWidget.unlockPreference();
-      state = void 0;
-    }));
-    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);
-    this._details = new SuggestDetailsOverlay(details, this.editor);
-    const applyIconStyle = () => this.element.domNode.classList.toggle("no-icons", !this.editor.getOption(
-      119
-      /* EditorOption.suggest */
-    ).showIcons);
-    applyIconStyle();
-    const renderer = instantiationService.createInstance(ItemRenderer, this.editor);
-    this._disposables.add(renderer);
-    this._disposables.add(renderer.onDidToggleDetails(() => this.toggleDetails()));
-    this._list = new List("SuggestWidget", this._listElement, {
-      getHeight: (_element) => this.getLayoutInfo().itemHeight,
-      getTemplateId: (_element) => "suggestion"
-    }, [renderer], {
-      alwaysConsumeMouseWheel: true,
-      useShadows: false,
-      mouseSupport: false,
-      multipleSelectionSupport: false,
-      accessibilityProvider: {
-        getRole: () => "option",
-        getWidgetAriaLabel: () => localize("suggest", "Suggest"),
-        getWidgetRole: () => "listbox",
-        getAriaLabel: (item) => {
-          let label = item.textLabel;
-          if (typeof item.completion.label !== "string") {
-            const { detail: detail2, description } = item.completion.label;
-            if (detail2 && description) {
-              label = localize("label.full", "{0} {1}, {2}", label, detail2, description);
-            } else if (detail2) {
-              label = localize("label.detail", "{0} {1}", label, detail2);
-            } else if (description) {
-              label = localize("label.desc", "{0}, {1}", label, description);
-            }
-          }
-          if (!item.isResolved || !this._isDetailsVisible()) {
-            return label;
-          }
-          const { documentation, detail } = item.completion;
-          const docs = format("{0}{1}", detail || "", documentation ? typeof documentation === "string" ? documentation : documentation.value : "");
-          return localize("ariaCurrenttSuggestionReadDetails", "{0}, docs: {1}", label, docs);
-        }
-      }
-    });
-    this._list.style(getListStyles({
-      listInactiveFocusBackground: editorSuggestWidgetSelectedBackground,
-      listInactiveFocusOutline: activeContrastBorder
-    }));
-    this._status = instantiationService.createInstance(SuggestWidgetStatus, this.element.domNode, suggestWidgetStatusbarMenu);
-    const applyStatusBarStyle = () => this.element.domNode.classList.toggle("with-status-bar", this.editor.getOption(
-      119
-      /* EditorOption.suggest */
-    ).showStatusBar);
-    applyStatusBarStyle();
-    this._disposables.add(_themeService.onDidColorThemeChange((t) => this._onThemeChange(t)));
-    this._onThemeChange(_themeService.getColorTheme());
-    this._disposables.add(this._list.onMouseDown((e) => this._onListMouseDownOrTap(e)));
-    this._disposables.add(this._list.onTap((e) => this._onListMouseDownOrTap(e)));
-    this._disposables.add(this._list.onDidChangeSelection((e) => this._onListSelection(e)));
-    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(
-        119
-        /* EditorOption.suggest */
-      )) {
-        applyStatusBarStyle();
-        applyIconStyle();
-      }
-      if (this._completionModel && (e.hasChanged(
-        50
-        /* EditorOption.fontInfo */
-      ) || e.hasChanged(
-        120
-        /* EditorOption.suggestFontSize */
-      ) || e.hasChanged(
-        121
-        /* EditorOption.suggestLineHeight */
-      ))) {
-        this._list.splice(0, this._list.length, this._completionModel.items);
-      }
-    }));
-    this._ctxSuggestWidgetVisible = Context.Visible.bindTo(_contextKeyService);
-    this._ctxSuggestWidgetDetailsVisible = Context.DetailsVisible.bindTo(_contextKeyService);
-    this._ctxSuggestWidgetMultipleSuggestions = Context.MultipleSuggestions.bindTo(_contextKeyService);
-    this._ctxSuggestWidgetHasFocusedSuggestion = Context.HasFocusedSuggestion.bindTo(_contextKeyService);
-    this._disposables.add(addStandardDisposableListener(this._details.widget.domNode, "keydown", (e) => {
-      this._onDetailsKeydown.fire(e);
-    }));
-    this._disposables.add(this.editor.onMouseDown((e) => this._onEditorMouseDown(e)));
-  }
-  dispose() {
-    var _a2;
-    this._details.widget.dispose();
-    this._details.dispose();
-    this._list.dispose();
-    this._status.dispose();
-    this._disposables.dispose();
-    (_a2 = this._loadingTimeout) == null ? void 0 : _a2.dispose();
-    this._pendingLayout.dispose();
-    this._pendingShowDetails.dispose();
-    this._showTimeout.dispose();
-    this._contentWidget.dispose();
-    this.element.dispose();
-  }
-  _onEditorMouseDown(mouseEvent) {
-    if (this._details.widget.domNode.contains(mouseEvent.target.element)) {
-      this._details.widget.domNode.focus();
-    } else {
-      if (this.element.domNode.contains(mouseEvent.target.element)) {
-        this.editor.focus();
-      }
-    }
-  }
-  _onCursorSelectionChanged() {
-    if (this._state !== 0) {
-      this._contentWidget.layout();
-    }
-  }
-  _onListMouseDownOrTap(e) {
-    if (typeof e.element === "undefined" || typeof e.index === "undefined") {
-      return;
-    }
-    e.browserEvent.preventDefault();
-    e.browserEvent.stopPropagation();
-    this._select(e.element, e.index);
-  }
-  _onListSelection(e) {
-    if (e.elements.length) {
-      this._select(e.elements[0], e.indexes[0]);
-    }
-  }
-  _select(item, index) {
-    const completionModel = this._completionModel;
-    if (completionModel) {
-      this._onDidSelect.fire({ item, index, model: completionModel });
-      this.editor.focus();
-    }
-  }
-  _onThemeChange(theme) {
-    this._details.widget.borderWidth = isHighContrast(theme.type) ? 2 : 1;
-  }
-  _onListFocus(e) {
-    var _a2;
-    if (this._ignoreFocusEvents) {
-      return;
-    }
-    if (!e.elements.length) {
-      if (this._currentSuggestionDetails) {
-        this._currentSuggestionDetails.cancel();
-        this._currentSuggestionDetails = void 0;
-        this._focusedItem = void 0;
-      }
-      this.editor.setAriaOptions({ activeDescendant: void 0 });
-      this._ctxSuggestWidgetHasFocusedSuggestion.set(false);
-      return;
-    }
-    if (!this._completionModel) {
-      return;
-    }
-    this._ctxSuggestWidgetHasFocusedSuggestion.set(true);
-    const item = e.elements[0];
-    const index = e.indexes[0];
-    if (item !== this._focusedItem) {
-      (_a2 = this._currentSuggestionDetails) == null ? void 0 : _a2.cancel();
-      this._currentSuggestionDetails = void 0;
-      this._focusedItem = item;
-      this._list.reveal(index);
-      this._currentSuggestionDetails = createCancelablePromise(async (token) => {
-        const loading = disposableTimeout(() => {
-          if (this._isDetailsVisible()) {
-            this.showDetails(true);
-          }
-        }, 250);
-        const sub = token.onCancellationRequested(() => loading.dispose());
-        try {
-          return await item.resolve(token);
-        } finally {
-          loading.dispose();
-          sub.dispose();
-        }
-      });
-      this._currentSuggestionDetails.then(() => {
-        if (index >= this._list.length || item !== this._list.element(index)) {
-          return;
-        }
-        this._ignoreFocusEvents = true;
-        this._list.splice(index, 1, [item]);
-        this._list.setFocus([index]);
-        this._ignoreFocusEvents = false;
-        if (this._isDetailsVisible()) {
-          this.showDetails(false);
-        } else {
-          this.element.domNode.classList.remove("docs-side");
-        }
-        this.editor.setAriaOptions({ activeDescendant: getAriaId(index) });
-      }).catch(onUnexpectedError);
-    }
-    this._onDidFocus.fire({ item, index, model: this._completionModel });
-  }
-  _setState(state) {
-    if (this._state === state) {
-      return;
-    }
-    this._state = state;
-    this.element.domNode.classList.toggle(
-      "frozen",
-      state === 4
-      /* State.Frozen */
-    );
-    this.element.domNode.classList.remove("message");
-    switch (state) {
-      case 0:
-        hide(this._messageElement, this._listElement, this._status.element);
-        this._details.hide(true);
-        this._status.hide();
-        this._contentWidget.hide();
-        this._ctxSuggestWidgetVisible.reset();
-        this._ctxSuggestWidgetMultipleSuggestions.reset();
-        this._ctxSuggestWidgetHasFocusedSuggestion.reset();
-        this._showTimeout.cancel();
-        this.element.domNode.classList.remove("visible");
-        this._list.splice(0, this._list.length);
-        this._focusedItem = void 0;
-        this._cappedHeight = void 0;
-        this._explainMode = false;
-        break;
-      case 1:
-        this.element.domNode.classList.add("message");
-        this._messageElement.textContent = SuggestWidget_1.LOADING_MESSAGE;
-        hide(this._listElement, this._status.element);
-        show(this._messageElement);
-        this._details.hide();
-        this._show();
-        this._focusedItem = void 0;
-        status(SuggestWidget_1.LOADING_MESSAGE);
-        break;
-      case 2:
-        this.element.domNode.classList.add("message");
-        this._messageElement.textContent = SuggestWidget_1.NO_SUGGESTIONS_MESSAGE;
-        hide(this._listElement, this._status.element);
-        show(this._messageElement);
-        this._details.hide();
-        this._show();
-        this._focusedItem = void 0;
-        status(SuggestWidget_1.NO_SUGGESTIONS_MESSAGE);
-        break;
-      case 3:
-        hide(this._messageElement);
-        show(this._listElement, this._status.element);
-        this._show();
-        break;
-      case 4:
-        hide(this._messageElement);
-        show(this._listElement, this._status.element);
-        this._show();
-        break;
-      case 5:
-        hide(this._messageElement);
-        show(this._listElement, this._status.element);
-        this._details.show();
-        this._show();
-        break;
-    }
-  }
-  _show() {
-    this._status.show();
-    this._contentWidget.show();
-    this._layout(this._persistedSize.restore());
-    this._ctxSuggestWidgetVisible.set(true);
-    this._showTimeout.cancelAndSet(() => {
-      this.element.domNode.classList.add("visible");
-      this._onDidShow.fire(this);
-    }, 100);
-  }
-  showTriggered(auto, delay) {
-    if (this._state !== 0) {
-      return;
-    }
-    this._contentWidget.setPosition(this.editor.getPosition());
-    this._isAuto = !!auto;
-    if (!this._isAuto) {
-      this._loadingTimeout = disposableTimeout(() => this._setState(
-        1
-        /* State.Loading */
-      ), delay);
-    }
-  }
-  showSuggestions(completionModel, selectionIndex, isFrozen, isAuto, noFocus) {
-    var _a2, _b;
-    this._contentWidget.setPosition(this.editor.getPosition());
-    (_a2 = this._loadingTimeout) == null ? void 0 : _a2.dispose();
-    (_b = this._currentSuggestionDetails) == null ? void 0 : _b.cancel();
-    this._currentSuggestionDetails = void 0;
-    if (this._completionModel !== completionModel) {
-      this._completionModel = completionModel;
-    }
-    if (isFrozen && this._state !== 2 && this._state !== 0) {
-      this._setState(
-        4
-        /* State.Frozen */
-      );
-      return;
-    }
-    const visibleCount = this._completionModel.items.length;
-    const isEmpty = visibleCount === 0;
-    this._ctxSuggestWidgetMultipleSuggestions.set(visibleCount > 1);
-    if (isEmpty) {
-      this._setState(
-        isAuto ? 0 : 2
-        /* State.Empty */
-      );
-      this._completionModel = void 0;
-      return;
-    }
-    this._focusedItem = void 0;
-    this._onDidFocus.pause();
-    this._onDidSelect.pause();
-    try {
-      this._list.splice(0, this._list.length, this._completionModel.items);
-      this._setState(
-        isFrozen ? 4 : 3
-        /* State.Open */
-      );
-      this._list.reveal(selectionIndex, 0);
-      this._list.setFocus(noFocus ? [] : [selectionIndex]);
-    } finally {
-      this._onDidFocus.resume();
-      this._onDidSelect.resume();
-    }
-    this._pendingLayout.value = runAtThisOrScheduleAtNextAnimationFrame(getWindow(this.element.domNode), () => {
-      this._pendingLayout.clear();
-      this._layout(this.element.size);
-      this._details.widget.domNode.classList.remove("focused");
-    });
-  }
-  focusSelected() {
-    if (this._list.length > 0) {
-      this._list.setFocus([0]);
-    }
-  }
-  selectNextPage() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 5:
-        this._details.widget.pageDown();
-        return true;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusNextPage();
-        return true;
-    }
-  }
-  selectNext() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusNext(1, true);
-        return true;
-    }
-  }
-  selectLast() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 5:
-        this._details.widget.scrollBottom();
-        return true;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusLast();
-        return true;
-    }
-  }
-  selectPreviousPage() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 5:
-        this._details.widget.pageUp();
-        return true;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusPreviousPage();
-        return true;
-    }
-  }
-  selectPrevious() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusPrevious(1, true);
-        return false;
-    }
-  }
-  selectFirst() {
-    switch (this._state) {
-      case 0:
-        return false;
-      case 5:
-        this._details.widget.scrollTop();
-        return true;
-      case 1:
-        return !this._isAuto;
-      default:
-        this._list.focusFirst();
-        return true;
-    }
-  }
-  getFocusedItem() {
-    if (this._state !== 0 && this._state !== 2 && this._state !== 1 && this._completionModel && this._list.getFocus().length > 0) {
-      return {
-        item: this._list.getFocusedElements()[0],
-        index: this._list.getFocus()[0],
-        model: this._completionModel
-      };
-    }
-    return void 0;
-  }
-  toggleDetailsFocus() {
-    if (this._state === 5) {
-      this._setState(
-        3
-        /* State.Open */
-      );
-      this._details.widget.domNode.classList.remove("focused");
-    } else if (this._state === 3 && this._isDetailsVisible()) {
-      this._setState(
-        5
-        /* State.Details */
-      );
-      this._details.widget.domNode.classList.add("focused");
-    }
-  }
-  toggleDetails() {
-    if (this._isDetailsVisible()) {
-      this._pendingShowDetails.clear();
-      this._ctxSuggestWidgetDetailsVisible.set(false);
-      this._setDetailsVisible(false);
-      this._details.hide();
-      this.element.domNode.classList.remove("shows-details");
-    } 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);
-    }
-  }
-  showDetails(loading) {
-    this._pendingShowDetails.value = runAtThisOrScheduleAtNextAnimationFrame(getWindow(this.element.domNode), () => {
-      this._pendingShowDetails.clear();
-      this._details.show();
-      if (loading) {
-        this._details.widget.renderLoading();
-      } else {
-        this._details.widget.renderItem(this._list.getFocusedElements()[0], this._explainMode);
-      }
-      if (!this._details.widget.isEmpty) {
-        this._positionDetails();
-        this.element.domNode.classList.add("shows-details");
-      } else {
-        this._details.hide();
-      }
-      this.editor.focus();
-    });
-  }
-  toggleExplainMode() {
-    if (this._list.getFocusedElements()[0]) {
-      this._explainMode = !this._explainMode;
-      if (!this._isDetailsVisible()) {
-        this.toggleDetails();
-      } else {
-        this.showDetails(false);
-      }
-    }
-  }
-  resetPersistedSize() {
-    this._persistedSize.reset();
-  }
-  hideWidget() {
-    var _a2;
-    this._pendingLayout.clear();
-    this._pendingShowDetails.clear();
-    (_a2 = this._loadingTimeout) == null ? void 0 : _a2.dispose();
-    this._setState(
-      0
-      /* State.Hidden */
-    );
-    this._onDidHide.fire(this);
-    this.element.clearSashHoverState();
-    const dim = this._persistedSize.restore();
-    const minPersistedHeight = Math.ceil(this.getLayoutInfo().itemHeight * 4.3);
-    if (dim && dim.height < minPersistedHeight) {
-      this._persistedSize.store(dim.with(void 0, minPersistedHeight));
-    }
-  }
-  isFrozen() {
-    return this._state === 4;
-  }
-  _afterRender(position) {
-    if (position === null) {
-      if (this._isDetailsVisible()) {
-        this._details.hide();
-      }
-      return;
-    }
-    if (this._state === 2 || this._state === 1) {
-      return;
-    }
-    if (this._isDetailsVisible() && !this._details.widget.isEmpty) {
-      this._details.show();
-    }
-    this._positionDetails();
-  }
-  _layout(size) {
-    var _a2, _b;
-    if (!this.editor.hasModel()) {
-      return;
-    }
-    if (!this.editor.getDomNode()) {
-      return;
-    }
-    const bodyBox = getClientArea(this.element.domNode.ownerDocument.body);
-    const info = this.getLayoutInfo();
-    if (!size) {
-      size = info.defaultSize;
-    }
-    let height = size.height;
-    let width = size.width;
-    this._status.element.style.height = `${info.itemHeight}px`;
-    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(
-        2
-        /* ContentWidgetPositionPreference.BELOW */
-      );
-    } else {
-      const maxWidth = bodyBox.width - info.borderHeight - 2 * info.horizontalPadding;
-      if (width > maxWidth) {
-        width = maxWidth;
-      }
-      const preferredWidth = this._completionModel ? this._completionModel.stats.pLabelLen * info.typicalHalfwidthCharacterWidth : width;
-      const fullHeight = info.statusBarHeight + this._list.contentHeight + info.borderHeight;
-      const minHeight = info.itemHeight + info.statusBarHeight;
-      const editorBox = getDomNodePagePosition(this.editor.getDomNode());
-      const cursorBox = this.editor.getScrolledVisiblePosition(this.editor.getPosition());
-      const cursorBottom = editorBox.top + cursorBox.top + cursorBox.height;
-      const maxHeightBelow = Math.min(bodyBox.height - cursorBottom - info.verticalPadding, fullHeight);
-      const availableSpaceAbove = editorBox.top + cursorBox.top - info.verticalPadding;
-      const maxHeightAbove = Math.min(availableSpaceAbove, fullHeight);
-      let maxHeight = Math.min(Math.max(maxHeightAbove, maxHeightBelow) + info.borderHeight, fullHeight);
-      if (height === ((_a2 = this._cappedHeight) == null ? void 0 : _a2.capped)) {
-        height = this._cappedHeight.wanted;
-      }
-      if (height < minHeight) {
-        height = minHeight;
-      }
-      if (height > maxHeight) {
-        height = maxHeight;
-      }
-      const forceRenderingAboveRequiredSpace = 150;
-      if (height > maxHeightBelow || this._forceRenderingAbove && availableSpaceAbove > forceRenderingAboveRequiredSpace) {
-        this._contentWidget.setPreference(
-          1
-          /* ContentWidgetPositionPreference.ABOVE */
-        );
-        this.element.enableSashes(true, true, false, false);
-        maxHeight = maxHeightAbove;
-      } else {
-        this._contentWidget.setPreference(
-          2
-          /* ContentWidgetPositionPreference.BELOW */
-        );
-        this.element.enableSashes(false, true, true, false);
-        maxHeight = maxHeightBelow;
-      }
-      this.element.preferredSize = new Dimension(preferredWidth, info.defaultSize.height);
-      this.element.maxSize = new Dimension(maxWidth, maxHeight);
-      this.element.minSize = new Dimension(220, minHeight);
-      this._cappedHeight = height === fullHeight ? { wanted: ((_b = this._cappedHeight) == null ? void 0 : _b.wanted) ?? size.height, capped: height } : void 0;
-    }
-    this._resize(width, height);
-  }
-  _resize(width, height) {
-    const { width: maxWidth, height: maxHeight } = this.element.maxSize;
-    width = Math.min(maxWidth, width);
-    height = Math.min(maxHeight, height);
-    const { statusBarHeight } = this.getLayoutInfo();
-    this._list.layout(height - statusBarHeight, width);
-    this._listElement.style.height = `${height - statusBarHeight}px`;
-    this.element.layout(height, width);
-    this._contentWidget.layout();
-    this._positionDetails();
-  }
-  _positionDetails() {
-    var _a2;
-    if (this._isDetailsVisible()) {
-      this._details.placeAtAnchor(
-        this.element.domNode,
-        ((_a2 = this._contentWidget.getPosition()) == null ? void 0 : _a2.preference[0]) === 2
-        /* ContentWidgetPositionPreference.BELOW */
-      );
-    }
-  }
-  getLayoutInfo() {
-    const fontInfo = this.editor.getOption(
-      50
-      /* EditorOption.fontInfo */
-    );
-    const itemHeight = clamp(this.editor.getOption(
-      121
-      /* EditorOption.suggestLineHeight */
-    ) || fontInfo.lineHeight, 8, 1e3);
-    const statusBarHeight = !this.editor.getOption(
-      119
-      /* EditorOption.suggest */
-    ).showStatusBar || this._state === 2 || this._state === 1 ? 0 : itemHeight;
-    const borderWidth = this._details.widget.borderWidth;
-    const borderHeight = 2 * borderWidth;
-    return {
-      itemHeight,
-      statusBarHeight,
-      borderWidth,
-      borderHeight,
-      typicalHalfwidthCharacterWidth: fontInfo.typicalHalfwidthCharacterWidth,
-      verticalPadding: 22,
-      horizontalPadding: 14,
-      defaultSize: new Dimension(430, statusBarHeight + 12 * itemHeight + borderHeight)
-    };
-  }
-  _isDetailsVisible() {
-    return this._storageService.getBoolean("expandSuggestionDocs", 0, false);
-  }
-  _setDetailsVisible(value) {
-    this._storageService.store(
-      "expandSuggestionDocs",
-      value,
-      0,
-      0
-      /* StorageTarget.USER */
-    );
-  }
-  forceRenderingAbove() {
-    if (!this._forceRenderingAbove) {
-      this._forceRenderingAbove = true;
-      this._layout(this._persistedSize.restore());
-    }
-  }
-  stopForceRenderingAbove() {
-    this._forceRenderingAbove = false;
-  }
-}, SuggestWidget_1 = _a, _a.LOADING_MESSAGE = localize("suggestWidget.loading", "Loading..."), _a.NO_SUGGESTIONS_MESSAGE = localize("suggestWidget.noSuggestions", "No suggestions."), _a);
-SuggestWidget = SuggestWidget_1 = __decorate([
-  __param(1, IStorageService),
-  __param(2, IContextKeyService),
-  __param(3, IThemeService),
-  __param(4, IInstantiationService)
-], SuggestWidget);
-class SuggestContentWidget {
-  constructor(_widget, _editor) {
-    this._widget = _widget;
-    this._editor = _editor;
-    this.allowEditorOverflow = true;
-    this.suppressMouseDown = false;
-    this._preferenceLocked = false;
-    this._added = false;
-    this._hidden = false;
-  }
-  dispose() {
-    if (this._added) {
-      this._added = false;
-      this._editor.removeContentWidget(this);
-    }
-  }
-  getId() {
-    return "editor.widget.suggestWidget";
-  }
-  getDomNode() {
-    return this._widget.element.domNode;
-  }
-  show() {
-    this._hidden = false;
-    if (!this._added) {
-      this._added = true;
-      this._editor.addContentWidget(this);
-    }
-  }
-  hide() {
-    if (!this._hidden) {
-      this._hidden = true;
-      this.layout();
-    }
-  }
-  layout() {
-    this._editor.layoutContentWidget(this);
-  }
-  getPosition() {
-    if (this._hidden || !this._position || !this._preference) {
-      return null;
-    }
-    return {
-      position: this._position,
-      preference: [this._preference]
-    };
-  }
-  beforeRender() {
-    const { height, width } = this._widget.element.size;
-    const { borderWidth, horizontalPadding } = this._widget.getLayoutInfo();
-    return new Dimension(width + 2 * borderWidth + horizontalPadding, height + 2 * borderWidth);
-  }
-  afterRender(position) {
-    this._widget._afterRender(position);
-  }
-  setPreference(preference) {
-    if (!this._preferenceLocked) {
-      this._preference = preference;
-    }
-  }
-  lockPreference() {
-    this._preferenceLocked = true;
-  }
-  unlockPreference() {
-    this._preferenceLocked = false;
-  }
-  setPosition(position) {
-    this._position = position;
-  }
-}
-export {
-  SuggestContentWidget,
-  SuggestWidget,
-  editorSuggestWidgetSelectedBackground
-};
-//# sourceMappingURL=suggestWidget.es.js.map