<div
    (click)="pageSelected.emit(number)"
    (dblclick)="toggleReadState()"
    *ngIf="assigneeChanged$ | async"
    [class.active]="isActive"
    [class.read]="read"
    [id]="'quick-nav-page-' + number"
    class="page-wrapper"
>
    <mat-icon [svgIcon]="showDottedIcon ? 'red:excluded-page' : 'red:page'"></mat-icon>

    <div class="text">{{ number }}</div>

    <div *ngIf="activeSelection" class="dot"></div>

    <div *ngIf="pageRotationService.rotations()[number]" class="rotated">
        <mat-icon svgIcon="red:rotation"></mat-icon>
    </div>
</div>
