@intellegens/cornerstone-client-angular-material

Contains directives and overrides which improve Angular Material UI if used with @intellegens/cornerstone-client-angular and @intellegens/cornerstone-client libraries.

MatPaginatorIntlOverrides

Custom paginator service to adjust the label for the paginator.

Used on MatTablePaginationDirective:

@Directive({
  selector: 'mat-paginator',
  providers: [{ provide: MatPaginatorIntl, useClass: MatPaginatorIntlOverrides }],
  standalone: true,
})

MatTableSortDirective

Directive used to pass data to the CollectionViewAdapter and reverse the default direction of shown table header sorting arrows.

Usage example:

<table mat-table matSort [adapter]="_adapter" [dataSource]="_tableDataSource">
  <!-- table contents -->
</table>

MatTablePaginationDirective

Directive used to pass data to the CollectionViewAdapter, uses MatPaginatorIntlOverrides to change pagination UI.

Usage example:

<mat-paginator
  [adapter]="_adapter"
  [pageSizeOptions]="[10, 20, 50]"
  [pageSize]="_adapter.pageSize"
  [pageIndex]="(currentPage ?? 1) - 1"
  [length]="_totalItemsCount()"
  (page)="$event"
></mat-paginator>