{"version":3,"sources":["webpack:///./src/components/Utility/MsgBox.vue?d5b0","webpack:///./src/components/Utility/extraBonus3.vue?8581","webpack:///src/components/Utility/extraBonus3.vue","webpack:///./src/components/Utility/extraBonus3.vue?6e19","webpack:///./src/components/Utility/extraBonus3.vue","webpack:///./src/components/Utility/extraBonus2.vue?ecde","webpack:///./src/assets/images/ico/extra_bg2.png","webpack:///./src/assets/images/ico/extra_bg.png","webpack:///./src/components/Utility/MsgBox.vue?d247","webpack:///src/components/Utility/MsgBox.vue","webpack:///./src/components/Utility/MsgBox.vue?8ca8","webpack:///./src/components/Utility/MsgBox.vue","webpack:///./src/components/Utility/extraBonus2.vue?5dbb","webpack:///src/components/Utility/extraBonus2.vue","webpack:///./src/components/Utility/extraBonus2.vue?0987","webpack:///./src/components/Utility/extraBonus2.vue","webpack:///./src/components/Utility/extraBonus3.vue?0bf5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","on","cancelBox","attrs","extra_data","ExtraBonusBackImage","Extra1Image","Extra1Name","Extra1Amount","Extra2Image","Extra2Name","Extra2Amount","ExtraValue","totalCount","$event","extraSend","openPopup","close_prop","mes","_e","staticRenderFns","name","components","props","type","String","default","porp_extra_data","Object","data","extraBg","stat","computed","userInfo","get","$store","state","set","methods","change_to_vue","ExtraBonus1","ImageUrl","ItemName","Amount","ExtraBonus2","toLocaleString","BasicGold","BonusGold","$emit","Number","item","mounted","component","module","exports","class","open","openPopupBox","msg","Boolean","required","sessionStorage","getItem","removeItem","watch","handler","document","body","style","overflow"],"mappings":"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","file":"js/chunk-55345c60.1699258740020.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../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!./MsgBox.vue?vue&type=style&index=0&id=ad00da36&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/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!./MsgBox.vue?vue&type=style&index=0&id=ad00da36&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-lightbox cover-all open\"},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.cancelBox}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"extra_box\"},[_c('img',{staticClass:\"bg_img\",attrs:{\"src\":_vm.extra_data.ExtraBonusBackImage}}),_c('div',{staticClass:\"object_box type1\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{staticClass:\"bg_img\",attrs:{\"src\":_vm.extra_data.Extra1Image}})]),_c('div',{staticClass:\"txt_box\"},[_c('span',{staticClass:\"object_txt\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra1Name)+\" \")]),_c('span',{staticClass:\"x_stype\",attrs:{\"data-txt\":\"X\"}},[_vm._v(\"X\")]),_c('span',{staticClass:\"object_num\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra1Amount)+\" \")])])]),_c('div',{staticClass:\"object_box type2\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{staticClass:\"bg_img\",attrs:{\"src\":_vm.extra_data.Extra2Image}})]),_c('div',{staticClass:\"txt_box\"},[_c('span',{staticClass:\"object_txt\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra2Name)+\" \")]),_c('span',{staticClass:\"x_stype\",attrs:{\"data-txt\":\"X\"}},[_vm._v(\"X\")]),_c('span',{staticClass:\"object_num\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra2Amount)+\" \")])])]),_c('div',{staticClass:\"bonus_num\",attrs:{\"data-txt\":_vm.extra_data.ExtraValue}},[_vm._v(\" \"+_vm._s(_vm.extra_data.ExtraValue)+\" \")]),_c('div',{staticClass:\"total_num\",attrs:{\"data-txt\":_vm.extra_data.totalCount}},[_vm._v(\" \"+_vm._s(_vm.extra_data.totalCount)+\" \")]),_c('div',{staticClass:\"send_box\"},[_c('div',{staticClass:\"btn_send_money type1\",on:{\"click\":function($event){return _vm.extraSend(1)}}}),_c('div',{staticClass:\"btn_send_money type2\",on:{\"click\":function($event){return _vm.extraSend(2)}}}),_c('div',{staticClass:\"btn_send_money type0\",on:{\"click\":function($event){return _vm.extraSend(0)}}})])])])])])]),(_vm.openPopup.stat)?_c('div',{staticClass:\"login-lightbox cover-all open\"},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style popup\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.openPopup.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.close_prop}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"container news-detail text-light\"},[_c('div',{staticClass:\"col-12 py-3\"},[_vm._v(\" \"+_vm._s(_vm.openPopup.mes)+\" \")])]),_c('button',{staticClass:\"col-9 btn btn-info mt-3 mb-1 login-style\"},[_c('div',{staticClass:\"login-btn-word\",on:{\"click\":_vm.close_prop}},[_vm._v(\" OK \")])])])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-lightbox cover-all open\" >\r\n    <div class=\"login-lightbox-container\">\r\n      <div class=\"d-flex justify-content-center\">\r\n        <div class=\"card border-dark card-style\">\r\n          <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n            <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{title}}</h3>\r\n            <div class=\"close-btn ml-auto\" @click=\"cancelBox\">×</div>\r\n          </div>\r\n          <div class=\"card-body text-center\">\r\n            <div class=\"extra_box\">\r\n              <img class=\"bg_img\" :src=\"extra_data.ExtraBonusBackImage\">\r\n\r\n              <div class=\"object_box type1\">\r\n                <div class=\"img_box\">\r\n                  <img class=\"bg_img\" :src=\"extra_data.Extra1Image\">\r\n                </div>\r\n                <div class=\"txt_box\">\r\n                  <span class=\"object_txt\">\r\n                    {{extra_data.Extra1Name}}\r\n                  </span>\r\n                  <span class=\"x_stype\"  data-txt=\"X\">X</span>\r\n                  <span class=\"object_num\">\r\n                    {{extra_data.Extra1Amount}}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <div class=\"object_box type2\">\r\n                <div class=\"img_box\">\r\n                  <img class=\"bg_img\" :src=\"extra_data.Extra2Image\">\r\n                </div>\r\n                <div class=\"txt_box\">\r\n                  <span class=\"object_txt\">\r\n                    {{extra_data.Extra2Name}}\r\n                  </span>\r\n                  <span class=\"x_stype\"  data-txt=\"X\">X</span>\r\n                  <span class=\"object_num\">\r\n                    {{extra_data.Extra2Amount}}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"bonus_num\" :data-txt=\"extra_data.ExtraValue\">\r\n                {{extra_data.ExtraValue}}\r\n              </div>\r\n              <div class=\"total_num\" :data-txt=\"extra_data.totalCount\">\r\n                {{extra_data.totalCount}}\r\n              </div>\r\n\r\n              <div class=\"send_box\">\r\n                  <div class=\"btn_send_money type1\" v-on:click=\"extraSend(1)\"></div>\r\n                  <div class=\"btn_send_money type2\" v-on:click=\"extraSend(2)\"></div>\r\n                  <div class=\"btn_send_money type0\" v-on:click=\"extraSend(0)\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"login-lightbox cover-all open\" v-if=\"openPopup.stat\">\r\n      <div class=\"login-lightbox-container\">\r\n        <div class=\"d-flex justify-content-center\">\r\n          <div class=\"card border-dark card-style popup\">\r\n            <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n              <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{openPopup.title }}</h3>\r\n              <div class=\"close-btn ml-auto\" v-on:click=\"close_prop\">×</div>\r\n            </div>\r\n            <div class=\"card-body text-center\">\r\n              <div class=\"container news-detail text-light\">\r\n                <div class=\"col-12 py-3\">\r\n                  {{openPopup.mes}}\r\n                </div>\r\n              </div>\r\n              <button class=\"col-9 btn btn-info mt-3 mb-1 login-style\">\r\n                <div class=\"login-btn-word\" v-on:click=\"close_prop\">\r\n                  OK\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport '@/assets/_loginLightBox.scss'\r\n\r\nimport extraBg from '@/assets/images/ico/extra_bg.png'\r\n\r\nexport default {\r\n  name: 'extraBonus',\r\n  components: {\r\n\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: '優惠3選1'\r\n    },\r\n    porp_extra_data: {\r\n      type: Object\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      extraBg: extraBg,\r\n      openPopup: {\r\n        stat: false,\r\n        title: '',\r\n        mes: ''\r\n      },\r\n      extra_data: {\r\n        ExtraBonusBackImage: '',\r\n\r\n        Extra1Image: '',\r\n        Extra1Name: '',\r\n        Extra1Amount: '',\r\n        Extra2Image: '',\r\n        Extra2Name: '',\r\n        Extra2Amount: '',\r\n\r\n        ExtraValue: '',\r\n        totalCount: ''\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    userInfo: {\r\n      get () {\r\n        return this.$store.state.userInfo\r\n      },\r\n      set (val) {}\r\n    }\r\n\r\n  },\r\n  methods: {\r\n    async sendNumber () {\r\n\r\n      // if (result.ResultCode === 200) {\r\n      //   this.openPopup.stat = true\r\n      //   this.openPopup.title = '序號兌換成功'\r\n      //   this.openPopup.mes = result.ResultMsg\r\n      // } else {\r\n      //   this.openPopup.stat = true\r\n      //   this.openPopup.title = '兌換失敗'\r\n      //   this.openPopup.mes = result.ResultMsg\r\n      // }\r\n    },\r\n    close_prop () {\r\n      // this.openPopup.stat = false\r\n\r\n      // if (this.openPopup.title === '序號兌換成功') {\r\n      //   this.cancelBox()\r\n      // }\r\n    },\r\n    change_to_vue () {\r\n      if (this.porp_extra_data.ExtraBonusBackImage === null || this.porp_extra_data.ExtraBonusBackImage === '') {\r\n        this.extra_data.ExtraBonusBackImage = extraBg\r\n      } else {\r\n        this.extra_data.ExtraBonusBackImage = this.porp_extra_data.ExtraBonusBackImage\r\n      }\r\n      this.extra_data.Extra1Image = this.porp_extra_data.ExtraBonus1.ImageUrl\r\n      this.extra_data.Extra1Name = this.porp_extra_data.ExtraBonus1.ItemName\r\n      this.extra_data.Extra1Amount = this.porp_extra_data.ExtraBonus1.Amount\r\n      this.extra_data.Extra2Image = this.porp_extra_data.ExtraBonus2.ImageUrl\r\n      this.extra_data.Extra2Name = this.porp_extra_data.ExtraBonus2.ItemName\r\n      this.extra_data.Extra2Amount = this.porp_extra_data.ExtraBonus2.Amount\r\n\r\n      this.extra_data.ExtraValue = this.porp_extra_data.ExtraValue\r\n      this.extra_data.totalCount = this.toLocaleString(this.porp_extra_data.BasicGold + this.porp_extra_data.BonusGold)\r\n    },\r\n    extraSend (type) {\r\n      this.$emit('extraSend', type)\r\n    },\r\n    cancelBox () {\r\n      this.$emit('hideBoxHandler')\r\n    },\r\n\r\n    toLocaleString (item) {\r\n      return Number(item).toLocaleString()\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.change_to_vue()\r\n  }\r\n\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.login-lightbox .login-lightbox-container {\r\n  max-width: initial;\r\n}\r\n.card-style {\r\n  width: 820px;\r\n  border-radius:12px;\r\n  @include desktop{\r\n    width: 660px;\r\n  }\r\n  @include pad{\r\n    width: 430px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    width: 320px;\r\n  }\r\n\r\n}\r\n.close-btn{\r\n  height: 40px;\r\n  line-height: 40px;\r\n  cursor: pointer;\r\n  font-size: 40px;\r\n}\r\n.card-header{\r\n  color: #000;\r\n  background-image: linear-gradient(180deg,#c39943 0,#ffefa6 23%,#ebcc67 50%,#ba8d31 87%,#f9df7b);\r\n  border: 3px solid #c39943 !important;\r\n  border-radius:10px 10px 0 0 !important;\r\n  border-bottom: 0px !important;\r\n}\r\n.card-body{\r\n  padding: 15px;\r\n  background-color: #5f0401;\r\n  border: 3px solid #c39943 !important;\r\n  border-top: 0px !important;\r\n  border-radius: 0 0 8px 8px;\r\n  @include desktop{\r\n    height: 480px;\r\n  }\r\n  @include pad{\r\n    height: 300px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    height: 220px;\r\n  }\r\n}\r\n.extra_box{\r\n  width: 782px;\r\n  height: 545px;\r\n  // padding-top: 69.58%;\r\n  position: relative;\r\n  font-family: Arial,\"Microsoft JhengHei\",Helvetica,sans-serif;\r\n  transform-origin: left top;\r\n  @include desktop{\r\n    transform: scale(0.8);\r\n  }\r\n  @include pad{\r\n    transform: scale(0.5);\r\n  }\r\n  @media (max-width: 450px) {\r\n    transform: scale(0.36);\r\n  }\r\n\r\n  >div, >img{\r\n    position: absolute;\r\n  }\r\n  .bg_img{\r\n    width: 100%;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n  .object_box{\r\n    width: 23%;\r\n    height: 26%;\r\n\r\n    &.type1{\r\n      left: 7.5%;\r\n      top: 57%;\r\n    }\r\n    &.type2{\r\n      left: 35%;\r\n      top: 57%;\r\n    }\r\n    >.img_box{\r\n      width: 60%;\r\n      height: 60%;\r\n      position: absolute;\r\n      left: 20%;\r\n    }\r\n    >.txt_box{\r\n      width: 140%;\r\n      position: absolute;\r\n      left: -20%;\r\n      top: 75%;\r\n      font-weight: bold;\r\n      .object_txt{\r\n        font-size: 14px;\r\n        background: linear-gradient(to top, #ffedee,  #ec858c);\r\n        background: -webkit-linear-gradient(to top, #ffedee,  #ec858c);\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: transparent;\r\n\r\n      }\r\n      .x_stype , .object_num{\r\n        background: linear-gradient(to top, #fffcea,  #ffec6d);\r\n        background: -webkit-linear-gradient(to top, #fffcea,  #ffec6d);\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: transparent;\r\n      }\r\n      .x_stype{\r\n        font-size: 12px;\r\n      }\r\n      .object_num{\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  .bonus_num{\r\n    width: 15%;\r\n    left: 83.5%;\r\n    top: 38%;\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    font-family: sans-serif;\r\n\r\n    -webkit-text-stroke: 3px #374ec4;\r\n\r\n    &::after{\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      display: block;\r\n      content: attr(data-txt);\r\n      background: linear-gradient(to top, #f4f9f2,  #53f3c7);\r\n      background: -webkit-linear-gradient(to top, #f4f9f2,  #53f3c7);\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      color: transparent;\r\n      -webkit-text-stroke-width: 0;\r\n    }\r\n  }\r\n  .total_num{\r\n    width: 34%;\r\n    left: 64%;\r\n    top: 66%;\r\n    font-size: 44px;\r\n    font-weight: bold;\r\n    font-family: sans-serif;\r\n\r\n    -webkit-text-stroke: 4px #db2714;\r\n\r\n    &::after{\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      display: block;\r\n      content: attr(data-txt);\r\n      background: linear-gradient(to top, #f9de9b,  #fef8d1, #f5cc73);\r\n      background: -webkit-linear-gradient(to top, #f9de9b,  #fef8d1, #f5cc73);\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      color: transparent;\r\n      -webkit-text-stroke-width: 0;\r\n    }\r\n  }\r\n  .send_box{\r\n    width: 100%;\r\n    height: 10%;\r\n    left: 0;\r\n    top: 86%;\r\n    .btn_send_money{\r\n      width: 17%;\r\n      height: 100%;\r\n      position: absolute;\r\n      top: 0;\r\n      cursor: pointer;\r\n      background-size:contain;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      &.type1{\r\n        left: 11%;\r\n        background-image:  url(~@/assets/images/ico/extra_btn1.png);\r\n      }\r\n      &.type2{\r\n        left: 38%;\r\n        background-image:  url(~@/assets/images/ico/extra_btn2.png);\r\n      }\r\n      &.type0{\r\n        left: 73%;\r\n        background-image:  url(~@/assets/images/ico/extra_btn3.png);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cover-all{\r\n  z-index: 10;\r\n}\r\n.news-detail{\r\n  max-width: 85vw;\r\n  max-height: 75vh;\r\n  overflow-y:auto;\r\n}\r\n.text-style{\r\n  letter-spacing: 2px;\r\n  line-height: 40px;\r\n}\r\n.login-style{\r\n  border: 1px solid #fff;\r\n  border-radius: 10px !important;\r\n  &:hover{\r\n    border: 1px solid #fff;\r\n  }\r\n}\r\n.login-btn-word{\r\n  font-size: 22px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-weight: 500;\r\n}\r\n.login-style:disabled {\r\n  cursor: not-allowed;\r\n}\r\n</style>\r\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!./extraBonus3.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!./extraBonus3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./extraBonus3.vue?vue&type=template&id=6ecdc330&scoped=true&\"\nimport script from \"./extraBonus3.vue?vue&type=script&lang=js&\"\nexport * from \"./extraBonus3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./extraBonus3.vue?vue&type=style&index=0&id=6ecdc330&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  \"6ecdc330\",\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/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!./extraBonus2.vue?vue&type=style&index=0&id=af3aa06e&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/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!./extraBonus2.vue?vue&type=style&index=0&id=af3aa06e&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/extra_bg2.4935ae79.png\";","module.exports = __webpack_public_path__ + \"img/extra_bg.edb810be.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-lightbox cover-all\",class:{ open: _vm.openPopupBox }},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.cancelBox}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"container news-detail text-light\"},[_c('div',{staticClass:\"col-12 py-3\"},[_vm._v(\" \"+_vm._s(_vm.msg)+\" \")])]),_c('button',{staticClass:\"col-9 btn btn-info mt-3 mb-1 login-style\",on:{\"click\":_vm.cancelBox}},[_c('div',{staticClass:\"login-btn-word\"},[_vm._v(\" OK \")])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-lightbox cover-all\" :class=\"{ open: openPopupBox }\">\r\n    <div class=\"login-lightbox-container\">\r\n      <div class=\"d-flex justify-content-center\">\r\n        <div class=\"card border-dark card-style\">\r\n          <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n            <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{title}}</h3>\r\n            <div class=\"close-btn ml-auto\" @click=\"cancelBox\">×</div>\r\n          </div>\r\n          <div class=\"card-body text-center\">\r\n            <div class=\"container news-detail text-light\">\r\n              <div class=\"col-12 py-3\">\r\n                {{msg}}\r\n              </div>\r\n            </div>\r\n            <button class=\"col-9 btn btn-info mt-3 mb-1 login-style\" @click=\"cancelBox\">\r\n              <div class=\"login-btn-word\">\r\n                OK\r\n              </div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport '@/assets/_loginLightBox.scss'\r\nexport default {\r\n  name: 'MsgBox',\r\n  components: {\r\n\r\n  },\r\n  props: {\r\n    openPopupBox: {\r\n      type: Boolean,\r\n      required: true\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: '錯誤訊息'\r\n    },\r\n    msg: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  methods: {\r\n    cancelBox () {\r\n      this.$emit('hideBoxHandler')\r\n      if (sessionStorage.getItem('AppleResult')) {\r\n        sessionStorage.removeItem('AppleResult')\r\n      }\r\n      if (sessionStorage.getItem('OrderResult')) {\r\n        sessionStorage.removeItem('OrderResult')\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    openPopupBox: {\r\n      handler () {\r\n        if (this.openPopupBox) {\r\n          document.body.style.overflow = 'hidden'\r\n        } else {\r\n          document.body.style.overflow = ''\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.card-style {\r\n  width: 370px;\r\n  border-radius:12px;\r\n  @include underSmallPhone{\r\n    width: 300px;\r\n  }\r\n}\r\n.close-btn{\r\n  height: 40px;\r\n  line-height: 40px;\r\n  cursor: pointer;\r\n  font-size: 40px;\r\n}\r\n.card-header{\r\n  color: #000;\r\n  background-image: linear-gradient(180deg,#c39943 0,#ffefa6 23%,#ebcc67 50%,#ba8d31 87%,#f9df7b);\r\n  border: 3px solid #c39943 !important;\r\n  border-radius:10px 10px 0 0 !important;\r\n  border-bottom: 0px !important;\r\n}\r\n.card-body{\r\n  background-color: #5f0401;\r\n  border: 3px solid #c39943 !important;\r\n  border-top: 0px !important;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n.cover-all{\r\n  z-index: 1021;\r\n}\r\n.news-detail{\r\n  max-width: 85vw;\r\n  max-height: 75vh;\r\n  overflow-y:auto;\r\n}\r\n.text-style{\r\n  letter-spacing: 2px;\r\n  line-height: 40px;\r\n}\r\n.login-style{\r\n  border: 1px solid #fff;\r\n  border-radius: 10px !important;\r\n  &:hover{\r\n    border: 1px solid #fff;\r\n  }\r\n}\r\n.login-btn-word{\r\n  font-size: 22px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-weight: 500;\r\n}\r\n</style>\r\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!./MsgBox.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!./MsgBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MsgBox.vue?vue&type=template&id=ad00da36&scoped=true&\"\nimport script from \"./MsgBox.vue?vue&type=script&lang=js&\"\nexport * from \"./MsgBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MsgBox.vue?vue&type=style&index=0&id=ad00da36&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  \"ad00da36\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-lightbox cover-all open\"},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.cancelBox}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"extra_box\"},[_c('img',{staticClass:\"bg_img\",attrs:{\"src\":_vm.extra_data.ExtraBonusBackImage}}),_c('div',{staticClass:\"object_box type1\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{staticClass:\"bg_img\",attrs:{\"src\":_vm.extra_data.Extra1Image}})]),_c('div',{staticClass:\"txt_box\"},[_c('span',{staticClass:\"object_txt\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra1Name)+\" \")]),_c('span',{staticClass:\"x_stype\",attrs:{\"data-txt\":\"X\"}},[_vm._v(\"X\")]),_c('span',{staticClass:\"object_num\"},[_vm._v(\" \"+_vm._s(_vm.extra_data.Extra1Amount)+\" \")])])]),_c('div',{staticClass:\"bonus_num\",attrs:{\"data-txt\":_vm.extra_data.ExtraValue}},[_vm._v(\" \"+_vm._s(_vm.extra_data.ExtraValue)+\" \")]),_c('div',{staticClass:\"total_num\",attrs:{\"data-txt\":_vm.extra_data.totalCount}},[_vm._v(\" \"+_vm._s(_vm.extra_data.totalCount)+\" \")]),_c('div',{staticClass:\"send_box\"},[_c('div',{staticClass:\"btn_send_money type1\",on:{\"click\":function($event){return _vm.extraSend(1)}}}),_c('div',{staticClass:\"btn_send_money type0\",on:{\"click\":function($event){return _vm.extraSend(0)}}})])])])])])]),(_vm.openPopup.stat)?_c('div',{staticClass:\"login-lightbox cover-all open\"},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style popup\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.openPopup.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.close_prop}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"container news-detail text-light\"},[_c('div',{staticClass:\"col-12 py-3\"},[_vm._v(\" \"+_vm._s(_vm.openPopup.mes)+\" \")])]),_c('button',{staticClass:\"col-9 btn btn-info mt-3 mb-1 login-style\"},[_c('div',{staticClass:\"login-btn-word\",on:{\"click\":_vm.close_prop}},[_vm._v(\" OK \")])])])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-lightbox cover-all open\" >\r\n    <div class=\"login-lightbox-container\">\r\n      <div class=\"d-flex justify-content-center\">\r\n        <div class=\"card border-dark card-style\">\r\n          <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n            <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{title}}</h3>\r\n            <div class=\"close-btn ml-auto\" @click=\"cancelBox\">×</div>\r\n          </div>\r\n          <div class=\"card-body text-center\">\r\n            <div class=\"extra_box\">\r\n              <img class=\"bg_img\" :src=\"extra_data.ExtraBonusBackImage\">\r\n\r\n              <div class=\"object_box type1\">\r\n                <div class=\"img_box\">\r\n                  <img class=\"bg_img\" :src=\"extra_data.Extra1Image\">\r\n                </div>\r\n                <div class=\"txt_box\">\r\n                  <span class=\"object_txt\">\r\n                    {{extra_data.Extra1Name}}\r\n                  </span>\r\n                  <span class=\"x_stype\"  data-txt=\"X\">X</span>\r\n                  <span class=\"object_num\">\r\n                    {{extra_data.Extra1Amount}}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"bonus_num\" :data-txt=\"extra_data.ExtraValue\">\r\n                {{extra_data.ExtraValue}}\r\n              </div>\r\n              <div class=\"total_num\" :data-txt=\"extra_data.totalCount\">\r\n                {{extra_data.totalCount}}\r\n              </div>\r\n\r\n              <div class=\"send_box\">\r\n                  <div class=\"btn_send_money type1\" v-on:click=\"extraSend(1)\"></div>\r\n                  <!-- <div class=\"btn_send_money type2\" v-on:click=\"extraSend(2)\"></div> -->\r\n                  <div class=\"btn_send_money type0\" v-on:click=\"extraSend(0)\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"login-lightbox cover-all open\" v-if=\"openPopup.stat\">\r\n      <div class=\"login-lightbox-container\">\r\n        <div class=\"d-flex justify-content-center\">\r\n          <div class=\"card border-dark card-style popup\">\r\n            <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n              <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{openPopup.title }}</h3>\r\n              <div class=\"close-btn ml-auto\" v-on:click=\"close_prop\">×</div>\r\n            </div>\r\n            <div class=\"card-body text-center\">\r\n              <div class=\"container news-detail text-light\">\r\n                <div class=\"col-12 py-3\">\r\n                  {{openPopup.mes}}\r\n                </div>\r\n              </div>\r\n              <button class=\"col-9 btn btn-info mt-3 mb-1 login-style\">\r\n                <div class=\"login-btn-word\" v-on:click=\"close_prop\">\r\n                  OK\r\n                </div>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport '@/assets/_loginLightBox.scss'\r\n\r\nimport extraBg from '@/assets/images/ico/extra_bg2.png'\r\n\r\nexport default {\r\n  name: 'extraBonus2',\r\n  components: {\r\n\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: '優惠2選1'\r\n    },\r\n    porp_extra_data: {\r\n      type: Object\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      extraBg: extraBg,\r\n      openPopup: {\r\n        stat: false,\r\n        title: '',\r\n        mes: ''\r\n      },\r\n      extra_data: {\r\n        ExtraBonusBackImage: '',\r\n\r\n        Extra1Image: '',\r\n        Extra1Name: '',\r\n        Extra1Amount: '',\r\n        Extra2Image: '',\r\n        Extra2Name: '',\r\n        Extra2Amount: '',\r\n\r\n        ExtraValue: '',\r\n        totalCount: ''\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    userInfo: {\r\n      get () {\r\n        return this.$store.state.userInfo\r\n      },\r\n      set (val) {}\r\n    }\r\n\r\n  },\r\n  methods: {\r\n\r\n    change_to_vue () {\r\n      if (this.porp_extra_data.ExtraBonusBackImage === null || this.porp_extra_data.ExtraBonusBackImage === '') {\r\n        this.extra_data.ExtraBonusBackImage = extraBg\r\n      } else {\r\n        this.extra_data.ExtraBonusBackImage = this.porp_extra_data.ExtraBonusBackImage\r\n      }\r\n      this.extra_data.Extra1Image = this.porp_extra_data.ExtraBonus1.ImageUrl\r\n      this.extra_data.Extra1Name = this.porp_extra_data.ExtraBonus1.ItemName\r\n      this.extra_data.Extra1Amount = this.porp_extra_data.ExtraBonus1.Amount\r\n\r\n      this.extra_data.ExtraValue = this.porp_extra_data.ExtraValue\r\n      this.extra_data.totalCount = this.toLocaleString(this.porp_extra_data.BasicGold + this.porp_extra_data.BonusGold)\r\n    },\r\n    extraSend (type) {\r\n      this.$emit('extraSend', type)\r\n    },\r\n    cancelBox () {\r\n      this.$emit('hideBoxHandler')\r\n    },\r\n\r\n    toLocaleString (item) {\r\n      return Number(item).toLocaleString()\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.change_to_vue()\r\n  }\r\n\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.login-lightbox .login-lightbox-container {\r\n  max-width: initial;\r\n}\r\n.card-style {\r\n  width: 820px;\r\n  border-radius:12px;\r\n  @include desktop{\r\n    width: 660px;\r\n  }\r\n  @include pad{\r\n    width: 430px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    width: 320px;\r\n  }\r\n\r\n}\r\n.close-btn{\r\n  height: 40px;\r\n  line-height: 40px;\r\n  cursor: pointer;\r\n  font-size: 40px;\r\n}\r\n.card-header{\r\n  color: #000;\r\n  background-image: linear-gradient(180deg,#c39943 0,#ffefa6 23%,#ebcc67 50%,#ba8d31 87%,#f9df7b);\r\n  border: 3px solid #c39943 !important;\r\n  border-radius:10px 10px 0 0 !important;\r\n  border-bottom: 0px !important;\r\n}\r\n.card-body{\r\n  padding: 15px;\r\n  background-color: #5f0401;\r\n  border: 3px solid #c39943 !important;\r\n  border-top: 0px !important;\r\n  border-radius: 0 0 8px 8px;\r\n  @include desktop{\r\n    height: 480px;\r\n  }\r\n  @include pad{\r\n    height: 300px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    height: 220px;\r\n  }\r\n}\r\n.extra_box{\r\n  width: 782px;\r\n  height: 545px;\r\n  // padding-top: 69.58%;\r\n  position: relative;\r\n  font-family: Arial,\"Microsoft JhengHei\",Helvetica,sans-serif;\r\n  transform-origin: left top;\r\n  @include desktop{\r\n    transform: scale(0.8);\r\n  }\r\n  @include pad{\r\n    transform: scale(0.5);\r\n  }\r\n  @media (max-width: 450px) {\r\n    transform: scale(0.36);\r\n  }\r\n\r\n  >div, >img{\r\n    position: absolute;\r\n  }\r\n  .bg_img{\r\n    width: 100%;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n  .object_box{\r\n    width: 23%;\r\n    height: 26%;\r\n\r\n    &.type1{\r\n      left: 18%;\r\n      top: 57%;\r\n    }\r\n    >.img_box{\r\n      width: 60%;\r\n      height: 60%;\r\n      position: absolute;\r\n      left: 20%;\r\n    }\r\n    >.txt_box{\r\n      width: 140%;\r\n      position: absolute;\r\n      left: -20%;\r\n      top: 75%;\r\n      font-weight: bold;\r\n      .object_txt{\r\n        font-size: 14px;\r\n        background: linear-gradient(to top, #ffedee,  #ec858c);\r\n        background: -webkit-linear-gradient(to top, #ffedee,  #ec858c);\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: transparent;\r\n\r\n      }\r\n      .x_stype , .object_num{\r\n        background: linear-gradient(to top, #fffcea,  #ffec6d);\r\n        background: -webkit-linear-gradient(to top, #fffcea,  #ffec6d);\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: transparent;\r\n      }\r\n      .x_stype{\r\n        font-size: 12px;\r\n      }\r\n      .object_num{\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  .bonus_num{\r\n    width: 15%;\r\n    left: 83.5%;\r\n    top: 38%;\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    font-family: sans-serif;\r\n\r\n    -webkit-text-stroke: 3px #374ec4;\r\n\r\n    &::after{\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      display: block;\r\n      content: attr(data-txt);\r\n      background: linear-gradient(to top, #f4f9f2,  #53f3c7);\r\n      background: -webkit-linear-gradient(to top, #f4f9f2,  #53f3c7);\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      color: transparent;\r\n      -webkit-text-stroke-width: 0;\r\n    }\r\n  }\r\n  .total_num{\r\n    width: 34%;\r\n    left: 61%;\r\n    top: 66%;\r\n    font-size: 44px;\r\n    font-weight: bold;\r\n    font-family: sans-serif;\r\n\r\n    -webkit-text-stroke: 4px #db2714;\r\n\r\n    &::after{\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      display: block;\r\n      content: attr(data-txt);\r\n      background: linear-gradient(to top, #f9de9b,  #fef8d1, #f5cc73);\r\n      background: -webkit-linear-gradient(to top, #f9de9b,  #fef8d1, #f5cc73);\r\n      background-clip: text;\r\n      -webkit-background-clip: text;\r\n      color: transparent;\r\n      -webkit-text-stroke-width: 0;\r\n    }\r\n  }\r\n  .send_box{\r\n    width: 100%;\r\n    height: 10%;\r\n    left: 0;\r\n    top: 86%;\r\n    .btn_send_money{\r\n      width: 17%;\r\n      height: 100%;\r\n      position: absolute;\r\n      top: 0;\r\n      cursor: pointer;\r\n      background-size:contain;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      &.type1{\r\n        left: 21%;\r\n        background-image:  url(~@/assets/images/ico/extra_btn1.png);\r\n      }\r\n      &.type0{\r\n        left: 70%;\r\n        background-image:  url(~@/assets/images/ico/extra_btn2.png);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cover-all{\r\n  z-index: 10;\r\n}\r\n.news-detail{\r\n  max-width: 85vw;\r\n  max-height: 75vh;\r\n  overflow-y:auto;\r\n}\r\n.text-style{\r\n  letter-spacing: 2px;\r\n  line-height: 40px;\r\n}\r\n.login-style{\r\n  border: 1px solid #fff;\r\n  border-radius: 10px !important;\r\n  &:hover{\r\n    border: 1px solid #fff;\r\n  }\r\n}\r\n.login-btn-word{\r\n  font-size: 22px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-weight: 500;\r\n}\r\n.login-style:disabled {\r\n  cursor: not-allowed;\r\n}\r\n</style>\r\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!./extraBonus2.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!./extraBonus2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./extraBonus2.vue?vue&type=template&id=af3aa06e&scoped=true&\"\nimport script from \"./extraBonus2.vue?vue&type=script&lang=js&\"\nexport * from \"./extraBonus2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./extraBonus2.vue?vue&type=style&index=0&id=af3aa06e&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  \"af3aa06e\",\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/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!./extraBonus3.vue?vue&type=style&index=0&id=6ecdc330&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/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!./extraBonus3.vue?vue&type=style&index=0&id=6ecdc330&lang=scss&scoped=true&\""],"sourceRoot":""}