[{"__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 {\n  color: #71bf43;\n  border: 2px solid #71bf43;\n  padding: 5px 11px;\n  /* offset the thicker border to avoid button size change */\n}\n\n.sky-filter-btn-active:hover, .sky-filter-btn-active:focus {\n  color: #282b31;\n}\n"],"template":"<button\n  [attr.title]=\"'filter_button_title' | skyResources\"\n  [ngClass]=\"{'sky-filter-btn-active sky-rounded-corners': 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 {\n  color: #71bf43;\n  border: 2px solid #71bf43;\n  padding: 5px 11px;\n  /* offset the thicker border to avoid button size change */\n}\n\n.sky-filter-btn-active:hover, .sky-filter-btn-active:focus {\n  color: #282b31;\n}\n"],"template":"<button\n  [attr.title]=\"'filter_button_title' | skyResources\"\n  [ngClass]=\"{'sky-filter-btn-active sky-rounded-corners': 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"}]}}}}]