primevue
Version:
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
2 lines (1 loc) • 1.11 kB
JavaScript
"use strict";var e=require("primevue/basecomponent"),r=require("primevue/progressspinner/style"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:n(r).default,provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},o=["fill","stroke-width"];i.render=function(e,r,n,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"progressbar"},e.ptm("root"),{"data-pc-name":"progressspinner"}),[(t.openBlock(),t.createElementBlock("svg",t.mergeProps({class:e.cx("spinner"),viewBox:"25 25 50 50",style:l.svgStyle},e.ptm("spinner")),[t.createElementVNode("circle",t.mergeProps({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,o)],16))],16)},module.exports=i;