@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/base/browser/ui/tree/abstractTree.js

@@ -1,4 +1,4 @@
-import { append, $, clearNode, createStyleSheet, isActiveElement, asCssValueWithDefault, isKeyboardEvent, hasParentWithClass, h, getWindow } from '../../dom.js';
+import { createStyleSheet, isActiveElement, asCssValueWithDefault, isKeyboardEvent, append, $, clearNode, hasParentWithClass, h, getWindow } from '../../dom.js';
 import { DomEmitter } from '../../event.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { ActionBar } from '../actionbar/actionbar.js';
@@ -17,7 +17,7 @@ import { ThemeIcon } from '../../../common/themables.js';
 import { SetMap } from '../../../common/map.js';
 import { Event, EventBufferer, Emitter, Relay } from '../../../common/event.js';
 import { FuzzyScore, fuzzyScore } from '../../../common/filters.js';
-import { Disposable, DisposableStore, toDisposable, dispose } from '../../../common/lifecycle.js';
+import { DisposableStore, dispose, Disposable, toDisposable } from '../../../common/lifecycle.js';
 import { clamp } from '../../../common/numbers.js';
 import { isNumber } from '../../../common/types.js';
 import './media/tree.css.js';
@@ -27,6 +27,7 @@ import '../../../common/observableInternal/derived.js';
 import { autorun } from '../../../common/observableInternal/autorun.js';
 import { constObservable } from '../../../common/observableInternal/utils.js';
 import '../../../common/cancellation.js';
+const _moduleId = "vs/base/browser/ui/tree/abstractTree";
 class TreeElementsDragAndDropData extends ElementsDragAndDropData {
     set context(context) {
         this.data.context = context;
@@ -35,13 +36,15 @@ class TreeElementsDragAndDropData extends ElementsDragAndDropData {
         return this.data.context;
     }
     constructor(data) {
-        super(( data.elements.map(node => node.element)));
+        super(( (data.elements.map(node => node.element))));
         this.data = data;
     }
 }
 function asTreeDragAndDropData(data) {
     if (data instanceof ElementsDragAndDropData) {
-        return ( new TreeElementsDragAndDropData(data));
+        return (
+             (new TreeElementsDragAndDropData(data))
+        );
     }
     return data;
 }
@@ -50,14 +53,14 @@ class TreeNodeListDragAndDrop {
         this.modelProvider = modelProvider;
         this.dnd = dnd;
         this.autoExpandDisposable = Disposable.None;
-        this.disposables = ( new DisposableStore());
+        this.disposables = ( (new DisposableStore()));
     }
     getDragURI(node) {
         return this.dnd.getDragURI(node.element);
     }
     getDragLabel(nodes, originalEvent) {
         if (this.dnd.getDragLabel) {
-            return this.dnd.getDragLabel(( nodes.map(node => node.element)), originalEvent);
+            return this.dnd.getDragLabel(( (nodes.map(node => node.element))), originalEvent);
         }
         return undefined;
     }
@@ -127,7 +130,7 @@ function asListOptions(modelProvider, options) {
                 return options.identityProvider.getId(el.element);
             }
         },
-        dnd: options.dnd && ( new TreeNodeListDragAndDrop(modelProvider, options.dnd)),
+        dnd: options.dnd && ( (new TreeNodeListDragAndDrop(modelProvider, options.dnd))),
         multipleSelectionController: options.multipleSelectionController && {
             isSelectionSingleChangeEvent(e) {
                 return options.multipleSelectionController.isSelectionSingleChangeEvent({ ...e, element: e.element });
@@ -195,19 +198,21 @@ class ComposedTreeDelegate {
 }
 class AbstractTreeViewState {
     static lift(state) {
-        return state instanceof AbstractTreeViewState ? state : ( new AbstractTreeViewState(state));
+        return state instanceof AbstractTreeViewState ? state : ( (new AbstractTreeViewState(state)));
     }
     static empty(scrollTop = 0) {
-        return ( new AbstractTreeViewState({
-            focus: [],
-            selection: [],
-            expanded: Object.create(null),
-            scrollTop,
-        }));
+        return (
+             (new AbstractTreeViewState({
+                focus: [],
+                selection: [],
+                expanded: Object.create(null),
+                scrollTop,
+            }))
+        );
     }
     constructor(state) {
-        this.focus = ( new Set(state.focus));
-        this.selection = ( new Set(state.selection));
+        this.focus = ( (new Set(state.focus)));
+        this.selection = ( (new Set(state.selection)));
         if (state.expanded instanceof Array) {
             this.expanded = Object.create(null);
             for (const id of state.expanded) {
@@ -230,18 +235,18 @@ class AbstractTreeViewState {
     }
 }
 var RenderIndentGuides;
-( (function(RenderIndentGuides) {
+( ((function(RenderIndentGuides) {
     RenderIndentGuides["None"] = "none";
     RenderIndentGuides["OnHover"] = "onHover";
     RenderIndentGuides["Always"] = "always";
-})(RenderIndentGuides || (RenderIndentGuides = {})));
+})(RenderIndentGuides || (RenderIndentGuides = {}))));
 class EventCollection {
     get elements() {
         return this._elements;
     }
     constructor(onDidChange, _elements = []) {
         this._elements = _elements;
-        this.disposables = ( new DisposableStore());
+        this.disposables = ( (new DisposableStore()));
         this.onDidChange = Event.forEach(onDidChange, elements => this._elements = elements, this.disposables);
     }
     dispose() {
@@ -255,17 +260,17 @@ class TreeRenderer {
         this.modelProvider = modelProvider;
         this.activeNodes = activeNodes;
         this.renderedIndentGuides = renderedIndentGuides;
-        this.renderedElements = ( new Map());
-        this.renderedNodes = ( new Map());
+        this.renderedElements = ( (new Map()));
+        this.renderedNodes = ( (new Map()));
         this.indent = TreeRenderer.DefaultIndent;
         this.hideTwistiesOfChildlessElements = false;
         this.shouldRenderIndentGuides = false;
-        this.activeIndentNodes = ( new Set());
+        this.activeIndentNodes = ( (new Set()));
         this.indentGuidesDisposable = Disposable.None;
-        this.disposables = ( new DisposableStore());
+        this.disposables = ( (new DisposableStore()));
         this.templateId = renderer.templateId;
         this.updateOptions(options);
-        ( Event.map(onDidChangeCollapseState, e => e.node))(this.onDidChangeNodeTwistieState, this, this.disposables);
+        ( (Event.map(onDidChangeCollapseState, e => e.node)))(this.onDidChangeNodeTwistieState, this, this.disposables);
         renderer.onDidChangeTwistieState?.(this.onDidChangeTwistieState, this, this.disposables);
     }
     updateOptions(options = {}) {
@@ -287,7 +292,7 @@ class TreeRenderer {
                 }
                 this.indentGuidesDisposable.dispose();
                 if (shouldRenderIndentGuides) {
-                    const disposables = ( new DisposableStore());
+                    const disposables = ( (new DisposableStore()));
                     this.activeNodes.onDidChange(this._onDidChangeActiveNodes, this, disposables);
                     this.indentGuidesDisposable = disposables;
                     this._onDidChangeActiveNodes(this.activeNodes.elements);
@@ -371,7 +376,7 @@ class TreeRenderer {
         if (!this.shouldRenderIndentGuides) {
             return;
         }
-        const disposableStore = ( new DisposableStore());
+        const disposableStore = ( (new DisposableStore()));
         const model = this.modelProvider();
         while (true) {
             const ref = model.getNodeLocation(node);
@@ -381,7 +386,7 @@ class TreeRenderer {
             }
             const parent = model.getNode(parentRef);
             const guide = $('.indent-guide', { style: `width: ${this.indent}px` });
-            if (( this.activeIndentNodes.has(parent))) {
+            if (( (this.activeIndentNodes.has(parent)))) {
                 guide.classList.add('active');
             }
             if (templateData.indent.childElementCount === 0) {
@@ -400,7 +405,7 @@ class TreeRenderer {
         if (!this.shouldRenderIndentGuides) {
             return;
         }
-        const set = ( new Set());
+        const set = ( (new Set()));
         const model = this.modelProvider();
         nodes.forEach(node => {
             const ref = model.getNodeLocation(node);
@@ -417,12 +422,12 @@ class TreeRenderer {
             }
         });
         this.activeIndentNodes.forEach(node => {
-            if (!( set.has(node))) {
+            if (!( (set.has(node)))) {
                 this.renderedIndentGuides.forEach(node, line => line.classList.remove('active'));
             }
         });
         set.forEach(node => {
-            if (!( this.activeIndentNodes.has(node))) {
+            if (!( (this.activeIndentNodes.has(node)))) {
                 this.renderedIndentGuides.forEach(node, line => line.classList.add('active'));
             }
         });
@@ -450,7 +455,7 @@ class FindFilter {
         this._matchCount = 0;
         this._pattern = '';
         this._lowercasePattern = '';
-        this.disposables = ( new DisposableStore());
+        this.disposables = ( (new DisposableStore()));
         tree.onWillRefilter(this.reset, this, this.disposables);
     }
     filter(element, parentVisibility) {
@@ -478,7 +483,7 @@ class FindFilter {
         const label = this.keyboardNavigationLabelProvider.getKeyboardNavigationLabel(element);
         const labels = Array.isArray(label) ? label : [label];
         for (const l of labels) {
-            const labelStr = l && ( l.toString());
+            const labelStr = l && ( (l.toString()));
             if (typeof labelStr === 'undefined') {
                 return { data: FuzzyScore.Default, visibility };
             }
@@ -529,7 +534,7 @@ class ModeToggle extends Toggle {
     constructor(opts) {
         super({
             icon: Codicon.listFilter,
-            title: ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'filter', "Filter")),
+            title: ( localizeWithPath(_moduleId, 0, "Filter")),
             isChecked: opts.isChecked ?? false,
             hoverDelegate: opts.hoverDelegate ?? getDefaultHoverDelegate('element'),
             inputActiveOptionBorder: opts.inputActiveOptionBorder,
@@ -542,7 +547,7 @@ class FuzzyToggle extends Toggle {
     constructor(opts) {
         super({
             icon: Codicon.searchFuzzy,
-            title: ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'fuzzySearch', "Fuzzy Match")),
+            title: ( localizeWithPath(_moduleId, 1, "Fuzzy Match")),
             isChecked: opts.isChecked ?? false,
             hoverDelegate: opts.hoverDelegate ?? getDefaultHoverDelegate('element'),
             inputActiveOptionBorder: opts.inputActiveOptionBorder,
@@ -560,19 +565,19 @@ const unthemedFindWidgetStyles = {
     listFilterWidgetShadow: undefined
 };
 var TreeFindMode;
-( (function(TreeFindMode) {
+( ((function(TreeFindMode) {
     TreeFindMode[TreeFindMode["Highlight"] = 0] = "Highlight";
     TreeFindMode[TreeFindMode["Filter"] = 1] = "Filter";
-})(TreeFindMode || (TreeFindMode = {})));
+})(TreeFindMode || (TreeFindMode = {}))));
 var TreeFindMatchType;
-( (function(TreeFindMatchType) {
+( ((function(TreeFindMatchType) {
     TreeFindMatchType[TreeFindMatchType["Fuzzy"] = 0] = "Fuzzy";
     TreeFindMatchType[TreeFindMatchType["Contiguous"] = 1] = "Contiguous";
-})(TreeFindMatchType || (TreeFindMatchType = {})));
+})(TreeFindMatchType || (TreeFindMatchType = {}))));
 class FindWidget extends Disposable {
     set mode(mode) {
         this.modeToggle.checked = mode === TreeFindMode.Filter;
-        this.findInput.inputBox.setPlaceHolder(mode === TreeFindMode.Filter ? ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'type to filter', "Type to filter")) : ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'type to search', "Type to search")));
+        this.findInput.inputBox.setPlaceHolder(mode === TreeFindMode.Filter ? ( localizeWithPath(_moduleId, 2, "Type to filter")) : ( localizeWithPath(_moduleId, 3, "Type to search")));
     }
     set matchType(matchType) {
         this.matchTypeToggle.checked = matchType === TreeFindMatchType.Fuzzy;
@@ -594,7 +599,7 @@ class FindWidget extends Disposable {
         this.width = 0;
         this.right = 0;
         this.top = 0;
-        this._onDidDisable = ( new Emitter());
+        this._onDidDisable = ( (new Emitter()));
         this.onDidDisable = this._onDidDisable.event;
         container.appendChild(this.elements.root);
         this._register(toDisposable(() => container.removeChild(this.elements.root)));
@@ -606,34 +611,34 @@ class FindWidget extends Disposable {
             this.elements.root.style.boxShadow = `0 0 8px 2px ${styles.listFilterWidgetShadow}`;
         }
         const toggleHoverDelegate = this._register(createInstantHoverDelegate());
-        this.modeToggle = this._register(( new ModeToggle(
+        this.modeToggle = this._register(( (new ModeToggle(
             { ...styles.toggleStyles, isChecked: mode === TreeFindMode.Filter, hoverDelegate: toggleHoverDelegate }
-        )));
-        this.matchTypeToggle = this._register(( new FuzzyToggle(
+        ))));
+        this.matchTypeToggle = this._register(( (new FuzzyToggle(
             { ...styles.toggleStyles, isChecked: matchType === TreeFindMatchType.Fuzzy, hoverDelegate: toggleHoverDelegate }
-        )));
-        this.onDidChangeMode = ( Event.map(
+        ))));
+        this.onDidChangeMode = ( (Event.map(
             this.modeToggle.onChange,
             () => this.modeToggle.checked ? TreeFindMode.Filter : TreeFindMode.Highlight,
             this._store
-        ));
-        this.onDidChangeMatchType = ( Event.map(
+        )));
+        this.onDidChangeMatchType = ( (Event.map(
             this.matchTypeToggle.onChange,
             () => this.matchTypeToggle.checked ? TreeFindMatchType.Fuzzy : TreeFindMatchType.Contiguous,
             this._store
-        ));
-        this.findInput = this._register(( new FindInput(this.elements.findInput, contextViewProvider, {
-            label: ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'type to search', "Type to search")),
+        )));
+        this.findInput = this._register(( (new FindInput(this.elements.findInput, contextViewProvider, {
+            label: ( localizeWithPath(_moduleId, 3, "Type to search")),
             additionalToggles: [this.modeToggle, this.matchTypeToggle],
             showCommonFindToggles: false,
             inputBoxStyles: styles.inputBoxStyles,
             toggleStyles: styles.toggleStyles,
             history: options?.history
-        })));
-        this.actionbar = this._register(( new ActionBar(this.elements.actionbar)));
+        }))));
+        this.actionbar = this._register(( (new ActionBar(this.elements.actionbar))));
         this.mode = mode;
-        const emitter = this._register(( new DomEmitter(this.findInput.inputBox.inputElement, 'keydown')));
-        const onKeyDown = Event.chain(emitter.event, $ => ( $.map(e => ( new StandardKeyboardEvent(e)))));
+        const emitter = this._register(( (new DomEmitter(this.findInput.inputBox.inputElement, 'keydown'))));
+        const onKeyDown = Event.chain(emitter.event, $ => ( ($.map(e => ( (new StandardKeyboardEvent(e)))))));
         this._register(onKeyDown((e) => {
             if (e.equals(3 )) {
                 e.preventDefault();
@@ -661,13 +666,13 @@ class FindWidget extends Disposable {
                 return;
             }
         }));
-        const closeAction = this._register(( new Action('close', ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'close', "Close")), 'codicon codicon-close', true, () => this.dispose())));
+        const closeAction = this._register(( (new Action('close', ( localizeWithPath(_moduleId, 4, "Close")), 'codicon codicon-close', true, () => this.dispose()))));
         this.actionbar.push(closeAction, { icon: true, label: false });
-        const onGrabMouseDown = this._register(( new DomEmitter(this.elements.grab, 'mousedown')));
+        const onGrabMouseDown = this._register(( (new DomEmitter(this.elements.grab, 'mousedown'))));
         this._register(onGrabMouseDown.event(e => {
-            const disposables = ( new DisposableStore());
-            const onWindowMouseMove = disposables.add(( new DomEmitter(getWindow(e), 'mousemove')));
-            const onWindowMouseUp = disposables.add(( new DomEmitter(getWindow(e), 'mouseup')));
+            const disposables = ( (new DisposableStore()));
+            const onWindowMouseMove = disposables.add(( (new DomEmitter(getWindow(e), 'mousemove'))));
+            const onWindowMouseUp = disposables.add(( (new DomEmitter(getWindow(e), 'mouseup'))));
             const startRight = this.right;
             const startX = e.pageX;
             const startTop = this.top;
@@ -690,7 +695,7 @@ class FindWidget extends Disposable {
                 disposables.dispose();
             }));
         }));
-        const onGrabKeyDown = Event.chain(this._register(( new DomEmitter(this.elements.grab, 'keydown'))).event, $ => ( $.map(e => ( new StandardKeyboardEvent(e)))));
+        const onGrabKeyDown = Event.chain(this._register(( (new DomEmitter(this.elements.grab, 'keydown')))).event, $ => ( ($.map(e => ( (new StandardKeyboardEvent(e)))))));
         this._register(onGrabKeyDown((e) => {
             let right;
             let top;
@@ -796,16 +801,16 @@ class FindController {
         this._pattern = '';
         this.previousPattern = '';
         this.width = 0;
-        this._onDidChangeMode = ( new Emitter());
+        this._onDidChangeMode = ( (new Emitter()));
         this.onDidChangeMode = this._onDidChangeMode.event;
-        this._onDidChangeMatchType = ( new Emitter());
+        this._onDidChangeMatchType = ( (new Emitter()));
         this.onDidChangeMatchType = this._onDidChangeMatchType.event;
-        this._onDidChangePattern = ( new Emitter());
+        this._onDidChangePattern = ( (new Emitter()));
         this.onDidChangePattern = this._onDidChangePattern.event;
-        this._onDidChangeOpenState = ( new Emitter());
+        this._onDidChangeOpenState = ( (new Emitter()));
         this.onDidChangeOpenState = this._onDidChangeOpenState.event;
-        this.enabledDisposables = ( new DisposableStore());
-        this.disposables = ( new DisposableStore());
+        this.enabledDisposables = ( (new DisposableStore()));
+        this.disposables = ( (new DisposableStore()));
         this._mode = tree.options.defaultFindMode ?? TreeFindMode.Highlight;
         this._matchType = tree.options.defaultFindMatchType ?? TreeFindMatchType.Fuzzy;
         model.onDidSplice(this.onDidSpliceModel, this, this.disposables);
@@ -824,14 +829,14 @@ class FindController {
             this.widget.select();
             return;
         }
-        this.widget = ( new FindWidget(
+        this.widget = ( (new FindWidget(
             this.view.getHTMLElement(),
             this.tree,
             this.contextViewProvider,
             this.mode,
             this.matchType,
             { ...this.options, history: this._history }
-        ));
+        )));
         this.enabledDisposables.add(this.widget);
         this.widget.onDidChangeValue(this.onDidChangeValue, this, this.enabledDisposables);
         this.widget.onDidChangeMode(mode => this.mode = mode, undefined, this.enabledDisposables);
@@ -883,7 +888,7 @@ class FindController {
         const noMatches = this.filter.totalCount > 0 && this.filter.matchCount === 0;
         if (this.pattern && noMatches) {
             if (this.tree.options.showNotFoundMessage ?? true) {
-                this.widget?.showMessage({ type: 2 , content: ( localizeWithPath('vs/base/browser/ui/tree/abstractTree', 'not found', "No elements found.")) });
+                this.widget?.showMessage({ type: 2 , content: ( localizeWithPath(_moduleId, 5, "No elements found.")) });
             }
             else {
                 this.widget?.showMessage({ type: 2  });
@@ -975,15 +980,15 @@ class StickyScrollController extends Disposable {
         this.maxWidgetViewRatio = 0.4;
         const stickyScrollOptions = this.validateStickySettings(options);
         this.stickyScrollMaxItemCount = stickyScrollOptions.stickyScrollMaxItemCount;
-        this.stickyScrollDelegate = options.stickyScrollDelegate ?? ( new DefaultStickyScrollDelegate());
-        this._widget = this._register(( new StickyScrollWidget(
+        this.stickyScrollDelegate = options.stickyScrollDelegate ?? ( (new DefaultStickyScrollDelegate()));
+        this._widget = this._register(( (new StickyScrollWidget(
             view.getScrollableElement(),
             view,
             tree,
             renderers,
             treeDelegate,
             options.accessibilityProvider
-        )));
+        ))));
         this.onDidChangeHasFocus = this._widget.onDidChangeHasFocus;
         this.onContextMenu = this._widget.onContextMenu;
         this._register(view.onDidScroll(() => this.update()));
@@ -1039,7 +1044,7 @@ class StickyScrollController extends Disposable {
             nextStickyNode = this.getNextStickyNode(firstVisibleNodeUnderWidget, nextStickyNode.node, stickyNodesHeight);
         }
         const contrainedStickyNodes = this.constrainStickyNodes(stickyNodes);
-        return contrainedStickyNodes.length ? ( new StickyScrollState(contrainedStickyNodes)) : undefined;
+        return contrainedStickyNodes.length ? ( (new StickyScrollState(contrainedStickyNodes))) : undefined;
     }
     getNextVisibleNode(previousStickyNode) {
         return this.getNodeAtHeight(previousStickyNode.position + previousStickyNode.height);
@@ -1120,7 +1125,7 @@ class StickyScrollController extends Disposable {
         }
         const lastConstrainedStickyNode = constrainedStickyNodes[constrainedStickyNodes.length - 1];
         if (constrainedStickyNodes.length > this.stickyScrollMaxItemCount || lastConstrainedStickyNode.position + lastConstrainedStickyNode.height > maximumStickyWidgetHeight) {
-            throw new Error('stickyScrollDelegate violates constraints');
+            throw ( (new Error('stickyScrollDelegate violates constraints')));
         }
         return constrainedStickyNodes;
     }
@@ -1142,7 +1147,7 @@ class StickyScrollController extends Disposable {
         const nodeLocation = this.model.getNodeLocation(node);
         const startIndex = this.model.getListIndex(nodeLocation);
         if (startIndex < 0) {
-            throw new Error('Node not found in tree');
+            throw ( (new Error('Node not found in tree')));
         }
         const renderCount = this.model.getListRenderCount(nodeLocation);
         const endIndex = startIndex + renderCount - 1;
@@ -1196,12 +1201,12 @@ class StickyScrollWidget {
         this.treeDelegate = treeDelegate;
         this.accessibilityProvider = accessibilityProvider;
         this._previousElements = [];
-        this._previousStateDisposables = ( new DisposableStore());
+        this._previousStateDisposables = ( (new DisposableStore()));
         this._rootDomNode = $('.monaco-tree-sticky-container.empty');
         container.appendChild(this._rootDomNode);
         const shadow = $('.monaco-tree-sticky-container-shadow');
         this._rootDomNode.appendChild(shadow);
-        this.stickyScrollFocus = ( new StickyScrollFocus(this._rootDomNode, view));
+        this.stickyScrollFocus = ( (new StickyScrollFocus(this._rootDomNode, view)));
         this.onDidChangeHasFocus = this.stickyScrollFocus.onDidChangeHasFocus;
         this.onContextMenu = this.stickyScrollFocus.onContextMenu;
     }
@@ -1272,11 +1277,11 @@ class StickyScrollWidget {
         const nodeTemplateId = this.treeDelegate.getTemplateId(stickyNode.node);
         const renderer = this.treeRenderers.find((renderer) => renderer.templateId === nodeTemplateId);
         if (!renderer) {
-            throw new Error(`No renderer found for template id ${nodeTemplateId}`);
+            throw ( (new Error(`No renderer found for template id ${nodeTemplateId}`)));
         }
         let nodeCopy = stickyNode.node;
         if (nodeCopy === this.tree.getNode(this.tree.getNodeLocation(stickyNode.node))) {
-            nodeCopy = ( new Proxy(stickyNode.node, {}));
+            nodeCopy = ( (new Proxy(stickyNode.node, {})));
         }
         const templateData = renderer.renderTemplate(stickyElement);
         renderer.renderElement(nodeCopy, stickyNode.startIndex, templateData, stickyNode.height);
@@ -1358,9 +1363,9 @@ class StickyScrollFocus extends Disposable {
         this.view = view;
         this.focusedIndex = -1;
         this.elements = [];
-        this._onDidChangeHasFocus = ( new Emitter());
+        this._onDidChangeHasFocus = ( (new Emitter()));
         this.onDidChangeHasFocus = this._onDidChangeHasFocus.event;
-        this._onContextMenu = ( new Emitter());
+        this._onContextMenu = ( (new Emitter()));
         this.onContextMenu = this._onContextMenu.event;
         this._domHasFocus = false;
         this.container.addEventListener('focus', () => this.onFocus());
@@ -1380,18 +1385,22 @@ class StickyScrollFocus extends Disposable {
         }
         if (!isKeyboardEvent(e.browserEvent)) {
             if (!this.state) {
-                throw new Error('Context menu should not be triggered when state is undefined');
+                throw ( (new Error('Context menu should not be triggered when state is undefined')));
             }
             const stickyIndex = this.state.stickyNodes.findIndex(stickyNode => stickyNode.node.element === e.element?.element);
             if (stickyIndex === -1) {
-                throw new Error('Context menu should not be triggered when element is not in sticky scroll widget');
+                throw ( (new Error(
+                    'Context menu should not be triggered when element is not in sticky scroll widget'
+                )));
             }
             this.container.focus();
             this.setFocus(stickyIndex);
             return;
         }
         if (!this.state || this.focusedIndex < 0) {
-            throw new Error('Context menu key should not be triggered when focus is not in sticky scroll widget');
+            throw ( (new Error(
+                'Context menu key should not be triggered when focus is not in sticky scroll widget'
+            )));
         }
         const stickyNode = this.state.stickyNodes[this.focusedIndex];
         const element = stickyNode.node.element;
@@ -1430,10 +1439,10 @@ class StickyScrollFocus extends Disposable {
     }
     updateElements(elements, state) {
         if (state && state.count === 0) {
-            throw new Error('Sticky scroll state must be undefined when there are no sticky nodes');
+            throw ( (new Error('Sticky scroll state must be undefined when there are no sticky nodes')));
         }
         if (state && state.count !== elements.length) {
-            throw new Error('Sticky scroll focus received illigel state');
+            throw ( (new Error('Sticky scroll focus received illigel state')));
         }
         const previousIndex = this.focusedIndex;
         this.removeFocus();
@@ -1453,7 +1462,7 @@ class StickyScrollFocus extends Disposable {
     setFocusedElement(stickyIndex) {
         const state = this.state;
         if (!state) {
-            throw new Error('Cannot set focus when state is undefined');
+            throw ( (new Error('Cannot set focus when state is undefined')));
         }
         this.setFocus(stickyIndex);
         if (stickyIndex < state.count - 1) {
@@ -1479,7 +1488,7 @@ class StickyScrollFocus extends Disposable {
     }
     domFocus() {
         if (!this.state) {
-            throw new Error('Cannot focus when state is undefined');
+            throw ( (new Error('Cannot focus when state is undefined')));
         }
         this.container.focus();
     }
@@ -1498,13 +1507,13 @@ class StickyScrollFocus extends Disposable {
     }
     setFocus(newFocusIndex) {
         if (0 > newFocusIndex) {
-            throw new Error('addFocus() can not remove focus');
+            throw ( (new Error('addFocus() can not remove focus')));
         }
         if (!this.state && newFocusIndex >= 0) {
-            throw new Error('Cannot set focus index when state is undefined');
+            throw ( (new Error('Cannot set focus index when state is undefined')));
         }
         if (this.state && newFocusIndex >= this.state.count) {
-            throw new Error('Cannot set focus index to an index that does not exist');
+            throw ( (new Error('Cannot set focus index to an index that does not exist')));
         }
         const oldIndex = this.focusedIndex;
         if (oldIndex >= 0) {
@@ -1536,7 +1545,7 @@ class StickyScrollFocus extends Disposable {
     }
     onFocus() {
         if (!this.state || this.elements.length === 0) {
-            throw new Error('Cannot focus when state is undefined or elements are empty');
+            throw ( (new Error('Cannot focus when state is undefined or elements are empty')));
         }
         this.domHasFocus = true;
         this.toggleStickyScrollFocused(true);
@@ -1596,7 +1605,7 @@ class Trait {
         this.getFirstViewElementWithTrait = getFirstViewElementWithTrait;
         this.identityProvider = identityProvider;
         this.nodes = [];
-        this._onDidChange = ( new Emitter());
+        this._onDidChange = ( (new Emitter()));
         this.onDidChange = this._onDidChange.event;
     }
     set(nodes, browserEvent) {
@@ -1616,7 +1625,7 @@ class Trait {
     }
     get() {
         if (!this.elements) {
-            this.elements = ( this.nodes.map(node => node.element));
+            this.elements = ( (this.nodes.map(node => node.element)));
         }
         return [...this.elements];
     }
@@ -1624,26 +1633,28 @@ class Trait {
         return this.nodes;
     }
     has(node) {
-        return ( this.nodeSet.has(node));
+        return (
+             (this.nodeSet.has(node))
+        );
     }
     onDidModelSplice({ insertedNodes, deletedNodes }) {
         if (!this.identityProvider) {
             const set = this.createNodeSet();
             const visit = (node) => set.delete(node);
             deletedNodes.forEach(node => dfs(node, visit));
-            this.set([...( set.values())]);
+            this.set([...( (set.values()))]);
             return;
         }
-        const deletedNodesIdSet = ( new Set());
-        const deletedNodesVisitor = (node) => deletedNodesIdSet.add(( this.identityProvider.getId(node.element).toString()));
+        const deletedNodesIdSet = ( (new Set()));
+        const deletedNodesVisitor = (node) => deletedNodesIdSet.add(( (this.identityProvider.getId(node.element).toString())));
         deletedNodes.forEach(node => dfs(node, deletedNodesVisitor));
-        const insertedNodesMap = ( new Map());
-        const insertedNodesVisitor = (node) => insertedNodesMap.set(( this.identityProvider.getId(node.element).toString()), node);
+        const insertedNodesMap = ( (new Map()));
+        const insertedNodesVisitor = (node) => insertedNodesMap.set(( (this.identityProvider.getId(node.element).toString())), node);
         insertedNodes.forEach(node => dfs(node, insertedNodesVisitor));
         const nodes = [];
         for (const node of this.nodes) {
-            const id = ( this.identityProvider.getId(node.element).toString());
-            const wasDeleted = ( deletedNodesIdSet.has(id));
+            const id = ( (this.identityProvider.getId(node.element).toString()));
+            const wasDeleted = ( (deletedNodesIdSet.has(id)));
             if (!wasDeleted) {
                 nodes.push(node);
             }
@@ -1663,7 +1674,7 @@ class Trait {
         this._set(nodes, true);
     }
     createNodeSet() {
-        const set = ( new Set());
+        const set = ( (new Set()));
         for (const node of this.nodes) {
             set.add(node);
         }
@@ -1722,7 +1733,7 @@ class TreeNodeListMouseController extends MouseController {
             const recursive = e.browserEvent.altKey;
             this.tree.setFocus([location]);
             this.tree.toggleCollapsed(location, recursive);
-            if (expandOnlyOnTwistieClick && onTwistie) {
+            if (onTwistie) {
                 e.browserEvent.isHandledByList = true;
                 return;
             }
@@ -1737,7 +1748,7 @@ class TreeNodeListMouseController extends MouseController {
         }
         const stickyScrollController = this.stickyScrollProvider();
         if (!stickyScrollController) {
-            throw new Error('Sticky scroll controller not found');
+            throw ( (new Error('Sticky scroll controller not found')));
         }
         const nodeIndex = this.list.indexOf(node);
         const elementScrollTop = this.list.getElementTop(nodeIndex);
@@ -1780,7 +1791,9 @@ class TreeNodeList extends List {
         this.anchorTrait = anchorTrait;
     }
     createMouseController(options) {
-        return ( new TreeNodeListMouseController(this, options.tree, options.stickyScrollProvider));
+        return (
+             (new TreeNodeListMouseController(this, options.tree, options.stickyScrollProvider))
+        );
     }
     splice(start, deleteCount, elements = []) {
         super.splice(start, deleteCount, elements);
@@ -1791,13 +1804,13 @@ class TreeNodeList extends List {
         const additionalSelection = [];
         let anchor;
         elements.forEach((node, index) => {
-            if (( this.focusTrait.has(node))) {
+            if (( (this.focusTrait.has(node)))) {
                 additionalFocus.push(start + index);
             }
-            if (( this.selectionTrait.has(node))) {
+            if (( (this.selectionTrait.has(node)))) {
                 additionalSelection.push(start + index);
             }
-            if (( this.anchorTrait.has(node))) {
+            if (( (this.anchorTrait.has(node)))) {
                 anchor = start + index;
             }
         });
@@ -1814,13 +1827,13 @@ class TreeNodeList extends List {
     setFocus(indexes, browserEvent, fromAPI = false) {
         super.setFocus(indexes, browserEvent);
         if (!fromAPI) {
-            this.focusTrait.set(( indexes.map(i => this.element(i))), browserEvent);
+            this.focusTrait.set(( (indexes.map(i => this.element(i)))), browserEvent);
         }
     }
     setSelection(indexes, browserEvent, fromAPI = false) {
         super.setSelection(indexes, browserEvent);
         if (!fromAPI) {
-            this.selectionTrait.set(( indexes.map(i => this.element(i))), browserEvent);
+            this.selectionTrait.set(( (indexes.map(i => this.element(i)))), browserEvent);
         }
     }
     setAnchor(index, fromAPI = false) {
@@ -1839,13 +1852,23 @@ class AbstractTree {
     get onDidScroll() { return this.view.onDidScroll; }
     get onDidChangeFocus() { return this.eventBufferer.wrapEvent(this.focus.onDidChange); }
     get onDidChangeSelection() { return this.eventBufferer.wrapEvent(this.selection.onDidChange); }
-    get onMouseClick() { return ( Event.map(this.view.onMouseClick, asTreeMouseEvent)); }
-    get onMouseDblClick() { return Event.filter(( Event.map(this.view.onMouseDblClick, asTreeMouseEvent)), e => e.target !== TreeMouseEventTarget.Filter); }
-    get onMouseOver() { return ( Event.map(this.view.onMouseOver, asTreeMouseEvent)); }
-    get onMouseOut() { return ( Event.map(this.view.onMouseOut, asTreeMouseEvent)); }
-    get onContextMenu() { return Event.any(Event.filter(( Event.map(this.view.onContextMenu, asTreeContextMenuEvent)), e => !e.isStickyScroll), this.stickyScrollController?.onContextMenu ?? Event.None); }
-    get onTap() { return ( Event.map(this.view.onTap, asTreeMouseEvent)); }
-    get onPointer() { return ( Event.map(this.view.onPointer, asTreeMouseEvent)); }
+    get onMouseClick() { return (
+         (Event.map(this.view.onMouseClick, asTreeMouseEvent))
+    ); }
+    get onMouseDblClick() { return Event.filter(( (Event.map(this.view.onMouseDblClick, asTreeMouseEvent))), e => e.target !== TreeMouseEventTarget.Filter); }
+    get onMouseOver() { return (
+         (Event.map(this.view.onMouseOver, asTreeMouseEvent))
+    ); }
+    get onMouseOut() { return (
+         (Event.map(this.view.onMouseOut, asTreeMouseEvent))
+    ); }
+    get onContextMenu() { return Event.any(Event.filter(( (Event.map(this.view.onContextMenu, asTreeContextMenuEvent))), e => !e.isStickyScroll), this.stickyScrollController?.onContextMenu ?? Event.None); }
+    get onTap() { return (
+         (Event.map(this.view.onTap, asTreeMouseEvent))
+    ); }
+    get onPointer() { return (
+         (Event.map(this.view.onPointer, asTreeMouseEvent))
+    ); }
     get onKeyDown() { return this.view.onKeyDown; }
     get onKeyUp() { return this.view.onKeyUp; }
     get onKeyPress() { return this.view.onKeyPress; }
@@ -1869,40 +1892,40 @@ class AbstractTree {
     constructor(_user, container, delegate, renderers, _options = {}) {
         this._user = _user;
         this._options = _options;
-        this.eventBufferer = ( new EventBufferer());
+        this.eventBufferer = ( (new EventBufferer()));
         this.onDidChangeFindOpenState = Event.None;
         this.onDidChangeStickyScrollFocused = Event.None;
-        this.disposables = ( new DisposableStore());
-        this._onWillRefilter = ( new Emitter());
+        this.disposables = ( (new DisposableStore()));
+        this._onWillRefilter = ( (new Emitter()));
         this.onWillRefilter = this._onWillRefilter.event;
-        this._onDidUpdateOptions = ( new Emitter());
+        this._onDidUpdateOptions = ( (new Emitter()));
         this.onDidUpdateOptions = this._onDidUpdateOptions.event;
-        this.treeDelegate = ( new ComposedTreeDelegate(delegate));
-        const onDidChangeCollapseStateRelay = ( new Relay());
-        const onDidChangeActiveNodes = ( new Relay());
-        const activeNodes = this.disposables.add(( new EventCollection(onDidChangeActiveNodes.event)));
-        const renderedIndentGuides = ( new SetMap());
-        this.renderers = ( renderers.map(r => ( new TreeRenderer(
+        this.treeDelegate = ( (new ComposedTreeDelegate(delegate)));
+        const onDidChangeCollapseStateRelay = ( (new Relay()));
+        const onDidChangeActiveNodes = ( (new Relay()));
+        const activeNodes = this.disposables.add(( (new EventCollection(onDidChangeActiveNodes.event))));
+        const renderedIndentGuides = ( (new SetMap()));
+        this.renderers = ( (renderers.map(r => ( (new TreeRenderer(
             r,
             () => this.model,
             onDidChangeCollapseStateRelay.event,
             activeNodes,
             renderedIndentGuides,
             _options
-        ))));
+        ))))));
         for (const r of this.renderers) {
             this.disposables.add(r);
         }
         let filter;
         if (_options.keyboardNavigationLabelProvider) {
-            filter = ( new FindFilter(this, _options.keyboardNavigationLabelProvider, _options.filter));
+            filter = ( (new FindFilter(this, _options.keyboardNavigationLabelProvider, _options.filter)));
             _options = { ..._options, filter: filter };
             this.disposables.add(filter);
         }
-        this.focus = ( new Trait(() => this.view.getFocusedElements()[0], _options.identityProvider));
-        this.selection = ( new Trait(() => this.view.getSelectedElements()[0], _options.identityProvider));
-        this.anchor = ( new Trait(() => this.view.getAnchorElement(), _options.identityProvider));
-        this.view = ( new TreeNodeList(
+        this.focus = ( (new Trait(() => this.view.getFocusedElements()[0], _options.identityProvider)));
+        this.selection = ( (new Trait(() => this.view.getSelectedElements()[0], _options.identityProvider)));
+        this.anchor = ( (new Trait(() => this.view.getAnchorElement(), _options.identityProvider)));
+        this.view = ( (new TreeNodeList(
             _user,
             container,
             this.treeDelegate,
@@ -1911,7 +1934,7 @@ class AbstractTree {
             this.selection,
             this.anchor,
             { ...asListOptions(() => this.model, _options), tree: this, stickyScrollProvider: () => this.stickyScrollController }
-        ));
+        )));
         this.model = this.createModel(_user, this.view, _options);
         onDidChangeCollapseStateRelay.input = this.model.onDidChangeCollapseState;
         const onDidModelSplice = Event.forEach(this.model.onDidSplice, e => {
@@ -1921,31 +1944,31 @@ class AbstractTree {
             });
         }, this.disposables);
         onDidModelSplice(() => null, null, this.disposables);
-        const activeNodesEmitter = this.disposables.add(( new Emitter()));
-        const activeNodesDebounce = this.disposables.add(( new Delayer(0)));
+        const activeNodesEmitter = this.disposables.add(( (new Emitter())));
+        const activeNodesDebounce = this.disposables.add(( (new Delayer(0))));
         this.disposables.add(Event.any(onDidModelSplice, this.focus.onDidChange, this.selection.onDidChange)(() => {
             activeNodesDebounce.trigger(() => {
-                const set = ( new Set());
+                const set = ( (new Set()));
                 for (const node of this.focus.getNodes()) {
                     set.add(node);
                 }
                 for (const node of this.selection.getNodes()) {
                     set.add(node);
                 }
-                activeNodesEmitter.fire([...( set.values())]);
+                activeNodesEmitter.fire([...( (set.values()))]);
             });
         }));
         onDidChangeActiveNodes.input = activeNodesEmitter.event;
         if (_options.keyboardSupport !== false) {
-            const onKeyDown = Event.chain(this.view.onKeyDown, $ => ( $.filter(e => !isInputElement(e.target))
-                .map(e => ( new StandardKeyboardEvent(e)))));
+            const onKeyDown = Event.chain(this.view.onKeyDown, $ => ( ($.filter(e => !isInputElement(e.target))
+                .map(e => ( (new StandardKeyboardEvent(e)))))));
             Event.chain(onKeyDown, $ => $.filter(e => e.keyCode === 15 ))(this.onLeftArrow, this, this.disposables);
             Event.chain(onKeyDown, $ => $.filter(e => e.keyCode === 17 ))(this.onRightArrow, this, this.disposables);
             Event.chain(onKeyDown, $ => $.filter(e => e.keyCode === 10 ))(this.onSpace, this, this.disposables);
         }
         if ((_options.findWidgetEnabled ?? true) && _options.keyboardNavigationLabelProvider && _options.contextViewProvider) {
             const opts = this.options.findWidgetStyles ? { styles: this.options.findWidgetStyles } : undefined;
-            this.findController = ( new FindController(this, this.model, this.view, filter, _options.contextViewProvider, opts));
+            this.findController = ( (new FindController(this, this.model, this.view, filter, _options.contextViewProvider, opts)));
             this.focusNavigationFilter = node => this.findController.shouldAllowFocus(node);
             this.onDidChangeFindOpenState = this.findController.onDidChangeOpenState;
             this.disposables.add(this.findController);
@@ -1957,7 +1980,7 @@ class AbstractTree {
             this.onDidChangeFindMatchType = Event.None;
         }
         if (_options.enableStickyScroll) {
-            this.stickyScrollController = ( new StickyScrollController(this, this.model, this.view, this.renderers, this.treeDelegate, _options));
+            this.stickyScrollController = ( (new StickyScrollController(this, this.model, this.view, this.renderers, this.treeDelegate, _options)));
             this.onDidChangeStickyScrollFocused = this.stickyScrollController.onDidChangeHasFocus;
         }
         this.styleElement = createStyleSheet(this.view.getHTMLElement());
@@ -1979,14 +2002,14 @@ class AbstractTree {
     }
     updateStickyScroll(optionsUpdate) {
         if (!this.stickyScrollController && this._options.enableStickyScroll) {
-            this.stickyScrollController = ( new StickyScrollController(
+            this.stickyScrollController = ( (new StickyScrollController(
                 this,
                 this.model,
                 this.view,
                 this.renderers,
                 this.treeDelegate,
                 this._options
-            ));
+            )));
             this.onDidChangeStickyScrollFocused = this.stickyScrollController.onDidChangeHasFocus;
         }
         else if (this.stickyScrollController && !this._options.enableStickyScroll) {
@@ -2085,9 +2108,16 @@ class AbstractTree {
             content.push(`.monaco-list${suffix}:hover .monaco-tl-indent > .indent-guide, .monaco-list${suffix}.always .monaco-tl-indent > .indent-guide  { border-color: ${styles.treeInactiveIndentGuidesStroke}; }`);
             content.push(`.monaco-list${suffix} .monaco-tl-indent > .indent-guide.active { border-color: ${styles.treeIndentGuidesStroke}; }`);
         }
-        if (styles.listBackground) {
-            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container { background-color: ${styles.listBackground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row { background-color: ${styles.listBackground}; }`);
+        const stickyScrollBackground = styles.treeStickyScrollBackground ?? styles.listBackground;
+        if (stickyScrollBackground) {
+            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container { background-color: ${stickyScrollBackground}; }`);
+            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row { background-color: ${stickyScrollBackground}; }`);
+        }
+        if (styles.treeStickyScrollBorder) {
+            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container { border-bottom: 1px solid ${styles.treeStickyScrollBorder}; }`);
+        }
+        if (styles.treeStickyScrollShadow) {
+            content.push(`.monaco-list${suffix} .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow { box-shadow: ${styles.treeStickyScrollShadow} 0 6px 6px -6px inset; height: 3px; }`);
         }
         if (styles.listFocusForeground) {
             content.push(`.monaco-list${suffix}.sticky-scroll-focused .monaco-scrollable-element .monaco-tree-sticky-container:focus .monaco-list-row.focused { color: ${styles.listFocusForeground}; }`);
@@ -2180,9 +2210,9 @@ class AbstractTree {
     }
     setSelection(elements, browserEvent) {
         this.eventBufferer.bufferEvents(() => {
-            const nodes = ( elements.map(e => this.model.getNode(e)));
+            const nodes = ( (elements.map(e => this.model.getNode(e))));
             this.selection.set(nodes, browserEvent);
-            const indexes = ( elements.map(e => this.model.getListIndex(e))).filter(i => i > -1);
+            const indexes = ( (elements.map(e => this.model.getListIndex(e)))).filter(i => i > -1);
             this.view.setSelection(indexes, browserEvent, true);
         });
     }
@@ -2191,9 +2221,9 @@ class AbstractTree {
     }
     setFocus(elements, browserEvent) {
         this.eventBufferer.bufferEvents(() => {
-            const nodes = ( elements.map(e => this.model.getNode(e)));
+            const nodes = ( (elements.map(e => this.model.getNode(e))));
             this.focus.set(nodes, browserEvent);
-            const indexes = ( elements.map(e => this.model.getListIndex(e))).filter(i => i > -1);
+            const indexes = ( (elements.map(e => this.model.getListIndex(e)))).filter(i => i > -1);
             this.view.setFocus(indexes, browserEvent, true);
         });
     }
@@ -2249,9 +2279,9 @@ class AbstractTree {
     }
     getViewState(identityProvider = this.options.identityProvider) {
         if (!identityProvider) {
-            throw new TreeError(this._user, 'Can\'t get tree view state without an identity provider');
+            throw ( (new TreeError(this._user, 'Can\'t get tree view state without an identity provider')));
         }
-        const getId = (element) => ( identityProvider.getId(element).toString());
+        const getId = (element) => ( (identityProvider.getId(element).toString()));
         const state = AbstractTreeViewState.empty(this.scrollTop);
         for (const focus of this.getFocus()) {
             state.focus.add(getId(focus));
@@ -2301,7 +2331,7 @@ class AbstractTree {
         const location = this.model.getNodeLocation(node);
         const didChange = this.model.setCollapsed(location, false);
         if (!didChange) {
-            if (!( node.children.some(child => child.visible))) {
+            if (!( (node.children.some(child => child.visible)))) {
                 return;
             }
             const [focusedIndex] = this.view.getFocus();
@@ -2323,7 +2353,9 @@ class AbstractTree {
         this.model.setCollapsed(location, undefined, recursive);
     }
     navigate(start) {
-        return ( new TreeNavigator(this.view, this.model, start));
+        return (
+             (new TreeNavigator(this.view, this.model, start))
+        );
     }
     dispose() {
         dispose(this.disposables);