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/bidi"),require("@angular/core"),require("ng-zorro-antd/core/animation"),require("ng-zorro-antd/core/config"),require("ng-zorro-antd/core/util"),require("rxjs"),require("rxjs/operators"),require("@angular/cdk/observers"),require("@angular/common"),require("ng-zorro-antd/core/outlet")):"function"==typeof define&&define.amd?define("ng-zorro-antd/badge",["exports","@angular/cdk/bidi","@angular/core","ng-zorro-antd/core/animation","ng-zorro-antd/core/config","ng-zorro-antd/core/util","rxjs","rxjs/operators","@angular/cdk/observers","@angular/common","ng-zorro-antd/core/outlet"],t):t(((n="undefined"!=typeof globalThis?globalThis:n||self)["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].badge={}),n.ng.cdk.bidi,n.ng.core,n["ng-zorro-antd"].core.animation,n["ng-zorro-antd"].core.config,n["ng-zorro-antd"].core.util,n.rxjs,n.rxjs.operators,n.ng.cdk.observers,n.ng.common,n["ng-zorro-antd"].core.outlet)}(this,(function(n,t,e,o,r,a,i,s,l,u,p){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */function c(n,t,e,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,e,o);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(i=(a<3?r(i):a>3?r(t,e,i):r(t,e))||i);return a>3&&i&&Object.defineProperty(t,e,i),i}function d(n,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,t)}Object.create;Object.create;var g=["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"],z=function(){function n(n,t,e,o,r){this.nzConfigService=n,this.renderer=t,this.cdr=e,this.elementRef=o,this.directionality=r,this._nzModuleName="badge",this.showSup=!1,this.presetColor=null,this.dir="ltr",this.destroy$=new i.Subject,this.nzShowZero=!1,this.nzShowDot=!0,this.nzStandalone=!1,this.nzDot=!1,this.nzOverflowCount=99,this.nzColor=void 0,this.nzStyle=null,this.nzText=null,this.elementRef.nativeElement.classList.add("ant-badge")}return n.prototype.ngOnInit=function(){var n,t=this;null===(n=this.directionality.change)||void 0===n||n.pipe(s.takeUntil(this.destroy$)).subscribe((function(n){t.dir=n,t.prepareBadgeForRtl(),t.cdr.detectChanges()})),this.dir=this.directionality.value,this.prepareBadgeForRtl()},n.prototype.ngOnChanges=function(n){var t=n.nzColor,e=n.nzShowDot,o=n.nzDot,r=n.nzCount,a=n.nzShowZero;t&&(this.presetColor=this.nzColor&&-1!==g.indexOf(this.nzColor)?this.nzColor:null),(e||o||r||a)&&(this.showSup=this.nzShowDot&&this.nzDot||this.nzCount>0||this.nzCount<=0&&this.nzShowZero)},n.prototype.prepareBadgeForRtl=function(){this.isRtlLayout?this.renderer.addClass(this.elementRef.nativeElement,"ant-badge-rtl"):this.renderer.removeClass(this.elementRef.nativeElement,"ant-badge-rtl")},Object.defineProperty(n.prototype,"isRtlLayout",{get:function(){return"rtl"===this.dir},enumerable:!1,configurable:!0}),n.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},n}();z.decorators=[{type:e.Component,args:[{selector:"nz-badge",exportAs:"nzBadge",preserveWhitespaces:!1,encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,animations:[o.zoomBadgeMotion],template:'\n    <ng-container *ngIf="nzStatus || nzColor">\n      <span\n        class="ant-badge-status-dot ant-badge-status-{{ nzStatus || presetColor }}"\n        [style.background]="!presetColor && nzColor"\n        [ngStyle]="nzStyle"\n      ></span>\n      <span class="ant-badge-status-text">\n        <ng-container *nzStringTemplateOutlet="nzText">{{ nzText }}</ng-container>\n      </span>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *nzStringTemplateOutlet="nzCount">\n      <nz-badge-sup\n        *ngIf="showSup"\n        [nzOffset]="nzOffset"\n        [nzTitle]="nzTitle"\n        [nzStyle]="nzStyle"\n        [nzDot]="nzDot"\n        [nzOverflowCount]="nzOverflowCount"\n        [disableAnimation]="!!(nzStandalone || nzStatus || nzColor)"\n        [nzCount]="nzCount"\n      ></nz-badge-sup>\n    </ng-container>\n  ',host:{"[class.ant-badge-status]":"nzStatus","[class.ant-badge-not-a-wrapper]":"!!(nzStandalone || nzStatus || nzColor)"}}]}],z.ctorParameters=function(){return[{type:r.NzConfigService},{type:e.Renderer2},{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:t.Directionality,decorators:[{type:e.Optional}]}]},z.propDecorators={nzShowZero:[{type:e.Input}],nzShowDot:[{type:e.Input}],nzStandalone:[{type:e.Input}],nzDot:[{type:e.Input}],nzOverflowCount:[{type:e.Input}],nzColor:[{type:e.Input}],nzStyle:[{type:e.Input}],nzText:[{type:e.Input}],nzTitle:[{type:e.Input}],nzStatus:[{type:e.Input}],nzCount:[{type:e.Input}],nzOffset:[{type:e.Input}]},c([a.InputBoolean(),d("design:type",Boolean)],z.prototype,"nzShowZero",void 0),c([a.InputBoolean(),d("design:type",Object)],z.prototype,"nzShowDot",void 0),c([a.InputBoolean(),d("design:type",Object)],z.prototype,"nzStandalone",void 0),c([a.InputBoolean(),d("design:type",Object)],z.prototype,"nzDot",void 0),c([r.WithConfig(),d("design:type",Number)],z.prototype,"nzOverflowCount",void 0),c([r.WithConfig(),d("design:type",String)],z.prototype,"nzColor",void 0);var f=function(){function n(n){this.elementRef=n,this.nzStyle=null,this.nzDot=!1,this.nzOverflowCount=99,this.disableAnimation=!1,this.maxNumberArray=[],this.countArray=[],this.count=0,this.countSingleArray=[0,1,2,3,4,5,6,7,8,9],this.elementRef.nativeElement.classList.add("ant-scroll-number")}return n.prototype.generateMaxNumberArray=function(){this.maxNumberArray=this.nzOverflowCount.toString().split("")},n.prototype.ngOnInit=function(){this.generateMaxNumberArray()},n.prototype.ngOnChanges=function(n){var t=n.nzOverflowCount,e=n.nzCount;e&&"number"==typeof e.currentValue&&(this.count=Math.max(0,e.currentValue),this.countArray=this.count.toString().split("").map((function(n){return+n}))),t&&this.generateMaxNumberArray()},n}();f.decorators=[{type:e.Component,args:[{selector:"nz-badge-sup",exportAs:"nzBadgeSup",preserveWhitespaces:!1,encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,animations:[o.zoomBadgeMotion],template:'\n    <ng-container *ngIf="count <= nzOverflowCount; else overflowTemplate">\n      <span\n        *ngFor="let n of maxNumberArray; let i = index"\n        class="ant-scroll-number-only"\n        [style.transform]="\'translateY(\' + -countArray[i] * 100 + \'%)\'"\n      >\n        <ng-container *ngIf="!nzDot && countArray[i] !== undefined">\n          <p *ngFor="let p of countSingleArray" class="ant-scroll-number-only-unit" [class.current]="p === countArray[i]">\n            {{ p }}\n          </p>\n        </ng-container>\n      </span>\n    </ng-container>\n    <ng-template #overflowTemplate>{{ nzOverflowCount }}+</ng-template>\n  ',host:{"[@.disabled]":"disableAnimation","[@zoomBadgeMotion]":"","[attr.title]":"nzTitle === null ? '' : nzTitle || nzCount","[style]":"nzStyle","[style.right.px]":"nzOffset && nzOffset[0] ? -nzOffset[0] : null","[style.margin-top.px]":"nzOffset && nzOffset[1] ? nzOffset[1] : null","[class.ant-badge-count]":"!nzDot","[class.ant-badge-dot]":"nzDot","[class.ant-badge-multiple-words]":"countArray.length >= 2"}}]}],f.ctorParameters=function(){return[{type:e.ElementRef}]},f.propDecorators={nzOffset:[{type:e.Input}],nzTitle:[{type:e.Input}],nzStyle:[{type:e.Input}],nzDot:[{type:e.Input}],nzOverflowCount:[{type:e.Input}],disableAnimation:[{type:e.Input}],nzCount:[{type:e.Input}]};var y=function(){function n(n){this.elementRef=n,this.nzPlacement="end",this.nzText=null,this.presetColor=null,this.elementRef.nativeElement.classList.add("ant-ribbon-wrapper")}return n.prototype.ngOnChanges=function(n){n.nzColor&&(this.presetColor=this.nzColor&&-1!==g.indexOf(this.nzColor)?this.nzColor:null)},n}();y.decorators=[{type:e.Component,args:[{selector:"nz-ribbon",exportAs:"nzRibbon",preserveWhitespaces:!1,encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,template:'\n    <ng-content></ng-content>\n    <div\n      class="ant-ribbon"\n      [class]="presetColor && \'ant-ribbon-color-\' + presetColor"\n      [class.ant-ribbon-placement-end]="nzPlacement === \'end\'"\n      [class.ant-ribbon-placement-start]="nzPlacement === \'start\'"\n      [style.background-color]="!presetColor && nzColor"\n    >\n      <ng-container *nzStringTemplateOutlet="nzText">{{ nzText }}</ng-container>\n      <div class="ant-ribbon-corner" [style.color]="!presetColor && nzColor"></div>\n    </div>\n  '}]}],y.ctorParameters=function(){return[{type:e.ElementRef}]},y.propDecorators={nzColor:[{type:e.Input}],nzPlacement:[{type:e.Input}],nzText:[{type:e.Input}]};var h=function(){};h.decorators=[{type:e.NgModule,args:[{declarations:[z,f,y],exports:[z,y],imports:[t.BidiModule,u.CommonModule,l.ObserversModule,p.NzOutletModule]}]}],n.NzBadgeComponent=z,n.NzBadgeModule=h,n.ɵa=f,n.ɵb=y,Object.defineProperty(n,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-zorro-antd-badge.umd.min.js.map