{"version":3,"sources":["webpack:///./src/components/dashboard/PieChart.vue?ef2a","webpack:///./src/components/dashboard/ChartLegend.vue","webpack:///src/components/dashboard/ChartLegend.vue","webpack:///./src/components/dashboard/ChartLegend.vue?4b4b","webpack:///./src/components/dashboard/ChartLegend.vue?6e6d","webpack:///./src/components/dashboard/PieChart.vue","webpack:///src/components/dashboard/PieChart.vue","webpack:///./src/components/dashboard/PieChart.vue?3f54","webpack:///./src/components/dashboard/PieChart.vue?27a4","webpack:///./src/components/dashboard/ChartLegend.vue?39c6"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","value","style","concat","color","text","staticRenderFns","name","props","type","String","Number","required","component","attrs","idForChart","_l","data","legend","label","components","ChartLegend","Array","default","chartInstance","mounted","renderChart","methods","chartData","map","item","chartLabels","chartColors","ctx","document","getElementById","getContext","destroy","Chart","datasets","backgroundColor","borderWidth","labels","options","responsive","display","rotation","animation","animateRotate","animateScale"],"mappings":"+KAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACJ,EAAIK,GAAG,OAAOL,EAAIM,GAAGN,EAAIO,OAAO,QAAQL,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,SAASI,MAAK,eAAAC,OAAiBT,EAAIU,MAAK,OAAOV,EAAIK,GAAG,SAASL,EAAIM,GAAGN,EAAIW,MAAM,aAEzPC,EAAkB,GCSP,G,UAAA,CACfC,KAAA,cACAC,MAAA,CACAP,MAAA,CACAQ,KAAAC,OAAAC,OACAC,UAAA,GAEAP,KAAA,CACAI,KAAAC,OACAE,UAAA,GAEAR,MAAA,CACAK,KAAAC,OACAE,UAAA,MCxBmW,I,wBCQ/VC,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,kDCnBf,IAAIpB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACkB,MAAM,CAAC,GAAKpB,EAAIqB,gBAAgBnB,EAAG,MAAM,CAACE,YAAY,UAAUJ,EAAIsB,GAAItB,EAAIuB,MAAM,SAASC,GAAQ,OAAOtB,EAAG,cAAc,CAACkB,MAAM,CAAC,MAAQI,EAAOjB,MAAM,KAAOiB,EAAOC,MAAM,MAAQD,EAAOd,YAAW,MAE3VE,EAAkB,G,YCaP,GACfC,KAAA,WACAa,WAAA,CACAC,0BAEAb,MAAA,CACAO,WAAA,CACAN,KAAAC,OACAE,UAAA,GAEAK,KAAA,CACAR,KAAAa,MACAC,QAAA,CACA,CACAtB,MAAA,EACAkB,MAAA,iBACAf,MAAA,cAKAa,KAAA,WACA,OACAO,cAAA,OAGAC,QAAA,WACA,KAAAC,eAEAC,QAAA,CACAD,YAAA,WACA,IAAAE,EAAA,KAAAX,KAAAY,KAAA,SAAAC,GAAA,OAAAA,EAAA7B,SACA8B,EAAA,KAAAd,KAAAY,KAAA,SAAAC,GAAA,OAAAA,EAAAX,SACAa,EAAA,KAAAf,KAAAY,KAAA,SAAAC,GAAA,OAAAA,EAAA1B,SAGA6B,EAAAC,SAAAC,eAAA,KAAApB,YAAAqB,WAAA,MAEA,KAAAZ,eACA,KAAAA,cAAAa,UAGA,KAAAb,cAAA,IAAAc,MAAAL,EAAA,CACAxB,KAAA,MACAQ,KAAA,CACAsB,SAAA,EACAtB,KAAAW,EACAY,gBAAAR,EACAS,YAAA,IAEAC,OAAAX,GAEAY,QAAA,CACAC,YAAA,EACA1B,OAAA,CACA2B,SAAA,GAEAC,SAAA,IACAC,UAAA,CACAC,eAAA,EACAC,cAAA,SC3EgW,I,wBCQ5VpC,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,2CCnBf","file":"js/chunk-303fb731.a7e264b7.js","sourcesContent":["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!./PieChart.vue?vue&type=style&index=0&id=6d1e6d08&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"legend\"},[_vm._v(\"\\n  \"+_vm._s(_vm.value)+\"\\n  \"),_c('span',[_c('div',{staticClass:\"circle\",style:(`background: ${_vm.color};`)}),_vm._v(\"\\n    \"+_vm._s(_vm.text)+\"\\n  \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"legend\">\n    {{ value }}\n    <span>\n      <div class=\"circle\" :style=\"`background: ${color};`\"></div>\n      {{ text }}\n    </span>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ChartLegend',\n  props: {\n    value: {\n      type: String | Number,\n      required: true,\n    },\n    text: {\n      type: String,\n      required: true,\n    },\n    color: {\n      type: String,\n      required: true,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.legend {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.25rem;\n\n  font-weight: 700;\n  color: #202224;\n\n  span {\n    display: flex;\n    align-items: center;\n    gap: 0.28375rem;\n\n    font-size: 0.5rem;\n    font-weight: 600;\n    color: #282D32;\n\n    .circle {\n      width: 0.425625rem;\n      height: 0.425625rem;\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!./ChartLegend.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!./ChartLegend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChartLegend.vue?vue&type=template&id=1629b0c4&scoped=true\"\nimport script from \"./ChartLegend.vue?vue&type=script&lang=js\"\nexport * from \"./ChartLegend.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChartLegend.vue?vue&type=style&index=0&id=1629b0c4&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  \"1629b0c4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chart-container\"},[_c('div',{staticClass:\"body\"},[_c('canvas',{attrs:{\"id\":_vm.idForChart}})]),_c('div',{staticClass:\"footer\"},_vm._l((_vm.data),function(legend){return _c('ChartLegend',{attrs:{\"value\":legend.value,\"text\":legend.label,\"color\":legend.color}})}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"chart-container\">\n    <div class=\"body\">\n      <canvas :id=\"idForChart\"></canvas>\n    </div>\n\n    <div class=\"footer\">\n      <ChartLegend v-for=\"legend in data\" :value=\"legend.value\" :text=\"legend.label\" :color=\"legend.color\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ChartLegend from './ChartLegend.vue';\n\nexport default {\n  name: 'PieChart',\n  components: {\n    ChartLegend,\n  },\n  props: {\n    idForChart: {\n      type: String,\n      required: true,\n    },\n    data: {\n      type: Array,\n      default: [\n        {\n          value: 1,\n          label: 'Sem resultados',\n          color: '#E1E4E8',\n        },\n      ],\n    }\n  },\n  data() {\n    return {\n      chartInstance: null,\n    }\n  },\n  mounted() {\n    this.renderChart()\n  },\n  methods: {\n    renderChart() {\n      const chartData = this.data.map(item => item.value);\n      const chartLabels = this.data.map(item => item.label);\n      const chartColors = this.data.map(item => item.color);\n\n\n      const ctx = document.getElementById(this.idForChart).getContext('2d');\n\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n      }\n\n      this.chartInstance = new Chart(ctx, {\n        type: 'pie',\n        data: {\n          datasets: [{\n            data: chartData,\n            backgroundColor: chartColors,\n            borderWidth: 0,\n          }],\n          labels: chartLabels,\n        },\n        options: {\n          responsive: true,\n          legend: {\n            display: false\n          },\n          rotation: 1.5,\n          animation: {\n            animateRotate: true,\n            animateScale: true,\n          }\n        },\n      });\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.chart-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2.5rem;\n\n  .body {\n    canvas {\n      height: 8.944375rem;\n    }\n  }\n\n  .footer {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.625rem;\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!./PieChart.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!./PieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PieChart.vue?vue&type=template&id=6d1e6d08&scoped=true\"\nimport script from \"./PieChart.vue?vue&type=script&lang=js\"\nexport * from \"./PieChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./PieChart.vue?vue&type=style&index=0&id=6d1e6d08&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  \"6d1e6d08\",\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!./ChartLegend.vue?vue&type=style&index=0&id=1629b0c4&prod&lang=scss&scoped=true\""],"sourceRoot":""}