{"version":3,"sources":["webpack:///./src/components/DoughnutGraph.vue?c305","webpack:///./node_modules/cache-loader/dist/cjs.js","webpack:///./src/components/DoughnutGraph.vue?04dc","webpack:///./src/components/DoughnutGraph.vue?b451","webpack:///./src/components/DoughnutGraph.vue?f8cb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","chartName","staticStyle","legendName","staticRenderFns","reactiveProp","mixins","extends","Doughnut","props","type","String","default","chartData","Object","options","mounted","ctx","document","getElementById","getContext","chart","Chart","responsive","data","labels","datasets","backgroundColor","layout","padding","left","right","top","bottom","animation","animateRotate","animateScale","legend","display","legendCallback","text","push","i","length","join","tooltips","displayColors","callbacks","label","tooltipItem","dataset","datasetIndex","index","total","reduce","previousValue","currentValue","currentIndex","array","percentage","Math","floor","myLegendContainer","innerHTML","generateLegend","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,GAAKP,EAAIQ,aAAaJ,EAAG,MAAM,CAACK,YAAY,CAAC,aAAa,QAAQF,MAAM,CAAC,GAAKP,EAAIU,mBACzPC,EAAkB,G,YCSdC,EAAiBC,OAAjBD,aAGO,GACbE,QAASC,OACTF,OAAQ,CAACD,GACTI,MAAO,CACLR,UAAW,CACTS,KAAMC,OACNC,QAAS,IAEXC,UAAW,CACTH,KAAMI,OACNF,QAAS,MAEXG,QAAS,CACPL,KAAMI,OACNF,QAAS,MAEXT,WAAY,CACVO,KAAMC,OACNC,QAAS,KAGbI,QArBa,WAsBX,IAAIC,EAAOC,SAASC,eACjBzB,KAAaO,WACNmB,WAAW,MACjBC,EAAQ,IAAIC,MAAML,EAAK,CACzBP,KAAM,WACNa,YAAY,EACZC,KAAM,CACJC,OAAS/B,KAAamB,UAAUY,OAChCC,SAAU,CACR,CACEC,gBAAkBjC,KAAamB,UAAUa,SAASC,gBAClDH,KAAO9B,KAAamB,UAAUa,SAASF,QAI7CT,QAAS,CACPa,OAAQ,CACNC,QAAS,CACPC,KAAM,EACNC,MAAO,EACPC,IAAK,EACLC,OAAQ,IAGZC,UAAW,CACTC,eAAe,EACfC,cAAc,GAEhBC,OAAQ,CACNC,SAAS,GAEXC,eAAgB,SAASlB,GACvB,IAAImB,EAAO,GACXA,EAAKC,KAAK,QACV,IAAK,IAAIC,EAAI,EAAGA,EAAIrB,EAAMG,KAAKE,SAAS,GAAGF,KAAKmB,OAAQD,IACtDF,EAAKC,KACH,qCACEpB,EAAMG,KAAKE,SAAS,GAAGC,gBAAgBe,GACvC,MAEArB,EAAMG,KAAKC,OAAOiB,IACpBF,EAAKC,KAAKpB,EAAMG,KAAKC,OAAOiB,IAE9BF,EAAKC,KAAK,gBAGZ,OADAD,EAAKC,KAAK,SACHD,EAAKI,KAAK,KAEnBC,SAAU,CACRC,eAAe,EACfC,UAAW,CACTC,MAAO,SAASC,EAAazB,GAC3B,IAAI0B,EAAU1B,EAAKE,SAASuB,EAAYE,cACpCH,EAAQxB,EAAKC,OAAOwB,EAAYG,OAChCC,EAAQH,EAAQ1B,KAAK8B,QAAO,SAC9BC,EACAC,EACAC,EACAC,GAEA,OAAOH,EAAgBC,KAErBA,EAAeN,EAAQ1B,KAAKyB,EAAYG,OACxCO,EAAaC,KAAKC,MAAOL,EAAeH,EAAS,IAAM,IAE3D,OAAOL,EAAQ,KAAOW,EAAa,UAOzCG,EAAoB5C,SAASC,eAAgBzB,KAAaS,YAC9D2D,EAAkBC,UAAY1C,EAAM2C,mBC5GgW,I,wBCQpYC,EAAY,eACd,EACAzE,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAA6D,E,2CCnBf","file":"js/chunk-f19d037c.0457b914.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"doughnut-container\"},[_c('div',[_c('canvas',{attrs:{\"id\":_vm.chartName}}),_c('div',{staticStyle:{\"margin-top\":\"20px\"},attrs:{\"id\":_vm.legendName}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\r\nimport { Doughnut, mixins } from \"vue-chartjs\";\r\nconst { reactiveProp } = mixins;\r\ndeclare var Chart: any;\r\n\r\nexport default {\r\n extends: Doughnut,\r\n mixins: [reactiveProp],\r\n props: {\r\n chartName: {\r\n type: String,\r\n default: \"\"\r\n },\r\n chartData: {\r\n type: Object,\r\n default: null\r\n },\r\n options: {\r\n type: Object,\r\n default: null\r\n },\r\n legendName: {\r\n type: String,\r\n default: \"\"\r\n }\r\n },\r\n mounted() {\r\n var ctx = (document.getElementById(\r\n (this as any).chartName\r\n ) as any).getContext(\"2d\");\r\n var chart = new Chart(ctx, {\r\n type: \"doughnut\",\r\n responsive: false,\r\n data: {\r\n labels: (this as any).chartData.labels,\r\n datasets: [\r\n {\r\n backgroundColor: (this as any).chartData.datasets.backgroundColor,\r\n data: (this as any).chartData.datasets.data\r\n }\r\n ]\r\n },\r\n options: {\r\n layout: {\r\n padding: {\r\n left: 0,\r\n right: 0,\r\n top: 0,\r\n bottom: 0\r\n }\r\n },\r\n animation: {\r\n animateRotate: false,\r\n animateScale: false\r\n },\r\n legend: {\r\n display: false\r\n },\r\n legendCallback: function(chart) {\r\n var text = [];\r\n text.push(\"\");\r\n return text.join(\"\");\r\n },\r\n tooltips: {\r\n displayColors: false,\r\n callbacks: {\r\n label: function(tooltipItem, data) {\r\n var dataset = data.datasets[tooltipItem.datasetIndex];\r\n var label = data.labels[tooltipItem.index];\r\n var total = dataset.data.reduce(function(\r\n previousValue,\r\n currentValue,\r\n currentIndex,\r\n array\r\n ) {\r\n return previousValue + currentValue;\r\n });\r\n var currentValue = dataset.data[tooltipItem.index];\r\n var percentage = Math.floor((currentValue / total) * 100 + 0.5);\r\n\r\n return label + \": \" + percentage + \"%\";\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n var myLegendContainer = document.getElementById((this as any).legendName);\r\n myLegendContainer.innerHTML = chart.generateLegend();\r\n }\r\n};\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoughnutGraph.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/ts-loader/index.js??ref--14-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoughnutGraph.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DoughnutGraph.vue?vue&type=template&id=42ec6ff2&\"\nimport script from \"./DoughnutGraph.vue?vue&type=script&lang=ts&\"\nexport * from \"./DoughnutGraph.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./DoughnutGraph.vue?vue&type=style&index=0&lang=scss&\"\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","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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoughnutGraph.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}