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

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primeng) [![npm downloads](https://img.shields.io/npm/dm/primeng.sv

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("primeng/dom"),require("@angular/common"),require("primeng/ripple"),require("primeng/api")):"function"==typeof define&&define.amd?define("primeng/button",["exports","@angular/core","primeng/dom","@angular/common","primeng/ripple","primeng/api"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).primeng=t.primeng||{},t.primeng.button={}),t.ng.core,t.primeng.dom,t.ng.common,t.primeng.ripple,t.primeng.api)}(this,(function(t,e,n,i,o,l){"use strict";var s=function(){function t(t){this.el=t,this.iconPos="left",this.loadingIcon="pi pi-spinner pi-spin",this._loading=!1}return t.prototype.ngAfterViewInit=function(){this._initialStyleClass=this.el.nativeElement.className,n.DomHandler.addMultipleClasses(this.el.nativeElement,this.getStyleClass()),this.icon&&this.createIconEl();var t=document.createElement("span");this.icon&&!this.label&&t.setAttribute("aria-hidden","true"),t.className="p-button-label",this.label?t.appendChild(document.createTextNode(this.label)):t.innerHTML="&nbsp;",this.el.nativeElement.appendChild(t),this.initialized=!0},t.prototype.getStyleClass=function(){var t="p-button p-component";return this.icon&&!this.label&&(t+=" p-button-icon-only"),this.loading&&(t+=" p-disabled p-button-loading",!this.icon&&this.label&&(t+=" p-button-loading-label-only")),t},t.prototype.setStyleClass=function(){var t=this.getStyleClass();this.el.nativeElement.className=t+" "+this._initialStyleClass},t.prototype.createIconEl=function(){var t=document.createElement("span");t.className="p-button-icon",t.setAttribute("aria-hidden","true");var e=this.label?"p-button-icon-"+this.iconPos:null;e&&n.DomHandler.addClass(t,e),n.DomHandler.addMultipleClasses(t,this.getIconClass());var i=n.DomHandler.findSingle(this.el.nativeElement,".p-button-label");i?this.el.nativeElement.insertBefore(t,i):this.el.nativeElement.appendChild(t)},t.prototype.getIconClass=function(){return this.loading?"p-button-loading-icon "+this.loadingIcon:this._icon},t.prototype.setIconClass=function(){var t=n.DomHandler.findSingle(this.el.nativeElement,".p-button-icon");t?this.iconPos?t.className="p-button-icon p-button-icon-"+this.iconPos+" "+this.getIconClass():t.className="p-button-icon "+this.getIconClass():this.createIconEl()},t.prototype.removeIconElement=function(){var t=n.DomHandler.findSingle(this.el.nativeElement,".p-button-icon");this.el.nativeElement.removeChild(t)},Object.defineProperty(t.prototype,"label",{get:function(){return this._label},set:function(t){this._label=t,this.initialized&&(n.DomHandler.findSingle(this.el.nativeElement,".p-button-label").textContent=this._label||"&nbsp;",this.setStyleClass())},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"icon",{get:function(){return this._icon},set:function(t){this._icon=t,this.initialized&&(this.setIconClass(),this.setStyleClass())},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"loading",{get:function(){return this._loading},set:function(t){this._loading=t,this.initialized&&(this.loading||this.icon?this.setIconClass():this.removeIconElement(),this.setStyleClass())},enumerable:!1,configurable:!0}),t.prototype.ngOnDestroy=function(){this.initialized=!1},t}();s.decorators=[{type:e.Directive,args:[{selector:"[pButton]"}]}],s.ctorParameters=function(){return[{type:e.ElementRef}]},s.propDecorators={iconPos:[{type:e.Input}],loadingIcon:[{type:e.Input}],label:[{type:e.Input}],icon:[{type:e.Input}],loading:[{type:e.Input}]};var a=function(){function t(){this.type="button",this.iconPos="left",this.loading=!1,this.loadingIcon="pi pi-spinner pi-spin",this.onClick=new e.EventEmitter,this.onFocus=new e.EventEmitter,this.onBlur=new e.EventEmitter}return t.prototype.ngAfterContentInit=function(){var t=this;this.templates.forEach((function(e){switch(e.getType()){case"content":default:t.contentTemplate=e.template}}))},t.prototype.badgeStyleClass=function(){return{"p-badge p-component":!0,"p-badge-no-gutter":this.badge&&1===String(this.badge).length}},t}();a.decorators=[{type:e.Component,args:[{selector:"p-button",template:"\n        <button [attr.type]=\"type\" [class]=\"styleClass\" [ngStyle]=\"style\" [disabled]=\"disabled || loading\"\n            [ngClass]=\"{'p-button p-component':true,\n                        'p-button-icon-only': (icon && !label),\n                        'p-button-vertical': (iconPos === 'top' || iconPos === 'bottom') && label,\n                        'p-disabled': this.disabled || this.loading,\n                        'p-button-loading': this.loading,\n                        'p-button-loading-label-only': this.loading && !this.icon && this.label}\"\n                        (click)=\"onClick.emit($event)\" (focus)=\"onFocus.emit($event)\" (blur)=\"onBlur.emit($event)\" pRipple>\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            <span [ngClass]=\"{'p-button-icon': true,\n                        'p-button-icon-left': iconPos === 'left' && label,\n                        'p-button-icon-right': iconPos === 'right' && label,\n                        'p-button-icon-top': iconPos === 'top' && label,\n                        'p-button-icon-bottom': iconPos === 'bottom' && label}\"\n                        [class]=\"loading ? 'p-button-loading-icon ' + loadingIcon : icon\" *ngIf=\"!contentTemplate && (icon||loading)\" [attr.aria-hidden]=\"true\"></span>\n            <span class=\"p-button-label\" [attr.aria-hidden]=\"icon && !label\" *ngIf=\"!contentTemplate\">{{label||'&nbsp;'}}</span>\n            <span [ngClass]=\"badgeStyleClass()\" [class]=\"badgeClass\" *ngIf=\"!contentTemplate && badge\">{{badge}}</span>\n        </button>\n    ",changeDetection:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None}]}],a.propDecorators={type:[{type:e.Input}],iconPos:[{type:e.Input}],icon:[{type:e.Input}],badge:[{type:e.Input}],label:[{type:e.Input}],disabled:[{type:e.Input}],loading:[{type:e.Input}],loadingIcon:[{type:e.Input}],style:[{type:e.Input}],styleClass:[{type:e.Input}],badgeClass:[{type:e.Input}],templates:[{type:e.ContentChildren,args:[l.PrimeTemplate]}],onClick:[{type:e.Output}],onFocus:[{type:e.Output}],onBlur:[{type:e.Output}]};var p=function(){};p.decorators=[{type:e.NgModule,args:[{imports:[i.CommonModule,o.RippleModule],exports:[s,a],declarations:[s,a]}]}],t.Button=a,t.ButtonDirective=s,t.ButtonModule=p,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-button.umd.min.js.map