{{! template-lint-disable no-down-event-binding }}
{{#if (or @isOpen @static)}}
  <div
    id={{@itemsGuid}}
    aria-labelledby={{@buttonGuid}}
    aria-activedescendant={{@activeItem.element.id}}
    tabindex='-1'
    role='menu'
    ...attributes
    {{on 'keydown' this.onKeydown}}
    {{headlessui-focus-trap
      focusTrapOptions=(hash
        allowOutsideClick=this.allowClickOutsideFocusTrap
        clickOutsideDeactivates=this.clickOutsideFocusTrapDeactivates
        fallbackFocus=this.menuItemsElementSelector
        initialFocus=this.menuItemsElementSelector
        onDeactivate=@closeMenu
      )
    }}
  >
    {{yield
      (hash
        Item=(component
          'menu/item'
          registerItem=@registerItem
          unregisterItem=@unregisterItem
          goToItem=@goToItem
          closeMenu=@closeMenu
        )
      )
    }}
  </div>
{{/if}}