alfresco-ng2-components/lib/content-services/search/components/search-chip-list/search-chip-list.component.html

<mat-chip-list>
    <ng-container *ngIf="searchFilter && searchFilter.selectedFacetQueries.length">
        <mat-chip
            *ngFor="let query of searchFilter.selectedFacetQueries"
            [removable]="true"
            (remove)="searchFilter.unselectFacetQuery(query)">
            {{ query.label | translate }}
            <mat-icon matChipRemove>cancel</mat-icon>
        </mat-chip>
    </ng-container>
    <ng-container *ngIf="searchFilter && searchFilter.selectedBuckets.length">
        <mat-chip
            *ngFor="let selection of searchFilter.selectedBuckets"
            [removable]="true"
            (remove)="searchFilter.unselectFacetBucket(selection.field, selection.bucket)">
            {{ (selection.bucket.display || selection.bucket.label) | translate }}
            <mat-icon matChipRemove>cancel</mat-icon>
        </mat-chip>
    </ng-container>
</mat-chip-list>