{"version":3,"sources":["webpack:///./src/components/LiveBet/Listview/Bet.vue?318d","webpack:///./src/components/LiveBet/Listview/MarketBets.vue?6a04","webpack:///./src/components/LiveBet/Listview/MarketBets.vue","webpack:///./src/components/LiveBet/Listview/Bet.vue","webpack:///src/components/LiveBet/Listview/Bet.vue","webpack:///./src/components/LiveBet/Listview/Bet.vue?89a0","webpack:///./src/components/LiveBet/Listview/Bet.vue?21ca","webpack:///src/components/LiveBet/Listview/MarketBets.vue","webpack:///./src/components/LiveBet/Listview/MarketBets.vue?0c10","webpack:///./src/components/LiveBet/Listview/MarketBets.vue?3317","webpack:///./src/components/LiveBet/Listview/Bet.vue?580b"],"names":["render","_vm","this","_c","_self","_","isEmpty","values","spread","_m","spreads","length","staticClass","attrs","_l","item","k","key","class","on","$event","stopPropagation","_v","_s","_e","optionsSorted","option","id","eventId","marketId","event","sport_id","locality_id","championship_id","staticRenderFns","trendClass","isSelected","isInTicket","betWithName","betName","disabled","Number","value","status","isValid","clickToTicket","domProps","$store","getters","isDev","$globalFunctions","onClickCopy","name","props","required","sportId","categoryId","tournamentId","type","default","data","interval","computed","ticketOdds","watch","handler","that","deep","destroyed","clearInterval","methods","addToTicket","odd_id","match_id","market_id","live","vm","payload","removeToTicket","component","components","Bet","bets","options","immediate","mounted","sortOptions"],"mappings":"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ACA,sBAEA,oBAGA0B,cACA,SAAA5C,GAAA,WACA,GACA6C,SACAC,sBACAC,wBACA3C,sBACAC,4BACAC,kCACA0C,SAEA,qCAAAC,QAAAC,aAEAC,iBACA,SAAAnD,GAAA,WACA,eACA,GAAAA,KAAA8C,YACA,wCAAAG,QAAAC,eCjI0W,I,kCCStWE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCwCA,GACf3B,kBACA4B,YAAAC,OACA5B,OACA6B,MACAxB,oBACAJ,aAEA6B,SACAzB,oBACAJ,aAEAxB,OACA4B,oBACAJ,aAEA1B,SACA0B,aAEAzB,UACAyB,cAGAM,OACA,OACApD,YACAE,WACAH,UACAkB,mBAGAqC,UACAC,aACA,sCAGAC,OAEAkB,MACAE,aAEAnB,WACA,aACAC,aACAA,YAEA,oCAEA,+DACA,IACAA,kBACAA,uBAGAA,gCAEA,oCAGAiB,SACAC,aACAjB,QACAF,WACA,uBAIAoB,YAGAf,SACAgB,eACA,yBACA,gECrIiX,ICQ7W,G,UAAY,eACd,EACAtF,EACAkC,GACA,EACA,KACA,KACA,OAIa,e,kECnBf","file":"js/chunk-0683e548.084b148d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bet.vue?vue&type=style&index=1&id=dd59031e&prod&lang=scss\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MarketBets.vue?vue&type=style&index=0&id=7ee0b12a&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm._.isEmpty(_vm.values[_vm.spread]))?[(_vm.spreads.length > 1 && _vm.spread!=='nd')?_c('b-dropdown',{staticClass:\"spread-dropdown\",attrs:{\"text\":_vm.spread}},_vm._l((_vm.spreads),function(item,k){return _c('b-dropdown-item',{key:k,class:{'is-active':_vm.spread===item},on:{\"click\":function($event){$event.stopPropagation();_vm.spread=item}}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),1):(_vm.spreads.length === 1 && _vm.spread!=='nd')?_c('div',{staticClass:\"single-spread\"},[_vm._v(\" \"+_vm._s(_vm.spreads[0])+\" \")]):_vm._e(),_vm._l((_vm.optionsSorted),function(option){return _c('div',{key:'MSO'+option.id,staticClass:\"grid-option\"},[(typeof _vm.values[_vm.spread][option.id]!=='undefined')?[_c('bet',{attrs:{\"value\":_vm.values[_vm.spread][option.id],\"event-id\":_vm.eventId,\"market-id\":_vm.marketId,\"sport-id\":_vm.event.sport_id,\"category-id\":_vm.event.locality_id,\"tournament-id\":_vm.event.championship_id}})]:[_vm._m(0,true)]],2)})]:[_vm._m(1)]],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bet real-bet btl-1 disabled\"},[_c('i',{staticClass:\"pki-lock\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item item-lock\"},[_c('i',{staticClass:\"pki-lock\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bet real-bet btl-1\",class:[_vm.trendClass,{isSelected:_vm.isInTicket, betWithName:_vm.betName, disabled:Number(_vm.value.status) !== 1}],attrs:{\"data-id\":_vm.value.id},on:{\"click\":function($event){$event.stopPropagation();_vm.isValid ? _vm.clickToTicket() : false}}},[(_vm.betName)?_c('div',{staticClass:\"bet-name\",domProps:{\"innerHTML\":_vm._s(_vm.betName)}}):_vm._e(),(_vm.isValid)?[_c('div',{staticClass:\"bet-value\"},[_vm._v(\" \"+_vm._s(_vm.value.value / 100)+\" \")])]:[_c('i',{staticClass:\"pki-lock\"})],(_vm.$store.getters.isDev)?_c('small',{staticClass:\"logId\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$globalFunctions.onClickCopy(_vm.value.id)}}},[_vm._v(_vm._s(_vm.value.id))]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"bet real-bet btl-1\"\r\n    :data-id=\"value.id\"\r\n    :class=\"[trendClass,{isSelected:isInTicket, betWithName:betName, disabled:Number(value.status) !== 1}]\"\r\n    @click.stop=\"isValid ? clickToTicket() : false\"\r\n  >\r\n    <div\r\n      v-if=\"betName\"\r\n      class=\"bet-name\"\r\n      v-html=\"betName\"\r\n    />\r\n    <template v-if=\"isValid\">\r\n      <div class=\"bet-value\">\r\n        {{ value.value / 100 }}\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <i class=\"pki-lock\" />\r\n    </template>\r\n    <small\r\n      v-if=\"$store.getters.isDev\"\r\n      class=\"logId\"\r\n      @click.stop=\"$globalFunctions.onClickCopy(value.id)\"\r\n    >{{ value.id }}</small>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Bet',\r\n  props: {\r\n    value: {\r\n      required: true,\r\n    },\r\n    eventId: {\r\n      required: true,\r\n    },\r\n    marketId: {\r\n      required: true,\r\n    },\r\n    sportId: {\r\n      required: true,\r\n    },\r\n    categoryId: {\r\n      required: true,\r\n    },\r\n    tournamentId: {\r\n      required: true,\r\n    },\r\n    betName: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      trendClass: '',\r\n      interval: null,\r\n    };\r\n  },\r\n  computed: {\r\n    isValid() {\r\n      return typeof this.value.status !== 'undefined'\r\n          && (Number(this.value.status) === 1 || this.value.status === 'Open') && (this.value.value / 100) > 1;\r\n    },\r\n    ticketOdds() {\r\n      return this._.cloneDeep(this.$store.state.ticketOdds);\r\n    },\r\n    isInTicket() {\r\n      const rid = Number(this.value.id);\r\n      const res = this.ticketOdds.includes(rid);\r\n      return res;\r\n    },\r\n  },\r\n  watch: {\r\n    value: {\r\n      // eslint-disable-next-line consistent-return\r\n      handler(val, oldval) {\r\n        const res = Number(val.value);\r\n        const oldRes = Number(oldval.value);\r\n        if (res === oldRes) return false;\r\n        const that = this;\r\n        if (Number(val.trend) !== 0 && this.interval !== null) clearInterval(this.interval);\r\n        if (res > oldRes) {\r\n          this.trendClass = '';\r\n          this.trendClass = 'increased';\r\n        } else if (res < oldRes) {\r\n          this.trendClass = '';\r\n          this.trendClass = 'decreased';\r\n        } else this.trendClass = '';\r\n\r\n        if (this.interval !== null) clearInterval(this.interval);\r\n        // eslint-disable-next-line no-return-assign\r\n        this.interval = setInterval(() => (\r\n          that.trendClass = ''\r\n        ), 20000);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  destroyed() {\r\n    clearInterval(this.interval);\r\n  },\r\n  methods: {\r\n    clickToTicket() {\r\n      if (this.isInTicket) {\r\n        this.removeToTicket();\r\n      } else {\r\n        this.addToTicket();\r\n      }\r\n    },\r\n    addToTicket() {\r\n      const { id } = this.value;\r\n      const payload = {\r\n        odd_id: id,\r\n        match_id: this.eventId,\r\n        market_id: this.marketId,\r\n        sport_id: this.sportId,\r\n        locality_id: this.categoryId,\r\n        championship_id: this.tournamentId,\r\n        live: true,\r\n      };\r\n      this.$store.dispatch('addTicketOdd', { vm: this, payload });\r\n    },\r\n    removeToTicket() {\r\n      const { id } = this.value;\r\n      const matchId = this.eventId;\r\n      const payload = { id, match_id: matchId };\r\n      this.$store.dispatch('removeTicketOdd', { vm: this, payload });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bet {\r\n  &:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    width: calc(100% - 6px);\r\n    max-width: calc(100% - 6px) !important;\r\n    height: 3px;\r\n    transition: all .3s ease;\r\n    border-radius: var(--bet-bnt-border-radius);\r\n  }\r\n\r\n  &.decreased:after {\r\n    background: var(--danger);\r\n    -webkit-animation: option-indicator-blinking .3s 12 alternate forwards, option-indicator-static .5s 30s forwards;\r\n    animation: option-indicator-blinking .3s 12 alternate forwards, option-indicator-static .5s 30s forwards;\r\n  }\r\n\r\n  &.increased:after {\r\n    background: var(--success);\r\n    -webkit-animation: option-indicator-blinking .3s 12 alternate forwards, option-indicator-static .5s 30s forwards;\r\n    animation: option-indicator-blinking .3s 12 alternate forwards, option-indicator-static .5s 30s forwards;\r\n  }\r\n\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@-webkit-keyframes option-indicator-blinking {\r\n  0% {\r\n    //opacity: 1;\r\n    width: calc(60% - 6px);\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 6px);\r\n  }\r\n}\r\n\r\n@keyframes option-indicator-blinking {\r\n  0% {\r\n    //opacity: 1;\r\n    width: calc(60% - 6px);\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 6px);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes option-indicator-static {\r\n  0% {\r\n    //opacity: 1;\r\n    width: calc(60% - 6px);\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 6px);\r\n  }\r\n}\r\n\r\n@keyframes option-indicator-static {\r\n  0% {\r\n    //opacity: 1;\r\n    width: calc(60% - 6px);\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 6px);\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bet.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bet.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Bet.vue?vue&type=template&id=dd59031e&scoped=true\"\nimport script from \"./Bet.vue?vue&type=script&lang=js\"\nexport * from \"./Bet.vue?vue&type=script&lang=js\"\nimport style0 from \"./Bet.vue?vue&type=style&index=0&id=dd59031e&prod&lang=scss&scoped=true\"\nimport style1 from \"./Bet.vue?vue&type=style&index=1&id=dd59031e&prod&lang=scss\"\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  \"dd59031e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <template v-if=\"!_.isEmpty(values[spread])\">\r\n      <b-dropdown\r\n        v-if=\"spreads.length > 1 && spread!=='nd'\"\r\n        :text=\"spread\"\r\n        class=\"spread-dropdown\"\r\n      >\r\n        <b-dropdown-item\r\n          v-for=\"(item,k) in spreads\"\r\n          :key=\"k\"\r\n          :class=\"{'is-active':spread===item}\"\r\n          @click.stop=\"spread=item\"\r\n        >\r\n          {{ item }}\r\n        </b-dropdown-item>\r\n      </b-dropdown>\r\n      <div\r\n        v-else-if=\"spreads.length === 1 && spread!=='nd'\"\r\n        class=\"single-spread\"\r\n      >\r\n        {{ spreads[0] }}\r\n      </div>\r\n\r\n      <div\r\n        v-for=\"(option) in optionsSorted\"\r\n        :key=\"'MSO'+option.id\"\r\n        class=\"grid-option\"\r\n      >\r\n        <template v-if=\"typeof values[spread][option.id]!=='undefined'\">\r\n          <bet\r\n            :value=\"values[spread][option.id]\"\r\n            :event-id=\"eventId\"\r\n            :market-id=\"marketId\"\r\n            :sport-id=\"event.sport_id\"\r\n            :category-id=\"event.locality_id\"\r\n            :tournament-id=\"event.championship_id\"\r\n          />\r\n        </template>\r\n        <template v-else>\r\n          <div class=\"bet real-bet btl-1 disabled\">\r\n            <i class=\"pki-lock\" />\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </template>\r\n\r\n    <template v-else>\r\n      <div\r\n        class=\"item item-lock\"\r\n      >\r\n        <i class=\"pki-lock\" />\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Bet from '@/components/LiveBet/Listview/Bet';\r\n\r\nexport default {\r\n  name: 'MarketBets',\r\n  components: { Bet },\r\n  props: {\r\n    bets: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    options: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    event: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    eventId: {\r\n      required: true,\r\n    },\r\n    marketId: {\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      spread: null,\r\n      spreads: [],\r\n      values: {},\r\n      optionsSorted: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ticketOdds() {\r\n      return this.$store.state.ticketOdds;\r\n    },\r\n  },\r\n  watch: {\r\n    // Watch for value change\r\n    bets: {\r\n      immediate: true,\r\n      // handle the changed value\r\n      handler(val) {\r\n        const that = this;\r\n        that.spreads = [];\r\n        that.values = {};\r\n        // eslint-disable-next-line no-restricted-syntax\r\n        for (const [baseLine, item] of Object.entries(val)) {\r\n          // if (!that.spread) that.spread = baseLine\r\n          const res = Object.values(item.options).some((o) => Number(o.status) === 1);\r\n          if (res) {\r\n            that.spreads.push(baseLine);\r\n            that.values[baseLine] = item.options;\r\n          }\r\n        }\r\n        that.spreads.sort((a, b) => ((a > b) ? 1 : -1));\r\n        // eslint-disable-next-line prefer-destructuring\r\n        if (!that.spread) that.spread = that.spreads[0];\r\n      },\r\n    },\r\n    options: {\r\n      immediate: true,\r\n      deep: true,\r\n      handler(val) {\r\n        this.sortOptions(val);\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n\r\n  },\r\n  methods: {\r\n    sortOptions(options) {\r\n      const array = Object.values(options);\r\n      this.optionsSorted = array.sort((o1, o2) => (o1.position > o2.position ? 1 : -1));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.single-spread {\r\n  font-size: 11px;\r\n  width: 100%;\r\n  max-width: 54px;\r\n  white-space: nowrap;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.spread-dropdown {\r\n\r\n  .btn {\r\n    cursor: pointer;\r\n    height: var(--bet-bnt-height);\r\n    background-color: var(--bg-color-row-pair) !important;\r\n    border: none;\r\n    color: var(--color-primary);\r\n    border-radius: 3px;\r\n    z-index: 1;\r\n    position: relative;\r\n    font-weight: 400;\r\n    font-size: 11px;\r\n    line-height: 20px;\r\n    padding: 0 4px;\r\n    letter-spacing: 0px;\r\n    max-width: 54px;\r\n    display: block;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n\r\n    &:hover, &:active, &:focus {\r\n      background-color: var(--bg-color-primary);\r\n      outline: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .dropdown-menu {\r\n    min-width: 50px;\r\n    padding: 0.2rem 0;\r\n    font-size: 0.8rem;\r\n    background-color: var(--bg-color-primary);\r\n    border: 1px solid var(--color-dark-dominance);\r\n    border-radius: 3px;\r\n    max-height: 200px;\r\n    overflow-y: auto;\r\n\r\n    &::-webkit-scrollbar {\r\n      width: 2px;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-track {\r\n      background-color: var(--bg-color-primary);\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n      background-color: var(--color-dark-dominance);\r\n      outline: 1px solid var(--color-dark-dominance);\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .dropdown-item {\r\n      padding: 4px 8px;\r\n      color: var(--bet-dropdown-sub-color);\r\n      background-color: var(--bet-dropdown-sub-bg-color);\r\n      font-weight: 400;\r\n      font-size: 11px;\r\n\r\n      &:hover, &:active {\r\n      color: var(--bet-dropdown-sub-color-hover);\r\n      background-color: var(--bet-dropdown-sub-bg-color-hover);\r\n      }\r\n    }\r\n\r\n    .is-active {\r\n      .dropdown-item {\r\n      color: var(--bet-dropdown-sub-color-hover);\r\n      background-color: var(--bet-dropdown-sub-bg-color-hover);\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MarketBets.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MarketBets.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MarketBets.vue?vue&type=template&id=7ee0b12a\"\nimport script from \"./MarketBets.vue?vue&type=script&lang=js\"\nexport * from \"./MarketBets.vue?vue&type=script&lang=js\"\nimport style0 from \"./MarketBets.vue?vue&type=style&index=0&id=7ee0b12a&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bet.vue?vue&type=style&index=0&id=dd59031e&prod&lang=scss&scoped=true\""],"sourceRoot":""}