<!-- Semmet Angular: Menu Button — https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/ -->
<!--
Usage from a parent component template:
Import <%= classify(name) %>, <%= classify(name) %>Trigger, <%= classify(name) %>Menu and <%= classify(name) %>Item
in that parent component. This directive set never owns markup: bring your own wrapper, trigger
button and popup list, in whatever structure the layout needs.

<div <%= camelize(name) %> style="position: relative; display: inline-block;">
  <button type="button" <%= camelize(name) %>Trigger>Options</button>

  <ul <%= camelize(name) %>Menu style="position: absolute;">
    @for (item of items; track item.id) {
      <li role="none">
        <div <%= camelize(name) %>Item>{{ item.label }}</div>
      </li>
    }
  </ul>
</div>
-->
