@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
2 lines • 3.17 kB
JavaScript
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-devui/panel",["exports","@angular/core","@angular/common"],n):n(((e=e||self)["ng-devui"]=e["ng-devui"]||{},e["ng-devui"].panel={}),e.ng.core,e.ng.common)}(this,(function(e,n,o){"use strict";var t=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"d-panel-header",template:"<ng-content></ng-content>"}]}],e}(),a=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"d-panel-footer",template:"<ng-content></ng-content>"}]}],e}(),d=function(){function e(){this.type="default",this.toggle=new n.EventEmitter}return e.prototype.toggleBody=function(){void 0!==this.isCollapsed&&(this.isCollapsed=!this.isCollapsed,this.toggle.emit(this.isCollapsed))},e.decorators=[{type:n.Component,args:[{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}"]}]}],e.propDecorators={type:[{type:n.Input}],heading:[{type:n.Input}],cssClass:[{type:n.Input}],isCollapsed:[{type:n.Input}],toggle:[{type:n.Output}],panelHeader:[{type:n.ContentChild,args:[t,{static:!1}]}],panelFooter:[{type:n.ContentChild,args:[a,{static:!1}]}]},e}();var l=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"d-panel-body",template:"<ng-content></ng-content>"}]}],e}(),r=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[o.CommonModule],exports:[d,t,l,a],declarations:[d,t,l,a],providers:[]}]}],e}();e.PanelBodyComponent=l,e.PanelComponent=d,e.PanelFooterComponent=a,e.PanelHeaderComponent=t,e.PanelModule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-devui-panel.umd.min.js.map