SQ-UI/ng-sq-ui

<ol class="paginator display-flex wrap" *ngIf="pages.length > 0">
  <li>
    <button type="button"
            [disabled]="disablePrevBtns"
            data-btn-type="first"
            (click)="onPageClick(pages[0])">
      <i class="fas fa-angle-double-left" aria-hidden="true"></i>
    </button>
  </li>
  <li>
    <button type="button"
            [disabled]="disablePrevBtns"
            data-btn-type="prev"
            (click)="navigateToPage(-1)">
      <i class="fas fa-angle-left" aria-hidden="true"></i>
    </button>
  </li>
  <li *ngFor="let page of pages"
      [hidden]="page.isHidden"
      data-btn-type="page-num"
      [ngClass]="{
        'current': page.isSelected,
        'truncated': page.isHidden
      }">
    <button type="button"
            (click)="onPageClick(page)">
      {{page.number}}
    </button>
  </li>
  <li>
    <button type="button"
            [disabled]="disableNextBtns"
            data-btn-type="next"
            (click)="navigateToPage(1)">
      <i class="fas fa-angle-right" aria-hidden="true"></i>
    </button>
  </li>
  <li>
    <button type="button"
            [disabled]="disableNextBtns"
            data-btn-type="last"
            (click)="onPageClick(pages[pages.length - 1])">
      <i class="fas fa-angle-double-right" aria-hidden="true"></i>
    </button>
  </li>
</ol>