"use strict";var e=require("vue"),u=require("../plugin-vue_export-helper.js");const l={name:"SwappingSquaresSpinner",props:{animationDuration:{type:Number,default:1e3},size:{type:Number,default:65},color:{type:String,default:"#fff"}},data(){return{animationBaseName:"swapping-squares-animation-child",squaresNum:4}},computed:{spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`}},squareStyle(){return{height:`${this.size*.25/1.3}px`,width:`${this.size*.25/1.3}px`,animationDuration:`${this.animationDuration}ms`,borderWidth:`${this.size*.04/1.3}px`,borderColor:this.color}},squaresStyles(){const t=[],s=this.animationDuration*.5;for(let r=1;r<=this.squaresNum;r++)t.push(Object.assign({animationDelay:`${r%2===0?s:0}ms`},this.squareStyle));return t}}};function p(t,s,r,c,m,n){return e.openBlock(),e.createElementBlock("div",{class:"swapping-squares-spinner",style:e.normalizeStyle(n.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.squaresStyles,(i,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass(["square",`square-${a+1}`]),style:e.normalizeStyle(i)},null,6))),128))],4)}var o=u._export_sfc(l,[["render",p]]);exports.SwappingSquaresSpinner=o;
//# sourceMappingURL=SwappingSquaresSpinner.js.map
