{"version":3,"sources":["webpack:///./src/components/molecules/Onboarding/OnboardingInvest.vue?4de8","webpack:///src/components/molecules/Onboarding/OnboardingInvest.vue","webpack:///./src/components/molecules/Onboarding/OnboardingInvest.vue?48e4","webpack:///./src/components/molecules/Onboarding/OnboardingInvest.vue","webpack:///./src/components/molecules/Onboarding/OnboardingInvest.vue?726c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imageUrl","domProps","_s","title","_l","arr","key","value","class","objUserSetting","investlvl","onSelected","scopedSlots","_u","fn","_v","name","proxy","staticRenderFns","components","ButtonText","props","type","String","default","required","imageName","arrData","Array","Object","data","methods","$emit","computed","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,SAAS,IAAM,mCAAmCJ,EAAG,MAAM,CAACE,YAAY,iBAAiBG,SAAS,CAAC,UAAYT,EAAIU,GAAGV,EAAIW,UAAUP,EAAG,MAAM,CAACE,YAAY,kBAAkBN,EAAIY,GAAIZ,EAAW,SAAE,SAASa,GAAK,OAAOT,EAAG,cAAc,CAACU,IAAID,EAAIE,MAAMT,YAAY,MAAMU,MAAMhB,EAAIiB,eAAeC,WAAaL,EAAIE,MAAQ,cAAgB,KAAKR,MAAM,CAAC,OAASP,EAAImB,WAAW,MAAQN,EAAIE,OAAOK,YAAYpB,EAAIqB,GAAG,CAAC,CAACP,IAAI,OAAOQ,GAAG,WAAW,MAAO,CAAClB,EAAG,MAAM,CAACJ,EAAIuB,GAAGvB,EAAIU,GAAGG,EAAIW,WAAWC,OAAM,IAAO,MAAK,QAAU,MAC1rBC,EAAkB,G,YCwBtB,GACEC,WAAY,CACVC,WAAJ,QAEEC,MAAO,CACLlB,MAAO,CACLmB,KAAMC,OACNC,QAAS,GACTC,UAAU,GAEZC,UAAW,CACTJ,KAAMC,OACNC,QAAS,GACTC,UAAU,GAEZE,QAAS,CACPL,KAAMM,MACNJ,QAAS,WACP,MAAO,CACf,CACU,KAAV,8BACU,MAAV,GAEA,CACU,KAAV,iCACU,MAAV,GAEA,CACU,KAAV,iBACU,MAAV,GAEA,CACU,KAAV,YACU,MAAV,MAKIf,eAAgB,CACda,KAAMO,OACNL,QAAS,WACP,MAAO,MAIbM,KA7CF,WA8CI,MAAO,IAETC,QAAS,CACPpB,WADJ,SACA,GACMlB,KAAKuC,MAAM,gBAAiB,CAAlC,yBACMvC,KAAKuC,MAAM,YAAa,KAG5BC,SAAU,CACRjC,SADJ,WAEM,IAAN,sEACM,MAAN,gFACA,2CCnFwX,I,wBCQpXkC,EAAY,eACd,EACA3C,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,6CCnBf,yBAAqnB,EAAG,G","file":"js/chunk-697e8885.6016be6a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"invest\"},[_c('div',{staticClass:\"invest__image\"},[_c('img',{attrs:{\"src\":_vm.imageUrl,\"alt\":\"Onboarding Investment Level\"}})]),_c('div',{staticClass:\"invest__header\",domProps:{\"innerHTML\":_vm._s(_vm.title)}}),_c('div',{staticClass:\"invest__action\"},_vm._l((_vm.arrData),function(arr){return _c('button-text',{key:arr.value,staticClass:\"btn\",class:_vm.objUserSetting.investlvl == arr.value ? 'btn--active' : null,attrs:{\"action\":_vm.onSelected,\"value\":arr.value},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('div',[_vm._v(_vm._s(arr.name))])]},proxy:true}],null,true)})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"invest\">\n    <div class=\"invest__image\">\n      <img :src=\"imageUrl\" alt=\"Onboarding Investment Level\" />\n    </div>\n    <div class=\"invest__header\" v-html=\"title\"></div>\n    <div class=\"invest__action\">\n      <button-text\n        class=\"btn\"\n        :class=\"objUserSetting.investlvl == arr.value ? 'btn--active' : null\"\n        v-for=\"arr in arrData\"\n        :key=\"arr.value\"\n        :action=\"onSelected\"\n        :value=\"arr.value\"\n      >\n        <template #body>\n          <div>{{ arr.name }}</div>\n        </template>\n      </button-text>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ButtonText } from \"../../atoms\"\nexport default {\n  components: {\n    ButtonText\n  },\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n      required: false\n    },\n    imageName: {\n      type: String,\n      default: \"\",\n      required: false\n    },\n    arrData: {\n      type: Array,\n      default: function() {\n        return [\n          {\n                name: \"ไม่รู้เรื่อง/ไม่เคยลงทุนเลย\",\n                value: 1\n              },\n              {\n                name: \"มีความรู้เกี่ยวกับการลงทุนบ้าง\",\n                value: 2\n              },\n              {\n                name: \"เคยลงทุนมาแล้ว\",\n                value: 3\n              },\n              {\n                name: \"เชี่ยวชาญ\",\n                value: 4\n              }\n        ]\n      }\n    },\n    objUserSetting: {\n      type: Object,\n      default: function() {\n        return []\n      }\n    }\n  },\n  data() {\n    return {}\n  },\n  methods: {\n    onSelected(val) {\n      this.$emit(\"callback-func\", { val: val, type: \"investlvl\" })\n      this.$emit(\"next-page\", 1)\n    }\n  },\n  computed: {\n    imageUrl() {\n      let path = `${process.env.VUE_APP_SCONTENT_URL}/line-liff/onboarding`\n      if(this.objUserSetting.theme === 'dark') return `${path}/dark/${this.imageName}`\n      else return `${path}/${this.imageName}`\n\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./styles/_OnboardingInvest\";\n</style>","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!./OnboardingInvest.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!./OnboardingInvest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OnboardingInvest.vue?vue&type=template&id=559ad490&scoped=true&\"\nimport script from \"./OnboardingInvest.vue?vue&type=script&lang=js&\"\nexport * from \"./OnboardingInvest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OnboardingInvest.vue?vue&type=style&index=0&id=559ad490&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  \"559ad490\",\n  null\n  \n)\n\nexport default component.exports","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!./OnboardingInvest.vue?vue&type=style&index=0&id=559ad490&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!./OnboardingInvest.vue?vue&type=style&index=0&id=559ad490&lang=scss&scoped=true&\""],"sourceRoot":""}