20 lines
703 B
HTML
20 lines
703 B
HTML
|
<ng-template let-formFieldId="id">
|
||
|
|
<div
|
||
|
|
class="mat-mdc-autocomplete-panel mdc-menu-surface mdc-menu-surface--open"
|
||
|
|
role="listbox"
|
||
|
|
[id]="id"
|
||
|
|
[class]="_classList"
|
||
|
|
[class.mat-mdc-autocomplete-visible]="showPanel"
|
||
|
|
[class.mat-mdc-autocomplete-hidden]="!showPanel"
|
||
|
|
[class.mat-primary]="_color === 'primary'"
|
||
|
|
[class.mat-accent]="_color === 'accent'"
|
||
|
|
[class.mat-warn]="_color === 'warn'"
|
||
|
|
[attr.aria-label]="ariaLabel || null"
|
||
|
|
[attr.aria-labelledby]="_getPanelAriaLabelledby(formFieldId)"
|
||
|
|
[@panelAnimation]="isOpen ? 'visible' : 'hidden'"
|
||
|
|
(@panelAnimation.done)="_animationDone.next($event)"
|
||
|
|
#panel>
|
||
|
|
<ng-content></ng-content>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|