{"version":3,"sources":["webpack:///./src/components/miniapp/global/IndiceTradingviewChart.vue?9e5c","webpack:///./src/components/miniapp/global/IndiceTradingviewChart.vue?96a1","webpack:///src/components/miniapp/global/IndiceTradingviewChart.vue","webpack:///./src/components/miniapp/global/IndiceTradingviewChart.vue?28e0","webpack:///./src/components/miniapp/global/IndiceTradingviewChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","getOS","attrs","staticRenderFns","name","metaInfo","title","props","type","String","required","default","showChartCover","Boolean","chartCoverFn","Function","tradingviewConfig","validator","fullscreen","symbol","interval","container_id","datafeed","library_path","locale","timezone","autosize","height","disabled_features","time_frames","overrides","data","watch","tv","setSymbol","chart","resolution","methods","getParameterByName","replace","regex","RegExp","results","location","exec","search","lang","decodeURIComponent","computed","$liff","created","$store","commit","mounted","setTimeout","metaTag","document","createElement","content","getElementsByTagName","appendChild","tvWidget","onChartReady","destroyed","component"],"mappings":"gHAAA,yBAA2nB,EAAG,G,yCCA9nB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAc,OAAbP,EAAIQ,MAAiB,MAAQ,IAAIC,MAAM,CAAC,GAAK,oCACtMC,EAAkB,G,sDCMtB,UAGA,OACEC,KAAM,oBACNC,SAFF,WAGI,MAAO,CACLC,MAAO,oBAGXC,MAAO,CAELH,KAAM,CACJI,KAAMC,OACNC,UAAU,EACVC,QAAS,IAEXC,eAAgB,CACdJ,KAAMK,QACNF,SAAS,GAEXG,aAAc,CACZN,KAAMO,SACNJ,QAAS,cAEXK,kBAAmB,CAEjBC,UAAW,SAAjB,GACQ,OAAO,GAKTN,QAAS,WACP,MAAO,CACLO,YAAY,EACZC,OAAQ,GACRC,SAAU,IACVC,aAAc,8BACdC,SAAU,IAAI,EAAxB,yCACUC,aAAc,uBACdC,OAAQ,KACRC,SAAU,eAEVC,UAAU,EACVC,OAAQ,QAKRC,kBAAmB,CAAC,gCAAiC,wBACrDC,YAAa,CACvB,CACY,KAAZ,KACY,WAAZ,IACY,YAAZ,WACY,MAAZ,MAEA,CACY,KAAZ,KACY,WAAZ,IACY,YAAZ,UACY,MAAZ,MAEA,CACY,KAAZ,KACY,WAAZ,IACY,YAAZ,UACY,MAAZ,MAEA,CACY,KAAZ,KACY,WAAZ,IACY,YAAZ,UACY,MAAZ,MAEA,CACY,KAAZ,MACY,WAAZ,IACY,YAAZ,WACY,MAAZ,OAEA,CAAY,KAAZ,QAAY,WAAZ,IAAY,YAAZ,MAAY,MAAZ,QAEUC,UAAW,CACT,kCAAmC,uBAa7CC,KAAM,WAAR,OACA,QACA,YAEEC,MAAO,CACL5B,KADJ,WAGM,OADAV,KAAKuC,GAAGC,UAAUxC,KAAKU,KAAMV,KAAKuC,GAAGE,QAAQC,aAAc,MACpD1C,KAAKU,OAGhBiC,QAAS,CACPC,mBADJ,WAEM,IAAN,SAEMlC,EAAOA,EAAKmC,QAAQ,OAAQ,OAAOA,QAAQ,OAAQ,OACnD,IAAIC,EAAQ,IAAIC,OAAO,SAAWrC,EAAO,aAErCsC,EAAU,KACS,oBAAZC,WAAyBD,EAAUF,EAAMI,KAAKD,SAASE,SAClEnD,KAAKoD,KAAmB,OAAZJ,EAAmB,GAAKK,mBAAmBL,EAAQ,GAAGH,QAAQ,MAAO,QAGrFS,SAAU,CACR/C,MADJ,WAEM,OAAOP,KAAKuD,MAAMhD,UAGtBiD,QA1HF,WA2HIxD,KAAKyD,OAAOC,OAAO,0BAA0B,IAE/CC,QA7HF,WA6HA,WACIC,YAAW,WAET,IAAIC,EAAUC,SAASC,cAAc,QACrCF,EAAQnD,KAAO,WACfmD,EAAQG,QAAU,4EAClBF,SAASG,qBAAqB,QAAQ,GAAGC,YAAYL,GACrD,IAAN,sBACMvC,EAAkBG,OAAS,EAAjC,KACMH,EAAkBQ,OAAS,EAAjC,2BAGM,IAAN,4BACMqC,EAASC,cAAa,eAOtB,EAAN,OACA,MAKEC,UAvJF,WAwJIrE,KAAKyD,OAAOC,OAAO,0BAA0B,KClK6U,I,wBCQ1XY,EAAY,eACd,EACAxE,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAA6D,E","file":"js/chunk-6d638fb5.79537d5f.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!./IndiceTradingviewChart.vue?vue&type=style&index=0&id=a196abe4&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!./IndiceTradingviewChart.vue?vue&type=style&index=0&id=a196abe4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tradingview-chart\"},[_c('div',{class:[_vm.getOS == 'ios' ? 'ios' : ''],attrs:{\"id\":\"tradingview_chart_container\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tradingview-chart\">\n    <div id=\"tradingview_chart_container\" :class=\"[getOS == 'ios' ? 'ios' : '']\"></div>\n  </div>\n</template>\n\n<script>\nrequire(\"../../../assets/vendor/tradingview/charting_library.min.js\");\nimport Datafeeds from \"../../../assets/vendor/tradingview/datafeed/udf/datafeed\";\n\nexport default {\n  name: \"tradingview-chart\",\n  metaInfo() {\n    return {\n      title: process.env.VUE_APP_NAME\n    };\n  },\n  props: {\n    // Props to receive\n    name: {\n      type: String,\n      required: true,\n      default: \"\"\n    },\n    showChartCover: {\n      type: Boolean,\n      default: true\n    },\n    chartCoverFn: {\n      type: Function,\n      default: () => {}\n    },\n    tradingviewConfig: {\n      // eslint-disable-next-line no-unused-vars\n      validator: Obj => {\n        return true;\n        // return (\n        //   \"name\" in Obj && \"price\" in Obj && \"thName\" in Obj && \"date\" in Obj\n        // )\n      },\n      default: () => {\n        return {\n          fullscreen: false,\n          symbol: \"\",\n          interval: \"D\",\n          container_id: \"tradingview_chart_container\",\n          datafeed: new Datafeeds.UDFCompatibleDatafeed(\"/api/stock\"),\n          library_path: \"/vendor/tradingview/\",\n          locale: \"en\",\n          timezone: \"Asia/Bangkok\",\n          // Regression Trend-related functionality is not implemented yet, so it's hidden for a while\n          autosize: true,\n          height: \"300px\",\n          // \"drawings_access\": { type: 'black', tools: [ { name: \"Regression Trend\",\n          //     grayed: true }, { name: \"MACD\",\n          //     grayed: true }, { name: \"Relative Strength Index\",\n          //     grayed: true } ] },\n          disabled_features: [\"use_localstorage_for_settings\", \"header_symbol_search\"],\n          time_frames: [\n            {\n              text: \"6m\",\n              resolution: \"D\",\n              description: \"6 MONTHS\",\n              title: \"6m\"\n            },\n            {\n              text: \"1y\",\n              resolution: \"D\",\n              description: \"1 Years\",\n              title: \"1y\"\n            },\n            {\n              text: \"3y\",\n              resolution: \"D\",\n              description: \"3 Years\",\n              title: \"3y\"\n            },\n            {\n              text: \"5y\",\n              resolution: \"D\",\n              description: \"5 Years\",\n              title: \"5y\"\n            },\n            {\n              text: \"10y\",\n              resolution: \"D\",\n              description: \"10 Years\",\n              title: \"10y\"\n            },\n            { text: \"1000y\", resolution: \"D\", description: \"All\", title: \"All\" }\n          ],\n          overrides: {\n            \"symbolWatermarkProperties.color\": \"rgba(0,0,0,0.1)\"\n          }\n          // charts studies feature >>>\n          // enabled_features: [\"study_templates\"],\n          // charts_storage_url: 'http://saveload.tradingview.com',\n          // charts_storage_api_version: \"1.1\",\n          // client_id: 'tradingview.com',\n          // user_id: 'public_user_id'\n          // <<<\n        };\n      }\n    }\n  },\n  data: () => ({\n    tv: null,\n    lang: \"en\"\n  }),\n  watch: {\n    name() {\n      this.tv.setSymbol(this.name, this.tv.chart().resolution(), null);\n      return this.name;\n    }\n  },\n  methods: {\n    getParameterByName() {\n      let name = \"lang\";\n      // eslint-disable-next-line no-useless-escape\n      name = name.replace(/[\\[]/, \"\\\\[\").replace(/[\\]]/, \"\\\\]\");\n      var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^&#]*)\");\n\n      var results = null;\n      if (typeof location != \"undefined\") results = regex.exec(location.search);\n      this.lang = results === null ? \"\" : decodeURIComponent(results[1].replace(/\\+/g, \" \"));\n    }\n  },\n  computed: {\n    getOS() {\n      return this.$liff.getOS();\n    }\n  },\n  created() {\n    this.$store.commit(\"global/SET_SHOW_FOOTER\", false);\n  },\n  mounted() {\n    setTimeout(() => {\n      //FIX SCREEN POSITION\n      var metaTag = document.createElement(\"meta\");\n      metaTag.name = \"viewport\";\n      metaTag.content = \"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\";\n      document.getElementsByTagName(\"head\")[0].appendChild(metaTag);\n      let tradingviewConfig = this.tradingviewConfig;\n      tradingviewConfig.symbol = this.name;\n      tradingviewConfig.locale = this.getParameterByName() || \"en\";\n      // TradingView.onready(function(){\n      // eslint-disable-next-line no-undef\n      let tvWidget = new TradingView.widget(tradingviewConfig);\n      tvWidget.onChartReady(() => {\n        // tvWidget.chart().createStudy(\"MACD\", false, false);\n        // tvWidget.chart().createStudy(\"Relative Strength Index\", false, false);\n        // tvWidget.chart().createStudy(\"EMA Cross\", false, false, [15, 45]);\n        // tvWidget.chart().createStudy(\"Moving Average Exponential\", false, false, [100, \"close\", 0]);\n        //TODO; Add save/load button\n      });\n      this.tv = tvWidget;\n    }, 500);\n\n    // widget.remove()\n    // });\n  },\n  destroyed() {\n    this.$store.commit(\"global/SET_SHOW_FOOTER\", true);\n  }\n};\n</script>\n<style lang='scss' scoped>\n.tradingview-chart {\n  padding: 0;\n  #tradingview_chart_container {\n    z-index: 10;\n    height: 100vh;\n  }\n  .ios {\n    @include manageiPhoneMedia;\n  }\n}\n\n.chart-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0px;\n  background-color: black;\n  opacity: 0.8;\n}\n\n.chart-cover-text {\n  top: 50%;\n  transform: translateY(-50%);\n  position: relative;\n  opacity: 1;\n  color: white;\n  font-size: 40px;\n  text-align: center;\n  padding: 0px 10px 0px 10px;\n}\n</style>\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!./IndiceTradingviewChart.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!./IndiceTradingviewChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndiceTradingviewChart.vue?vue&type=template&id=a196abe4&scoped=true&\"\nimport script from \"./IndiceTradingviewChart.vue?vue&type=script&lang=js&\"\nexport * from \"./IndiceTradingviewChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndiceTradingviewChart.vue?vue&type=style&index=0&id=a196abe4&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  \"a196abe4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}