{"version":3,"sources":["webpack:///./src/components/AnimateText.vue?43c2","webpack:///src/components/AnimateText.vue","webpack:///./src/components/AnimateText.vue?0f17","webpack:///./src/components/AnimateText.vue","webpack:///./src/components/ProgressCircle.vue?56fb","webpack:///src/components/ProgressCircle.vue","webpack:///./src/components/ProgressCircle.vue?0f33","webpack:///./src/components/ProgressCircle.vue?8090","webpack:///./src/components/ProgressCircle.vue?2e51"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","formattedNumber","addZero","_v","_e","_s","unit","staticRenderFns","AnimateTextvue_type_script_lang_js_","name","data","interval","displayNumber","props","type","number","default","animateTime","methods","animateFunction","setInterval","change","clearInterval","bind","computed","toLocaleString","replace","watch","created","components_AnimateTextvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","attrs","id","height","circleSize","width","style","cx","cy","r","radius","stroke-width","strokeWidth","class","noshow","show","cssProps","strokeDashoffset","barFill","percentage","ProgressCirclevue_type_script_lang_js_","maxAmount","activeAmount","totalAmount","showVariableInfo","defualt","textSize","--circumference","circumference","--text-size","Math","PI","toFixed","mounted","round","_this","setTimeout","components","AnimateText","components_ProgressCirclevue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-ProgressCircle.ccde8fd8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated-number\"},[(_vm.formattedNumber < 10 && _vm.addZero)?_c('span',[_vm._v(\"0\")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.formattedNumber))]),(_vm.unit)?_c('span',[_vm._v(_vm._s(_vm.unit))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"animated-number\">\n    <span v-if=\"formattedNumber < 10 && addZero\">0</span>\n    <span>{{formattedNumber}}</span>\n    <span v-if=\"unit\">{{unit}}</span>\n</div>\n</template>\n\n<script>\n    export default {\n    name: 'AnimateText',\n        data () {\n                return {\n                    interval: false,\n                    displayNumber: 0\n                }\n            },\n            props:{\n                unit: {\n                    type: String,\n                    },\n                number: {\n                    type: Number,\n                    default: 0\n                    },\n                animateTime: {\n                    type: Number,\n                    default: 20\n                    },\n                addZero: Boolean\n            },\n            methods:{\n                animateFunction(){\n                    //  if(this.number == Infinity){console.log(\"Infinitetete\"), this.number = 0 }     \n                this.interval = setInterval(function(){\n                    \n                    if(this.number == this.displayNumber){\n                        clearInterval(this.interval);\n                        return;\n                    }\n                    if(this.displayNumber != this.number){\n                        // console.log(\"countup\")\n                    let change = (this.number - this.displayNumber) / 10;\n                    change = change >= 0 ? Math.ceil(change) : Math.floor(change);\n                    this.displayNumber = this.displayNumber + change;\n                    }\n                }.bind(this), this.animateTime);\n            }\n        },\n\n            computed:{\n                formattedNumber(){return this.displayNumber.toLocaleString().replace(/\\./g, ' ')}\n            },\n            watch:{ number: function(){ this.animateFunction() } },\n            created(){\n                this.animateFunction()\n            }\n     \n    }  \n</script>\n\n<style lang=\"less\">\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnimateText.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnimateText.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnimateText.vue?vue&type=template&id=4cdd4a9a&\"\nimport script from \"./AnimateText.vue?vue&type=script&lang=js&\"\nexport * from \"./AnimateText.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"progress-circle\"}},[_c('svg',{attrs:{\"height\":_vm.circleSize,\"width\":_vm.circleSize}},[_c('circle',{style:(_vm.cssProps),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}}),_c('circle',{class:{ noshow: _vm.show },style:([_vm.cssProps, {strokeDashoffset:_vm.barFill}]),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}})]),_c('h3',{staticClass:\"number\",style:(_vm.cssProps)},[_c('animate-text',{attrs:{\"number\":_vm.percentage,\"animateTime\":50}}),_c('span',{staticClass:\"percentage\"},[_vm._v(\"%\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div id=\"progress-circle\" >  \n        <svg :height=\"circleSize\" :width=\"circleSize\">\n            <!-- <g> -->\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :style=\"cssProps\" > </circle>\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :class=\"{ noshow: show }\" :style=\"[cssProps, {strokeDashoffset:barFill}]\"> </circle>\n            <!-- </g> -->\n        </svg>\n        <h3 class=\"number\" :style=\"cssProps\" >   \n            <animate-text :number=\"percentage\" :animateTime=\"50\"/> \n            <span class=\"percentage\">%</span>\n        </h3>\n\t</div>\n</template>\n<script>\n    import AnimateText from '@/components/AnimateText.vue'\n\texport default {\n        props:{\n            maxAmount: Number,\n            activeAmount: Number,\n            totalAmount: Number,\n            showVariableInfo: Boolean,\n            circleSize: {\n                type: Number,\n                defualt: 120\n            },\n            strokeWidth: {\n                type: Number,\n                default: 6\n            },\n            textSize: {\n                type: Number,\n                default: 28\n            }\n        },  \n\tdata(){\n\t\treturn{\n            percentage: this.activeAmount / this.maxAmount * 100,\n            show: true,\n            // circumference: null\n        }\t\t\n    },\n    computed:{\n        cssProps(){\n          return { '--circumference' : (this.circumference), '--text-size' : this.textSize + \"px\"}\n        },\n        circumference(){\n            return (2 * Math.PI * this.radius).toFixed(0)\n        },\n        radius(){\n            return (this.circleSize / 100) * 45\n        },\n        barFill(){\n            if(this.percentage > 100) return this.circumference - (this.circumference * 100) / 100\n            else return this.circumference - (this.circumference * this.percentage) / 100\n        },\n\n   \n    },\n     mounted(){\n        // this.percentage = Math.round(this.percentage * 10) / 10\n        this.percentage = Math.round(this.percentage)\n        // this.circumference =  (2 * Math.PI * this.radius)\n    },\n\n    created(){\n        setTimeout(() => {\n            this.show = false\n        }, 100);\n    },\n        components:{\n            AnimateText\n        }\n    }\n</script>\n\n<style lang=\"less\">\n#progress-circle{\n    position: relative;\n    display: flex;\n    justify-content: center;\n        svg{\n            circle{\n                fill: none;\n                stroke-dasharray: var(--circumference);\n                stroke-dashoffset: var(--circumference);\n                transform: rotate(-90deg);\n                transform-origin: center;\n\n                &:nth-child(1){\n                    stroke-dashoffset: 0;\n                    stroke: rgba(143, 151, 156, 0.192);\n                }\n                &:nth-child(2){\n                    stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0 ) /100);\n                    stroke: var(--orange-web);\n                    stroke-linecap: round;\n                    transition: .5s;\n                }\n            }\n        }\n\n       .number{\n            cursor: default;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: var(--text-size);\n            display: flex;\n        }\n    .noshow{   \n        stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0) /100) !important;\n    }\n}\n    \n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressCircle.vue?vue&type=template&id=0bcb84de&\"\nimport script from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}