UNPKG

primevue

Version:

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

2 lines (1 loc) 1.53 kB
import{openBlock as e,createElementBlock as n,normalizeStyle as t,createElementVNode as r}from"vue";var i={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const s={class:"p-progress-spinner",role:"progressbar"},o=["fill","stroke-width"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\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"),i.render=function(i,p,l,a,d,c){return e(),n("div",s,[(e(),n("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:t(c.svgStyle)},[r("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:l.fill,"stroke-width":l.strokeWidth,strokeMiterlimit:"10"},null,8,o)],4))])};export{i as default};