{"version":3,"file":"index-CtX_oIiN.js","sources":["../../../app/javascript/components/viz/calculator-fees/index.vue"],"sourcesContent":["<template>\n  <div class='card calculator'>\n    <div class='p-2'>\n      <h2 class='mb-2 h2'>Investment Fees Calculator</h2>\n      <p class='text-gray-600'>A quick look at how fees can impact your portfolio over the long term.</p>\n    </div>\n\n    <graph-investment-fees :fund-a='\"with no fees\"' :fund-b='\"with fees\"' :fund-growth-a='guide.fundGrowthA' :fund-growth-b='guide.fundGrowthB' class='my-4'></graph-investment-fees>\n\n    <p class='items-center text-gray-600 text-sm mt-4 leading-relaxed adam-head mt-6 border-t p-4'>\n      <i>Adam says:</i> This assumes you invest <span v-spark:input='{type: \"number.slider\", val: guide.investmentTotal, autogrow: true, key: \"investmentTotal\", numberOption: \"dollarPos,integerPos\", min: 0, max: 1000000, median: 100000, step: 1000, namespace: key }'></span> in two ways.\n\n      For one, you\n      <span class='font-semibold text-red-500'>\n        pay fees that total\n        <span v-spark:input='{type: \"number.slider\", val: guide.feePercent, key: \"feePercent\", numberOption: \"percentageUS2decPos\", max: 0.04, min: 0, step: 0.001, format: \"percent\", namespace: key}'></span>\n        (ex: 1% advisor, 1.25% expense ratio)\n      </span>\n      – which is exactly what I was was paying when I started!\n\n      In the other, your\n      <span class='font-semibold text-blue-500'>\n        total fees are\n        <span v-spark:input='{type: \"number.slider\", val: guide.feeBaseline, key: \"feeBaseline\", numberOption: \"percentageUS2decPos\", max: 0.04, min: 0, step: 0.001, format: \"percent\", namespace: key}'></span>\n        – easily possible with Vanguard funds used in the\n      </span>\n      <a href='/bootcamp' class='link link-blue'>Minafi Investor Bootcamp</a>.\n    </p>\n  </div>\n</template>\n\n\n<script>\nimport { default as TempManager } from '~/app/managers/temp'\nimport GraphInvestmentFees from '~/components/viz/graph-investment-fees/index.vue'\nimport Spark from '~/directives/spark'\nimport growthForInvestment from '~/app/calculators/growth-for-investment'\n\nexport default {\n  props: {\n    feePercent: {\n      default: 0.0225,\n      type: Number\n    },\n    investmentTotal: {\n      default: 10000,\n      type: Number\n    },\n    feeBaseline: {\n      default: 0.0006,\n      type: Number\n    },\n    marketRate: {\n      default: 0.07,\n      type: Number\n    },\n    years: {\n      default: 30,\n      type: Number\n    }\n  },\n  components: {\n    GraphInvestmentFees\n  },\n  directives: {\n    Spark: Spark\n  },\n  data() {\n    return {\n      guide: {\n        feePercent: 0.025,\n        investmentTotal: 10000,\n        feeBaseline: 0.0006,\n        example: 0,\n        marketRate: 0.07,\n        years: 30,\n        fundGrowthA: [],\n        fundGrowthB: []\n      },\n      key: ''\n    }\n  },\n  created() {\n    this.guide = {\n      feePercent: this.feePercent,\n      investmentTotal: this.investmentTotal,\n      feeBaseline: this.feeBaseline,\n      marketRate: this.marketRate,\n      years: this.years,\n      fundGrowthA: [],\n      fundGrowthB: []\n    }\n    this.service = new TempManager(this.guide, this.fieldChanged)\n    this.key = this.service.key\n  },\n  methods: {\n    fieldChanged(guide) {\n      // Calculate the growth over time\n      var growthParams = {\n        amount: guide.investmentTotal,\n        years: guide.years,\n        growthRate: guide.marketRate\n      }\n      guide.fundGrowthA = growthForInvestment({...growthParams, ...{\n        feeExpense: guide.feeBaseline\n      }})\n      guide.fundGrowthB = growthForInvestment({...growthParams, ...{\n        feeExpense: guide.feePercent\n      }})\n      return guide;\n    }\n  }\n}\n</script>\n"],"names":["_sfc_main","GraphInvestmentFees","Spark","TempManager","guide","growthParams","growthForInvestment","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_graph_investment_fees","$data","_cache","_createTextVNode","_directive_spark"],"mappings":"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"}