mat-select-search.component.html

<!-- Placeholder to adjust vertical offset of the mat-option elements -->
<input matInput class="mat-select-search-input mat-select-search-hidden"/>

<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->
<div
      #innerSelectSearch
      class="mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header"
      [ngClass]="{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }">

  <mat-checkbox *ngIf="_isToggleAllCheckboxVisible()"
                color="primary"
                class="mat-select-search-toggle-all-checkbox"
                [checked]="toggleAllCheckboxChecked"
                [indeterminate]="toggleAllCheckboxIndeterminate"
                (change)="_emitSelectAllBooleanToParent($event.checked)"
  ></mat-checkbox>

  <input matInput
         class="mat-select-search-input"
         autocomplete="off"
         [type]="type"
         [value]="value"
         #searchSelectInput
         (keydown)="_handleKeydown($event)"
         (input)="onInputChange($event.target.value)"
         (blur)="onBlur($event.target.value)"
         [placeholder]="placeholderLabel"
         [attr.aria-label]="ariaLabel"
  />
  <mat-spinner *ngIf="searching"
          class="mat-select-search-spinner"
          diameter="16"></mat-spinner>

  <button mat-button
          *ngIf="value && !searching"
          mat-icon-button
          aria-label="Clear"
          (click)="_reset(true)"
          class="mat-select-search-clear">
    <ng-content *ngIf="clearIcon; else defaultIcon" select="[ngxMatSelectSearchClear]"></ng-content>
    <ng-template #defaultIcon>
      <mat-icon>close</mat-icon>
    </ng-template>
  </button>

  <ng-content select=".mat-select-search-custom-header-content"></ng-content>

</div>

<div *ngIf="_noEntriesFound()"
     class="mat-select-search-no-entries-found">
  {{noEntriesFoundLabel}}
</div>
<!--
Copyright (c) 2018 Bithost GmbH All Rights Reserved.

Use of this source code is governed by an MIT-style license that can be
found in the LICENSE file at https://angular.io/license
-->