"use strict";var e=require("vue"),l=require("../plugin-vue_export-helper.js");const o={name:"SelfBuildingSquareSpinner",props:{animationDuration:{type:Number,default:6e3},size:{type:Number,default:40},color:{type:String,default:"#fff"}},data(){return{squaresNum:9}},computed:{squareSize(){return this.size/4},initialTopPosition(){return-this.squareSize*2/3},spinnerStyle(){return{top:`${-this.initialTopPosition}px`,height:`${this.size}px`,width:`${this.size}px`}},squareStyle(){return{height:`${this.squareSize}px`,width:`${this.squareSize}px`,top:`${this.initialTopPosition}px`,marginRight:`${this.squareSize/3}px`,marginTop:`${this.squareSize/3}px`,animationDuration:`${this.animationDuration}ms`,background:this.color}},squaresStyles(){const t=[],s=[6,7,8,3,4,5,0,1,2],n=this.animationDuration*.05;for(let i=0;i<this.squaresNum;i++)t.push(Object.assign({animationDelay:`${n*s[i]}ms`},this.squareStyle));return t}}};function p(t,s,n,i,S,a){return e.openBlock(),e.createElementBlock("div",{class:"self-building-square-spinner",style:e.normalizeStyle(a.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.squaresStyles,(u,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["square",{clear:r&&r%3===0}]),style:e.normalizeStyle(u)},null,6))),128))],4)}var c=l._export_sfc(o,[["render",p]]);exports.SelfBuildingSquareSpinner=c;
//# sourceMappingURL=SelfBuildingSquareSpinner.js.map
