ng-zorro-antd/bundles/ng-zorro-antd-badge.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/cdk/observers"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core")):"function"==typeof define&&define.amd?define("ng-zorro-antd/badge",["exports","@angular/cdk/observers","@angular/common","@angular/core","ng-zorro-antd/core"],t):t((n["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].badge={}),n.ng.cdk.observers,n.ng.common,n.ng.core,n["ng-zorro-antd"].core)}(this,function(n,t,e,r,o){"use strict";function a(n,t,e,o){var r,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(n,t,e,o);else for(var u=n.length-1;0<=u;u--)(r=n[u])&&(s=(a<3?r(s):3<a?r(t,e,s):r(t,e))||s);return 3<a&&s&&Object.defineProperty(t,e,s),s}function s(n,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,t)}var u=function(){function n(n,t){this.renderer=n,this.elementRef=t,this.maxNumberArray=[],this.countArray=[],this.countSingleArray=[0,1,2,3,4,5,6,7,8,9],this.colorArray=["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"],this.presetColor=null,this.nzShowZero=!1,this.nzShowDot=!0,this.nzDot=!1,this.nzOverflowCount=99,n.addClass(t.nativeElement,"ant-badge")}return n.prototype.checkContent=function(){o.isEmpty(this.contentElement.nativeElement)?this.renderer.addClass(this.elementRef.nativeElement,"ant-badge-not-a-wrapper"):this.renderer.removeClass(this.elementRef.nativeElement,"ant-badge-not-a-wrapper")},Object.defineProperty(n.prototype,"showSup",{get:function(){return this.nzShowDot&&this.nzDot||0<this.count||0===this.count&&this.nzShowZero},enumerable:!0,configurable:!0}),n.prototype.generateMaxNumberArray=function(){this.maxNumberArray=this.nzOverflowCount.toString().split("")},n.prototype.ngOnInit=function(){this.generateMaxNumberArray()},n.prototype.ngAfterViewInit=function(){this.checkContent()},n.prototype.ngOnChanges=function(n){var t=n.nzOverflowCount,e=n.nzCount,o=n.nzColor;!e||e.currentValue instanceof r.TemplateRef||(this.count=Math.max(0,e.currentValue),this.countArray=this.count.toString().split("").map(function(n){return+n})),t&&this.generateMaxNumberArray(),o&&(this.presetColor=-1!==this.colorArray.indexOf(this.nzColor)?this.nzColor:null)},n.decorators=[{type:r.Component,args:[{selector:"nz-badge",exportAs:"nzBadge",preserveWhitespaces:!1,encapsulation:r.ViewEncapsulation.None,changeDetection:r.ChangeDetectionStrategy.OnPush,animations:[o.zoomBadgeMotion],template:'<span (cdkObserveContent)="checkContent()" #contentElement><ng-content></ng-content></span>\n<span class="ant-badge-status-dot ant-badge-status-{{nzStatus || presetColor}}" [style.background]="!presetColor && nzColor" *ngIf="nzStatus || nzColor" [ngStyle]="nzStyle"></span>\n<span class="ant-badge-status-text" *ngIf="nzStatus || nzColor">{{ nzText }}</span>\n<ng-container *nzStringTemplateOutlet="nzCount">\n  <sup class="ant-scroll-number"\n    *ngIf="showSup"\n    @zoomBadgeMotion\n    [ngStyle]="nzStyle"\n    [class.ant-badge-count]="!nzDot"\n    [class.ant-badge-dot]="nzDot"\n    [class.ant-badge-multiple-words]="countArray.length>=2">\n    <ng-container *ngFor="let n of maxNumberArray;let i = index;">\n      <span class="ant-scroll-number-only"\n        *ngIf="count <= nzOverflowCount"\n        [style.transform]="\'translateY(\' + (-countArray[i] * 100) + \'%)\'">\n          <ng-container *ngIf="(!nzDot)&&(countArray[i]!=null)">\n            <p *ngFor="let p of countSingleArray" [class.current]="p === countArray[i]">{{ p }}</p>\n          </ng-container>\n      </span>\n    </ng-container>\n    <ng-container *ngIf="count > nzOverflowCount">{{ nzOverflowCount }}+</ng-container>\n  </sup>\n</ng-container>',host:{"[class.ant-badge-status]":"nzStatus"}}]}],n.ctorParameters=function(){return[{type:r.Renderer2},{type:r.ElementRef}]},n.propDecorators={contentElement:[{type:r.ViewChild,args:["contentElement"]}],nzShowZero:[{type:r.Input}],nzShowDot:[{type:r.Input}],nzDot:[{type:r.Input}],nzOverflowCount:[{type:r.Input}],nzText:[{type:r.Input}],nzColor:[{type:r.Input}],nzStyle:[{type:r.Input}],nzStatus:[{type:r.Input}],nzCount:[{type:r.Input}]},a([o.InputBoolean(),s("design:type",Object)],n.prototype,"nzShowZero",void 0),a([o.InputBoolean(),s("design:type",Object)],n.prototype,"nzShowDot",void 0),a([o.InputBoolean(),s("design:type",Object)],n.prototype,"nzDot",void 0),n}(),i=function(){function n(){}return n.decorators=[{type:r.NgModule,args:[{declarations:[u],exports:[u],imports:[e.CommonModule,t.ObserversModule,o.NzAddOnModule]}]}],n}();n.NzBadgeComponent=u,n.NzBadgeModule=i,Object.defineProperty(n,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-badge.umd.min.js.map