{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/components/charts/SavingCompare.vue?b3d8","webpack:///src/components/charts/SavingCompare.vue","webpack:///./src/components/charts/SavingCompare.vue?24b8","webpack:///./src/components/charts/SavingCompare.vue","webpack:///./node_modules/core-js/modules/es6.string.fixed.js","webpack:///./src/components/charts/SavingCompare.vue?4280"],"names":["$export","fails","defined","quot","createHTML","string","tag","attribute","value","S","String","p1","replace","module","exports","NAME","exec","O","P","F","test","toLowerCase","split","length","render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","_s","_f","savingRate","fixedRate","returnRate","_m","saving","fixed","plus","staticRenderFns","name","props","initial","type","Number","default","data","chart","watch","handler","updateChart","deep","filters","number","toLocaleString","minimumFractionDigits","maximumFractionDigits","percent","toFixed","created","methods","datasets","$emit","update","component"],"mappings":"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","file":"js/chunk-bb1a382a.8d6d9668.js","sourcesContent":["var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"saving-compare\"}},[_c('h3',[_vm._v(\"ผลตอบแทน 1 ปี\")]),_c('div',{attrs:{\"id\":\"chart-title\"}},[_c('div',{staticClass:\"chart-label\"},[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" ออมทรัพย์ \"),_c('br'),_c('i',{staticClass:\"fas fa-rectangle-landscape hidden\"}),_vm._v(\" (\"+_vm._s(_vm._f(\"percent\")(_vm.savingRate))+\") \")]),_c('div',{staticClass:\"chart-label\"},[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" ฝากประจำ \"),_c('br'),_c('i',{staticClass:\"fas fa-rectangle-landscape hidden\"}),_vm._v(\" (\"+_vm._s(_vm._f(\"percent\")(_vm.fixedRate))+\") \")]),_c('div',{staticClass:\"chart-label\"},[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" แผน Plus \"),_c('br'),_c('i',{staticClass:\"fas fa-rectangle-landscape hidden\"}),_vm._v(\" (\"+_vm._s(_vm._f(\"percent\")(_vm.returnRate))+\") \")])]),_c('div',{attrs:{\"id\":\"chart-wraper\"}},[_vm._m(0),_c('div',{attrs:{\"id\":\"description\"}},[_c('div',[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" +\"+_vm._s(_vm._f(\"number\")(_vm.saving))+\" \")]),_c('div',[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" +\"+_vm._s(_vm._f(\"number\")(_vm.fixed))+\" \")]),_c('div',[_c('i',{staticClass:\"fas fa-rectangle-landscape\"}),_vm._v(\" +\"+_vm._s(_vm._f(\"number\")(_vm.plus))+\" \")])])]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"chart\"}},[_c('canvas',{attrs:{\"id\":\"saving-compare-chart\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"disclaimer\"}},[_c('p',[_vm._v(\"*ผลตอบแทนที่แสดงเป็นผลตอบแทนย้อนหลัง 1 ปี (หลังหักภาษี) ในอดีต ซึ่งไม่ได้เป็นการการันตีผลตอบแทนในอนาคต\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"saving-compare\">\n    <h3>ผลตอบแทน 1 ปี</h3>\n    <div id=\"chart-title\">\n      <div class=\"chart-label\">\n        <i class=\"fas fa-rectangle-landscape\"></i>\n        ออมทรัพย์\n        <br />\n        <i class=\"fas fa-rectangle-landscape hidden\"></i>\n        ({{ savingRate | percent }})\n      </div>\n      <div class=\"chart-label\">\n        <i class=\"fas fa-rectangle-landscape\"></i>\n        ฝากประจำ\n        <br />\n        <i class=\"fas fa-rectangle-landscape hidden\"></i>\n        ({{ fixedRate | percent }})\n      </div>\n      <div class=\"chart-label\">\n        <i class=\"fas fa-rectangle-landscape\"></i>\n        แผน Plus\n        <br />\n        <i class=\"fas fa-rectangle-landscape hidden\"></i>\n        ({{ returnRate | percent }})\n      </div>\n    </div>\n\n    <div id=\"chart-wraper\">\n      <div id=\"chart\">\n        <canvas id=\"saving-compare-chart\"></canvas>\n      </div>\n      <div id=\"description\">\n        <div>\n          <i class=\"fas fa-rectangle-landscape\"></i>\n          +{{ saving | number }}\n        </div>\n        <div>\n          <i class=\"fas fa-rectangle-landscape\"></i>\n          +{{ fixed | number }}\n        </div>\n        <div>\n          <i class=\"fas fa-rectangle-landscape\"></i>\n          +{{ plus | number }}\n        </div>\n      </div>\n    </div>\n    <div id=\"disclaimer\">\n      <p>*ผลตอบแทนที่แสดงเป็นผลตอบแทนย้อนหลัง 1 ปี (หลังหักภาษี) ในอดีต ซึ่งไม่ได้เป็นการการันตีผลตอบแทนในอนาคต</p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Chart from \"chart.js\";\nimport InterestRate from \"../../config/interest-rate.json\";\nimport PlusConfig from \"../../config/plus-config.json\";\nimport axios from \"axios\";\n\nexport default {\n  name: \"saving-compare\",\n  props: {\n    initial: {\n      type: Number,\n      default: null\n    }\n  },\n  data() {\n    return {\n      chart: null,\n      fixedRate: InterestRate.fixed,\n      savingRate: InterestRate.saving,\n      returnRate: 2,\n      saving: 0,\n      fixed: 0,\n      plus: 0\n    };\n  },\n  watch: {\n    initial: {\n      handler(data) {\n        if (this.chart) {\n          this.updateChart(data);\n        }\n      },\n      deep: true\n    }\n  },\n  filters: {\n    number: function(value) {\n      return Number(value).toLocaleString(\"th-TH\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2\n      });\n    },\n    percent: function(value) {\n      if (value) {\n        return Number(value).toFixed(2) + \"%\";\n      }\n\n      return \"-\";\n    }\n  },\n  created() {},\n  async mounted() {\n    try {\n      let { data } = await axios.get(\n        `/api/fund/public/${PlusConfig.fund_id}/overview`\n      );\n\n      if (data && data.total_return_1y) {\n        this.returnRate = data.total_return_1y;\n      }\n    } catch (err) {\n      // do nothing\n    }\n\n    await this.createChart();\n  },\n  methods: {\n    async createChart() {\n      var ctx = document\n        .getElementById(\"saving-compare-chart\")\n        .getContext(\"2d\");\n      this.chart = new Chart(ctx, {\n        type: \"horizontalBar\",\n        scaleStartValue: 0,\n        data: {\n          labels: [\"ออมทรัพย์\", \"ฝากประจำ\", \"แผน Plus\"],\n          datasets: [\n            {\n              data: [0, 0, 0],\n              backgroundColor: [\"#afafaf\", \"#868686\", \"#f7a501\"],\n              borderColor: [\"#afafaf\", \"#868686\", \"#f7a501\"],\n              borderWidth: 1\n            }\n          ]\n        },\n        options: {\n          maintainAspectRatio: false,\n          responsive: true,\n          legend: {\n            display: false,\n            fontSize: 10\n          },\n          layout: {\n            padding: {\n              left: -12,\n              right: 12,\n              top: 12,\n              bottom: 0\n            }\n          },\n          scales: {\n            yAxes: [\n              {\n                gridLines: {\n                  display: false\n                },\n                ticks: {\n                  beginAtZero: true,\n                  display: false\n                }\n              }\n            ],\n            xAxes: [\n              {\n                gridLines: {\n                  display: false\n                },\n                ticks: {\n                  maxTicksLimit: 5,\n                  fontSize: 10,\n                  fontColor: \"#999999\",\n                  beginAtZero: true,\n                  userCallback: function(value) {\n                    return Number(value).toLocaleString();\n                  }\n                }\n              }\n            ]\n          }\n        }\n      });\n      this.updateChart(this.initial);\n    },\n    updateChart(initial) {\n      this.plus = (initial * this.returnRate) / 100;\n      this.fixed = (initial * this.fixedRate) / 100;\n      this.saving = (initial * this.savingRate) / 100;\n\n      this.chart.data.datasets[0].data[2] = this.plus;\n      this.chart.data.datasets[0].data[1] = this.fixed;\n      this.chart.data.datasets[0].data[0] = this.saving;\n\n      this.$emit(\"return\", this.plus);\n\n      this.chart.update();\n    }\n  }\n};\n</script>\n\n\n\n<style lang=\"scss\" scoped>\n#saving-compare {\n  padding: 0px 16px;\n  h3 {\n    font-size: 16px;\n    font-weight: normal;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: normal;\n  }\n\n  #chart-title {\n    padding: 0px 0px 0px 5px;\n    margin-top: 18px;\n    font-size: 14px;\n    display: flex;\n\n    .chart-label {\n      text-align: left;\n      line-height: 18px;\n\n      padding-right: 1.8em;\n      @media only screen and (max-width: 320px) {\n        padding-right: 8px;\n      }\n\n      .hidden {\n        visibility: hidden;\n      }\n\n      margin: 0;\n      i {\n        margin-right: 5px;\n      }\n    }\n\n    div:nth-child(1) {\n      i {\n        color: #afafaf;\n      }\n    }\n    div:nth-child(2) {\n      i {\n        color: #868686;\n      }\n    }\n    div:nth-child(3) {\n      i {\n        color: #f7a501;\n      }\n    }\n  }\n  #chart-wraper {\n    display: flex;\n\n    #chart {\n      width: calc(100% - 128px);\n    }\n\n    #description {\n      padding-top: 14px;\n      padding-left: 8px;\n      font-size: 14px;\n      width: 128px;\n\n      div {\n        padding: 3px;\n        display: inline-block;\n      }\n\n      div:nth-child(1) {\n        color: #868686;\n        i {\n          color: #afafaf;\n        }\n      }\n      div:nth-child(2) {\n        color: #868686;\n      }\n      div:nth-child(3) {\n        padding: 6px;\n        font-size: 16px;\n        font-weight: bold;\n        i {\n          color: #f7a501;\n        }\n        border-radius: 4px;\n        border: solid 1px #e4e8ea;\n        background-color: #fcfcfc;\n        color: #17c161;\n      }\n    }\n  }\n  #disclaimer {\n    p {\n      font-size: 12px;\n      font-weight: normal;\n      font-style: normal;\n      font-stretch: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      color: $color-secondary-text;\n    }\n  }\n}\n</style>\n\n\n\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!./SavingCompare.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!./SavingCompare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SavingCompare.vue?vue&type=template&id=8ee9bf3a&scoped=true&\"\nimport script from \"./SavingCompare.vue?vue&type=script&lang=js&\"\nexport * from \"./SavingCompare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SavingCompare.vue?vue&type=style&index=0&id=8ee9bf3a&lang=scss&scoped=true&\"\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  \"8ee9bf3a\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\n// B.2.3.6 String.prototype.fixed()\nrequire('./_string-html')('fixed', function (createHTML) {\n  return function fixed() {\n    return createHTML(this, 'tt', '', '');\n  };\n});\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SavingCompare.vue?vue&type=style&index=0&id=8ee9bf3a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SavingCompare.vue?vue&type=style&index=0&id=8ee9bf3a&lang=scss&scoped=true&\""],"sourceRoot":""}