mdc-autocomplete-list-item
Version:
MdcAutocomplete in conjunction with MdcAutocompleteList and MdcAutocompleteListItem are a pack of angular components to provide an autocomplete functionality to Angular MDC web.
1 lines • 3.5 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"MdcAutocompleteListItemService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"MdcAutocompleteListItemModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"MdcAutocompleteListItem"}],"exports":[{"__symbolic":"reference","name":"MdcAutocompleteListItem"}]}]}],"members":{}},"MdcAutocompleteListItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mdc-autocomplete-list-item","template":"<li #li *ngIf=\"visible\" [class.focused]=\"focused\" class=\"mdc-autocomplete-list-item\" (click)=\"onItemClicked()\" (mouseenter)=\"onHover()\">\n <ng-content></ng-content>\n</li>\n","styles":["li{overflow:auto;cursor:pointer}li.focused{background-color:#dedede}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"filterString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"itemClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"itemHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"li":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["li"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"scrollIntoView":[{"__symbolic":"method"}],"onItemClicked":[{"__symbolic":"method"}],"onHover":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mdc-mdc-autocomplete-list-item","template":"\n <p>\n mdc-autocomplete-list-item works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"MdcAutocompleteListItemService":"./lib/mdc-autocomplete-list-item.service","MdcAutocompleteListItemModule":"./lib/mdc-autocomplete-list-item.module","MdcAutocompleteListItem":"./lib/autocomplete-list-item/autocomplete-list-item.component","ɵa":"./lib/mdc-autocomplete-list-item.component"},"importAs":"mdc-autocomplete-list-item"}