{"version":3,"sources":["webpack:///./src/components/molecules/Onboarding/OnboardingTheme.vue?2ec3","webpack:///./src/components/molecules/Onboarding/OnboardingTheme.vue?c7bb","webpack:///src/components/molecules/Onboarding/OnboardingTheme.vue","webpack:///./src/components/molecules/Onboarding/OnboardingTheme.vue?d7f6","webpack:///./src/components/molecules/Onboarding/OnboardingTheme.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imageUrl","domProps","_s","title","subTitle","_m","objUserSetting","theme","dataAction","on","onSelectItem","staticRenderFns","_v","components","ButtonSwitch","props","type","String","default","required","arrData","Array","Object","data","computed","methods","val","$emit","document","documentElement","setAttribute","component"],"mappings":"kHAAA,yBAAonB,EAAG,G,yCCAvnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,SAAS,IAAM,wBAAwBJ,EAAG,MAAM,CAACE,YAAY,gBAAgBG,SAAS,CAAC,UAAYT,EAAIU,GAAGV,EAAIW,UAAUP,EAAG,MAAM,CAACE,YAAY,iBAAiBG,SAAS,CAAC,UAAYT,EAAIU,GAAGV,EAAIY,aAAaR,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIa,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,aAAa,QAAQ,cAAc,OAAO,gBAAgBP,EAAIc,eAAeC,MAAM,cAAcf,EAAIgB,WAAW,qBAAqB,oBAAoBC,GAAG,CAAC,gBAAgBjB,EAAIkB,iBAAiB,GAAGlB,EAAIa,GAAG,QACntBM,EAAkB,CAAC,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,gBAAgBN,EAAIoB,GAAG,aAAa,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACE,YAAY,eAAeN,EAAIoB,GAAG,e,YC+B5X,GACEC,WAAY,CACVC,aAAJ,QAEEC,MAAO,CACLZ,MAAO,CACLa,KAAMC,OACNC,QAAS,eACTC,UAAU,GAEZf,SAAU,CACRY,KAAMC,OACNC,QAAS,0BACTC,UAAU,GAEZC,QAAS,CACPJ,KAAMK,MACNH,QAAS,WACP,MAAO,KAGXZ,eAAgB,CACdU,KAAMM,OACNJ,QAAS,WACP,MAAO,MAIbK,KA5BF,WA6BI,MAAO,CACLf,WAAY,iBAGhBgB,SAAU,CACRxB,SADJ,WAEM,IAAN,sEACA,4BACM,MAAkC,SAA9BP,KAAKa,eAAeC,MAAyB,GAAvD,6BACA,6BAGEkB,QAAS,CACPf,aADJ,SACA,GACuBjB,KAAKe,WAAd,SAARkB,EAAmC,cAAzC,eACMjC,KAAKkC,MAAM,gBAAiBD,GAC5BE,SAASC,gBAAgBC,aAAa,aAAcJ,MC7E6T,I,wBCQnXK,EAAY,eACd,EACAxC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E","file":"js/chunk-a129a7ec.c1f0b690.js","sourcesContent":["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!./OnboardingTheme.vue?vue&type=style&index=0&id=3bfef718&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!./OnboardingTheme.vue?vue&type=style&index=0&id=3bfef718&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"theme\"},[_c('div',{staticClass:\"theme__image\"},[_c('img',{attrs:{\"src\":_vm.imageUrl,\"alt\":\"Onboarding Theme\"}})]),_c('div',{staticClass:\"theme__header\",domProps:{\"innerHTML\":_vm._s(_vm.title)}}),_c('div',{staticClass:\"theme__caption\",domProps:{\"innerHTML\":_vm._s(_vm.subTitle)}}),_c('div',{staticClass:\"theme__action\"},[_vm._m(0),_c('div',{staticClass:\"theme__action--center\"},[_c('ButtonSwitch',{attrs:{\"true-value\":\"light\",\"false-value\":\"dark\",\"default-value\":_vm.objUserSetting.theme,\"data-action\":_vm.dataAction,\"data-eventcategory\":\"app_onboard_flow\"},on:{\"changed-value\":_vm.onSelectItem}})],1),_vm._m(1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"theme__action--left\"},[_c('i',{staticClass:\"fas fa-moon\"}),_vm._v(\" Dark \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"theme__action--right\"},[_c('i',{staticClass:\"fas fa-sun\"}),_vm._v(\" Light \")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"theme\">\n    <div class=\"theme__image\">\n      <img :src=\"imageUrl\" alt=\"Onboarding Theme\" />\n    </div>\n    <div class=\"theme__header\" v-html=\"title\"></div>\n    <div class=\"theme__caption\" v-html=\"subTitle\"></div>\n    <div class=\"theme__action\">\n      <div class=\"theme__action--left\">\n        <i class=\"fas fa-moon\"></i>\n        Dark\n      </div>\n      <div class=\"theme__action--center\">\n        <ButtonSwitch\n          true-value=\"light\"\n          false-value=\"dark\"\n          :default-value=\"objUserSetting.theme\"\n          @changed-value=\"onSelectItem\"\n          :data-action=\"dataAction\"\n          data-eventcategory=\"app_onboard_flow\"\n        />\n      </div>\n      <div class=\"theme__action--right\">\n        <i class=\"fas fa-sun\"></i>\n        Light\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ButtonSwitch } from \"../../atoms\"\nexport default {\n  components: {\n    ButtonSwitch\n  },\n  props: {\n    title: {\n      type: String,\n      default: \"มืดหรือสว่าง\",\n      required: false\n    },\n    subTitle: {\n      type: String,\n      default: \"เลือกการแสดงผลที่คุณชอบ\",\n      required: false\n    },\n    arrData: {\n      type: Array,\n      default: function() {\n        return []\n      }\n    },\n    objUserSetting: {\n      type: Object,\n      default: function() {\n        return []\n      }\n    }\n  },\n  data() {\n    return {\n      dataAction: 'toggle_light'\n    }\n  },\n  computed: {\n    imageUrl() {\n      let path = `${process.env.VUE_APP_SCONTENT_URL}/line-liff/onboarding`\n      let fileName = `onboarding-theme@3x.png`\n      if (this.objUserSetting.theme === \"dark\") return `${path}/dark/${fileName}`\n      else return `${path}/${fileName}`\n    }\n  },\n  methods: {\n    onSelectItem(val) {\n      val === 'dark' ? this.dataAction = 'toggle_dark' :  this.dataAction = 'toggle_light'\n      this.$emit(\"callback-func\", val)\n      document.documentElement.setAttribute(\"data-theme\", val)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./styles/_OnboardingTheme\";\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!./OnboardingTheme.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!./OnboardingTheme.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OnboardingTheme.vue?vue&type=template&id=3bfef718&scoped=true&\"\nimport script from \"./OnboardingTheme.vue?vue&type=script&lang=js&\"\nexport * from \"./OnboardingTheme.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OnboardingTheme.vue?vue&type=style&index=0&id=3bfef718&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  \"3bfef718\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}