@codingame/monaco-vscode-api 25.1.1 → 26.0.0

package/vscode/src/vs/platform/actions/browser/menuEntryActionViewItem.js

@@ -46,7 +46,10 @@ import * as menuEntryActionViewItem from './menuEntryActionViewItem.css';
 
 registerCss(menuEntryActionViewItem);
 function getContextMenuActions(groups, primaryGroup) {
-    const target = { primary: [], secondary: [] };
+    const target = {
+        primary: [],
+        secondary: []
+    };
     getContextMenuActionsImpl(groups, target, primaryGroup);
     return target;
 }
@@ -58,30 +61,69 @@ function getFlatContextMenuActions(groups, primaryGroup) {
 function getContextMenuActionsImpl(groups, target, primaryGroup) {
     const modifierKeyEmitter = ModifierKeyEmitter.getInstance();
     const useAlternativeActions = modifierKeyEmitter.keyStatus.altKey || ((isWindows || isLinux) && modifierKeyEmitter.keyStatus.shiftKey);
-    fillInActions(groups, target, useAlternativeActions, primaryGroup ? actionGroup => actionGroup === primaryGroup : actionGroup => actionGroup === 'navigation');
+    fillInActions(
+        groups,
+        target,
+        useAlternativeActions,
+        primaryGroup ? actionGroup => actionGroup === primaryGroup : actionGroup => actionGroup === "navigation"
+    );
 }
 function getActionBarActions(groups, primaryGroup, shouldInlineSubmenu, useSeparatorsInPrimaryActions) {
-    const target = { primary: [], secondary: [] };
-    fillInActionBarActions(groups, target, primaryGroup, shouldInlineSubmenu, useSeparatorsInPrimaryActions);
+    const target = {
+        primary: [],
+        secondary: []
+    };
+    fillInActionBarActions(
+        groups,
+        target,
+        primaryGroup,
+        shouldInlineSubmenu,
+        useSeparatorsInPrimaryActions
+    );
     return target;
 }
 function getFlatActionBarActions(groups, primaryGroup, shouldInlineSubmenu, useSeparatorsInPrimaryActions) {
     const target = [];
-    fillInActionBarActions(groups, target, primaryGroup, shouldInlineSubmenu, useSeparatorsInPrimaryActions);
+    fillInActionBarActions(
+        groups,
+        target,
+        primaryGroup,
+        shouldInlineSubmenu,
+        useSeparatorsInPrimaryActions
+    );
     return target;
 }
-function fillInActionBarActions(groups, target, primaryGroup, shouldInlineSubmenu, useSeparatorsInPrimaryActions) {
-    const isPrimaryAction = typeof primaryGroup === 'string' ? (actionGroup) => actionGroup === primaryGroup : primaryGroup;
-    fillInActions(groups, target, false, isPrimaryAction, shouldInlineSubmenu, useSeparatorsInPrimaryActions);
+function fillInActionBarActions(
+    groups,
+    target,
+    primaryGroup,
+    shouldInlineSubmenu,
+    useSeparatorsInPrimaryActions
+) {
+    const isPrimaryAction = typeof primaryGroup === "string" ? actionGroup => actionGroup === primaryGroup : primaryGroup;
+    fillInActions(
+        groups,
+        target,
+        false,
+        isPrimaryAction,
+        shouldInlineSubmenu,
+        useSeparatorsInPrimaryActions
+    );
 }
-function fillInActions(groups, target, useAlternativeActions, isPrimaryAction = actionGroup => actionGroup === 'navigation', shouldInlineSubmenu = () => false, useSeparatorsInPrimaryActions = false) {
+function fillInActions(
+    groups,
+    target,
+    useAlternativeActions,
+    isPrimaryAction = actionGroup => actionGroup === "navigation",
+    shouldInlineSubmenu = () => false,
+    useSeparatorsInPrimaryActions = false
+) {
     let primaryBucket;
     let secondaryBucket;
     if (Array.isArray(target)) {
         primaryBucket = target;
         secondaryBucket = target;
-    }
-    else {
+    } else {
         primaryBucket = target.primary;
         secondaryBucket = target.secondary;
     }
@@ -93,8 +135,7 @@ function fillInActions(groups, target, useAlternativeActions, isPrimaryAction =
             if (target.length > 0 && useSeparatorsInPrimaryActions) {
                 target.push(( new Separator()));
             }
-        }
-        else {
+        } else {
             target = secondaryBucket;
             if (target.length > 0) {
                 target.push(( new Separator()));
@@ -106,11 +147,19 @@ function fillInActions(groups, target, useAlternativeActions, isPrimaryAction =
             }
             const newLen = target.push(action);
             if (action instanceof SubmenuAction) {
-                submenuInfo.add({ group, action, index: newLen - 1 });
+                submenuInfo.add({
+                    group,
+                    action,
+                    index: newLen - 1
+                });
             }
         }
     }
-    for (const { group, action, index } of submenuInfo) {
+    for (const {
+        group,
+        action,
+        index
+    } of submenuInfo) {
         const target = isPrimaryAction(group) ? primaryBucket : secondaryBucket;
         const submenuActions = action.actions;
         if (shouldInlineSubmenu(action, group, target.length)) {
@@ -119,8 +168,24 @@ function fillInActions(groups, target, useAlternativeActions, isPrimaryAction =
     }
 }
 let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewItem {
-    constructor(action, _options, _keybindingService, _notificationService, _contextKeyService, _themeService, _contextMenuService, _accessibilityService) {
-        super(undefined, action, { icon: !!(action.class || action.item.icon), label: !action.class && !action.item.icon, draggable: _options?.draggable, keybinding: _options?.keybinding, hoverDelegate: _options?.hoverDelegate, keybindingNotRenderedWithLabel: _options?.keybindingNotRenderedWithLabel });
+    constructor(
+        action,
+        _options,
+        _keybindingService,
+        _notificationService,
+        _contextKeyService,
+        _themeService,
+        _contextMenuService,
+        _accessibilityService
+    ) {
+        super(undefined, action, {
+            icon: !!(action.class || action.item.icon),
+            label: !action.class && !action.item.icon,
+            draggable: _options?.draggable,
+            keybinding: _options?.keybinding,
+            hoverDelegate: _options?.hoverDelegate,
+            keybindingNotRenderedWithLabel: _options?.keybindingNotRenderedWithLabel
+        });
         this._options = _options;
         this._keybindingService = _keybindingService;
         this._notificationService = _notificationService;
@@ -143,23 +208,20 @@ let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewIt
         event.stopPropagation();
         try {
             await this.actionRunner.run(this._commandAction, this._context);
-        }
-        catch (err) {
+        } catch (err) {
             this._notificationService.error(err);
         }
     }
     render(container) {
         super.render(container);
-        container.classList.add('menu-entry');
+        container.classList.add("menu-entry");
         if (this.options.icon) {
             this._updateItemClass(this._menuItemAction.item);
         }
         if (this._menuItemAction.alt) {
             let isMouseOver = false;
             const updateAltState = () => {
-                const wantsAltCommand = !!this._menuItemAction.alt?.enabled &&
-                    (!this._accessibilityService.isMotionReduced() || isMouseOver) && (this._altKey.keyStatus.altKey ||
-                    (this._altKey.keyStatus.shiftKey && isMouseOver));
+                const wantsAltCommand = !!this._menuItemAction.alt?.enabled && (!this._accessibilityService.isMotionReduced() || isMouseOver) && (this._altKey.keyStatus.altKey || (this._altKey.keyStatus.shiftKey && isMouseOver));
                 if (wantsAltCommand !== this._wantsAltCommand) {
                     this._wantsAltCommand = wantsAltCommand;
                     this.updateLabel();
@@ -168,11 +230,11 @@ let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewIt
                 }
             };
             this._register(this._altKey.event(updateAltState));
-            this._register(addDisposableListener(container, 'mouseleave', _ => {
+            this._register(addDisposableListener(container, "mouseleave", _ => {
                 isMouseOver = false;
                 updateAltState();
             }));
-            this._register(addDisposableListener(container, 'mouseenter', _ => {
+            this._register(addDisposableListener(container, "mouseenter", _ => {
                 isMouseOver = true;
                 updateAltState();
             }));
@@ -185,21 +247,13 @@ let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewIt
         }
     }
     getTooltip() {
-        const keybinding = this._keybindingService.lookupKeybinding(this._commandAction.id, this._contextKeyService);
-        const keybindingLabel = keybinding && keybinding.getLabel();
         const tooltip = this._commandAction.tooltip || this._commandAction.label;
-        let title = keybindingLabel
-            ? ( localize(1759, "{0} ({1})", tooltip, keybindingLabel))
-            : tooltip;
+        let title = this._keybindingService.appendKeybinding(tooltip, this._commandAction.id, this._contextKeyService);
         if (!this._wantsAltCommand && this._menuItemAction.alt?.enabled) {
             const altTooltip = this._menuItemAction.alt.tooltip || this._menuItemAction.alt.label;
-            const altKeybinding = this._keybindingService.lookupKeybinding(this._menuItemAction.alt.id, this._contextKeyService);
-            const altKeybindingLabel = altKeybinding && altKeybinding.getLabel();
-            const altTitleSection = altKeybindingLabel
-                ? ( localize(1759, "{0} ({1})", altTooltip, altKeybindingLabel))
-                : altTooltip;
+            const altTitleSection = this._keybindingService.appendKeybinding(altTooltip, this._menuItemAction.alt.id, this._contextKeyService);
             title = ( localize(
-                1760,
+                1759,
                 "{0}\n[{1}] {2}",
                 title,
                 UILabelProvider.modifierLabels[OS].altKey,
@@ -214,15 +268,17 @@ let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewIt
                 if (this._menuItemAction.alt) {
                     this._updateItemClass(this._menuItemAction.alt.item);
                 }
-            }
-            else {
+            } else {
                 this._updateItemClass(this._menuItemAction.item);
             }
         }
     }
     _updateItemClass(item) {
         this._itemClassDispose.value = undefined;
-        const { element, label } = this;
+        const {
+            element,
+            label
+        } = this;
         if (!element || !label) {
             return;
         }
@@ -236,36 +292,26 @@ let MenuEntryActionViewItem = class MenuEntryActionViewItem extends ActionViewIt
             this._itemClassDispose.value = toDisposable(() => {
                 label.classList.remove(...iconClasses);
             });
-        }
-        else {
-            label.style.backgroundImage = (isDark(this._themeService.getColorTheme().type)
-                ? asCSSUrl(icon.dark)
-                : asCSSUrl(icon.light));
-            label.classList.add('icon');
+        } else {
+            label.style.backgroundImage = (isDark(this._themeService.getColorTheme().type) ? asCSSUrl(icon.dark) : asCSSUrl(icon.light));
+            label.classList.add("icon");
             this._itemClassDispose.value = combinedDisposable(toDisposable(() => {
-                label.style.backgroundImage = '';
-                label.classList.remove('icon');
+                label.style.backgroundImage = "";
+                label.classList.remove("icon");
             }), this._themeService.onDidColorThemeChange(() => {
                 this.updateClass();
             }));
         }
     }
 };
-MenuEntryActionViewItem = ( __decorate([
-    ( __param(2, IKeybindingService)),
-    ( __param(3, INotificationService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, IThemeService)),
-    ( __param(6, IContextMenuService)),
-    ( __param(7, IAccessibilityService))
-], MenuEntryActionViewItem));
+MenuEntryActionViewItem = ( __decorate([( __param(2, IKeybindingService)), ( __param(3, INotificationService)), ( __param(4, IContextKeyService)), ( __param(5, IThemeService)), ( __param(6, IContextMenuService)), ( __param(7, IAccessibilityService))], MenuEntryActionViewItem));
 class TextOnlyMenuEntryActionViewItem extends MenuEntryActionViewItem {
     render(container) {
         this.options.label = true;
         this.options.icon = false;
         super.render(container);
-        container.classList.add('text-only');
-        container.classList.toggle('use-comma', this._options?.useComma ?? false);
+        container.classList.add("text-only");
+        container.classList.toggle("use-comma", this._options?.useComma ?? false);
     }
     updateLabel() {
         const kb = this._keybindingService.lookupKeybinding(this._action.id, this._contextKeyService);
@@ -275,17 +321,14 @@ class TextOnlyMenuEntryActionViewItem extends MenuEntryActionViewItem {
         if (this.label) {
             const kb2 = TextOnlyMenuEntryActionViewItem._symbolPrintEnter(kb);
             if (this._options?.conversational) {
-                this.label.textContent = ( localize(1761, '{1} to {0}', this._action.label, kb2));
-            }
-            else {
-                this.label.textContent = ( localize(1762, '{0} ({1})', this._action.label, kb2));
+                this.label.textContent = ( localize(1760, "{1} to {0}", this._action.label, kb2));
+            } else {
+                this.label.textContent = ( localize(1761, "{0} ({1})", this._action.label, kb2));
             }
         }
     }
     static _symbolPrintEnter(kb) {
-        return kb.getLabel()
-            ?.replace(/\benter\b/gi, '\u23CE')
-            .replace(/\bEscape\b/gi, 'Esc');
+        return kb.getLabel()?.replace(/\benter\b/gi, "⏎").replace(/\bEscape\b/gi, "Esc");
     }
 }
 let SubmenuEntryActionViewItem = class SubmenuEntryActionViewItem extends DropdownMenuActionViewItem {
@@ -296,7 +339,9 @@ let SubmenuEntryActionViewItem = class SubmenuEntryActionViewItem extends Dropdo
             classNames: options?.classNames ?? (ThemeIcon.isThemeIcon(action.item.icon) ? ThemeIcon.asClassName(action.item.icon) : undefined),
             keybindingProvider: options?.keybindingProvider ?? (action => _keybindingService.lookupKeybinding(action.id))
         };
-        super(action, { getActions: () => action.actions }, _contextMenuService, dropdownOptions);
+        super(action, {
+            getActions: () => action.actions
+        }, _contextMenuService, dropdownOptions);
         this._keybindingService = _keybindingService;
         this._contextMenuService = _contextMenuService;
         this._themeService = _themeService;
@@ -304,16 +349,16 @@ let SubmenuEntryActionViewItem = class SubmenuEntryActionViewItem extends Dropdo
     render(container) {
         super.render(container);
         assertType(this.element);
-        container.classList.add('menu-entry');
+        container.classList.add("menu-entry");
         const action = this._action;
-        const { icon } = action.item;
+        const {
+            icon
+        } = action.item;
         if (icon && !ThemeIcon.isThemeIcon(icon)) {
-            this.element.classList.add('icon');
+            this.element.classList.add("icon");
             const setBackgroundImage = () => {
                 if (this.element) {
-                    this.element.style.backgroundImage = (isDark(this._themeService.getColorTheme().type)
-                        ? asCSSUrl(icon.dark)
-                        : asCSSUrl(icon.light));
+                    this.element.style.backgroundImage = (isDark(this._themeService.getColorTheme().type) ? asCSSUrl(icon.dark) : asCSSUrl(icon.light));
                 }
             };
             setBackgroundImage();
@@ -323,16 +368,21 @@ let SubmenuEntryActionViewItem = class SubmenuEntryActionViewItem extends Dropdo
         }
     }
 };
-SubmenuEntryActionViewItem = ( __decorate([
-    ( __param(2, IKeybindingService)),
-    ( __param(3, IContextMenuService)),
-    ( __param(4, IThemeService))
-], SubmenuEntryActionViewItem));
+SubmenuEntryActionViewItem = ( __decorate([( __param(2, IKeybindingService)), ( __param(3, IContextMenuService)), ( __param(4, IThemeService))], SubmenuEntryActionViewItem));
 let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem extends BaseActionViewItem {
     get onDidChangeDropdownVisibility() {
         return this._dropdown.onDidChangeVisibility;
     }
-    constructor(submenuAction, options, _keybindingService, _notificationService, _contextMenuService, _menuService, _instaService, _storageService) {
+    constructor(
+        submenuAction,
+        options,
+        _keybindingService,
+        _notificationService,
+        _contextMenuService,
+        _menuService,
+        _instaService,
+        _storageService
+    ) {
         super(null, submenuAction);
         this._keybindingService = _keybindingService;
         this._notificationService = _notificationService;
@@ -352,13 +402,17 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
         if (!defaultAction) {
             defaultAction = submenuAction.actions[0];
         }
-        this._defaultAction = this._defaultActionDisposables.add(this._instaService.createInstance(MenuEntryActionViewItem, defaultAction, { keybinding: this._getDefaultActionKeybindingLabel(defaultAction) }));
+        this._defaultAction = this._defaultActionDisposables.add(
+            this._instaService.createInstance(MenuEntryActionViewItem, defaultAction, {
+                keybinding: this._getDefaultActionKeybindingLabel(defaultAction)
+            })
+        );
         const dropdownOptions = {
             keybindingProvider: action => this._keybindingService.lookupKeybinding(action.id),
             ...options,
             menuAsChild: options?.menuAsChild ?? true,
-            classNames: options?.classNames ?? ['codicon', 'codicon-chevron-down'],
-            actionRunner: options?.actionRunner ?? this._register(( new ActionRunner())),
+            classNames: options?.classNames ?? ["codicon", "codicon-chevron-down"],
+            actionRunner: options?.actionRunner ?? this._register(( new ActionRunner()))
         };
         this._dropdown = this._register(( new DropdownMenuActionViewItem(
             submenuAction,
@@ -367,7 +421,7 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
             dropdownOptions
         )));
         if (options?.togglePrimaryAction) {
-            this._register(this._dropdown.actionRunner.onDidRun((e) => {
+            this._register(this._dropdown.actionRunner.onDidRun(e => {
                 if (e.action instanceof MenuItemAction) {
                     this.update(e.action);
                 }
@@ -376,17 +430,24 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
     }
     update(lastAction) {
         if (this._options?.togglePrimaryAction) {
-            this._storageService.store(this._storageKey, lastAction.id, StorageScope.WORKSPACE, StorageTarget.MACHINE);
+            this._storageService.store(
+                this._storageKey,
+                lastAction.id,
+                StorageScope.WORKSPACE,
+                StorageTarget.MACHINE
+            );
         }
         this._defaultActionDisposables.clear();
-        this._defaultAction = this._defaultActionDisposables.add(this._instaService.createInstance(MenuEntryActionViewItem, lastAction, { keybinding: this._getDefaultActionKeybindingLabel(lastAction) }));
+        this._defaultAction = this._defaultActionDisposables.add(this._instaService.createInstance(MenuEntryActionViewItem, lastAction, {
+            keybinding: this._getDefaultActionKeybindingLabel(lastAction)
+        }));
         this._defaultAction.actionRunner = this._defaultActionDisposables.add(new (class extends ActionRunner {
             async runAction(action, context) {
                 await action.run(undefined);
             }
         })());
         if (this._container) {
-            this._defaultAction.render(prepend(this._container, $('.action-container')));
+            this._defaultAction.render(prepend(this._container, $(".action-container")));
         }
     }
     _getDefaultActionKeybindingLabel(defaultAction) {
@@ -415,10 +476,10 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
     render(container) {
         this._container = container;
         super.render(this._container);
-        this._container.classList.add('monaco-dropdown-with-default');
-        const primaryContainer = $('.action-container');
+        this._container.classList.add("monaco-dropdown-with-default");
+        const primaryContainer = $(".action-container");
         this._defaultAction.render(append(this._container, primaryContainer));
-        this._register(addDisposableListener(primaryContainer, EventType.KEY_DOWN, (e) => {
+        this._register(addDisposableListener(primaryContainer, EventType.KEY_DOWN, e => {
             const event = ( new StandardKeyboardEvent(e));
             if (event.equals(KeyCode.RightArrow)) {
                 this._defaultAction.element.tabIndex = -1;
@@ -426,9 +487,9 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
                 event.stopPropagation();
             }
         }));
-        const dropdownContainer = $('.dropdown-action-container');
+        const dropdownContainer = $(".dropdown-action-container");
         this._dropdown.render(append(this._container, dropdownContainer));
-        this._register(addDisposableListener(dropdownContainer, EventType.KEY_DOWN, (e) => {
+        this._register(addDisposableListener(dropdownContainer, EventType.KEY_DOWN, e => {
             const event = ( new StandardKeyboardEvent(e));
             if (event.equals(KeyCode.LeftArrow)) {
                 this._defaultAction.element.tabIndex = 0;
@@ -441,8 +502,7 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
     focus(fromRight) {
         if (fromRight) {
             this._dropdown.focus();
-        }
-        else {
+        } else {
             this._defaultAction.element.tabIndex = 0;
             this._defaultAction.element.focus();
         }
@@ -455,26 +515,23 @@ let DropdownWithDefaultActionViewItem = class DropdownWithDefaultActionViewItem
     setFocusable(focusable) {
         if (focusable) {
             this._defaultAction.element.tabIndex = 0;
-        }
-        else {
+        } else {
             this._defaultAction.element.tabIndex = -1;
             this._dropdown.setFocusable(false);
         }
     }
 };
-DropdownWithDefaultActionViewItem = ( __decorate([
-    ( __param(2, IKeybindingService)),
-    ( __param(3, INotificationService)),
-    ( __param(4, IContextMenuService)),
-    ( __param(5, IMenuService)),
-    ( __param(6, IInstantiationService)),
-    ( __param(7, IStorageService))
-], DropdownWithDefaultActionViewItem));
+DropdownWithDefaultActionViewItem = ( __decorate([( __param(2, IKeybindingService)), ( __param(3, INotificationService)), ( __param(4, IContextMenuService)), ( __param(5, IMenuService)), ( __param(6, IInstantiationService)), ( __param(7, IStorageService))], DropdownWithDefaultActionViewItem));
 let SubmenuEntrySelectActionViewItem = class SubmenuEntrySelectActionViewItem extends SelectActionViewItem {
     constructor(action, contextViewService, configurationService) {
-        super(null, action, ( action.actions.map(
-            a => (a.id === Separator.ID ? SeparatorSelectOption : { text: a.label, isDisabled: !a.enabled, })
-        )), 0, contextViewService, defaultSelectBoxStyles, { ariaLabel: action.tooltip, optionsAsChildren: true, useCustomDrawn: !hasNativeContextMenu(configurationService) });
+        super(null, action, ( action.actions.map(a => (a.id === Separator.ID ? SeparatorSelectOption : {
+            text: a.label,
+            isDisabled: !a.enabled
+        }))), 0, contextViewService, defaultSelectBoxStyles, {
+            ariaLabel: action.tooltip || action.label,
+            optionsAsChildren: true,
+            useCustomDrawn: !hasNativeContextMenu(configurationService)
+        });
         this.select(Math.max(0, action.actions.findIndex(a => a.checked)));
     }
     render(container) {
@@ -488,29 +545,22 @@ let SubmenuEntrySelectActionViewItem = class SubmenuEntrySelectActionViewItem ex
         }
     }
 };
-SubmenuEntrySelectActionViewItem = ( __decorate([
-    ( __param(1, IContextViewService)),
-    ( __param(2, IConfigurationService))
-], SubmenuEntrySelectActionViewItem));
+SubmenuEntrySelectActionViewItem = ( __decorate([( __param(1, IContextViewService)), ( __param(2, IConfigurationService))], SubmenuEntrySelectActionViewItem));
 function createActionViewItem(instaService, action, options) {
     if (action instanceof MenuItemAction) {
         return instaService.createInstance(MenuEntryActionViewItem, action, options);
-    }
-    else if (action instanceof SubmenuItemAction) {
+    } else if (action instanceof SubmenuItemAction) {
         if (action.item.isSelection) {
             return instaService.createInstance(SubmenuEntrySelectActionViewItem, action);
-        }
-        else if (action.item.isSplitButton) {
+        } else if (action.item.isSplitButton) {
             return instaService.createInstance(DropdownWithDefaultActionViewItem, action, {
                 ...options,
-                togglePrimaryAction: typeof action.item.isSplitButton !== 'boolean' ? action.item.isSplitButton.togglePrimaryAction : false,
+                togglePrimaryAction: typeof action.item.isSplitButton !== "boolean" ? action.item.isSplitButton.togglePrimaryAction : false
             });
-        }
-        else {
+        } else {
             return instaService.createInstance(SubmenuEntryActionViewItem, action, options);
         }
-    }
-    else {
+    } else {
         return undefined;
     }
 }