primeng/bundles/primeng-badge.umd.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primeng) [![Discord](https://img.shields.io/discord/557940238991753

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("primeng/api"),require("primeng/dom"),require("primeng/utils")):"function"==typeof define&&define.amd?define("primeng/badge",["exports","@angular/core","@angular/common","primeng/api","primeng/dom","primeng/utils"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.badge={}),e.ng.core,e.ng.common,e.primeng.api,e.primeng.dom,e.primeng.utils)}(this,(function(e,t,n,a,i,r){"use strict";var o=function(){function e(e){this.el=e,this.iconPos="left"}return e.prototype.ngAfterViewInit=function(){this.id=r.UniqueComponentId()+"_badge";var e=-1!=this.el.nativeElement.nodeName.indexOf("-")?this.el.nativeElement.firstChild:this.el.nativeElement,t=document.createElement("span");t.id=this.id,t.className="p-badge p-component",this.severity&&i.DomHandler.addClass(t,"p-badge-"+this.severity),null!=this.value?(t.appendChild(document.createTextNode(this.value)),1===String(this.value).length&&i.DomHandler.addClass(t,"p-badge-no-gutter")):i.DomHandler.addClass(t,"p-badge-dot"),i.DomHandler.addClass(e,"p-overlay-badge"),e.appendChild(t),this.initialized=!0},Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){if(e!==this._value&&(this._value=e,this.initialized)){var t=document.getElementById(this.id);this._value?(i.DomHandler.hasClass(t,"p-badge-dot")&&i.DomHandler.removeClass(t,"p-badge-dot"),1===String(this._value).length?i.DomHandler.addClass(t,"p-badge-no-gutter"):i.DomHandler.removeClass(t,"p-badge-no-gutter")):this._value||i.DomHandler.hasClass(t,"p-badge-dot")||i.DomHandler.addClass(t,"p-badge-dot"),t.innerHTML="",t.appendChild(document.createTextNode(this._value))}},enumerable:!1,configurable:!0}),e.prototype.ngOnDestroy=function(){this.initialized=!1},e}();o.decorators=[{type:t.Directive,args:[{selector:"[pBadge]"}]}],o.ctorParameters=function(){return[{type:t.ElementRef}]},o.propDecorators={iconPos:[{type:t.Input}],value:[{type:t.Input}],severity:[{type:t.Input}]};var s=function(){function e(){}return e.prototype.containerClass=function(){return{"p-badge p-component":!0,"p-badge-no-gutter":this.value&&1===String(this.value).length,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}},e}();s.decorators=[{type:t.Component,args:[{selector:"p-badge",template:'\n        <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">\n                {{value}}\n        </span>\n    ',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-badge{border-radius:10px;display:inline-block;padding:0 .5rem;text-align:center}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{margin:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100% 0}.p-badge-dot{height:.5rem;min-width:.5rem;width:.5rem}.p-badge-dot,.p-badge-no-gutter{border-radius:50%;padding:0}"]}]}],s.propDecorators={styleClass:[{type:t.Input}],style:[{type:t.Input}],size:[{type:t.Input}],severity:[{type:t.Input}],value:[{type:t.Input}]};var d=function(){};d.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[s,o,a.SharedModule],declarations:[s,o]}]}],e.Badge=s,e.BadgeDirective=o,e.BadgeModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-badge.umd.min.js.map