{"version":3,"sources":["webpack:///./src/features/grafico-financeiro/grafico-despesa.vue","webpack:///./src/features/grafico-financeiro/grafico-despesa.vue?579c","webpack:///./src/features/grafico-financeiro/grafico-despesa.vue?b14a","webpack:///./src/features/grafico-financeiro/grafico-despesa.vue?cf64"],"names":["render","staticRenderFns","extends","props","ano","type","Number","default","tipo","Common","Domain","GraficoTipoEnum","Anual","mounted","obterEmpresaAtualId","empresaId","ListarGraficoDespesa","despesas","formatarValor","valor","result","parseFloat","toLocaleString","sufixo","chartData","labels","valoresY","borderColor","datasets","label","backgroundColor","data","itens","map","renderChart","responsive","maintainAspectRatio","tooltips","callbacks","tooltipItem","value","legend","align","fontStyle","boxWidth","fontSize","fontColor","fontFamily","layout","padding","top","right","bottom","left","scales","xAxes","ticks","min","max","valorMaximo","stepSize","valorPasso","callback","index","values","gridLines","display","yAxes","color","component"],"mappings":"kJAAIA,EAAQC,E,4FCMG,GACXC,QAAS,OACTC,MAAO,CACHC,IAAK,CAAEC,KAAMC,OAAQC,QAAS,MAC9BC,KAAM,CACFH,KAAMC,OACNC,QAAS,OAAIE,OAAOC,OAAOC,gBAAgBC,QAG7CC,QATK,WASE,8KACc,OADd,SAEY,OAAoBC,sBAFhC,+BAGA,EAAKV,IAHL,KAIC,EAAKI,KAJN,MAELO,UAFK,KAGLX,IAHK,KAILI,KAJK,oBAC6BQ,qBAD7B,uBACHC,EADG,OAOHC,EAAgB,SAACC,GACnB,IAAIC,EAAS,GAAH,OAAMC,WAAWF,GAAOG,kBAIlC,OAHIL,EAASM,SACTH,GAAUH,EAASM,QAEhBH,GAGLI,EAAY,CACdC,OAAQR,EAASS,SACjBC,YAAa,QACbC,SAAU,CACN,CACIC,MAAO,sBACPC,gBAAiB,UACjBH,YAAa,QACbI,KAAMd,EAASe,MAAMC,KAAI,SAACd,GAAD,OAAWA,EAAMA,YAItD,EAAKe,YAAYV,EAAW,CACxBW,YAAY,EACZC,qBAAqB,EACrBC,SAAU,CACNC,UAAW,CACPT,MAAO,SAASU,EAAaR,GACzB,OAAOb,EAAcqB,EAAYC,UAI7CC,OAAQ,CACJC,MAAO,QACPjB,OAAQ,CACJkB,UAAW,OACXC,SAAU,EACVC,SAAU,GACVC,UAAW,QACXC,WAAY,gBAGpBC,OAAQ,CACJC,QAAS,CACLC,IAAK,GACLC,MAAO,GACPC,OAAQ,GACRC,KAAM,KAGdC,OAAQ,CACJC,MAAO,CACH,CACIC,MAAO,CACHV,UAAW,QACXD,SAAU,GACVY,IAAK,EACLC,IAAKzC,EAAS0C,YACdC,SAAU3C,EAAS4C,WACnBC,SAAU,SAAStB,EAAOuB,EAAOC,GAC7B,OAAO9C,EAAcsB,KAG7ByB,UAAW,CACPC,SAAS,KAIrBC,MAAO,CACH,CACIX,MAAO,CACHV,UAAW,QACXD,SAAU,IAEdoB,UAAW,CACPC,SAAS,EACTE,MAAO,cAjFlB,gDCfyc,I,wBFQtdC,EAAY,eACd,EACArE,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAoE,E,2CGnBf","file":"js/chunk-1e654c28.3ec6e659.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./grafico-despesa.vue?vue&type=script&lang=ts&\"\nexport * from \"./grafico-despesa.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./grafico-despesa.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","\nimport { HorizontalBar } from 'vue-chartjs';\nimport graficoService from './grafico-service';\nimport Api from '../../base/api.typings';\nimport empresaAtualService from '../empresa-atual/empresa-atual-service';\n\nexport default {\n    extends: HorizontalBar,\n    props: {\n        ano: { type: Number, default: null },\n        tipo: {\n            type: Number,\n            default: Api.Common.Domain.GraficoTipoEnum.Anual,\n        },\n    },\n    async mounted() {\n        const despesas = await graficoService.ListarGraficoDespesa({\n            empresaId: await empresaAtualService.obterEmpresaAtualId(),\n            ano: this.ano,\n            tipo: this.tipo,\n        });\n\n        const formatarValor = (valor) => {\n            let result = `${parseFloat(valor).toLocaleString()}`;\n            if (despesas.sufixo) {\n                result += despesas.sufixo;\n            }\n            return result;\n        };\n\n        const chartData = {\n            labels: despesas.valoresY,\n            borderColor: 'white',\n            datasets: [\n                {\n                    label: 'Gráfico de despesas',\n                    backgroundColor: '#7ec74e',\n                    borderColor: 'white',\n                    data: despesas.itens.map((valor) => valor.valor),\n                },\n            ],\n        };\n        this.renderChart(chartData, {\n            responsive: true,\n            maintainAspectRatio: false,\n            tooltips: {\n                callbacks: {\n                    label: function(tooltipItem, data) {\n                        return formatarValor(tooltipItem.value);\n                    },\n                },\n            },\n            legend: {\n                align: 'start',\n                labels: {\n                    fontStyle: 'bold',\n                    boxWidth: 0,\n                    fontSize: 16,\n                    fontColor: 'white',\n                    fontFamily: 'Roboto Mono',\n                },\n            },\n            layout: {\n                padding: {\n                    top: 10,\n                    right: 40,\n                    bottom: 10,\n                    left: 10,\n                },\n            },\n            scales: {\n                xAxes: [\n                    {\n                        ticks: {\n                            fontColor: 'white',\n                            fontSize: 14,\n                            min: 0,\n                            max: despesas.valorMaximo,\n                            stepSize: despesas.valorPasso,\n                            callback: function(value, index, values) {\n                                return formatarValor(value);\n                            },\n                        },\n                        gridLines: {\n                            display: false,\n                        },\n                    },\n                ],\n                yAxes: [\n                    {\n                        ticks: {\n                            fontColor: 'white',\n                            fontSize: 14,\n                        },\n                        gridLines: {\n                            display: false,\n                            color: 'white',\n                        },\n                    },\n                ],\n            },\n        });\n    },\n};\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/vuetify-loader/lib/loader.js??ref--19-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./grafico-despesa.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/vuetify-loader/lib/loader.js??ref--19-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./grafico-despesa.vue?vue&type=script&lang=ts&\"","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/vuetify-loader/lib/loader.js??ref--19-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./grafico-despesa.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}