\n
\n
\n
\n","styles":[".sky-vertical-tab {\n cursor: pointer;\n padding: 7px 0 7px 10px;\n margin: 5px 0 5px 10px;\n color: #282b31;\n display: flex;\n text-decoration: none;\n}\n\n.sky-vertical-tab:hover {\n background-color: #eeeeef;\n}\n\n.sky-vertical-tab:focus {\n outline: thin dotted;\n outline: -webkit-focus-ring-color auto 5px;\n}\n\n.sky-vertical-tab:hover .sky-vertical-tab-right-arrow {\n color: #979ba2;\n}\n\n.sky-vertical-tab-active {\n background-color: #eeeeef;\n color: #282b31;\n padding-left: 6px;\n border-left: 4px solid #00b4f1;\n}\n\n.sky-vertical-tab-hidden {\n display: none;\n}\n\n.sky-vertical-tab-display {\n display: flex;\n flex-grow: 1;\n}\n\n.sky-vertical-tab-heading {\n flex-grow: 1;\n}\n\n.sky-vertical-tab-count {\n margin-left: 5px;\n}\n\n.sky-vertical-tab-disabled {\n cursor: not-allowed;\n font-style: italic;\n opacity: 0.8;\n pointer-events: none;\n}\n\n.sky-vertical-tab-disabled:hover {\n color: #686c73;\n}\n\n.sky-vertical-tab-right-arrow {\n padding: 3px 10px 0 0;\n color: #cdcfd2;\n}\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"}}]}],"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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showTabRightArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tabContentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabIndex":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}],"tabDeactivated":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyVerticalTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tab","template":"
\n \n
\n {{ tabHeading }}\n \n ({{ tabHeaderCount }})\n \n
\n\n
\n \n
\n\n
\n
\n
\n
\n
\n","styles":[".sky-vertical-tab {\n cursor: pointer;\n padding: 7px 0 7px 10px;\n margin: 5px 0 5px 10px;\n color: #282b31;\n display: flex;\n text-decoration: none;\n}\n\n.sky-vertical-tab:hover {\n background-color: #eeeeef;\n}\n\n.sky-vertical-tab:focus {\n outline: thin dotted;\n outline: -webkit-focus-ring-color auto 5px;\n}\n\n.sky-vertical-tab:hover .sky-vertical-tab-right-arrow {\n color: #979ba2;\n}\n\n.sky-vertical-tab-active {\n background-color: #eeeeef;\n color: #282b31;\n padding-left: 6px;\n border-left: 4px solid #00b4f1;\n}\n\n.sky-vertical-tab-hidden {\n display: none;\n}\n\n.sky-vertical-tab-display {\n display: flex;\n flex-grow: 1;\n}\n\n.sky-vertical-tab-heading {\n flex-grow: 1;\n}\n\n.sky-vertical-tab-count {\n margin-left: 5px;\n}\n\n.sky-vertical-tab-disabled {\n cursor: not-allowed;\n font-style: italic;\n opacity: 0.8;\n pointer-events: none;\n}\n\n.sky-vertical-tab-disabled:hover {\n color: #686c73;\n}\n\n.sky-vertical-tab-right-arrow {\n padding: 3px 10px 0 0;\n color: #cdcfd2;\n}\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"}}]}],"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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showTabRightArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tabContentWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabIndex":[{"__symbolic":"method"}],"activateTab":[{"__symbolic":"method"}],"tabDeactivated":[{"__symbolic":"method"}]}}}}]