UNPKG

mdc-autocomplete

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.84 kB
{"__symbolic":"module","version":4,"metadata":{"MdcAutocompleteService":{"__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":{}}},"MdcAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"mdc-autocomplete-list","name":"MdcAutocompleteListModule","line":10,"character":4},{"__symbolic":"reference","module":"mdc-autocomplete-list-item","name":"MdcAutocompleteListItemModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular-mdc/web","name":"MdcTextFieldModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"MdcAutocomplete"}],"exports":[{"__symbolic":"reference","name":"MdcAutocomplete"}]}]}],"members":{}},"MdcAutocomplete":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mdc-autocomplete","template":"<div class=\"autocomplete\">\n <mdc-text-field #textField [(ngModel)]=\"value\" [label]=\"label\" (keydown)=\"onKeyDown($event)\" (keyup)=\"onKeyUp($event)\"\n (click)=\"onFocus(true)\" (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\" (blur)=\"onFocus(false)\"\n autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\">\n </mdc-text-field>\n <ng-content select=\"mdc-autocomplete-list\"></ng-content>\n</div>\n","styles":[".autocomplete{display:inline-block}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"itemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["textField"]}]}],"autocompleteList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"mdc-autocomplete-list","name":"MdcAutocompleteList","line":23,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"onTextFieldChange":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"setNativeInputAtrributes":[{"__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","template":"\n <p>\n mdc-autocomplete works!\n </p>\n ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"MdcAutocompleteService":"./lib/mdc-autocomplete.service","MdcAutocompleteModule":"./lib/mdc-autocomplete.module","MdcAutocomplete":"./lib/autocomplete/autocomplete.component","ɵa":"./lib/mdc-autocomplete.component"},"importAs":"mdc-autocomplete"}