"use strict";var e=require("vue"),a=require("../plugin-vue_export-helper.js");const u={name:"ScalingSquaresSpinner",props:{animationDuration:{type:Number,default:1250},size:{type:Number,default:65},color:{type:String,default:"#fff"}},data(){return{squaresNum:4}},computed:{spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`,animationDuration:`${this.animationDuration}ms`}},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 r=[];for(let t=1;t<=this.squaresNum;t++)r.push(Object.assign({},this.squareStyle));return r}}};function l(r,t,p,c,S,s){return e.openBlock(),e.createElementBlock("div",{class:"scaling-squares-spinner",style:e.normalizeStyle(s.spinnerStyle)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.squaresStyles,(i,n)=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["square",`square-${n+1}`]),style:e.normalizeStyle(i)},null,6))),128))],4)}var o=a._export_sfc(u,[["render",l]]);exports.ScalingSquaresSpinner=o;
//# sourceMappingURL=ScalingSquaresSpinner.js.map
