UNPKG

ngx-tag-autocomplete

Version:

Tag input component for Angular

1 lines 2.38 kB
[{"__symbolic":"module","version":4,"metadata":{"TagInputItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-tag-input-item","template":"\n {{text}}\n <span\n class=\"ng2-tag-input-remove\"\n (click)=\"removeTag()\">&times;</span>\n ","styles":["\n :host {\n font-family: \"Roboto\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n height: 32px;\n line-height: 32px;\n display: inline-block;\n background: #e0e0e0;\n padding: 0 12px;\n border-radius: 90px;\n margin-right: 10px;\n transition: all 0.12s ease-out;\n }\n\n :host .ng2-tag-input-remove {\n background: #a6a6a6;\n border-radius: 50%;\n color: #e0e0e0;\n cursor: pointer;\n display: inline-block;\n font-size: 17px;\n height: 24px;\n line-height: 24px;\n margin-left: 6px;\n margin-right: -6px;\n text-align: center;\n width: 24px;\n }\n\n :host.ng2-tag-input-item-selected {\n color: white;\n background: #0d8bff;\n }\n\n :host.ng2-tag-input-item-selected .ng2-tag-input-remove {\n background: white;\n color: #0d8bff;\n }\n "]}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"tagRemoved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["class.ng2-tag-input-item-selected"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"removeTag":[{"__symbolic":"method"}]}}}}]