{"version":3,"sources":["webpack:///./src/components/miniapp/global/ToggleLabel.vue?0a12","webpack:///./src/components/miniapp/global/ToggleLabel.vue?b181","webpack:///src/components/miniapp/global/ToggleLabel.vue","webpack:///./src/components/miniapp/global/ToggleLabel.vue?587a","webpack:///./src/components/miniapp/global/ToggleLabel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","barSellPrice","attrs","dataAction","on","$event","toggle","toggleAverage","toggleBox","height","width","staticRenderFns","components","ToggleButton","props","price","type","Object","default","data","isToggle","watch","immediate","handler","$emit","val","computed","methods","component"],"mappings":"kHAAA,yBAAgnB,EAAG,G,yCCAnnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAG,0BAA0BH,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,iBAAiBL,EAAG,OAAO,CAACJ,EAAIO,GAAG,iBAAiBH,EAAG,MAAM,CAACE,YAAY,cAAcI,MAAM,CAAC,cAAcV,EAAIW,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,YAAY,CAACV,EAAG,gBAAgB,CAACM,MAAM,CAAC,MAAQV,EAAIe,cAAc,MAAO,EAAK,MAAQ,UAAU,OAASf,EAAIgB,UAAUC,OAAO,MAAQjB,EAAIgB,UAAUE,UAAU,MACnlBC,EAAkB,G,wBCctB,GACEC,WAAY,CACVC,aAAJ,mBAEEC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,QAAS,KAGbC,KAVF,WAWI,MAAO,CACLZ,eAAe,EACfa,UAAU,EACVZ,UAAW,CACTE,MAAO,GACPD,OAAQ,IAEVR,aAAc,IAGlBoB,MAAO,CACLd,cAAe,CACbe,WAAW,EACXC,QAFN,SAEA,GACQ9B,KAAK+B,MAAM,iBAAkBC,KAGjCV,MAAO,CACLO,WAAW,EACXC,QAFN,WAGQ9B,KAAKQ,aAAeR,KAAKsB,MAAMI,KAAO,OAA9C,OAA8C,CAA9C,4CAIEO,SAAU,CACRvB,WADJ,WAEM,MAAO,UAAb,qDAGEwB,QAAS,CACPrB,OADJ,WAEMb,KAAKc,eAAgBd,KAAKc,iBCzDmV,I,wBCQ/WqB,EAAY,eACd,EACArC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E","file":"js/chunk-ee661b9c.f8bd2021.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!./ToggleLabel.vue?vue&type=style&index=0&id=600cc523&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!./ToggleLabel.vue?vue&type=style&index=0&id=600cc523&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toggle-label-row\"},[_c('div',{staticClass:\"label-left\"},[_c('h3',[_vm._v(\"ราคาจากสมาคมค้าทองคำ\")]),_c('span',{staticClass:\"trader-price\"},[_vm._v(_vm._s(_vm.barSellPrice))]),_c('span',[_vm._v(\" ฿/บาททอง\")])]),_c('div',{staticClass:\"label-right\",attrs:{\"data-action\":_vm.dataAction},on:{\"click\":function($event){return _vm.toggle()}}},[_c('toggle-button',{attrs:{\"value\":_vm.toggleAverage,\"sync\":true,\"color\":\"#17c161\",\"height\":_vm.toggleBox.height,\"width\":_vm.toggleBox.width}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"toggle-label-row\">\n    <div class=\"label-left\">\n      <h3>ราคาจากสมาคมค้าทองคำ</h3>\n      <span class=\"trader-price\">{{barSellPrice}}</span>\n      <span> ฿/บาททอง</span>\n    </div>\n    <div class=\"label-right\" @click=\"toggle()\" :data-action=\"dataAction\" >\n      <toggle-button :value=\"toggleAverage\" :sync=\"true\" color=\"#17c161\" :height=\"toggleBox.height\" :width=\"toggleBox.width\" />\n    </div>\n  </div>\n</template>\n<script>\nimport { ToggleButton } from \"vue-js-toggle-button\"\nimport { formatCurrency } from \"../../../utils/global\"\nexport default {\n  components: {\n    ToggleButton\n  },\n  props: {\n    price: {\n      type: Object,\n      default: {}\n    }\n  },\n  data() {\n    return {\n      toggleAverage: true,\n      isToggle: false,\n      toggleBox: {\n        width: 45,\n        height: 21\n      },\n      barSellPrice: 0.00\n    }\n  },\n  watch: {\n    toggleAverage: {\n      immediate: true,\n      handler(val) {\n        this.$emit(\"toggle-average\", val)\n      }\n    },\n    price: {\n      immediate: true,\n      handler() {\n        this.barSellPrice = this.price.data ? formatCurrency(this.price.data.barSellPrice, 'NONE', 2) : 0.00\n      },\n    }\n  },\n  computed: {\n    dataAction() {\n      return `toggle_${this.toggleAverage ? \"off\" : \"on\"}_gta_price`\n    },\n  },\n  methods: {\n    toggle() {\n      this.toggleAverage = this.toggleAverage ? false : true\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.toggle-label-row {\n  position: relative;\n  padding: 8px 14px;\n  min-height: 40px;\n  border: solid 1px #f9f9f9;\n  background-color: $color-white;\n  .label-left {\n    @include finCol(6, 12, 0px, middle, true, true);\n    h3 {\n      @extend %font-size-s;\n      font-weight: bold;\n      color: $color-normal-text;\n    }\n    p {\n      margin: 0;\n      @extend %font-size-ss;\n      color: $color-normal-text;\n    }\n    span {\n      margin: 0;\n      @extend %font-size-ss;\n      color: $color-normal-text;\n    }\n    .trader-price {\n      font-weight: bold;\n    }\n  }\n  .label-right {\n    @include finCol(6, 12, 0px, middle, true, true);\n    text-align: right;\n    h2 {\n      @extend %font-size-l;\n      font-weight: bold;\n      color: $color-normal-text;\n    }\n    p {\n      margin: 0;\n      @extend %font-size-ss;\n      color: $color-normal-text;\n    }\n    label {\n      pointer-events: none;\n    }\n  }\n  &:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 6px;\n    background-color: #bababa;\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!./ToggleLabel.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!./ToggleLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToggleLabel.vue?vue&type=template&id=600cc523&scoped=true&\"\nimport script from \"./ToggleLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./ToggleLabel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToggleLabel.vue?vue&type=style&index=0&id=600cc523&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  \"600cc523\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}