The open value can be set by the user as an @Input value or when a user, using the keyboard, navigates to a menu item that has children.
The function closes the panel passed in. If there are no more panels, reset to default state.
The function focus on the search input when the user clicks on the search icon. The function clears the search input when the user clicks on the search icon. The function opens the menu when the user clicks on the search icon. The function clears the panels when the user clicks on the search icon, if the menu was closed.
When clicking an item the menu should close, but if the user is on part of the hover trigger it will cause the menu to reopen. This function will lock the hover for 1 second to give the user time to move their mouse away. Not perfect but it works.
Update the items when an item is updated. Triggered by child elements.
If the mouse enters and the panel is open then do nothing. If the mouse enters and the panel is closed then open the menu. If the mouse leaves and panels are active is open then removal all panels, reset to default state. If the search input has a value and the mouse leaves then clear the search value, reset to default state.
MouseEnter or MouseLeave
The function renders a panel based on the item passed in. Will remove all previous panels.
Manage the favorite subscriptions. Subscribe to the favorites action and update the items based on the action.
If the search menu is in focus, set the min height to the height of the menu. If the search menu is not in focus and the search input is empty, set the min height to 0. Use to avoid the menu jumping when the search results are shorter than the menu.
Boolean
Manage the search subscriptions. Subscribe to the search input value changes and filter the items based on the search value.
When the animation is complete focus on the button.
When the animation starts blur the active element.
The function adds a new item to the panels array. If the item is the top level parent close all panels and reset to default state. Set the selected value to the item.
Generated using TypeDoc
ID for the id html attribute