src/app/shared/layout/pagination-counter/pagination-counter.component.html

<!-------------------------------------------------------------------------------
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 -------------------------------------------------------------------------------->

<app-select #pageSizeSelect
            (appValueChange)="appPageSize = $event; appPageChange.emit({page: 0, size: $event});"
            [appDisabled]="appDisabled"
            [appOptions]="appPageSizeOptions"
            [appValue]="appPageSize"
            [title]="'shared.pagination.size' | translate"
            class="page-size-select">
</app-select>

<button (click)="getPreviousPage(pageSizeSelect.appValue)"
        [class.openk-button-disabled]="!(appPage > 0)"
        [disabled]="appDisabled || !(appPage > 0)"
        class="openk-button openk-info page-info--button">
  <mat-icon class="page-info--button--icon">keyboard_arrow_left</mat-icon>
</button>

<span
  [class.disabled]="appDisabled"
  class="page-info--text">
    {{appPage == null ? 1 : appPage + 1}} / {{appTotalPages === 0 ? 1 : appTotalPages}}
</span>

<button (click)="getNextPage(pageSizeSelect.appValue)"
        [disabled]="appDisabled || appPage >= appTotalPages - 1"
        class="openk-button openk-info page-info--button">
  <mat-icon class="page-info--button--icon">keyboard_arrow_right</mat-icon>
</button>