<div class="search-select" [class.hide-header]="!showHeader">
    <div class="show-name" *ngIf="!displayAsButton">
        <p #paragraphRef (click)="openSearchBox()" [class.search-empty]="!searchBoxFilled"></p>
        <span class="spt-clear" *ngIf="searchBoxFilled" (click)="clearSearch()"></span>
    </div>
    <div *ngIf="displayAsButton" (click)="openSearchBox()" class="btn btn-primary mb-2">{{ 'basic.logout' | translate }}</div>
    <div class="search-toggle" [class.search-box-open]="searchBoxOpen">
        <app-list #listComponent
                  [listId]="'searchSelect'"
                  [getDataFunction]="getDataFunction"
                  [onRowSelectedFunction]="onRowSelected"
                  [listColDefinitions]="listColDefinitions"
                  [showDetailButton]="false"
                  [showFilterBar]="false"
        >
        </app-list>
    </div>
</div>
