"use strict";var e=require("vue"),l=require("../plugin-vue_export-helper.js");const t={name:"HalfCircleSpinner",props:{animationDuration:{type:Number,default:1e3},size:{type:Number,default:60},color:{type:String,default:"#fff"}},computed:{spinnerStyle(){return{height:`${this.size}px`,width:`${this.size}px`}},circleStyle(){return{borderWidth:`${this.size/10}px`,animationDuration:`${this.animationDuration}ms`}},circle1Style(){return Object.assign({borderTopColor:this.color},this.circleStyle)},circle2Style(){return Object.assign({borderBottomColor:this.color},this.circleStyle)}}};function i(n,s,a,o,u,r){return e.openBlock(),e.createElementBlock("div",{class:"half-circle-spinner",style:e.normalizeStyle(r.spinnerStyle)},[e.createElementVNode("div",{class:"circle circle-1",style:e.normalizeStyle(r.circle1Style)},null,4),e.createElementVNode("div",{class:"circle circle-2",style:e.normalizeStyle(r.circle2Style)},null,4)],4)}var c=l._export_sfc(t,[["render",i]]);exports.HalfCircleSpinner=c;
//# sourceMappingURL=HalfCircleSpinner.js.map
