{#
/**
 * @file
 * Default theme implementation to display the navigation footer menu.
 *
 * Available variables:
 * - menu_name: The machine name of the user menu.
 * - title: A name of account.
 * - items: A nested list of menu items. Each menu item contains:
 *   - attributes: HTML attributes for the menu item.
 *   - below: The menu item child items.
 *   - title: The menu link title.
 *   - url: The menu link URL, instance of \Drupal\Core\Url
 *   - localized_options: Menu link localized options.
 *   - is_expanded: TRUE if the link has visible children within the current
 *     menu tree.
 *   - is_collapsed: TRUE if the link has children within the current menu tree
 *     that are not currently visible.
 *   - in_active_trail: TRUE if the link is in the active trail.
 *
 * @ingroup themeable
 */
#}
<div class="admin-toolbar__item">
  {# @todo id & aria-labelledby will be brought back via JS in https://www.drupal.org/project/drupal/issues/3452724 #}
  <h4 class="visually-hidden focusable">{{ title }}</h4>
  <ul class="toolbar-block__list">
    <li id="admin-toolbar-user-menu" class="toolbar-block__list-item toolbar-block__list-item--user toolbar-popover" data-toolbar-popover>
      {% include 'navigation:toolbar-button' with {
        action: 'Extend'|t,
        attributes: create_attribute({
          'aria-expanded': 'false',
          'aria-controls': 'admin-toolbar-user-menu',
          'data-toolbar-popover-control': true,
          'data-has-safe-triangle': true,
        }),
        icon:  menu_name|clean_class,
        text: title,
        modifiers: [
          'expand--side',
          'collapsible',
        ],
        extra_classes: [
          'toolbar-popover__control',
        ],
      } only %}
      <div class="toolbar-popover__wrapper" data-toolbar-popover-wrapper>
        {% include 'navigation:toolbar-button' with {
          attributes: create_attribute(),
          modifiers: [
            'large',
            'dark',
            'non-interactive',
          ],
          extra_classes: [
            'toolbar-popover__header',
          ],
          html_tag: 'span',
          text: title,
        } only %}
        <ul class="toolbar-menu toolbar-popover__menu">
          {% for item in items %}
            <li class="toolbar-menu__item toolbar-menu__item--level-1">
              {% include 'navigation:toolbar-button' with {
                attributes: create_attribute({ 'href': item.url|render }),
                html_tag: 'a',
                text: item.title,
              } only %}
            </li>
          {% endfor %}
        </ul>
      </div>
    </li>
  </ul>
</div>
