"use strict";var e=require("vue"),l=require("../plugin-vue_export-helper.js");const a={name:"BreedingRhombusSpinner",props:{animationDuration:{type:Number,default:2e3},size:{type:Number,default:150},color:{type:String,default:"#fff"}},data(){return{animationBaseName:"breeding-rhombus-spinner-animation-child",rhombusesNum:8}},computed:{spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`}},rhombusStyle(){return{height:`${this.size/7.5}px`,width:`${this.size/7.5}px`,animationDuration:`${this.animationDuration}ms`,top:`${this.size/2.3077}px`,left:`${this.size/2.3077}px`,backgroundColor:this.color}},rhombusesStyles(){const i=[],s=this.animationDuration*.05;for(let t=1;t<=this.rhombusesNum;t++)i.push(Object.assign({animationDelay:`${s*(t+1)}ms`},this.rhombusStyle));return i},bigRhombusStyle(){return{height:`${this.size/3}px`,width:`${this.size/3}px`,animationDuration:`${this.animationDuration}`,top:`${this.size/3}px`,left:`${this.size/3}px`,backgroundColor:this.color}}}};function u(i,s,t,m,p,r){return e.openBlock(),e.createElementBlock("div",{class:"breeding-rhombus-spinner",style:e.normalizeStyle(r.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rhombusesStyles,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["rhombus",`child-${n+1}`]),style:e.normalizeStyle(o)},null,6))),128)),e.createElementVNode("div",{class:"rhombus big",style:e.normalizeStyle(r.bigRhombusStyle)},null,4)],4)}var h=l._export_sfc(a,[["render",u]]);exports.BreedingRhombusSpinner=h;
//# sourceMappingURL=BreedingRhombusSpinner.js.map
