@codingame/monaco-vscode-api 25.1.2 → 26.0.0

package/vscode/src/vs/base/browser/ui/list/listWidget.js

@@ -21,7 +21,7 @@ import { clamp } from '../../../common/numbers.js';
 import { isMacintosh } from '../../../common/platform.js';
 import { isNumber } from '../../../common/types.js';
 import * as list from './list.css';
-import { ListError } from './list.js';
+import { NotSelectableGroupId, ListError } from './list.js';
 import { ListView } from './listView.js';
 import { StandardMouseEvent } from '../../mouseEvent.js';
 import '../../../common/observableInternal/index.js';
@@ -46,9 +46,11 @@ class TraitRenderer {
             const rendered = this.renderedElements[renderedElementIndex];
             this.trait.unrender(templateData);
             rendered.index = index;
-        }
-        else {
-            const rendered = { index, templateData };
+        } else {
+            const rendered = {
+                index,
+                templateData
+            };
             this.renderedElements.push(rendered);
         }
         this.trait.renderIndex(index, templateData);
@@ -58,8 +60,7 @@ class TraitRenderer {
         for (const renderedElement of this.renderedElements) {
             if (renderedElement.index < start) {
                 rendered.push(renderedElement);
-            }
-            else if (renderedElement.index >= start + deleteCount) {
+            } else if (renderedElement.index >= start + deleteCount) {
                 rendered.push({
                     index: renderedElement.index + insertCount - deleteCount,
                     templateData: renderedElement.templateData
@@ -69,7 +70,10 @@ class TraitRenderer {
         this.renderedElements = rendered;
     }
     renderIndexes(indexes) {
-        for (const { index, templateData } of this.renderedElements) {
+        for (const {
+            index,
+            templateData
+        } of this.renderedElements) {
             if (indexes.indexOf(index) > -1) {
                 this.trait.renderIndex(index, templateData);
             }
@@ -84,8 +88,12 @@ class TraitRenderer {
     }
 }
 class Trait {
-    get onChange() { return this._onChange.event; }
-    get name() { return this._trait; }
+    get onChange() {
+        return this._onChange.event;
+    }
+    get name() {
+        return this._trait;
+    }
     get renderer() {
         return ( new TraitRenderer(this));
     }
@@ -130,7 +138,10 @@ class Trait {
         this.sortedIndexes = sortedIndexes;
         const toRender = disjunction(sortedResult, indexes);
         this.renderer.renderIndexes(toRender);
-        this._onChange.fire({ indexes, browserEvent });
+        this._onChange.fire({
+            indexes,
+            browserEvent
+        });
         return result;
     }
     get() {
@@ -143,22 +154,19 @@ class Trait {
         dispose(this._onChange);
     }
 }
-Trait.__decorator = ( __decorate([
-    memoize
-], Trait.prototype, "renderer", null));
+Trait.__decorator = ( __decorate([memoize], Trait.prototype, "renderer", null));
 class SelectionTrait extends Trait {
     constructor(setAriaSelected) {
-        super('selected');
+        super("selected");
         this.setAriaSelected = setAriaSelected;
     }
     renderIndex(index, container) {
         super.renderIndex(index, container);
         if (this.setAriaSelected) {
             if (this.contains(index)) {
-                container.setAttribute('aria-selected', 'true');
-            }
-            else {
-                container.setAttribute('aria-selected', 'false');
+                container.setAttribute("aria-selected", "true");
+            } else {
+                container.setAttribute("aria-selected", "false");
             }
         }
     }
@@ -186,7 +194,7 @@ function isListElementDescendantOfClass(e, className) {
     if (e.classList.contains(className)) {
         return true;
     }
-    if (e.classList.contains('monaco-list')) {
+    if (e.classList.contains("monaco-list")) {
         return false;
     }
     if (!e.parentElement) {
@@ -195,26 +203,25 @@ function isListElementDescendantOfClass(e, className) {
     return isListElementDescendantOfClass(e.parentElement, className);
 }
 function isMonacoEditor(e) {
-    return isListElementDescendantOfClass(e, 'monaco-editor');
+    return isListElementDescendantOfClass(e, "monaco-editor");
 }
 function isMonacoCustomToggle(e) {
-    return isListElementDescendantOfClass(e, 'monaco-custom-toggle');
+    return isListElementDescendantOfClass(e, "monaco-custom-toggle");
 }
 function isActionItem(e) {
-    return isListElementDescendantOfClass(e, 'action-item');
+    return isListElementDescendantOfClass(e, "action-item");
 }
 function isStickyScrollElement(e) {
-    return isListElementDescendantOfClass(e, 'monaco-tree-sticky-row');
+    return isListElementDescendantOfClass(e, "monaco-tree-sticky-row");
 }
 function isStickyScrollContainer(e) {
-    return e.classList.contains('monaco-tree-sticky-container');
+    return e.classList.contains("monaco-tree-sticky-container");
 }
 function isButton(e) {
-    if ((e.tagName === 'A' && e.classList.contains('monaco-button')) ||
-        (e.tagName === 'DIV' && e.classList.contains('monaco-button-dropdown'))) {
+    if ((e.tagName === "A" && e.classList.contains("monaco-button")) || (e.tagName === "DIV" && e.classList.contains("monaco-button-dropdown"))) {
         return true;
     }
-    if (e.classList.contains('monaco-list')) {
+    if (e.classList.contains("monaco-list")) {
         return false;
     }
     if (!e.parentElement) {
@@ -224,8 +231,7 @@ function isButton(e) {
 }
 class KeyboardController {
     get onKeyDown() {
-        return Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, 'keydown'))).event, $ => ( $.filter(e => !isEditableElement(e.target))
-            .map(e => ( new StandardKeyboardEvent(e)))));
+        return Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, "keydown"))).event, $ => ( $.filter(e => !isEditableElement(e.target)).map(e => ( new StandardKeyboardEvent(e)))));
     }
     constructor(list, view, options) {
         this.list = list;
@@ -235,22 +241,22 @@ class KeyboardController {
         this.multipleSelectionSupport = options.multipleSelectionSupport;
         this.disposables.add(this.onKeyDown(e => {
             switch (e.keyCode) {
-                case KeyCode.Enter:
-                    return this.onEnter(e);
-                case KeyCode.UpArrow:
-                    return this.onUpArrow(e);
-                case KeyCode.DownArrow:
-                    return this.onDownArrow(e);
-                case KeyCode.PageUp:
-                    return this.onPageUpArrow(e);
-                case KeyCode.PageDown:
-                    return this.onPageDownArrow(e);
-                case KeyCode.Escape:
-                    return this.onEscape(e);
-                case KeyCode.KeyA:
-                    if (this.multipleSelectionSupport && (isMacintosh ? e.metaKey : e.ctrlKey)) {
-                        this.onCtrlA(e);
-                    }
+            case KeyCode.Enter:
+                return this.onEnter(e);
+            case KeyCode.UpArrow:
+                return this.onUpArrow(e);
+            case KeyCode.DownArrow:
+                return this.onDownArrow(e);
+            case KeyCode.PageUp:
+                return this.onPageUpArrow(e);
+            case KeyCode.PageDown:
+                return this.onPageDownArrow(e);
+            case KeyCode.Escape:
+                return this.onEscape(e);
+            case KeyCode.KeyA:
+                if (this.multipleSelectionSupport && (isMacintosh ? e.metaKey : e.ctrlKey)) {
+                    this.onCtrlA(e);
+                }
             }
         }));
     }
@@ -303,7 +309,13 @@ class KeyboardController {
     onCtrlA(e) {
         e.preventDefault();
         e.stopPropagation();
-        this.list.setSelection(range(this.list.length), e.browserEvent);
+        let selection = range(this.list.length);
+        const focusedElements = this.list.getFocus();
+        const referenceGroupId = focusedElements.length > 0 ? this.list.getElementGroupId(focusedElements[0]) : undefined;
+        if (referenceGroupId !== undefined) {
+            selection = this.list.filterIndicesByGroup(selection, referenceGroupId);
+        }
+        this.list.setSelection(selection, e.browserEvent);
         this.list.setAnchor(undefined);
         this.view.domNode.focus();
     }
@@ -321,16 +333,14 @@ class KeyboardController {
         this.multipleSelectionDisposables.dispose();
     }
 }
-KeyboardController.__decorator = ( __decorate([
-    memoize
-], KeyboardController.prototype, "onKeyDown", null));
+KeyboardController.__decorator = ( __decorate([memoize], KeyboardController.prototype, "onKeyDown", null));
 var TypeNavigationMode;
-(function (TypeNavigationMode) {
+(function(TypeNavigationMode) {
     TypeNavigationMode[TypeNavigationMode["Automatic"] = 0] = "Automatic";
     TypeNavigationMode[TypeNavigationMode["Trigger"] = 1] = "Trigger";
 })(TypeNavigationMode || (TypeNavigationMode = {}));
 var TypeNavigationControllerState;
-(function (TypeNavigationControllerState) {
+(function(TypeNavigationControllerState) {
     TypeNavigationControllerState[TypeNavigationControllerState["Idle"] = 0] = "Idle";
     TypeNavigationControllerState[TypeNavigationControllerState["Typing"] = 1] = "Typing";
 })(TypeNavigationControllerState || (TypeNavigationControllerState = {}));
@@ -339,14 +349,17 @@ const DefaultKeyboardNavigationDelegate = new class {
         if (event.ctrlKey || event.metaKey || event.altKey) {
             return false;
         }
-        return (event.keyCode >= KeyCode.KeyA && event.keyCode <= KeyCode.KeyZ)
-            || (event.keyCode >= KeyCode.Digit0 && event.keyCode <= KeyCode.Digit9)
-            || (event.keyCode >= KeyCode.Numpad0 && event.keyCode <= KeyCode.Numpad9)
-            || (event.keyCode >= KeyCode.Semicolon && event.keyCode <= KeyCode.Quote);
+        return (event.keyCode >= KeyCode.KeyA && event.keyCode <= KeyCode.KeyZ) || (event.keyCode >= KeyCode.Digit0 && event.keyCode <= KeyCode.Digit9) || (event.keyCode >= KeyCode.Numpad0 && event.keyCode <= KeyCode.Numpad9) || (event.keyCode >= KeyCode.Semicolon && event.keyCode <= KeyCode.Quote);
     }
-};
+}();
 class TypeNavigationController {
-    constructor(list, view, keyboardNavigationLabelProvider, keyboardNavigationEventFilter, delegate) {
+    constructor(
+        list,
+        view,
+        keyboardNavigationLabelProvider,
+        keyboardNavigationEventFilter,
+        delegate
+    ) {
         this.list = list;
         this.view = view;
         this.keyboardNavigationLabelProvider = keyboardNavigationLabelProvider;
@@ -364,8 +377,7 @@ class TypeNavigationController {
     updateOptions(options) {
         if (options.typeNavigationEnabled ?? true) {
             this.enable();
-        }
-        else {
+        } else {
             this.disable();
         }
         this.mode = options.typeNavigationMode ?? TypeNavigationMode.Automatic;
@@ -378,15 +390,22 @@ class TypeNavigationController {
             return;
         }
         let typing = false;
-        const onChar = Event.chain(this.enabledDisposables.add(( new DomEmitter(this.view.domNode, 'keydown'))).event, $ => ( ( $.filter(e => !isEditableElement(e.target))
-            .filter(() => this.mode === TypeNavigationMode.Automatic || this.triggered)
-            .map(event => ( new StandardKeyboardEvent(event))))
-            .filter(e => typing || this.keyboardNavigationEventFilter(e))
-            .filter(e => this.delegate.mightProducePrintableCharacter(e))
-            .forEach(e => EventHelper.stop(e, true))
-            .map(event => event.browserEvent.key)));
-        const onClear = Event.debounce(onChar, () => null, 800, undefined, undefined, undefined, this.enabledDisposables);
-        const onInput = Event.reduce(Event.any(onChar, onClear), (r, i) => i === null ? null : ((r || '') + i), undefined, this.enabledDisposables);
+        const onChar = Event.chain(this.enabledDisposables.add(( new DomEmitter(this.view.domNode, "keydown"))).event, $ => ( ( $.filter(e => !isEditableElement(e.target)).filter(() => this.mode === TypeNavigationMode.Automatic || this.triggered).map(event => ( new StandardKeyboardEvent(event)))).filter(e => typing || this.keyboardNavigationEventFilter(e)).filter(e => this.delegate.mightProducePrintableCharacter(e)).forEach(e => EventHelper.stop(e, true)).map(event => event.browserEvent.key)));
+        const onClear = Event.debounce(
+            onChar,
+            () => null,
+            800,
+            undefined,
+            undefined,
+            undefined,
+            this.enabledDisposables
+        );
+        const onInput = Event.reduce(
+            Event.any(onChar, onClear),
+            (r, i) => i === null ? null : ((r || "") + i),
+            undefined,
+            this.enabledDisposables
+        );
         onInput(this.onInput, this, this.enabledDisposables);
         onClear(this.onClear, this, this.enabledDisposables);
         onChar(() => typing = true, undefined, this.enabledDisposables);
@@ -406,10 +425,9 @@ class TypeNavigationController {
         const focus = this.list.getFocus();
         if (focus.length > 0 && focus[0] === this.previouslyFocused) {
             const ariaLabel = this.list.options.accessibilityProvider?.getAriaLabel(this.list.element(focus[0]));
-            if (typeof ariaLabel === 'string') {
+            if (typeof ariaLabel === "string") {
                 alert(ariaLabel);
-            }
-            else if (ariaLabel) {
+            } else if (ariaLabel) {
                 alert(ariaLabel.get());
             }
         }
@@ -430,7 +448,7 @@ class TypeNavigationController {
             const label = this.keyboardNavigationLabelProvider.getKeyboardNavigationLabel(this.view.element(index));
             const labelStr = label && ( label.toString());
             if (this.list.options.typeNavigationEnabled) {
-                if (typeof labelStr !== 'undefined') {
+                if (typeof labelStr !== "undefined") {
                     if (matchesPrefix(word, labelStr)) {
                         this.previouslyFocused = start;
                         this.list.setFocus([index]);
@@ -448,8 +466,7 @@ class TypeNavigationController {
                         }
                     }
                 }
-            }
-            else if (typeof labelStr === 'undefined' || matchesPrefix(word, labelStr)) {
+            } else if (typeof labelStr === "undefined" || matchesPrefix(word, labelStr)) {
                 this.previouslyFocused = start;
                 this.list.setFocus([index]);
                 this.list.reveal(index);
@@ -468,10 +485,10 @@ class DOMFocusController {
         this.list = list;
         this.view = view;
         this.disposables = ( new DisposableStore());
-        const onKeyDown = Event.chain(this.disposables.add(( new DomEmitter(view.domNode, 'keydown'))).event, $ => ( $
-            .filter(e => !isEditableElement(e.target))
-            .map(e => ( new StandardKeyboardEvent(e)))));
-        const onTab = Event.chain(onKeyDown, $ => $.filter(e => e.keyCode === KeyCode.Tab && !e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey));
+        const onKeyDown = Event.chain(this.disposables.add(( new DomEmitter(view.domNode, "keydown"))).event, $ => ( $.filter(e => !isEditableElement(e.target)).map(e => ( new StandardKeyboardEvent(e)))));
+        const onTab = Event.chain(onKeyDown, $ => $.filter(
+            e => e.keyCode === KeyCode.Tab && !e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey
+        ));
         onTab(this.onTab, this, this.disposables);
     }
     onTab(e) {
@@ -486,12 +503,12 @@ class DOMFocusController {
         if (!focusedDomElement) {
             return;
         }
-        const tabIndexElement = focusedDomElement.querySelector('[tabIndex]');
+        const tabIndexElement = focusedDomElement.querySelector("[tabIndex]");
         if (!tabIndexElement || !(isHTMLElement(tabIndexElement)) || tabIndexElement.tabIndex === -1) {
             return;
         }
         const style = getWindow(tabIndexElement).getComputedStyle(tabIndexElement);
-        if (style.visibility === 'hidden' || style.display === 'none') {
+        if (style.visibility === "hidden" || style.display === "none") {
             return;
         }
         e.preventDefault();
@@ -516,7 +533,9 @@ const DefaultMultipleSelectionController = {
     isSelectionRangeChangeEvent
 };
 class MouseController {
-    get onPointer() { return this._onPointer.event; }
+    get onPointer() {
+        return this._onPointer.event;
+    }
     constructor(list) {
         this.list = list;
         this.disposables = ( new DisposableStore());
@@ -524,7 +543,7 @@ class MouseController {
         if (list.options.multipleSelectionSupport !== false) {
             this.multipleSelectionController = this.list.options.multipleSelectionController || DefaultMultipleSelectionController;
         }
-        this.mouseSupport = typeof list.options.mouseSupport === 'undefined' || !!list.options.mouseSupport;
+        this.mouseSupport = typeof list.options.mouseSupport === "undefined" || !!list.options.mouseSupport;
         if (this.mouseSupport) {
             list.onMouseDown(this.onMouseDown, this, this.disposables);
             list.onContextMenu(this.onContextMenu, this, this.disposables);
@@ -569,7 +588,7 @@ class MouseController {
         if (isEditableElement(e.browserEvent.target) || isMonacoEditor(e.browserEvent.target)) {
             return;
         }
-        const focus = typeof e.index === 'undefined' ? [] : [e.index];
+        const focus = typeof e.index === "undefined" ? [] : [e.index];
         this.list.setFocus(focus, e.browserEvent);
     }
     onViewPointer(e) {
@@ -584,7 +603,7 @@ class MouseController {
         }
         e.browserEvent.isHandledByList = true;
         const focus = e.index;
-        if (typeof focus === 'undefined') {
+        if (typeof focus === "undefined") {
             this.list.setFocus([], e.browserEvent);
             this.list.setSelection([], e.browserEvent);
             this.list.setAnchor(undefined);
@@ -596,7 +615,10 @@ class MouseController {
         this.list.setFocus([focus], e.browserEvent);
         this.list.setAnchor(focus);
         if (!isMouseRightClick(e.browserEvent)) {
-            this.list.setSelection([focus], e.browserEvent);
+            const focusGroupId = this.list.getElementGroupId(focus);
+            if (focusGroupId !== NotSelectableGroupId) {
+                this.list.setSelection([focus], e.browserEvent);
+            }
         }
         this._onPointer.fire(e);
     }
@@ -618,14 +640,21 @@ class MouseController {
         const focus = e.index;
         let anchor = this.list.getAnchor();
         if (this.isSelectionRangeChangeEvent(e)) {
-            if (typeof anchor === 'undefined') {
+            if (typeof anchor === "undefined") {
                 const currentFocus = this.list.getFocus()[0];
                 anchor = currentFocus ?? focus;
                 this.list.setAnchor(anchor);
             }
             const min = Math.min(anchor, focus);
             const max = Math.max(anchor, focus);
-            const rangeSelection = range(min, max + 1);
+            let rangeSelection = range(min, max + 1);
+            const selectedElement = this.list.getSelection()[0];
+            if (selectedElement !== undefined) {
+                const referenceGroupId = this.list.getElementGroupId(selectedElement);
+                if (referenceGroupId !== undefined) {
+                    rangeSelection = this.list.filterIndicesByGroup(rangeSelection, referenceGroupId);
+                }
+            }
             const selection = this.list.getSelection();
             const contiguousRange = getContiguousRangeContaining(disjunction(selection, [anchor]), anchor);
             if (contiguousRange.length === 0) {
@@ -634,16 +663,19 @@ class MouseController {
             const newSelection = disjunction(rangeSelection, relativeComplement(selection, contiguousRange));
             this.list.setSelection(newSelection, e.browserEvent);
             this.list.setFocus([focus], e.browserEvent);
-        }
-        else if (this.isSelectionSingleChangeEvent(e)) {
+        } else if (this.isSelectionSingleChangeEvent(e)) {
             const selection = this.list.getSelection();
             const newSelection = selection.filter(i => i !== focus);
             this.list.setFocus([focus]);
             this.list.setAnchor(focus);
-            if (selection.length === newSelection.length) {
-                this.list.setSelection([...newSelection, focus], e.browserEvent);
+            const focusGroupId = this.list.getElementGroupId(focus);
+            if (focusGroupId === NotSelectableGroupId) {
+                return;
             }
-            else {
+            if (selection.length === newSelection.length) {
+                const itemsToBeSelected = focusGroupId !== undefined ? this.list.filterIndicesByGroup([...newSelection, focus], focusGroupId) : [...newSelection, focus];
+                this.list.setSelection(itemsToBeSelected, e.browserEvent);
+            } else {
                 this.list.setSelection(newSelection, e.browserEvent);
             }
         }
@@ -661,150 +693,199 @@ class DefaultStyleController {
         const suffix = this.selectorSuffix && `.${this.selectorSuffix}`;
         const content = [];
         if (styles.listBackground) {
-            content.push(`.monaco-list${suffix} .monaco-list-rows { background: ${styles.listBackground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-rows { background: ${styles.listBackground}; }`
+            );
         }
         if (styles.listFocusBackground) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused { background-color: ${styles.listFocusBackground}; }`);
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused:hover { background-color: ${styles.listFocusBackground}; }`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.focused { background-color: ${styles.listFocusBackground}; }`
+            );
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.focused:hover { background-color: ${styles.listFocusBackground}; }`
+            );
         }
         if (styles.listFocusForeground) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused { color: ${styles.listFocusForeground}; }`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.focused { color: ${styles.listFocusForeground}; }`
+            );
         }
         if (styles.listActiveSelectionBackground) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected { background-color: ${styles.listActiveSelectionBackground}; }`);
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected:hover { background-color: ${styles.listActiveSelectionBackground}; }`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.selected { background-color: ${styles.listActiveSelectionBackground}; }`
+            );
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.selected:hover { background-color: ${styles.listActiveSelectionBackground}; }`
+            );
         }
         if (styles.listActiveSelectionForeground) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected { color: ${styles.listActiveSelectionForeground}; }`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.selected { color: ${styles.listActiveSelectionForeground}; }`
+            );
         }
         if (styles.listActiveSelectionIconForeground) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected .codicon { color: ${styles.listActiveSelectionIconForeground}; }`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.selected .codicon { color: ${styles.listActiveSelectionIconForeground}; }`
+            );
         }
         if (styles.listFocusAndSelectionBackground) {
             content.push(`
-				.monaco-drag-image${suffix},
-				.monaco-list${suffix}:focus .monaco-list-row.selected.focused { background-color: ${styles.listFocusAndSelectionBackground}; }
-			`);
+                .monaco-drag-image${suffix},
+                .monaco-list${suffix}:focus .monaco-list-row.selected.focused { background-color: ${styles.listFocusAndSelectionBackground}; }
+            `);
         }
         if (styles.listFocusAndSelectionForeground) {
             content.push(`
-				.monaco-drag-image${suffix},
-				.monaco-list${suffix}:focus .monaco-list-row.selected.focused { color: ${styles.listFocusAndSelectionForeground}; }
-			`);
+                .monaco-drag-image${suffix},
+                .monaco-list${suffix}:focus .monaco-list-row.selected.focused { color: ${styles.listFocusAndSelectionForeground}; }
+            `);
         }
         if (styles.listInactiveFocusForeground) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused { color:  ${styles.listInactiveFocusForeground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused:hover { color:  ${styles.listInactiveFocusForeground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused { color:  ${styles.listInactiveFocusForeground}; }`
+            );
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused:hover { color:  ${styles.listInactiveFocusForeground}; }`
+            );
         }
         if (styles.listInactiveSelectionIconForeground) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused .codicon { color:  ${styles.listInactiveSelectionIconForeground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused .codicon { color:  ${styles.listInactiveSelectionIconForeground}; }`
+            );
         }
         if (styles.listInactiveFocusBackground) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused { background-color:  ${styles.listInactiveFocusBackground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused:hover { background-color:  ${styles.listInactiveFocusBackground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused { background-color:  ${styles.listInactiveFocusBackground}; }`
+            );
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused:hover { background-color:  ${styles.listInactiveFocusBackground}; }`
+            );
         }
         if (styles.listInactiveSelectionBackground) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.selected { background-color:  ${styles.listInactiveSelectionBackground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.selected:hover { background-color:  ${styles.listInactiveSelectionBackground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.selected { background-color:  ${styles.listInactiveSelectionBackground}; }`
+            );
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.selected:hover { background-color:  ${styles.listInactiveSelectionBackground}; }`
+            );
         }
         if (styles.listInactiveSelectionForeground) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.selected { color: ${styles.listInactiveSelectionForeground}; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.selected { color: ${styles.listInactiveSelectionForeground}; }`
+            );
         }
         if (styles.listHoverBackground) {
-            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: ${styles.listHoverBackground}; }`);
+            content.push(
+                `.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: ${styles.listHoverBackground}; }`
+            );
         }
         if (styles.listHoverForeground) {
-            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { color:  ${styles.listHoverForeground}; }`);
-        }
-        const focusAndSelectionOutline = asCssValueWithDefault(styles.listFocusAndSelectionOutline, asCssValueWithDefault(styles.listSelectionOutline, styles.listFocusOutline ?? ''));
+            content.push(
+                `.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { color:  ${styles.listHoverForeground}; }`
+            );
+        }
+        const focusAndSelectionOutline = asCssValueWithDefault(
+            styles.listFocusAndSelectionOutline,
+            asCssValueWithDefault(styles.listSelectionOutline, styles.listFocusOutline ?? "")
+        );
         if (focusAndSelectionOutline) {
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused.selected { outline: 1px solid ${focusAndSelectionOutline}; outline-offset: -1px;}`);
+            content.push(
+                `.monaco-list${suffix}:focus .monaco-list-row.focused.selected { outline: 1px solid ${focusAndSelectionOutline}; outline-offset: -1px;}`
+            );
         }
         if (styles.listFocusOutline) {
             content.push(`
-				.monaco-drag-image${suffix},
-				.monaco-list${suffix}:focus .monaco-list-row.focused,
-				.context-menu-visible .monaco-list${suffix}.last-focused .monaco-list-row.focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }
-			`);
+                .monaco-drag-image${suffix},
+                .monaco-list${suffix}:focus .monaco-list-row.focused,
+                .context-menu-visible .monaco-list${suffix}.last-focused .monaco-list-row.focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }
+            `);
         }
-        const inactiveFocusAndSelectionOutline = asCssValueWithDefault(styles.listSelectionOutline, styles.listInactiveFocusOutline ?? '');
+        const inactiveFocusAndSelectionOutline = asCssValueWithDefault(styles.listSelectionOutline, styles.listInactiveFocusOutline ?? "");
         if (inactiveFocusAndSelectionOutline) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused.selected { outline: 1px dotted ${inactiveFocusAndSelectionOutline}; outline-offset: -1px; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused.selected { outline: 1px dotted ${inactiveFocusAndSelectionOutline}; outline-offset: -1px; }`
+            );
         }
         if (styles.listSelectionOutline) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.selected { outline: 1px dotted ${styles.listSelectionOutline}; outline-offset: -1px; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.selected { outline: 1px dotted ${styles.listSelectionOutline}; outline-offset: -1px; }`
+            );
         }
         if (styles.listInactiveFocusOutline) {
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused { outline: 1px dotted ${styles.listInactiveFocusOutline}; outline-offset: -1px; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row.focused { outline: 1px dotted ${styles.listInactiveFocusOutline}; outline-offset: -1px; }`
+            );
         }
         if (styles.listHoverOutline) {
-            content.push(`.monaco-list${suffix} .monaco-list-row:hover { outline: 1px dashed ${styles.listHoverOutline}; outline-offset: -1px; }`);
+            content.push(
+                `.monaco-list${suffix} .monaco-list-row:hover { outline: 1px dashed ${styles.listHoverOutline}; outline-offset: -1px; }`
+            );
         }
         if (styles.listDropOverBackground) {
             content.push(`
-				.monaco-list${suffix}.drop-target,
-				.monaco-list${suffix} .monaco-list-rows.drop-target,
-				.monaco-list${suffix} .monaco-list-row.drop-target { background-color: ${styles.listDropOverBackground} !important; color: inherit !important; }
-			`);
+                .monaco-list${suffix}.drop-target,
+                .monaco-list${suffix} .monaco-list-rows.drop-target,
+                .monaco-list${suffix} .monaco-list-row.drop-target { background-color: ${styles.listDropOverBackground} !important; color: inherit !important; }
+            `);
         }
         if (styles.listDropBetweenBackground) {
             content.push(`
-			.monaco-list${suffix} .monaco-list-rows.drop-target-before .monaco-list-row:first-child::before,
-			.monaco-list${suffix} .monaco-list-row.drop-target-before::before {
-				content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px;
-				background-color: ${styles.listDropBetweenBackground};
-			}`);
+            .monaco-list${suffix} .monaco-list-rows.drop-target-before .monaco-list-row:first-child::before,
+            .monaco-list${suffix} .monaco-list-row.drop-target-before::before {
+                content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px;
+                background-color: ${styles.listDropBetweenBackground};
+            }`);
             content.push(`
-			.monaco-list${suffix} .monaco-list-rows.drop-target-after .monaco-list-row:last-child::after,
-			.monaco-list${suffix} .monaco-list-row.drop-target-after::after {
-				content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px;
-				background-color: ${styles.listDropBetweenBackground};
-			}`);
+            .monaco-list${suffix} .monaco-list-rows.drop-target-after .monaco-list-row:last-child::after,
+            .monaco-list${suffix} .monaco-list-row.drop-target-after::after {
+                content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px;
+                background-color: ${styles.listDropBetweenBackground};
+            }`);
         }
         if (styles.tableColumnsBorder) {
             content.push(`
-				.monaco-table > .monaco-split-view2,
-				.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before,
-				.monaco-enable-motion .monaco-table:hover > .monaco-split-view2,
-				.monaco-enable-motion .monaco-table:hover > .monaco-split-view2 .monaco-sash.vertical::before {
-					border-color: ${styles.tableColumnsBorder};
-				}
+                .monaco-table > .monaco-split-view2,
+                .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before,
+                .monaco-enable-motion .monaco-table:hover > .monaco-split-view2,
+                .monaco-enable-motion .monaco-table:hover > .monaco-split-view2 .monaco-sash.vertical::before {
+                    border-color: ${styles.tableColumnsBorder};
+                }
 
-				.monaco-enable-motion .monaco-table > .monaco-split-view2,
-				.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
-					border-color: transparent;
-				}
-			`);
+                .monaco-enable-motion .monaco-table > .monaco-split-view2,
+                .monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
+                    border-color: transparent;
+                }
+            `);
         }
         if (styles.tableOddRowsBackgroundColor) {
             content.push(`
-				.monaco-table .monaco-list-row[data-parity=odd]:not(.focused):not(.selected):not(:hover) .monaco-table-tr,
-				.monaco-table .monaco-list:not(:focus) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr,
-				.monaco-table .monaco-list:not(.focused) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr {
-					background-color: ${styles.tableOddRowsBackgroundColor};
-				}
-			`);
+                .monaco-table .monaco-list-row[data-parity=odd]:not(.focused):not(.selected):not(:hover) .monaco-table-tr,
+                .monaco-table .monaco-list:not(:focus) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr,
+                .monaco-table .monaco-list:not(.focused) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr {
+                    background-color: ${styles.tableOddRowsBackgroundColor};
+                }
+            `);
         }
-        this.styleElement.textContent = content.join('\n');
+        this.styleElement.textContent = content.join("\n");
     }
 }
 const unthemedListStyles = {
-    listFocusBackground: '#7FB0D0',
-    listActiveSelectionBackground: '#0E639C',
-    listActiveSelectionForeground: '#FFFFFF',
-    listActiveSelectionIconForeground: '#FFFFFF',
-    listFocusAndSelectionOutline: '#90C2F9',
-    listFocusAndSelectionBackground: '#094771',
-    listFocusAndSelectionForeground: '#FFFFFF',
-    listInactiveSelectionBackground: '#3F3F46',
-    listInactiveSelectionIconForeground: '#FFFFFF',
-    listHoverBackground: '#2A2D2E',
-    listDropOverBackground: '#383B3D',
-    listDropBetweenBackground: '#EEEEEE',
-    treeIndentGuidesStroke: '#a9a9a9',
-    treeInactiveIndentGuidesStroke: ( ( ( Color.fromHex('#a9a9a9')).transparent(0.4)).toString()),
-    tableColumnsBorder: ( ( ( Color.fromHex('#cccccc')).transparent(0.2)).toString()),
-    tableOddRowsBackgroundColor: ( ( ( Color.fromHex('#cccccc')).transparent(0.04)).toString()),
+    listFocusBackground: "#7FB0D0",
+    listActiveSelectionBackground: "#0E639C",
+    listActiveSelectionForeground: "#FFFFFF",
+    listActiveSelectionIconForeground: "#FFFFFF",
+    listFocusAndSelectionOutline: "#90C2F9",
+    listFocusAndSelectionBackground: "#094771",
+    listFocusAndSelectionForeground: "#FFFFFF",
+    listInactiveSelectionBackground: "#3F3F46",
+    listInactiveSelectionIconForeground: "#FFFFFF",
+    listHoverBackground: "#2A2D2E",
+    listDropOverBackground: "#383B3D",
+    listDropBetweenBackground: "#EEEEEE",
+    treeIndentGuidesStroke: "#a9a9a9",
+    treeInactiveIndentGuidesStroke: ( ( ( Color.fromHex("#a9a9a9")).transparent(0.4)).toString()),
+    tableColumnsBorder: ( ( ( Color.fromHex("#cccccc")).transparent(0.2)).toString()),
+    tableOddRowsBackgroundColor: ( ( ( Color.fromHex("#cccccc")).transparent(0.04)).toString()),
     listBackground: undefined,
     listFocusForeground: undefined,
     listInactiveSelectionForeground: undefined,
@@ -824,11 +905,15 @@ const DefaultOptions = {
     mouseSupport: true,
     multipleSelectionSupport: true,
     dnd: {
-        getDragURI() { return null; },
-        onDragStart() { },
-        onDragOver() { return false; },
-        drop() { },
-        dispose() { }
+        getDragURI() {
+            return null;
+        },
+        onDragStart() {},
+        onDragOver() {
+            return false;
+        },
+        drop() {},
+        dispose() {}
     }
 };
 function getContiguousRangeContaining(range, value) {
@@ -854,20 +939,16 @@ function disjunction(one, other) {
     while (i < one.length || j < other.length) {
         if (i >= one.length) {
             result.push(other[j++]);
-        }
-        else if (j >= other.length) {
+        } else if (j >= other.length) {
             result.push(one[i++]);
-        }
-        else if (one[i] === other[j]) {
+        } else if (one[i] === other[j]) {
             result.push(one[i]);
             i++;
             j++;
             continue;
-        }
-        else if (one[i] < other[j]) {
+        } else if (one[i] < other[j]) {
             result.push(one[i++]);
-        }
-        else {
+        } else {
             result.push(other[j++]);
         }
     }
@@ -879,19 +960,15 @@ function relativeComplement(one, other) {
     while (i < one.length || j < other.length) {
         if (i >= one.length) {
             result.push(other[j++]);
-        }
-        else if (j >= other.length) {
+        } else if (j >= other.length) {
             result.push(one[i++]);
-        }
-        else if (one[i] === other[j]) {
+        } else if (one[i] === other[j]) {
             i++;
             j++;
             continue;
-        }
-        else if (one[i] < other[j]) {
+        } else if (one[i] < other[j]) {
             result.push(one[i++]);
-        }
-        else {
+        } else {
             j++;
         }
     }
@@ -932,31 +1009,32 @@ class PipelineRenderer {
 class AccessibiltyRenderer {
     constructor(accessibilityProvider) {
         this.accessibilityProvider = accessibilityProvider;
-        this.templateId = 'a18n';
+        this.templateId = "a18n";
     }
     renderTemplate(container) {
-        return { container, disposables: ( new DisposableStore()) };
+        return {
+            container,
+            disposables: ( new DisposableStore())
+        };
     }
     renderElement(element, index, data) {
         const ariaLabel = this.accessibilityProvider.getAriaLabel(element);
-        const observable = (ariaLabel && typeof ariaLabel !== 'string') ? ariaLabel : constObservable(ariaLabel);
+        const observable = (ariaLabel && typeof ariaLabel !== "string") ? ariaLabel : constObservable(ariaLabel);
         data.disposables.add(autorun(reader => {
             this.setAriaLabel(reader.readObservable(observable), data.container);
         }));
         const ariaLevel = this.accessibilityProvider.getAriaLevel && this.accessibilityProvider.getAriaLevel(element);
-        if (typeof ariaLevel === 'number') {
-            data.container.setAttribute('aria-level', `${ariaLevel}`);
-        }
-        else {
-            data.container.removeAttribute('aria-level');
+        if (typeof ariaLevel === "number") {
+            data.container.setAttribute("aria-level", `${ariaLevel}`);
+        } else {
+            data.container.removeAttribute("aria-level");
         }
     }
     setAriaLabel(ariaLabel, element) {
         if (ariaLabel) {
-            element.setAttribute('aria-label', ariaLabel);
-        }
-        else {
-            element.removeAttribute('aria-label');
+            element.setAttribute("aria-label", ariaLabel);
+        } else {
+            element.removeAttribute("aria-label");
         }
     }
     disposeElement(element, index, templateData) {
@@ -1019,59 +1097,109 @@ class List {
             this.disposables
         ));
     }
-    get domId() { return this.view.domId; }
-    get onDidScroll() { return this.view.onDidScroll; }
-    get onMouseClick() { return this.view.onMouseClick; }
-    get onMouseDblClick() { return this.view.onMouseDblClick; }
-    get onMouseMiddleClick() { return this.view.onMouseMiddleClick; }
-    get onPointer() { return this.mouseController.onPointer; }
-    get onMouseUp() { return this.view.onMouseUp; }
-    get onMouseDown() { return this.view.onMouseDown; }
-    get onMouseOver() { return this.view.onMouseOver; }
-    get onMouseMove() { return this.view.onMouseMove; }
-    get onMouseOut() { return this.view.onMouseOut; }
-    get onTouchStart() { return this.view.onTouchStart; }
-    get onTap() { return this.view.onTap; }
+    get domId() {
+        return this.view.domId;
+    }
+    get onDidScroll() {
+        return this.view.onDidScroll;
+    }
+    get onMouseClick() {
+        return this.view.onMouseClick;
+    }
+    get onMouseDblClick() {
+        return this.view.onMouseDblClick;
+    }
+    get onMouseMiddleClick() {
+        return this.view.onMouseMiddleClick;
+    }
+    get onPointer() {
+        return this.mouseController.onPointer;
+    }
+    get onMouseUp() {
+        return this.view.onMouseUp;
+    }
+    get onMouseDown() {
+        return this.view.onMouseDown;
+    }
+    get onMouseOver() {
+        return this.view.onMouseOver;
+    }
+    get onMouseMove() {
+        return this.view.onMouseMove;
+    }
+    get onMouseOut() {
+        return this.view.onMouseOut;
+    }
+    get onTouchStart() {
+        return this.view.onTouchStart;
+    }
+    get onTap() {
+        return this.view.onTap;
+    }
     get onContextMenu() {
         let didJustPressContextMenuKey = false;
-        const fromKeyDown = Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, 'keydown'))).event, $ => ( ( $.map(e => ( new StandardKeyboardEvent(e))))
-            .filter(e => didJustPressContextMenuKey = e.keyCode === KeyCode.ContextMenu || (e.shiftKey && e.keyCode === KeyCode.F10))
-            .map(e => EventHelper.stop(e, true)))
-            .filter(() => false));
-        const fromKeyUp = Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, 'keyup'))).event, $ => ( ( ( $.forEach(() => didJustPressContextMenuKey = false)
-            .map(e => ( new StandardKeyboardEvent(e))))
-            .filter(e => e.keyCode === KeyCode.ContextMenu || (e.shiftKey && e.keyCode === KeyCode.F10))
-            .map(e => EventHelper.stop(e, true)))
-            .map(({ browserEvent }) => {
+        const fromKeyDown = Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, "keydown"))).event, $ => ( ( $.map(e => ( new StandardKeyboardEvent(e)))).filter(
+            e => didJustPressContextMenuKey = e.keyCode === KeyCode.ContextMenu || (e.shiftKey && e.keyCode === KeyCode.F10)
+        ).map(e => EventHelper.stop(e, true))).filter(() => false));
+        const fromKeyUp = Event.chain(this.disposables.add(( new DomEmitter(this.view.domNode, "keyup"))).event, $ => ( ( ( $.forEach(() => didJustPressContextMenuKey = false).map(e => ( new StandardKeyboardEvent(e)))).filter(
+            e => e.keyCode === KeyCode.ContextMenu || (e.shiftKey && e.keyCode === KeyCode.F10)
+        ).map(e => EventHelper.stop(e, true))).map((
+            {
+                browserEvent
+            }
+        ) => {
             const focus = this.getFocus();
             const index = focus.length ? focus[0] : undefined;
-            const element = typeof index !== 'undefined' ? this.view.element(index) : undefined;
-            const anchor = typeof index !== 'undefined' ? this.view.domElement(index) : this.view.domNode;
-            return { index, element, anchor, browserEvent };
+            const element = typeof index !== "undefined" ? this.view.element(index) : undefined;
+            const anchor = typeof index !== "undefined" ? this.view.domElement(index) : this.view.domNode;
+            return {
+                index,
+                element,
+                anchor,
+                browserEvent
+            };
         })));
-        const fromMouse = Event.chain(this.view.onContextMenu, $ => ( $.filter(_ => !didJustPressContextMenuKey)
-            .map(
-            ({ element, index, browserEvent }) => ({ element, index, anchor: ( new StandardMouseEvent(getWindow(this.view.domNode), browserEvent)), browserEvent })
-        )));
+        const fromMouse = Event.chain(this.view.onContextMenu, $ => ( $.filter(_ => !didJustPressContextMenuKey).map((
+            {
+                element,
+                index,
+                browserEvent
+            }
+        ) => ({
+            element,
+            index,
+            anchor: ( new StandardMouseEvent(getWindow(this.view.domNode), browserEvent)),
+            browserEvent
+        }))));
         return Event.any(fromKeyDown, fromKeyUp, fromMouse);
     }
-    get onKeyDown() { return this.disposables.add(( new DomEmitter(this.view.domNode, 'keydown'))).event; }
-    get onKeyUp() { return this.disposables.add(( new DomEmitter(this.view.domNode, 'keyup'))).event; }
-    get onKeyPress() { return this.disposables.add(( new DomEmitter(this.view.domNode, 'keypress'))).event; }
-    get onDidFocus() { return Event.signal(this.disposables.add(( new DomEmitter(this.view.domNode, 'focus', true))).event); }
-    get onDidBlur() { return Event.signal(this.disposables.add(( new DomEmitter(this.view.domNode, 'blur', true))).event); }
+    get onKeyDown() {
+        return this.disposables.add(( new DomEmitter(this.view.domNode, "keydown"))).event;
+    }
+    get onKeyUp() {
+        return this.disposables.add(( new DomEmitter(this.view.domNode, "keyup"))).event;
+    }
+    get onKeyPress() {
+        return this.disposables.add(( new DomEmitter(this.view.domNode, "keypress"))).event;
+    }
+    get onDidFocus() {
+        return Event.signal(this.disposables.add(( new DomEmitter(this.view.domNode, "focus", true))).event);
+    }
+    get onDidBlur() {
+        return Event.signal(this.disposables.add(( new DomEmitter(this.view.domNode, "blur", true))).event);
+    }
     constructor(user, container, virtualDelegate, renderers, _options = DefaultOptions) {
         this.user = user;
         this._options = _options;
-        this.focus = ( new Trait('focused'));
-        this.anchor = ( new Trait('anchor'));
+        this.focus = ( new Trait("focused"));
+        this.anchor = ( new Trait("anchor"));
         this.eventBufferer = ( new EventBufferer());
-        this._ariaLabel = '';
+        this._ariaLabel = "";
         this.disposables = ( new DisposableStore());
         this._onDidDispose = ( new Emitter());
         this.onDidDispose = this._onDidDispose.event;
-        const role = this._options.accessibilityProvider && this._options.accessibilityProvider.getWidgetRole ? this._options.accessibilityProvider?.getWidgetRole() : 'list';
-        this.selection = ( new SelectionTrait(role !== 'listbox'));
+        const role = this._options.accessibilityProvider && this._options.accessibilityProvider.getWidgetRole ? this._options.accessibilityProvider?.getWidgetRole() : "list";
+        this.selection = ( new SelectionTrait(role !== "listbox"));
         const baseRenderers = [this.focus.renderer, this.selection.renderer];
         this.accessibilityProvider = _options.accessibilityProvider;
         if (this.accessibilityProvider) {
@@ -1084,27 +1212,21 @@ class List {
             dnd: _options.dnd && ( new ListViewDragAndDrop(this, _options.dnd))
         };
         this.view = this.createListView(container, virtualDelegate, renderers, viewOptions);
-        this.view.domNode.setAttribute('role', role);
+        this.view.domNode.setAttribute("role", role);
         if (_options.styleController) {
             this.styleController = _options.styleController(this.view.domId);
-        }
-        else {
+        } else {
             const styleElement = createStyleSheet(this.view.domNode);
             this.styleController = ( new DefaultStyleController(styleElement, this.view.domId));
         }
-        this.spliceable = ( new CombinedSpliceable([
-            ( new TraitSpliceable(this.focus, this.view, _options.identityProvider)),
-            ( new TraitSpliceable(this.selection, this.view, _options.identityProvider)),
-            ( new TraitSpliceable(this.anchor, this.view, _options.identityProvider)),
-            this.view
-        ]));
+        this.spliceable = ( new CombinedSpliceable([( new TraitSpliceable(this.focus, this.view, _options.identityProvider)), ( new TraitSpliceable(this.selection, this.view, _options.identityProvider)), ( new TraitSpliceable(this.anchor, this.view, _options.identityProvider)), this.view]));
         this.disposables.add(this.focus);
         this.disposables.add(this.selection);
         this.disposables.add(this.anchor);
         this.disposables.add(this.view);
         this.disposables.add(this._onDidDispose);
         this.disposables.add(( new DOMFocusController(this, this.view)));
-        if (typeof _options.keyboardSupport !== 'boolean' || _options.keyboardSupport) {
+        if (typeof _options.keyboardSupport !== "boolean" || _options.keyboardSupport) {
             this.keyboardController = ( new KeyboardController(this, this.view, _options));
             this.disposables.add(this.keyboardController);
         }
@@ -1125,13 +1247,13 @@ class List {
         this.onDidChangeSelection(this._onSelectionChange, this, this.disposables);
         if (this.accessibilityProvider) {
             const ariaLabel = this.accessibilityProvider.getWidgetAriaLabel();
-            const observable = (ariaLabel && typeof ariaLabel !== 'string') ? ariaLabel : constObservable(ariaLabel);
+            const observable = (ariaLabel && typeof ariaLabel !== "string") ? ariaLabel : constObservable(ariaLabel);
             this.disposables.add(autorun(reader => {
                 this.ariaLabel = reader.readObservable(observable);
             }));
         }
         if (this._options.multipleSelectionSupport !== false) {
-            this.view.domNode.setAttribute('aria-multiselectable', 'true');
+            this.view.domNode.setAttribute("aria-multiselectable", "true");
         }
     }
     createListView(container, virtualDelegate, renderers, viewOptions) {
@@ -1141,14 +1263,16 @@ class List {
         return ( new MouseController(this));
     }
     updateOptions(optionsUpdate = {}) {
-        this._options = { ...this._options, ...optionsUpdate };
+        this._options = {
+            ...this._options,
+            ...optionsUpdate
+        };
         this.typeNavigationController?.updateOptions(this._options);
         if (this._options.multipleSelectionController !== undefined) {
             if (this._options.multipleSelectionSupport) {
-                this.view.domNode.setAttribute('aria-multiselectable', 'true');
-            }
-            else {
-                this.view.domNode.removeAttribute('aria-multiselectable');
+                this.view.domNode.setAttribute("aria-multiselectable", "true");
+            } else {
+                this.view.domNode.removeAttribute("aria-multiselectable");
             }
         }
         this.mouseController.updateOptions(optionsUpdate);
@@ -1235,10 +1359,12 @@ class List {
     }
     set ariaLabel(value) {
         this._ariaLabel = value;
-        this.view.domNode.setAttribute('aria-label', value);
+        this.view.domNode.setAttribute("aria-label", value);
     }
     domFocus() {
-        this.view.domNode.focus({ preventScroll: true });
+        this.view.domNode.focus({
+            preventScroll: true
+        });
     }
     layout(height, width) {
         this.view.layout(height, width);
@@ -1252,6 +1378,7 @@ class List {
                 throw ( new ListError(this.user, `Invalid index ${index}`));
             }
         }
+        indexes = indexes.filter(i => this.getElementGroupId(i) !== NotSelectableGroupId);
         this.selection.set(indexes, browserEvent);
     }
     getSelection() {
@@ -1261,7 +1388,7 @@ class List {
         return ( this.getSelection().map(i => this.view.element(i)));
     }
     setAnchor(index) {
-        if (typeof index === 'undefined') {
+        if (typeof index === "undefined") {
             this.anchor.set([]);
             return;
         }
@@ -1275,7 +1402,29 @@ class List {
     }
     getAnchorElement() {
         const anchor = this.getAnchor();
-        return typeof anchor === 'undefined' ? undefined : this.element(anchor);
+        return typeof anchor === "undefined" ? undefined : this.element(anchor);
+    }
+    getElementGroupId(index) {
+        const identityProvider = this.options.identityProvider;
+        if (!identityProvider?.getGroupId) {
+            return undefined;
+        }
+        const element = this.element(index);
+        return identityProvider.getGroupId(element);
+    }
+    filterIndicesByGroup(indices, referenceGroupId) {
+        const identityProvider = this.options.identityProvider;
+        if (!identityProvider?.getGroupId) {
+            return indices;
+        }
+        if (referenceGroupId === NotSelectableGroupId) {
+            return [];
+        }
+        return indices.filter(index => {
+            const element = this.element(index);
+            const groupId = identityProvider.getGroupId(element);
+            return groupId === referenceGroupId;
+        });
     }
     setFocus(indexes, browserEvent) {
         for (const index of indexes) {
@@ -1313,12 +1462,10 @@ class List {
             const lastGoodPageIndex = this.findPreviousIndex(lastPageIndex, false, filter);
             if (lastGoodPageIndex > -1 && currentlyFocusedElementIndex !== lastGoodPageIndex) {
                 this.setFocus([lastGoodPageIndex], browserEvent);
-            }
-            else {
+            } else {
                 this.setFocus([lastPageIndex], browserEvent);
             }
-        }
-        else {
+        } else {
             const previousScrollTop = this.view.getScrollTop();
             let nextpageScrollTop = previousScrollTop + this.view.renderHeight;
             if (lastPageIndex > currentlyFocusedElementIndex) {
@@ -1338,8 +1485,7 @@ class List {
         const scrollTop = this.view.getScrollTop() + paddingTop;
         if (scrollTop === 0) {
             firstPageIndex = this.view.indexAt(scrollTop);
-        }
-        else {
+        } else {
             firstPageIndex = this.view.indexAfter(scrollTop - 1);
         }
         const currentlyFocusedElementIndex = this.getFocus()[0];
@@ -1347,12 +1493,10 @@ class List {
             const firstGoodPageIndex = this.findNextIndex(firstPageIndex, false, filter);
             if (firstGoodPageIndex > -1 && currentlyFocusedElementIndex !== firstGoodPageIndex) {
                 this.setFocus([firstGoodPageIndex], browserEvent);
-            }
-            else {
+            } else {
                 this.setFocus([firstPageIndex], browserEvent);
             }
-        }
-        else {
+        } else {
             const previousScrollTop = scrollTop;
             this.view.setScrollTop(scrollTop - this.view.renderHeight - paddingTop);
             if (this.view.getScrollTop() + getPaddingTop() !== previousScrollTop) {
@@ -1425,15 +1569,13 @@ class List {
         if (isNumber(relativeTop)) {
             const m = elementHeight - this.view.renderHeight + paddingTop;
             this.view.setScrollTop(m * clamp(relativeTop, 0, 1) + elementTop - paddingTop);
-        }
-        else {
+        } else {
             const viewItemBottom = elementTop + elementHeight;
             const scrollBottom = scrollTop + this.view.renderHeight;
-            if (elementTop < scrollTop + paddingTop && viewItemBottom >= scrollBottom) ;
-            else if (elementTop < scrollTop + paddingTop || (viewItemBottom >= scrollBottom && elementHeight >= this.view.renderHeight)) {
+            if (elementTop < scrollTop + paddingTop && viewItemBottom >= scrollBottom)
+                ; else if (elementTop < scrollTop + paddingTop || (viewItemBottom >= scrollBottom && elementHeight >= this.view.renderHeight)) {
                 this.view.setScrollTop(elementTop - paddingTop);
-            }
-            else if (viewItemBottom >= scrollBottom) {
+            } else if (viewItemBottom >= scrollBottom) {
                 this.view.setScrollTop(viewItemBottom - this.view.renderHeight);
             }
         }
@@ -1472,12 +1614,21 @@ class List {
     delegateScrollFromMouseWheelEvent(browserEvent) {
         this.view.delegateScrollFromMouseWheelEvent(browserEvent);
     }
-    toListEvent({ indexes, browserEvent }) {
-        return { indexes, elements: ( indexes.map(i => this.view.element(i))), browserEvent };
+    toListEvent(
+        {
+            indexes,
+            browserEvent
+        }
+    ) {
+        return {
+            indexes,
+            elements: ( indexes.map(i => this.view.element(i))),
+            browserEvent
+        };
     }
     _onFocusChange() {
         const focus = this.focus.get();
-        this.view.domNode.classList.toggle('element-focused', focus.length > 0);
+        this.view.domNode.classList.toggle("element-focused", focus.length > 0);
         this.onDidChangeActiveDescendant();
     }
     onDidChangeActiveDescendant() {
@@ -1487,17 +1638,16 @@ class List {
             if (this.accessibilityProvider?.getActiveDescendantId) {
                 id = this.accessibilityProvider.getActiveDescendantId(this.view.element(focus[0]));
             }
-            this.view.domNode.setAttribute('aria-activedescendant', id || this.view.getElementDomId(focus[0]));
-        }
-        else {
-            this.view.domNode.removeAttribute('aria-activedescendant');
+            this.view.domNode.setAttribute("aria-activedescendant", id || this.view.getElementDomId(focus[0]));
+        } else {
+            this.view.domNode.removeAttribute("aria-activedescendant");
         }
     }
     _onSelectionChange() {
         const selection = this.selection.get();
-        this.view.domNode.classList.toggle('selection-none', selection.length === 0);
-        this.view.domNode.classList.toggle('selection-single', selection.length === 1);
-        this.view.domNode.classList.toggle('selection-multiple', selection.length > 1);
+        this.view.domNode.classList.toggle("selection-none", selection.length === 0);
+        this.view.domNode.classList.toggle("selection-single", selection.length === 1);
+        this.view.domNode.classList.toggle("selection-multiple", selection.length > 1);
     }
     dispose() {
         this._onDidDispose.fire();
@@ -1505,29 +1655,13 @@ class List {
         this._onDidDispose.dispose();
     }
 }
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onDidChangeFocus", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onDidChangeSelection", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onContextMenu", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onKeyDown", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onKeyUp", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onKeyPress", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onDidFocus", null));
-List.__decorator = ( __decorate([
-    memoize
-], List.prototype, "onDidBlur", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onDidChangeFocus", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onDidChangeSelection", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onContextMenu", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onKeyDown", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onKeyUp", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onKeyPress", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onDidFocus", null));
+List.__decorator = ( __decorate([memoize], List.prototype, "onDidBlur", null));
 
 export { DefaultKeyboardNavigationDelegate, DefaultStyleController, List, MouseController, TypeNavigationMode, isActionItem, isButton, isMonacoCustomToggle, isMonacoEditor, isSelectionRangeChangeEvent, isSelectionSingleChangeEvent, isStickyScrollContainer, isStickyScrollElement, unthemedListStyles };