[{"__symbolic":"module","version":3,"metadata":{"SkySectionedFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-form","template":"<div class=\"sky-sectioned-form\" (window:resize)=\"tabService.updateContent()\">\n  <div \n    *ngIf=\"tabsVisible()\"\n    class=\"sky-sectioned-form-tabs\"\n    [@tabEnter]=\"tabService.animationVisibleState\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div \n    #skySectionSideContent \n    *ngIf=\"tabService.contentVisible()\"\n    class=\"sky-sectioned-form-content\"\n    [@contentEnter]=\"tabService.animationVisibleState\"\n  >\n  </div>\n</div>\n\n","styles":[".sky-sectioned-form-content {\n  padding: 15px;\n}\n\n@media (min-width: 768px) {\n  .sky-sectioned-form {\n    display: flex;\n  }\n  .sky-sectioned-form-tabs {\n    flex-basis: 30%;\n    border-right: 1px solid #e2e3e4;\n  }\n  .sky-sectioned-form-content {\n    flex-basis: 70%;\n  }\n}\n"],"providers":[{"__symbolic":"reference","module":"./../vertical-tabset/vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__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":["tabEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./../vertical-tabset/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/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":{"indexChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["skySectionSideContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../vertical-tabset/vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabsVisible":[{"__symbolic":"method"}],"showTabs":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkySectionedFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-sectioned-form","template":"<div class=\"sky-sectioned-form\" (window:resize)=\"tabService.updateContent()\">\n  <div \n    *ngIf=\"tabsVisible()\"\n    class=\"sky-sectioned-form-tabs\"\n    [@tabEnter]=\"tabService.animationVisibleState\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div \n    #skySectionSideContent \n    *ngIf=\"tabService.contentVisible()\"\n    class=\"sky-sectioned-form-content\"\n    [@contentEnter]=\"tabService.animationVisibleState\"\n  >\n  </div>\n</div>\n\n","styles":[".sky-sectioned-form-content {\n  padding: 15px;\n}\n\n@media (min-width: 768px) {\n  .sky-sectioned-form {\n    display: flex;\n  }\n  .sky-sectioned-form-tabs {\n    flex-basis: 30%;\n    border-right: 1px solid #e2e3e4;\n  }\n  .sky-sectioned-form-content {\n    flex-basis: 70%;\n  }\n}\n"],"providers":[{"__symbolic":"reference","module":"./../vertical-tabset/vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__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":["tabEnter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":[{"__symbolic":"binop","operator":"+","left":"void => ","right":{"__symbolic":"reference","module":"./../vertical-tabset/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/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":{"indexChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["skySectionSideContent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../vertical-tabset/vertical-tabset.service","name":"SkyVerticalTabsetService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabsVisible":[{"__symbolic":"method"}],"showTabs":[{"__symbolic":"method"}]}}}}]