{"__symbolic":"module","version":4,"metadata":{"TabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"spb-single-tab","template":"<div *ngIf=\"shouldShow\">\n  <ng-content></ng-content>\n</div>\n"}]}],"members":{"tabKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TabService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":14,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"TabContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"spb-tab-container","providers":[{"__symbolic":"reference","name":"TabService"}],"template":"<div class=\"content-container\" [ngStyle]=\"tabStyles.containerStyle\">\n    <div class=\"container-heading\"\n         [ngStyle]=\"tabStyles.containerHeadingStyle\"\n         *ngIf=\"tabContainerData && tabContainerData.containerHeading\">\n        {{tabContainerData.containerHeading}}\n    </div>\n    <div class=\"container-subheading\"\n         [ngStyle]=\"tabStyles.containerSubHeadingStyle\"\n         *ngIf=\"tabContainerData && tabContainerData.containerSubHeading\">\n        {{tabContainerData.containerSubHeading}}\n    </div>\n    <ul class=\"tab-list\" *ngIf=\"tabsToShowObj.length > 1\"\n        [ngStyle]=\"tabStyles.tabListStyle\">\n        <li (mouseover)=\"tabHoverStateArray[i] = true\" (mouseout)=\"tabHoverStateArray[i] = false\"\n            *ngFor=\"let tab of tabsToShowObj; let i = index;\" (click)=\"selectTab(i);onTabSelection.emit(tab.key)\"\n            class=\"tab\"\n            [ngClass]=\"{'selected': selectedTab === i}\"\n            [ngStyle]=\"this.getTabStyles(i)\">\n            <div class=\"tab-icon\" *ngIf=\"tab.icon\">\n                <img [src]=\"tab.icon\">\n            </div>\n            <div class=\"tab-title\">\n                {{tab.title}}\n            </div>\n            <div class=\"tab-subtitle\" *ngIf=\"tab.subtitle\">\n                {{tab.subtitle}}\n            </div>\n        </li>\n    </ul>\n    <div class=\"tab-content\" [ngStyle]=\"tabStyles.tabContentStyle\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n"}]}],"members":{"hostBaseClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class.spb-tab-container"]}]}],"tabContainerData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"tabsToShowKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectedTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"tabStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"onTabSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TabService"}]}],"ngOnInit":[{"__symbolic":"method"}],"initialiseTabProperties":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updateTabView":[{"__symbolic":"method"}],"getTabStyles":[{"__symbolic":"method"}]}},"SquareTabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spb-square-tabs","template":"<div class=\"square\">\n    <spb-tab-container [tabsToShowKeys]=\"tabsToShow\" [tabStyles]=\"tabStyles\" [tabContainerData]=\"tabContainerData\"\n                       (onTabSelection)=\"onTabSelection.emit($event)\">\n        <ng-container *ngFor=\"let tab of tabsToShow\">\n            <spb-single-tab [tabKey]=\"tab.key\">\n                <ng-content></ng-content>\n            </spb-single-tab>\n        </ng-container>\n    </spb-tab-container>\n</div>\n"}]}],"members":{"tabContainerData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"tabsToShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tabStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onTabSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"hostBaseClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.spb-square-tabs"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"OpenTabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"spb-open-tabs","template":"<div class=\"open\">\n    <spb-tab-container [tabsToShowKeys]=\"tabsToShow\" [tabStyles]=\"tabStyles\" [tabContainerData]=\"tabContainerData\"\n                       (onTabSelection)=\"onTabSelection.emit($event)\">\n        <ng-container *ngFor=\"let tab of tabsToShow\">\n            <spb-single-tab [tabKey]=\"tab.key\">\n                <ng-content></ng-content>\n            </spb-single-tab>\n        </ng-container>\n    </spb-tab-container>\n</div>\n"}]}],"members":{"tabContainerData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"tabsToShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tabStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onTabSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"hostBaseClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.spb-open-tabs"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initialiseService":[{"__symbolic":"method"}],"getTabs":[{"__symbolic":"method"}],"checkDuplicateKeys":[{"__symbolic":"method"}],"getKeysFromTabsObject":[{"__symbolic":"method"}],"getTabChangeEventSubject":[{"__symbolic":"method"}],"updateTabSelection":[{"__symbolic":"method"}]}},"TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"declarations":[{"__symbolic":"reference","name":"TabComponent"},{"__symbolic":"reference","name":"TabContainerComponent"},{"__symbolic":"reference","name":"SquareTabsComponent"},{"__symbolic":"reference","name":"OpenTabsComponent"}],"exports":[{"__symbolic":"reference","name":"TabComponent"},{"__symbolic":"reference","name":"TabContainerComponent"},{"__symbolic":"reference","name":"SquareTabsComponent"},{"__symbolic":"reference","name":"OpenTabsComponent"}]}]}],"members":{}}},"origins":{"TabComponent":"./tab/tab.component","TabContainerComponent":"./tab-container/tab-container.component","SquareTabsComponent":"./square-tabs/square-tabs.component","OpenTabsComponent":"./open-tabs/open-tabs.component","TabService":"./tab.service","TabsModule":"./tabs.module"},"importAs":"springboard-component-library/src/lib/tabs"}