{"version":3,"sources":["webpack:///./src/components/miniapp/gold/GoldPerformance.vue?e8c4","webpack:///src/components/miniapp/gold/GoldPerformance.vue","webpack:///./src/components/miniapp/gold/GoldPerformance.vue?e15e","webpack:///./src/components/miniapp/gold/GoldPerformance.vue","webpack:///./src/components/miniapp/gold/GoldPerformance.vue?6c62"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_m","ID","_v","_s","_f","latestPrice","class","percentChangeColor","percentChange","latestDate","staticRenderFns","components","FollowingGold","props","arrData","type","Array","default","data","templateShare","template","filters","numberFormat","parts","num","toString","split","replace","computed","length","v","hasShare","methods","resetFact","isPrepareCompleted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,qBAAqB,CAACF,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,gBAAgB,CAACE,MAAM,CAAC,cAAgB,YAAY,KAAO,CAAEG,GAAI,iBAAkB,KAAKL,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,KAAK,CAACG,YAAY,OAAO,CAACP,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,eAAPZ,CAAuBA,EAAIa,iBAAiBT,EAAG,OAAO,CAACG,YAAY,UAAUO,MAAM,CAACd,EAAIe,qBAAqB,CAACf,EAAIU,GAAGV,EAAIW,GAAI,IAAMX,EAAIgB,cAAgB,SAAUZ,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACH,EAAG,IAAI,CAACG,YAAY,iBAAiBP,EAAIU,GAAG,IAAIV,EAAIW,GAAI,WAAaX,EAAIiB,YAAa,YACtqBC,EAAkB,CAAC,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,KAAK,CAACJ,EAAIU,GAAG,mB,gFC4CtK,GACES,WAAY,CAEVC,cAAJ,QAEEC,MAAO,CACLC,QAAS,CACPC,KAAMC,MACNC,QAAS,WACP,MAAO,MAIbC,KAbF,WAcI,MAAO,CACLC,cAAe,CACbC,SAAU,QAIhBC,QAAS,CACPC,aADJ,SACA,GACM,IAAIC,EAAQC,EAAIC,WAAWC,MAAM,KAEjC,OADAH,EAAM,GAAKA,EAAM,GAAGI,QAAQ,wBAAyB,KAC9C,KAAb,sBAGEC,SAAU,CACRvB,YADJ,WAEM,OAAOZ,KAAKqB,SAAWrB,KAAKqB,QAAQe,OAASpC,KAAKqB,QAAQrB,KAAKqB,QAAQe,OAAS,GAAGC,EAAI,GAEzFrB,WAJJ,WAKM,OAAOhB,KAAKqB,SAAWrB,KAAKqB,QAAQe,OAAS,OAAnD,OAAmD,CAAnD,gDAEIrB,cAPJ,WAQM,OAAOf,KAAKqB,SAAWrB,KAAKqB,QAAQe,OAC1C,8FACA,GAEItB,mBAZJ,WAaM,OAAId,KAAKe,cAAgB,EAAU,OACzC,+BACA,SAEIuB,SAjBJ,WAkBM,OAAO,IAGXC,QAAS,CACP,sBADJ,kKAEA,2BACA,aAGA,mBANA,gCAOA,8BAPA,OAOA,EAPA,iCAQA,oBARA,kCASA,+BATA,QASA,EATA,eAWA,qBACA,2BAZA,yGAcIC,UAdJ,WAeMxC,KAAKyC,oBAAqB,KC5GuV,I,wBCQnXC,EAAY,eACd,EACA5C,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E,6CCnBf,yBAAonB,EAAG,G","file":"js/chunk-3bf95954.51288287.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"gold-performance\"}},[_c('div',{staticClass:\"intro-header\"},[_vm._m(0),_c('div',{staticClass:\"intro-subscriber\"},[_c('FollowingGold',{attrs:{\"followingType\":\"GoldQuote\",\"item\":{ ID: 'gold-spot' }}})],1)]),_c('div',{staticClass:\"intro-nav\"},[_c('h2',{staticClass:\"nav\"},[_vm._v(_vm._s(_vm._f(\"numberFormat\")(_vm.latestPrice)))]),_c('span',{staticClass:\"percent\",class:[_vm.percentChangeColor]},[_vm._v(_vm._s((\"(\" + _vm.percentChange + \"%)\")))]),_c('p',{staticClass:\"date\"},[_c('i',{staticClass:\"far fa-clock\"}),_vm._v(\" \"+_vm._s((\"อัปเดต: \" + _vm.latestDate))+\" \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"intro-header-name\"},[_c('h1',[_vm._v(\"Gold Spot\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <section id=\"gold-performance\">\n    <div class=\"intro-header\">\n      <div class=\"intro-header-name\">\n        <h1>Gold Spot</h1>\n      </div>\n      <div class=\"intro-subscriber\">\n        <!-- <flex-card\n          v-if=\"templateShare && hasShare\"\n          :templateFlex=\"templateShare.template\"\n          :isPrepareCompleted=\"templateShare && templateShare.template ? isPrepareCompleted : false\"\n          @reset-fact=\"resetFact\"\n          class=\"share-assets\"\n        >\n          <a slot=\"button\" :data-action=\"'share_fund'\" @click=\"generateShareTemplate\">\n            <i class=\"fas fa-share-alt\"></i>\n          </a>\n        </flex-card> -->\n\n        <!-- <download-assets\n            v-if=\"this.detail && this.detail.short_code\"\n            class=\"download-assets\"\n            :dataType=\"`fund`\"\n            :name=\"this.detail.short_code\"\n        />-->\n\n        <FollowingGold followingType=\"GoldQuote\" :item=\"{ ID: 'gold-spot' }\" />\n      </div>\n    </div>\n    <div class=\"intro-nav\">\n      <h2 class=\"nav\">{{ latestPrice | numberFormat}}</h2>\n      <span class=\"percent\" :class=\"[percentChangeColor]\">{{ `(${percentChange}%)` }}</span>\n      <p class=\"date\">\n        <i class=\"far fa-clock\"></i>\n        {{ `อัปเดต: ${latestDate}` }}\n      </p>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { timestampToDate, calPercentChange } from \"../../../utils/global\"\n// import FlexCard from \"../../../components/miniapp/share/FlexCard.vue\"\nimport { FollowingGold } from \"../../organisms/Following\"\n\nexport default {\n  components: {\n    // FlexCard: () => import(\"../../../components/miniapp/share/FlexCard.vue\"),\n    FollowingGold\n  },\n  props: {\n    arrData: {\n      type: Array,\n      default: function(){\n        return []\n      }\n    }\n  },\n  data() {\n    return {\n      templateShare: {\n        template: null\n      }\n    }\n  },\n  filters: {\n    numberFormat(num) {\n      var parts = num.toString().split(\".\")\n      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n      return `$ ${parts.join(\".\")}`\n    }\n  },\n  computed: {\n    latestPrice() {\n      return this.arrData && this.arrData.length ? this.arrData[this.arrData.length - 1].v : 0\n    },\n    latestDate() {\n      return this.arrData && this.arrData.length ? timestampToDate(this.arrData[this.arrData.length - 1].t, \"lll\") : 0\n    },\n    percentChange() {\n      return this.arrData && this.arrData.length\n        ? calPercentChange(this.arrData[this.arrData.length - 2].v, this.arrData[this.arrData.length - 1].v, 2)\n        : 0.0\n    },\n    percentChangeColor() {\n      if (this.percentChange > 0) return \"plus\"\n      else if (this.percentChange == 0) return \"stable\"\n      else return \"minus\"\n    },\n    hasShare() {\n      return process.env.VUE_APP_CONFIG_SHARE_LINK === \"true\"\n    }\n  },\n  methods: {\n    async generateShareTemplate() {\n      this.isPrepareCompleted = false\n      const items = this.items\n\n      let templateStr\n      if (this.type == \"stock\") {\n        templateStr = await this.generateStockTemplate(items)\n      } else if (this.type == \"indice\") {\n        templateStr = await this.generateIndiceTemplate(items)\n      }\n      this.templateShare = templateStr\n      this.isPrepareCompleted = true\n    },\n    resetFact() {\n      this.isPrepareCompleted = false\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nsection {\n  @extend %container-style;\n  position: relative;\n  .intro-header {\n    .intro-header-name {\n      @include finCol(7, 12, 0px, top, true, true);\n      h1 {\n        font-weight: bold;\n        font-style: normal;\n        font-stretch: normal;\n        line-height: normal;\n        letter-spacing: normal;\n        @extend %font-size-m;\n      }\n    }\n    .intro-subscriber {\n      @include finCol(5, 12, 0px, middle, true, true);\n      text-align: right;\n      user-select: none;\n      .share-assets {\n        margin-right: 15px;\n        vertical-align: middle;\n        pointer-events: auto;\n        cursor: pointer;\n        i {\n          pointer-events: none;\n          color: $color-light-grey-2;\n          font-size: 22px;\n        }\n      }\n      .following {\n        color: $color-primary-finno !important;\n        vertical-align: middle;\n        i {\n          font-size: 22px;\n        }\n      }\n    }\n  }\n  .intro-nav {\n    .nav {\n      @extend %font-size-xl;\n      display: inline-block;\n    }\n    .percent {\n      @extend %font-size-s;\n      margin-left: 5px;\n      display: inline-block;\n    }\n    .date {\n      margin-top: 0px;\n      @extend %font-size-ss;\n    }\n  }\n}\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!./GoldPerformance.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!./GoldPerformance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoldPerformance.vue?vue&type=template&id=15898982&scoped=true&\"\nimport script from \"./GoldPerformance.vue?vue&type=script&lang=js&\"\nexport * from \"./GoldPerformance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoldPerformance.vue?vue&type=style&index=0&id=15898982&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  \"15898982\",\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!./GoldPerformance.vue?vue&type=style&index=0&id=15898982&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!./GoldPerformance.vue?vue&type=style&index=0&id=15898982&lang=scss&scoped=true&\""],"sourceRoot":""}