<div class="row" *ngIf="(buildBreadCrumb(this.activatedRoute) | async) as items" [class.app-breadcrumb]="items.length > 0">
	<div *ngFor="let breadcrumb of items; let i = index; let length = count" class="col-auto breadcrumb-box">
		<div class="row breadcrumb-item">
			<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto active" *ngIf="i == (items.length - 1)">
				<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
				<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
			</a>
			<a [routerLink]="[breadcrumb.url]" [queryParams]="breadcrumb.params" class="navbar-brand breadcrumb-title col-auto" *ngIf="i != (items.length - 1)">
				<mat-icon *ngIf="breadcrumb.icon" class="icon mr-2">{{ breadcrumb.icon }}</mat-icon>
				<span class="breadcrumb-label">{{ breadcrumb.label }}</span>
			</a>
			<mat-icon class="arrow col-auto">chevron_right</mat-icon>
		</div>
	</div>
</div>
