[{"__symbolic":"module","version":3,"metadata":{"SkyTabButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tab-button","template":"<a\n    class=\"sky-btn-tab\"\n    [ngClass]=\"{\n      'sky-btn-tab-wizard': tabStyle === 'wizard',\n      'sky-btn-tab-selected': active,\n      'sky-btn-tab-disabled': disabled,\n      'sky-tab-btn-closeable': allowClose\n    }\"\n    tabindex=\"0\"\n    (keydown)=\"keyDownFunction($event)\"\n    (click)=\"doTabClick()\"\n    role=\"tab\"\n    [attr.aria-selected]=\"active\"\n>\n  {{tabHeading}}\n  <span\n    class=\"sky-tab-header-count\"\n    *ngIf=\"tabHeaderCount || tabHeaderCount === 0\"\n  >\n    {{tabHeaderCount}}\n  </span>\n  <button\n      type=\"button\"\n      class=\"sky-btn-tab-close\"\n      [attr.aria-label]=\"'tab_close' | skyResources\"\n      *ngIf=\"allowClose\"\n      (click)=\"doCloseClick();$event.stopPropagation()\"\n  >\n    <i class=\"fa fa-remove\"></i>\n  </button>\n</a>\n","styles":[".sky-tab-button-close {\n  color: #686c73;\n  line-height: 1.4;\n  margin-left: 5px;\n}\n\n.sky-tab-button-close:hover {\n  color: #282b31;\n  transition: color 150ms;\n}\n\n.sky-btn-tab-selected .sky-tab-button-close {\n  color: #fff;\n}\n\n.sky-btn-tab.sky-tab-btn-closeable {\n  padding-right: 10px;\n}\n"]}]}],"members":{"tabHeading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabHeaderCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowClose":[{"__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"}}]}],"tabClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"doTabClick":[{"__symbolic":"method"}],"doCloseClick":[{"__symbolic":"method"}],"keyDownFunction":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTabButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tab-button","template":"<a\n    class=\"sky-btn-tab\"\n    [ngClass]=\"{\n      'sky-btn-tab-wizard': tabStyle === 'wizard',\n      'sky-btn-tab-selected': active,\n      'sky-btn-tab-disabled': disabled,\n      'sky-tab-btn-closeable': allowClose\n    }\"\n    tabindex=\"0\"\n    (keydown)=\"keyDownFunction($event)\"\n    (click)=\"doTabClick()\"\n    role=\"tab\"\n    [attr.aria-selected]=\"active\"\n>\n  {{tabHeading}}\n  <span\n    class=\"sky-tab-header-count\"\n    *ngIf=\"tabHeaderCount || tabHeaderCount === 0\"\n  >\n    {{tabHeaderCount}}\n  </span>\n  <button\n      type=\"button\"\n      class=\"sky-btn-tab-close\"\n      [attr.aria-label]=\"'tab_close' | skyResources\"\n      *ngIf=\"allowClose\"\n      (click)=\"doCloseClick();$event.stopPropagation()\"\n  >\n    <i class=\"fa fa-remove\"></i>\n  </button>\n</a>\n","styles":[".sky-tab-button-close {\n  color: #686c73;\n  line-height: 1.4;\n  margin-left: 5px;\n}\n\n.sky-tab-button-close:hover {\n  color: #282b31;\n  transition: color 150ms;\n}\n\n.sky-btn-tab-selected .sky-tab-button-close {\n  color: #fff;\n}\n\n.sky-btn-tab.sky-tab-btn-closeable {\n  padding-right: 10px;\n}\n"]}]}],"members":{"tabHeading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabHeaderCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowClose":[{"__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"}}]}],"tabClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"closeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"doTabClick":[{"__symbolic":"method"}],"doCloseClick":[{"__symbolic":"method"}],"keyDownFunction":[{"__symbolic":"method"}]}}}}]