"use strict";var e=require("vue"),t=require("../plugin-vue_export-helper.js");const r={name:"TrinityRingsSpinner",props:{animationDuration:{type:Number,default:1500},size:{type:Number,default:60},color:{type:String,default:"#fff"}},data(){return{containerPadding:3}},computed:{outerRingSize(){return this.size-this.containerPadding*2},spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`,padding:`${this.containerPadding}px`}},ring1Style(){return{height:`${this.outerRingSize}px`,width:`${this.outerRingSize}px`,borderColor:this.color,animationDuration:`${this.animationDuration}ms`}},ring2Style(){return{height:`${this.outerRingSize*.65}px`,width:`${this.outerRingSize*.65}px`,borderColor:this.color,animationDuration:`${this.animationDuration}ms`}},ring3Style(){return{height:`${this.outerRingSize*.1}px`,width:`${this.outerRingSize*.1}px`,borderColor:this.color,animationDuration:`${this.animationDuration}ms`}}}};function n(a,o,s,u,c,i){return e.openBlock(),e.createElementBlock("div",{class:"trinity-rings-spinner",style:e.normalizeStyle(i.spinnerStyle)},[e.createElementVNode("div",{class:"circle circle1",style:e.normalizeStyle(i.ring1Style)},null,4),e.createElementVNode("div",{class:"circle circle2",style:e.normalizeStyle(i.ring2Style)},null,4),e.createElementVNode("div",{class:"circle circle3",style:e.normalizeStyle(i.ring3Style)},null,4)],4)}var l=t._export_sfc(r,[["render",n]]);exports.TrinityRingsSpinner=l;
//# sourceMappingURL=TrinityRingsSpinner.js.map
