{"version":3,"file":"fund-fee-comparison-bar-DwPYHKLR.js","sources":["../../../app/javascript/components/viz/graphs/BarChart.vue","../../../app/javascript/components/funds/fund-fee-comparison-bar.vue"],"sourcesContent":["<script>\nimport 'chart.js/auto'\nimport { Bar } from 'vue-chartjs'\n\nexport default {\n  name: 'BarChart',\n  extends: Bar,\n  mixins: [reactiveProp],\n  props: {\n    chartData: {\n      type: Object,\n      required: true\n    },\n    options: {\n      type: Object,\n      default: {},\n      required: false\n    }\n  },\n  watch: {\n    chartData () {\n      this.$data._chart.update()\n    }\n  },\n  mounted () {\n    this.renderChart(this.chartData, this.options)\n  }\n}\n</script>","<template>\n  <div class='fund-fee-comparison-chart'>\n    <BarChart :chart-data=\"chartData\" :options='chartOptions' v-cloak></BarChart>\n  </div>\n</template>\n\n<script>\nimport FundGraph from './fund-graph'\nimport BarChart from '~/components/viz/graphs/BarChart.vue'\n\nexport default {\n  name: 'fund-graph',\n  components: {\n    BarChart\n  },\n  props: {\n    average: {\n      default: 0,\n      type: Number\n    },\n    fundFee: {\n      default: 0,\n      type: Number\n    },\n    fund: {\n      default: '',\n      type: String\n    },\n  },\n  computed: {\n    chartOptions() {\n      var max = Math.max(...[this.fundFee, this.average, 1])\n      return {\n        responsive: true,\n        legend: {\n          position: 'top',\n        },\n        title: {\n          display: true,\n          text: `$${this.fund} Fees vs Category Avg`\n        },\n        scales: {\n          yAxes: [{\n            ticks: {\n              suggestedMin: 0,\n              suggestedMax: max\n            }\n          }]\n        }\n      }\n    },\n    chartData() {\n      return {\n        labels: ['Fees'],\n        datasets: [{\n          label: `$${this.fund} Fees`,\n          backgroundColor: '#48bb78',\n          borderColor: '#48bb78',\n          borderWidth: 1,\n          data: [this.fundFee]\n        }, {\n          label: 'Category Avg',\n          backgroundColor: '#9f7aea',\n          borderColor: '#9f7aea',\n          borderWidth: 1,\n          data: [parseInt(this.average*100) / 100]\n        }]\n      }\n    }\n  }\n}\n</script>\n"],"names":["_sfc_main","Bar","BarChart","max","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_BarChart","$options"],"mappings":"mGAIA,MAAKA,EAAU,CACb,KAAM,WACN,QAASC,EACT,OAAQ,CAAC,YAAY,EACrB,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,EACX,EACD,QAAS,CACP,KAAM,OACN,QAAS,CAAE,EACX,SAAU,EACZ,CACD,EACD,MAAO,CACL,WAAa,CACX,KAAK,MAAM,OAAO,OAAM,CAC1B,CACD,EACD,SAAW,CACT,KAAK,YAAY,KAAK,UAAW,KAAK,OAAO,CAC/C,CACF,ECjBKD,EAAU,CACb,KAAM,aACN,WAAY,CACVE,SAAAA,CACD,EACD,MAAO,CACL,QAAS,CACP,QAAS,EACT,KAAM,MACP,EACD,QAAS,CACP,QAAS,EACT,KAAM,MACP,EACD,KAAM,CACJ,QAAS,GACT,KAAM,MACP,CACF,EACD,SAAU,CACR,cAAe,CACb,IAAIC,EAAM,KAAK,IAAQ,KAAK,QAAS,KAAK,QAAS,CAAE,EACrD,MAAO,CACL,WAAY,GACZ,OAAQ,CACN,SAAU,KACX,EACD,MAAO,CACL,QAAS,GACT,KAAM,IAAI,KAAK,IAAI,uBACpB,EACD,OAAQ,CACN,MAAO,CAAC,CACN,MAAO,CACL,aAAc,EACd,aAAcA,CAChB,CACD,CAAA,CACH,CACF,CACD,EACD,WAAY,CACV,MAAO,CACL,OAAQ,CAAC,MAAM,EACf,SAAU,CAAC,CACT,MAAO,IAAI,KAAK,IAAI,QACpB,gBAAiB,UACjB,YAAa,UACb,YAAa,EACb,KAAM,CAAC,KAAK,OAAO,CACrB,EAAG,CACD,MAAO,eACP,gBAAiB,UACjB,YAAa,UACb,YAAa,EACb,KAAM,CAAC,SAAS,KAAK,QAAQ,GAAG,EAAI,GAAG,CACxC,CAAA,CACH,CACF,CACF,CACF,EArEOC,EAAA,CAAA,MAAM,2BAA2B,gDAAtC,OAAAC,EAAA,EAAAC,EAEM,MAFNF,EAEM,CADJG,EAA6EC,EAAA,CAAlE,aAAYC,EAAS,UAAG,QAASA,EAAY"}