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

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

!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"}return t.prototype.ngAfterViewInit=function(){if(this._initialStyleClass=this.el.nativeElement.className,n.DomHandler.addMultipleClasses(this.el.nativeElement,this.getStyleClass()),this.icon){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.icon),this.el.nativeElement.appendChild(t)}var i=document.createElement("span");this.icon&&!this.label&&i.setAttribute("aria-hidden","true"),i.className="p-button-label",i.appendChild(document.createTextNode(this.label||"&nbsp;")),this.el.nativeElement.appendChild(i),this.initialized=!0},t.prototype.getStyleClass=function(){var t="p-button p-component";return this.icon&&!this.label&&(t+=" p-button-icon-only"),t},t.prototype.setStyleClass=function(){var t=this.getStyleClass();this.el.nativeElement.className=t+" "+this._initialStyleClass},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.iconPos?n.DomHandler.findSingle(this.el.nativeElement,".p-button-icon").className="p-button-icon p-button-icon-"+this.iconPos+" "+this._icon:n.DomHandler.findSingle(this.el.nativeElement,".p-button-icon").className="p-button-icon "+this._icon,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}],label:[{type:e.Input}],icon:[{type:e.Input}]};var a=function(){function t(){this.type="button",this.iconPos="left",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"\n            [ngClass]="{\'p-button p-component\':true,\n                        \'p-button-icon-only\': (icon && !label),\n                        \'p-button-vertical\': (iconPos === \'top\' || iconPos === \'bottom\') && 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]="icon" *ngIf="icon" [attr.aria-hidden]="true"></span>\n            <span class="p-button-label" [attr.aria-hidden]="icon && !label">{{label||\'&nbsp;\'}}</span>\n            <span [ngClass]="badgeStyleClass()" *ngIf="badge" [class]="badgeClass">{{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}],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