primevue/button/button.esm.min.js

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

import t from"primevue/icons/spinner";import l from"primevue/ripple";import{resolveComponent as n,resolveDirective as e,withDirectives as i,openBlock as s,createElementBlock as o,normalizeClass as a,renderSlot as d,Fragment as p,createBlock as u,createCommentVNode as r,createElementVNode as b,toDisplayString as c}from"vue";var h={name:"Button",props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},computed:{buttonClass(){return["p-button p-component",{"p-button-icon-only":this.hasIcon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.hasIcon&&this.label,"p-button-link":this.link,[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size,"p-button-plain":this.plain}]},iconStyleClass(){return["p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},loadingIconStyleClass(){return["p-button-loading-icon pi-spin",this.iconStyleClass]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:t},directives:{ripple:l}};const g=["aria-label","disabled"],y={class:"p-button-label"};h.render=function(t,l,h,f,S,m){const C=n("SpinnerIcon"),I=e("ripple");return i((s(),o("button",{class:a(m.buttonClass),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},[d(t.$slots,"default"),t.$slots.default?r("",!0):(s(),o(p,{key:0},[h.loading?d(t.$slots,"loadingicon",{key:0,class:a(m.loadingIconStyleClass)},(()=>[h.loadingIcon?(s(),o("span",{key:0,class:a([m.loadingIconStyleClass,h.loadingIcon])},null,2)):(s(),u(C,{key:1,class:a(m.loadingIconStyleClass),spin:""},null,8,["class"]))])):d(t.$slots,"icon",{key:1,class:a(m.iconStyleClass)},(()=>[h.icon?(s(),o("span",{key:0,class:a([m.iconStyleClass,h.icon])},null,2)):r("",!0)])),b("span",y,c(h.label||" "),1),h.badge?(s(),o("span",{key:2,class:a(m.badgeStyleClass)},c(h.badge),3)):r("",!0)],64))],10,g)),[[I]])};export{h as default};