<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>