[{"__symbolic":"module","version":3,"metadata":{"TabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-tabs","template":"\n\t\t<div #container class=\"tabs-container f-full\" [ngClass]=\"containerCls\">\n\t\t\t<div #header class=\"tabs-header f-column f-noshrink\"\n\t\t\t\t\t[style.width.px]=\"isHorizontal() ? headerWidth : null\"\n\t\t\t\t\t[style.height.px]=\"!isHorizontal() ? headerHeight : null\"\n\t\t\t\t\t[class.tabs-header-plain]=\"plain\"\n\t\t\t\t\t[class.tabs-header-narrow]=\"narrow\"\n\t\t\t\t\t[class.tabs-header-noborder]=\"!border\"\n\t\t\t\t\t[ngClass]=\"headerCls\">\n\t\t\t\t<div class=\"tabs-wrap f-column f-full\">\n\t\t\t\t\t<ul class=\"tabs f-full\"\n\t\t\t\t\t\t\t[class.f-row]=\"!isHorizontal()\"\n\t\t\t\t\t\t\t[class.f-column]=\"isHorizontal()\"\n\t\t\t\t\t\t\t[class.tabs-narrow]=\"narrow\">\n\t\t\t\t\t\t<li class=\"f-inline-row\" *ngFor=\"let panel of usedPanels\"\n\t\t\t\t\t\t\t\t[class.f-full]=\"justified\"\n\t\t\t\t\t\t\t\t[class.tabs-selected]=\"panel.selected\"\n\t\t\t\t\t\t\t\t[class.tabs-disabled]=\"panel.disabled\"\n\t\t\t\t\t\t\t\t[class.tabs-first]=\"panel.isFirst\"\n\t\t\t\t\t\t\t\t[class.tabs-last]=\"panel.isLast\"\n\t\t\t\t\t\t\t\t(click)=\"onClickTab(panel,$event)\">\n\t\t\t\t\t\t\t<a href=\"javascript:;\" class=\"tabs-inner f-inline-row f-full\"\n\t\t\t\t\t\t\t\t\t[style.width.px]=\"!isHorizontal() ? tabWidth : null\"\n\t\t\t\t\t\t\t\t\t[style.height.px]=\"isHorizontal() ? tabHeight : null\"\n\t\t\t\t\t\t\t\t\t[ngClass]=\"panel.headerCls\"\n\t\t\t\t\t\t\t\t\t[ngStyle]=\"panel.headerStyle\">\n\t\t\t\t\t\t\t\t<span *ngIf=\"!panel.headerTemplate\" class=\"tabs-title\"\n\t\t\t\t\t\t\t\t\t\t[class.tabs-with-icon]=\"panel.iconCls\"\n\t\t\t\t\t\t\t\t\t\t[class.tabs-closable]=\"panel.closable\">{{panel.title}}</span>\n\t\t\t\t\t\t\t\t<ng-template *ngIf=\"panel.headerTemplate\" [euiTabHeaderTemplate]=\"panel.headerTemplate.template\" [tab]=\"panel\"></ng-template>\n\t\t\t\t\t\t\t\t<span *ngIf=\"panel.iconCls\" class=\"tabs-icon\" [ngClass]=\"panel.iconCls\"></span>\n\t\t\t\t\t\t\t\t<a *ngIf=\"panel.closable\" href=\"javascript:;\" class=\"tabs-close\" tabindex=\"-1\" (click)=\"onCloseTab(panel,$event)\"></a>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"tabs-panels f-column f-full\" [class.tabs-panels-noborder]=\"!border\" [ngClass]=\"bodyCls\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t","host":{"class":"f-column","$quoted$":["class"]}}]}],"members":{"panels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tab-panel.component","name":"TabPanelComponent"}]}]}],"containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header"]}]}],"headerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"plain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"narrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"justified":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabUnselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"isHorizontal":[{"__symbolic":"method"}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClickTab":[{"__symbolic":"method"}],"onCloseTab":[{"__symbolic":"method"}],"initPanels":[{"__symbolic":"method"}],"initSelectedPanel":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"unselect":[{"__symbolic":"method"}],"getPanel":[{"__symbolic":"method"}],"getPanelIndex":[{"__symbolic":"method"}],"getSelectedPanel":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-tabs","template":"\n\t\t<div #container class=\"tabs-container f-full\" [ngClass]=\"containerCls\">\n\t\t\t<div #header class=\"tabs-header f-column f-noshrink\"\n\t\t\t\t\t[style.width.px]=\"isHorizontal() ? headerWidth : null\"\n\t\t\t\t\t[style.height.px]=\"!isHorizontal() ? headerHeight : null\"\n\t\t\t\t\t[class.tabs-header-plain]=\"plain\"\n\t\t\t\t\t[class.tabs-header-narrow]=\"narrow\"\n\t\t\t\t\t[class.tabs-header-noborder]=\"!border\"\n\t\t\t\t\t[ngClass]=\"headerCls\">\n\t\t\t\t<div class=\"tabs-wrap f-column f-full\">\n\t\t\t\t\t<ul class=\"tabs f-full\"\n\t\t\t\t\t\t\t[class.f-row]=\"!isHorizontal()\"\n\t\t\t\t\t\t\t[class.f-column]=\"isHorizontal()\"\n\t\t\t\t\t\t\t[class.tabs-narrow]=\"narrow\">\n\t\t\t\t\t\t<li class=\"f-inline-row\" *ngFor=\"let panel of usedPanels\"\n\t\t\t\t\t\t\t\t[class.f-full]=\"justified\"\n\t\t\t\t\t\t\t\t[class.tabs-selected]=\"panel.selected\"\n\t\t\t\t\t\t\t\t[class.tabs-disabled]=\"panel.disabled\"\n\t\t\t\t\t\t\t\t[class.tabs-first]=\"panel.isFirst\"\n\t\t\t\t\t\t\t\t[class.tabs-last]=\"panel.isLast\"\n\t\t\t\t\t\t\t\t(click)=\"onClickTab(panel,$event)\">\n\t\t\t\t\t\t\t<a href=\"javascript:;\" class=\"tabs-inner f-inline-row f-full\"\n\t\t\t\t\t\t\t\t\t[style.width.px]=\"!isHorizontal() ? tabWidth : null\"\n\t\t\t\t\t\t\t\t\t[style.height.px]=\"isHorizontal() ? tabHeight : null\"\n\t\t\t\t\t\t\t\t\t[ngClass]=\"panel.headerCls\"\n\t\t\t\t\t\t\t\t\t[ngStyle]=\"panel.headerStyle\">\n\t\t\t\t\t\t\t\t<span *ngIf=\"!panel.headerTemplate\" class=\"tabs-title\"\n\t\t\t\t\t\t\t\t\t\t[class.tabs-with-icon]=\"panel.iconCls\"\n\t\t\t\t\t\t\t\t\t\t[class.tabs-closable]=\"panel.closable\">{{panel.title}}</span>\n\t\t\t\t\t\t\t\t<ng-template *ngIf=\"panel.headerTemplate\" [euiTabHeaderTemplate]=\"panel.headerTemplate.template\" [tab]=\"panel\"></ng-template>\n\t\t\t\t\t\t\t\t<span *ngIf=\"panel.iconCls\" class=\"tabs-icon\" [ngClass]=\"panel.iconCls\"></span>\n\t\t\t\t\t\t\t\t<a *ngIf=\"panel.closable\" href=\"javascript:;\" class=\"tabs-close\" tabindex=\"-1\" (click)=\"onCloseTab(panel,$event)\"></a>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"tabs-panels f-column f-full\" [class.tabs-panels-noborder]=\"!border\" [ngClass]=\"bodyCls\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t","host":{"class":"f-column"}}]}],"members":{"panels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tab-panel.component","name":"TabPanelComponent"}]}]}],"containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header"]}]}],"headerWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"plain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"narrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"justified":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabUnselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"isHorizontal":[{"__symbolic":"method"}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onClickTab":[{"__symbolic":"method"}],"onCloseTab":[{"__symbolic":"method"}],"initPanels":[{"__symbolic":"method"}],"initSelectedPanel":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"unselect":[{"__symbolic":"method"}],"getPanel":[{"__symbolic":"method"}],"getPanelIndex":[{"__symbolic":"method"}],"getSelectedPanel":[{"__symbolic":"method"}]}}}}]