Skip to content

appendSelectedAggregatedLinkToMenuBarList($menuToggleActionButton: MenuToggleActionButton): void

Close menu. On desktop, it always leaves headerlinks visible, on mobile it closes a while layer.

Example

const $menu = document.querySelector('s-menu')
const menuViewController = $menu.viewController;

const handleAggregatedLinkSelected = (event) => {
    const $listItem = event.detail.$listItem;

    const $menuToggleActionButton = $listItem.querySelector(
        `.${MENU_ACTION_BUTTONS_JS_CLASSES.menuToggleActionButton}`
    );

    if (!$menuToggleActionButton) return;

    viewController.appendSelectedAggregatedLinkToMenuBarList($menuToggleActionButton);
}

$menu.addEventListener(LIST_ITEMS_AGGREGATOR_EVENTS.itemSelected, handleAggregatedLinkSelected);