blob: 5df7352445648de31893d42623d365e4ac24d196 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
export default `
<div class="sdc-autocomplete-container" [ngClass]="{'results-shown': autoCompleteResults.length}">
<sdc-filter-bar
[placeholder]="placeholder"
[label]="label"
[searchQuery]="searchQuery"
(searchQueryChange)="onSearchQueryChanged($event)">
</sdc-filter-bar>
<ul class="autocomplete-results" [@displayResultsAnimation]="autoCompleteResults.length ?'true':'false'">
<li *ngFor="let item of autoCompleteResults"
(click)="onItemSelected(item)">{{item.value}}</li>
</ul>
</div>
`;
|