primevue/progressbar/progressbar.esm.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import e from"primevue/basecomponent";import t from"primevue/progressbar/style";import{openBlock as r,createElementBlock as a,mergeProps as n,renderSlot as l,createTextVNode as i,toDisplayString as o,createCommentVNode as s,createElementVNode as u}from"vue";var m={name:"ProgressBar",extends:{name:"BaseProgressBar",extends:e,props:{value:{type:Number,default:null},mode:{type:String,default:"determinate"},showValue:{type:Boolean,default:!0}},style:t,provide:function(){return{$parentInstance:this}}},computed:{progressStyle:function(){return{width:this.value+"%",display:"flex"}},indeterminate:function(){return"indeterminate"===this.mode},determinate:function(){return"determinate"===this.mode}}},d=["aria-valuenow"];m.render=function(e,t,m,p,v,c){return r(),a("div",n({role:"progressbar",class:e.cx("root"),"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},e.ptm("root")),[c.determinate?(r(),a("div",n({key:0,class:e.cx("value"),style:c.progressStyle},e.ptm("value")),[null!=e.value&&0!==e.value&&e.showValue?(r(),a("div",n({key:0,class:e.cx("label")},e.ptm("label")),[l(e.$slots,"default",{},(function(){return[i(o(e.value+"%"),1)]}))],16)):s("",!0)],16)):s("",!0),c.indeterminate?(r(),a("div",n({key:1,class:e.cx("container")},e.ptm("container")),[u("div",n({class:e.cx("value")},e.ptm("value")),null,16)],16)):s("",!0)],16,d)};export{m as default};