@codingame/monaco-vscode-api 25.1.1 → 26.0.0

package/vscode/src/vs/platform/quickinput/browser/quickInputList.js

@@ -44,12 +44,9 @@ class BaseQuickPickItemElement {
         this.hasCheckbox = hasCheckbox;
         this._hidden = false;
         this._init = ( new Lazy(() => {
-            const saneLabel = mainItem.label ?? '';
+            const saneLabel = mainItem.label ?? "";
             const saneSortLabel = parseLabelWithIcons(saneLabel).text.trim();
-            const saneAriaLabel = mainItem.ariaLabel || ( [saneLabel, this.saneDescription, this.saneDetail]
-                .map(s => getCodiconAriaLabel(s)))
-                .filter(s => !!s)
-                .join(', ');
+            const saneAriaLabel = mainItem.ariaLabel || ( [saneLabel, this.saneDescription, this.saneDetail].map(s => getCodiconAriaLabel(s))).filter(s => !!s).join(", ");
             return {
                 saneLabel,
                 saneSortLabel,
@@ -118,7 +115,15 @@ class BaseQuickPickItemElement {
     }
 }
 class QuickPickItemElement extends BaseQuickPickItemElement {
-    constructor(index, childIndex, hasCheckbox, fireButtonTriggered, _onChecked, item, _separator) {
+    constructor(
+        index,
+        childIndex,
+        hasCheckbox,
+        fireButtonTriggered,
+        _onChecked,
+        item,
+        _separator
+    ) {
         super(index, hasCheckbox, item);
         this.childIndex = childIndex;
         this.fireButtonTriggered = fireButtonTriggered;
@@ -126,12 +131,10 @@ class QuickPickItemElement extends BaseQuickPickItemElement {
         this.item = item;
         this._separator = _separator;
         this._checked = false;
-        this.onChecked = hasCheckbox
-            ? ( Event.map(
+        this.onChecked = hasCheckbox ? ( Event.map(
             Event.filter(this._onChecked.event, e => e.element === this),
             e => e.checked
-        ))
-            : Event.None;
+        )) : Event.None;
         this._saneDetail = item.detail;
         this._labelHighlights = item.highlights?.label;
         this._descriptionHighlights = item.highlights?.description;
@@ -149,7 +152,10 @@ class QuickPickItemElement extends BaseQuickPickItemElement {
     set checked(value) {
         if (value !== this._checked) {
             this._checked = value;
-            this._onChecked.fire({ element: this, checked: value });
+            this._onChecked.fire({
+                element: this,
+                checked: value
+            });
         }
     }
     get checkboxDisabled() {
@@ -157,7 +163,7 @@ class QuickPickItemElement extends BaseQuickPickItemElement {
     }
 }
 var QuickPickSeparatorFocusReason;
-(function (QuickPickSeparatorFocusReason) {
+(function(QuickPickSeparatorFocusReason) {
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["NONE"] = 0] = "NONE";
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["MOUSE_HOVER"] = 1] = "MOUSE_HOVER";
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["ACTIVE_ITEM"] = 2] = "ACTIVE_ITEM";
@@ -181,34 +187,33 @@ class QuickInputItemDelegate {
     getTemplateId(element) {
         if (element instanceof QuickPickItemElement) {
             return QuickPickItemElementRenderer.ID;
-        }
-        else {
+        } else {
             return QuickPickSeparatorElementRenderer.ID;
         }
     }
 }
 class QuickInputAccessibilityProvider {
     getWidgetAriaLabel() {
-        return localize(2037, "Quick Input");
+        return localize(2039, "Quick Input");
     }
     getAriaLabel(element) {
-        return element.separator?.label
-            ? `${element.saneAriaLabel}, ${element.separator.label}`
-            : element.saneAriaLabel;
+        return element.separator?.label ? `${element.saneAriaLabel}, ${element.separator.label}` : element.saneAriaLabel;
     }
     getWidgetRole() {
-        return 'listbox';
+        return "listbox";
     }
     getRole(element) {
-        return element.hasCheckbox ? 'checkbox' : 'option';
+        return element.hasCheckbox ? "checkbox" : "option";
     }
     isChecked(element) {
         if (!element.hasCheckbox || !(element instanceof QuickPickItemElement)) {
             return undefined;
         }
         return {
-            get value() { return element.checked; },
-            onDidChange: e => element.onChecked(() => e()),
+            get value() {
+                return element.checked;
+            },
+            onDidChange: e => element.onChecked(() => e())
         };
     }
 }
@@ -222,8 +227,8 @@ class BaseQuickInputListRenderer {
         const data = Object.create(null);
         data.toDisposeElement = ( new DisposableStore());
         data.toDisposeTemplate = ( new DisposableStore());
-        data.entry = append(container, $('.quick-input-list-entry'));
-        const label = append(data.entry, $('label.quick-input-list-label'));
+        data.entry = append(container, $(".quick-input-list-entry"));
+        const label = append(data.entry, $("label.quick-input-list-label"));
         data.outerLabel = label;
         data.checkbox = data.toDisposeTemplate.add(( new MutableDisposable()));
         data.toDisposeTemplate.add(addStandardDisposableListener(label, EventType.CLICK, e => {
@@ -233,32 +238,37 @@ class BaseQuickInputListRenderer {
                 data.element.checked = checked;
             }
         }));
-        const rows = append(label, $('.quick-input-list-rows'));
-        const row1 = append(rows, $('.quick-input-list-row'));
-        const row2 = append(rows, $('.quick-input-list-row'));
-        data.label = ( new IconLabel(
-            row1,
-            { supportHighlights: true, supportDescriptionHighlights: true, supportIcons: true, hoverDelegate: this.hoverDelegate }
-        ));
+        const rows = append(label, $(".quick-input-list-rows"));
+        const row1 = append(rows, $(".quick-input-list-row"));
+        const row2 = append(rows, $(".quick-input-list-row"));
+        data.label = ( new IconLabel(row1, {
+            supportHighlights: true,
+            supportDescriptionHighlights: true,
+            supportIcons: true,
+            hoverDelegate: this.hoverDelegate
+        }));
         data.toDisposeTemplate.add(data.label);
-        data.icon = prepend(data.label.element, $('.quick-input-list-icon'));
-        const keybindingContainer = append(row1, $('.quick-input-list-entry-keybinding'));
+        data.icon = prepend(data.label.element, $(".quick-input-list-icon"));
+        const keybindingContainer = append(row1, $(".quick-input-list-entry-keybinding"));
         data.keybinding = ( new KeybindingLabel(keybindingContainer, OS));
         data.toDisposeTemplate.add(data.keybinding);
-        const detailContainer = append(row2, $('.quick-input-list-label-meta'));
-        data.detail = ( new IconLabel(
-            detailContainer,
-            { supportHighlights: true, supportIcons: true, hoverDelegate: this.hoverDelegate }
-        ));
+        const detailContainer = append(row2, $(".quick-input-list-label-meta"));
+        data.detail = ( new IconLabel(detailContainer, {
+            supportHighlights: true,
+            supportIcons: true,
+            hoverDelegate: this.hoverDelegate
+        }));
         data.toDisposeTemplate.add(data.detail);
-        data.separator = append(data.entry, $('.quick-input-list-separator'));
+        data.separator = append(data.entry, $(".quick-input-list-separator"));
         data.toolBar = ( new ToolBar(data.entry, this.contextMenuService, {
-            ...(this.hoverDelegate ? { hoverDelegate: this.hoverDelegate } : undefined),
+            ...(this.hoverDelegate ? {
+                hoverDelegate: this.hoverDelegate
+            } : undefined),
             actionViewItemProvider: createToggleActionViewItemProvider(this.toggleStyles),
             icon: true,
             label: false
         }));
-        data.toolBar.getElement().classList.add('quick-input-list-entry-action-bar');
+        data.toolBar.getElement().classList.add("quick-input-list-entry-action-bar");
         data.toDisposeTemplate.add(data.toolBar);
         return data;
     }
@@ -272,8 +282,12 @@ class BaseQuickInputListRenderer {
     }
 }
 let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends BaseQuickInputListRenderer {
-    static { QuickPickItemElementRenderer_1 = this; }
-    static { this.ID = 'quickpickitem'; }
+    static {
+        QuickPickItemElementRenderer_1 = this;
+    }
+    static {
+        this.ID = "quickpickitem";
+    }
     constructor(hoverDelegate, toggleStyles, contextMenuService, themeService) {
         super(hoverDelegate, toggleStyles, contextMenuService);
         this.themeService = themeService;
@@ -290,18 +304,19 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         }
         let checkbox = data.checkbox.value;
         if (!checkbox) {
-            checkbox = ( new Checkbox(element.saneLabel, element.checked, { ...defaultCheckboxStyles, size: 15 }));
+            checkbox = ( new Checkbox(element.saneLabel, element.checked, {
+                ...defaultCheckboxStyles,
+                size: 15
+            }));
             data.checkbox.value = checkbox;
             data.outerLabel.prepend(checkbox.domNode);
             checkbox.domNode.tabIndex = -1;
-        }
-        else {
+        } else {
             checkbox.setTitle(element.saneLabel);
         }
         if (element.checkboxDisabled) {
             checkbox.disable();
-        }
-        else {
+        } else {
             checkbox.enable();
         }
         checkbox.checked = element.checked;
@@ -313,18 +328,21 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         data.element = element;
         element.element = data.entry ?? undefined;
         const mainItem = element.item;
-        element.element.classList.toggle('not-pickable', element.item.pickable === false);
+        element.element.classList.toggle("not-pickable", element.item.pickable === false);
         this.ensureCheckbox(element, data);
-        const { labelHighlights, descriptionHighlights, detailHighlights } = element;
+        const {
+            labelHighlights,
+            descriptionHighlights,
+            detailHighlights
+        } = element;
         if (mainItem.iconPath) {
             const icon = isDark(this.themeService.getColorTheme().type) ? mainItem.iconPath.dark : (mainItem.iconPath.light ?? mainItem.iconPath.dark);
             const iconUrl = URI.revive(icon);
-            data.icon.className = 'quick-input-list-icon';
+            data.icon.className = "quick-input-list-icon";
             data.icon.style.backgroundImage = asCSSUrl(iconUrl);
-        }
-        else {
-            data.icon.style.backgroundImage = '';
-            data.icon.className = mainItem.iconClass ? `quick-input-list-icon ${mainItem.iconClass}` : '';
+        } else {
+            data.icon.style.backgroundImage = "";
+            data.icon.className = mainItem.iconClass ? `quick-input-list-icon ${mainItem.iconClass}` : "";
         }
         let descriptionTitle;
         if (!element.saneTooltip && element.saneDescription) {
@@ -345,7 +363,7 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         options.extraClasses = mainItem.iconClasses;
         options.italic = mainItem.italic;
         options.strikethrough = mainItem.strikethrough;
-        data.entry.classList.remove('quick-input-list-separator-as-item');
+        data.entry.classList.remove("quick-input-list-separator-as-item");
         data.label.setLabel(element.saneLabel, element.saneDescription, options);
         data.keybinding.set(mainItem.keybinding);
         if (element.saneDetail) {
@@ -359,34 +377,40 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
                     markdownNotSupportedFallback: element.saneDetail
                 };
             }
-            data.detail.element.style.display = '';
+            data.detail.element.style.display = "";
             data.detail.setLabel(element.saneDetail, undefined, {
                 matches: detailHighlights,
                 title,
                 labelEscapeNewLines: true
             });
-        }
-        else {
-            data.detail.element.style.display = 'none';
+        } else {
+            data.detail.element.style.display = "none";
         }
         if (element.separator?.label) {
             data.separator.textContent = element.separator.label;
-            data.separator.style.display = '';
+            data.separator.style.display = "";
             this.addItemWithSeparator(element);
+        } else {
+            data.separator.style.display = "none";
         }
-        else {
-            data.separator.style.display = 'none';
-        }
-        data.entry.classList.toggle('quick-input-list-separator-border', !!element.separator && element.childIndex !== 0);
+        data.entry.classList.toggle(
+            "quick-input-list-separator-border",
+            !!element.separator && element.childIndex !== 0
+        );
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            const { primary, secondary } = quickInputButtonsToActionArrays(buttons, 'quick-input-item', (button) => element.fireButtonTriggered({ button, item: element.item }));
+            const {
+                primary,
+                secondary
+            } = quickInputButtonsToActionArrays(buttons, "quick-input-item", button => element.fireButtonTriggered({
+                button,
+                item: element.item
+            }));
             data.toolBar.setActions(primary, secondary);
-            data.entry.classList.add('has-actions');
-        }
-        else {
+            data.entry.classList.add("has-actions");
+        } else {
             data.toolBar.setActions([]);
-            data.entry.classList.remove('has-actions');
+            data.entry.classList.remove("has-actions");
         }
     }
     disposeElement(element, _index, data) {
@@ -403,19 +427,19 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         const frequency = this._itemsWithSeparatorsFrequency.get(item) || 0;
         if (frequency > 1) {
             this._itemsWithSeparatorsFrequency.set(item, frequency - 1);
-        }
-        else {
+        } else {
             this._itemsWithSeparatorsFrequency.delete(item);
         }
     }
 };
-QuickPickItemElementRenderer = QuickPickItemElementRenderer_1 = ( __decorate([
-    ( __param(2, IContextMenuService)),
-    ( __param(3, IThemeService))
-], QuickPickItemElementRenderer));
+QuickPickItemElementRenderer = QuickPickItemElementRenderer_1 = ( __decorate([( __param(2, IContextMenuService)), ( __param(3, IThemeService))], QuickPickItemElementRenderer));
 let QuickPickSeparatorElementRenderer = class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
-    static { QuickPickSeparatorElementRenderer_1 = this; }
-    static { this.ID = 'quickpickseparator'; }
+    static {
+        QuickPickSeparatorElementRenderer_1 = this;
+    }
+    static {
+        this.ID = "quickpickseparator";
+    }
     constructor(hoverDelegate, toggleStyles, contextMenuService) {
         super(hoverDelegate, toggleStyles, contextMenuService);
         this._visibleSeparatorsFrequency = ( new Map());
@@ -433,11 +457,14 @@ let QuickPickSeparatorElementRenderer = class QuickPickSeparatorElementRenderer
         const element = node.element;
         data.element = element;
         element.element = data.entry ?? undefined;
-        element.element.classList.toggle('focus-inside', !!element.focusInsideSeparator);
+        element.element.classList.toggle("focus-inside", !!element.focusInsideSeparator);
         const mainItem = element.separator;
-        const { labelHighlights, descriptionHighlights } = element;
-        data.icon.style.backgroundImage = '';
-        data.icon.className = '';
+        const {
+            labelHighlights,
+            descriptionHighlights
+        } = element;
+        data.icon.style.backgroundImage = "";
+        data.icon.className = "";
         let descriptionTitle;
         if (!element.saneTooltip && element.saneDescription) {
             descriptionTitle = {
@@ -454,26 +481,35 @@ let QuickPickSeparatorElementRenderer = class QuickPickSeparatorElementRenderer
             descriptionMatches: descriptionHighlights || [],
             labelEscapeNewLines: true
         };
-        data.entry.classList.add('quick-input-list-separator-as-item');
+        data.entry.classList.add("quick-input-list-separator-as-item");
         data.label.setLabel(element.saneLabel, element.saneDescription, options);
-        data.separator.style.display = 'none';
-        data.entry.classList.add('quick-input-list-separator-border');
+        data.separator.style.display = "none";
+        data.entry.classList.add("quick-input-list-separator-border");
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            const { primary, secondary } = quickInputButtonsToActionArrays(buttons, 'quick-input-separator', (button) => element.fireSeparatorButtonTriggered({ button, separator: element.separator }));
+            const {
+                primary,
+                secondary
+            } = quickInputButtonsToActionArrays(
+                buttons,
+                "quick-input-separator",
+                button => element.fireSeparatorButtonTriggered({
+                    button,
+                    separator: element.separator
+                })
+            );
             data.toolBar.setActions(primary, secondary);
-            data.entry.classList.add('has-actions');
-        }
-        else {
+            data.entry.classList.add("has-actions");
+        } else {
             data.toolBar.setActions([]);
-            data.entry.classList.remove('has-actions');
+            data.entry.classList.remove("has-actions");
         }
         this.addSeparator(element);
     }
     disposeElement(element, _index, data) {
         this.removeSeparator(element.element);
         if (!this.isSeparatorVisible(element.element)) {
-            element.element.element?.classList.remove('focus-inside');
+            element.element.element?.classList.remove("focus-inside");
         }
         super.disposeElement(element, _index, data);
     }
@@ -484,17 +520,22 @@ let QuickPickSeparatorElementRenderer = class QuickPickSeparatorElementRenderer
         const frequency = this._visibleSeparatorsFrequency.get(separator) || 0;
         if (frequency > 1) {
             this._visibleSeparatorsFrequency.set(separator, frequency - 1);
-        }
-        else {
+        } else {
             this._visibleSeparatorsFrequency.delete(separator);
         }
     }
 };
-QuickPickSeparatorElementRenderer = QuickPickSeparatorElementRenderer_1 = ( __decorate([
-    ( __param(2, IContextMenuService))
-], QuickPickSeparatorElementRenderer));
+QuickPickSeparatorElementRenderer = QuickPickSeparatorElementRenderer_1 = ( __decorate([( __param(2, IContextMenuService))], QuickPickSeparatorElementRenderer));
 let QuickInputList = class QuickInputList extends Disposable {
-    constructor(parent, hoverDelegate, linkOpenerDelegate, id, styles, instantiationService, accessibilityService) {
+    constructor(
+        parent,
+        hoverDelegate,
+        linkOpenerDelegate,
+        id,
+        styles,
+        instantiationService,
+        accessibilityService
+    ) {
         super();
         this.parent = parent;
         this.hoverDelegate = hoverDelegate;
@@ -505,13 +546,15 @@ let QuickInputList = class QuickInputList extends Disposable {
         this.onKeyDown = this._onKeyDown.event;
         this._onLeave = ( new Emitter());
         this.onLeave = this._onLeave.event;
-        this._visibleCountObservable = observableValue('VisibleCount', 0);
+        this._visibleCountObservable = observableValue("VisibleCount", 0);
         this.onChangedVisibleCount = Event.fromObservable(this._visibleCountObservable, this._store);
-        this._allVisibleCheckedObservable = observableValue('AllVisibleChecked', false);
+        this._allVisibleCheckedObservable = observableValue("AllVisibleChecked", false);
         this.onChangedAllVisibleChecked = Event.fromObservable(this._allVisibleCheckedObservable, this._store);
-        this._checkedCountObservable = observableValue('CheckedCount', 0);
+        this._checkedCountObservable = observableValue("CheckedCount", 0);
         this.onChangedCheckedCount = Event.fromObservable(this._checkedCountObservable, this._store);
-        this._checkedElementsObservable = observableValueOpts({ equalsFn: equals }, ( new Array()));
+        this._checkedElementsObservable = observableValueOpts({
+            equalsFn: equals
+        }, ( new Array()));
         this.onChangedCheckedElements = Event.fromObservable(this._checkedElementsObservable, this._store);
         this._onButtonTriggered = ( new Emitter());
         this.onButtonTriggered = this._onButtonTriggered.event;
@@ -527,60 +570,58 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._matchOnDescription = false;
         this._matchOnDetail = false;
         this._matchOnLabel = true;
-        this._matchOnLabelMode = 'fuzzy';
+        this._matchOnLabelMode = "fuzzy";
         this._matchOnMeta = true;
         this._sortByLabel = true;
         this._shouldLoop = true;
-        this._container = append(this.parent, $('.quick-input-list'));
+        this._container = append(this.parent, $(".quick-input-list"));
         this._separatorRenderer = instantiationService.createInstance(QuickPickSeparatorElementRenderer, hoverDelegate, this.styles.toggle);
         this._itemRenderer = instantiationService.createInstance(QuickPickItemElementRenderer, hoverDelegate, this.styles.toggle);
-        this._tree = this._register(instantiationService.createInstance((WorkbenchObjectTree), 'QuickInput', this._container, ( new QuickInputItemDelegate()), [this._itemRenderer, this._separatorRenderer], {
-            filter: {
-                filter(element) {
-                    return element.hidden
-                        ? TreeVisibility.Hidden
-                        : element instanceof QuickPickSeparatorElement
-                            ? TreeVisibility.Recurse
-                            : TreeVisibility.Visible;
+        this._tree = this._register(
+            instantiationService.createInstance(WorkbenchObjectTree, "QuickInput", this._container, ( new QuickInputItemDelegate()), [this._itemRenderer, this._separatorRenderer], {
+                filter: {
+                    filter(element) {
+                        return element.hidden ? TreeVisibility.Hidden : element instanceof QuickPickSeparatorElement ? TreeVisibility.Recurse : TreeVisibility.Visible;
+                    }
                 },
-            },
-            sorter: {
-                compare: (element, otherElement) => {
-                    if (!this.sortByLabel || !this._lastQueryString) {
-                        return 0;
+                sorter: {
+                    compare: (element, otherElement) => {
+                        if (!this.sortByLabel || !this._lastQueryString) {
+                            return 0;
+                        }
+                        const normalizedSearchValue = this._lastQueryString.toLowerCase();
+                        return compareEntries(element, otherElement, normalizedSearchValue);
                     }
-                    const normalizedSearchValue = this._lastQueryString.toLowerCase();
-                    return compareEntries(element, otherElement, normalizedSearchValue);
                 },
-            },
-            accessibilityProvider: ( new QuickInputAccessibilityProvider()),
-            setRowLineHeight: false,
-            multipleSelectionSupport: false,
-            hideTwistiesOfChildlessElements: true,
-            renderIndentGuides: RenderIndentGuides.None,
-            findWidgetEnabled: false,
-            indent: 0,
-            horizontalScrolling: false,
-            allowNonCollapsibleParents: true,
-            alwaysConsumeMouseWheel: true
-        }));
+                accessibilityProvider: ( new QuickInputAccessibilityProvider()),
+                setRowLineHeight: false,
+                multipleSelectionSupport: false,
+                hideTwistiesOfChildlessElements: true,
+                renderIndentGuides: RenderIndentGuides.None,
+                findWidgetEnabled: false,
+                indent: 0,
+                horizontalScrolling: false,
+                allowNonCollapsibleParents: true,
+                alwaysConsumeMouseWheel: true
+            })
+        );
         this._tree.getHTMLElement().id = id;
         this._registerListeners();
     }
     get onDidChangeFocus() {
-        return ( Event.map(this._tree.onDidChangeFocus, e => ( e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item)), this._store));
+        return ( Event.map(this._tree.onDidChangeFocus, e => ( e.elements.filter(e => e instanceof QuickPickItemElement).map(e => e.item)), this._store));
     }
     get onDidChangeSelection() {
         return ( Event.map(this._tree.onDidChangeSelection, e => ({
-            items: ( e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item)),
+            items: ( e.elements.filter(e => e instanceof QuickPickItemElement).map(e => e.item)),
             event: e.browserEvent
         }), this._store));
     }
     get displayed() {
-        return this._container.style.display !== 'none';
+        return this._container.style.display !== "none";
     }
     set displayed(value) {
-        this._container.style.display = value ? '' : 'none';
+        this._container.style.display = value ? "" : "none";
     }
     get scrollTop() {
         return this._tree.scrollTop;
@@ -592,10 +633,10 @@ let QuickInputList = class QuickInputList extends Disposable {
         return this._tree.ariaLabel;
     }
     set ariaLabel(label) {
-        this._tree.ariaLabel = label ?? '';
+        this._tree.ariaLabel = label ?? "";
     }
     set enabled(value) {
-        this._tree.getHTMLElement().style.pointerEvents = value ? '' : 'none';
+        this._tree.getHTMLElement().style.pointerEvents = value ? "" : "none";
     }
     get matchOnDescription() {
         return this._matchOnDescription;
@@ -673,7 +714,9 @@ let QuickInputList = class QuickInputList extends Disposable {
         }));
     }
     _registerOnElementChecked() {
-        this._register(this._elementCheckedEventBufferer.wrapEvent(this._elementChecked.event, (_, e) => e)(_ => this._updateCheckedObservables()));
+        this._register(
+            this._elementCheckedEventBufferer.wrapEvent(this._elementChecked.event, (_, e) => e)(_ => this._updateCheckedObservables())
+        );
     }
     _registerOnContextMenu() {
         this._register(this._tree.onContextMenu(e => {
@@ -685,16 +728,16 @@ let QuickInputList = class QuickInputList extends Disposable {
     }
     _registerHoverListeners() {
         const delayer = this._register(( new ThrottledDelayer(
-            typeof this.hoverDelegate.delay === 'function' ? this.hoverDelegate.delay() : this.hoverDelegate.delay
+            typeof this.hoverDelegate.delay === "function" ? this.hoverDelegate.delay() : this.hoverDelegate.delay
         )));
-        this._register(this._tree.onMouseOver(async (e) => {
+        this._register(this._tree.onMouseOver(async e => {
             if (isHTMLAnchorElement(e.browserEvent.target)) {
                 delayer.cancel();
                 return;
             }
             if (
             !(isHTMLAnchorElement(e.browserEvent.relatedTarget)) &&
-                isAncestor(e.browserEvent.relatedTarget, e.element?.element)) {
+            isAncestor(e.browserEvent.relatedTarget, e.element?.element)) {
                 return;
             }
             try {
@@ -703,8 +746,7 @@ let QuickInputList = class QuickInputList extends Disposable {
                         this.showHover(e.element);
                     }
                 });
-            }
-            catch (e) {
+            } catch (e) {
                 if (!isCancellationError(e)) {
                     throw e;
                 }
@@ -719,17 +761,15 @@ let QuickInputList = class QuickInputList extends Disposable {
     }
     _registerSeparatorActionShowingListeners() {
         this._register(this._tree.onDidChangeFocus(e => {
-            const parent = e.elements[0]
-                ? this._tree.getParentElement(e.elements[0])
-                : null;
+            const parent = e.elements[0] ?
+            this._tree.getParentElement(e.elements[0]) : null;
             for (const separator of this._separatorRenderer.visibleSeparators) {
                 const value = separator === parent;
                 const currentActive = !!(separator.focusInsideSeparator & QuickPickSeparatorFocusReason.ACTIVE_ITEM);
                 if (currentActive !== value) {
                     if (value) {
                         separator.focusInsideSeparator |= QuickPickSeparatorFocusReason.ACTIVE_ITEM;
-                    }
-                    else {
+                    } else {
                         separator.focusInsideSeparator &= ~QuickPickSeparatorFocusReason.ACTIVE_ITEM;
                     }
                     this._tree.rerender(separator);
@@ -737,9 +777,7 @@ let QuickInputList = class QuickInputList extends Disposable {
             }
         }));
         this._register(this._tree.onMouseOver(e => {
-            const parent = e.element
-                ? this._tree.getParentElement(e.element)
-                : null;
+            const parent = e.element ? this._tree.getParentElement(e.element) : null;
             for (const separator of this._separatorRenderer.visibleSeparators) {
                 if (separator !== parent) {
                     continue;
@@ -752,9 +790,7 @@ let QuickInputList = class QuickInputList extends Disposable {
             }
         }));
         this._register(this._tree.onMouseOut(e => {
-            const parent = e.element
-                ? this._tree.getParentElement(e.element)
-                : null;
+            const parent = e.element ? this._tree.getParentElement(e.element) : null;
             for (const separator of this._separatorRenderer.visibleSeparators) {
                 if (separator !== parent) {
                     continue;
@@ -769,7 +805,7 @@ let QuickInputList = class QuickInputList extends Disposable {
     }
     _registerSelectionChangeListener() {
         this._register(this._tree.onDidChangeSelection(e => {
-            const elementsWithoutSeparators = e.elements.filter((e) => e instanceof QuickPickItemElement);
+            const elementsWithoutSeparators = e.elements.filter(e => e instanceof QuickPickItemElement);
             if (elementsWithoutSeparators.length !== e.elements.length) {
                 if (e.elements.length === 1 && e.elements[0] instanceof QuickPickSeparatorElement) {
                     this._tree.setFocus([e.elements[0].children[0]]);
@@ -792,27 +828,32 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._elementDisposable.clear();
         this._lastQueryString = undefined;
         this._inputElements = inputElements;
-        this._hasCheckboxes = this.parent.classList.contains('show-checkboxes');
+        this._hasCheckboxes = this.parent.classList.contains("show-checkboxes");
         let currentSeparatorElement;
         this._itemElements = ( new Array());
         this._elementTree = inputElements.reduce((result, item, index) => {
             let element;
-            if (item.type === 'separator') {
+            if (item.type === "separator") {
                 if (!item.buttons) {
                     return result;
                 }
                 currentSeparatorElement = ( new QuickPickSeparatorElement(index, e => this._onSeparatorButtonTriggered.fire(e), item));
                 element = currentSeparatorElement;
-            }
-            else {
+            } else {
                 const previous = index > 0 ? inputElements[index - 1] : undefined;
                 let separator;
-                if (previous && previous.type === 'separator' && !previous.buttons) {
+                if (previous && previous.type === "separator" && !previous.buttons) {
                     separator = previous;
                 }
-                const qpi = ( new QuickPickItemElement(index, currentSeparatorElement?.children
-                    ? currentSeparatorElement.children.length
-                    : index, this._hasCheckboxes && item.pickable !== false, e => this._onButtonTriggered.fire(e), this._elementChecked, item, separator));
+                const qpi = ( new QuickPickItemElement(
+                    index,
+                    currentSeparatorElement?.children ? currentSeparatorElement.children.length : index,
+                    this._hasCheckboxes && item.pickable !== false,
+                    e => this._onButtonTriggered.fire(e),
+                    this._elementChecked,
+                    item,
+                    separator
+                ));
                 this._itemElements.push(qpi);
                 if (currentSeparatorElement) {
                     currentSeparatorElement.children.push(qpi);
@@ -837,9 +878,7 @@ let QuickInputList = class QuickInputList extends Disposable {
         }
     }
     setFocusedElements(items) {
-        const elements = ( items.map(item => this._itemElements.find(e => e.item === item)))
-            .filter((e) => !!e)
-            .filter(e => !e.hidden);
+        const elements = ( items.map(item => this._itemElements.find(e => e.item === item))).filter(e => !!e).filter(e => !e.hidden);
         this._tree.setFocus(elements);
         if (items.length > 0) {
             const focused = this._tree.getFocus()[0];
@@ -849,16 +888,14 @@ let QuickInputList = class QuickInputList extends Disposable {
         }
     }
     getActiveDescendant() {
-        return this._tree.getHTMLElement().getAttribute('aria-activedescendant');
+        return this._tree.getHTMLElement().getAttribute("aria-activedescendant");
     }
     setSelectedElements(items) {
-        const elements = ( items.map(item => this._itemElements.find(e => e.item === item)))
-            .filter((e) => !!e);
+        const elements = ( items.map(item => this._itemElements.find(e => e.item === item))).filter(e => !!e);
         this._tree.setSelection(elements);
     }
     getCheckedElements() {
-        return ( this._itemElements.filter(e => e.checked)
-            .map(e => e.item));
+        return ( this._itemElements.filter(e => e.checked).map(e => e.item));
     }
     setCheckedElements(items) {
         this._elementCheckedEventBufferer.bufferEvents(() => {
@@ -879,14 +916,15 @@ let QuickInputList = class QuickInputList extends Disposable {
             what = QuickPickFocus.First;
         }
         switch (what) {
-            case QuickPickFocus.First:
-                this._tree.scrollTop = 0;
-                this._tree.focusFirst(undefined, (e) => e.element instanceof QuickPickItemElement);
-                break;
-            case QuickPickFocus.Second: {
+        case QuickPickFocus.First:
+            this._tree.scrollTop = 0;
+            this._tree.focusFirst(undefined, e => e.element instanceof QuickPickItemElement);
+            break;
+        case QuickPickFocus.Second:
+            {
                 this._tree.scrollTop = 0;
                 let isSecondItem = false;
-                this._tree.focusFirst(undefined, (e) => {
+                this._tree.focusFirst(undefined, e => {
                     if (!(e.element instanceof QuickPickItemElement)) {
                         return false;
                     }
@@ -898,13 +936,14 @@ let QuickInputList = class QuickInputList extends Disposable {
                 });
                 break;
             }
-            case QuickPickFocus.Last:
-                this._tree.scrollTop = this._tree.scrollHeight;
-                this._tree.focusLast(undefined, (e) => e.element instanceof QuickPickItemElement);
-                break;
-            case QuickPickFocus.Next: {
+        case QuickPickFocus.Last:
+            this._tree.scrollTop = this._tree.scrollHeight;
+            this._tree.focusLast(undefined, e => e.element instanceof QuickPickItemElement);
+            break;
+        case QuickPickFocus.Next:
+            {
                 const prevFocus = this._tree.getFocus();
-                this._tree.focusNext(undefined, this._shouldLoop, undefined, (e) => {
+                this._tree.focusNext(undefined, this._shouldLoop, undefined, e => {
                     if (!(e.element instanceof QuickPickItemElement)) {
                         return false;
                     }
@@ -917,17 +956,17 @@ let QuickInputList = class QuickInputList extends Disposable {
                 }
                 break;
             }
-            case QuickPickFocus.Previous: {
+        case QuickPickFocus.Previous:
+            {
                 const prevFocus = this._tree.getFocus();
-                this._tree.focusPrevious(undefined, this._shouldLoop, undefined, (e) => {
+                this._tree.focusPrevious(undefined, this._shouldLoop, undefined, e => {
                     if (!(e.element instanceof QuickPickItemElement)) {
                         return false;
                     }
                     const parent = this._tree.getParentElement(e.element);
                     if (parent === null || parent.children[0] !== e.element) {
                         this._tree.reveal(e.element);
-                    }
-                    else {
+                    } else {
                         this._tree.reveal(parent);
                     }
                     return true;
@@ -938,34 +977,34 @@ let QuickInputList = class QuickInputList extends Disposable {
                 }
                 break;
             }
-            case QuickPickFocus.NextPage:
-                this._tree.focusNextPage(undefined, (e) => {
-                    if (!(e.element instanceof QuickPickItemElement)) {
-                        return false;
-                    }
+        case QuickPickFocus.NextPage:
+            this._tree.focusNextPage(undefined, e => {
+                if (!(e.element instanceof QuickPickItemElement)) {
+                    return false;
+                }
+                this._tree.reveal(e.element);
+                return true;
+            });
+            break;
+        case QuickPickFocus.PreviousPage:
+            this._tree.focusPreviousPage(undefined, e => {
+                if (!(e.element instanceof QuickPickItemElement)) {
+                    return false;
+                }
+                const parent = this._tree.getParentElement(e.element);
+                if (parent === null || parent.children[0] !== e.element) {
                     this._tree.reveal(e.element);
-                    return true;
-                });
-                break;
-            case QuickPickFocus.PreviousPage:
-                this._tree.focusPreviousPage(undefined, (e) => {
-                    if (!(e.element instanceof QuickPickItemElement)) {
-                        return false;
-                    }
-                    const parent = this._tree.getParentElement(e.element);
-                    if (parent === null || parent.children[0] !== e.element) {
-                        this._tree.reveal(e.element);
-                    }
-                    else {
-                        this._tree.reveal(parent);
-                    }
-                    return true;
-                });
-                break;
-            case QuickPickFocus.NextSeparator: {
+                } else {
+                    this._tree.reveal(parent);
+                }
+                return true;
+            });
+            break;
+        case QuickPickFocus.NextSeparator:
+            {
                 let foundSeparatorAsItem = false;
                 const before = this._tree.getFocus()[0];
-                this._tree.focusNext(undefined, true, undefined, (e) => {
+                this._tree.focusNext(undefined, true, undefined, e => {
                     if (foundSeparatorAsItem) {
                         return true;
                     }
@@ -973,22 +1012,18 @@ let QuickInputList = class QuickInputList extends Disposable {
                         foundSeparatorAsItem = true;
                         if (this._separatorRenderer.isSeparatorVisible(e.element)) {
                             this._tree.reveal(e.element.children[0]);
-                        }
-                        else {
+                        } else {
                             this._tree.reveal(e.element, 0);
                         }
-                    }
-                    else if (e.element instanceof QuickPickItemElement) {
+                    } else if (e.element instanceof QuickPickItemElement) {
                         if (e.element.separator) {
                             if (this._itemRenderer.isItemWithSeparatorVisible(e.element)) {
                                 this._tree.reveal(e.element);
-                            }
-                            else {
+                            } else {
                                 this._tree.reveal(e.element, 0);
                             }
                             return true;
-                        }
-                        else if (e.element === this._elementTree[0]) {
+                        } else if (e.element === this._elementTree[0]) {
                             this._tree.reveal(e.element, 0);
                             return true;
                         }
@@ -998,42 +1033,38 @@ let QuickInputList = class QuickInputList extends Disposable {
                 const after = this._tree.getFocus()[0];
                 if (before === after) {
                     this._tree.scrollTop = this._tree.scrollHeight;
-                    this._tree.focusLast(undefined, (e) => e.element instanceof QuickPickItemElement);
+                    this._tree.focusLast(undefined, e => e.element instanceof QuickPickItemElement);
                 }
                 break;
             }
-            case QuickPickFocus.PreviousSeparator: {
+        case QuickPickFocus.PreviousSeparator:
+            {
                 let focusElement;
                 let foundSeparator = !!this._tree.getFocus()[0]?.separator;
-                this._tree.focusPrevious(undefined, true, undefined, (e) => {
+                this._tree.focusPrevious(undefined, true, undefined, e => {
                     if (e.element instanceof QuickPickSeparatorElement) {
                         if (foundSeparator) {
                             if (!focusElement) {
                                 if (this._separatorRenderer.isSeparatorVisible(e.element)) {
                                     this._tree.reveal(e.element);
-                                }
-                                else {
+                                } else {
                                     this._tree.reveal(e.element, 0);
                                 }
                                 focusElement = e.element.children[0];
                             }
-                        }
-                        else {
+                        } else {
                             foundSeparator = true;
                         }
-                    }
-                    else if (e.element instanceof QuickPickItemElement) {
+                    } else if (e.element instanceof QuickPickItemElement) {
                         if (!focusElement) {
                             if (e.element.separator) {
                                 if (this._itemRenderer.isItemWithSeparatorVisible(e.element)) {
                                     this._tree.reveal(e.element);
-                                }
-                                else {
+                                } else {
                                     this._tree.reveal(e.element, 0);
                                 }
                                 focusElement = e.element;
-                            }
-                            else if (e.element === this._elementTree[0]) {
+                            } else if (e.element === this._elementTree[0]) {
                                 this._tree.reveal(e.element, 0);
                                 return true;
                             }
@@ -1056,8 +1087,7 @@ let QuickInputList = class QuickInputList extends Disposable {
     }
     layout(maxHeight) {
         this._tree.getHTMLElement().style.maxHeight = maxHeight ? `${
-        Math.floor(maxHeight / 44) * 44
-            + 6}px` : '';
+Math.floor(maxHeight / 44) * 44 + 6}px` : "";
         this._tree.layout();
     }
     filter(query) {
@@ -1076,7 +1106,7 @@ let QuickInputList = class QuickInputList extends Disposable {
                 element.hidden = false;
                 const previous = element.index && this._inputElements[element.index - 1];
                 if (element.item) {
-                    element.separator = previous && previous.type === 'separator' && !previous.buttons ? previous : undefined;
+                    element.separator = previous && previous.type === "separator" && !previous.buttons ? previous : undefined;
                 }
             });
         }
@@ -1084,21 +1114,19 @@ let QuickInputList = class QuickInputList extends Disposable {
             let currentSeparator;
             this._itemElements.forEach(element => {
                 let labelHighlights;
-                if (this.matchOnLabelMode === 'fuzzy') {
+                if (this.matchOnLabelMode === "fuzzy") {
                     labelHighlights = this.matchOnLabel ? matchesFuzzyIconAware(query, parseLabelWithIcons(element.saneLabel)) ?? undefined : undefined;
-                }
-                else {
+                } else {
                     labelHighlights = this.matchOnLabel ? matchesContiguousIconAware(queryWithWhitespace, parseLabelWithIcons(element.saneLabel)) ?? undefined : undefined;
                 }
-                const descriptionHighlights = this.matchOnDescription ? matchesFuzzyIconAware(query, parseLabelWithIcons(element.saneDescription || '')) ?? undefined : undefined;
-                const detailHighlights = this.matchOnDetail ? matchesFuzzyIconAware(query, parseLabelWithIcons(element.saneDetail || '')) ?? undefined : undefined;
+                const descriptionHighlights = this.matchOnDescription ? matchesFuzzyIconAware(query, parseLabelWithIcons(element.saneDescription || "")) ?? undefined : undefined;
+                const detailHighlights = this.matchOnDetail ? matchesFuzzyIconAware(query, parseLabelWithIcons(element.saneDetail || "")) ?? undefined : undefined;
                 if (labelHighlights || descriptionHighlights || detailHighlights) {
                     element.labelHighlights = labelHighlights;
                     element.descriptionHighlights = descriptionHighlights;
                     element.detailHighlights = detailHighlights;
                     element.hidden = false;
-                }
-                else {
+                } else {
                     element.labelHighlights = undefined;
                     element.descriptionHighlights = undefined;
                     element.detailHighlights = undefined;
@@ -1106,13 +1134,12 @@ let QuickInputList = class QuickInputList extends Disposable {
                 }
                 if (element.item) {
                     element.separator = undefined;
-                }
-                else if (element.separator) {
+                } else if (element.separator) {
                     element.hidden = true;
                 }
                 if (!this.sortByLabel) {
                     const previous = element.index && this._inputElements[element.index - 1] || undefined;
-                    if (previous?.type === 'separator' && !previous.buttons) {
+                    if (previous?.type === "separator" && !previous.buttons) {
                         currentSeparator = previous;
                     }
                     if (currentSeparator && !element.hidden) {
@@ -1122,15 +1149,16 @@ let QuickInputList = class QuickInputList extends Disposable {
                 }
             });
         }
-        this._setElementsToTree(this._sortByLabel && query
-            ? this._itemElements
-            : this._elementTree);
+        this._setElementsToTree(
+            this._sortByLabel && query ?
+            this._itemElements : this._elementTree
+        );
         this._tree.layout();
         return true;
     }
     toggleCheckbox() {
         this._elementCheckedEventBufferer.bufferEvents(() => {
-            const elements = this._tree.getFocus().filter((e) => e instanceof QuickPickItemElement);
+            const elements = this._tree.getFocus().filter(e => e instanceof QuickPickItemElement);
             const allChecked = this._allVisibleChecked(elements);
             for (const element of elements) {
                 if (!element.checkboxDisabled) {
@@ -1174,15 +1202,14 @@ let QuickInputList = class QuickInputList extends Disposable {
                     children: ( element.children.map(e => ({
                         element: e,
                         collapsible: false,
-                        collapsed: false,
-                    }))),
+                        collapsed: false
+                    })))
                 });
-            }
-            else {
+            } else {
                 treeElements.push({
                     element,
                     collapsible: false,
-                    collapsed: false,
+                    collapsed: false
                 });
             }
         }
@@ -1194,8 +1221,7 @@ let QuickInputList = class QuickInputList extends Disposable {
             if (!element.hidden && element.item.pickable !== false) {
                 if (!element.checked) {
                     return false;
-                }
-                else {
+                } else {
                     whenNoneVisible = true;
                 }
             }
@@ -1203,7 +1229,7 @@ let QuickInputList = class QuickInputList extends Disposable {
         return whenNoneVisible;
     }
     _updateCheckedObservables() {
-        transaction((tx) => {
+        transaction(tx => {
             this._allVisibleCheckedObservable.set(this._allVisibleChecked(this._itemElements, false), tx);
             const checkedCount = this._itemElements.filter(element => element.checked).length;
             this._checkedCountObservable.set(checkedCount, tx);
@@ -1221,11 +1247,11 @@ let QuickInputList = class QuickInputList extends Disposable {
         this._lastHover = this.hoverDelegate.showHover({
             content: element.saneTooltip,
             target: element.element,
-            linkHandler: (url) => {
+            linkHandler: url => {
                 this.linkOpenerDelegate(url);
             },
             appearance: {
-                showPointer: true,
+                showPointer: true
             },
             container: this._container,
             position: {
@@ -1234,22 +1260,18 @@ let QuickInputList = class QuickInputList extends Disposable {
         }, false);
     }
 };
-QuickInputList.__decorator = ( __decorate([
-    memoize
-], QuickInputList.prototype, "onDidChangeFocus", null));
-QuickInputList.__decorator = ( __decorate([
-    memoize
-], QuickInputList.prototype, "onDidChangeSelection", null));
-QuickInputList = ( __decorate([
-    ( __param(5, IInstantiationService)),
-    ( __param(6, IAccessibilityService))
-], QuickInputList));
+QuickInputList.__decorator = ( __decorate([memoize], QuickInputList.prototype, "onDidChangeFocus", null));
+QuickInputList.__decorator = ( __decorate([memoize], QuickInputList.prototype, "onDidChangeSelection", null));
+QuickInputList = ( __decorate([( __param(5, IInstantiationService)), ( __param(6, IAccessibilityService))], QuickInputList));
 function matchesContiguousIconAware(query, target) {
-    const { text, iconOffsets } = target;
+    const {
+        text,
+        iconOffsets
+    } = target;
     if (!iconOffsets || iconOffsets.length === 0) {
         return matchesContiguous(query, text);
     }
-    const wordToMatchAgainstWithoutIconsTrimmed = ltrim(text, ' ');
+    const wordToMatchAgainstWithoutIconsTrimmed = ltrim(text, " ");
     const leadingWhitespaceOffset = text.length - wordToMatchAgainstWithoutIconsTrimmed.length;
     const matches = matchesContiguous(query, wordToMatchAgainstWithoutIconsTrimmed);
     if (matches) {
@@ -1264,7 +1286,10 @@ function matchesContiguousIconAware(query, target) {
 function matchesContiguous(word, wordToMatchAgainst) {
     const matchIndex = wordToMatchAgainst.toLowerCase().indexOf(word.toLowerCase());
     if (matchIndex !== -1) {
-        return [{ start: matchIndex, end: matchIndex + word.length }];
+        return [{
+            start: matchIndex,
+            end: matchIndex + word.length
+        }];
     }
     return null;
 }