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

SKY UX built on Angular 2

[{"__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{color:#686c73;line-height:1.4;margin-left:5px}.sky-tab-button-close:hover{color:#282b31;transition:color 150ms}.sky-btn-tab-selected .sky-tab-button-close{color:#fff}.sky-btn-tab.sky-tab-btn-closeable{padding-right:10px}\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{color:#686c73;line-height:1.4;margin-left:5px}.sky-tab-button-close:hover{color:#282b31;transition:color 150ms}.sky-btn-tab-selected .sky-tab-button-close{color:#fff}.sky-btn-tab.sky-tab-btn-closeable{padding-right:10px}\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"}]}}}}]