import { Component , ElementRef , Input , OnInit , ViewEncapsulation , } from '@angular/core' ; import { AppUserCard } from 'src/interfaces/app-user-card.interface' ; import { FocusableOption } from '@angular/cdk/a11y' ; @ Component ( { selector : 'app-the-amazing-list-item' , templateUrl : './the-amazing-list-item.component.html' , styleUrls : [ './the-amazing-list-item.component.scss' ] , encapsulation : ViewEncapsulation . None , host : { tabindex : '-1' , role : 'list-item' , } , } ) export class TheAmazingListItemComponent implements OnInit , FocusableOption { @ Input ( ) item : Partial < AppUserCard > ; constructor ( private el ) { } focus ( ) { this . el . nativeElement . focus ( ) ; } ngOnInit ( ) { } }