{"version":3,"sources":["webpack:///./src/components/common/statistics/Count.vue","webpack:///src/components/common/statistics/Count.vue","webpack:///./src/components/common/statistics/Count.vue?47b5","webpack:///./src/components/common/statistics/Count.vue?5146","webpack:///./src/components/common/statistics/SimpleKPIWidget.vue","webpack:///src/components/common/statistics/SimpleKPIWidget.vue","webpack:///./src/components/common/statistics/SimpleKPIWidget.vue?eb9d","webpack:///./src/components/common/statistics/SimpleKPIWidget.vue?a293","webpack:///./src/components/common/statistics/SimpleKPIWidget.vue?a388","webpack:///./src/components/common/statistics/SimpleKPIWidget.vue?d3e2"],"names":["render","_vm","this","_c","_self","_v","_s","count","staticRenderFns","props","to","required","type","Number","divider","default","data","interval","computed","increment","Math","ceil","mounted","setupInterval","methods","setInterval","tick","clearInterval","watch","value","component","staticClass","title","_t","attrs","parseFloat","toFixed","label","String","components","Count"],"mappings":"0LAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACF,EAAII,GAAGJ,EAAIK,GAAGL,EAAIM,WAE5FC,EAAkB,GCEP,G,UAAA,CACfC,MAAA,CACAC,GAAA,CACAC,UAAA,EACAC,KAAAC,QAEAC,QAAA,CACAH,UAAA,EACAC,KAAAC,OACAE,QAAA,IAGAC,KAAA,WACA,OACAT,MAAA,EACAU,SAAA,OAGAC,SAAA,CACAC,UAAA,WACA,OAAAC,KAAAC,KAAA,KAAAX,GAAA,KAAAI,WAGAQ,QAAA,WACA,KAAAC,iBAEAC,QAAA,CACAD,cAAA,WACA,KAAAhB,MAAA,EACA,KAAAU,SAAAQ,YAAA,KAAAC,KAAA,KAEAA,KAAA,WACA,QAAAnB,MAAA,KAAAY,WAAA,KAAAT,GAEA,OADA,KAAAH,MAAA,KAAAG,GACAiB,cAAA,KAAAV,UAEA,KAAAV,OAAA,KAAAY,YAGAS,MAAA,CACAlB,GAAA,SAAAmB,GACA,KAAAN,oBC7CmP,I,YCO/OO,EAAY,eACd,EACA9B,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,mDClBf,IAAI9B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAC4B,YAAY,qCAAqC,CAAC5B,EAAG,MAAM,CAAC4B,YAAY,UAAU,CAAC5B,EAAG,OAAO,CAACF,EAAII,GAAGJ,EAAIK,GAAGL,EAAI+B,UAAU/B,EAAIgC,GAAG,eAAe,GAAG9B,EAAG,MAAM,CAAC4B,YAAY,QAAQ,CAAC5B,EAAG,MAAM,CAAC4B,YAAY,gBAAgB,CAAC5B,EAAG,KAAK,CAAC4B,YAAY,SAAS,CAAC5B,EAAG,QAAQ,CAAC+B,MAAM,CAAC,GAAKC,WAAWlC,EAAI4B,MAAMO,QAAQ,IAAI,QAAUnC,EAAIa,WAAWb,EAAIgC,GAAG,eAAe,GAAG9B,EAAG,OAAO,CAAC4B,YAAY,SAAS,CAAC9B,EAAII,GAAGJ,EAAIK,GAAGL,EAAIoC,iBAE/d7B,EAAkB,G,wBCwBP,GACfC,MAAA,CACAuB,MAAA,CACApB,KAAA0B,OACA3B,UAAA,GAEAkB,MAAA,CACAjB,KAAAC,OACAF,UAAA,EACAI,QAAA,GAEAsB,MAAA,CACAzB,KAAA0B,OACA3B,UAAA,GAEAG,QAAA,CACAF,KAAAC,OACAF,UAAA,EACAI,QAAA,MAGAwB,WAAA,CACAC,qBChD6P,I,kCCSzPV,EAAY,eACd,EACA9B,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,2CCpBf,W,kCCAA","file":"js/chunk-adedb430.96266d8f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',[_vm._v(_vm._s(_vm.count))])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <span>{{count}}</span>\n</template>\n<script>\nexport default {\n  props: {\n    to: {\n      required: true,\n      type: Number\n    },\n    divider: {\n      required: false,\n      type: Number,\n      default: 5\n    },\n  },\n  data () {\n    return {\n      count: 0,\n      interval: null\n    }\n  },\n  computed: {\n    increment () {\n      return Math.ceil(this.to / this.divider)\n    }\n  },\n  mounted () {\n    this.setupInterval()\n  },\n  methods: {\n    setupInterval: function () {\n      this.count = 0\n      this.interval = setInterval(this.tick, 60)\n    },\n    tick: function () {\n      if (this.count + this.increment >= this.to) {\n        this.count = this.to\n        return clearInterval(this.interval)\n      }\n      this.count += this.increment\n    }\n  },\n  watch: {\n    to: function (value) {\n      this.setupInterval()\n    }\n  }\n}\n</script>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Count.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Count.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Count.vue?vue&type=template&id=3d41a1fc\"\nimport script from \"./Count.vue?vue&type=script&lang=js\"\nexport * from \"./Count.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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"custom-kpi-widget content-wrapper\"},[_c('div',{staticClass:\"header\"},[_c('span',[_vm._v(_vm._s(_vm.title))]),_vm._t(\"afterTitle\")],2),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"data-wrapper\"},[_c('h2',{staticClass:\"title\"},[_c('count',{attrs:{\"to\":parseFloat(_vm.value.toFixed(2)),\"divider\":_vm.divider}}),_vm._t(\"afterValue\")],2),_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.label))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"custom-kpi-widget content-wrapper\">\n\n    <div class=\"header\">\n      <span>{{title}}</span>\n      <slot name=\"afterTitle\"></slot>\n    </div>\n\n    <div class=\"body\">\n      <div class=\"data-wrapper\">\n        <h2 class=\"title\">\n          <count\n            :to=\"parseFloat(value.toFixed(2))\"\n            :divider=\"divider\"\n          >\n          </count>\n          <slot name=\"afterValue\"></slot>\n        </h2>\n        <span class=\"label\">{{ label }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Count from '@/components/common/statistics/Count'\nexport default {\n  props: {\n    title: {\n      type: String,\n      required: true\n    },\n    value: {\n      type: Number,\n      required: true,\n      default: 0\n    },\n    label: {\n      type: String,\n      required: true\n    },\n    divider: {\n      type: Number,\n      required: false,\n      default: 4000\n    }\n  },\n  components: {\n    Count\n  }\n}\n</script>\n<style lang=\"scss\">\n  .custom-kpi-widget {\n    .va-card__body.va-card__body--padding-top {\n      height: 100%;\n    }\n  }\n</style>\n\n<style lang=\"scss\" scoped>\n\n  $card-color: #F0F0F0;\n  $primary-dark-gray: #48494B;\n\n  .content-wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 1rem;\n    background-color: $card-color;\n\n    .header {\n      display: flex;\n      justify-content: space-between;\n      color: $primary-dark-gray;\n      font-weight: bold;\n      padding-top: 0.5rem;\n      padding-bottom: 0.5rem;\n      border-bottom: solid 2px #d3d3d3;\n    }\n\n    .body {\n      flex-grow: 1;\n    }\n\n    .data-wrapper {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      flex-basis: 100%;\n      text-align: center;\n      padding: 2rem;\n\n        .title {\n          font-size: 3rem;\n          margin-bottom: 0.5rem;\n          display: flex;\n          justify-content: center;\n          color: $primary-dark-gray;\n        }\n\n        .label {\n          font-weight: bold;\n          color: $primary-dark-gray;\n        }\n    }\n\n    @media only screen and (max-width: 768px) {\n\n      .header {\n        flex-direction: column;\n        text-align: center;\n      }\n    }\n\n  }\n\n  .custom-kpi-widget {\n    height: calc(100% - 24px);\n  }\n\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleKPIWidget.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleKPIWidget.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SimpleKPIWidget.vue?vue&type=template&id=69dfde73&scoped=true\"\nimport script from \"./SimpleKPIWidget.vue?vue&type=script&lang=js\"\nexport * from \"./SimpleKPIWidget.vue?vue&type=script&lang=js\"\nimport style0 from \"./SimpleKPIWidget.vue?vue&type=style&index=0&id=69dfde73&prod&lang=scss\"\nimport style1 from \"./SimpleKPIWidget.vue?vue&type=style&index=1&id=69dfde73&prod&lang=scss&scoped=true\"\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  \"69dfde73\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleKPIWidget.vue?vue&type=style&index=1&id=69dfde73&prod&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleKPIWidget.vue?vue&type=style&index=0&id=69dfde73&prod&lang=scss\""],"sourceRoot":""}