<!-- Semmet Angular: Pagination — https://www.w3.org/TR/wai-aria-1.2/#aria-current -->
<!--
Usage from a parent component template:
Import <%= classify(name) %> and <%= classify(name) %>Item in that parent component.
This directive set never owns markup: bring your own nav/ul/li structure, previous/next
controls and page links. Native `disabled`/`aria-label` on the previous/next buttons
already communicate everything they need — no directive required for those.

<nav <%= camelize(name) %> label="Search results pages">
  <ul>
    <li>
      <button type="button" [disabled]="!hasPrevious()" (click)="goToPrevious()" aria-label="Previous page">
        Previous
      </button>
    </li>
    @for (page of pages; track page) {
      <li>
        <a <%= camelize(name) %>Item [href]="'?page=' + page" [current]="page === currentPage()" (click)="goToPage(page)">
          {{ page }}
        </a>
      </li>
    }
    <li>
      <button type="button" [disabled]="!hasNext()" (click)="goToNext()" aria-label="Next page">
        Next
      </button>
    </li>
  </ul>
</nav>
-->
