"use strict";var e=require("vue"),l=require("../plugin-vue_export-helper.js");const a={name:"LoopingRhombusesSpinner",props:{animationDuration:{type:Number,default:2500},rhombusSize:{type:Number,default:15},color:{type:String,default:"#fff"}},data(){return{rhombusesNum:3}},computed:{spinnerStyle(){return{height:`${this.rhombusSize}px`,width:`${this.rhombusSize*4}px`}},rhombusStyle(){return{height:`${this.rhombusSize}px`,width:`${this.rhombusSize}px`,backgroundColor:this.color,animationDuration:`${this.animationDuration}ms`,left:`${this.rhombusSize*4}px`}},rhombusesStyles(){const r=[],s=-this.animationDuration/1.5;for(let t=1;t<=this.rhombusesNum;t++){const n=Object.assign({animationDelay:`${t*s}ms`},this.rhombusStyle);r.push(n)}return r}}};function m(r,s,t,n,p,o){return e.openBlock(),e.createElementBlock("div",{class:"looping-rhombuses-spinner",style:e.normalizeStyle(o.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.rhombusesStyles,(i,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"rhombus",style:e.normalizeStyle(i)},null,4))),128))],4)}var h=l._export_sfc(a,[["render",m]]);exports.LoopingRhombusesSpinner=h;
//# sourceMappingURL=LoopingRhombusesSpinner.js.map
