<div *ngIf="searchEnabled">
	<mat-form-field>
		<input type="text" placeholder="{{ 'FACET-SEARCH.FILTER' | translate }}" matInput [formControl]="optionSearchControl">
	</mat-form-field>
</div>

<mat-chip-list *ngIf="searchEnabled">
	<mat-chip [removable]="true" (removed)="removeOption(option)" *ngFor="let option of selectedOptions">{{
		displayLabel(option) }}
		<mat-icon matChipRemove>cancel</mat-icon>
	</mat-chip>
</mat-chip-list>

<div class="data-expand-panel">
	<mat-selection-list #optionsList (selectionChange)="selectionChanged($event)">
		<mat-list-option class="facet-option-item" *ngFor="let option of (options | async)" [value]="option" [selected]="isOptionSelected(option)">
			<p>{{ displayLabel(option) }}</p>
		</mat-list-option>
	</mat-selection-list>
</div>
