{"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"],"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__"],"mappings":"2IAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,mBAA8B,CAAAN,EAAAO,gBAAA,IAAAP,EAAAQ,QAAAJ,EAAA,QAAAJ,EAAAS,GAAA,OAAAT,EAAAU,KAAAN,EAAA,QAAAJ,EAAAS,GAAAT,EAAAW,GAAAX,EAAAO,oBAAAP,EAAA,KAAAI,EAAA,QAAAJ,EAAAS,GAAAT,EAAAW,GAAAX,EAAAY,SAAAZ,EAAAU,QACxIG,EAAA,GCQAC,uBAAA,CACAC,mBACAC,gBACA,OACAC,YACAC,kBAGAC,OACAP,MACAQ,aAEAC,QACAD,YACAE,WAEAC,aACAH,YACAE,YAEAd,iBAEAgB,SACAC,2BAEAxB,KAAAgB,SAAAS,YAAA,WAEA,GAAAzB,KAAAoB,QAAApB,KAAAiB,eAIA,GAAAjB,KAAAiB,eAAAjB,KAAAoB,OAAA,CAEA,IAAAM,GAAA1B,KAAAoB,OAAApB,KAAAiB,eAAA,GACAS,kCACA1B,KAAAiB,cAAAjB,KAAAiB,cAAAS,QAPAC,8BASAC,KAAA5B,WAAAsB,eAIAO,UACAvB,2BAAA,OAAAN,KAAAiB,cAAAa,iBAAAC,QAAA,aAEAC,OAAAZ,kBAAApB,KAAAwB,oBACAS,mBACAjC,KAAAwB,qBCvDqVU,EAAA,cCOrVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACApC,EACAc,GACF,EACA,KACA,KACA,MAIe0B,EAAA,WAAAH","file":"js/lazy-view-components-AnimateText.80ee387d.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"],"sourceRoot":""}