{"version":3,"sources":["webpack:///./src/views/dashboard/graficos/Clientes/ExtratoClientes/PorcentagemMixComercializado.vue?8f20","webpack:///src/views/dashboard/graficos/Clientes/ExtratoClientes/PorcentagemMixComercializado.vue","webpack:///./src/views/dashboard/graficos/Clientes/ExtratoClientes/PorcentagemMixComercializado.vue?bc16","webpack:///./src/views/dashboard/graficos/Clientes/ExtratoClientes/PorcentagemMixComercializado.vue?d553","webpack:///./src/views/dashboard/graficos/Clientes/ExtratoClientes/PorcentagemMixComercializado.vue?9e1c"],"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","porcentagemRestante","direction","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAGJ,EAAIM,KAAqFF,EAAG,MAAM,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIM,MAAM,OAArHF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,YAAY,MAAQ,KAAK,OAAS,UAAuDL,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,IACnhBC,EAAkB,G,0GC4BtB,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,EACbC,oBAAqB,EACrBjB,SAAU,CACRC,SAAS,EACTE,MAAO,UACPe,UAAW,aACXd,QAAS,6BACTF,QAAS,OAIf,QAzBF,WA0BI,EAAJ,iEAGE,cA7BF,WA8BI,EAAJ,kEAGE,QAAF,CACI,kBADJ,SACA,KACM,KAAN,cACM,KAAN,sBAEM,KAAN,iBAGI,cARJ,WASA,mBACQ,KAAR,kBAGM,IAAN,wDAEM,KAAN,mBACQ,QAAR,MACQ,KAAR,gBACQ,KAAR,CACU,OAAV,KACU,SAAV,CACA,CACY,MAAZ,cACY,KAAZ,mBACY,gBAAZ,UACY,MAAZ,EACY,cAAZ,IAEA,CACY,MAAZ,uBACY,KAAZ,2BACY,gBAAZ,UACY,MAAZ,EACY,cAAZ,MAIQ,QAAR,CACU,QAAV,CACY,WAAZ,CACc,SAAd,EACc,MAAd,YACgB,MAAhB,gCACA,UAEA,eAGc,KAAd,CACgB,KAAhB,IAEc,UAAd,YACgB,OAAhB,gDAIU,OAAV,CACY,EAAZ,CACc,aAAd,GAEY,MAAZ,EACc,SAAd,EACc,UAAd,CACgB,SAAhB,GAEc,SAAd,IAEY,MAAZ,EACc,SAAd,EACc,UAAd,CACgB,SAAhB,GAEc,MAAd,iBAGU,OAAV,CACY,SAAZ,GAEU,SAAV,CACY,UAAZ,CACc,KAAd,QACc,MAAd,cACgB,IAAhB,mCACA,sFAEgB,OAAhB,UAEc,MAAd,YACgB,MAAhB,yCCtJka,I,wBCQ9ZiB,EAAY,eACd,EACA9B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,6CCnBf,yBAAmkB,EAAG,G","file":"js/chunk-2443e774.5d4b40ba.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\":\"myChart44\",\"width\":\"30\",\"height\":\"10\"}})]):_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=\"myChart44\"\r\n        width=\"30\"\r\n        height=\"10\"\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 ChartDataLabels from 'chartjs-plugin-datalabels'\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: 0,\r\n      porcentagemRestante: 0,\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', this.handleUpdateDados)\r\n    },\r\n\r\n    beforeDestroy () {\r\n      eventEmit.$off('set-dados-mix-comercializado', this.handleUpdateDados)\r\n    },\r\n\r\n    methods: {\r\n      handleUpdateDados (porcentagem, porcentagemRestante) {\r\n        this.porcentagem = porcentagem\r\n        this.porcentagemRestante = porcentagemRestante\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('myChart44').getContext('2d')\r\n\r\n        this.myChart = new Chart(ctx, {\r\n          plugins: [ChartDataLabels],\r\n          type: 'horizontalBar',\r\n          data: {\r\n            labels: [''],\r\n            datasets: [\r\n              {\r\n                label: 'Porcentagem',\r\n                data: [this.porcentagem],\r\n                backgroundColor: '#4780b8',\r\n                order: 1,\r\n                barPercentage: 0.1,\r\n              },\r\n              {\r\n                label: 'Porcentagem Restante',\r\n                data: [this.porcentagemRestante],\r\n                backgroundColor: '#cadaed',\r\n                order: 2,\r\n                barPercentage: 0.1,\r\n              },\r\n            ],\r\n          },\r\n          options: {\r\n            plugins: {\r\n              datalabels: {\r\n                display: false,\r\n                color: function (context) {\r\n                  if (context.dataset.label === 'Porcentagem') {\r\n                    return '#000000'\r\n                  } else {\r\n                    return 'transparent'\r\n                  }\r\n                },\r\n                font: {\r\n                  size: 11,\r\n                },\r\n                formatter: (value) => {\r\n                  return value.toFixed(2).toString().replace('.', ',') + '%'\r\n                },\r\n              },\r\n            },\r\n            scales: {\r\n              y: {\r\n                beginAtZero: true,\r\n              },\r\n              xAxes: [{\r\n                stacked: true,\r\n                gridLines: {\r\n                  display: false,\r\n                },\r\n                display: false,\r\n              }],\r\n              yAxes: [{\r\n                stacked: true,\r\n                gridLines: {\r\n                  display: false,\r\n                },\r\n                color: 'transparent',\r\n              }],\r\n            },\r\n            legend: {\r\n              display: false,\r\n            },\r\n            tooltips: {\r\n              callbacks: {\r\n                mode: 'label',\r\n                label: (tooltipItem, data) => {\r\n                  var type = data.datasets[tooltipItem.datasetIndex].label\r\n                  var valor = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index].toFixed(2).toString().replace('.', ',') + '%'\r\n\r\n                  return type + ': ' + valor\r\n                },\r\n                title: (tooltipItem) => {\r\n                  return 'Progresso atingimento da meta'\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\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!./PorcentagemMixComercializado.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!./PorcentagemMixComercializado.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PorcentagemMixComercializado.vue?vue&type=template&id=0a03d30f&scoped=true&\"\nimport script from \"./PorcentagemMixComercializado.vue?vue&type=script&lang=js&\"\nexport * from \"./PorcentagemMixComercializado.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PorcentagemMixComercializado.vue?vue&type=style&index=0&id=0a03d30f&scoped=true&lang=css&\"\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  \"0a03d30f\",\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!./PorcentagemMixComercializado.vue?vue&type=style&index=0&id=0a03d30f&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!./PorcentagemMixComercializado.vue?vue&type=style&index=0&id=0a03d30f&scoped=true&lang=css&\""],"sourceRoot":""}