@blackbaud/skyux/dist/modules/filter/filter-button.component.metadata.json

SKY UX built on Angular 2

[{"__symbolic":"module","version":3,"metadata":{"SkyFilterButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-button","styles":[".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#71bf43;border:2px solid #71bf43;border-radius:3px;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#282b31}\n"],"template":"<button\n  [attr.title]=\"'filter_button_title' | skyResources\"\n  [ngClass]=\"{'sky-filter-btn-active': active}\"\n  type=\"button\"\n  class=\"sky-btn sky-btn-default sky-filter-btn\"\n  (click)=\"filterButtonOnClick()\">\n  <i class=\"fa fa-lg fa-filter\"></i>\n</button>\n","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"filterButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"filterButtonOnClick":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyFilterButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-filter-button","styles":[".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#71bf43;border:2px solid #71bf43;border-radius:3px;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#282b31}\n"],"template":"<button\n  [attr.title]=\"'filter_button_title' | skyResources\"\n  [ngClass]=\"{'sky-filter-btn-active': active}\"\n  type=\"button\"\n  class=\"sky-btn sky-btn-default sky-filter-btn\"\n  (click)=\"filterButtonOnClick()\">\n  <i class=\"fa fa-lg fa-filter\"></i>\n</button>\n","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"filterButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"filterButtonOnClick":[{"__symbolic":"method"}]}}}}]