<div *ngIf="folderNode" data-automation-id="breadcrumb" class="adf-breadcrumb-container">
    <li *ngFor="let item of route; let last = last"
        [class.active]="last"
        [ngSwitch]="last"
        title="{{ item.name | translate }}"
        class="adf-breadcrumb-item">

        <a *ngSwitchDefault href="#" [attr.data-automation-id]="'breadcrumb_' + item.name"
           class="adf-breadcrumb-item-anchor"
           (click)="onRoutePathClick(item, $event)">
            {{ item.name | translate }}
        </a>

        <div *ngSwitchCase="true" class="adf-breadcrumb-item-current">
            {{ item.name | translate }}
        </div>

        <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last">
            chevron_right
        </mat-icon>
    </li>
</div>
<div *ngIf="!folderNode && hasRoot">
    <li class="adf-breadcrumb-item">
        <div class="adf-breadcrumb-item-current">
            {{ root | translate }}
        </div>
    </li>
</div>
