{"__symbolic":"module","version":4,"metadata":{"PanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12}],"exports":[{"__symbolic":"reference","name":"PanelComponent"},{"__symbolic":"reference","name":"PanelHeaderComponent"},{"__symbolic":"reference","name":"PanelBodyComponent"},{"__symbolic":"reference","name":"PanelFooterComponent"}],"declarations":[{"__symbolic":"reference","name":"PanelComponent"},{"__symbolic":"reference","name":"PanelHeaderComponent"},{"__symbolic":"reference","name":"PanelBodyComponent"},{"__symbolic":"reference","name":"PanelFooterComponent"}],"providers":[]}]}],"members":{}},"PanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"d-panel","template":"<div class=\"devui-panel devui-panel-{{ type }} {{ cssClass }}\">\r\n  <div class=\"devui-panel-heading\" *ngIf=\"panelHeader\" (click)=\"toggleBody()\" [style.cursor]=\"isCollapsed !== undefined ? 'pointer' : null\">\r\n    <ng-content select=\"d-panel-header\"></ng-content>\r\n  </div>\r\n  <div class=\"devui-panel-body\" *ngIf=\"isCollapsed === undefined || isCollapsed\">\r\n    <ng-content select=\"d-panel-body\"></ng-content>\r\n  </div>\r\n  <div class=\"devui-panel-footer\" *ngIf=\"panelFooter\">\r\n    <ng-content select=\"d-panel-footer\"></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[":host{display:block}.devui-panel{line-height:20px;border-radius:2px;box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);background-color:#fff}.devui-panel .devui-panel-heading{padding:10px 15px}.devui-panel .devui-panel-body{padding:15px}.devui-panel .devui-panel-footer{padding:10px 15px;color:#252b3a;background-color:#f8f8f8}.devui-panel.devui-panel-default .devui-panel-heading{color:#252b3a;background-color:#f8f8f8}.devui-panel.devui-panel-success .devui-panel-heading{color:#fff;background-color:#50d4ab}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-heading{color:#fff;background-color:#5e7ce0}.devui-panel.devui-panel-warning .devui-panel-heading{color:#252b3a;background-color:#fac20a}.devui-panel.devui-panel-danger .devui-panel-heading{color:#fff;background-color:#f66f6a}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"panelHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"PanelHeaderComponent"},{"static":false}]}]}],"panelFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"PanelFooterComponent"},{"static":false}]}]}],"toggleBody":[{"__symbolic":"method"}]}},"PanelBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"d-panel-body","template":"<ng-content></ng-content>"}]}],"members":{}},"PanelFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"d-panel-footer","template":"<ng-content></ng-content>"}]}],"members":{}},"PanelHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"d-panel-header","template":"<ng-content></ng-content>"}]}],"members":{}}},"origins":{"PanelModule":"./panel.module","PanelComponent":"./panel.component","PanelBodyComponent":"./panel-body.component","PanelFooterComponent":"./panel-footer.component","PanelHeaderComponent":"./panel-header.component"},"importAs":"ng-devui/panel"}