ng-zorro-antd/bundles/ng-zorro-antd-card.umd.min.js

An enterprise-class UI components based on Ant Design and Angular

!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("ng-zorro-antd/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-zorro-antd/card",["exports","@angular/core","ng-zorro-antd/core","@angular/common"],t):t(((n=n||self)["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].card={}),n.ng.core,n["ng-zorro-antd"].core,n.ng.common)}(this,function(n,t,e,a){"use strict";function i(n,t,e,a){var i,r=arguments.length,d=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(n,t,e,a);else for(var o=n.length-1;o>=0;o--)(i=n[o])&&(d=(r<3?i(d):r>3?i(t,e,d):i(t,e))||d);return r>3&&d&&Object.defineProperty(t,e,d),d}function r(n,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,t)}var d=function(){function n(n,t){this.nzHoverable=!0,t.addClass(n.nativeElement,"ant-card-grid")}return n.decorators=[{type:t.Directive,args:[{selector:"[nz-card-grid]",exportAs:"nzCardGrid",host:{"[class.ant-card-hoverable]":"nzHoverable"}}]}],n.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},n.propDecorators={nzHoverable:[{type:t.Input}]},i([e.InputBoolean(),r("design:type",Boolean)],n.prototype,"nzHoverable",void 0),n}();var o=function(){function n(){}return n.decorators=[{type:t.Component,args:[{selector:"nz-card-tab",exportAs:"nzCardTab",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:"<ng-template>\n  <ng-content></ng-content>\n</ng-template>"}]}],n.propDecorators={template:[{type:t.ViewChild,args:[t.TemplateRef,{static:!0}]}]},n}();var l=function(){function n(n,t,e){this.nzConfigService=n,this.nzLoading=!1,this.nzActions=[],t.addClass(e.nativeElement,"ant-card")}return n.decorators=[{type:t.Component,args:[{selector:"nz-card",exportAs:"nzCard",preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,template:'<div class="ant-card-head" *ngIf="nzTitle || nzExtra || tab">\n  <div class="ant-card-head-wrapper">\n    <div class="ant-card-head-title" *ngIf="nzTitle">\n      <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>\n    </div>\n    <div class="ant-card-extra" *ngIf="nzExtra">\n      <ng-container *nzStringTemplateOutlet="nzExtra">{{ nzExtra }}</ng-container>\n    </div>\n  </div>\n  <ng-container *ngIf="tab">\n    <ng-template [ngTemplateOutlet]="tab.template"></ng-template>\n  </ng-container>\n</div>\n<div class="ant-card-cover" *ngIf="nzCover">\n  <ng-template [ngTemplateOutlet]="nzCover"></ng-template>\n</div>\n<div class="ant-card-body" [ngStyle]="nzBodyStyle">\n  <ng-container *ngIf="!nzLoading">\n    <ng-content></ng-content>\n  </ng-container>\n  <nz-card-loading *ngIf="nzLoading"></nz-card-loading>\n</div>\n<ul class="ant-card-actions" *ngIf="nzActions.length">\n  <li *ngFor="let action of nzActions" [style.width.%]="100 / nzActions.length">\n    <span><ng-template [ngTemplateOutlet]="action"></ng-template></span>\n  </li>\n</ul>',host:{"[class.ant-card-loading]":"nzLoading","[class.ant-card-bordered]":"nzBordered","[class.ant-card-hoverable]":"nzHoverable","[class.ant-card-small]":'nzSize === "small"',"[class.ant-card-contain-grid]":"grids && grids.length","[class.ant-card-type-inner]":'nzType === "inner"',"[class.ant-card-contain-tabs]":"!!tab"},styles:["\n      nz-card {\n        display: block;\n      }\n    "]}]}],n.ctorParameters=function(){return[{type:e.NzConfigService},{type:t.Renderer2},{type:t.ElementRef}]},n.propDecorators={nzBordered:[{type:t.Input}],nzLoading:[{type:t.Input}],nzHoverable:[{type:t.Input}],nzBodyStyle:[{type:t.Input}],nzCover:[{type:t.Input}],nzActions:[{type:t.Input}],nzType:[{type:t.Input}],nzSize:[{type:t.Input}],nzTitle:[{type:t.Input}],nzExtra:[{type:t.Input}],tab:[{type:t.ContentChild,args:[o,{static:!1}]}],grids:[{type:t.ContentChildren,args:[d]}]},i([e.WithConfig(!0),e.InputBoolean(),r("design:type",Boolean)],n.prototype,"nzBordered",void 0),i([e.InputBoolean(),r("design:type",Object)],n.prototype,"nzLoading",void 0),i([e.WithConfig(!1),e.InputBoolean(),r("design:type",Boolean)],n.prototype,"nzHoverable",void 0),i([e.WithConfig("default"),r("design:type",String)],n.prototype,"nzSize",void 0),n}();var c=function(){function n(n,t){t.addClass(n.nativeElement,"ant-card-loading-content")}return n.decorators=[{type:t.Component,args:[{selector:"nz-card-loading",exportAs:"nzCardLoading",template:'<div class="ant-card-loading-content">\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-22" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-8" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-15" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-6" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-18" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-13" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-9" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-4" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-3" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-16" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n  <div class="ant-row" style="margin-left: -4px; margin-right: -4px;">\n    <div class="ant-col-8" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-6" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n    <div class="ant-col-8" style="padding-left: 4px; padding-right: 4px;">\n      <div class="ant-card-loading-block"></div>\n    </div>\n  </div>\n</div>',preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:["\n      nz-card-loading {\n        display: block;\n      }\n    "]}]}],n.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},n}(),s=function(){function n(n,t){t.addClass(n.nativeElement,"ant-card-meta")}return n.decorators=[{type:t.Component,args:[{selector:"nz-card-meta",exportAs:"nzCardMeta",preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,template:'<div class="ant-card-meta-avatar" *ngIf="nzAvatar">\n  <ng-template [ngTemplateOutlet]="nzAvatar"></ng-template>\n</div>\n<div class="ant-card-meta-detail" *ngIf="nzTitle || nzDescription">\n  <div class="ant-card-meta-title" *ngIf="nzTitle">\n    <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>\n  </div>\n  <div class="ant-card-meta-description" *ngIf="nzDescription">\n    <ng-container *nzStringTemplateOutlet="nzDescription">{{ nzDescription }}</ng-container>\n  </div>\n</div>',styles:["\n      nz-card-meta {\n        display: block;\n      }\n    "]}]}],n.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},n.propDecorators={nzTitle:[{type:t.Input}],nzDescription:[{type:t.Input}],nzAvatar:[{type:t.Input}]},n}();var p=function(){function n(){}return n.decorators=[{type:t.NgModule,args:[{imports:[a.CommonModule,e.NzAddOnModule],declarations:[l,d,s,c,o],exports:[l,d,s,c,o]}]}],n}();n.NzCardComponent=l,n.NzCardGridDirective=d,n.NzCardLoadingComponent=c,n.NzCardMetaComponent=s,n.NzCardModule=p,n.NzCardTabComponent=o,Object.defineProperty(n,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-card.umd.min.js.map