@codingame/monaco-vscode-api 1.78.6-next.0 → 1.78.7

package/dist/vscode/vs/base/browser/ui/menu/menubar.js

@@ -1,831 +0,0 @@
-import * as browser from 'monaco-editor/esm/vs/base/browser/browser.js';
-import * as dom from 'monaco-editor/esm/vs/base/browser/dom.js';
-import { StandardKeyboardEvent } from 'monaco-editor/esm/vs/base/browser/keyboardEvent.js';
-import { StandardMouseEvent } from 'monaco-editor/esm/vs/base/browser/mouseEvent.js';
-import { Gesture, EventType } from 'monaco-editor/esm/vs/base/browser/touch.js';
-import { cleanMnemonic, MENU_MNEMONIC_REGEX, MENU_ESCAPED_MNEMONIC_REGEX, Direction, Menu } from 'monaco-editor/esm/vs/base/browser/ui/menu/menu.js';
-import { ActionRunner, SubmenuAction, Separator } from 'monaco-editor/esm/vs/base/common/actions.js';
-import { asArray } from 'monaco-editor/esm/vs/base/common/arrays.js';
-import { RunOnceScheduler } from 'monaco-editor/esm/vs/base/common/async.js';
-import { Codicon } from 'monaco-editor/esm/vs/base/common/codicons.js';
-import { ThemeIcon } from 'monaco-editor/esm/vs/base/common/themables.js';
-import { Emitter } from 'monaco-editor/esm/vs/base/common/event.js';
-import { ScanCodeUtils } from 'monaco-editor/esm/vs/base/common/keyCodes.js';
-import { Disposable, dispose } from 'monaco-editor/esm/vs/base/common/lifecycle.js';
-import { isMacintosh } from 'monaco-editor/esm/vs/base/common/platform.js';
-import * as strings from 'monaco-editor/esm/vs/base/common/strings.js';
-import { withNullAsUndefined } from 'monaco-editor/esm/vs/base/common/types.js';
-import "../../../../../../assets/menubar.css";
-import * as nls from 'monaco-editor/esm/vs/nls.js';
-const $ = dom.$;
-var MenubarState;
-( (function(MenubarState) {
-    MenubarState[MenubarState["HIDDEN"] = 0] = "HIDDEN";
-    MenubarState[MenubarState["VISIBLE"] = 1] = "VISIBLE";
-    MenubarState[MenubarState["FOCUSED"] = 2] = "FOCUSED";
-    MenubarState[MenubarState["OPEN"] = 3] = "OPEN";
-})(MenubarState || (MenubarState = {})));
-class MenuBar extends Disposable {
-    constructor(container, options, menuStyle) {
-        super();
-        this.container = container;
-        this.options = options;
-        this.menuStyle = menuStyle;
-        this._mnemonicsInUse = false;
-        this.openedViaKeyboard = false;
-        this.awaitingAltRelease = false;
-        this.ignoreNextMouseUp = false;
-        this.updatePending = false;
-        this.numMenusShown = 0;
-        this.overflowLayoutScheduled = undefined;
-        this.container.setAttribute('role', 'menubar');
-        if (this.isCompact) {
-            this.container.classList.add('compact');
-        }
-        this.menus = [];
-        this.mnemonics = ( new Map());
-        this._focusState = MenubarState.VISIBLE;
-        this._onVisibilityChange = this._register(( new Emitter()));
-        this._onFocusStateChange = this._register(( new Emitter()));
-        this.createOverflowMenu();
-        this.menuUpdater = this._register(( new RunOnceScheduler(() => this.update(), 200)));
-        this.actionRunner = this.options.actionRunner ?? this._register(( new ActionRunner()));
-        this._register(this.actionRunner.onWillRun(() => {
-            this.setUnfocusedState();
-        }));
-        this._register(dom.ModifierKeyEmitter.getInstance().event(this.onModifierKeyToggled, this));
-        this._register(dom.addDisposableListener(this.container, dom.EventType.KEY_DOWN, (e) => {
-            const event = ( new StandardKeyboardEvent(e));
-            let eventHandled = true;
-            const key = !!e.key ? e.key.toLocaleLowerCase() : '';
-            const tabNav = isMacintosh && !this.isCompact;
-            if (event.equals(15 ) || (tabNav && event.equals(2  | 1024 ))) {
-                this.focusPrevious();
-            }
-            else if (event.equals(17 ) || (tabNav && event.equals(2 ))) {
-                this.focusNext();
-            }
-            else if (event.equals(9 ) && this.isFocused && !this.isOpen) {
-                this.setUnfocusedState();
-            }
-            else if (!this.isOpen && !event.ctrlKey && this.options.enableMnemonics && this.mnemonicsInUse && ( this.mnemonics.has(key))) {
-                const menuIndex = this.mnemonics.get(key);
-                this.onMenuTriggered(menuIndex, false);
-            }
-            else {
-                eventHandled = false;
-            }
-            if (!this.isCompact && (event.equals(2  | 1024 ) || event.equals(2 ))) {
-                event.preventDefault();
-            }
-            if (eventHandled) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }));
-        this._register(dom.addDisposableListener(window, dom.EventType.MOUSE_DOWN, () => {
-            if (this.isFocused) {
-                this.setUnfocusedState();
-            }
-        }));
-        this._register(dom.addDisposableListener(this.container, dom.EventType.FOCUS_IN, (e) => {
-            const event = e;
-            if (event.relatedTarget) {
-                if (!this.container.contains(event.relatedTarget)) {
-                    this.focusToReturn = event.relatedTarget;
-                }
-            }
-        }));
-        this._register(dom.addDisposableListener(this.container, dom.EventType.FOCUS_OUT, (e) => {
-            const event = e;
-            if (!event.relatedTarget) {
-                this.setUnfocusedState();
-            }
-            else if (event.relatedTarget && !this.container.contains(event.relatedTarget)) {
-                this.focusToReturn = undefined;
-                this.setUnfocusedState();
-            }
-        }));
-        this._register(dom.addDisposableListener(window, dom.EventType.KEY_DOWN, (e) => {
-            if (!this.options.enableMnemonics || !e.altKey || e.ctrlKey || e.defaultPrevented) {
-                return;
-            }
-            const key = e.key.toLocaleLowerCase();
-            if (!( this.mnemonics.has(key))) {
-                return;
-            }
-            this.mnemonicsInUse = true;
-            this.updateMnemonicVisibility(true);
-            const menuIndex = this.mnemonics.get(key);
-            this.onMenuTriggered(menuIndex, false);
-        }));
-        this.setUnfocusedState();
-    }
-    push(arg) {
-        const menus = asArray(arg);
-        menus.forEach((menuBarMenu) => {
-            const menuIndex = this.menus.length;
-            const cleanMenuLabel = cleanMnemonic(menuBarMenu.label);
-            const mnemonicMatches = MENU_MNEMONIC_REGEX.exec(menuBarMenu.label);
-            if (mnemonicMatches) {
-                const mnemonic = !!mnemonicMatches[1] ? mnemonicMatches[1] : mnemonicMatches[3];
-                this.registerMnemonic(this.menus.length, mnemonic);
-            }
-            if (this.isCompact) {
-                this.menus.push(menuBarMenu);
-            }
-            else {
-                const buttonElement = $('div.menubar-menu-button', { 'role': 'menuitem', 'tabindex': -1, 'aria-label': cleanMenuLabel, 'aria-haspopup': true });
-                const titleElement = $('div.menubar-menu-title', { 'role': 'none', 'aria-hidden': true });
-                buttonElement.appendChild(titleElement);
-                this.container.insertBefore(buttonElement, this.overflowMenu.buttonElement);
-                this.updateLabels(titleElement, buttonElement, menuBarMenu.label);
-                this._register(dom.addDisposableListener(buttonElement, dom.EventType.KEY_UP, (e) => {
-                    const event = ( new StandardKeyboardEvent(e));
-                    let eventHandled = true;
-                    if ((event.equals(18 ) || event.equals(3 )) && !this.isOpen) {
-                        this.focusedMenu = { index: menuIndex };
-                        this.openedViaKeyboard = true;
-                        this.focusState = MenubarState.OPEN;
-                    }
-                    else {
-                        eventHandled = false;
-                    }
-                    if (eventHandled) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }));
-                this._register(Gesture.addTarget(buttonElement));
-                this._register(dom.addDisposableListener(buttonElement, EventType.Tap, (e) => {
-                    if (this.isOpen && this.focusedMenu && this.focusedMenu.holder && dom.isAncestor(e.initialTarget, this.focusedMenu.holder)) {
-                        return;
-                    }
-                    this.ignoreNextMouseUp = false;
-                    this.onMenuTriggered(menuIndex, true);
-                    e.preventDefault();
-                    e.stopPropagation();
-                }));
-                this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_DOWN, (e) => {
-                    const mouseEvent = ( new StandardMouseEvent(e));
-                    if (!mouseEvent.leftButton) {
-                        e.preventDefault();
-                        return;
-                    }
-                    if (!this.isOpen) {
-                        this.ignoreNextMouseUp = true;
-                        this.onMenuTriggered(menuIndex, true);
-                    }
-                    else {
-                        this.ignoreNextMouseUp = false;
-                    }
-                    e.preventDefault();
-                    e.stopPropagation();
-                }));
-                this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_UP, (e) => {
-                    if (e.defaultPrevented) {
-                        return;
-                    }
-                    if (!this.ignoreNextMouseUp) {
-                        if (this.isFocused) {
-                            this.onMenuTriggered(menuIndex, true);
-                        }
-                    }
-                    else {
-                        this.ignoreNextMouseUp = false;
-                    }
-                }));
-                this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_ENTER, () => {
-                    if (this.isOpen && !this.isCurrentMenu(menuIndex)) {
-                        buttonElement.focus();
-                        this.cleanupCustomMenu();
-                        this.showCustomMenu(menuIndex, false);
-                    }
-                    else if (this.isFocused && !this.isOpen) {
-                        this.focusedMenu = { index: menuIndex };
-                        buttonElement.focus();
-                    }
-                }));
-                this.menus.push({
-                    label: menuBarMenu.label,
-                    actions: menuBarMenu.actions,
-                    buttonElement: buttonElement,
-                    titleElement: titleElement
-                });
-            }
-        });
-    }
-    createOverflowMenu() {
-        const label = this.isCompact ? ( nls.localize('mAppMenu', 'Application Menu')) : ( nls.localize('mMore', 'More'));
-        const buttonElement = $('div.menubar-menu-button', { 'role': 'menuitem', 'tabindex': this.isCompact ? 0 : -1, 'aria-label': label, 'aria-haspopup': true });
-        const titleElement = $('div.menubar-menu-title.toolbar-toggle-more' + ThemeIcon.asCSSSelector(Codicon.menuBarMore), { 'role': 'none', 'aria-hidden': true });
-        buttonElement.appendChild(titleElement);
-        this.container.appendChild(buttonElement);
-        buttonElement.style.visibility = 'hidden';
-        this._register(dom.addDisposableListener(buttonElement, dom.EventType.KEY_UP, (e) => {
-            const event = ( new StandardKeyboardEvent(e));
-            let eventHandled = true;
-            const triggerKeys = [3 ];
-            if (!this.isCompact) {
-                triggerKeys.push(18 );
-            }
-            else {
-                triggerKeys.push(10 );
-                if (this.options.compactMode === Direction.Right) {
-                    triggerKeys.push(17 );
-                }
-                else if (this.options.compactMode === Direction.Left) {
-                    triggerKeys.push(15 );
-                }
-            }
-            if ((( triggerKeys.some(k => event.equals(k))) && !this.isOpen)) {
-                this.focusedMenu = { index: MenuBar.OVERFLOW_INDEX };
-                this.openedViaKeyboard = true;
-                this.focusState = MenubarState.OPEN;
-            }
-            else {
-                eventHandled = false;
-            }
-            if (eventHandled) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }));
-        this._register(Gesture.addTarget(buttonElement));
-        this._register(dom.addDisposableListener(buttonElement, EventType.Tap, (e) => {
-            if (this.isOpen && this.focusedMenu && this.focusedMenu.holder && dom.isAncestor(e.initialTarget, this.focusedMenu.holder)) {
-                return;
-            }
-            this.ignoreNextMouseUp = false;
-            this.onMenuTriggered(MenuBar.OVERFLOW_INDEX, true);
-            e.preventDefault();
-            e.stopPropagation();
-        }));
-        this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_DOWN, (e) => {
-            const mouseEvent = ( new StandardMouseEvent(e));
-            if (!mouseEvent.leftButton) {
-                e.preventDefault();
-                return;
-            }
-            if (!this.isOpen) {
-                this.ignoreNextMouseUp = true;
-                this.onMenuTriggered(MenuBar.OVERFLOW_INDEX, true);
-            }
-            else {
-                this.ignoreNextMouseUp = false;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-        }));
-        this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_UP, (e) => {
-            if (e.defaultPrevented) {
-                return;
-            }
-            if (!this.ignoreNextMouseUp) {
-                if (this.isFocused) {
-                    this.onMenuTriggered(MenuBar.OVERFLOW_INDEX, true);
-                }
-            }
-            else {
-                this.ignoreNextMouseUp = false;
-            }
-        }));
-        this._register(dom.addDisposableListener(buttonElement, dom.EventType.MOUSE_ENTER, () => {
-            if (this.isOpen && !this.isCurrentMenu(MenuBar.OVERFLOW_INDEX)) {
-                this.overflowMenu.buttonElement.focus();
-                this.cleanupCustomMenu();
-                this.showCustomMenu(MenuBar.OVERFLOW_INDEX, false);
-            }
-            else if (this.isFocused && !this.isOpen) {
-                this.focusedMenu = { index: MenuBar.OVERFLOW_INDEX };
-                buttonElement.focus();
-            }
-        }));
-        this.overflowMenu = {
-            buttonElement: buttonElement,
-            titleElement: titleElement,
-            label: 'More',
-            actions: []
-        };
-    }
-    updateMenu(menu) {
-        const menuToUpdate = this.menus.filter(menuBarMenu => menuBarMenu.label === menu.label);
-        if (menuToUpdate && menuToUpdate.length) {
-            menuToUpdate[0].actions = menu.actions;
-        }
-    }
-    dispose() {
-        super.dispose();
-        this.menus.forEach(menuBarMenu => {
-            menuBarMenu.titleElement?.remove();
-            menuBarMenu.buttonElement?.remove();
-        });
-        this.overflowMenu.titleElement.remove();
-        this.overflowMenu.buttonElement.remove();
-        dispose(this.overflowLayoutScheduled);
-        this.overflowLayoutScheduled = undefined;
-    }
-    blur() {
-        this.setUnfocusedState();
-    }
-    getWidth() {
-        if (!this.isCompact && this.menus) {
-            const left = this.menus[0].buttonElement.getBoundingClientRect().left;
-            const right = this.hasOverflow ? this.overflowMenu.buttonElement.getBoundingClientRect().right : this.menus[this.menus.length - 1].buttonElement.getBoundingClientRect().right;
-            return right - left;
-        }
-        return 0;
-    }
-    getHeight() {
-        return this.container.clientHeight;
-    }
-    toggleFocus() {
-        if (!this.isFocused && this.options.visibility !== 'hidden') {
-            this.mnemonicsInUse = true;
-            this.focusedMenu = { index: this.numMenusShown > 0 ? 0 : MenuBar.OVERFLOW_INDEX };
-            this.focusState = MenubarState.FOCUSED;
-        }
-        else if (!this.isOpen) {
-            this.setUnfocusedState();
-        }
-    }
-    updateOverflowAction() {
-        if (!this.menus || !this.menus.length) {
-            return;
-        }
-        const overflowMenuOnlyClass = 'overflow-menu-only';
-        this.container.classList.toggle(overflowMenuOnlyClass, false);
-        const sizeAvailable = this.container.offsetWidth;
-        let currentSize = 0;
-        let full = this.isCompact;
-        const prevNumMenusShown = this.numMenusShown;
-        this.numMenusShown = 0;
-        const showableMenus = this.menus.filter(menu => menu.buttonElement !== undefined && menu.titleElement !== undefined);
-        for (const menuBarMenu of showableMenus) {
-            if (!full) {
-                const size = menuBarMenu.buttonElement.offsetWidth;
-                if (currentSize + size > sizeAvailable) {
-                    full = true;
-                }
-                else {
-                    currentSize += size;
-                    this.numMenusShown++;
-                    if (this.numMenusShown > prevNumMenusShown) {
-                        menuBarMenu.buttonElement.style.visibility = 'visible';
-                    }
-                }
-            }
-            if (full) {
-                menuBarMenu.buttonElement.style.visibility = 'hidden';
-            }
-        }
-        if (this.numMenusShown - 1 <= showableMenus.length / 2) {
-            for (const menuBarMenu of showableMenus) {
-                menuBarMenu.buttonElement.style.visibility = 'hidden';
-            }
-            full = true;
-            this.numMenusShown = 0;
-            currentSize = 0;
-        }
-        if (this.isCompact) {
-            this.overflowMenu.actions = [];
-            for (let idx = this.numMenusShown; idx < this.menus.length; idx++) {
-                this.overflowMenu.actions.push(( new SubmenuAction(
-                    `menubar.submenu.${this.menus[idx].label}`,
-                    this.menus[idx].label,
-                    this.menus[idx].actions || []
-                )));
-            }
-            const compactMenuActions = this.options.getCompactMenuActions?.();
-            if (compactMenuActions && compactMenuActions.length) {
-                this.overflowMenu.actions.push(( new Separator()));
-                this.overflowMenu.actions.push(...compactMenuActions);
-            }
-            this.overflowMenu.buttonElement.style.visibility = 'visible';
-        }
-        else if (full) {
-            while (currentSize + this.overflowMenu.buttonElement.offsetWidth > sizeAvailable && this.numMenusShown > 0) {
-                this.numMenusShown--;
-                const size = showableMenus[this.numMenusShown].buttonElement.offsetWidth;
-                showableMenus[this.numMenusShown].buttonElement.style.visibility = 'hidden';
-                currentSize -= size;
-            }
-            this.overflowMenu.actions = [];
-            for (let idx = this.numMenusShown; idx < showableMenus.length; idx++) {
-                this.overflowMenu.actions.push(( new SubmenuAction(
-                    `menubar.submenu.${showableMenus[idx].label}`,
-                    showableMenus[idx].label,
-                    showableMenus[idx].actions || []
-                )));
-            }
-            if (this.overflowMenu.buttonElement.nextElementSibling !== showableMenus[this.numMenusShown].buttonElement) {
-                this.overflowMenu.buttonElement.remove();
-                this.container.insertBefore(this.overflowMenu.buttonElement, showableMenus[this.numMenusShown].buttonElement);
-            }
-            this.overflowMenu.buttonElement.style.visibility = 'visible';
-        }
-        else {
-            this.overflowMenu.buttonElement.remove();
-            this.container.appendChild(this.overflowMenu.buttonElement);
-            this.overflowMenu.buttonElement.style.visibility = 'hidden';
-        }
-        this.container.classList.toggle(overflowMenuOnlyClass, this.numMenusShown === 0);
-    }
-    updateLabels(titleElement, buttonElement, label) {
-        const cleanMenuLabel = cleanMnemonic(label);
-        if (this.options.enableMnemonics) {
-            const cleanLabel = strings.escape(label);
-            MENU_ESCAPED_MNEMONIC_REGEX.lastIndex = 0;
-            let escMatch = MENU_ESCAPED_MNEMONIC_REGEX.exec(cleanLabel);
-            while (escMatch && escMatch[1]) {
-                escMatch = MENU_ESCAPED_MNEMONIC_REGEX.exec(cleanLabel);
-            }
-            const replaceDoubleEscapes = (str) => str.replace(/&amp;&amp;/g, '&amp;');
-            if (escMatch) {
-                titleElement.innerText = '';
-                titleElement.append(strings.ltrim(replaceDoubleEscapes(cleanLabel.substr(0, escMatch.index)), ' '), $('mnemonic', { 'aria-hidden': 'true' }, escMatch[3]), strings.rtrim(replaceDoubleEscapes(cleanLabel.substr(escMatch.index + escMatch[0].length)), ' '));
-            }
-            else {
-                titleElement.innerText = replaceDoubleEscapes(cleanLabel).trim();
-            }
-        }
-        else {
-            titleElement.innerText = cleanMenuLabel.replace(/&&/g, '&');
-        }
-        const mnemonicMatches = MENU_MNEMONIC_REGEX.exec(label);
-        if (mnemonicMatches) {
-            const mnemonic = !!mnemonicMatches[1] ? mnemonicMatches[1] : mnemonicMatches[3];
-            if (this.options.enableMnemonics) {
-                buttonElement.setAttribute('aria-keyshortcuts', 'Alt+' + mnemonic.toLocaleLowerCase());
-            }
-            else {
-                buttonElement.removeAttribute('aria-keyshortcuts');
-            }
-        }
-    }
-    update(options) {
-        if (options) {
-            this.options = options;
-        }
-        if (this.isFocused) {
-            this.updatePending = true;
-            return;
-        }
-        this.menus.forEach(menuBarMenu => {
-            if (!menuBarMenu.buttonElement || !menuBarMenu.titleElement) {
-                return;
-            }
-            this.updateLabels(menuBarMenu.titleElement, menuBarMenu.buttonElement, menuBarMenu.label);
-        });
-        if (!this.overflowLayoutScheduled) {
-            this.overflowLayoutScheduled = dom.scheduleAtNextAnimationFrame(() => {
-                this.updateOverflowAction();
-                this.overflowLayoutScheduled = undefined;
-            });
-        }
-        this.setUnfocusedState();
-    }
-    registerMnemonic(menuIndex, mnemonic) {
-        this.mnemonics.set(mnemonic.toLocaleLowerCase(), menuIndex);
-    }
-    hideMenubar() {
-        if (this.container.style.display !== 'none') {
-            this.container.style.display = 'none';
-            this._onVisibilityChange.fire(false);
-        }
-    }
-    showMenubar() {
-        if (this.container.style.display !== 'flex') {
-            this.container.style.display = 'flex';
-            this._onVisibilityChange.fire(true);
-            this.updateOverflowAction();
-        }
-    }
-    get focusState() {
-        return this._focusState;
-    }
-    set focusState(value) {
-        if (this._focusState >= MenubarState.FOCUSED && value < MenubarState.FOCUSED) {
-            if (this.updatePending) {
-                this.menuUpdater.schedule();
-                this.updatePending = false;
-            }
-        }
-        if (value === this._focusState) {
-            return;
-        }
-        const isVisible = this.isVisible;
-        const isOpen = this.isOpen;
-        const isFocused = this.isFocused;
-        this._focusState = value;
-        switch (value) {
-            case MenubarState.HIDDEN:
-                if (isVisible) {
-                    this.hideMenubar();
-                }
-                if (isOpen) {
-                    this.cleanupCustomMenu();
-                }
-                if (isFocused) {
-                    this.focusedMenu = undefined;
-                    if (this.focusToReturn) {
-                        this.focusToReturn.focus();
-                        this.focusToReturn = undefined;
-                    }
-                }
-                break;
-            case MenubarState.VISIBLE:
-                if (!isVisible) {
-                    this.showMenubar();
-                }
-                if (isOpen) {
-                    this.cleanupCustomMenu();
-                }
-                if (isFocused) {
-                    if (this.focusedMenu) {
-                        if (this.focusedMenu.index === MenuBar.OVERFLOW_INDEX) {
-                            this.overflowMenu.buttonElement.blur();
-                        }
-                        else {
-                            this.menus[this.focusedMenu.index].buttonElement?.blur();
-                        }
-                    }
-                    this.focusedMenu = undefined;
-                    if (this.focusToReturn) {
-                        this.focusToReturn.focus();
-                        this.focusToReturn = undefined;
-                    }
-                }
-                break;
-            case MenubarState.FOCUSED:
-                if (!isVisible) {
-                    this.showMenubar();
-                }
-                if (isOpen) {
-                    this.cleanupCustomMenu();
-                }
-                if (this.focusedMenu) {
-                    if (this.focusedMenu.index === MenuBar.OVERFLOW_INDEX) {
-                        this.overflowMenu.buttonElement.focus();
-                    }
-                    else {
-                        this.menus[this.focusedMenu.index].buttonElement?.focus();
-                    }
-                }
-                break;
-            case MenubarState.OPEN:
-                if (!isVisible) {
-                    this.showMenubar();
-                }
-                if (this.focusedMenu) {
-                    this.showCustomMenu(this.focusedMenu.index, this.openedViaKeyboard);
-                }
-                break;
-        }
-        this._focusState = value;
-        this._onFocusStateChange.fire(this.focusState >= MenubarState.FOCUSED);
-    }
-    get isVisible() {
-        return this.focusState >= MenubarState.VISIBLE;
-    }
-    get isFocused() {
-        return this.focusState >= MenubarState.FOCUSED;
-    }
-    get isOpen() {
-        return this.focusState >= MenubarState.OPEN;
-    }
-    get hasOverflow() {
-        return this.isCompact || this.numMenusShown < this.menus.length;
-    }
-    get isCompact() {
-        return this.options.compactMode !== undefined;
-    }
-    setUnfocusedState() {
-        if (this.options.visibility === 'toggle' || this.options.visibility === 'hidden') {
-            this.focusState = MenubarState.HIDDEN;
-        }
-        else if (this.options.visibility === 'classic' && browser.isFullscreen()) {
-            this.focusState = MenubarState.HIDDEN;
-        }
-        else {
-            this.focusState = MenubarState.VISIBLE;
-        }
-        this.ignoreNextMouseUp = false;
-        this.mnemonicsInUse = false;
-        this.updateMnemonicVisibility(false);
-    }
-    focusPrevious() {
-        if (!this.focusedMenu || this.numMenusShown === 0) {
-            return;
-        }
-        let newFocusedIndex = (this.focusedMenu.index - 1 + this.numMenusShown) % this.numMenusShown;
-        if (this.focusedMenu.index === MenuBar.OVERFLOW_INDEX) {
-            newFocusedIndex = this.numMenusShown - 1;
-        }
-        else if (this.focusedMenu.index === 0 && this.hasOverflow) {
-            newFocusedIndex = MenuBar.OVERFLOW_INDEX;
-        }
-        if (newFocusedIndex === this.focusedMenu.index) {
-            return;
-        }
-        if (this.isOpen) {
-            this.cleanupCustomMenu();
-            this.showCustomMenu(newFocusedIndex);
-        }
-        else if (this.isFocused) {
-            this.focusedMenu.index = newFocusedIndex;
-            if (newFocusedIndex === MenuBar.OVERFLOW_INDEX) {
-                this.overflowMenu.buttonElement.focus();
-            }
-            else {
-                this.menus[newFocusedIndex].buttonElement?.focus();
-            }
-        }
-    }
-    focusNext() {
-        if (!this.focusedMenu || this.numMenusShown === 0) {
-            return;
-        }
-        let newFocusedIndex = (this.focusedMenu.index + 1) % this.numMenusShown;
-        if (this.focusedMenu.index === MenuBar.OVERFLOW_INDEX) {
-            newFocusedIndex = 0;
-        }
-        else if (this.focusedMenu.index === this.numMenusShown - 1) {
-            newFocusedIndex = MenuBar.OVERFLOW_INDEX;
-        }
-        if (newFocusedIndex === this.focusedMenu.index) {
-            return;
-        }
-        if (this.isOpen) {
-            this.cleanupCustomMenu();
-            this.showCustomMenu(newFocusedIndex);
-        }
-        else if (this.isFocused) {
-            this.focusedMenu.index = newFocusedIndex;
-            if (newFocusedIndex === MenuBar.OVERFLOW_INDEX) {
-                this.overflowMenu.buttonElement.focus();
-            }
-            else {
-                this.menus[newFocusedIndex].buttonElement?.focus();
-            }
-        }
-    }
-    updateMnemonicVisibility(visible) {
-        if (this.menus) {
-            this.menus.forEach(menuBarMenu => {
-                if (menuBarMenu.titleElement && menuBarMenu.titleElement.children.length) {
-                    const child = menuBarMenu.titleElement.children.item(0);
-                    if (child) {
-                        child.style.textDecoration = (this.options.alwaysOnMnemonics || visible) ? 'underline' : '';
-                    }
-                }
-            });
-        }
-    }
-    get mnemonicsInUse() {
-        return this._mnemonicsInUse;
-    }
-    set mnemonicsInUse(value) {
-        this._mnemonicsInUse = value;
-    }
-    get shouldAltKeyFocus() {
-        if (isMacintosh) {
-            return false;
-        }
-        if (!this.options.disableAltFocus) {
-            return true;
-        }
-        if (this.options.visibility === 'toggle') {
-            return true;
-        }
-        return false;
-    }
-    get onVisibilityChange() {
-        return this._onVisibilityChange.event;
-    }
-    get onFocusStateChange() {
-        return this._onFocusStateChange.event;
-    }
-    onMenuTriggered(menuIndex, clicked) {
-        if (this.isOpen) {
-            if (this.isCurrentMenu(menuIndex)) {
-                this.setUnfocusedState();
-            }
-            else {
-                this.cleanupCustomMenu();
-                this.showCustomMenu(menuIndex, this.openedViaKeyboard);
-            }
-        }
-        else {
-            this.focusedMenu = { index: menuIndex };
-            this.openedViaKeyboard = !clicked;
-            this.focusState = MenubarState.OPEN;
-        }
-    }
-    onModifierKeyToggled(modifierKeyStatus) {
-        const allModifiersReleased = !modifierKeyStatus.altKey && !modifierKeyStatus.ctrlKey && !modifierKeyStatus.shiftKey && !modifierKeyStatus.metaKey;
-        if (this.options.visibility === 'hidden') {
-            return;
-        }
-        if (modifierKeyStatus.event && this.shouldAltKeyFocus) {
-            if (ScanCodeUtils.toEnum(modifierKeyStatus.event.code) === 159 ) {
-                modifierKeyStatus.event.preventDefault();
-            }
-        }
-        if (this.isFocused && modifierKeyStatus.lastKeyPressed === 'alt' && modifierKeyStatus.altKey) {
-            this.setUnfocusedState();
-            this.mnemonicsInUse = false;
-            this.awaitingAltRelease = true;
-        }
-        if (allModifiersReleased && modifierKeyStatus.lastKeyPressed === 'alt' && modifierKeyStatus.lastKeyReleased === 'alt') {
-            if (!this.awaitingAltRelease) {
-                if (!this.isFocused && this.shouldAltKeyFocus) {
-                    this.mnemonicsInUse = true;
-                    this.focusedMenu = { index: this.numMenusShown > 0 ? 0 : MenuBar.OVERFLOW_INDEX };
-                    this.focusState = MenubarState.FOCUSED;
-                }
-                else if (!this.isOpen) {
-                    this.setUnfocusedState();
-                }
-            }
-        }
-        if (!modifierKeyStatus.altKey && modifierKeyStatus.lastKeyReleased === 'alt') {
-            this.awaitingAltRelease = false;
-        }
-        if (this.options.enableMnemonics && this.menus && !this.isOpen) {
-            this.updateMnemonicVisibility((!this.awaitingAltRelease && modifierKeyStatus.altKey) || this.mnemonicsInUse);
-        }
-    }
-    isCurrentMenu(menuIndex) {
-        if (!this.focusedMenu) {
-            return false;
-        }
-        return this.focusedMenu.index === menuIndex;
-    }
-    cleanupCustomMenu() {
-        if (this.focusedMenu) {
-            if (this.focusedMenu.index === MenuBar.OVERFLOW_INDEX) {
-                this.overflowMenu.buttonElement.focus();
-            }
-            else {
-                this.menus[this.focusedMenu.index].buttonElement?.focus();
-            }
-            if (this.focusedMenu.holder) {
-                this.focusedMenu.holder.parentElement?.classList.remove('open');
-                this.focusedMenu.holder.remove();
-            }
-            this.focusedMenu.widget?.dispose();
-            this.focusedMenu = { index: this.focusedMenu.index };
-        }
-    }
-    showCustomMenu(menuIndex, selectFirst = true) {
-        const actualMenuIndex = menuIndex >= this.numMenusShown ? MenuBar.OVERFLOW_INDEX : menuIndex;
-        const customMenu = actualMenuIndex === MenuBar.OVERFLOW_INDEX ? this.overflowMenu : this.menus[actualMenuIndex];
-        if (!customMenu.actions || !customMenu.buttonElement || !customMenu.titleElement) {
-            return;
-        }
-        const menuHolder = $('div.menubar-menu-items-holder', { 'title': '' });
-        customMenu.buttonElement.classList.add('open');
-        const titleBoundingRect = customMenu.titleElement.getBoundingClientRect();
-        const titleBoundingRectZoom = dom.getDomNodeZoomLevel(customMenu.titleElement);
-        if (this.options.compactMode === Direction.Right) {
-            menuHolder.style.top = `${titleBoundingRect.top}px`;
-            menuHolder.style.left = `${titleBoundingRect.left + this.container.clientWidth}px`;
-        }
-        else if (this.options.compactMode === Direction.Left) {
-            menuHolder.style.top = `${titleBoundingRect.top}px`;
-            menuHolder.style.right = `${this.container.clientWidth}px`;
-            menuHolder.style.left = 'auto';
-        }
-        else {
-            menuHolder.style.top = `${titleBoundingRect.bottom * titleBoundingRectZoom}px`;
-            menuHolder.style.left = `${titleBoundingRect.left * titleBoundingRectZoom}px`;
-        }
-        customMenu.buttonElement.appendChild(menuHolder);
-        const menuOptions = {
-            getKeyBinding: this.options.getKeybinding,
-            actionRunner: this.actionRunner,
-            enableMnemonics: this.options.alwaysOnMnemonics || (this.mnemonicsInUse && this.options.enableMnemonics),
-            ariaLabel: withNullAsUndefined(customMenu.buttonElement.getAttribute('aria-label')),
-            expandDirection: this.isCompact ? this.options.compactMode : Direction.Right,
-            useEventAsContext: true
-        };
-        const menuWidget = this._register(( new Menu(menuHolder, customMenu.actions, menuOptions, this.menuStyle)));
-        this._register(menuWidget.onDidCancel(() => {
-            this.focusState = MenubarState.FOCUSED;
-        }));
-        if (actualMenuIndex !== menuIndex) {
-            menuWidget.trigger(menuIndex - this.numMenusShown);
-        }
-        else {
-            menuWidget.focus(selectFirst);
-        }
-        this.focusedMenu = {
-            index: actualMenuIndex,
-            holder: menuHolder,
-            widget: menuWidget
-        };
-    }
-}
-MenuBar.OVERFLOW_INDEX = -1;
-export { MenuBar };