"use strict";var e=require("vue"),n=require("../plugin-vue_export-helper.js");const s={name:"IntersectingCirclesSpinner",props:{animationDuration:{type:Number,default:1200},size:{type:Number,default:70},color:{type:String,default:"#fff"}},computed:{circleSize(){return this.size/2},spinnerStyle(){return{width:`${this.size}px`,height:`${this.size}px`}},spinnerBlockStyle(){return{animationDuration:`${this.animationDuration}ms`,width:`${this.circleSize}px`,height:`${this.circleSize}px`}},circleStyle(){return{borderColor:this.color}},circleStyles(){return[{top:0,left:0},{left:`${this.circleSize*-.36}px`,top:`${this.circleSize*.2}px`},{left:`${this.circleSize*-.36}px`,top:`${this.circleSize*-.2}px`},{left:0,top:`${this.circleSize*-.36}px`},{left:`${this.circleSize*.36}px`,top:`${this.circleSize*-.2}px`},{left:`${this.circleSize*.36}px`,top:`${this.circleSize*.2}px`},{left:0,top:`${this.circleSize*.36}px`}].map(t=>Object.assign(t,this.circleStyle))}}};function p(r,t,a,u,S,i){return e.openBlock(),e.createElementBlock("div",{class:"intersecting-circles-spinner",style:e.normalizeStyle(i.spinnerStyle)},[e.createElementVNode("div",{class:"spinnerBlock",style:e.normalizeStyle(i.spinnerBlockStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.circleStyles,(c,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,class:"circle",style:e.normalizeStyle(c)},null,4))),128))],4)],4)}var o=n._export_sfc(s,[["render",p]]);exports.IntersectingCirclesSpinner=o;
//# sourceMappingURL=IntersectingCirclesSpinner.js.map
