[{"__symbolic":"module","version":4,"metadata":{"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"lsu-dropdown","styles":[".active,.visible{ display:block !important; }"],"host":{"(document:click)":"onDocumentClick($event)","$quoted$":["(document:click)"]},"template":"\n      <div class=\"ui fluid selection dropdown\" [attr.id]=\"id\"\n           [ngClass]=\"{'active':active,'visible':active,'multiple':multiple,'disabled':disabled}\"\n           (click)=\"toggleSelectPanel($event)\">\n          <i class=\"dropdown icon\"></i>\n          <div class=\"default text\" *ngIf=\"!selectedItem || selectedItem.length == 0\">\n              {{ placeHolder }}\n          </div>\n          <div class=\"text\" *ngIf=\"selectedItem && !multiple\">\n              {{ selectedItem[textField] || selectedItem }}\n          </div>\n          <div *ngIf=\"selectedItem && multiple\">\n              <a class=\"ui label transition visible\" style=\"display: inline-block !important;\" *ngFor=\"let item of selectedItem\">\n                  {{ item[textField] || item }}\n                  <i class=\"delete icon\" (click)=\"removeItem(item, $event)\"></i>\n              </a>\n          </div>\n          <div class=\"menu visible\" #menuPanel [@menuPanelState]=\"menuPanelState\"\n               (@menuPanelState.start)=\"menuPanel.style.overflowY = 'hidden'\"\n               (@menuPanelState.done)=\"menuPanel.style.overflowY = 'auto'\">\n              <div class=\"item\" [class.active]=\"isSelected(item)\" [class.filtered]=\"isSelected(item) && multiple\" (click)=\"itemClick(item, $event)\" *ngFor=\"let item of data\">\n                {{ item[textField] || item }}\n              </div>\n          </div>\n      </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["menuPanelState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0,"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["inactive <=> active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["200ms ease"]}]}]]}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DropdownComponent"},"multi":true}]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"idField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onDocumentClick":[{"__symbolic":"method"}],"toggleSelectPanel":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}]}}}}]