{"version":3,"sources":["webpack:///./src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue?cfda","webpack:///src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue","webpack:///./src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue?b7c5","webpack:///./src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue?cb6e","webpack:///./src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue?7c17","webpack:///./src/views/dashboard/graficos/SomenteClientes/ExtratoCliente/ClientesPorcentagemMixComercializadoAnual.vue?ddf1"],"names":["render","_vm","this","_h","$createElement","_c","_self","text","_v","_s","attrs","snackbar","visible","timeout","color","message","model","value","callback","$$v","$set","expression","staticRenderFns","myChart","styleCliente","enableGrafico","montaGrafico","porcentagem","labels","direction","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAGJ,EAAIM,KAAoFF,EAAG,MAAM,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIM,MAAM,OAApHF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,YAAY,MAAQ,KAAK,OAAS,SAAsDL,EAAG,0BAA0B,CAACK,MAAM,CAAC,QAAUT,EAAIU,SAASC,QAAQ,QAAUX,EAAIU,SAASE,QAAQ,MAAQZ,EAAIU,SAASG,MAAM,QAAUb,EAAIU,SAASI,SAASC,MAAM,CAACC,MAAOhB,EAAIU,SAAgB,QAAEO,SAAS,SAAUC,GAAMlB,EAAImB,KAAKnB,EAAIU,SAAU,UAAWQ,IAAME,WAAW,uBAAuB,IAClhBC,EAAkB,G,qFC2BtB,GACE,KAAF,wCACE,WAAF,CACI,sBAAJ,WAAM,OAAN,kDAGE,KAAF,WAAI,MAAJ,CACMC,QAAS,GACTC,aAAc,CACZV,MAAO,WAETW,eAAe,EACflB,KAAM,KACNmB,cAAc,EACdC,YAAa,GACbC,OAAQ,GACRjB,SAAU,CACRC,SAAS,EACTE,MAAO,UACPe,UAAW,aACXd,QAAS,6BACTF,QAAS,OAIf,QAzBF,WA0BI,EAAJ,6EAGE,cA7BF,WA8BI,EAAJ,8EAGE,QAAF,CACI,kBADJ,SACA,KACM,KAAN,SACM,KAAN,cAEM,KAAN,iBAGI,cARJ,WASA,mBACQ,KAAR,kBAGM,IAAN,wDAEM,KAAN,mBACQ,KAAR,OACQ,KAAR,CACU,OAAV,YACU,SAAV,CACA,CACY,MAAZ,MACY,KAAZ,iBACY,YAAZ,UACY,gBAAZ,cACY,MAAZ,EACY,MAAZ,EACY,QAAZ,KAIQ,QAAR,CACU,OAAV,CACY,EAAZ,CACc,aAAd,GAEY,MAAZ,EACc,UAAd,CACgB,SAAhB,KAGY,MAAZ,EACc,UAAd,CACgB,SAAhB,GAEc,SAAd,KAGU,IAAV,GACU,KAAV,EACU,OAAV,CACY,SAAZ,GAEU,SAAV,CACY,UAAZ,CACc,MAAd,cACgB,OAAhB,yFCrH+a,I,kCCS3aiB,EAAY,eACd,EACA9B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,+FCpBf,yBAAglB,EAAG,G,kCCAnlB,yBAAkoB,EAAG","file":"js/chunk-625847be.f7921585.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.text)?_c('div',[_c('canvas',{attrs:{\"id\":\"myChart45\",\"width\":\"30\",\"height\":\"8\"}})]):_c('div',[_vm._v(\" \"+_vm._s(_vm.text)+\" \")]),_c('dashboard-core-snackbar',{attrs:{\"visible\":_vm.snackbar.visible,\"timeout\":_vm.snackbar.timeout,\"color\":_vm.snackbar.color,\"message\":_vm.snackbar.message},model:{value:(_vm.snackbar.visible),callback:function ($$v) {_vm.$set(_vm.snackbar, \"visible\", $$v)},expression:\"snackbar.visible\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div v-if=\"!text\">\r\n      <canvas\r\n        id=\"myChart45\"\r\n        width=\"30\"\r\n        height=\"8\"\r\n      />\r\n    </div>\r\n    <div\r\n      v-else\r\n    >\r\n      {{ text }}\r\n    </div>\r\n    <dashboard-core-snackbar\r\n      v-model=\"snackbar.visible\"\r\n      :visible=\"snackbar.visible\"\r\n      :timeout=\"snackbar.timeout\"\r\n      :color=\"snackbar.color\"\r\n      :message=\"snackbar.message\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Chart from 'chart.js'\r\n  import eventEmit from '../../../components/core/EventoEmit'\r\n\r\n  export default {\r\n    name: 'DashboardPorcentagemMixComercializado',\r\n    components: {\r\n      DashboardCoreSnackbar: () => import('../../../components/core/Snackbar'),\r\n    },\r\n\r\n    data: () => ({\r\n      myChart: {},\r\n      styleCliente: {\r\n        color: '#ed934f',\r\n      },\r\n      enableGrafico: true,\r\n      text: null,\r\n      montaGrafico: true,\r\n      porcentagem: [],\r\n      labels: [],\r\n      snackbar: {\r\n        visible: false,\r\n        color: 'success',\r\n        direction: 'top center',\r\n        message: 'My timeout is set to 3000.',\r\n        timeout: 3000,\r\n      },\r\n    }),\r\n\r\n    created () {\r\n      eventEmit.$on('set-dados-mix-comercializado-porcentagem', this.handleUpdateDados)\r\n    },\r\n\r\n    beforeDestroy () {\r\n      eventEmit.$off('set-dados-mix-comercializado-porcentagem', this.handleUpdateDados)\r\n    },\r\n\r\n    methods: {\r\n      handleUpdateDados (labels, porcentagem) {\r\n        this.labels = labels\r\n        this.porcentagem = porcentagem\r\n\r\n        this.montarGrafico()\r\n      },\r\n\r\n      montarGrafico () {\r\n        if (this.myChart.data) {\r\n          this.myChart.destroy()\r\n        }\r\n\r\n        const ctx = document.getElementById('myChart45').getContext('2d')\r\n\r\n        this.myChart = new Chart(ctx, {\r\n          type: 'line',\r\n          data: {\r\n            labels: this.labels,\r\n            datasets: [\r\n              {\r\n                label: 'Mix',\r\n                data: this.porcentagem,\r\n                borderColor: '#4780b8',\r\n                backgroundColor: 'transparent',\r\n                order: 1,\r\n                fill: false,\r\n                tension: 0,\r\n              },\r\n            ],\r\n          },\r\n          options: {\r\n            scales: {\r\n              y: {\r\n                beginAtZero: true,\r\n              },\r\n              xAxes: [{\r\n                gridLines: {\r\n                  display: false,\r\n                },\r\n              }],\r\n              yAxes: [{\r\n                gridLines: {\r\n                  display: false,\r\n                },\r\n                display: false,\r\n              }],\r\n            },\r\n            low: 10,\r\n            high: 5,\r\n            legend: {\r\n              display: false,\r\n            },\r\n            tooltips: {\r\n              callbacks: {\r\n                label: (tooltipItem, data) => {\r\n                  return data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index].toFixed(2).toString().replace('.', ',')\r\n                },\r\n              },\r\n            },\r\n          },\r\n        })\r\n      },\r\n    },\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  @media only screen\r\n  and (min-device-width : 320px)\r\n  and (max-device-width : 480px) {\r\n\r\n  }\r\n</style>\r\n\r\n<style lang=\"sass\">\r\n  #myChart45\r\n    margin: 3rem 0 0 0\r\n</style>\r\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!./ClientesPorcentagemMixComercializadoAnual.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!./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=template&id=044b03c5&scoped=true&\"\nimport script from \"./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=script&lang=js&\"\nexport * from \"./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=0&id=044b03c5&scoped=true&lang=css&\"\nimport style1 from \"./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=1&lang=sass&\"\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  \"044b03c5\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=0&id=044b03c5&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=0&id=044b03c5&scoped=true&lang=css&\"","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=1&lang=sass&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesPorcentagemMixComercializadoAnual.vue?vue&type=style&index=1&lang=sass&\""],"sourceRoot":""}