unicorn-components/src/components/ui/paginator/paginator.component.html

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

<div class="uni-paginator__container">

    <p class="uni-paginator__counter">
        <strong>{{selected * pageSize + 1}} - {{min(totalElements, (selected + 1) * pageSize)}}</strong> of {{totalElements}}
        items
    </p>

    <div class="uni-paginator__pages">
        <uni-icon class="uni-paginator__icon" icon="keyboard_arrow_left" (click)="prevPage()" [class.uni-paginator__icon--disabled]="selected === 0"></uni-icon>
        <span class="uni-paginator__page" *ngFor="let page of pages" [class.uni-paginator__page--selectable]="page !== selected && page !== null" [class.uni-paginator__page--selected]="page === selected" (click)="selectPage(page)">
            {{page === null ? '...' : page+1}}
        </span>
        <uni-icon class="uni-paginator__icon" icon="keyboard_arrow_right" (click)="nextPage()" [class.uni-paginator__icon--disabled]="selected === pagesCount - 1"></uni-icon>
    </div>
</div>