{"version":3,"sources":["webpack:///./src/views/Components/Dashboard/TransactionModuleChart.vue","webpack:///src/views/Components/Dashboard/TransactionModuleChart.vue","webpack:///./src/views/Components/Dashboard/TransactionModuleChart.vue?30d8","webpack:///./src/views/Components/Dashboard/TransactionModuleChart.vue?ee40"],"names":["render","_vm","this","_self","_c","_m","staticRenderFns","staticStyle","attrs","name","props","chartData","data","chart","options","_defineProperty","animationSteps","animationEasing","animateRotate","animateScale","responsive","maintainAspectRatio","showScale","display","legend","tooltip","enabled","mode","watch","val","fillData","update","mounted","ctx","document","getElementById","getContext","Chart","type","beforeDestroy","destroy","methods","datasets","circumference","backgroundColor","component"],"mappings":"wJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIE,MAAMC,GAAG,OAAOH,EAAII,GAAG,IAEtEC,EAAkB,CAAC,WAAY,IAAIL,EAAIC,KAAKE,EAAGH,EAAIE,MAAMC,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQ,OAAS,UAAU,CAACH,EAAG,SAAS,CAACI,MAAM,CAAC,GAAK,WAAW,MAAQ,MAAM,OAAS,a,wBCQ9K,GACfC,KAAA,2BAEAC,MAAA,CAAAC,UAAA,IACAC,KAAA,WACA,OACAC,MAAA,KACAC,QAAAC,2EAAA,CACAC,eAAA,IACAC,gBAAA,gBACAC,eAAA,EACAC,cAAA,EACAC,YAAA,EACAC,qBAAA,EACAC,WAAA,mBACA,iBACA,YAEA,CACAC,SAAA,IACA,UACA,CACAC,OAAA,CAAAD,SAAA,GACAE,QAAA,CACAC,SAAA,KAEA,QAEA,CACAC,MAAA,MAKAC,MAAA,CACAjB,UAAA,SAAAkB,GACA,KAAAhB,MAAAD,KAAA,KAAAkB,WACA,KAAAjB,MAAAkB,WAGAC,QAAA,WACA,IAAAC,EAAAC,SAAAC,eAAA,YAAAC,WAAA,MACA,KAAAvB,MAAA,IAAAwB,OAAAJ,EAAA,CACAK,KAAA,WACA1B,KAAA,KAAAkB,WACAhB,QAAA,KAAAA,WAGAyB,cAAA,WACA,KAAA1B,OACA,KAAAA,MAAA2B,WAGAC,QAAA,CACAX,SAAA,WACA,OACAY,SAAA,CACA,CACAC,cAAA,IACAC,gBAAA,CACA,UACA,UACA,UACA,UACA,UACA,WAEAhC,KAAA,KAAAD,gBC7E6X,I,YCOzXkC,EAAY,eACd,EACA7C,EACAM,GACA,EACA,KACA,KACA,MAIa,aAAAuC,E","file":"js/Components-Dashboard-TransactionModuleChart-vue.77708ac6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"200px\",\"height\":\"200px\"}},[_c('canvas',{attrs:{\"id\":\"myChart2\",\"width\":\"200\",\"height\":\"200\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  \n  <div style=\"width: 200px; height: 200px;\">\n    <canvas id=\"myChart2\" width=\"200\" height=\"200\"></canvas>\n  </div>\n\n</template>\n\n<script>\nimport Chart from \"chart.js/auto\";\nexport default {\n  name: \"transaction-module-chart\",\n\n  props: { chartData: [] },\n  data() {\n    return {\n      chart: null,\n      options: {\n        animationSteps : 100,\n        animationEasing : \"easeOutBounce\",\n        animateRotate : true,\n        animateScale : false,\n        responsive: true,\n        maintainAspectRatio: true,\n        showScale: true,\n        animateScale: true,\n        borderWidth: 0,\n\n        legend: {\n          display: false,\n        },\n        plugins: {\n          legend: { display: false },\n          tooltip: {\n            enabled: false,\n          },\n        },\n\n        hover: {\n          mode: false,\n        },\n      },\n    };\n  },\n  watch: {\n    chartData: function(val) {\n      this.chart.data = this.fillData();\n      this.chart.update();\n    },\n  },\n  mounted() {\n    const ctx = document.getElementById(\"myChart2\").getContext(\"2d\");\n    this.chart = new Chart(ctx, {\n      type: \"doughnut\",\n      data: this.fillData(),\n      options: this.options,\n    });\n  },\n  beforeDestroy() {\n    if (this.chart) {\n      this.chart.destroy();\n    }\n  },\n  methods: {\n    fillData() {\n      return {\n        datasets: [\n          {\n            circumference: 360,\n            backgroundColor: [\n              \"#1395ba\",\n              \"#0f5b78\",\n              \"#d94e1f\",\n              \"#ef8b2c\",\n              \"#ebc844\",\n              \"#a2b86c\",\n            ],\n            data: this.chartData,\n          },\n        ],\n      };\n    },\n  },\n};\n</script>\n\n<style></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!./TransactionModuleChart.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!./TransactionModuleChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TransactionModuleChart.vue?vue&type=template&id=1595b72a\"\nimport script from \"./TransactionModuleChart.vue?vue&type=script&lang=js\"\nexport * from \"./TransactionModuleChart.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":""}