{"version":3,"sources":["webpack:///./src/views/pages/Dashborard/Dashboard.vue?15e7","webpack:///./src/components/SwitchButton.vue?2e99","webpack:///./src/components/graph/DoubleBar.vue","webpack:///./src/views/pages/Dashborard/Dashboard.vue","webpack:///./src/components/SwitchButton.vue","webpack:///src/components/SwitchButton.vue","webpack:///./src/components/SwitchButton.vue?f122","webpack:///./src/components/SwitchButton.vue?4999","webpack:///./src/views/pages/Dashborard/components/RentabilidadeGrafico.vue","webpack:///src/components/graph/DoubleBar.vue","webpack:///./src/components/graph/DoubleBar.vue?c719","webpack:///src/views/pages/Dashborard/components/RentabilidadeGrafico.vue","webpack:///./src/views/pages/Dashborard/components/RentabilidadeGrafico.vue?38e8","webpack:///./src/views/pages/Dashborard/components/RentabilidadeGrafico.vue?de36","webpack:///./src/views/pages/Dashborard/components/ResultadoFinanceiroGrafico.vue","webpack:///src/views/pages/Dashborard/components/ResultadoFinanceiroGrafico.vue","webpack:///./src/views/pages/Dashborard/components/ResultadoFinanceiroGrafico.vue?bb9f","webpack:///./src/views/pages/Dashborard/components/ResultadoFinanceiroGrafico.vue?0ac8","webpack:///src/views/pages/Dashborard/Dashboard.vue","webpack:///./src/views/pages/Dashborard/Dashboard.vue?98a5","webpack:///./src/views/pages/Dashborard/Dashboard.vue?8c26"],"names":["staticClass","attrs","_c","require","_vm","_v","class","on","changeSwitch","arrTeste","options","staticRenderFns","render","this","_self","directives","name","rawName","value","clicked","expression","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","data","methods","$emit","component","arrTeste2","extends","Bar","props","label","type","String","label2","chartData","Object","chartData2","computed","$dados","renderizarChart","dates","map","d","reverse","valors","percent","valors2","renderChart","labels","datasets","backgroundColor","borderColor","pointRadius","borderRadius","mounted","watch","components","plugins","today","rentabilidadeOuResultado","movimentacao","ChartDataLabels","responsive","maintainAspectRatio","title","display","elements","line","fill","tension","legend","usePointStyle","position","padding","scales","xAxes","gridLines","yAxes","beginAtZero","ticks","min","max","callback","created","Mock","moment","date","format","push","SwitchButton","RentabilidadeGrafico","ResultadoFinanceiroGrafico","$hoje","hoje","Date","now","novoOuExistente","showMovimentacao","e","show","setTimeout","switch1","index","entries","id","splice"],"mappings":"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","file":"js/chunk-1125c3c6.d980a753.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=5e3f4926&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchButton.vue?vue&type=style&index=0&id=a562fe04&prod&scoped=true&lang=css\"","var render, staticRenderFns\nimport script from \"./DoubleBar.vue?vue&type=script&lang=js\"\nexport * from \"./DoubleBar.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"container\",attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"top-base\"},[_c('div',{staticClass:\"data\"},[_c('div',[_c('span',[_vm._v(_vm._s(_vm.$hoje))])]),_c('div',[_c('v-img',{staticClass:\"imagem_calendar\",attrs:{\"src\":require(\"../../../assets/icons/calendar_icon.svg\")}})],1)])]),_c('div',{staticClass:\"cards\"},[_c('div',{staticClass:\"card\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Saldo Bruto\")]),_c('span',{staticClass:\"valor\"},[_vm._v(\"R$ 1.369.771,86\")])]),_c('div',{staticClass:\"card\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Saldo Liquido\")]),_c('span',{staticClass:\"valor\"},[_vm._v(\"R$ 1.369.771,86\")])]),_c('div',{staticClass:\"card\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Rendimento\")]),_c('span',{staticClass:\"valor\"},[_vm._v(\"R$ 1.369.771,86\")])]),_c('div',{staticClass:\"card\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"Rendimento Histórico\")]),_c('span',{staticClass:\"valor\"},[_vm._v(\"12,63%\")])])]),_c('div',{staticClass:\"graficos-rentabilidade\"},[_c('v-card',{staticClass:\"card-graficos\"},[_c('div',{staticClass:\"btns-rentabilidade\"},[_c('div',{staticClass:\"btn-novo-ativo\",class:{ clicado: _vm.rentabilidadeOuResultado },on:{\"click\":_vm.novoOuExistente}},[_c('span',[_vm._v(\"Rentabilidade\")])]),_c('div',{staticClass:\"btn-ativo-existente\",class:{ clicado: !_vm.rentabilidadeOuResultado },on:{\"click\":_vm.novoOuExistente}},[_c('span',[_vm._v(\"Resultado Financeiro\")])])]),(_vm.rentabilidadeOuResultado)?_c('div',{staticClass:\"top-grafico\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\"Rentabilidade da carteira\")])]),_c('div',{staticClass:\"btns-ativos\"},[_c('div',{staticClass:\"btn-cdi\"},[_c('SwitchButton',{on:{\"changeSwitch\":_vm.changeSwitch}}),_c('span',[_vm._v(\"CDI\")])],1),_c('div',{staticClass:\"btn-ipca\"},[_c('SwitchButton',{on:{\"changeSwitch\":_vm.changeSwitch}}),_c('span',[_vm._v(\"IPCA\")])],1),_c('div',{staticClass:\"btn-dolar\"},[_c('SwitchButton',{on:{\"changeSwitch\":_vm.changeSwitch}}),_c('span',[_vm._v(\"DÓLAR\")])],1),_c('div',{staticClass:\"btn-ibovespa\"},[_c('SwitchButton',{on:{\"changeSwitch\":_vm.changeSwitch}}),_c('span',[_vm._v(\"IBOVESPA\")])],1)])]),_c('div',{staticClass:\"grafico\"},[_c('RentabilidadeGrafico',{attrs:{\"arrTeste\":_vm.arrTeste,\"arrTeste2\":_vm.arrTeste2,\"options\":_vm.options}})],1)]):_c('div',{staticClass:\"top-grafico\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\"Resultado Financeiro\")])])]),_c('div',{staticClass:\"grafico\"},[_c('ResultadoFinanceiroGrafico',{attrs:{\"arrTeste\":_vm.arrTeste,\"arrTeste2\":_vm.arrTeste2,\"options\":_vm.options,\"plugins\":_vm.plugins}})],1)])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.clicked),expression:\"clicked\"}],attrs:{\"type\":\"checkbox\",\"checked\":\"\"},domProps:{\"checked\":Array.isArray(_vm.clicked)?_vm._i(_vm.clicked,null)>-1:(_vm.clicked)},on:{\"change\":[function($event){var $$a=_vm.clicked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.clicked=$$a.concat([$$v]))}else{$$i>-1&&(_vm.clicked=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.clicked=$$c}},_vm.changeSwitch]}}),_c('span',{staticClass:\"slider round\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <label class=\"switch\">\r\n    <input type=\"checkbox\" checked v-model=\"clicked\" @change=\"changeSwitch\" />\r\n    <span class=\"slider round\"></span>\r\n  </label>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      clicked: false,\r\n    };\r\n  },\r\n  methods: {\r\n    changeSwitch() {\r\n      this.$emit(\"changeSwitch\", this.clicked);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style  scoped>\r\n/* SLIDER */\r\n.switch {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 40px;\r\n  height: 20px;\r\n}\r\n\r\n.switch input {\r\n  opacity: 0;\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.slider {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  /* background-color: #F2F2F2; */\r\n  background-color: #c9c9c9;\r\n  -webkit-transition: 0.4s;\r\n  transition: 0.4s;\r\n}\r\n\r\n.slider:before {\r\n  position: absolute;\r\n  content: \"\";\r\n  height: 16px;\r\n  width: 16px;\r\n  left: 4px;\r\n  bottom: 2px;\r\n  background-color: white;\r\n  -webkit-transition: 0.4s;\r\n  transition: 0.4s;\r\n}\r\n\r\ninput:checked + .slider {\r\n  background-color: #2196f3;\r\n}\r\n\r\ninput:focus + .slider {\r\n  box-shadow: 0 0 1px #2196f3;\r\n}\r\n\r\ninput:checked + .slider:before {\r\n  -webkit-transform: translateX(18px);\r\n  -ms-transform: translateX(18px);\r\n  transform: translateX(18px);\r\n}\r\n\r\n/* Rounded sliders */\r\n.slider.round {\r\n  border-radius: 60px;\r\n  /* border: 1px solid red; */\r\n}\r\n\r\n.slider.round:before {\r\n  border-radius: 50%;\r\n}\r\n/* FIM SLIDER */\r\n</style>","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/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchButton.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SwitchButton.vue?vue&type=template&id=a562fe04&scoped=true\"\nimport script from \"./SwitchButton.vue?vue&type=script&lang=js\"\nexport * from \"./SwitchButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./SwitchButton.vue?vue&type=style&index=0&id=a562fe04&prod&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  \"a562fe04\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"grafico\"},[_c('Bar',{attrs:{\"chartData\":_vm.arrTeste,\"chartData2\":_vm.arrTeste2,\"options\":_vm.options,\"label\":\"Rentabilidade acumulada\",\"label2\":\"Rentabilidade mensal\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { Bar } from \"vue-chartjs\";\r\nexport default {\r\n  extends: Bar,\r\n  props: {\r\n    label: { type: String },\r\n    label2: { type: String },\r\n    chartData: { type: Array },\r\n    options: { type: Object },\r\n    chartData2: { type: Array },\r\n  },\r\n  computed: {\r\n    $dados() {\r\n      return this.chartData2;\r\n    },\r\n  },\r\n  methods: {\r\n    renderizarChart() {\r\n      const dates = this.chartData.map((d) => d.data).reverse();\r\n      const valors = this.chartData.map((d) => d.valors.percent).reverse();\r\n      const valors2 = this.$dados.map((d) => d.valors.percent).reverse();\r\n\r\n      this.renderChart(\r\n        {\r\n          labels: dates,\r\n          datasets: [\r\n            {\r\n              label: this.label,\r\n              backgroundColor: \"#F3A03C\",\r\n              borderColor: \"#F3A03C\",\r\n              data: valors2,\r\n              pointRadius: 5,\r\n            },\r\n            {\r\n              label: this.label2,\r\n              data: valors,\r\n              backgroundColor: \"#579AF2\",\r\n              borderRadius: 10\r\n            },\r\n          ],\r\n        },\r\n        this.options\r\n      );\r\n    },\r\n  },\r\n  mounted() {\r\n    this.renderizarChart();\r\n  },\r\n  watch:{\r\n    chartData2(){\r\n      this.renderizarChart()\r\n    }\r\n  }\r\n};\r\n</script>","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoubleBar.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoubleBar.vue?vue&type=script&lang=js\"","<template>\r\n  <div class=\"grafico\">\r\n    <Bar\r\n      :chartData=\"arrTeste\"\r\n      :chartData2=\"arrTeste2\"\r\n      :options=\"options\"\r\n      label=\"Rentabilidade acumulada\"\r\n      label2=\"Rentabilidade mensal\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Bar from \"@/components/graph/DoubleBar.vue\";\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  components: {\r\n    Bar,\r\n  },\r\n  props:{\r\n      arrTeste:{type: Array},\r\n      arrTeste2:{type: Array},\r\n      options:{type: Object},\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n</style>","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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RentabilidadeGrafico.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RentabilidadeGrafico.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RentabilidadeGrafico.vue?vue&type=template&id=31e27a37&scoped=true\"\nimport script from \"./RentabilidadeGrafico.vue?vue&type=script&lang=js\"\nexport * from \"./RentabilidadeGrafico.vue?vue&type=script&lang=js\"\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  \"31e27a37\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"grafico\"},[_c('Bar',{attrs:{\"chartData\":_vm.arrTeste,\"chartData2\":_vm.arrTeste2,\"options\":_vm.options,\"plugins\":_vm.plugins,\"label\":\"Rentabilidade acumulada\",\"label2\":\"Rentabilidade mensal\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"grafico\">\r\n    <Bar\r\n      :chartData=\"arrTeste\"\r\n      :chartData2=\"arrTeste2\"\r\n      :options=\"options\"\r\n      :plugins=\"plugins\"\r\n      label=\"Rentabilidade acumulada\"\r\n      label2=\"Rentabilidade mensal\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Bar from \"@/components/graph/BarAndLine.vue\";\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  components: {\r\n    Bar,\r\n  },\r\n  props:{\r\n      arrTeste:{type: Array},\r\n      arrTeste2:{type: Array},\r\n      options:{type: Object},\r\n      plugins:{type: Array}\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n</style>","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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultadoFinanceiroGrafico.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultadoFinanceiroGrafico.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ResultadoFinanceiroGrafico.vue?vue&type=template&id=7ed0af40&scoped=true\"\nimport script from \"./ResultadoFinanceiroGrafico.vue?vue&type=script&lang=js\"\nexport * from \"./ResultadoFinanceiroGrafico.vue?vue&type=script&lang=js\"\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  \"7ed0af40\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <v-container fluid class=\"container\">\r\n    <div class=\"top-base\">\r\n      <div class=\"data\">\r\n        <div>\r\n          <span>{{ $hoje }}</span>\r\n        </div>\r\n        <div>\r\n          <v-img\r\n            src=\"../../../assets/icons/calendar_icon.svg\"\r\n            class=\"imagem_calendar\"\r\n          ></v-img>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"cards\">\r\n      <div class=\"card\">\r\n        <span class=\"title\">Saldo Bruto</span>\r\n        <span class=\"valor\">R$ 1.369.771,86</span>\r\n      </div>\r\n      <div class=\"card\">\r\n        <span class=\"title\">Saldo Liquido</span>\r\n        <span class=\"valor\">R$ 1.369.771,86</span>\r\n      </div>\r\n      <div class=\"card\">\r\n        <span class=\"title\">Rendimento</span>\r\n        <span class=\"valor\">R$ 1.369.771,86</span>\r\n      </div>\r\n      <div class=\"card\">\r\n        <span class=\"title\">Rendimento Histórico</span>\r\n        <span class=\"valor\">12,63%</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"graficos-rentabilidade\">\r\n      <v-card class=\"card-graficos\">\r\n        <div class=\"btns-rentabilidade\">\r\n          <div\r\n            class=\"btn-novo-ativo\"\r\n            :class=\"{ clicado: rentabilidadeOuResultado }\"\r\n            @click=\"novoOuExistente\"\r\n          >\r\n            <span>Rentabilidade</span>\r\n          </div>\r\n          <div\r\n            class=\"btn-ativo-existente\"\r\n            :class=\"{ clicado: !rentabilidadeOuResultado }\"\r\n            @click=\"novoOuExistente\"\r\n          >\r\n            <span>Resultado Financeiro</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"top-grafico\" v-if=\"rentabilidadeOuResultado\">\r\n          <div class=\"top\">\r\n            <div class=\"title\">\r\n              <span>Rentabilidade da carteira</span>\r\n            </div>\r\n            <div class=\"btns-ativos\">\r\n              <div class=\"btn-cdi\">\r\n                <SwitchButton @changeSwitch=\"changeSwitch\" />\r\n                <span>CDI</span>\r\n              </div>\r\n\r\n              <div class=\"btn-ipca\">\r\n                <SwitchButton @changeSwitch=\"changeSwitch\" />\r\n                <span>IPCA</span>\r\n              </div>\r\n\r\n              <div class=\"btn-dolar\">\r\n                <SwitchButton @changeSwitch=\"changeSwitch\" />\r\n                <span>DÓLAR</span>\r\n              </div>\r\n\r\n              <div class=\"btn-ibovespa\">\r\n                <SwitchButton @changeSwitch=\"changeSwitch\" />\r\n                <span>IBOVESPA</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"grafico\">\r\n            <RentabilidadeGrafico\r\n              :arrTeste=\"arrTeste\"\r\n              :arrTeste2=\"arrTeste2\"\r\n              :options=\"options\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"top-grafico\" v-else>\r\n          <div class=\"top\">\r\n            <div class=\"title\">\r\n              <span>Resultado Financeiro</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"grafico\">\r\n            <ResultadoFinanceiroGrafico\r\n              :arrTeste=\"arrTeste\"\r\n              :arrTeste2=\"arrTeste2\"\r\n              :options=\"options\"\r\n              :plugins=\"plugins\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </v-card>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\r\nimport * as Mock from \"@/components/mock/mock.js\";\r\nimport SwitchButton from \"@/components/SwitchButton.vue\";\r\nimport RentabilidadeGrafico from \"./components/RentabilidadeGrafico.vue\";\r\nimport ResultadoFinanceiroGrafico from \"./components/ResultadoFinanceiroGrafico.vue\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      arrTeste: [],\r\n      arrTeste2: [],\r\n      today: \"\",\r\n      rentabilidadeOuResultado: true,\r\n      movimentacao: {},\r\n      plugins:[ChartDataLabels],\r\n      options: {\r\n        responsive: true,\r\n        maintainAspectRatio: false,\r\n        title: {\r\n          display: false,\r\n        },\r\n        elements: {\r\n          line: {\r\n            fill: false,\r\n            tension: 0.4,\r\n          },\r\n        },\r\n        legend: {\r\n          labels: {\r\n            usePointStyle: true,\r\n          },\r\n          position: \"top\",\r\n          padding: 10,\r\n        },\r\n        // plugins:[ChartDataLabels],\r\n        scales: {\r\n        xAxes: [{\r\n            gridLines: {\r\n                display:false\r\n            }\r\n        }],\r\n          yAxes: [\r\n            {\r\n              beginAtZero: true,\r\n              ticks: {\r\n                min: 0,\r\n                max: 100,\r\n                callback: function (value) {\r\n                  return \"R$\" + value ;\r\n                },\r\n              },\r\n            },\r\n          ],\r\n    }\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    for (let d of Mock.mock1) {\r\n      let data = moment(d.date, \"DDMMYYYY\").format(\"MMM/YYYY\");\r\n\r\n      this.arrTeste.push({ data, valors: d });\r\n    }\r\n\r\n    for (let d of Mock.mock2) {\r\n      let data = moment(d.date, \"DDMMYYYY\").format(\"MMM/YYYY\");\r\n\r\n      this.arrTeste2.push({ data, valors: d });\r\n    }\r\n  },\r\n  components: {\r\n    SwitchButton,\r\n    RentabilidadeGrafico,\r\n    ResultadoFinanceiroGrafico,\r\n  },\r\n  computed: {\r\n    $hoje() {\r\n      let hoje = Date.now();\r\n      return moment(hoje).format(\"DD/MM/YYYY\");\r\n    },\r\n  },\r\n  methods: {\r\n    novoOuExistente() {\r\n      this.rentabilidadeOuResultado == true\r\n        ? (this.rentabilidadeOuResultado = false)\r\n        : (this.rentabilidadeOuResultado = true);\r\n    },\r\n    showMovimentacao(e) {\r\n      this.rentabilidadeOuResultado = !e.show;\r\n      this.movimentacao = e;\r\n\r\n      setTimeout(() => {\r\n        this.movimentacao = {};\r\n      }, 1000); //necessario zerar a movimentação... para fazer o fluxo de entrada e saida das telas\r\n    },\r\n    changeSwitch(e) {\r\n      this.switch1 = e;\r\n\r\n      if (this.switch1) {\r\n        for (let d of Mock.mock3) {\r\n          //aqui eu boto novas informações\r\n          let data = moment(d.date, \"DDMMYYYY\").format(\"MMM/YYYY\");\r\n          this.arrTeste2.push({ data, valors: d });\r\n        }\r\n      } else {\r\n        for (let d of Mock.mock3) {\r\n          for (const [index, value] of this.arrTeste2.entries()) {\r\n            //aqui eu retiro essas as informações novas que entraram no if\r\n            if (d.id === value.valors.id) {\r\n              this.arrTeste2.splice(index, 1);\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.container {\r\n  /* border: 1px solid red; */\r\n  padding: 0;\r\n}\r\n.top-base {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  padding: 1rem;\r\n  flex-wrap: wrap;\r\n  /* border: 1px solid; */\r\n}\r\n.data {\r\n  display: flex;\r\n}\r\n.data > div {\r\n  margin: 0 0.2rem;\r\n}\r\n.data .imagem_calendar {\r\n  filter: invert(70%) sepia(26%) saturate(8645%) hue-rotate(195deg)\r\n    brightness(105%) contrast(100%);\r\n}\r\n\r\n/* CARDS DO TOPO */\r\n.cards {\r\n  /* padding: 1rem; */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  max-width: 100vw;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.cards .card {\r\n  background: white;\r\n  padding: 0.8rem;\r\n  border-radius: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* width: 100%; */\r\n  flex: 1 1 300px;\r\n  margin: 0.5rem;\r\n  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.05);\r\n}\r\n.card .title {\r\n  font-size: 15px !important;\r\n  font-weight: 300;\r\n  line-height: 22px;\r\n  letter-spacing: 0.15px;\r\n  padding-bottom: 0.5rem;\r\n}\r\n.card .valor {\r\n  font-weight: normal;\r\n  font-size: 25px;\r\n  line-height: 37px;\r\n}\r\n\r\n/* GRAFICOS DE RENTABILIDADE */\r\n.graficos-rentabilidade {\r\n  /* border: 1px solid red; */\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n.card-graficos {\r\n  padding: 1.5rem;\r\n}\r\n.top-grafico {\r\n  /* border: 1px solid; */\r\n}\r\n.top-grafico > div {\r\n  padding: 1rem 0;\r\n}\r\n.top-grafico .top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  flex-wrap: wrap;\r\n}\r\n.top-grafico .top .title {\r\n  font-weight: 600;\r\n  font-size: 22px;\r\n  line-height: 33px;\r\n  letter-spacing: 0.15px;\r\n  color: #000000;\r\n}\r\n.top-grafico .bottom {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.top-grafico .bottom > div {\r\n  margin: 0.2rem;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.btns-ativos {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.btns-ativos > div {\r\n  margin: 0 0.3rem;\r\n}\r\n.btns-ativos > div span {\r\n  padding: 0 1rem;\r\n}\r\n.grafico {\r\n}\r\n\r\n/* BOTOES DO GRAFICO DE RENTABILIDADE */\r\n.btns-rentabilidade > div {\r\n  margin-right: 0.8rem;\r\n  border-radius: 30px;\r\n  padding: 0.3rem 1rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n.btns-rentabilidade > div span{\r\n    text-align: center;\r\n}\r\n.btn-novo-ativo {\r\n  border: 2px solid rgba(73, 73, 73, 0.5);\r\n  color: rgba(73, 73, 73, 0.5);\r\n}\r\n.btn-ativo-existente {\r\n  border: 2px solid rgba(73, 73, 73, 0.5);\r\n  color: rgba(73, 73, 73, 0.5);\r\n}\r\n.clicado {\r\n  background: rgba(73, 73, 73, 0.5);\r\n  border: none;\r\n  color: white;\r\n}\r\n.btns-rentabilidade {\r\n  /* border: 1px solid red; */\r\n  display: flex;\r\n}\r\n</style>","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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=5e3f4926&scoped=true\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=5e3f4926&prod&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  \"5e3f4926\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}