primevue/progressspinner/progressspinner.esm.min.js

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

import n from"primevue/basecomponent";import{useStyle as e}from"primevue/usestyle";import{openBlock as r,createElementBlock as t,mergeProps as i,createElementVNode as s}from"vue";var o=e("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n",{name:"progressspinner",manual:!0}),p={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:n,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},a=["fill","stroke-width"];p.render=function(n,e,o,p,l,c){return r(),t("div",i({class:n.cx("root"),role:"progressbar"},n.ptm("root"),{"data-pc-name":"progressspinner"}),[(r(),t("svg",i({class:n.cx("spinner"),viewBox:"25 25 50 50",style:c.svgStyle},n.ptm("spinner")),[s("circle",i({class:n.cx("circle"),cx:"50",cy:"50",r:"20",fill:n.fill,"stroke-width":n.strokeWidth,strokeMiterlimit:"10"},n.ptm("circle")),null,16,a)],16))],16)};export{p as default};