@theia/core 1.27.0-next.9 → 1.27.0

package/lib/browser/common-frontend-contribution.js

@@ -51,7 +51,7 @@ const navigatable_1 = require("./navigatable");
 const quick_view_service_1 = require("./quick-input/quick-view-service");
 const environment_1 = require("@theia/application-package/lib/environment");
 const icon_theme_service_1 = require("./icon-theme-service");
-const color_registry_1 = require("./color-registry");
+const color_1 = require("../common/color");
 const core_preferences_1 = require("./core-preferences");
 const theming_1 = require("./theming");
 const preferences_1 = require("./preferences");
@@ -73,6 +73,7 @@ const widgets_1 = require("./widgets");
 const save_resource_service_1 = require("./save-resource-service");
 const user_working_directory_provider_1 = require("./user-working-directory-provider");
 const common_1 = require("../common");
+const language_quick_pick_service_1 = require("./i18n/language-quick-pick-service");
 var CommonMenus;
 (function (CommonMenus) {
     CommonMenus.FILE = [...menu_1.MAIN_MENU_BAR, '1_file'];
@@ -883,7 +884,11 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             execute: () => this.configureDisplayLanguage()
         });
         commandRegistry.registerCommand(CommonCommands.NEW_FILE, {
-            execute: async () => (0, opener_service_1.open)(this.openerService, (0, common_1.createUntitledURI)('', await this.workingDirProvider.getUserWorkingDir()))
+            execute: async () => {
+                const untitledUri = this.untitledResourceResolver.createUntitledURI('', await this.workingDirProvider.getUserWorkingDir());
+                this.untitledResourceResolver.resolve(untitledUri);
+                return (0, opener_service_1.open)(this.openerService, untitledUri);
+            }
         });
     }
     isElectron() {
@@ -1038,27 +1043,12 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }
     }
     async configureDisplayLanguage() {
-        var _a;
-        const availableLanguages = await this.localizationProvider.getAvailableLanguages();
-        const items = [];
-        for (const languageId of ['en', ...availableLanguages.map(e => e.languageId)]) {
-            if (typeof languageId === 'string') {
-                items.push({
-                    label: languageId,
-                    execute: async () => {
-                        if (languageId !== nls_1.nls.locale && await this.confirmRestart()) {
-                            this.windowService.setSafeToShutDown();
-                            window.localStorage.setItem(nls_1.nls.localeId, languageId);
-                            this.windowService.reload();
-                        }
-                    }
-                });
-            }
+        const languageId = await this.languageQuickPickService.pickDisplayLanguage();
+        if (languageId && !nls_1.nls.isSelectedLocale(languageId) && await this.confirmRestart()) {
+            nls_1.nls.setLocale(languageId);
+            this.windowService.setSafeToShutDown();
+            this.windowService.reload();
         }
-        (_a = this.quickInputService) === null || _a === void 0 ? void 0 : _a.showQuickPick(items, {
-            placeholder: CommonCommands.CONFIGURE_DISPLAY_LANGUAGE.label,
-            activeItem: items.find(item => item.label === (nls_1.nls.locale || 'en'))
-        });
     }
     async confirmRestart() {
         const shouldRestart = await new dialogs_1.ConfirmDialog({
@@ -1147,7 +1137,7 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         colors.register(
         // Base Colors should be aligned with https://code.visualstudio.com/api/references/theme-color#base-colors
         // if not yet contributed by Monaco, check runtime css variables to learn
-        { id: 'selection.background', defaults: { dark: '#217daf', light: '#c0dbf1' }, description: 'Overall border color for focused elements. This color is only used if not overridden by a component.' }, { id: 'icon.foreground', defaults: { dark: '#C5C5C5', light: '#424242', hc: '#FFFFFF' }, description: 'The default color for icons in the workbench.' }, { id: 'sash.hoverBorder', defaults: { dark: color_registry_1.Color.transparent('focusBorder', 0.99), light: color_registry_1.Color.transparent('focusBorder', 0.99), hc: color_registry_1.Color.transparent('focusBorder', 0.99) }, description: 'The hover border color for draggable sashes.' }, { id: 'sash.activeBorder', defaults: { dark: 'focusBorder', light: 'focusBorder', hc: 'focusBorder' }, description: 'The active border color for draggable sashes.' }, 
+        { id: 'selection.background', defaults: { dark: '#217daf', light: '#c0dbf1' }, description: 'Overall border color for focused elements. This color is only used if not overridden by a component.' }, { id: 'icon.foreground', defaults: { dark: '#C5C5C5', light: '#424242', hc: '#FFFFFF' }, description: 'The default color for icons in the workbench.' }, { id: 'sash.hoverBorder', defaults: { dark: color_1.Color.transparent('focusBorder', 0.99), light: color_1.Color.transparent('focusBorder', 0.99), hc: color_1.Color.transparent('focusBorder', 0.99) }, description: 'The hover border color for draggable sashes.' }, { id: 'sash.activeBorder', defaults: { dark: 'focusBorder', light: 'focusBorder', hc: 'focusBorder' }, description: 'The active border color for draggable sashes.' }, 
         // Window border colors should be aligned with https://code.visualstudio.com/api/references/theme-color#window-border
         {
             id: 'window.activeBorder', defaults: {
@@ -1161,7 +1151,7 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, 
         // Buttons should be aligned with https://code.visualstudio.com/api/references/theme-color#button-control
         // if not yet contributed by Monaco, check runtime css variables to learn
-        { id: 'button.foreground', defaults: { dark: color_registry_1.Color.white, light: color_registry_1.Color.white, hc: color_registry_1.Color.white }, description: 'Button foreground color.' }, { id: 'button.background', defaults: { dark: '#0E639C', light: '#007ACC' }, description: 'Button background color.' }, { id: 'button.hoverBackground', defaults: { dark: color_registry_1.Color.lighten('button.background', 0.2), light: color_registry_1.Color.darken('button.background', 0.2) }, description: 'Button background color when hovering.' }, 
+        { id: 'button.foreground', defaults: { dark: color_1.Color.white, light: color_1.Color.white, hc: color_1.Color.white }, description: 'Button foreground color.' }, { id: 'button.background', defaults: { dark: '#0E639C', light: '#007ACC' }, description: 'Button background color.' }, { id: 'button.hoverBackground', defaults: { dark: color_1.Color.lighten('button.background', 0.2), light: color_1.Color.darken('button.background', 0.2) }, description: 'Button background color when hovering.' }, 
         // Activity Bar colors should be aligned with https://code.visualstudio.com/api/references/theme-color#activity-bar
         {
             id: 'activityBar.background', defaults: {
@@ -1171,15 +1161,15 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Activity bar background color. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, {
             id: 'activityBar.foreground', defaults: {
-                dark: color_registry_1.Color.white,
-                light: color_registry_1.Color.white,
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.white,
+                light: color_1.Color.white,
+                hc: color_1.Color.white
             }, description: 'Activity bar item foreground color when it is active. The activity bar is showing on the far left or right and allows to switch between views of the side bar.',
         }, {
             id: 'activityBar.inactiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('activityBar.foreground', 0.4),
-                light: color_registry_1.Color.transparent('activityBar.foreground', 0.4),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('activityBar.foreground', 0.4),
+                light: color_1.Color.transparent('activityBar.foreground', 0.4),
+                hc: color_1.Color.white
             }, description: 'Activity bar item foreground color when it is inactive. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, {
             id: 'activityBar.border', defaults: {
@@ -1195,9 +1185,9 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             description: 'Activity bar focus border color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, { id: 'activityBar.activeBackground', description: 'Activity bar background color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar.' }, {
             id: 'activityBar.dropBackground', defaults: {
-                dark: color_registry_1.Color.transparent('#ffffff', 0.12),
-                light: color_registry_1.Color.transparent('#ffffff', 0.12),
-                hc: color_registry_1.Color.transparent('#ffffff', 0.12),
+                dark: color_1.Color.transparent('#ffffff', 0.12),
+                light: color_1.Color.transparent('#ffffff', 0.12),
+                hc: color_1.Color.transparent('#ffffff', 0.12),
             }, description: 'Drag and drop feedback color for the activity bar items. The color should have transparency so that the activity bar entries can still shine through. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, {
             id: 'activityBarBadge.background', defaults: {
@@ -1207,9 +1197,9 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Activity notification badge background color. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, {
             id: 'activityBarBadge.foreground', defaults: {
-                dark: color_registry_1.Color.white,
-                light: color_registry_1.Color.white,
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.white,
+                light: color_1.Color.white,
+                hc: color_1.Color.white
             }, description: 'Activity notification badge foreground color. The activity bar is showing on the far left or right and allows to switch between views of the side bar.'
         }, 
         // Side Bar should be aligned with https://code.visualstudio.com/api/references/theme-color#side-bar
@@ -1221,7 +1211,7 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         // list.focusBackground, list.focusForeground, list.inactiveFocusBackground, list.filterMatchBorder,
         // list.dropBackground, listFilterWidget.outline, listFilterWidget.noMatchesOutline
         // list.invalidItemForeground => tree node needs an respective class
-        { id: 'list.activeSelectionBackground', defaults: { dark: '#094771', light: '#0074E8' }, description: 'List/Tree background color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.activeSelectionForeground', defaults: { dark: '#FFF', light: '#FFF' }, description: 'List/Tree foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.inactiveSelectionBackground', defaults: { dark: '#37373D', light: '#E4E6F1' }, description: 'List/Tree background color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.inactiveSelectionForeground', description: 'List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.hoverBackground', defaults: { dark: '#2A2D2E', light: '#F0F0F0' }, description: 'List/Tree background when hovering over items using the mouse.' }, { id: 'list.hoverForeground', description: 'List/Tree foreground when hovering over items using the mouse.' }, { id: 'list.errorForeground', defaults: { dark: '#F88070', light: '#B01011' }, description: 'Foreground color of list items containing errors.' }, { id: 'list.warningForeground', defaults: { dark: '#CCA700', light: '#855F00' }, description: 'Foreground color of list items containing warnings.' }, { id: 'list.filterMatchBackground', defaults: { dark: 'editor.findMatchHighlightBackground', light: 'editor.findMatchHighlightBackground' }, description: 'Background color of the filtered match.' }, { id: 'list.highlightForeground', defaults: { dark: '#18A3FF', light: '#0066BF', hc: 'focusBorder' }, description: 'List/Tree foreground color of the match highlights when searching inside the list/tree.' }, { id: 'list.focusHighlightForeground', defaults: { dark: 'list.highlightForeground', light: 'list.activeSelectionForeground', hc: 'list.highlightForeground' }, description: 'List/Tree foreground color of the match highlights on actively focused items when searching inside the list/tree.' }, { id: 'tree.inactiveIndentGuidesStroke', defaults: { dark: color_registry_1.Color.transparent('tree.indentGuidesStroke', 0.4), light: color_registry_1.Color.transparent('tree.indentGuidesStroke', 0.4), hc: color_registry_1.Color.transparent('tree.indentGuidesStroke', 0.4) }, description: 'Tree stroke color for the inactive indentation guides.' }, 
+        { id: 'list.activeSelectionBackground', defaults: { dark: '#094771', light: '#0074E8' }, description: 'List/Tree background color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.activeSelectionForeground', defaults: { dark: '#FFF', light: '#FFF' }, description: 'List/Tree foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.inactiveSelectionBackground', defaults: { dark: '#37373D', light: '#E4E6F1' }, description: 'List/Tree background color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.inactiveSelectionForeground', description: 'List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.' }, { id: 'list.hoverBackground', defaults: { dark: '#2A2D2E', light: '#F0F0F0' }, description: 'List/Tree background when hovering over items using the mouse.' }, { id: 'list.hoverForeground', description: 'List/Tree foreground when hovering over items using the mouse.' }, { id: 'list.errorForeground', defaults: { dark: '#F88070', light: '#B01011' }, description: 'Foreground color of list items containing errors.' }, { id: 'list.warningForeground', defaults: { dark: '#CCA700', light: '#855F00' }, description: 'Foreground color of list items containing warnings.' }, { id: 'list.filterMatchBackground', defaults: { dark: 'editor.findMatchHighlightBackground', light: 'editor.findMatchHighlightBackground' }, description: 'Background color of the filtered match.' }, { id: 'list.highlightForeground', defaults: { dark: '#18A3FF', light: '#0066BF', hc: 'focusBorder' }, description: 'List/Tree foreground color of the match highlights when searching inside the list/tree.' }, { id: 'list.focusHighlightForeground', defaults: { dark: 'list.highlightForeground', light: 'list.activeSelectionForeground', hc: 'list.highlightForeground' }, description: 'List/Tree foreground color of the match highlights on actively focused items when searching inside the list/tree.' }, { id: 'tree.inactiveIndentGuidesStroke', defaults: { dark: color_1.Color.transparent('tree.indentGuidesStroke', 0.4), light: color_1.Color.transparent('tree.indentGuidesStroke', 0.4), hc: color_1.Color.transparent('tree.indentGuidesStroke', 0.4) }, description: 'Tree stroke color for the inactive indentation guides.' }, 
         // Editor Group & Tabs colors should be aligned with https://code.visualstudio.com/api/references/theme-color#editor-groups-tabs
         {
             id: 'editorGroup.border',
@@ -1234,8 +1224,8 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'editorGroup.dropBackground',
             defaults: {
-                dark: color_registry_1.Color.transparent('#53595D', 0.5),
-                light: color_registry_1.Color.transparent('#2677CB', 0.18)
+                dark: color_1.Color.transparent('#53595D', 0.5),
+                light: color_1.Color.transparent('#2677CB', 0.18)
             },
             description: 'Background color when dragging editors around. The color should have transparency so that the editor contents can still shine through.'
         }, {
@@ -1277,27 +1267,27 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'tab.activeForeground',
             defaults: {
-                dark: color_registry_1.Color.white,
+                dark: color_1.Color.white,
                 light: '#333333',
-                hc: color_registry_1.Color.white
+                hc: color_1.Color.white
             }, description: 'Active tab foreground color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.inactiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeForeground', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeForeground', 0.7),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.activeForeground', 0.5),
+                light: color_1.Color.transparent('tab.activeForeground', 0.7),
+                hc: color_1.Color.white
             }, description: 'Inactive tab foreground color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedActiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeForeground', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeForeground', 0.7),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.activeForeground', 0.5),
+                light: color_1.Color.transparent('tab.activeForeground', 0.7),
+                hc: color_1.Color.white
             }, description: 'Active tab foreground color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedInactiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('tab.inactiveForeground', 0.5),
-                light: color_registry_1.Color.transparent('tab.inactiveForeground', 0.5),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.inactiveForeground', 0.5),
+                light: color_1.Color.transparent('tab.inactiveForeground', 0.5),
+                hc: color_1.Color.white
             }, description: 'Inactive tab foreground color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.border', defaults: {
@@ -1311,8 +1301,8 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'tab.unfocusedActiveBorder',
             defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeBorder', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeBorder', 0.7)
+                dark: color_1.Color.transparent('tab.activeBorder', 0.5),
+                light: color_1.Color.transparent('tab.activeBorder', 0.7)
             },
             description: 'Border on the bottom of an active tab in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
@@ -1320,28 +1310,24 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             description: 'Border to the top of an active tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedActiveBorderTop', defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeBorderTop', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeBorderTop', 0.7)
+                dark: color_1.Color.transparent('tab.activeBorderTop', 0.5),
+                light: color_1.Color.transparent('tab.activeBorderTop', 0.7)
             }, description: 'Border to the top of an active tab in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.hoverBackground',
-            defaults: {
-                dark: 'tab.inactiveBackground',
-                light: 'tab.inactiveBackground'
-            },
             description: 'Tab background color when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedHoverBackground', defaults: {
-                dark: color_registry_1.Color.transparent('tab.hoverBackground', 0.5),
-                light: color_registry_1.Color.transparent('tab.hoverBackground', 0.7)
+                dark: color_1.Color.transparent('tab.hoverBackground', 0.5),
+                light: color_1.Color.transparent('tab.hoverBackground', 0.7)
             }, description: 'Tab background color in an unfocused group when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.hoverBorder',
             description: 'Border to highlight tabs when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedHoverBorder', defaults: {
-                dark: color_registry_1.Color.transparent('tab.hoverBorder', 0.5),
-                light: color_registry_1.Color.transparent('tab.hoverBorder', 0.7)
+                dark: color_1.Color.transparent('tab.hoverBorder', 0.5),
+                light: color_1.Color.transparent('tab.hoverBorder', 0.7)
             }, description: 'Border to highlight tabs in an unfocused group when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.activeModifiedBorder', defaults: {
@@ -1350,21 +1336,21 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Border on the top of modified (dirty) active tabs in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.inactiveModifiedBorder', defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeModifiedBorder', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeModifiedBorder', 0.5),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.activeModifiedBorder', 0.5),
+                light: color_1.Color.transparent('tab.activeModifiedBorder', 0.5),
+                hc: color_1.Color.white
             }, description: 'Border on the top of modified (dirty) inactive tabs in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedActiveModifiedBorder', defaults: {
-                dark: color_registry_1.Color.transparent('tab.activeModifiedBorder', 0.5),
-                light: color_registry_1.Color.transparent('tab.activeModifiedBorder', 0.7),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.activeModifiedBorder', 0.5),
+                light: color_1.Color.transparent('tab.activeModifiedBorder', 0.7),
+                hc: color_1.Color.white
             }, description: 'Border on the top of modified (dirty) active tabs in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, {
             id: 'tab.unfocusedInactiveModifiedBorder', defaults: {
-                dark: color_registry_1.Color.transparent('tab.inactiveModifiedBorder', 0.5),
-                light: color_registry_1.Color.transparent('tab.inactiveModifiedBorder', 0.5),
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('tab.inactiveModifiedBorder', 0.5),
+                light: color_1.Color.transparent('tab.inactiveModifiedBorder', 0.5),
+                hc: color_1.Color.white
             }, description: 'Border on the top of modified (dirty) inactive tabs in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
         }, 
         // Status bar colors should be aligned with https://code.visualstudio.com/api/references/theme-color#status-bar-colors
@@ -1404,54 +1390,54 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Status bar border color separating to the sidebar and editor when no folder is opened. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.activeBackground', defaults: {
-                dark: color_registry_1.Color.rgba(255, 255, 255, 0.18),
-                light: color_registry_1.Color.rgba(255, 255, 255, 0.18),
-                hc: color_registry_1.Color.rgba(255, 255, 255, 0.18)
+                dark: color_1.Color.rgba(255, 255, 255, 0.18),
+                light: color_1.Color.rgba(255, 255, 255, 0.18),
+                hc: color_1.Color.rgba(255, 255, 255, 0.18)
             }, description: 'Status bar item background color when clicking. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.hoverBackground', defaults: {
-                dark: color_registry_1.Color.rgba(255, 255, 255, 0.12),
-                light: color_registry_1.Color.rgba(255, 255, 255, 0.12),
-                hc: color_registry_1.Color.rgba(255, 255, 255, 0.12)
+                dark: color_1.Color.rgba(255, 255, 255, 0.12),
+                light: color_1.Color.rgba(255, 255, 255, 0.12),
+                hc: color_1.Color.rgba(255, 255, 255, 0.12)
             }, description: 'Status bar item background color when hovering. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.errorBackground', defaults: {
-                dark: color_registry_1.Color.darken('errorBackground', 0.4),
-                light: color_registry_1.Color.darken('errorBackground', 0.4),
+                dark: color_1.Color.darken('errorBackground', 0.4),
+                light: color_1.Color.darken('errorBackground', 0.4),
                 hc: undefined,
             }, description: 'Status bar error items background color. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.errorForeground', defaults: {
-                dark: color_registry_1.Color.white,
-                light: color_registry_1.Color.white,
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.white,
+                light: color_1.Color.white,
+                hc: color_1.Color.white
             }, description: 'Status bar error items foreground color. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.warningBackground', defaults: {
-                dark: color_registry_1.Color.darken('warningBackground', 0.4),
-                light: color_registry_1.Color.darken('warningBackground', 0.4),
+                dark: color_1.Color.darken('warningBackground', 0.4),
+                light: color_1.Color.darken('warningBackground', 0.4),
                 hc: undefined
             }, description: 'Status bar warning items background color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.'
         }, {
             id: 'statusBarItem.warningForeground', defaults: {
-                dark: color_registry_1.Color.white,
-                light: color_registry_1.Color.white,
-                hc: color_registry_1.Color.white
+                dark: color_1.Color.white,
+                light: color_1.Color.white,
+                hc: color_1.Color.white
             }, description: 'Status bar warning items foreground color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.'
         }, 
         // Quickinput colors should be aligned with https://code.visualstudio.com/api/references/theme-color#quick-picker
         // if not yet contributed by Monaco, check runtime css variables to learn.
         {
             id: 'quickInput.background', defaults: {
-                dark: 'sideBar.background',
-                light: 'sideBar.background',
-                hc: 'sideBar.background'
+                dark: 'editorWidget.background',
+                light: 'editorWidget.background',
+                hc: 'editorWidget.background'
             }, description: 'Quick Input background color. The Quick Input widget is the container for views like the color theme picker.'
         }, {
             id: 'quickInput.foreground', defaults: {
-                dark: 'sideBar.foreground',
-                light: 'sideBar.foreground',
-                hc: 'sideBar.foreground'
+                dark: 'editorWidget.foreground',
+                light: 'editorWidget.foreground',
+                hc: 'editorWidget.foreground'
             }, description: 'Quick Input foreground color. The Quick Input widget is the container for views like the color theme picker.'
         }, {
             id: 'quickInput.list.focusBackground', defaults: {
@@ -1479,19 +1465,19 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Panel background color. Panels are shown below the editor area and contain views like output and integrated terminal.'
         }, {
             id: 'panel.border', defaults: {
-                dark: color_registry_1.Color.transparent('#808080', 0.35), light: color_registry_1.Color.transparent('#808080', 0.35), hc: 'contrastBorder'
+                dark: color_1.Color.transparent('#808080', 0.35), light: color_1.Color.transparent('#808080', 0.35), hc: 'contrastBorder'
             }, description: 'Panel border color to separate the panel from the editor. Panels are shown below the editor area and contain views like output and integrated terminal.'
         }, {
             id: 'panel.dropBackground', defaults: {
-                dark: color_registry_1.Color.rgba(255, 255, 255, 0.12), light: color_registry_1.Color.transparent('#2677CB', 0.18), hc: color_registry_1.Color.rgba(255, 255, 255, 0.12)
+                dark: color_1.Color.rgba(255, 255, 255, 0.12), light: color_1.Color.transparent('#2677CB', 0.18), hc: color_1.Color.rgba(255, 255, 255, 0.12)
             }, description: 'Drag and drop feedback color for the panel title items. The color should have transparency so that the panel entries can still shine through. Panels are shown below the editor area and contain views like output and integrated terminal.'
         }, {
             id: 'panelTitle.activeForeground', defaults: {
-                dark: '#E7E7E7', light: '#424242', hc: color_registry_1.Color.white
+                dark: '#E7E7E7', light: '#424242', hc: color_1.Color.white
             }, description: 'Title color for the active panel. Panels are shown below the editor area and contain views like output and integrated terminal.'
         }, {
             id: 'panelTitle.inactiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('panelTitle.activeForeground', 0.6), light: color_registry_1.Color.transparent('panelTitle.activeForeground', 0.75), hc: color_registry_1.Color.white
+                dark: color_1.Color.transparent('panelTitle.activeForeground', 0.6), light: color_1.Color.transparent('panelTitle.activeForeground', 0.75), hc: color_1.Color.white
             }, description: 'Title color for the inactive panel. Panels are shown below the editor area and contain views like output and integrated terminal.'
         }, {
             id: 'panelTitle.activeBorder', defaults: {
@@ -1502,7 +1488,7 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             description: 'Input box border for inputs in the panel.'
         }, {
             id: 'imagePreview.border', defaults: {
-                dark: color_registry_1.Color.transparent('#808080', 0.35), light: color_registry_1.Color.transparent('#808080', 0.35), hc: 'contrastBorder'
+                dark: color_1.Color.transparent('#808080', 0.35), light: color_1.Color.transparent('#808080', 0.35), hc: 'contrastBorder'
             }, description: 'Border color for image in image preview.'
         }, 
         // Title Bar colors should be aligned with https://code.visualstudio.com/api/references/theme-color#title-bar-colors
@@ -1514,8 +1500,8 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Title bar foreground when the window is active. Note that this color is currently only supported on macOS.'
         }, {
             id: 'titleBar.inactiveForeground', defaults: {
-                dark: color_registry_1.Color.transparent('titleBar.activeForeground', 0.6),
-                light: color_registry_1.Color.transparent('titleBar.activeForeground', 0.6)
+                dark: color_1.Color.transparent('titleBar.activeForeground', 0.6),
+                light: color_1.Color.transparent('titleBar.activeForeground', 0.6)
             }, description: 'Title bar foreground when the window is inactive. Note that this color is currently only supported on macOS.'
         }, {
             id: 'titleBar.activeBackground', defaults: {
@@ -1525,8 +1511,8 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Title bar background when the window is active. Note that this color is currently only supported on macOS.'
         }, {
             id: 'titleBar.inactiveBackground', defaults: {
-                dark: color_registry_1.Color.transparent('titleBar.activeBackground', 0.6),
-                light: color_registry_1.Color.transparent('titleBar.activeBackground', 0.6)
+                dark: color_1.Color.transparent('titleBar.activeBackground', 0.6),
+                light: color_1.Color.transparent('titleBar.activeBackground', 0.6)
             }, description: 'Title bar background when the window is inactive. Note that this color is currently only supported on macOS.'
         }, {
             id: 'titleBar.border', defaults: {
@@ -1542,8 +1528,8 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Foreground color of the selected menu item in the menubar.'
         }, {
             id: 'menubar.selectionBackground', defaults: {
-                dark: color_registry_1.Color.transparent('#ffffff', 0.1),
-                light: color_registry_1.Color.transparent('#000000', 0.1)
+                dark: color_1.Color.transparent('#ffffff', 0.1),
+                light: color_1.Color.transparent('#000000', 0.1)
             }, description: 'Background color of the selected menu item in the menubar.'
         }, {
             id: 'menubar.selectionBorder', defaults: {
@@ -1580,22 +1566,22 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             description: 'Color of a separator menu item in menus.'
         }, 
         // Welcome Page colors should be aligned with https://code.visualstudio.com/api/references/theme-color#welcome-page
-        { id: 'welcomePage.background', description: 'Background color for the Welcome page.' }, { id: 'welcomePage.buttonBackground', defaults: { dark: color_registry_1.Color.rgba(0, 0, 0, .2), light: color_registry_1.Color.rgba(0, 0, 0, .04), hc: color_registry_1.Color.black }, description: 'Background color for the buttons on the Welcome page.' }, { id: 'welcomePage.buttonHoverBackground', defaults: { dark: color_registry_1.Color.rgba(200, 235, 255, .072), light: color_registry_1.Color.rgba(0, 0, 0, .10) }, description: 'Hover background color for the buttons on the Welcome page.' }, { id: 'walkThrough.embeddedEditorBackground', defaults: { dark: color_registry_1.Color.rgba(0, 0, 0, .4), light: '#f4f4f4' }, description: 'Background color for the embedded editors on the Interactive Playground.' }, 
+        { id: 'welcomePage.background', description: 'Background color for the Welcome page.' }, { id: 'welcomePage.buttonBackground', defaults: { dark: color_1.Color.rgba(0, 0, 0, .2), light: color_1.Color.rgba(0, 0, 0, .04), hc: color_1.Color.black }, description: 'Background color for the buttons on the Welcome page.' }, { id: 'welcomePage.buttonHoverBackground', defaults: { dark: color_1.Color.rgba(200, 235, 255, .072), light: color_1.Color.rgba(0, 0, 0, .10) }, description: 'Hover background color for the buttons on the Welcome page.' }, { id: 'walkThrough.embeddedEditorBackground', defaults: { dark: color_1.Color.rgba(0, 0, 0, .4), light: '#f4f4f4' }, description: 'Background color for the embedded editors on the Interactive Playground.' }, 
         // Dropdown colors should be aligned with https://code.visualstudio.com/api/references/theme-color#dropdown-control
         {
             id: 'dropdown.background', defaults: {
-                light: color_registry_1.Color.white,
+                light: color_1.Color.white,
                 dark: '#3C3C3C',
-                hc: color_registry_1.Color.black
+                hc: color_1.Color.black
             }, description: 'Dropdown background.'
         }, {
             id: 'dropdown.listBackground', defaults: {
-                hc: color_registry_1.Color.black
+                hc: color_1.Color.black
             }, description: 'Dropdown list background.'
         }, {
             id: 'dropdown.foreground', defaults: {
                 dark: '#F0F0F0',
-                hc: color_registry_1.Color.white
+                hc: color_1.Color.white
             }, description: 'Dropdown foreground.'
         }, {
             id: 'dropdown.border', defaults: {
@@ -1611,9 +1597,9 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'The foreground color for a section header or active title.'
         }, {
             id: 'settings.modifiedItemIndicator', defaults: {
-                light: color_registry_1.Color.rgba(102, 175, 224),
-                dark: color_registry_1.Color.rgba(12, 125, 157),
-                hc: color_registry_1.Color.rgba(0, 73, 122)
+                light: color_1.Color.rgba(102, 175, 224),
+                dark: color_1.Color.rgba(12, 125, 157),
+                hc: color_1.Color.rgba(0, 73, 122)
             }, description: 'The color of the modified setting indicator.'
         }, {
             id: 'settings.dropdownBackground', defaults: { dark: 'dropdown.background', light: 'dropdown.background', hc: 'dropdown.background' },
@@ -1668,20 +1654,20 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             }, description: 'Settings editor number input box border.'
         }, {
             id: 'settings.focusedRowBackground', defaults: {
-                dark: color_registry_1.Color.transparent('#808080', 0.14),
-                light: color_registry_1.Color.transparent('#808080', 0.03),
+                dark: color_1.Color.transparent('#808080', 0.14),
+                light: color_1.Color.transparent('#808080', 0.03),
                 hc: undefined
             }, description: 'The background color of a settings row when focused.'
         }, {
             id: 'settings.rowHoverBackground', defaults: {
-                dark: color_registry_1.Color.transparent('#808080', 0.07),
-                light: color_registry_1.Color.transparent('#808080', 0.05),
+                dark: color_1.Color.transparent('#808080', 0.07),
+                light: color_1.Color.transparent('#808080', 0.05),
                 hc: undefined
             }, description: 'The background color of a settings row when hovered.'
         }, {
             id: 'settings.focusedRowBorder', defaults: {
-                dark: color_registry_1.Color.rgba(255, 255, 255, 0.12),
-                light: color_registry_1.Color.rgba(0, 0, 0, 0.12),
+                dark: color_1.Color.rgba(255, 255, 255, 0.12),
+                light: color_1.Color.rgba(0, 0, 0, 0.12),
                 hc: 'focusBorder'
             }, description: "The color of the row's top and bottom border when the row is focused."
         }, 
@@ -1701,9 +1687,9 @@ let CommonFrontendContribution = class CommonFrontendContribution {
             description: 'Color of a variable name.'
         }, {
             id: 'variable.value.color', defaults: {
-                dark: color_registry_1.Color.rgba(204, 204, 204, 0.6),
-                light: color_registry_1.Color.rgba(108, 108, 108, 0.8),
-                hc: color_registry_1.Color.rgba(204, 204, 204, 0.6)
+                dark: color_1.Color.rgba(204, 204, 204, 0.6),
+                light: color_1.Color.rgba(108, 108, 108, 0.8),
+                hc: color_1.Color.rgba(204, 204, 204, 0.6)
             },
             description: 'Color of a variable value.'
         }, {
@@ -1732,7 +1718,7 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         {
             id: 'ansi.black.color', defaults: {
                 dark: '#A0A0A0',
-                light: color_registry_1.Color.rgba(128, 128, 128),
+                light: color_1.Color.rgba(128, 128, 128),
                 hc: '#A0A0A0'
             },
             description: 'ANSI black color'
@@ -1760,21 +1746,21 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'ansi.blue.color', defaults: {
                 dark: '#6286BB',
-                light: color_registry_1.Color.rgba(0, 0, 139),
+                light: color_1.Color.rgba(0, 0, 139),
                 hc: '#6286BB'
             },
             description: 'ANSI blue color'
         }, {
             id: 'ansi.magenta.color', defaults: {
                 dark: '#914191',
-                light: color_registry_1.Color.rgba(139, 0, 139),
+                light: color_1.Color.rgba(139, 0, 139),
                 hc: '#914191'
             },
             description: 'ANSI magenta color'
         }, {
             id: 'ansi.cyan.color', defaults: {
                 dark: '#218D8D',
-                light: color_registry_1.Color.rgba(0, 139, 139),
+                light: color_1.Color.rgba(0, 139, 139),
                 hc: '#218D8D'
             },
             description: 'ANSI cyan color'
@@ -1835,16 +1821,16 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'statusBarItem.offlineHoverBackground',
             defaults: {
-                dark: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.4),
-                light: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.4),
-                hc: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.4)
+                dark: color_1.Color.lighten('statusBar.offlineBackground', 0.4),
+                light: color_1.Color.lighten('statusBar.offlineBackground', 0.4),
+                hc: color_1.Color.lighten('statusBar.offlineBackground', 0.4)
             }, description: 'Background of hovered statusbar item in case the theia server is offline.'
         }, {
             id: 'statusBarItem.offlineActiveBackground',
             defaults: {
-                dark: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.6),
-                light: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.6),
-                hc: color_registry_1.Color.lighten('statusBar.offlineBackground', 0.6)
+                dark: color_1.Color.lighten('statusBar.offlineBackground', 0.6),
+                light: color_1.Color.lighten('statusBar.offlineBackground', 0.6),
+                hc: color_1.Color.lighten('statusBar.offlineBackground', 0.6)
             }, description: 'Background of active statusbar item in case the theia server is offline.'
         }, 
         // Buttons
@@ -1858,40 +1844,40 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'secondaryButton.disabledForeground',
             defaults: {
-                dark: color_registry_1.Color.transparent('secondaryButton.foreground', 0.5),
-                light: color_registry_1.Color.transparent('secondaryButton.foreground', 0.5),
-                hc: color_registry_1.Color.transparent('secondaryButton.foreground', 0.5),
+                dark: color_1.Color.transparent('secondaryButton.foreground', 0.5),
+                light: color_1.Color.transparent('secondaryButton.foreground', 0.5),
+                hc: color_1.Color.transparent('secondaryButton.foreground', 0.5),
             }, description: 'Foreground color of secondary buttons.'
         }, {
             id: 'secondaryButton.background',
             defaults: {
-                dark: color_registry_1.Color.lighten('dropdown.background', 0.5),
-                light: color_registry_1.Color.lighten('dropdown.background', 0.5)
+                dark: color_1.Color.lighten('dropdown.background', 0.5),
+                light: color_1.Color.lighten('dropdown.background', 0.5)
             }, description: 'Background color of secondary buttons.'
         }, {
             id: 'secondaryButton.hoverBackground',
             defaults: {
-                dark: color_registry_1.Color.lighten('secondaryButton.background', 0.2),
-                light: color_registry_1.Color.lighten('secondaryButton.background', 0.2)
+                dark: color_1.Color.lighten('secondaryButton.background', 0.2),
+                light: color_1.Color.lighten('secondaryButton.background', 0.2)
             }, description: 'Background color when hovering secondary buttons.'
         }, {
             id: 'secondaryButton.disabledBackground',
             defaults: {
-                dark: color_registry_1.Color.transparent('secondaryButton.background', 0.6),
-                light: color_registry_1.Color.transparent('secondaryButton.background', 0.6)
+                dark: color_1.Color.transparent('secondaryButton.background', 0.6),
+                light: color_1.Color.transparent('secondaryButton.background', 0.6)
             }, description: 'Background color when hovering secondary buttons.'
         }, {
             id: 'button.disabledForeground',
             defaults: {
-                dark: color_registry_1.Color.transparent('button.foreground', 0.5),
-                light: color_registry_1.Color.transparent('button.foreground', 0.5),
-                hc: color_registry_1.Color.transparent('button.foreground', 0.5)
+                dark: color_1.Color.transparent('button.foreground', 0.5),
+                light: color_1.Color.transparent('button.foreground', 0.5),
+                hc: color_1.Color.transparent('button.foreground', 0.5)
             }, description: 'Foreground color of secondary buttons.'
         }, {
             id: 'button.disabledBackground',
             defaults: {
-                dark: color_registry_1.Color.transparent('button.background', 0.5),
-                light: color_registry_1.Color.transparent('button.background', 0.5)
+                dark: color_1.Color.transparent('button.background', 0.5),
+                light: color_1.Color.transparent('button.background', 0.5)
             }, description: 'Background color of secondary buttons.'
         }, {
             id: 'editorGutter.commentRangeForeground',
@@ -1903,9 +1889,9 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'breadcrumb.foreground',
             defaults: {
-                dark: color_registry_1.Color.transparent('foreground', 0.8),
-                light: color_registry_1.Color.transparent('foreground', 0.8),
-                hc: color_registry_1.Color.transparent('foreground', 0.8),
+                dark: color_1.Color.transparent('foreground', 0.8),
+                light: color_1.Color.transparent('foreground', 0.8),
+                hc: color_1.Color.transparent('foreground', 0.8),
             },
             description: 'Color of breadcrumb item text'
         }, {
@@ -1919,17 +1905,17 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'breadcrumb.focusForeground',
             defaults: {
-                dark: color_registry_1.Color.lighten('foreground', 0.1),
-                light: color_registry_1.Color.darken('foreground', 0.2),
-                hc: color_registry_1.Color.lighten('foreground', 0.1),
+                dark: color_1.Color.lighten('foreground', 0.1),
+                light: color_1.Color.darken('foreground', 0.2),
+                hc: color_1.Color.lighten('foreground', 0.1),
             },
             description: 'Color of breadcrumb item text when focused'
         }, {
             id: 'breadcrumb.activeSelectionForeground',
             defaults: {
-                dark: color_registry_1.Color.lighten('foreground', 0.1),
-                light: color_registry_1.Color.darken('foreground', 0.2),
-                hc: color_registry_1.Color.lighten('foreground', 0.1),
+                dark: color_1.Color.lighten('foreground', 0.1),
+                light: color_1.Color.darken('foreground', 0.2),
+                hc: color_1.Color.lighten('foreground', 0.1),
             },
             description: 'Color of selected breadcrumb item'
         }, {
@@ -1943,23 +1929,23 @@ let CommonFrontendContribution = class CommonFrontendContribution {
         }, {
             id: 'mainToolbar.background',
             defaults: {
-                dark: color_registry_1.Color.lighten('activityBar.background', 0.1),
-                light: color_registry_1.Color.darken('activityBar.background', 0.1),
-                hc: color_registry_1.Color.lighten('activityBar.background', 0.1),
+                dark: color_1.Color.lighten('activityBar.background', 0.1),
+                light: color_1.Color.darken('activityBar.background', 0.1),
+                hc: color_1.Color.lighten('activityBar.background', 0.1),
             },
             description: 'Background color of shell\'s global toolbar'
         }, {
             id: 'mainToolbar.foreground', defaults: {
-                dark: color_registry_1.Color.darken('activityBar.foreground', 0.1),
-                light: color_registry_1.Color.lighten('activityBar.foreground', 0.1),
-                hc: color_registry_1.Color.lighten('activityBar.foreground', 0.1),
+                dark: color_1.Color.darken('activityBar.foreground', 0.1),
+                light: color_1.Color.lighten('activityBar.foreground', 0.1),
+                hc: color_1.Color.lighten('activityBar.foreground', 0.1),
             }, description: 'Foreground color of active toolbar item',
         }, {
             id: 'editorHoverWidgetInternalBorder',
             defaults: {
-                dark: color_registry_1.Color.transparent('editorHoverWidget.border', 0.5),
-                light: color_registry_1.Color.transparent('editorHoverWidget.border', 0.5),
-                hc: color_registry_1.Color.transparent('editorHoverWidget.border', 0.5),
+                dark: color_1.Color.transparent('editorHoverWidget.border', 0.5),
+                light: color_1.Color.transparent('editorHoverWidget.border', 0.5),
+                hc: color_1.Color.transparent('editorHoverWidget.border', 0.5),
             },
             description: 'The border between subelements of a hover widget'
         });
@@ -2026,6 +2012,14 @@ __decorate([
     (0, inversify_1.inject)(user_working_directory_provider_1.UserWorkingDirectoryProvider),
     __metadata("design:type", user_working_directory_provider_1.UserWorkingDirectoryProvider)
 ], CommonFrontendContribution.prototype, "workingDirProvider", void 0);
+__decorate([
+    (0, inversify_1.inject)(language_quick_pick_service_1.LanguageQuickPickService),
+    __metadata("design:type", language_quick_pick_service_1.LanguageQuickPickService)
+], CommonFrontendContribution.prototype, "languageQuickPickService", void 0);
+__decorate([
+    (0, inversify_1.inject)(common_1.UntitledResourceResolver),
+    __metadata("design:type", common_1.UntitledResourceResolver)
+], CommonFrontendContribution.prototype, "untitledResourceResolver", void 0);
 CommonFrontendContribution = __decorate([
     (0, inversify_1.injectable)(),
     __param(0, (0, inversify_1.inject)(application_shell_1.ApplicationShell)),