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.63 kB
import e from"primevue/basecomponent";import{openBlock as t,createElementBlock as n,mergeProps as r,createElementVNode as i}from"vue";var s={name:"ProgressSpinner",extends:e,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const o=["fill","stroke-width"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&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"),s.render=function(e,s,p,l,a,d){return t(),n("div",r({class:"p-progress-spinner",role:"progressbar"},e.ptm("root")),[(t(),n("svg",r({class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:d.svgStyle},e.ptm("spinner")),[i("circle",r({class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:p.fill,"stroke-width":p.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,o)],16))],16)};export{s as default};