custom-electron-titlebar 3.2.6 → 3.2.10

package/lib/vs/base/browser/ui/menu/menu.js

@@ -1,1371 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cleanMnemonic = exports.Menu = exports.Direction = exports.MENU_ESCAPED_MNEMONIC_REGEX = exports.MENU_MNEMONIC_REGEX = void 0;
-
-const nls = require("../../../../nls");
-
-const strings = require("../../../common/strings");
-
-const actions_1 = require("../../../common/actions");
-
-const actionbar_1 = require("../actionbar/actionbar");
-
-const dom_1 = require("../../dom");
-
-const keyboardEvent_1 = require("../../keyboardEvent");
-
-const async_1 = require("../../../common/async");
-
-const lifecycle_1 = require("../../../common/lifecycle");
-
-const scrollableElement_1 = require("../scrollbar/scrollableElement");
-
-const contextview_1 = require("../contextview/contextview");
-
-const platform_1 = require("../../../common/platform");
-
-const codicons_1 = require("../../../common/codicons");
-
-const actionViewItems_1 = require("../actionbar/actionViewItems");
-
-const codiconStyles_1 = require("../codicons/codiconStyles");
-
-const browser_1 = require("../../browser");
-
-const mouseEvent_1 = require("../../mouseEvent");
-
-exports.MENU_MNEMONIC_REGEX = /\(&([^\s&])\)|(^|[^&])&([^\s&])/;
-exports.MENU_ESCAPED_MNEMONIC_REGEX = /(&)?(&)([^\s&])/g;
-const menuSelectionIcon = codicons_1.registerIcon('menu-selection', codicons_1.Codicon.check);
-const menuSubmenuIcon = codicons_1.registerIcon('menu-submenu', codicons_1.Codicon.chevronRight);
-var Direction;
-
-(function (Direction) {
-  Direction[Direction["Right"] = 0] = "Right";
-  Direction[Direction["Left"] = 1] = "Left";
-})(Direction = exports.Direction || (exports.Direction = {}));
-
-class Menu extends actionbar_1.ActionBar {
-  constructor(container, actions, options = {}) {
-    container.classList.add('monaco-menu-container');
-    container.setAttribute('role', 'presentation');
-    const menuElement = document.createElement('div');
-    menuElement.classList.add('monaco-menu');
-    menuElement.setAttribute('role', 'presentation');
-    super(menuElement, {
-      orientation: 2
-      /* VERTICAL */
-      ,
-      actionViewItemProvider: action => this.doGetActionViewItem(action, options, parentData),
-      context: options.context,
-      actionRunner: options.actionRunner,
-      ariaLabel: options.ariaLabel,
-      triggerKeys: {
-        keys: [3
-        /* Enter */
-        , ...(platform_1.isMacintosh || platform_1.isLinux ? [10
-        /* Space */
-        ] : [])],
-        keyDown: true
-      }
-    });
-    this.menuElement = menuElement;
-    this.actionsList.setAttribute('role', 'menu');
-    this.actionsList.tabIndex = 0;
-    this.menuDisposables = this._register(new lifecycle_1.DisposableStore());
-    this.initializeStyleSheet(container);
-    dom_1.addDisposableListener(menuElement, dom_1.EventType.KEY_DOWN, e => {
-      const event = new keyboardEvent_1.StandardKeyboardEvent(e); // Stop tab navigation of menus
-
-      if (event.equals(2
-      /* Tab */
-      )) {
-        e.preventDefault();
-      }
-    });
-
-    if (options.enableMnemonics) {
-      this.menuDisposables.add(dom_1.addDisposableListener(menuElement, dom_1.EventType.KEY_DOWN, e => {
-        const key = e.key.toLocaleLowerCase();
-
-        if (this.mnemonics.has(key)) {
-          dom_1.EventHelper.stop(e, true);
-          const actions = this.mnemonics.get(key);
-
-          if (actions.length === 1) {
-            if (actions[0] instanceof SubmenuMenuActionViewItem && actions[0].container) {
-              this.focusItemByElement(actions[0].container);
-            }
-
-            actions[0].onClick(e);
-          }
-
-          if (actions.length > 1) {
-            const action = actions.shift();
-
-            if (action && action.container) {
-              this.focusItemByElement(action.container);
-              actions.push(action);
-            }
-
-            this.mnemonics.set(key, actions);
-          }
-        }
-      }));
-    }
-
-    if (platform_1.isLinux) {
-      this._register(dom_1.addDisposableListener(menuElement, dom_1.EventType.KEY_DOWN, e => {
-        const event = new keyboardEvent_1.StandardKeyboardEvent(e);
-
-        if (event.equals(14
-        /* Home */
-        ) || event.equals(11
-        /* PageUp */
-        )) {
-          this.focusedItem = this.viewItems.length - 1;
-          this.focusNext();
-          dom_1.EventHelper.stop(e, true);
-        } else if (event.equals(13
-        /* End */
-        ) || event.equals(12
-        /* PageDown */
-        )) {
-          this.focusedItem = 0;
-          this.focusPrevious();
-          dom_1.EventHelper.stop(e, true);
-        }
-      }));
-    }
-
-    this._register(dom_1.addDisposableListener(this.domNode, dom_1.EventType.MOUSE_OUT, e => {
-      let relatedTarget = e.relatedTarget;
-
-      if (!dom_1.isAncestor(relatedTarget, this.domNode)) {
-        this.focusedItem = undefined;
-        this.updateFocus();
-        e.stopPropagation();
-      }
-    }));
-
-    this._register(dom_1.addDisposableListener(this.actionsList, dom_1.EventType.MOUSE_OVER, e => {
-      let target = e.target;
-
-      if (!target || !dom_1.isAncestor(target, this.actionsList) || target === this.actionsList) {
-        return;
-      }
-
-      while (target.parentElement !== this.actionsList && target.parentElement !== null) {
-        target = target.parentElement;
-      }
-
-      if (target.classList.contains('action-item')) {
-        const lastFocusedItem = this.focusedItem;
-        this.setFocusedItem(target);
-
-        if (lastFocusedItem !== this.focusedItem) {
-          this.updateFocus();
-        }
-      }
-    }));
-
-    let parentData = {
-      parent: this
-    };
-    this.mnemonics = new Map(); // Scroll Logic
-
-    this.scrollableElement = this._register(new scrollableElement_1.DomScrollableElement(menuElement, {
-      alwaysConsumeMouseWheel: true,
-      horizontal: 2
-      /* Hidden */
-      ,
-      vertical: 3
-      /* Visible */
-      ,
-      verticalScrollbarSize: 7,
-      handleMouseWheel: true,
-      useShadows: true
-    }));
-    const scrollElement = this.scrollableElement.getDomNode();
-    scrollElement.style.position = '';
-
-    this._register(dom_1.addDisposableListener(scrollElement, dom_1.EventType.MOUSE_UP, e => {
-      // Absorb clicks in menu dead space https://github.com/microsoft/vscode/issues/63575
-      // We do this on the scroll element so the scroll bar doesn't dismiss the menu either
-      e.preventDefault();
-    }));
-
-    menuElement.style.maxHeight = `${Math.max(10, window.innerHeight - container.getBoundingClientRect().top - 35)}px`;
-    actions = actions.filter(a => {
-      var _a;
-
-      if ((_a = options.submenuIds) === null || _a === void 0 ? void 0 : _a.has(a.id)) {
-        console.warn(`Found submenu cycle: ${a.id}`);
-        return false;
-      }
-
-      return true;
-    });
-    this.push(actions, {
-      icon: true,
-      label: true,
-      isMenu: true
-    });
-    container.appendChild(this.scrollableElement.getDomNode());
-    this.scrollableElement.scanDomNode();
-    this.viewItems.filter(item => !(item instanceof MenuSeparatorActionViewItem)).forEach((item, index, array) => {
-      item.updatePositionInSet(index + 1, array.length);
-    });
-  }
-
-  initializeStyleSheet(container) {
-    if (dom_1.isInShadowDOM(container)) {
-      this.styleSheet = dom_1.createStyleSheet(container);
-      this.styleSheet.textContent = MENU_WIDGET_CSS;
-    } else {
-      if (!Menu.globalStyleSheet) {
-        Menu.globalStyleSheet = dom_1.createStyleSheet();
-        Menu.globalStyleSheet.textContent = MENU_WIDGET_CSS;
-      }
-
-      this.styleSheet = Menu.globalStyleSheet;
-    }
-  }
-
-  style(style) {
-    const container = this.getContainer();
-    const fgColor = style.foregroundColor ? `${style.foregroundColor}` : '';
-    const bgColor = style.backgroundColor ? `${style.backgroundColor}` : '';
-    const border = style.borderColor ? `1px solid ${style.borderColor}` : '';
-    const shadow = style.shadowColor ? `0 2px 4px ${style.shadowColor}` : '';
-    container.style.border = border;
-    this.domNode.style.color = fgColor;
-    this.domNode.style.backgroundColor = bgColor;
-    container.style.boxShadow = shadow;
-
-    if (this.viewItems) {
-      this.viewItems.forEach(item => {
-        if (item instanceof BaseMenuActionViewItem || item instanceof MenuSeparatorActionViewItem) {
-          item.style(style);
-        }
-      });
-    }
-  }
-
-  getContainer() {
-    return this.scrollableElement.getDomNode();
-  }
-
-  get onScroll() {
-    return this.scrollableElement.onScroll;
-  }
-
-  get scrollOffset() {
-    return this.menuElement.scrollTop;
-  }
-
-  trigger(index) {
-    if (index <= this.viewItems.length && index >= 0) {
-      const item = this.viewItems[index];
-
-      if (item instanceof SubmenuMenuActionViewItem) {
-        super.focus(index);
-        item.open(true);
-      } else if (item instanceof BaseMenuActionViewItem) {
-        super.run(item._action, item._context);
-      } else {
-        return;
-      }
-    }
-  }
-
-  focusItemByElement(element) {
-    const lastFocusedItem = this.focusedItem;
-    this.setFocusedItem(element);
-
-    if (lastFocusedItem !== this.focusedItem) {
-      this.updateFocus();
-    }
-  }
-
-  setFocusedItem(element) {
-    for (let i = 0; i < this.actionsList.children.length; i++) {
-      let elem = this.actionsList.children[i];
-
-      if (element === elem) {
-        this.focusedItem = i;
-        break;
-      }
-    }
-  }
-
-  updateFocus(fromRight) {
-    super.updateFocus(fromRight, true);
-
-    if (typeof this.focusedItem !== 'undefined') {
-      // Workaround for #80047 caused by an issue in chromium
-      // https://bugs.chromium.org/p/chromium/issues/detail?id=414283
-      // When that's fixed, just call this.scrollableElement.scanDomNode()
-      this.scrollableElement.setScrollPosition({
-        scrollTop: Math.round(this.menuElement.scrollTop)
-      });
-    }
-  }
-
-  doGetActionViewItem(action, options, parentData) {
-    if (action instanceof actions_1.Separator) {
-      return new MenuSeparatorActionViewItem(options.context, action, {
-        icon: true
-      });
-    } else if (action instanceof actions_1.SubmenuAction) {
-      const menuActionViewItem = new SubmenuMenuActionViewItem(action, action.actions, parentData, { ...options,
-        submenuIds: new Set([...(options.submenuIds || []), action.id])
-      });
-
-      if (options.enableMnemonics) {
-        const mnemonic = menuActionViewItem.getMnemonic();
-
-        if (mnemonic && menuActionViewItem.isEnabled()) {
-          let actionViewItems = [];
-
-          if (this.mnemonics.has(mnemonic)) {
-            actionViewItems = this.mnemonics.get(mnemonic);
-          }
-
-          actionViewItems.push(menuActionViewItem);
-          this.mnemonics.set(mnemonic, actionViewItems);
-        }
-      }
-
-      return menuActionViewItem;
-    } else {
-      const menuItemOptions = {
-        enableMnemonics: options.enableMnemonics,
-        useEventAsContext: options.useEventAsContext
-      };
-
-      if (options.getKeyBinding) {
-        const keybinding = options.getKeyBinding(action);
-
-        if (keybinding) {
-          const keybindingLabel = keybinding.getLabel();
-
-          if (keybindingLabel) {
-            menuItemOptions.keybinding = keybindingLabel;
-          }
-        }
-      }
-
-      const menuActionViewItem = new BaseMenuActionViewItem(options.context, action, menuItemOptions);
-
-      if (options.enableMnemonics) {
-        const mnemonic = menuActionViewItem.getMnemonic();
-
-        if (mnemonic && menuActionViewItem.isEnabled()) {
-          let actionViewItems = [];
-
-          if (this.mnemonics.has(mnemonic)) {
-            actionViewItems = this.mnemonics.get(mnemonic);
-          }
-
-          actionViewItems.push(menuActionViewItem);
-          this.mnemonics.set(mnemonic, actionViewItems);
-        }
-      }
-
-      return menuActionViewItem;
-    }
-  }
-
-}
-
-exports.Menu = Menu;
-
-class BaseMenuActionViewItem extends actionViewItems_1.BaseActionViewItem {
-  constructor(ctx, action, options = {}) {
-    options.isMenu = true;
-    super(action, action, options);
-    this.options = options;
-    this.options.icon = options.icon !== undefined ? options.icon : false;
-    this.options.label = options.label !== undefined ? options.label : true;
-    this.cssClass = ''; // Set mnemonic
-
-    if (this.options.label && options.enableMnemonics) {
-      let label = this.getAction().label;
-
-      if (label) {
-        let matches = exports.MENU_MNEMONIC_REGEX.exec(label);
-
-        if (matches) {
-          this.mnemonic = (!!matches[1] ? matches[1] : matches[3]).toLocaleLowerCase();
-        }
-      }
-    } // Add mouse up listener later to avoid accidental clicks
-
-
-    this.runOnceToEnableMouseUp = new async_1.RunOnceScheduler(() => {
-      if (!this.element) {
-        return;
-      }
-
-      this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.MOUSE_UP, e => {
-        // removed default prevention as it conflicts
-        // with BaseActionViewItem #101537
-        // add back if issues arise and link new issue
-        dom_1.EventHelper.stop(e, true); // See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Interact_with_the_clipboard
-        // > Writing to the clipboard
-        // > You can use the "cut" and "copy" commands without any special
-        // permission if you are using them in a short-lived event handler
-        // for a user action (for example, a click handler).
-        // => to get the Copy and Paste context menu actions working on Firefox,
-        // there should be no timeout here
-
-        if (browser_1.isFirefox) {
-          const mouseEvent = new mouseEvent_1.StandardMouseEvent(e); // Allowing right click to trigger the event causes the issue described below,
-          // but since the solution below does not work in FF, we must disable right click
-
-          if (mouseEvent.rightButton) {
-            return;
-          }
-
-          this.onClick(e);
-        } // In all other cases, set timout to allow context menu cancellation to trigger
-        // otherwise the action will destroy the menu and a second context menu
-        // will still trigger for right click.
-
-
-        setTimeout(() => {
-          this.onClick(e);
-        }, 0);
-      }));
-
-      this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.CONTEXT_MENU, e => {
-        dom_1.EventHelper.stop(e, true);
-      }));
-    }, 100);
-
-    this._register(this.runOnceToEnableMouseUp);
-  }
-
-  render(container) {
-    super.render(container);
-
-    if (!this.element) {
-      return;
-    }
-
-    this.container = container;
-    this.item = dom_1.append(this.element, dom_1.$('a.action-menu-item'));
-
-    if (this._action.id === actions_1.Separator.ID) {
-      // A separator is a presentation item
-      this.item.setAttribute('role', 'presentation');
-    } else {
-      this.item.setAttribute('role', 'menuitem');
-
-      if (this.mnemonic) {
-        this.item.setAttribute('aria-keyshortcuts', `${this.mnemonic}`);
-      }
-    }
-
-    this.check = dom_1.append(this.item, dom_1.$('span.menu-item-check' + menuSelectionIcon.cssSelector));
-    this.check.setAttribute('role', 'none');
-    this.label = dom_1.append(this.item, dom_1.$('span.action-label'));
-
-    if (this.options.label && this.options.keybinding) {
-      dom_1.append(this.item, dom_1.$('span.keybinding')).textContent = this.options.keybinding;
-    } // Adds mouse up listener to actually run the action
-
-
-    this.runOnceToEnableMouseUp.schedule();
-    this.updateClass();
-    this.updateLabel();
-    this.updateTooltip();
-    this.updateEnabled();
-    this.updateChecked();
-  }
-
-  blur() {
-    super.blur();
-    this.applyStyle();
-  }
-
-  focus() {
-    super.focus();
-
-    if (this.item) {
-      this.item.focus();
-    }
-
-    this.applyStyle();
-  }
-
-  updatePositionInSet(pos, setSize) {
-    if (this.item) {
-      this.item.setAttribute('aria-posinset', `${pos}`);
-      this.item.setAttribute('aria-setsize', `${setSize}`);
-    }
-  }
-
-  updateLabel() {
-    if (!this.label) {
-      return;
-    }
-
-    if (this.options.label) {
-      dom_1.clearNode(this.label);
-      let label = codicons_1.stripCodicons(this.getAction().label);
-
-      if (label) {
-        const cleanLabel = cleanMnemonic(label);
-
-        if (!this.options.enableMnemonics) {
-          label = cleanLabel;
-        }
-
-        this.label.setAttribute('aria-label', cleanLabel.replace(/&&/g, '&'));
-        const matches = exports.MENU_MNEMONIC_REGEX.exec(label);
-
-        if (matches) {
-          label = strings.escape(label); // This is global, reset it
-
-          exports.MENU_ESCAPED_MNEMONIC_REGEX.lastIndex = 0;
-          let escMatch = exports.MENU_ESCAPED_MNEMONIC_REGEX.exec(label); // We can't use negative lookbehind so if we match our negative and skip
-
-          while (escMatch && escMatch[1]) {
-            escMatch = exports.MENU_ESCAPED_MNEMONIC_REGEX.exec(label);
-          }
-
-          const replaceDoubleEscapes = str => str.replace(/&amp;&amp;/g, '&amp;');
-
-          if (escMatch) {
-            this.label.append(strings.ltrim(replaceDoubleEscapes(label.substr(0, escMatch.index)), ' '), dom_1.$('u', {
-              'aria-hidden': 'true'
-            }, escMatch[3]), strings.rtrim(replaceDoubleEscapes(label.substr(escMatch.index + escMatch[0].length)), ' '));
-          } else {
-            this.label.innerText = replaceDoubleEscapes(label).trim();
-          }
-
-          if (this.item) {
-            this.item.setAttribute('aria-keyshortcuts', (!!matches[1] ? matches[1] : matches[3]).toLocaleLowerCase());
-          }
-        } else {
-          this.label.innerText = label.replace(/&&/g, '&').trim();
-        }
-      }
-    }
-  }
-
-  updateTooltip() {
-    let title = null;
-
-    if (this.getAction().tooltip) {
-      title = this.getAction().tooltip;
-    } else if (!this.options.label && this.getAction().label && this.options.icon) {
-      title = this.getAction().label;
-
-      if (this.options.keybinding) {
-        title = nls.localize({
-          key: 'titleLabel',
-          comment: ['action title', 'action keybinding']
-        }, "{0} ({1})", title, this.options.keybinding);
-      }
-    }
-
-    if (title && this.item) {
-      this.item.title = title;
-    }
-  }
-
-  updateClass() {
-    if (this.cssClass && this.item) {
-      this.item.classList.remove(...this.cssClass.split(' '));
-    }
-
-    if (this.options.icon && this.label) {
-      this.cssClass = this.getAction().class || '';
-      this.label.classList.add('icon');
-
-      if (this.cssClass) {
-        this.label.classList.add(...this.cssClass.split(' '));
-      }
-
-      this.updateEnabled();
-    } else if (this.label) {
-      this.label.classList.remove('icon');
-    }
-  }
-
-  updateEnabled() {
-    if (this.getAction().enabled) {
-      if (this.element) {
-        this.element.classList.remove('disabled');
-      }
-
-      if (this.item) {
-        this.item.classList.remove('disabled');
-        this.item.tabIndex = 0;
-      }
-    } else {
-      if (this.element) {
-        this.element.classList.add('disabled');
-      }
-
-      if (this.item) {
-        this.item.classList.add('disabled');
-        dom_1.removeTabIndexAndUpdateFocus(this.item);
-      }
-    }
-  }
-
-  updateChecked() {
-    if (!this.item) {
-      return;
-    }
-
-    if (this.getAction().checked) {
-      this.item.classList.add('checked');
-      this.item.setAttribute('role', 'menuitemcheckbox');
-      this.item.setAttribute('aria-checked', 'true');
-    } else {
-      this.item.classList.remove('checked');
-      this.item.setAttribute('role', 'menuitem');
-      this.item.setAttribute('aria-checked', 'false');
-    }
-  }
-
-  getMnemonic() {
-    return this.mnemonic;
-  }
-
-  applyStyle() {
-    if (!this.menuStyle) {
-      return;
-    }
-
-    const isSelected = this.element && this.element.classList.contains('focused');
-    const fgColor = isSelected && this.menuStyle.selectionForegroundColor ? this.menuStyle.selectionForegroundColor : this.menuStyle.foregroundColor;
-    const bgColor = isSelected && this.menuStyle.selectionBackgroundColor ? this.menuStyle.selectionBackgroundColor : undefined;
-    const border = isSelected && this.menuStyle.selectionBorderColor ? `thin solid ${this.menuStyle.selectionBorderColor}` : '';
-
-    if (this.item) {
-      this.item.style.color = fgColor ? fgColor.toString() : '';
-      this.item.style.backgroundColor = bgColor ? bgColor.toString() : '';
-    }
-
-    if (this.check) {
-      this.check.style.color = fgColor ? fgColor.toString() : '';
-    }
-
-    if (this.container) {
-      this.container.style.border = border;
-    }
-  }
-
-  style(style) {
-    this.menuStyle = style;
-    this.applyStyle();
-  }
-
-}
-
-class SubmenuMenuActionViewItem extends BaseMenuActionViewItem {
-  constructor(action, submenuActions, parentData, submenuOptions) {
-    super(action, action, submenuOptions);
-    this.submenuActions = submenuActions;
-    this.parentData = parentData;
-    this.submenuOptions = submenuOptions;
-    this.mysubmenu = null;
-    this.submenuDisposables = this._register(new lifecycle_1.DisposableStore());
-    this.mouseOver = false;
-    this.expandDirection = submenuOptions && submenuOptions.expandDirection !== undefined ? submenuOptions.expandDirection : Direction.Right;
-    this.showScheduler = new async_1.RunOnceScheduler(() => {
-      if (this.mouseOver) {
-        this.cleanupExistingSubmenu(false);
-        this.createSubmenu(false);
-      }
-    }, 250);
-    this.hideScheduler = new async_1.RunOnceScheduler(() => {
-      if (this.element && !dom_1.isAncestor(dom_1.getActiveElement(), this.element) && this.parentData.submenu === this.mysubmenu) {
-        this.parentData.parent.focus(false);
-        this.cleanupExistingSubmenu(true);
-      }
-    }, 750);
-  }
-
-  render(container) {
-    super.render(container);
-
-    if (!this.element) {
-      return;
-    }
-
-    if (this.item) {
-      this.item.classList.add('monaco-submenu-item');
-      this.item.setAttribute('aria-haspopup', 'true');
-      this.updateAriaExpanded('false');
-      this.submenuIndicator = dom_1.append(this.item, dom_1.$('span.submenu-indicator' + menuSubmenuIcon.cssSelector));
-      this.submenuIndicator.setAttribute('aria-hidden', 'true');
-    }
-
-    this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.KEY_UP, e => {
-      let event = new keyboardEvent_1.StandardKeyboardEvent(e);
-
-      if (event.equals(17
-      /* RightArrow */
-      ) || event.equals(3
-      /* Enter */
-      )) {
-        dom_1.EventHelper.stop(e, true);
-        this.createSubmenu(true);
-      }
-    }));
-
-    this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.KEY_DOWN, e => {
-      let event = new keyboardEvent_1.StandardKeyboardEvent(e);
-
-      if (dom_1.getActiveElement() === this.item) {
-        if (event.equals(17
-        /* RightArrow */
-        ) || event.equals(3
-        /* Enter */
-        )) {
-          dom_1.EventHelper.stop(e, true);
-        }
-      }
-    }));
-
-    this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.MOUSE_OVER, e => {
-      if (!this.mouseOver) {
-        this.mouseOver = true;
-        this.showScheduler.schedule();
-      }
-    }));
-
-    this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.MOUSE_LEAVE, e => {
-      this.mouseOver = false;
-    }));
-
-    this._register(dom_1.addDisposableListener(this.element, dom_1.EventType.FOCUS_OUT, e => {
-      if (this.element && !dom_1.isAncestor(dom_1.getActiveElement(), this.element)) {
-        this.hideScheduler.schedule();
-      }
-    }));
-
-    this._register(this.parentData.parent.onScroll(() => {
-      this.parentData.parent.focus(false);
-      this.cleanupExistingSubmenu(false);
-    }));
-  }
-
-  open(selectFirst) {
-    this.cleanupExistingSubmenu(false);
-    this.createSubmenu(selectFirst);
-  }
-
-  onClick(e) {
-    // stop clicking from trying to run an action
-    dom_1.EventHelper.stop(e, true);
-    this.cleanupExistingSubmenu(false);
-    this.createSubmenu(true);
-  }
-
-  cleanupExistingSubmenu(force) {
-    if (this.parentData.submenu && (force || this.parentData.submenu !== this.mysubmenu)) {
-      // disposal may throw if the submenu has already been removed
-      try {
-        this.parentData.submenu.dispose();
-      } catch {}
-
-      this.parentData.submenu = undefined;
-      this.updateAriaExpanded('false');
-
-      if (this.submenuContainer) {
-        this.submenuDisposables.clear();
-        this.submenuContainer = undefined;
-      }
-    }
-  }
-
-  calculateSubmenuMenuLayout(windowDimensions, submenu, entry, expandDirection) {
-    const ret = {
-      top: 0,
-      left: 0
-    }; // Start with horizontal
-
-    ret.left = contextview_1.layout(windowDimensions.width, submenu.width, {
-      position: expandDirection === Direction.Right ? 0
-      /* Before */
-      : 1
-      /* After */
-      ,
-      offset: entry.left,
-      size: entry.width
-    }); // We don't have enough room to layout the menu fully, so we are overlapping the menu
-
-    if (ret.left >= entry.left && ret.left < entry.left + entry.width) {
-      if (entry.left + 10 + submenu.width <= windowDimensions.width) {
-        ret.left = entry.left + 10;
-      }
-
-      entry.top += 10;
-      entry.height = 0;
-    } // Now that we have a horizontal position, try layout vertically
-
-
-    ret.top = contextview_1.layout(windowDimensions.height, submenu.height, {
-      position: 0
-      /* Before */
-      ,
-      offset: entry.top,
-      size: 0
-    }); // We didn't have enough room below, but we did above, so we shift down to align the menu
-
-    if (ret.top + submenu.height === entry.top && ret.top + entry.height + submenu.height <= windowDimensions.height) {
-      ret.top += entry.height;
-    }
-
-    return ret;
-  }
-
-  createSubmenu(selectFirstItem = true) {
-    if (!this.element) {
-      return;
-    }
-
-    if (!this.parentData.submenu) {
-      this.updateAriaExpanded('true');
-      this.submenuContainer = dom_1.append(this.element, dom_1.$('div.monaco-submenu'));
-      this.submenuContainer.classList.add('menubar-menu-items-holder', 'context-view'); // Set the top value of the menu container before construction
-      // This allows the menu constructor to calculate the proper max height
-
-      const computedStyles = getComputedStyle(this.parentData.parent.domNode);
-      const paddingTop = parseFloat(computedStyles.paddingTop || '0') || 0; // this.submenuContainer.style.top = `${this.element.offsetTop - this.parentData.parent.scrollOffset - paddingTop}px`;
-
-      this.submenuContainer.style.zIndex = '1';
-      this.submenuContainer.style.position = 'fixed';
-      this.submenuContainer.style.top = '0';
-      this.submenuContainer.style.left = '0';
-      this.parentData.submenu = new Menu(this.submenuContainer, this.submenuActions, this.submenuOptions);
-
-      if (this.menuStyle) {
-        this.parentData.submenu.style(this.menuStyle);
-      } // layout submenu
-
-
-      const entryBox = this.element.getBoundingClientRect();
-      const entryBoxUpdated = {
-        top: entryBox.top - paddingTop,
-        left: entryBox.left,
-        height: entryBox.height + 2 * paddingTop,
-        width: entryBox.width
-      };
-      const viewBox = this.submenuContainer.getBoundingClientRect();
-      const {
-        top,
-        left
-      } = this.calculateSubmenuMenuLayout({
-        height: window.innerHeight,
-        width: window.innerWidth
-      }, viewBox, entryBoxUpdated, this.expandDirection);
-      this.submenuContainer.style.left = `${left}px`;
-      this.submenuContainer.style.top = `${top}px`;
-      this.submenuDisposables.add(dom_1.addDisposableListener(this.submenuContainer, dom_1.EventType.KEY_UP, e => {
-        let event = new keyboardEvent_1.StandardKeyboardEvent(e);
-
-        if (event.equals(15
-        /* LeftArrow */
-        )) {
-          dom_1.EventHelper.stop(e, true);
-          this.parentData.parent.focus();
-          this.cleanupExistingSubmenu(true);
-        }
-      }));
-      this.submenuDisposables.add(dom_1.addDisposableListener(this.submenuContainer, dom_1.EventType.KEY_DOWN, e => {
-        let event = new keyboardEvent_1.StandardKeyboardEvent(e);
-
-        if (event.equals(15
-        /* LeftArrow */
-        )) {
-          dom_1.EventHelper.stop(e, true);
-        }
-      }));
-      this.submenuDisposables.add(this.parentData.submenu.onDidCancel(() => {
-        this.parentData.parent.focus();
-        this.cleanupExistingSubmenu(true);
-      }));
-      this.parentData.submenu.focus(selectFirstItem);
-      this.mysubmenu = this.parentData.submenu;
-    } else {
-      this.parentData.submenu.focus(false);
-    }
-  }
-
-  updateAriaExpanded(value) {
-    var _a;
-
-    if (this.item) {
-      (_a = this.item) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', value);
-    }
-  }
-
-  applyStyle() {
-    super.applyStyle();
-
-    if (!this.menuStyle) {
-      return;
-    }
-
-    const isSelected = this.element && this.element.classList.contains('focused');
-    const fgColor = isSelected && this.menuStyle.selectionForegroundColor ? this.menuStyle.selectionForegroundColor : this.menuStyle.foregroundColor;
-
-    if (this.submenuIndicator) {
-      this.submenuIndicator.style.color = fgColor ? `${fgColor}` : '';
-    }
-
-    if (this.parentData.submenu) {
-      this.parentData.submenu.style(this.menuStyle);
-    }
-  }
-
-  dispose() {
-    super.dispose();
-    this.hideScheduler.dispose();
-
-    if (this.mysubmenu) {
-      this.mysubmenu.dispose();
-      this.mysubmenu = null;
-    }
-
-    if (this.submenuContainer) {
-      this.submenuContainer = undefined;
-    }
-  }
-
-}
-
-class MenuSeparatorActionViewItem extends actionViewItems_1.ActionViewItem {
-  style(style) {
-    if (this.label) {
-      this.label.style.borderBottomColor = style.separatorColor ? `${style.separatorColor}` : '';
-    }
-  }
-
-}
-
-function cleanMnemonic(label) {
-  const regex = exports.MENU_MNEMONIC_REGEX;
-  const matches = regex.exec(label);
-
-  if (!matches) {
-    return label;
-  }
-
-  const mnemonicInText = !matches[1];
-  return label.replace(regex, mnemonicInText ? '$2$3' : '').trim();
-}
-
-exports.cleanMnemonic = cleanMnemonic;
-let MENU_WIDGET_CSS = `
-.monaco-menu {
-	font-size: 13px;
-
-}
-
-${codiconStyles_1.formatRule(menuSelectionIcon)}
-${codiconStyles_1.formatRule(menuSubmenuIcon)}
-
-.monaco-menu .monaco-action-bar {
-	text-align: right;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-.monaco-menu .monaco-action-bar .actions-container {
-	display: flex;
-	margin: 0 auto;
-	padding: 0;
-	width: 100%;
-	justify-content: flex-end;
-}
-
-.monaco-menu .monaco-action-bar.vertical .actions-container {
-	display: inline-block;
-}
-
-.monaco-menu .monaco-action-bar.reverse .actions-container {
-	flex-direction: row-reverse;
-}
-
-.monaco-menu .monaco-action-bar .action-item {
-	cursor: pointer;
-	display: inline-block;
-	transition: transform 50ms ease;
-	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
-}
-
-.monaco-menu .monaco-action-bar .action-item.disabled {
-	cursor: default;
-}
-
-.monaco-menu .monaco-action-bar.animated .action-item.active {
-	transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */
-}
-
-.monaco-menu .monaco-action-bar .action-item .icon,
-.monaco-menu .monaco-action-bar .action-item .codicon {
-	display: inline-block;
-}
-
-.monaco-menu .monaco-action-bar .action-item .codicon {
-	display: flex;
-	align-items: center;
-}
-
-.monaco-menu .monaco-action-bar .action-label {
-	font-size: 11px;
-	margin-right: 4px;
-}
-
-.monaco-menu .monaco-action-bar .action-item.disabled .action-label,
-.monaco-menu .monaco-action-bar .action-item.disabled .action-label:hover {
-	opacity: 0.4;
-}
-
-/* Vertical actions */
-
-.monaco-menu .monaco-action-bar.vertical {
-	text-align: left;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item {
-	display: block;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label.separator {
-	display: block;
-	border-bottom: 1px solid #bbb;
-	padding-top: 1px;
-	margin-left: .8em;
-	margin-right: .8em;
-}
-
-.monaco-menu .secondary-actions .monaco-action-bar .action-label {
-	margin-left: 6px;
-}
-
-/* Action Items */
-.monaco-menu .monaco-action-bar .action-item.select-container {
-	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
-	flex: 1;
-	max-width: 170px;
-	min-width: 60px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-right: 10px;
-}
-
-.monaco-menu .monaco-action-bar.vertical {
-	margin-left: 0;
-	overflow: visible;
-}
-
-.monaco-menu .monaco-action-bar.vertical .actions-container {
-	display: block;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item {
-	padding: 0;
-	transform: none;
-	display: flex;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item.active {
-	transform: none;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-menu-item {
-	flex: 1 1 auto;
-	display: flex;
-	height: 2em;
-	align-items: center;
-	position: relative;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label {
-	flex: 1 1 auto;
-	text-decoration: none;
-	padding: 0 1em;
-	background: none;
-	font-size: 12px;
-	line-height: 1;
-}
-
-.monaco-menu .monaco-action-bar.vertical .keybinding,
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	display: inline-block;
-	flex: 2 1 auto;
-	padding: 0 1em;
-	text-align: right;
-	font-size: 12px;
-	line-height: 1;
-}
-
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	height: 100%;
-}
-
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon {
-	font-size: 16px !important;
-	display: flex;
-	align-items: center;
-}
-
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon::before {
-	margin-left: auto;
-	margin-right: -20px;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item.disabled .keybinding,
-.monaco-menu .monaco-action-bar.vertical .action-item.disabled .submenu-indicator {
-	opacity: 0.4;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label:not(.separator) {
-	display: inline-block;
-	box-sizing: border-box;
-	margin: 0;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item {
-	position: static;
-	overflow: visible;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item .monaco-submenu {
-	position: absolute;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label.separator {
-	padding: 0.5em 0 0 0;
-	margin-bottom: 0.5em;
-	width: 100%;
-	height: 0px !important;
-	margin-left: .8em !important;
-	margin-right: .8em !important;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label.separator.text {
-	padding: 0.7em 1em 0.1em 1em;
-	font-weight: bold;
-	opacity: 1;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label:hover {
-	color: inherit;
-}
-
-.monaco-menu .monaco-action-bar.vertical .menu-item-check {
-	position: absolute;
-	visibility: hidden;
-	width: 1em;
-	height: 100%;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-menu-item.checked .menu-item-check {
-	visibility: visible;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-/* Context Menu */
-
-.context-view.monaco-menu-container {
-	outline: 0;
-	border: none;
-	animation: fadeIn 0.083s linear;
-}
-
-.context-view.monaco-menu-container :focus,
-.context-view.monaco-menu-container .monaco-action-bar.vertical:focus,
-.context-view.monaco-menu-container .monaco-action-bar.vertical :focus {
-	outline: 0;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-item {
-	border: thin solid transparent; /* prevents jumping behaviour on hover or focus */
-}
-
-
-/* High Contrast Theming */
-:host-context(.hc-black) .context-view.monaco-menu-container {
-	box-shadow: none;
-}
-
-:host-context(.hc-black) .monaco-menu .monaco-action-bar.vertical .action-item.focused {
-	background: none;
-}
-
-/* Vertical Action Bar Styles */
-
-.monaco-menu .monaco-action-bar.vertical {
-	padding: .5em 0;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-menu-item {
-	height: 1.8em;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label:not(.separator),
-.monaco-menu .monaco-action-bar.vertical .keybinding {
-	font-size: inherit;
-	padding: 0 2em;
-}
-
-.monaco-menu .monaco-action-bar.vertical .menu-item-check {
-	font-size: inherit;
-	width: 2em;
-}
-
-.monaco-menu .monaco-action-bar.vertical .action-label.separator {
-	font-size: inherit;
-	padding: 0.2em 0 0 0;
-	margin-bottom: 0.2em;
-}
-
-:host-context(.linux) .monaco-menu .monaco-action-bar.vertical .action-label.separator {
-	margin-left: 0;
-	margin-right: 0;
-}
-
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	font-size: 60%;
-	padding: 0 1.8em;
-}
-
-:host-context(.linux) .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	height: 100%;
-	mask-size: 10px 10px;
-	-webkit-mask-size: 10px 10px;
-}
-
-.monaco-menu .action-item {
-	cursor: default;
-}
-
-/* Arrows */
-.monaco-scrollable-element > .scrollbar > .scra {
-	cursor: pointer;
-	font-size: 11px !important;
-}
-
-.monaco-scrollable-element > .visible {
-	opacity: 1;
-
-	/* Background rule added for IE9 - to allow clicks on dom node */
-	background:rgba(0,0,0,0);
-
-	transition: opacity 100ms linear;
-}
-.monaco-scrollable-element > .invisible {
-	opacity: 0;
-	pointer-events: none;
-}
-.monaco-scrollable-element > .invisible.fade {
-	transition: opacity 800ms linear;
-}
-
-/* Scrollable Content Inset Shadow */
-.monaco-scrollable-element > .shadow {
-	position: absolute;
-	display: none;
-}
-.monaco-scrollable-element > .shadow.top {
-	display: block;
-	top: 0;
-	left: 3px;
-	height: 3px;
-	width: 100%;
-	box-shadow: #DDD 0 6px 6px -6px inset;
-}
-.monaco-scrollable-element > .shadow.left {
-	display: block;
-	top: 3px;
-	left: 0;
-	height: 100%;
-	width: 3px;
-	box-shadow: #DDD 6px 0 6px -6px inset;
-}
-.monaco-scrollable-element > .shadow.top-left-corner {
-	display: block;
-	top: 0;
-	left: 0;
-	height: 3px;
-	width: 3px;
-}
-.monaco-scrollable-element > .shadow.top.left {
-	box-shadow: #DDD 6px 6px 6px -6px inset;
-}
-
-/* ---------- Default Style ---------- */
-
-:host-context(.vs) .monaco-scrollable-element > .scrollbar > .slider {
-	background: rgba(100, 100, 100, .4);
-}
-:host-context(.vs-dark) .monaco-scrollable-element > .scrollbar > .slider {
-	background: rgba(121, 121, 121, .4);
-}
-:host-context(.hc-black) .monaco-scrollable-element > .scrollbar > .slider {
-	background: rgba(111, 195, 223, .6);
-}
-
-.monaco-scrollable-element > .scrollbar > .slider:hover {
-	background: rgba(100, 100, 100, .7);
-}
-:host-context(.hc-black) .monaco-scrollable-element > .scrollbar > .slider:hover {
-	background: rgba(111, 195, 223, .8);
-}
-
-.monaco-scrollable-element > .scrollbar > .slider.active {
-	background: rgba(0, 0, 0, .6);
-}
-:host-context(.vs-dark) .monaco-scrollable-element > .scrollbar > .slider.active {
-	background: rgba(191, 191, 191, .4);
-}
-:host-context(.hc-black) .monaco-scrollable-element > .scrollbar > .slider.active {
-	background: rgba(111, 195, 223, 1);
-}
-
-:host-context(.vs-dark) .monaco-scrollable-element .shadow.top {
-	box-shadow: none;
-}
-
-:host-context(.vs-dark) .monaco-scrollable-element .shadow.left {
-	box-shadow: #000 6px 0 6px -6px inset;
-}
-
-:host-context(.vs-dark) .monaco-scrollable-element .shadow.top.left {
-	box-shadow: #000 6px 6px 6px -6px inset;
-}
-
-:host-context(.hc-black) .monaco-scrollable-element .shadow.top {
-	box-shadow: none;
-}
-
-:host-context(.hc-black) .monaco-scrollable-element .shadow.left {
-	box-shadow: none;
-}
-
-:host-context(.hc-black) .monaco-scrollable-element .shadow.top.left {
-	box-shadow: none;
-}
-`;