{"version":3,"file":"index-DvrJx1ce.js","sources":["../../../app/javascript/components/viz/progress-circle/index.vue"],"sourcesContent":["<template>\n  <div class='progress-circle flex items-center text-center' :style=\"'width:'+size+'px; height:'+size+'px;'\">\n    <svg class='absolute' :width='size' :height='size'>\n      <circle ref='circle' class='circle' fill='transparent' :r='radius' :cx='center' :cy='center' :stroke-width='thickness'/>\n    </svg>\n    <svg class='absolute' :width='size' :height='size'>\n      <circle ref='progress' class='progress' fill='transparent' :r='radius' :cx='center' :cy='center' :stroke-width='thickness' :style='progressStyle' />\n    </svg>\n    <p class='flex-grow'>\n      <b class='text-blue-500'>{{parseInt(progress)}}%</b>\n    </p>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      progress: {\n        type: Number,\n        required: false,\n        default: 0\n      },\n      size: {\n        type: Number,\n        required: false,\n        default: 120\n      },\n      thickness: {\n        type: Number,\n        required: false,\n        default: 8\n      },\n      delay: {\n        type: Number,\n        required: false,\n        default: 1000\n      }\n    },\n    computed: {\n      circumfrance() {\n        return this.radius * 2 * Math.PI\n      },\n      center() {\n        return this.size / 2\n      },\n      radius() {\n        return this.center - this.thickness\n      },\n      progressStyle() {\n        return `stroke-dasharray: ${this.circumfrance}, ${this.circumfrance}; stroke-dashoffset: ${this.circumfrance};`\n      }\n    },\n    mounted() {\n      setTimeout(() => {\n        this.$refs.progress.style.strokeDashoffset = this.circumfrance - (+this.progress/100*this.circumfrance)\n      }, this.delay)\n\n    }\n  }\n</script>\n\n<style>\n.progress-circle .progress {\n\t transition: 1s stroke-dashoffset;\n\t transform: rotate(-90deg);\n\t transform-origin: 50% 50%;\n\t stroke: #3b82f6;\n}\n .progress-circle .circle {\n\t stroke: #e5e7eb;\n}\n</style>"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementBlock","_normalizeStyle","$props","_createElementVNode","$options","_toDisplayString"],"mappings":"4EAeE,MAAKA,EAAU,CACb,MAAO,CACL,SAAU,CACR,KAAM,OACN,SAAU,GACV,QAAS,CACV,EACD,KAAM,CACJ,KAAM,OACN,SAAU,GACV,QAAS,GACV,EACD,UAAW,CACT,KAAM,OACN,SAAU,GACV,QAAS,CACV,EACD,MAAO,CACL,KAAM,OACN,SAAU,GACV,QAAS,GACX,CACD,EACD,SAAU,CACR,cAAe,CACb,OAAO,KAAK,OAAS,EAAI,KAAK,EAC/B,EACD,QAAS,CACP,OAAO,KAAK,KAAO,CACpB,EACD,QAAS,CACP,OAAO,KAAK,OAAS,KAAK,SAC3B,EACD,eAAgB,CACd,MAAO,qBAAqB,KAAK,YAAY,KAAK,KAAK,YAAY,wBAAwB,KAAK,YAAY,GAC9G,CACD,EACD,SAAU,CACR,WAAW,IAAM,CACf,KAAK,MAAM,SAAS,MAAM,iBAAmB,KAAK,aAAgB,CAAC,KAAK,SAAS,IAAI,KAAK,YAC3F,EAAE,KAAK,KAAK,CAEf,CACF,EA1DFC,EAAA,CAAA,QAAA,QAAA,EAAAC,EAAA,CAAA,IAAA,KAAA,KAAA,cAAA,EAAAC,EAAA,CAAA,QAAA,QAAA,EAAAC,EAAA,CAAA,IAAA,KAAA,KAAA,cAAA,EAQOC,EAAA,CAAA,MAAM,WAAW,EACfC,EAAA,CAAA,MAAM,eAAe,qCAR5BC,EAUM,MAAA,CAVD,MAAM,gDAAiD,MAD9DC,EAAA,SAC8EC,EAAI,KAAA,cAAeA,EAAI,KAAA,KAAA,SACjGF,EAEM,MAAA,CAFD,MAAM,WAAY,MAAOE,EAAI,KAAG,OAAQA,EAAI,OAC/CC,EAAwH,SAAA,CAAhH,IAAI,SAAS,MAAM,SAAS,KAAK,cAAe,EAAGC,EAAM,OAAG,GAAIA,EAAM,OAAG,GAAIA,EAAM,OAAG,eAAcF,EAAS,SAH3H,EAAA,KAAA,EAAAP,CAAA,CAAA,EAAA,EAAAD,CAAA,QAKIM,EAEM,MAAA,CAFD,MAAM,WAAY,MAAOE,EAAI,KAAG,OAAQA,EAAI,OAC/CC,EAAoJ,SAAA,CAA5I,IAAI,WAAW,MAAM,WAAW,KAAK,cAAe,EAAGC,EAAM,OAAG,GAAIA,EAAM,OAAG,GAAIA,EAAM,OAAG,eAAcF,EAAS,UAAG,MANlID,EAMyIG,EAAa,aAAA,CANtJ,EAAA,KAAA,GAAAP,CAAA,CAAA,EAAA,EAAAD,CAAA,GAQIO,EAEI,IAFJL,EAEI,CADFK,EAAoD,IAApDJ,EAAoDM,EAAzB,SAASH,EAAA,QAAQ,GAAG,IAAC,CAAA"}