[{"__symbolic":"module","version":3,"metadata":{"PANEL_TEMPLATE":"\n\t<div #panel *ngIf=\"!closed\" class=\"panel f-column f-full\" [ngClass]=\"panelCls\" [ngStyle]=\"panelStyle\">\n\t\t<div #pheader *ngIf=\"hasHeader\"\n\t\t\t\tclass=\"panel-header f-noshrink\"\n\t\t\t\t[class.panel-header-noborder]=\"!border\"\n\t\t\t\t[ngClass]=\"headerCls\"\n\t\t\t\t[ngStyle]=\"headerStyle\">\n\t\t\t<ng-content select=\"eui-panel-header,eui-dialog-header\"></ng-content>\n\t\t\t<div *ngIf=\"!headers.length\" class=\"panel-title\" [class.panel-with-icon]=\"iconCls\">{{title}}</div>\n\t\t\t<div *ngIf=\"iconCls\" class=\"panel-icon {{iconCls}}\"></div>\n\t\t\t<div class=\"panel-tool\" *ngIf=\"collapsible || closable\">\n\t\t\t\t<a *ngIf=\"collapsible\" href=\"javascript:;\" [ngClass]=\"collapsed?expandIconCls:collapseIconCls\" (click)=\"onClickCollapsibleTool($event)\"></a>\n\t\t\t\t<a *ngIf=\"closable\" href=\"javascript:;\" [ngClass]=\"closeIconCls\" (click)=\"onClickCloseTool($event)\"></a>\n\t\t\t</div>\n\t\t</div>\n\t\t<div #pbody *ngIf=\"!isBodyCollapsed()\"\n\t\t\t\tclass=\"panel-body f-full\" \n\t\t\t\t[class.panel-body-noheader]=\"!hasHeader\" \n\t\t\t\t[class.panel-body-nobottom]=\"footers.length\" \n\t\t\t\t[class.panel-body-noborder]=\"!border\" \n\t\t\t\t[ngClass]=\"bodyCls\"\n\t\t\t\t[ngStyle]=\"bodyStyle\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t<div #pfooter *ngIf=\"hasFooter\" \n\t\t\t\tclass=\"panel-footer\" \n\t\t\t\t[class.panel-footer-noborder]=\"!border\"\n\t\t\t\t[ngClass]=\"footerCls\"\n\t\t\t\t[ngStyle]=\"footerStyle\">\n\t\t\t<ng-content select=\"eui-panel-footer,eui-dialog-footer\"></ng-content>\n\t\t</div>\n\t</div>\n","PanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-panel","template":{"__symbolic":"reference","name":"PANEL_TEMPLATE"},"host":{"class":"f-column","$quoted$":["class"]}}]}],"members":{"panelRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["panel"]}]}],"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pheader"]}]}],"bodyRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pbody"]}]}],"footerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pfooter"]}]}],"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panel-header.component","name":"PanelHeaderComponent"}]}]}],"footers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panel-footer.component","name":"PanelFooterComponent"}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconCls":[{"__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"}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapseIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panelCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panelStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bodyCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bodyStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isBodyCollapsed":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"onClickCollapsibleTool":[{"__symbolic":"method"}],"onClickCloseTool":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PANEL_TEMPLATE":"\n\t<div #panel *ngIf=\"!closed\" class=\"panel f-column f-full\" [ngClass]=\"panelCls\" [ngStyle]=\"panelStyle\">\n\t\t<div #pheader *ngIf=\"hasHeader\"\n\t\t\t\tclass=\"panel-header f-noshrink\"\n\t\t\t\t[class.panel-header-noborder]=\"!border\"\n\t\t\t\t[ngClass]=\"headerCls\"\n\t\t\t\t[ngStyle]=\"headerStyle\">\n\t\t\t<ng-content select=\"eui-panel-header,eui-dialog-header\"></ng-content>\n\t\t\t<div *ngIf=\"!headers.length\" class=\"panel-title\" [class.panel-with-icon]=\"iconCls\">{{title}}</div>\n\t\t\t<div *ngIf=\"iconCls\" class=\"panel-icon {{iconCls}}\"></div>\n\t\t\t<div class=\"panel-tool\" *ngIf=\"collapsible || closable\">\n\t\t\t\t<a *ngIf=\"collapsible\" href=\"javascript:;\" [ngClass]=\"collapsed?expandIconCls:collapseIconCls\" (click)=\"onClickCollapsibleTool($event)\"></a>\n\t\t\t\t<a *ngIf=\"closable\" href=\"javascript:;\" [ngClass]=\"closeIconCls\" (click)=\"onClickCloseTool($event)\"></a>\n\t\t\t</div>\n\t\t</div>\n\t\t<div #pbody *ngIf=\"!isBodyCollapsed()\"\n\t\t\t\tclass=\"panel-body f-full\" \n\t\t\t\t[class.panel-body-noheader]=\"!hasHeader\" \n\t\t\t\t[class.panel-body-nobottom]=\"footers.length\" \n\t\t\t\t[class.panel-body-noborder]=\"!border\" \n\t\t\t\t[ngClass]=\"bodyCls\"\n\t\t\t\t[ngStyle]=\"bodyStyle\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t\t<div #pfooter *ngIf=\"hasFooter\" \n\t\t\t\tclass=\"panel-footer\" \n\t\t\t\t[class.panel-footer-noborder]=\"!border\"\n\t\t\t\t[ngClass]=\"footerCls\"\n\t\t\t\t[ngStyle]=\"footerStyle\">\n\t\t\t<ng-content select=\"eui-panel-footer,eui-dialog-footer\"></ng-content>\n\t\t</div>\n\t</div>\n","PanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"eui-panel","template":{"__symbolic":"reference","name":"PANEL_TEMPLATE"},"host":{"class":"f-column"}}]}],"members":{"panelRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["panel"]}]}],"headerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pheader"]}]}],"bodyRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pbody"]}]}],"footerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["pfooter"]}]}],"headers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panel-header.component","name":"PanelHeaderComponent"}]}]}],"footers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panel-footer.component","name":"PanelFooterComponent"}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconCls":[{"__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"}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapseIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeIconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panelCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panelStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bodyCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bodyStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isBodyCollapsed":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"onClickCollapsibleTool":[{"__symbolic":"method"}],"onClickCloseTool":[{"__symbolic":"method"}]}}}}]