<div
  class="bubble-main"
  (mouseenter)="mouseEnter($event)"
  (mouseleave)="mouseLeave($event)"
>
  <div *ngIf="showExpired" class="expired-text">
    <span>{{ 'common.file.errors.expired' | translate }}</span>
  </div>
  <mat-grid-list
    cols="6"
    rowHeight="100px"
    gutterSize="3px"
    style="width: 300px;"
  >
    <mat-grid-tile
      *ngFor="let tile of tiles; let i = index"
      [colspan]="tile.colspan"
      (click)="onClickFileViewer(i)"
    >
      <img src="{{ tile.imgSrc }}" />
    </mat-grid-tile>
  </mat-grid-list>
</div>