blob: a8645dc5f049485064f06ea2c920212becf14727 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<div class="canvas-search-component" [ngClass]="{'results-shown': autoCompleteResults.length}"
[class.canvas-search-visible]="autoCompleteValues && autoCompleteValues.length" [attr.data-tests-id]="testId">
<div class="canvas-search-bar-container" [attr.data-tests-id]="testId"
[class.active]="searchQuery && searchQuery.length">
<sdc-search-bar class="canvas-search-bar"
[placeHolder]="placeholder"
(onSearchClicked)="onSearchClicked($event)"
[size]="'medium'"
[value]="searchQuery"
(valueChange)="onSearchQueryChanged($event)">
</sdc-search-bar>
<svg-icon class="canvas-clear-search"
[name]="'close'"
[clickable]="true"
[mode]="'secondary'"
[size]="'small'"
(click)="onClearSearch()">
</svg-icon>
</div>
<dropdown-results *ngIf="autoCompleteResults && autoCompleteResults.length" [options]="autoCompleteResults"
(onItemSelected)="onItemSelected($event)"></dropdown-results>
</div>
|