@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/workbench/browser/parts/views/viewFilter.js

@@ -28,15 +28,12 @@ import { SubmenuEntryActionViewItem } from '../../../../platform/actions/browser
 import { Widget } from '../../../../base/browser/ui/widget.js';
 import { Emitter } from '../../../../base/common/event.js';
 import { defaultInputBoxStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-const viewFilterMenu = ( new MenuId('menu.view.filter'));
-const viewFilterSubmenu = ( new MenuId('submenu.view.filter'));
+const _moduleId = "vs/workbench/browser/parts/views/viewFilter";
+const viewFilterMenu = ( (new MenuId('menu.view.filter')));
+const viewFilterSubmenu = ( (new MenuId('submenu.view.filter')));
 MenuRegistry.appendMenuItem(viewFilterMenu, {
     submenu: viewFilterSubmenu,
-    title: ( localizeWithPath(
-        'vs/workbench/browser/parts/views/viewFilter',
-        'more filters',
-        "More Filters..."
-    )),
+    title: ( localizeWithPath(_moduleId, 0, "More Filters...")),
     group: 'navigation',
     icon: Codicon.filter,
 });
@@ -70,13 +67,13 @@ let FilterWidget = class FilterWidget extends Widget {
         this.instantiationService = instantiationService;
         this.contextViewService = contextViewService;
         this.keybindingService = keybindingService;
-        this._onDidChangeFilterText = this._register(( new Emitter()));
+        this._onDidChangeFilterText = this._register(( (new Emitter())));
         this.onDidChangeFilterText = this._onDidChangeFilterText.event;
         this.isMoreFiltersChecked = false;
-        this.delayedFilterUpdate = ( new Delayer(400));
+        this.delayedFilterUpdate = ( (new Delayer(400)));
         this._register(toDisposable(() => this.delayedFilterUpdate.cancel()));
         if (options.focusContextKey) {
-            this.focusContextKey = ( new RawContextKey(options.focusContextKey, false)).bindTo(contextKeyService);
+            this.focusContextKey = ( (new RawContextKey(options.focusContextKey, false))).bindTo(contextKeyService);
         }
         this.element = $('.viewpane-filter');
         [this.filterInputBox, this.focusTracker] = this.createInput(this.element);
@@ -194,10 +191,10 @@ let FilterWidget = class FilterWidget extends Widget {
         }
     }
 };
-FilterWidget = ( __decorate([
-    ( __param(1, IInstantiationService)),
-    ( __param(2, IContextViewService)),
-    ( __param(3, IContextKeyService)),
-    ( __param(4, IKeybindingService))
-], FilterWidget));
+FilterWidget = ( (__decorate([
+    ( (__param(1, IInstantiationService))),
+    ( (__param(2, IContextViewService))),
+    ( (__param(3, IContextKeyService))),
+    ( (__param(4, IKeybindingService)))
+], FilterWidget)));
 export { FilterWidget, viewFilterSubmenu };

package/vscode/src/vs/workbench/browser/parts/views/viewPane.d.ts

@@ -11,6 +11,7 @@ import { IConfigurationService } from '../../../../platform/configuration/common
 import { IView } from '../../../common/views.js';
 import { IViewDescriptorService } from '../../../common/views.service.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
+import { PartialExcept } from '../../../../base/common/types.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { MenuId } from '../../../../platform/actions/common/actions.js';
 import { IOpenerService } from '../../../../platform/opener/common/opener.service.js';
@@ -18,6 +19,9 @@ import { IProgressIndicator } from '../../../../platform/progress/common/progres
 import { CompositeMenuActions } from '../../actions.js';
 import { IDropdownMenuActionViewItemOptions } from '../../../../base/browser/ui/dropdown/dropdownActionViewItem.js';
 import { FilterWidget } from './viewFilter.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
+import { IListStyles } from '../../../../base/browser/ui/list/listWidget.js';
+import { IAccessibleViewInformationService } from '../../../services/accessibility/common/accessibleViewInformationService.service.js';
 
 declare enum ViewPaneShowActions {
     /** Show the actions when the view is hovered. This is the default behavior. */
@@ -44,6 +48,8 @@ declare abstract class ViewPane extends Pane implements IView {
     protected openerService: IOpenerService;
     protected themeService: IThemeService;
     protected telemetryService: ITelemetryService;
+    protected readonly hoverService: IHoverService;
+    protected readonly accessibleViewService?: IAccessibleViewInformationService | undefined;
     private static readonly AlwaysShowActionsConfig;
     private _onDidFocus;
     readonly onDidFocus: Event<void>;
@@ -78,7 +84,7 @@ declare abstract class ViewPane extends Pane implements IView {
     protected twistiesContainer?: HTMLElement;
     private viewWelcomeController;
     protected readonly scopedContextKeyService: IContextKeyService;
-    constructor(options: IViewPaneOptions, keybindingService: IKeybindingService, contextMenuService: IContextMenuService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, viewDescriptorService: IViewDescriptorService, instantiationService: IInstantiationService, openerService: IOpenerService, themeService: IThemeService, telemetryService: ITelemetryService);
+    constructor(options: IViewPaneOptions, keybindingService: IKeybindingService, contextMenuService: IContextMenuService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, viewDescriptorService: IViewDescriptorService, instantiationService: IInstantiationService, openerService: IOpenerService, themeService: IThemeService, telemetryService: ITelemetryService, hoverService: IHoverService, accessibleViewService?: IAccessibleViewInformationService | undefined);
     get headerVisible(): boolean;
     set headerVisible(visible: boolean);
     setVisible(visible: boolean): void;
@@ -93,6 +99,7 @@ declare abstract class ViewPane extends Pane implements IView {
     style(styles: IPaneStyles): void;
     private getIcon;
     protected renderHeaderTitle(container: HTMLElement, title: string): void;
+    private _getAriaLabel;
     protected updateTitle(title: string): void;
     private setTitleDescription;
     protected updateTitleDescription(description?: string | undefined): void;
@@ -102,7 +109,7 @@ declare abstract class ViewPane extends Pane implements IView {
     onDidScrollRoot(): void;
     getProgressIndicator(): IProgressIndicator;
     protected getProgressLocation(): string;
-    protected getBackgroundColor(): string;
+    protected getLocationBasedColors(): IViewPaneLocationColors;
     focus(): void;
     private setActions;
     private updateActionsVisibility;
@@ -116,5 +123,9 @@ declare abstract class ViewPane extends Pane implements IView {
     getFilterWidget(): FilterWidget | undefined;
     shouldShowFilterInHeader(): boolean;
 }
+interface IViewPaneLocationColors {
+    background: string;
+    listOverrideStyles: PartialExcept<IListStyles, 'listBackground' | 'treeStickyScrollBackground'>;
+}
 
-export { type IViewPaneOptions, ViewPane, ViewPaneShowActions };
+export { type IViewPaneLocationColors, type IViewPaneOptions, ViewPane, ViewPaneShowActions };

package/vscode/src/vs/workbench/browser/parts/views/viewPane.js

@@ -13,7 +13,6 @@ import '../../../../platform/theme/common/colors/minimapColors.js';
 import '../../../../platform/theme/common/colors/miscColors.js';
 import '../../../../platform/theme/common/colors/quickpickColors.js';
 import '../../../../platform/theme/common/colors/searchColors.js';
-import { SIDE_BAR_BACKGROUND, PANEL_BACKGROUND } from '../../../common/theme.js';
 import { append, $, addDisposableListener, asCssValueWithDefault, createCSSRule, asCSSUrl, after, trackFocus, EventType, Dimension, reset } from '../../../../base/browser/dom.js';
 import { DisposableStore, toDisposable } from '../../../../base/common/lifecycle.js';
 import { Action } from '../../../../base/common/actions.js';
@@ -50,30 +49,25 @@ import { FilterWidget } from './viewFilter.js';
 import { BaseActionViewItem } from '../../../../base/browser/ui/actionbar/actionViewItems.js';
 import { ServiceCollection } from '../../../../platform/instantiation/common/serviceCollection.js';
 import { defaultProgressBarStyles, defaultButtonStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
 import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
+import { ILifecycleService } from '../../../services/lifecycle/common/lifecycle.service.js';
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
+import { SIDE_BAR_BACKGROUND, SIDE_BAR_STICKY_SCROLL_BACKGROUND, SIDE_BAR_STICKY_SCROLL_BORDER, SIDE_BAR_STICKY_SCROLL_SHADOW, PANEL_BACKGROUND, PANEL_STICKY_SCROLL_BACKGROUND, PANEL_STICKY_SCROLL_BORDER, PANEL_STICKY_SCROLL_SHADOW } from '../../../common/theme.js';
 var ViewPane_1;
+const _moduleId = "vs/workbench/browser/parts/views/viewPane";
 var ViewPaneShowActions;
-( (function(ViewPaneShowActions) {
+( ((function(ViewPaneShowActions) {
     ViewPaneShowActions[ViewPaneShowActions["Default"] = 0] = "Default";
     ViewPaneShowActions[ViewPaneShowActions["WhenExpanded"] = 1] = "WhenExpanded";
     ViewPaneShowActions[ViewPaneShowActions["Always"] = 2] = "Always";
-})(ViewPaneShowActions || (ViewPaneShowActions = {})));
-const VIEWPANE_FILTER_ACTION = ( new Action('viewpane.action.filter'));
-const viewPaneContainerExpandedIcon = registerIcon('view-pane-container-expanded', Codicon.chevronDown, ( localizeWithPath(
-    'vs/workbench/browser/parts/views/viewPane',
-    'viewPaneContainerExpandedIcon',
-    'Icon for an expanded view pane container.'
-)));
-const viewPaneContainerCollapsedIcon = registerIcon('view-pane-container-collapsed', Codicon.chevronRight, ( localizeWithPath(
-    'vs/workbench/browser/parts/views/viewPane',
-    'viewPaneContainerCollapsedIcon',
-    'Icon for a collapsed view pane container.'
-)));
-const viewsRegistry = ( Registry.as(Extensions.ViewsRegistry));
+})(ViewPaneShowActions || (ViewPaneShowActions = {}))));
+const VIEWPANE_FILTER_ACTION = ( (new Action('viewpane.action.filter')));
+const viewPaneContainerExpandedIcon = registerIcon('view-pane-container-expanded', Codicon.chevronDown, ( localizeWithPath(_moduleId, 0, 'Icon for an expanded view pane container.')));
+const viewPaneContainerCollapsedIcon = registerIcon('view-pane-container-collapsed', Codicon.chevronRight, ( localizeWithPath(_moduleId, 1, 'Icon for a collapsed view pane container.')));
+const viewsRegistry = ( (Registry.as(Extensions.ViewsRegistry)));
 let ViewWelcomeController = class ViewWelcomeController {
     get enabled() { return this._enabled; }
-    constructor(container, delegate, instantiationService, openerService, telemetryService, contextKeyService) {
+    constructor(container, delegate, instantiationService, openerService, telemetryService, contextKeyService, lifecycleService) {
         this.container = container;
         this.delegate = delegate;
         this.instantiationService = instantiationService;
@@ -82,11 +76,11 @@ let ViewWelcomeController = class ViewWelcomeController {
         this.contextKeyService = contextKeyService;
         this.items = [];
         this._enabled = false;
-        this.disposables = ( new DisposableStore());
-        this.enabledDisposables = this.disposables.add(( new DisposableStore()));
-        this.renderDisposables = this.disposables.add(( new DisposableStore()));
-        this.delegate.onDidChangeViewWelcomeState(this.onDidChangeViewWelcomeState, this, this.disposables);
-        this.onDidChangeViewWelcomeState();
+        this.disposables = ( (new DisposableStore()));
+        this.enabledDisposables = this.disposables.add(( (new DisposableStore())));
+        this.renderDisposables = this.disposables.add(( (new DisposableStore())));
+        this.disposables.add(Event.runAndSubscribe(this.delegate.onDidChangeViewWelcomeState, () => this.onDidChangeViewWelcomeState()));
+        this.disposables.add(lifecycleService.onWillShutdown(() => this.dispose()));
     }
     layout(height, width) {
         if (!this._enabled) {
@@ -116,10 +110,10 @@ let ViewWelcomeController = class ViewWelcomeController {
         this.container.classList.add('welcome');
         const viewWelcomeContainer = append(this.container, $('.welcome-view'));
         this.element = $('.welcome-view-content', { tabIndex: 0 });
-        this.scrollableElement = ( new DomScrollableElement(
+        this.scrollableElement = ( (new DomScrollableElement(
             this.element,
             { alwaysConsumeMouseWheel: true, horizontal: 2 , vertical: 3 , }
-        ));
+        )));
         append(viewWelcomeContainer, this.scrollableElement.getDomNode());
         this.enabledDisposables.add(toDisposable(() => {
             this.container.classList.remove('welcome');
@@ -183,10 +177,10 @@ let ViewWelcomeController = class ViewWelcomeController {
                 if (linkedText.nodes.length === 1 && typeof linkedText.nodes[0] !== 'string') {
                     const node = linkedText.nodes[0];
                     const buttonContainer = append(this.element, $('.button-container'));
-                    const button = ( new Button(
+                    const button = ( (new Button(
                         buttonContainer,
                         { title: node.title, supportIcons: true, ...defaultButtonStyles }
-                    ));
+                    )));
                     button.label = node.label;
                     button.onDidClick(_ => {
                         this.telemetryService.publicLog2('views.welcomeAction', { viewId: this.delegate.id, uri: node.href });
@@ -196,7 +190,7 @@ let ViewWelcomeController = class ViewWelcomeController {
                     if (precondition) {
                         const updateEnablement = () => button.enabled = this.contextKeyService.contextMatchesRules(precondition);
                         updateEnablement();
-                        const keys = ( new Set(( precondition.keys())));
+                        const keys = ( (new Set( (precondition.keys()))));
                         const onDidChangeContext = Event.filter(this.contextKeyService.onDidChangeContext, e => e.affectsSome(keys));
                         onDidChangeContext(updateEnablement, null, this.renderDisposables);
                     }
@@ -212,7 +206,7 @@ let ViewWelcomeController = class ViewWelcomeController {
                             if (precondition && node.href.startsWith('command:')) {
                                 const updateEnablement = () => link.enabled = this.contextKeyService.contextMatchesRules(precondition);
                                 updateEnablement();
-                                const keys = ( new Set(( precondition.keys())));
+                                const keys = ( (new Set( (precondition.keys()))));
                                 const onDidChangeContext = Event.filter(this.contextKeyService.onDidChangeContext, e => e.affectsSome(keys));
                                 onDidChangeContext(updateEnablement, null, this.renderDisposables);
                             }
@@ -229,18 +223,21 @@ let ViewWelcomeController = class ViewWelcomeController {
         if (visibleItems.length === 0 && this.defaultItem) {
             return [this.defaultItem.descriptor];
         }
-        return ( visibleItems.map(v => v.descriptor));
+        return (
+             (visibleItems.map(v => v.descriptor))
+        );
     }
     dispose() {
         this.disposables.dispose();
     }
 };
-ViewWelcomeController = ( __decorate([
-    ( __param(2, IInstantiationService)),
-    ( __param(3, IOpenerService)),
-    ( __param(4, ITelemetryService)),
-    ( __param(5, IContextKeyService))
-], ViewWelcomeController));
+ViewWelcomeController = ( (__decorate([
+    ( (__param(2, IInstantiationService))),
+    ( (__param(3, IOpenerService))),
+    ( (__param(4, ITelemetryService))),
+    ( (__param(5, IContextKeyService))),
+    ( (__param(6, ILifecycleService)))
+], ViewWelcomeController)));
 let ViewPane = class ViewPane extends Pane {
     static { ViewPane_1 = this; }
     static { this.AlwaysShowActionsConfig = 'workbench.view.alwaysShowHeaderActions'; }
@@ -253,7 +250,7 @@ let ViewPane = class ViewPane extends Pane {
     get singleViewPaneContainerTitle() {
         return this._singleViewPaneContainerTitle;
     }
-    constructor(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService) {
+    constructor(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService, hoverService, accessibleViewService) {
         super({ ...options, ...{ orientation: viewDescriptorService.getViewLocationById(options.id) === 1  ? 1  : 0  } });
         this.keybindingService = keybindingService;
         this.contextMenuService = contextMenuService;
@@ -264,15 +261,17 @@ let ViewPane = class ViewPane extends Pane {
         this.openerService = openerService;
         this.themeService = themeService;
         this.telemetryService = telemetryService;
-        this._onDidFocus = this._register(( new Emitter()));
+        this.hoverService = hoverService;
+        this.accessibleViewService = accessibleViewService;
+        this._onDidFocus = this._register(( (new Emitter())));
         this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = this._register(( new Emitter()));
+        this._onDidBlur = this._register(( (new Emitter())));
         this.onDidBlur = this._onDidBlur.event;
-        this._onDidChangeBodyVisibility = this._register(( new Emitter()));
+        this._onDidChangeBodyVisibility = this._register(( (new Emitter())));
         this.onDidChangeBodyVisibility = this._onDidChangeBodyVisibility.event;
-        this._onDidChangeTitleArea = this._register(( new Emitter()));
+        this._onDidChangeTitleArea = this._register(( (new Emitter())));
         this.onDidChangeTitleArea = this._onDidChangeTitleArea.event;
-        this._onDidChangeViewWelcomeState = this._register(( new Emitter()));
+        this._onDidChangeViewWelcomeState = this._register(( (new Emitter())));
         this.onDidChangeViewWelcomeState = this._onDidChangeViewWelcomeState.event;
         this._isVisible = false;
         this.id = options.id;
@@ -283,8 +282,8 @@ let ViewPane = class ViewPane extends Pane {
         this.scopedContextKeyService = this._register(contextKeyService.createScoped(this.element));
         this.scopedContextKeyService.createKey('view', this.id);
         const viewLocationKey = this.scopedContextKeyService.createKey('viewLocation', ViewContainerLocationToString(viewDescriptorService.getViewLocationById(this.id)));
-        this._register(Event.filter(viewDescriptorService.onDidChangeLocation, e => ( e.views.some(view => view.id === this.id)))(() => viewLocationKey.set(ViewContainerLocationToString(viewDescriptorService.getViewLocationById(this.id)))));
-        this.menuActions = this._register(this.instantiationService.createChild(( new ServiceCollection([IContextKeyService, this.scopedContextKeyService]))).createInstance(CompositeMenuActions, options.titleMenuId ?? MenuId.ViewTitle, MenuId.ViewTitleContext, { shouldForwardArgs: !options.donotForwardArgs, renderShortTitle: true }));
+        this._register(Event.filter(viewDescriptorService.onDidChangeLocation, e => ( (e.views.some(view => view.id === this.id))))(() => viewLocationKey.set(ViewContainerLocationToString(viewDescriptorService.getViewLocationById(this.id)))));
+        this.menuActions = this._register(this.instantiationService.createChild(( (new ServiceCollection([IContextKeyService, this.scopedContextKeyService])))).createInstance(CompositeMenuActions, options.titleMenuId ?? MenuId.ViewTitle, MenuId.ViewTitleContext, { shouldForwardArgs: !options.donotForwardArgs, renderShortTitle: true }));
         this._register(this.menuActions.onDidChange(() => this.updateActions()));
     }
     get headerVisible() {
@@ -333,12 +332,7 @@ let ViewPane = class ViewPane extends Pane {
         this.toolbar = this.instantiationService.createInstance(WorkbenchToolBar, actions, {
             orientation: 0 ,
             actionViewItemProvider: (action, options) => this.getActionViewItem(action, options),
-            ariaLabel: ( localizeWithPath(
-                'vs/workbench/browser/parts/views/viewPane',
-                'viewToolbarAriaLabel',
-                "{0} actions",
-                this.title
-            )),
+            ariaLabel: ( localizeWithPath(_moduleId, 2, "{0} actions", this.title)),
             getKeyBinding: action => this.keybindingService.lookupKeybinding(action.id),
             renderDropdownAsChildElement: true,
             actionRunner: this.getActionRunner(),
@@ -411,12 +405,20 @@ let ViewPane = class ViewPane extends Pane {
         }
         const calculatedTitle = this.calculateTitle(title);
         this.titleContainer = append(container, $('h3.title', {}, calculatedTitle));
-        this.titleContainerHover = this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.titleContainer, calculatedTitle));
+        this.titleContainerHover = this._register(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('mouse'), this.titleContainer, calculatedTitle));
         if (this._titleDescription) {
             this.setTitleDescription(this._titleDescription);
         }
-        this.iconContainerHover = this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.iconContainer, calculatedTitle));
-        this.iconContainer.setAttribute('aria-label', calculatedTitle);
+        this.iconContainerHover = this._register(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('mouse'), this.iconContainer, calculatedTitle));
+        this.iconContainer.setAttribute('aria-label', this._getAriaLabel(calculatedTitle));
+    }
+    _getAriaLabel(title) {
+        const viewHasAccessibilityHelpContent = this.viewDescriptorService.getViewDescriptorById(this.id)?.accessibilityHelpContent;
+        const accessibleViewHasShownForView = this.accessibleViewService?.hasShownAccessibleView(this.id);
+        if (!viewHasAccessibilityHelpContent || accessibleViewHasShownForView) {
+            return title;
+        }
+        return ( localizeWithPath(_moduleId, 3, 'Use Alt+F1 for accessibility help {0}', title));
     }
     updateTitle(title) {
         const calculatedTitle = this.calculateTitle(title);
@@ -426,7 +428,7 @@ let ViewPane = class ViewPane extends Pane {
         }
         if (this.iconContainer) {
             this.iconContainerHover?.update(calculatedTitle);
-            this.iconContainer.setAttribute('aria-label', calculatedTitle);
+            this.iconContainer.setAttribute('aria-label', this._getAriaLabel(calculatedTitle));
         }
         this._title = title;
         this._onDidChangeTitleArea.fire();
@@ -438,7 +440,7 @@ let ViewPane = class ViewPane extends Pane {
         }
         else if (description && this.titleContainer) {
             this.titleDescriptionContainer = after(this.titleContainer, $('span.description', {}, description));
-            this.titleDescriptionContainerHover = this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.titleDescriptionContainer, description));
+            this.titleDescriptionContainerHover = this._register(this.hoverService.setupUpdatableHover(getDefaultHoverDelegate('mouse'), this.titleDescriptionContainer, description));
         }
     }
     updateTitleDescription(description) {
@@ -457,14 +459,7 @@ let ViewPane = class ViewPane extends Pane {
         return title;
     }
     renderBody(container) {
-        this.viewWelcomeController = this._register(( new ViewWelcomeController(
-            container,
-            this,
-            this.instantiationService,
-            this.openerService,
-            this.telemetryService,
-            this.contextKeyService
-        )));
+        this.viewWelcomeController = this._register(this.instantiationService.createInstance(ViewWelcomeController, container, this));
     }
     layoutBody(height, width) {
         this.viewWelcomeController.layout(height, width);
@@ -473,12 +468,12 @@ let ViewPane = class ViewPane extends Pane {
     }
     getProgressIndicator() {
         if (this.progressBar === undefined) {
-            this.progressBar = this._register(( new ProgressBar(this.element, defaultProgressBarStyles)));
+            this.progressBar = this._register(( (new ProgressBar(this.element, defaultProgressBarStyles))));
             this.progressBar.hide();
         }
         if (this.progressIndicator === undefined) {
             const that = this;
-            this.progressIndicator = this._register(( new ScopedProgressIndicator(
+            this.progressIndicator = this._register(( (new ScopedProgressIndicator(
                 assertIsDefined(this.progressBar),
                 new (class extends AbstractProgressScope {
                     constructor() {
@@ -486,22 +481,15 @@ let ViewPane = class ViewPane extends Pane {
                         this._register(that.onDidChangeBodyVisibility(isVisible => isVisible ? this.onScopeOpened(that.id) : this.onScopeClosed(that.id)));
                     }
                 })()
-            )));
+            ))));
         }
         return this.progressIndicator;
     }
     getProgressLocation() {
         return this.viewDescriptorService.getViewContainerByViewId(this.id).id;
     }
-    getBackgroundColor() {
-        switch (this.viewDescriptorService.getViewLocationById(this.id)) {
-            case 1 :
-                return PANEL_BACKGROUND;
-            case 0 :
-            case 2 :
-                return SIDE_BAR_BACKGROUND;
-        }
-        return SIDE_BAR_BACKGROUND;
+    getLocationBasedColors() {
+        return getLocationBasedViewColors(this.viewDescriptorService.getViewLocationById(this.id));
     }
     focus() {
         if (this.viewWelcomeController.enabled) {
@@ -569,21 +557,22 @@ let ViewPane = class ViewPane extends Pane {
         return false;
     }
 };
-ViewPane = ViewPane_1 = ( __decorate([
-    ( __param(1, IKeybindingService)),
-    ( __param(2, IContextMenuService)),
-    ( __param(3, IConfigurationService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, IViewDescriptorService)),
-    ( __param(6, IInstantiationService)),
-    ( __param(7, IOpenerService)),
-    ( __param(8, IThemeService)),
-    ( __param(9, ITelemetryService))
-], ViewPane));
+ViewPane = ViewPane_1 = ( (__decorate([
+    ( (__param(1, IKeybindingService))),
+    ( (__param(2, IContextMenuService))),
+    ( (__param(3, IConfigurationService))),
+    ( (__param(4, IContextKeyService))),
+    ( (__param(5, IViewDescriptorService))),
+    ( (__param(6, IInstantiationService))),
+    ( (__param(7, IOpenerService))),
+    ( (__param(8, IThemeService))),
+    ( (__param(9, ITelemetryService))),
+    ( (__param(10, IHoverService)))
+], ViewPane)));
 let FilterViewPane = class FilterViewPane extends ViewPane {
-    constructor(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService) {
-        super(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService);
-        this.filterWidget = this._register(instantiationService.createChild(( new ServiceCollection([IContextKeyService, this.scopedContextKeyService]))).createInstance(FilterWidget, options.filterOptions));
+    constructor(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService, hoverService, accessibleViewService) {
+        super(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService, hoverService, accessibleViewService);
+        this.filterWidget = this._register(instantiationService.createChild(( (new ServiceCollection([IContextKeyService, this.scopedContextKeyService])))).createInstance(FilterWidget, options.filterOptions));
     }
     getFilterWidget() {
         return this.filterWidget;
@@ -594,7 +583,7 @@ let FilterViewPane = class FilterViewPane extends ViewPane {
     }
     layoutBody(height, width) {
         super.layoutBody(height, width);
-        this.dimension = ( new Dimension(width, height));
+        this.dimension = ( (new Dimension(width, height)));
         const wasFilterShownInHeader = !this.filterContainer?.hasChildNodes();
         const shouldShowFilterInHeader = this.shouldShowFilterInHeader();
         if (wasFilterShownInHeader !== shouldShowFilterInHeader) {
@@ -616,17 +605,45 @@ let FilterViewPane = class FilterViewPane extends ViewPane {
         return !(this.dimension && this.dimension.width < 600 && this.dimension.height > 100);
     }
 };
-FilterViewPane = ( __decorate([
-    ( __param(1, IKeybindingService)),
-    ( __param(2, IContextMenuService)),
-    ( __param(3, IConfigurationService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, IViewDescriptorService)),
-    ( __param(6, IInstantiationService)),
-    ( __param(7, IOpenerService)),
-    ( __param(8, IThemeService)),
-    ( __param(9, ITelemetryService))
-], FilterViewPane));
+FilterViewPane = ( (__decorate([
+    ( (__param(1, IKeybindingService))),
+    ( (__param(2, IContextMenuService))),
+    ( (__param(3, IConfigurationService))),
+    ( (__param(4, IContextKeyService))),
+    ( (__param(5, IViewDescriptorService))),
+    ( (__param(6, IInstantiationService))),
+    ( (__param(7, IOpenerService))),
+    ( (__param(8, IThemeService))),
+    ( (__param(9, ITelemetryService))),
+    ( (__param(10, IHoverService)))
+], FilterViewPane)));
+function getLocationBasedViewColors(location) {
+    let background, stickyScrollBackground, stickyScrollBorder, stickyScrollShadow;
+    switch (location) {
+        case 1 :
+            background = PANEL_BACKGROUND;
+            stickyScrollBackground = PANEL_STICKY_SCROLL_BACKGROUND;
+            stickyScrollBorder = PANEL_STICKY_SCROLL_BORDER;
+            stickyScrollShadow = PANEL_STICKY_SCROLL_SHADOW;
+            break;
+        case 0 :
+        case 2 :
+        default:
+            background = SIDE_BAR_BACKGROUND;
+            stickyScrollBackground = SIDE_BAR_STICKY_SCROLL_BACKGROUND;
+            stickyScrollBorder = SIDE_BAR_STICKY_SCROLL_BORDER;
+            stickyScrollShadow = SIDE_BAR_STICKY_SCROLL_SHADOW;
+    }
+    return {
+        background,
+        listOverrideStyles: {
+            listBackground: background,
+            treeStickyScrollBackground: stickyScrollBackground,
+            treeStickyScrollBorder: stickyScrollBorder,
+            treeStickyScrollShadow: stickyScrollShadow
+        }
+    };
+}
 class ViewAction extends Action2 {
     constructor(desc) {
         super(desc);
@@ -639,4 +656,4 @@ class ViewAction extends Action2 {
         }
     }
 }
-export { FilterViewPane, VIEWPANE_FILTER_ACTION, ViewAction, ViewPane, ViewPaneShowActions };
+export { FilterViewPane, VIEWPANE_FILTER_ACTION, ViewAction, ViewPane, ViewPaneShowActions, getLocationBasedViewColors };