[{"__symbolic":"module","version":3,"metadata":{"SkyVerticalTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabset","template":" <div class=\"sky-vertical-tabset\" (window:resize)=\"tabService.updateContent()\">\n  <div \n    #contentWrapper \n    class=\"sky-vertical-tabset-group-container\"\n    [@tabGroupEnter]=\"tabService.animationVisibleState\"\n    *ngIf=\"tabService.tabsVisible()\"\n  >\n    <ng-content></ng-content>\n  </div> \n  <div \n    class=\"sky-vertical-tabset-content\"\n    [@contentEnter]=\"tabService.animationVisibleState\"\n    *ngIf=\"tabService.contentVisible()\"\n  >\n    <div #skySideContent></div>\n    <button \n      *ngIf=\"!tabService.tabsVisible()\"\n      (click)=\"tabService.showTabs()\"\n      class=\"sky-btn sky-btn-primary sky-vertical-tabset-show-tabs-btn\"\n    >\n      <i class=\"fa fa-chevron-left\"></i>\n      {{ showTabsText }}\n    </button>\n  </div>\n</div> \n","styles":["@media (min-width: 768px) {\n  .sky-vertical-tabset {\n    display: flex;\n    height: 100%;\n  }\n  .sky-vertical-tabset-group-container {\n    border-right: 1px solid #cdcfd2;\n  }\n}\n\n.sky-vertical-tabset-content {\n  margin: 10px 0 0 10px;\n  flex-basis: 75%;\n  overflow-y: auto;\n}\n\n.sky-vertical-tabset-show-tabs-btn {\n  margin-top: 10px;\n}\n\n.sky-vertical-tabset-group-container {\n  flex-basis: 25%;\n  overflow-y: auto;\n}\n"],"providers":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"./../resources/resources.service","name":"SkyResourcesService"},{"__symbolic":"reference","module":"./../media-queries/media-query.service","name":"SkyMediaQueryService"}],"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":["tabGroupEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./vertical-tabset.service","name":"VISIBLE_STATE"}},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["contentEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./vertical-tabset.service","name":"VISIBLE_STATE"}},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in"]}]]}]]}]}]}],"members":{"showTabsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["contentWrapper"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["skySideContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"./../resources/resources.service","name":"SkyResourcesService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyVerticalTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-vertical-tabset","template":" <div class=\"sky-vertical-tabset\" (window:resize)=\"tabService.updateContent()\">\n  <div \n    #contentWrapper \n    class=\"sky-vertical-tabset-group-container\"\n    [@tabGroupEnter]=\"tabService.animationVisibleState\"\n    *ngIf=\"tabService.tabsVisible()\"\n  >\n    <ng-content></ng-content>\n  </div> \n  <div \n    class=\"sky-vertical-tabset-content\"\n    [@contentEnter]=\"tabService.animationVisibleState\"\n    *ngIf=\"tabService.contentVisible()\"\n  >\n    <div #skySideContent></div>\n    <button \n      *ngIf=\"!tabService.tabsVisible()\"\n      (click)=\"tabService.showTabs()\"\n      class=\"sky-btn sky-btn-primary sky-vertical-tabset-show-tabs-btn\"\n    >\n      <i class=\"fa fa-chevron-left\"></i>\n      {{ showTabsText }}\n    </button>\n  </div>\n</div> \n","styles":["@media (min-width: 768px) {\n  .sky-vertical-tabset {\n    display: flex;\n    height: 100%;\n  }\n  .sky-vertical-tabset-group-container {\n    border-right: 1px solid #cdcfd2;\n  }\n}\n\n.sky-vertical-tabset-content {\n  margin: 10px 0 0 10px;\n  flex-basis: 75%;\n  overflow-y: auto;\n}\n\n.sky-vertical-tabset-show-tabs-btn {\n  margin-top: 10px;\n}\n\n.sky-vertical-tabset-group-container {\n  flex-basis: 25%;\n  overflow-y: auto;\n}\n"],"providers":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"./../resources/resources.service","name":"SkyResourcesService"},{"__symbolic":"reference","module":"./../media-queries/media-query.service","name":"SkyMediaQueryService"}],"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":["tabGroupEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./vertical-tabset.service","name":"VISIBLE_STATE"}},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["contentEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./vertical-tabset.service","name":"VISIBLE_STATE"}},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["150ms ease-in"]}]]}]]}]}]}],"members":{"showTabsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"activeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["contentWrapper"]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["skySideContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"./../resources/resources.service","name":"SkyResourcesService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]