@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxCustom.js

@@ -2,8 +2,8 @@ import { $ as $$1, append, createStyleSheet, addDisposableListener, addStandardD
 import { DomEmitter } from '../../event.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { renderMarkdown } from '../../markdownRenderer.js';
+import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
-import { setupCustomHover } from '../hover/updatableHoverWidget.js';
 import { List } from '../list/listWidget.js';
 import { equals } from '../../../common/arrays.js';
 import { Emitter, Event } from '../../../common/event.js';
@@ -12,6 +12,7 @@ import { Disposable } from '../../../common/lifecycle.js';
 import { isMacintosh } from '../../../common/platform.js';
 import './selectBoxCustom.css.js';
 import { localizeWithPath } from '../../../../nls.js';
+const _moduleId = "vs/base/browser/ui/selectBox/selectBoxCustom";
 const $ = $$1;
 const SELECT_OPTION_ENTRY_TEMPLATE_ID = 'selectOption.entry.template';
 class SelectListRenderer {
@@ -71,7 +72,7 @@ class SelectBoxList extends Disposable {
         if (typeof this.selectBoxOptions.ariaDescription === 'string') {
             this.selectElement.setAttribute('aria-description', this.selectBoxOptions.ariaDescription);
         }
-        this._onDidSelect = ( new Emitter());
+        this._onDidSelect = ( (new Emitter()));
         this._register(this._onDidSelect);
         this.registerListeners();
         this.constructSelectDropDown(contextViewProvider);
@@ -83,7 +84,7 @@ class SelectBoxList extends Disposable {
     }
     setTitle(title) {
         if (!this._hover && title) {
-            this._hover = this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.selectElement, title));
+            this._hover = this._register(getBaseLayerHoverDelegate().setupUpdatableHover(getDefaultHoverDelegate('mouse'), this.selectElement, title));
         }
         else if (this._hover) {
             this._hover.update(title);
@@ -149,7 +150,7 @@ class SelectBoxList extends Disposable {
             }
         }));
         this._register(addDisposableListener(this.selectElement, EventType.KEY_DOWN, (e) => {
-            const event = ( new StandardKeyboardEvent(e));
+            const event = ( (new StandardKeyboardEvent(e)));
             let showDropDown = false;
             if (isMacintosh) {
                 if (event.keyCode === 18  || event.keyCode === 16  || event.keyCode === 10  || event.keyCode === 3 ) {
@@ -375,7 +376,7 @@ class SelectBoxList extends Disposable {
             const maxSelectDropDownHeightAbove = (selectPosition.top - SelectBoxList.DEFAULT_DROPDOWN_MINIMUM_TOP_MARGIN);
             const selectWidth = this.selectElement.offsetWidth;
             const selectMinWidth = this.setWidthControlElement(this.widthControlElement);
-            const selectOptimalWidth = ( Math.max(selectMinWidth, Math.round(selectWidth)).toString()) + 'px';
+            const selectOptimalWidth = ( (Math.max(selectMinWidth, Math.round(selectWidth)).toString())) + 'px';
             this.selectDropDownContainer.style.width = selectOptimalWidth;
             this.selectList.getHTMLElement().style.height = '';
             this.selectList.layout();
@@ -484,8 +485,8 @@ class SelectBoxList extends Disposable {
             return;
         }
         this.selectDropDownListContainer = append(parent, $('.select-box-dropdown-list-container'));
-        this.listRenderer = ( new SelectListRenderer());
-        this.selectList = ( new List(
+        this.listRenderer = ( (new SelectListRenderer()));
+        this.selectList = ( (new List(
             'SelectBoxCustom',
             this.selectDropDownListContainer,
             this,
@@ -509,22 +510,18 @@ class SelectBoxList extends Disposable {
                         }
                         return label;
                     },
-                    getWidgetAriaLabel: () => ( localizeWithPath(
-                        'vs/base/browser/ui/selectBox/selectBoxCustom',
-                        { key: 'selectBox', comment: ['Behave like native select dropdown element.'] },
-                        "Select Box"
-                    )),
+                    getWidgetAriaLabel: () => ( localizeWithPath(_moduleId, 0, "Select Box")),
                     getRole: () => isMacintosh ? '' : 'option',
                     getWidgetRole: () => 'listbox'
                 }
             }
-        ));
+        )));
         if (this.selectBoxOptions.ariaLabel) {
             this.selectList.ariaLabel = this.selectBoxOptions.ariaLabel;
         }
-        const onKeyDown = this._register(( new DomEmitter(this.selectDropDownListContainer, 'keydown')));
-        const onSelectDropDownKeyDown = Event.chain(onKeyDown.event, $ => ( $.filter(() => this.selectList.length > 0)
-            .map(e => ( new StandardKeyboardEvent(e)))));
+        const onKeyDown = this._register(( (new DomEmitter(this.selectDropDownListContainer, 'keydown'))));
+        const onSelectDropDownKeyDown = Event.chain(onKeyDown.event, $ => ( ($.filter(() => this.selectList.length > 0)
+            .map(e => ( (new StandardKeyboardEvent(e)))))));
         this._register(Event.chain(onSelectDropDownKeyDown, $ => $.filter(e => e.keyCode === 3 ))(this.onEnter, this));
         this._register(Event.chain(onSelectDropDownKeyDown, $ => $.filter(e => e.keyCode === 2 ))(this.onEnter, this));
         this._register(Event.chain(onSelectDropDownKeyDown, $ => $.filter(e => e.keyCode === 9 ))(this.onEscape, this));
@@ -744,7 +741,7 @@ class SelectBoxList extends Disposable {
         this.select(this.selected);
     }
     onCharacter(e) {
-        const ch = ( KeyCodeUtils.toString(e.keyCode));
+        const ch = ( (KeyCodeUtils.toString(e.keyCode)));
         let optionIndex = -1;
         for (let i = 0; i < this.options.length - 1; i++) {
             optionIndex = (i + this.selected + 1) % this.options.length;

package/vscode/src/vs/base/browser/ui/splitview/paneview.js

@@ -10,6 +10,7 @@ import { Disposable, DisposableStore } from '../../../common/lifecycle.js';
 import './paneview.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { SplitView, Sizing } from './splitview.js';
+const _moduleId = "vs/base/browser/ui/splitview/paneview";
 class Pane extends Disposable {
     static { this.HEADER_SIZE = 22; }
     get ariaHeaderLabel() {
@@ -71,19 +72,14 @@ class Pane extends Disposable {
             leftBorder: undefined
         };
         this.animationTimer = undefined;
-        this._onDidChange = this._register(( new Emitter()));
+        this._onDidChange = this._register(( (new Emitter())));
         this.onDidChange = this._onDidChange.event;
-        this._onDidChangeExpansionState = this._register(( new Emitter()));
+        this._onDidChangeExpansionState = this._register(( (new Emitter())));
         this.onDidChangeExpansionState = this._onDidChangeExpansionState.event;
         this.orthogonalSize = 0;
         this._expanded = typeof options.expanded === 'undefined' ? true : !!options.expanded;
         this._orientation = typeof options.orientation === 'undefined' ? 0  : options.orientation;
-        this._ariaHeaderLabel = ( localizeWithPath(
-            'vs/base/browser/ui/splitview/paneview',
-            'viewSection',
-            "{0} Section",
-            options.title
-        ));
+        this._ariaHeaderLabel = ( localizeWithPath(_moduleId, 0, "{0} Section", options.title));
         this._minimumBodySize = typeof options.minimumBodySize === 'number' ? options.minimumBodySize : this._orientation === 1  ? 200 : 120;
         this._maximumBodySize = typeof options.maximumBodySize === 'number' ? options.maximumBodySize : Number.POSITIVE_INFINITY;
         this.element = $('.pane');
@@ -172,9 +168,13 @@ class Pane extends Disposable {
         this._register(focusTracker.onDidFocus(() => this.header.classList.add('focused'), null));
         this._register(focusTracker.onDidBlur(() => this.header.classList.remove('focused'), null));
         this.updateHeader();
-        const eventDisposables = this._register(( new DisposableStore()));
-        const onKeyDown = this._register(( new DomEmitter(this.header, 'keydown')));
-        const onHeaderKeyDown = ( Event.map(onKeyDown.event, e => ( new StandardKeyboardEvent(e)), eventDisposables));
+        const eventDisposables = this._register(( (new DisposableStore())));
+        const onKeyDown = this._register(( (new DomEmitter(this.header, 'keydown'))));
+        const onHeaderKeyDown = ( (Event.map(
+            onKeyDown.event,
+            e => ( (new StandardKeyboardEvent(e))),
+            eventDisposables
+        )));
         this._register(Event.filter(onHeaderKeyDown, e => e.keyCode === 3  || e.keyCode === 10 , eventDisposables)(() => this.setExpanded(!this.isExpanded()), null));
         this._register(Event.filter(onHeaderKeyDown, e => e.keyCode === 15 , eventDisposables)(() => this.setExpanded(false), null));
         this._register(Event.filter(onHeaderKeyDown, e => e.keyCode === 17 , eventDisposables)(() => this.setExpanded(true), null));
@@ -234,14 +234,14 @@ class Pane extends Disposable {
     }
 }
 class PaneDraggable extends Disposable {
-    static { this.DefaultDragOverBackgroundColor = ( new Color(( new RGBA(128, 128, 128, 0.5)))); }
+    static { this.DefaultDragOverBackgroundColor = ( (new Color( (new RGBA(128, 128, 128, 0.5))))); }
     constructor(pane, dnd, context) {
         super();
         this.pane = pane;
         this.dnd = dnd;
         this.context = context;
         this.dragOverCounter = 0;
-        this._onDidDrop = this._register(( new Emitter()));
+        this._onDidDrop = this._register(( (new Emitter())));
         this.onDidDrop = this._onDidDrop.event;
         pane.draggableElement.draggable = true;
         this._register(addDisposableListener(pane.draggableElement, 'dragstart', e => this.onDragStart(e)));
@@ -310,7 +310,7 @@ class PaneDraggable extends Disposable {
     render() {
         let backgroundColor = null;
         if (this.dragOverCounter > 0) {
-            backgroundColor = this.pane.dropBackground ?? ( PaneDraggable.DefaultDragOverBackgroundColor.toString());
+            backgroundColor = this.pane.dropBackground ?? ( (PaneDraggable.DefaultDragOverBackgroundColor.toString()));
         }
         this.pane.dropTargetElement.style.backgroundColor = backgroundColor || '';
     }
@@ -323,27 +323,27 @@ class PaneView extends Disposable {
         this.orthogonalSize = 0;
         this.size = 0;
         this.animationTimer = undefined;
-        this._onDidDrop = this._register(( new Emitter()));
+        this._onDidDrop = this._register(( (new Emitter())));
         this.onDidDrop = this._onDidDrop.event;
         this.dnd = options.dnd;
         this.orientation = options.orientation ?? 0 ;
         this.element = append(container, $('.monaco-pane-view'));
-        this.splitview = this._register(( new SplitView(this.element, { orientation: this.orientation })));
+        this.splitview = this._register(( (new SplitView(this.element, { orientation: this.orientation }))));
         this.onDidSashReset = this.splitview.onDidSashReset;
         this.onDidSashChange = this.splitview.onDidSashChange;
         this.onDidScroll = this.splitview.onDidScroll;
-        const eventDisposables = this._register(( new DisposableStore()));
-        const onKeyDown = this._register(( new DomEmitter(this.element, 'keydown')));
-        const onHeaderKeyDown = ( Event.map(
+        const eventDisposables = this._register(( (new DisposableStore())));
+        const onKeyDown = this._register(( (new DomEmitter(this.element, 'keydown'))));
+        const onHeaderKeyDown = ( (Event.map(
             Event.filter(onKeyDown.event, e => e.target instanceof HTMLElement && e.target.classList.contains('pane-header'), eventDisposables),
-            e => ( new StandardKeyboardEvent(e)),
+            e => ( (new StandardKeyboardEvent(e))),
             eventDisposables
-        ));
+        )));
         this._register(Event.filter(onHeaderKeyDown, e => e.keyCode === 16 , eventDisposables)(() => this.focusPrevious()));
         this._register(Event.filter(onHeaderKeyDown, e => e.keyCode === 18 , eventDisposables)(() => this.focusNext()));
     }
     addPane(pane, size, index = this.splitview.length) {
-        const disposables = ( new DisposableStore());
+        const disposables = ( (new DisposableStore()));
         pane.onDidChangeExpansionState(this.setupAnimation, this, disposables);
         const paneItem = { pane: pane, disposable: disposables };
         this.paneItems.splice(index, 0, paneItem);
@@ -351,7 +351,7 @@ class PaneView extends Disposable {
         pane.orthogonalSize = this.orthogonalSize;
         this.splitview.addView(pane, size, index);
         if (this.dnd) {
-            const draggable = ( new PaneDraggable(pane, this.dnd, this.dndContext));
+            const draggable = ( (new PaneDraggable(pane, this.dnd, this.dndContext)));
             disposables.add(draggable);
             disposables.add(draggable.onDidDrop(this._onDidDrop.fire, this._onDidDrop));
         }
@@ -412,10 +412,10 @@ class PaneView extends Disposable {
     }
     flipOrientation(height, width) {
         this.orientation = this.orientation === 0  ? 1  : 0 ;
-        const paneSizes = ( this.paneItems.map(pane => this.getPaneSize(pane.pane)));
+        const paneSizes = ( (this.paneItems.map(pane => this.getPaneSize(pane.pane))));
         this.splitview.dispose();
         clearNode(this.element);
-        this.splitview = this._register(( new SplitView(this.element, { orientation: this.orientation })));
+        this.splitview = this._register(( (new SplitView(this.element, { orientation: this.orientation }))));
         this.updateSplitviewOrthogonalSashes(this.boundarySashes);
         const newOrthogonalSize = this.orientation === 0  ? width : height;
         const newSize = this.orientation === 1  ? width : height;

package/vscode/src/vs/base/browser/ui/splitview/splitview.js

@@ -234,10 +234,10 @@ class SplitView extends Disposable {
     }
     removeView(index, sizing) {
         if (index < 0 || index >= this.viewItems.length) {
-            throw new Error('Index out of bounds');
+            throw ( new Error('Index out of bounds'));
         }
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         this.state = State.Busy;
         try {
@@ -273,7 +273,7 @@ class SplitView extends Disposable {
     }
     removeAllViews() {
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         this.state = State.Busy;
         try {
@@ -294,7 +294,7 @@ class SplitView extends Disposable {
     }
     moveView(from, to) {
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         const cachedVisibleSize = this.getViewCachedVisibleSize(from);
         const sizing = typeof cachedVisibleSize === 'undefined' ? this.getViewSize(from) : Sizing.Invisible(cachedVisibleSize);
@@ -303,7 +303,7 @@ class SplitView extends Disposable {
     }
     swapViews(from, to) {
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         if (from > to) {
             return this.swapViews(to, from);
@@ -317,14 +317,14 @@ class SplitView extends Disposable {
     }
     isViewVisible(index) {
         if (index < 0 || index >= this.viewItems.length) {
-            throw new Error('Index out of bounds');
+            throw ( new Error('Index out of bounds'));
         }
         const viewItem = this.viewItems[index];
         return viewItem.visible;
     }
     setViewVisible(index, visible) {
         if (index < 0 || index >= this.viewItems.length) {
-            throw new Error('Index out of bounds');
+            throw ( new Error('Index out of bounds'));
         }
         const viewItem = this.viewItems[index];
         viewItem.setVisible(visible);
@@ -334,7 +334,7 @@ class SplitView extends Disposable {
     }
     getViewCachedVisibleSize(index) {
         if (index < 0 || index >= this.viewItems.length) {
-            throw new Error('Index out of bounds');
+            throw ( new Error('Index out of bounds'));
         }
         const viewItem = this.viewItems[index];
         return viewItem.cachedVisibleSize;
@@ -489,7 +489,7 @@ class SplitView extends Disposable {
             return;
         }
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         this.state = State.Busy;
         try {
@@ -543,7 +543,7 @@ class SplitView extends Disposable {
     }
     doAddView(view, size, index = this.viewItems.length, skipLayout) {
         if (this.state !== State.Idle) {
-            throw new Error('Cant modify splitview');
+            throw ( new Error('Cant modify splitview'));
         }
         this.state = State.Busy;
         try {

package/vscode/src/vs/base/browser/ui/table/tableWidget.js

@@ -1,6 +1,6 @@
 import { append, $, clearNode, createStyleSheet, getContentHeight, getContentWidth } from '../../dom.js';
+import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
-import { setupCustomHover } from '../hover/updatableHoverWidget.js';
 import { List, unthemedListStyles } from '../list/listWidget.js';
 import { SplitView } from '../splitview/splitview.js';
 import { Event, Emitter } from '../../../common/event.js';
@@ -18,7 +18,7 @@ class TableListRenderer {
         for (const column of columns) {
             const renderer = rendererMap.get(column.templateId);
             if (!renderer) {
-                throw new Error(`Table cell renderer for template id ${column.templateId} not found.`);
+                throw ( new Error(`Table cell renderer for template id ${column.templateId} not found.`));
             }
             this.renderers.push(renderer);
         }
@@ -88,7 +88,7 @@ class ColumnHeader extends Disposable {
         this.onDidLayout = this._onDidLayout.event;
         this.element = $('.monaco-table-th', { 'data-col-index': index }, column.label);
         if (column.tooltip) {
-            this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.element, column.tooltip));
+            this._register(getBaseLayerHoverDelegate().setupUpdatableHover(getDefaultHoverDelegate('mouse'), this.element, column.tooltip));
         }
     }
     layout(size) {

package/vscode/src/vs/base/browser/ui/toggle/toggle.js

@@ -5,8 +5,8 @@ import { ThemeIcon } from '../../../common/themables.js';
 import { Emitter } from '../../../common/event.js';
 import './toggle.css.js';
 import { isActiveElement, $, addDisposableListener, EventType } from '../../dom.js';
-import { setupCustomHover } from '../hover/updatableHoverWidget.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
+import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 const unthemedToggleStyles = {
     inputActiveOptionBorder: '#007ACC00',
     inputActiveOptionForeground: '#FFFFFF',
@@ -77,7 +77,7 @@ class Toggle extends Widget {
             classes.push('checked');
         }
         this.domNode = document.createElement('div');
-        this._hover = this._register(setupCustomHover(opts.hoverDelegate ?? getDefaultHoverDelegate('mouse'), this.domNode, this._opts.title));
+        this._hover = this._register(getBaseLayerHoverDelegate().setupUpdatableHover(opts.hoverDelegate ?? getDefaultHoverDelegate('mouse'), this.domNode, this._opts.title));
         this.domNode.classList.add(...classes);
         if (!this._opts.notFocusable) {
             this.domNode.tabIndex = 0;
@@ -149,6 +149,12 @@ class Toggle extends Widget {
         this._hover.update(newTitle);
         this.domNode.setAttribute('aria-label', newTitle);
     }
+    set visible(visible) {
+        this.domNode.style.display = visible ? '' : 'none';
+    }
+    get visible() {
+        return this.domNode.style.display !== 'none';
+    }
 }
 class Checkbox extends Widget {
     constructor(title, isChecked, styles) {

package/vscode/src/vs/base/browser/ui/toolbar/toolbar.d.ts

@@ -40,7 +40,7 @@ declare class ToolBar extends Disposable {
     private readonly element;
     private _onDidChangeDropdownVisibility;
     readonly onDidChangeDropdownVisibility: Event<boolean>;
-    private disposables;
+    private readonly disposables;
     constructor(container: HTMLElement, contextMenuProvider: IContextMenuProvider, options?: IToolBarOptions);
     set actionRunner(actionRunner: IActionRunner);
     get actionRunner(): IActionRunner;

package/vscode/src/vs/base/browser/ui/toolbar/toolbar.js

@@ -8,22 +8,23 @@ import { Disposable, DisposableStore } from '../../../common/lifecycle.js';
 import './toolbar.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { createInstantHoverDelegate } from '../hover/hoverDelegateFactory.js';
+const _moduleId = "vs/base/browser/ui/toolbar/toolbar";
 class ToolBar extends Disposable {
     constructor(container, contextMenuProvider, options = { orientation: 0  }) {
         super();
         this.submenuActionViewItems = [];
         this.hasSecondaryActions = false;
-        this._onDidChangeDropdownVisibility = this._register(( new EventMultiplexer()));
+        this._onDidChangeDropdownVisibility = this._register(( (new EventMultiplexer())));
         this.onDidChangeDropdownVisibility = this._onDidChangeDropdownVisibility.event;
-        this.disposables = this._register(( new DisposableStore()));
+        this.disposables = this._register(( (new DisposableStore())));
         options.hoverDelegate = options.hoverDelegate ?? this._register(createInstantHoverDelegate());
         this.options = options;
         this.lookupKeybindings = typeof this.options.getKeyBinding === 'function';
-        this.toggleMenuAction = this._register(( new ToggleMenuAction(() => this.toggleMenuActionViewItem?.show(), options.toggleMenuTitle)));
+        this.toggleMenuAction = this._register(( (new ToggleMenuAction(() => this.toggleMenuActionViewItem?.show(), options.toggleMenuTitle))));
         this.element = document.createElement('div');
         this.element.className = 'monaco-toolbar';
         container.appendChild(this.element);
-        this.actionBar = this._register(( new ActionBar(this.element, {
+        this.actionBar = this._register(( (new ActionBar(this.element, {
             orientation: options.orientation,
             ariaLabel: options.ariaLabel,
             actionRunner: options.actionRunner,
@@ -32,7 +33,7 @@ class ToolBar extends Disposable {
             hoverDelegate: options.hoverDelegate,
             actionViewItemProvider: (action, viewItemOptions) => {
                 if (action.id === ToggleMenuAction.ID) {
-                    this.toggleMenuActionViewItem = ( new DropdownMenuActionViewItem(action, action.menuActions, contextMenuProvider, {
+                    this.toggleMenuActionViewItem = ( (new DropdownMenuActionViewItem(action, action.menuActions, contextMenuProvider, {
                         actionViewItemProvider: this.options.actionViewItemProvider,
                         actionRunner: this.actionRunner,
                         keybindingProvider: this.options.getKeyBinding,
@@ -42,7 +43,7 @@ class ToolBar extends Disposable {
                         skipTelemetry: this.options.skipTelemetry,
                         isMenu: true,
                         hoverDelegate: this.options.hoverDelegate
-                    }));
+                    })));
                     this.toggleMenuActionViewItem.setActionContext(this.actionBar.context);
                     this.disposables.add(this._onDidChangeDropdownVisibility.add(this.toggleMenuActionViewItem.onDidChangeVisibility));
                     return this.toggleMenuActionViewItem;
@@ -54,7 +55,7 @@ class ToolBar extends Disposable {
                     }
                 }
                 if (action instanceof SubmenuAction) {
-                    const result = ( new DropdownMenuActionViewItem(action, action.actions, contextMenuProvider, {
+                    const result = ( (new DropdownMenuActionViewItem(action, action.actions, contextMenuProvider, {
                         actionViewItemProvider: this.options.actionViewItemProvider,
                         actionRunner: this.actionRunner,
                         keybindingProvider: this.options.getKeyBinding,
@@ -63,7 +64,7 @@ class ToolBar extends Disposable {
                         menuAsChild: !!this.options.renderDropdownAsChildElement,
                         skipTelemetry: this.options.skipTelemetry,
                         hoverDelegate: this.options.hoverDelegate
-                    }));
+                    })));
                     result.setActionContext(this.actionBar.context);
                     this.submenuActionViewItems.push(result);
                     this.disposables.add(this._onDidChangeDropdownVisibility.add(result.onDidChangeVisibility));
@@ -71,7 +72,7 @@ class ToolBar extends Disposable {
                 }
                 return undefined;
             }
-        })));
+        }))));
     }
     set actionRunner(actionRunner) {
         this.actionBar.actionRunner = actionRunner;
@@ -144,7 +145,7 @@ class ToolBar extends Disposable {
 class ToggleMenuAction extends Action {
     static { this.ID = 'toolbar.toggle.more'; }
     constructor(toggleDropdownMenu, title) {
-        title = title || ( localizeWithPath('vs/base/browser/ui/toolbar/toolbar', 'moreActions', "More Actions..."));
+        title = title || ( localizeWithPath(_moduleId, 0, "More Actions..."));
         super(ToggleMenuAction.ID, title, undefined, true);
         this._menuActions = [];
         this.toggleDropdownMenu = toggleDropdownMenu;