<input autocomplete=”off” autocapitalize=”off” type=”text” class=”input”> <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=”origin” [cdkConnectedOverlayOpen]=”isOpen” [cdkConnectedOverlayOffsetY]=”12″ cdkConnectedOverlayHasBackdrop cdkConnectedOverlayBackdropClass=”cdk-overlay-transparent-backdrop” (backdropClick)=”close()” (detach)=”close()” > <div class=”suggestions-container” @dropDown (@dropDown.done)=”onPanelAnimationDone($event)”> <app-option #options *ngFor=”let item of items ” [item]=”item”></app-option> </div> </ng-template> @ViewChildren(‘options’) public options!: QueryList<OptionComponent<T>>; @Input() items: any; @HostListener(‘click’) open() { setTimeout(() => { this.options.changes.pipe( startWith<QueryList<OptionComponent<T>>>(this.options), tap(() => this.highlightSelectedOptions()), switchMap(options => merge(…options.map((o: OptionComponent<T>) => o.selected))), takeUntil(this.unsubscribe$) ).subscribe(selectedOption […]