carbon-components-angular/dropdown/list/dropdown-list.component.metadata.json

Next generation components

[{"__symbolic":"module","version":4,"metadata":{"DropdownList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"ibm-dropdown-list","template":"\n\t\t<ul\n\t\t\t#list\n\t\t\trole=\"listbox\"\n\t\t\tclass=\"bx--list-box__menu\">\n\t\t\t<li tabindex=\"{{item.disabled? -1 : 0}}\"\n\t\t\t\trole=\"option\"\n\t\t\t\t*ngFor=\"let item of displayItems\"\n\t\t\t\t(click)=\"doClick($event, item)\"\n\t\t\t\t(keydown)=\"doKeyDown($event, item)\"\n\t\t\t\tclass=\"bx--list-box__menu-item\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\tselected: item.selected,\n\t\t\t\t\tdisabled: item.disabled\n\t\t\t\t}\">\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"!listTpl && type === 'multi'\"\n\t\t\t\t\tclass=\"bx--form-item bx--checkbox-wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"bx--checkbox\"\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t[checked]=\"item.selected\"\n\t\t\t\t\t\t[disabled]=\"item.disabled\"\n\t\t\t\t\t\t(click)=\"doClick($event, item)\"\n\t\t\t\t\t\ttabindex=\"-1\">\n\t\t\t\t\t<label class=\"bx--checkbox-label\">{{item.content}}</label>\n\t\t\t\t</div>\n\t\t\t\t<ng-container *ngIf=\"!listTpl && type === 'single'\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"listTpl\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{item: item}\"\n\t\t\t\t\t[ngTemplateOutlet]=\"listTpl\">\n\t\t\t\t</ng-template>\n\t\t\t</li>\n\t\t</ul>","providers":[{"provide":{"__symbolic":"reference","module":"./../abstract-dropdown-view.class","name":"AbstractDropdownView","line":84,"character":12},"useExisting":{"__symbolic":"reference","name":"DropdownList"}}]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}],"listTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":2}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":2}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":105,"character":2},"arguments":["list"]}]}],"clearSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":109,"character":2},"arguments":["clearSelected"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":141,"character":32}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateList":[{"__symbolic":"method"}],"filterBy":[{"__symbolic":"method"}],"setupFocusObservable":[{"__symbolic":"method"}],"getNextItem":[{"__symbolic":"method"}],"hasNextElement":[{"__symbolic":"method"}],"getNextElement":[{"__symbolic":"method"}],"getPrevItem":[{"__symbolic":"method"}],"hasPrevElement":[{"__symbolic":"method"}],"getPrevElement":[{"__symbolic":"method"}],"getCurrentItem":[{"__symbolic":"method"}],"getCurrentElement":[{"__symbolic":"method"}],"getSelected":[{"__symbolic":"method"}],"propagateSelected":[{"__symbolic":"method"}],"initFocus":[{"__symbolic":"method"}],"doKeyDown":[{"__symbolic":"method"}],"doClick":[{"__symbolic":"method"}]}}}}]