[{"__symbolic":"module","version":3,"metadata":{"SkyContribVerticalTabbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-vertical-tabbar","template":"<div class=\"sky-contrib-vertical-tabbar\">\n  <ul class=\"sky-contrib-vertical-tabbar-menu\">\n    <li *ngFor=\"let tab of tabs\">\n      <a\n        [class.active]=\"tab.active\"\n        [class.invalid]=\"tab.invalid\"\n        [attr.disabled]=\"tab.disabled ? true : null\"\n        (click)=\"onClick(tab); (false)\"\n        ><span *ngIf=\"tab.required\" class=\"required\">*</span> {{ tab.title }}</a\n      >\n    </li>\n  </ul>\n  <div class=\"sky-contrib-vertical-tabbar-content\"><ng-content></ng-content></div>\n</div>\n","styles":[":host /deep/ {display:flex;background:#fff;flex-direction:row}:host /deep/ .sky-contrib-vertical-tabbar{display:flex;min-height:300px;width:100%}:host /deep/ .sky-contrib-vertical-tabbar-menu{border-right:1px solid #e2e3e4;flex-basis:25%;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;list-style:none inside;margin:0;min-width:150px;overflow:hidden;padding:0}:host /deep/ .sky-contrib-vertical-tabbar-menu li{margin:5px 0 0 0}:host /deep/ .sky-contrib-vertical-tabbar-menu li a{border-left:4px solid transparent;color:#282b31;cursor:pointer;display:block;margin:0;overflow:hidden;padding:9px 15px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}:host /deep/ .sky-contrib-vertical-tabbar-menu li a:hover{background-color:#eeeeef}:host /deep/ .sky-contrib-vertical-tabbar-menu li a.active{background-color:#eeeeef;border-left:4px solid #00b4f1;cursor:default}:host /deep/ .sky-contrib-vertical-tabbar-menu li a.invalid,:host /deep/ .sky-contrib-vertical-tabbar-menu li a>span.required{color:#ef4044}:host /deep/ .sky-contrib-vertical-tabbar-menu li a[disabled=\"true\"]{background-color:#fbfbfb;border-left:4px solid transparent;color:#cdcfd2;cursor:default}:host /deep/ .sky-contrib-vertical-tabbar-content{flex-grow:1;padding:10px 15px}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./vertical-tabbar-item.component","name":"SkyContribVerticalTabbarItemComponent"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribVerticalTabbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-vertical-tabbar","template":"<div class=\"sky-contrib-vertical-tabbar\">\n  <ul class=\"sky-contrib-vertical-tabbar-menu\">\n    <li *ngFor=\"let tab of tabs\">\n      <a\n        [class.active]=\"tab.active\"\n        [class.invalid]=\"tab.invalid\"\n        [attr.disabled]=\"tab.disabled ? true : null\"\n        (click)=\"onClick(tab); (false)\"\n        ><span *ngIf=\"tab.required\" class=\"required\">*</span> {{ tab.title }}</a\n      >\n    </li>\n  </ul>\n  <div class=\"sky-contrib-vertical-tabbar-content\"><ng-content></ng-content></div>\n</div>\n","styles":[":host /deep/ {display:flex;background:#fff;flex-direction:row}:host /deep/ .sky-contrib-vertical-tabbar{display:flex;min-height:300px;width:100%}:host /deep/ .sky-contrib-vertical-tabbar-menu{border-right:1px solid #e2e3e4;flex-basis:25%;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;list-style:none inside;margin:0;min-width:150px;overflow:hidden;padding:0}:host /deep/ .sky-contrib-vertical-tabbar-menu li{margin:5px 0 0 0}:host /deep/ .sky-contrib-vertical-tabbar-menu li a{border-left:4px solid transparent;color:#282b31;cursor:pointer;display:block;margin:0;overflow:hidden;padding:9px 15px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}:host /deep/ .sky-contrib-vertical-tabbar-menu li a:hover{background-color:#eeeeef}:host /deep/ .sky-contrib-vertical-tabbar-menu li a.active{background-color:#eeeeef;border-left:4px solid #00b4f1;cursor:default}:host /deep/ .sky-contrib-vertical-tabbar-menu li a.invalid,:host /deep/ .sky-contrib-vertical-tabbar-menu li a>span.required{color:#ef4044}:host /deep/ .sky-contrib-vertical-tabbar-menu li a[disabled=\"true\"]{background-color:#fbfbfb;border-left:4px solid transparent;color:#cdcfd2;cursor:default}:host /deep/ .sky-contrib-vertical-tabbar-content{flex-grow:1;padding:10px 15px}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./vertical-tabbar-item.component","name":"SkyContribVerticalTabbarItemComponent"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}}]