"use strict";var e=require("vue"),a=require("../plugin-vue_export-helper.js");const d={name:"HollowDotsSpinner",props:{animationDuration:{type:Number,default:1e3},dotSize:{type:Number,default:15},dotsNum:{type:Number,default:3},color:{type:String,default:"#fff"}},computed:{horizontalMargin(){return this.dotSize/2},spinnerStyle(){return{height:`${this.dotSize}px`,width:`${(this.dotSize+this.horizontalMargin*2)*this.dotsNum}px`}},dotStyle(){return{animationDuration:`${this.animationDuration}ms`,width:`${this.dotSize}px`,height:`${this.dotSize}px`,margin:`0 ${this.horizontalMargin}px`,borderWidth:`${this.dotSize/5}px`,borderColor:this.color}},dotsStyles(){const o=[],i=this.animationDuration;for(let t=1;t<=this.dotsNum;t++)o.push({animationDelay:`${i*t*.3}ms`,...this.dotStyle});return o}}};function u(o,n,i,t,c,r){return e.openBlock(),e.createElementBlock("div",{class:"hollow-dots-spinner",style:e.normalizeStyle(r.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dotsStyles,(l,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"dot",style:e.normalizeStyle(l)},null,4))),128))],4)}var p=a._export_sfc(d,[["render",u]]);exports.HollowDotsSpinner=p;
//# sourceMappingURL=HollowDotsSpinner.js.map
