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);