[{"__symbolic":"module","version":3,"metadata":{"SkyVerticalTabsetGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabset-group","template":"<div class=\"sky-vertical-tabset-group\">\n  <div\n    class=\"sky-vertical-tabset-group-header\" \n    [ngClass]=\"{'sky-vertical-tabset-group-header-sub-open': subMenuOpen()}\"\n    (click)=\"toggleMenuOpen()\"\n    (keyup.enter)=\"toggleMenuOpen()\"\n    [tabIndex]=\"-1\"\n  >\n    {{ groupHeading }}\n    <sky-chevron \n      class=\"sky-vertical-tabset-group-header-chevron\"\n      [direction]=\"open ? 'up' : 'down'\"\n      [disabled]=\"disabled\"\n      (directionChange)=\"toggleMenuOpen()\"\n      (keyup.enter)=\"$event.stopPropagation()\"\n    >\n    </sky-chevron>\n  </div>\n  <div\n    class=\"sky-vertical-tabset-group-content\"\n    *ngIf=\"open\"\n    [@tabSlide]\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n","styles":[".sky-vertical-tabset-group {\n  border-bottom: 1px solid #e2e3e4;\n  margin: 5px 0 5px 5px;\n}\n\n.sky-vertical-tabset-group-header {\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 10px;\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  font-weight: 400;\n  color: #686c73;\n}\n\n.sky-vertical-tabset-group-header:hover {\n  color: #282b31;\n}\n\n.sky-vertical-tabset-group-header:focus {\n  outline: thin dotted;\n  outline: -webkit-focus-ring-color auto 5px;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header {\n  cursor: not-allowed;\n  font-style: italic;\n  opacity: 0.8;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header:hover {\n  color: #686c73;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header /deep/ button {\n  cursor: not-allowed;\n}\n\n.sky-vertical-tabset-group-header-sub-open {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.sky-vertical-tabset-group-content {\n  overflow: hidden;\n  border-top: 1px solid #e2e3e4;\n}\n\n:host /deep/ .sky-vertical-tabset-group-header-chevron > button {\n  font-size: 14px !important;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["tabSlide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0","visibility":"hidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0","visibility":"hidden"}]}]}]]}]]}]}]}],"members":{"groupHeading":[{"__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"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./vertical-tab.component","name":"SkyVerticalTabComponent"}]}]}],"__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"}],"toggleMenuOpen":[{"__symbolic":"method"}],"subMenuOpen":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyVerticalTabsetGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabset-group","template":"<div class=\"sky-vertical-tabset-group\">\n  <div\n    class=\"sky-vertical-tabset-group-header\" \n    [ngClass]=\"{'sky-vertical-tabset-group-header-sub-open': subMenuOpen()}\"\n    (click)=\"toggleMenuOpen()\"\n    (keyup.enter)=\"toggleMenuOpen()\"\n    [tabIndex]=\"-1\"\n  >\n    {{ groupHeading }}\n    <sky-chevron \n      class=\"sky-vertical-tabset-group-header-chevron\"\n      [direction]=\"open ? 'up' : 'down'\"\n      [disabled]=\"disabled\"\n      (directionChange)=\"toggleMenuOpen()\"\n      (keyup.enter)=\"$event.stopPropagation()\"\n    >\n    </sky-chevron>\n  </div>\n  <div\n    class=\"sky-vertical-tabset-group-content\"\n    *ngIf=\"open\"\n    [@tabSlide]\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n","styles":[".sky-vertical-tabset-group {\n  border-bottom: 1px solid #e2e3e4;\n  margin: 5px 0 5px 5px;\n}\n\n.sky-vertical-tabset-group-header {\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 10px;\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n  font-weight: 400;\n  color: #686c73;\n}\n\n.sky-vertical-tabset-group-header:hover {\n  color: #282b31;\n}\n\n.sky-vertical-tabset-group-header:focus {\n  outline: thin dotted;\n  outline: -webkit-focus-ring-color auto 5px;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header {\n  cursor: not-allowed;\n  font-style: italic;\n  opacity: 0.8;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header:hover {\n  color: #686c73;\n}\n\n:host[ng-reflect-disabled=\"true\"] .sky-vertical-tabset-group-header /deep/ button {\n  cursor: not-allowed;\n}\n\n.sky-vertical-tabset-group-header-sub-open {\n  font-family: \"Blackbaud Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  color: #282b31;\n  font-weight: 600;\n  font-size: 16px;\n}\n\n.sky-vertical-tabset-group-content {\n  overflow: hidden;\n  border-top: 1px solid #e2e3e4;\n}\n\n:host /deep/ .sky-vertical-tabset-group-header-chevron > button {\n  font-size: 14px !important;\n}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["tabSlide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0","visibility":"hidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*","visibility":"visible"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"0","visibility":"hidden"}]}]}]]}]]}]}]}],"members":{"groupHeading":[{"__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"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./vertical-tab.component","name":"SkyVerticalTabComponent"}]}]}],"__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"}],"toggleMenuOpen":[{"__symbolic":"method"}],"subMenuOpen":[{"__symbolic":"method"}]}}}}]