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/basecomponent";import l from"primevue/icons/spinner";import n from"primevue/ripple";import{resolveComponent as e,resolveDirective as o,withDirectives as i,openBlock as s,createElementBlock as a,mergeProps as p,renderSlot as d,normalizeClass as u,createBlock as r,createCommentVNode as b,createElementVNode as c,toDisplayString as g}from"vue";var h={name:"Button",extends:t,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:l},directives:{ripple:n}};const y=["aria-label","disabled"];h.render=function(t,l,n,h,f,m){const S=e("SpinnerIcon"),C=o("ripple");return i((s(),a("button",p({class:m.buttonClass,type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},t.ptm("root")),[d(t.$slots,"default",{},(()=>[n.loading?d(t.$slots,"loadingicon",{key:0,class:u(m.loadingIconStyleClass)},(()=>[n.loadingIcon?(s(),a("span",p({key:0,class:[m.loadingIconStyleClass,n.loadingIcon]},t.ptm("loadingIcon")),null,16)):(s(),r(S,p({key:1,class:m.loadingIconStyleClass,spin:""},t.ptm("loadingIcon")),null,16,["class"]))])):d(t.$slots,"icon",{key:1,class:u(m.iconStyleClass)},(()=>[n.icon?(s(),a("span",p({key:0,class:[m.iconStyleClass,n.icon]},t.ptm("icon")),null,16)):b("",!0)])),c("span",p({class:"p-button-label"},t.ptm("label")),g(n.label||" "),17),n.badge?(s(),a("span",p({key:2,class:m.badgeStyleClass},t.ptm("badge")),g(n.badge),17)):b("",!0)]))],16,y)),[[C]])};export{h as default};