[{"__symbolic":"module","version":4,"metadata":{"TagsInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"lsu-tagsInput","styles":[".tags-input.invalid { border-top: 2px solid #DB2828 !important; } .tags-input .ui.label.transition.visible { height: 25px; display: inline-block !important; } .tags-input .ui.input { display: inline-block; width: auto; } .tags-input .ui.input input { height: 30px; padding: 0 5px; border: none; } .tags-input .ui.input input:focus { border-radius: inherit; } .deleteTarget:hover, .deleteTarget { border: 0 solid tomato; background-color: tomato !important; color: white !important; } "],"template":"<div #rootEleRef class=\"ui fluid dropdown selection multiple tags-input\" tabindex=\"-1\" (click)=\"tagsInput.focus()\" (keyup)=\"topKeyup($event)\"> <a class=\"ui label transition visible\" [class.deleteTarget]=\"delTarget == tag\" *ngFor=\"let tag of tags; let i = index; let last = last;\" (click)=\"setDeltarget(tag, $event)\"> {{ tag }} <i class=\"delete icon\" (click)=\"remove(i, $event)\"></i> </a> <div class=\"ui input\"> <input type=\"text\" autocomplete=\"off\" [attr.placeholder]=\"placeholder\" #tagsInput (focus)=\"tagInputOnFocus($event)\" (keyup)=\"tagInputKeyUp($event)\" (keydown)=\"tagInputKeyDown($event)\" (keypress)=\"tagInputKeyPress($event)\"> </div> </div> ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TagsInputComponent"},"multi":true}]}]}],"members":{"rootEleRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["rootEleRef"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"invalidMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"topKeyup":[{"__symbolic":"method"}],"setDeltarget":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"tagInputOnFocus":[{"__symbolic":"method"}],"tagInputKeyPress":[{"__symbolic":"method"}],"tagInputKeyDown":[{"__symbolic":"method"}],"tagInputKeyUp":[{"__symbolic":"method"}]}}}}]