"use strict";var e=require("vue"),a=require("../plugin-vue_export-helper.js");const s={name:"RadarSpinner",props:{animationDuration:{type:Number,default:2e3},size:{type:Number,default:110},color:{type:String,default:"#fff"}},data(){return{circlesNum:4}},computed:{borderWidth(){return this.size*5/110},spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`}},circleStyle(){return{animationDuration:`${this.animationDuration}ms`}},circleInnerContainerStyle(){return{borderWidth:`${this.borderWidth}px`}},circleInnerStyle(){return{borderLeftColor:this.color,borderRightColor:this.color,borderWidth:`${this.borderWidth}px`}},circlesStyles(){const i=[],n=this.animationDuration*.15;for(let r=0;r<this.circlesNum;r++)i.push(Object.assign({padding:`${this.borderWidth*2*r}px`,animationDelay:`${r===this.circlesNum-1?0:n}ms`},this.circleStyle));return i}}};function o(i,n,r,u,p,t){return e.openBlock(),e.createElementBlock("div",{class:"radar-spinner",style:e.normalizeStyle(t.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.circlesStyles,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"circle",style:e.normalizeStyle(l)},[e.createElementVNode("div",{class:"circle-inner-container",style:e.normalizeStyle(t.circleInnerContainerStyle)},[e.createElementVNode("div",{class:"circle-inner",style:e.normalizeStyle(t.circleInnerStyle)},null,4)],4)],4))),128))],4)}var d=a._export_sfc(s,[["render",o]]);exports.RadarSpinner=d;
//# sourceMappingURL=RadarSpinner.js.map
