{"version":3,"sources":["webpack:///./src/components/LiveBet/Details/Bet.vue","webpack:///src/components/LiveBet/Details/Bet.vue","webpack:///./src/components/LiveBet/Details/Bet.vue?a998","webpack:///./src/components/LiveBet/Details/Bet.vue?2825","webpack:///./src/components/LiveBet/Details/MarketTable.vue","webpack:///src/components/LiveBet/Details/MarketTable.vue","webpack:///./src/components/LiveBet/Details/MarketTable.vue?7e3b","webpack:///./src/components/LiveBet/Details/MarketTable.vue?fb51","webpack:///./src/components/LiveBet/Details/MarketTable.vue?9e3c","webpack:///./src/components/LiveBet/Details/Bet.vue?a80a","webpack:///./src/components/LiveBet/Details/Bet.vue?db6e"],"names":["render","_vm","this","_c","_self","staticClass","isValid","class","trendClass","isSelected","isInTicket","attrs","value","id","on","$event","stopPropagation","clickToTicket","apply","arguments","option","_v","_s","name","_e","$store","getters","isDev","$globalFunctions","onClickCopy","staticRenderFns","props","required","default","eventId","marketId","sportId","categoryId","tournamentId","data","interval","computed","ticketOdds","watch","handler","that","deep","mounted","destroyed","clearInterval","methods","addToTicket","odd_id","match_id","market_id","sport_id","locality_id","championship_id","live","vm","payload","removeToTicket","component","marketOptions","eventMarket","isOpen","market","isActive","_","isEmpty","state","liveFavoriteMarkets","event","details","includes","clickFavoriteMarket","hasSpread","_l","optionsSorted","key","spreads","sp","isValidRowBets","markets","bets","options","classCollumns","event_id","components","DetailsBet","type","allOpen","immediate","created","sortOptions"],"mappings":"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","file":"js/chunk-6776591c.78b8bfd1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cont-bet\"},[(_vm.isValid)?_c('div',{staticClass:\"bet isActive\",class:[_vm.trendClass,{isSelected:_vm.isInTicket}],attrs:{\"data-id\":_vm.value.id},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickToTicket.apply(null, arguments)}}},[(_vm.option)?_c('div',{staticClass:\"bet-name\"},[_vm._v(\" \"+_vm._s(_vm.option.name)+\" \")]):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.value.value / 100))])]):_c('div',[_c('div',{staticClass:\"bet\"},[(_vm.option)?_c('div',{staticClass:\"bet-name\"},[_vm._v(\" \"+_vm._s(_vm.option.name)+\" \")]):_vm._e(),_c('i',{staticClass:\"pki-lock\"})])]),(_vm.$store.getters.isDev)?_c('div',{staticClass:\"logId\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$globalFunctions.onClickCopy(_vm.value.id)}}},[_vm._v(\" \"+_vm._s(_vm.value.id)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"cont-bet\">\r\n    <div\r\n      v-if=\"isValid\"\r\n      class=\"bet isActive\"\r\n      :data-id=\"value.id\"\r\n      :class=\"[trendClass,{isSelected:isInTicket}]\"\r\n      @click.stop=\"clickToTicket\"\r\n    >\r\n      <div\r\n        v-if=\"option\"\r\n        class=\"bet-name\"\r\n      >\r\n        {{ option.name }}\r\n      </div>\r\n      <div>{{ value.value / 100 }}</div>\r\n    </div>\r\n    <div v-else>\r\n      <div class=\"bet\">\r\n        <div\r\n          v-if=\"option\"\r\n          class=\"bet-name\"\r\n        >\r\n          {{ option.name }}\r\n        </div>\r\n        <i class=\"pki-lock\" />\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"$store.getters.isDev\"\r\n      class=\"logId\"\r\n      @click.stop=\"$globalFunctions.onClickCopy(value.id)\"\r\n    >\r\n      {{ value.id }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'DetailsBet',\r\n  props: {\r\n    value: {\r\n      required: true,\r\n    },\r\n    option: {\r\n      default: null,\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  },\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 (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        if (val.value === oldval.value) return false;\r\n        const that = this;\r\n        if (val.trend !== 0 && this.interval !== null) clearInterval(this.interval);\r\n        if (val.trend > 0) {\r\n          this.trendClass = '';\r\n          this.trendClass = 'increased';\r\n        } else if (val.trend < 0) {\r\n          this.trendClass = '';\r\n          this.trendClass = 'decreased';\r\n        } else this.trendClass = '';\r\n\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  mounted() {\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\">\r\n:root {\r\n--borderColor: rgba(144, 153, 171, 0.6);\r\n}\r\n.cont-bet {\r\n  width: 100%;\r\n\r\n  .bet {\r\n    height: 40px;\r\n    line-height: 1;\r\n    background-color: transparent;\r\n    color: var(--quote-color);\r\n    border-radius: 0px;\r\n    z-index: 1;\r\n    position: relative;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    transition: var(--transition);\r\n    border: none;\r\n    border-bottom: 1px solid transparent;\r\n\r\n    &:hover{\r\n        background-color: var(--bet-bnt-select) !important;\r\n        color: var(--quote-color-hover) !important;\r\n        .bet-name{\r\n          color: var(--quote-color-hover) !important;\r\n        }\r\n      }\r\n\r\n    .bet-name {\r\n      color: var(--quote-color);\r\n      margin-right: 10px;\r\n      font-weight: 400;\r\n      font-size: 13px;\r\n      white-space: nowrap;\r\n      text-align: center;\r\n    }\r\n    i{\r\n      font-size: 14px;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 1px;\r\n      left: 50%;\r\n      transform: translate(-50%, 0);\r\n      width: 80px;\r\n      max-width: calc(100% - 13px) !important;\r\n      height: 3px;\r\n      transition: all .3s ease;\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-blinkingd .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    &.isActive{\r\n      cursor: pointer;\r\n      &:hover{\r\n        background: var(--bg-color-primary);\r\n        border-bottom: 1px solid var(--borderColor);\r\n      }\r\n    }\r\n\r\n    &.isSelected {\r\n      background: var(--bet-bnt-select);\r\n      color: var(--color-dark-dominance);\r\n      .bet-name {\r\n        color: var(--quote-color-hover) !important;\r\n      }\r\n      &:hover{\r\n        background-color: var(--bet-bnt-select) !important;\r\n        color: var(--quote-color-hover) !important;\r\n      }\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: 80px;\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 13px);\r\n  }\r\n}\r\n\r\n@keyframes option-indicator-blinking {\r\n  0% {\r\n    //opacity: 1;\r\n    width: 80px;\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 13px);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes option-indicator-static {\r\n  0% {\r\n    //opacity: 1;\r\n    width: 80px;\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 13px);\r\n  }\r\n}\r\n\r\n@keyframes option-indicator-static {\r\n  0% {\r\n    //opacity: 1;\r\n    width: 80px;\r\n  }\r\n  to {\r\n    //opacity: 0;\r\n    width: calc(100% - 13px);\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=4f4bc67c\"\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=4f4bc67c&prod&lang=scss\"\nimport style1 from \"./Bet.vue?vue&type=style&index=1&id=4f4bc67c&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","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.marketOptions && _vm.eventMarket)?_c('div',{staticClass:\"detail-market-table\"},[_c('div',{staticClass:\"detail-market-table__header\",class:{isOpen: _vm.isOpen},on:{\"click\":function($event){_vm.isOpen = !_vm.isOpen}}},[_c('span',[(_vm.$store.getters.isDev)?_c('small',{staticClass:\"mr-1 logId\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$globalFunctions.onClickCopy(_vm.market.id)}}},[_vm._v(_vm._s(_vm.market.id))]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.market.name)+\" \")]),_c('div',{staticClass:\"detail-market-table__header__actions\"},[_c('div',{staticClass:\"favorite\"},[_c('i',{staticClass:\"pki-star\",class:{isActive: !_vm._.isEmpty(_vm.$store.state.liveFavoriteMarkets[_vm.event.details.sport_id])\n            && _vm.$store.state.liveFavoriteMarkets[_vm.event.details.sport_id].includes(_vm.market.id)},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavoriteMarket.apply(null, arguments)}}})]),_c('div',{staticClass:\"set-dropdown\"},[(!_vm.isOpen)?_c('i',{staticClass:\"pki-chevron-down\"}):_c('i',{staticClass:\"pki-chevron-top\"})])])]),_c('div',{staticClass:\"detail-market-table__body\",class:{isOpen: _vm.isOpen}},[(_vm.hasSpread)?_c('div',{staticClass:\"table-head\"},[_c('div',{staticClass:\"item-col spread-col\"}),_vm._l((_vm.optionsSorted),function(option){return _c('div',{key:option.id,staticClass:\"item-col options-col\"},[_vm._v(\" \"+_vm._s(option.name)+\" \")])})],2):_vm._e(),_c('div',{staticClass:\"table-body\"},[_vm._l((_vm.spreads),function(sp){return [(_vm.isValidRowBets(_vm.event.markets[_vm.market.id].bets[sp].options))?_c('div',{key:'MSB'+sp,staticClass:\"table-body__row\",class:_vm.classCollumns},[(_vm.hasSpread && sp!=='nd')?_c('div',{staticClass:\"item-col spread-col\"},[_vm._v(\" \"+_vm._s(sp)+\" \")]):_vm._e(),_vm._l((_vm.optionsSorted),function(option){return [(_vm.event.markets[_vm.market.id].bets[sp].options[option.id])?_c('div',{key:'MSO'+option.id,staticClass:\"item-col options-col\"},[_c('details-bet',{attrs:{\"value\":_vm.event.markets[_vm.market.id].bets[sp].options[option.id],\"event-id\":_vm.event.details.event_id,\"market-id\":_vm.market.id,\"sport-id\":_vm.event.details.sport_id,\"category-id\":_vm.event.details.locality_id,\"tournament-id\":_vm.event.details.championship_id,\"option\":!_vm.hasSpread ? option : null}})],1):(_vm.hasSpread)?_c('div',{key:'MSO'+option.id,staticClass:\"item-col options-col\"},[_c('i',{staticClass:\"pki-lock\"})]):_vm._e()]})],2):_vm._e()]})],2)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"marketOptions && eventMarket\"\r\n    class=\"detail-market-table\"\r\n  >\r\n    <div\r\n      class=\"detail-market-table__header\"\r\n      :class=\"{isOpen: isOpen}\"\r\n      @click=\"isOpen = !isOpen\"\r\n    >\r\n      <span>\r\n        <small\r\n          v-if=\"$store.getters.isDev\"\r\n          class=\"mr-1 logId\"\r\n          @click.stop=\"$globalFunctions.onClickCopy(market.id)\"\r\n        >{{ market.id }}</small>\r\n        {{ market.name }}\r\n      </span>\r\n      <div class=\"detail-market-table__header__actions\">\r\n        <div class=\"favorite\">\r\n          <i\r\n            class=\"pki-star\"\r\n            :class=\"{isActive: !_.isEmpty($store.state.liveFavoriteMarkets[event.details.sport_id])\r\n              && $store.state.liveFavoriteMarkets[event.details.sport_id].includes(market.id)}\"\r\n            @click.stop=\"clickFavoriteMarket\"\r\n          />\r\n        </div>\r\n        <div class=\"set-dropdown\">\r\n          <i\r\n            v-if=\"!isOpen\"\r\n            class=\"pki-chevron-down\"\r\n          />\r\n          <i\r\n            v-else\r\n            class=\"pki-chevron-top\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"detail-market-table__body\"\r\n      :class=\"{isOpen: isOpen}\"\r\n    >\r\n      <div\r\n        v-if=\"hasSpread\"\r\n        class=\"table-head\"\r\n      >\r\n        <div class=\"item-col spread-col\" />\r\n        <div\r\n          v-for=\"option in optionsSorted\"\r\n          :key=\"option.id\"\r\n          class=\"item-col options-col\"\r\n        >\r\n          {{ option.name }}\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"table-body\">\r\n        <template v-for=\"sp in spreads\">\r\n          <div\r\n            v-if=\"isValidRowBets(event.markets[market.id].bets[sp].options)\"\r\n            :key=\"'MSB'+sp\"\r\n            class=\"table-body__row\"\r\n            :class=\"classCollumns\"\r\n          >\r\n            <div\r\n              v-if=\"hasSpread && sp!=='nd'\"\r\n              class=\"item-col spread-col\"\r\n            >\r\n              {{ sp }}\r\n            </div>\r\n            <template v-for=\"(option) in optionsSorted\">\r\n              <div\r\n                v-if=\"event.markets[market.id].bets[sp].options[option.id]\"\r\n                :key=\"'MSO'+option.id\"\r\n                class=\"item-col options-col\"\r\n              >\r\n                <details-bet\r\n                  :value=\"event.markets[market.id].bets[sp].options[option.id]\"\r\n                  :event-id=\"event.details.event_id\"\r\n                  :market-id=\"market.id\"\r\n                  :sport-id=\"event.details.sport_id\"\r\n                  :category-id=\"event.details.locality_id\"\r\n                  :tournament-id=\"event.details.championship_id\"\r\n                  :option=\"!hasSpread ? option : null\"\r\n                />\r\n              </div>\r\n              <div\r\n                v-else-if=\"hasSpread\"\r\n                :key=\"'MSO'+option.id\"\r\n                class=\"item-col options-col\"\r\n              >\r\n                <i class=\"pki-lock\" />\r\n              </div>\r\n            </template>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DetailsBet from '@/components/LiveBet/Details/Bet';\r\n\r\nexport default {\r\n  name: 'MarketTable',\r\n  components: { DetailsBet },\r\n  props: {\r\n    event: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    market: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    allOpen: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isOpen: true,\r\n      optionsSorted: [],\r\n    };\r\n  },\r\n  computed: {\r\n    eventMarket() {\r\n      return !this._.isEmpty(this.event.markets[this.market.id]) ? this.event.markets[this.market.id] : null;\r\n    },\r\n    spreads() {\r\n      if (!this.eventMarket) return null;\r\n      const { bets } = this.event.markets[this.market.id];\r\n      const spreads = Object.keys(bets);\r\n      spreads.sort((a, b) => ((a > b) ? 1 : -1));\r\n      return spreads;\r\n    },\r\n    classCollumns() {\r\n      const marketId = this.market.id;\r\n      let classCollumns = null;\r\n      if (this.marketOptions && !this.hasSpread) {\r\n        const options = this._.cloneDeep(this.event.markets[marketId].bets.nd.options);\r\n        if (Object.keys(options).length % 3 === 0) classCollumns = 'triple';\r\n        else if (Object.keys(options).length % 2 === 0) classCollumns = 'double';\r\n        else classCollumns = 'triple';\r\n      }\r\n      return classCollumns;\r\n    },\r\n    hasSpread() {\r\n      return this.marketOptions && typeof this.marketOptions.spread !== 'undefined' && this.marketOptions.spread;\r\n    },\r\n    marketOptions() {\r\n      return this.$store.state.translates.Os[this.market.id];\r\n    },\r\n  },\r\n  watch: {\r\n    allOpen(val, old) {\r\n      if (val !== old) this.isOpen = val;\r\n    },\r\n    marketOptions: {\r\n      immediate: true,\r\n      deep: true,\r\n      handler(val) {\r\n        this.sortOptions(val.options);\r\n      },\r\n    },\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    clickFavoriteMarket() {\r\n      this.$store.dispatch('clickFavoriteMarket', {\r\n        sport_id: this.event.details.sport_id,\r\n        market_id: this.market.id,\r\n      }).then(() => {\r\n      });\r\n    },\r\n    isValidRowBets(options) {\r\n      const res = Object.values(options).some((o) => Number(o.status) === 1);\r\n      return res;\r\n    },\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 scoped lang=\"scss\">\r\n:root {\r\n--borderColor: rgba(144, 153, 171, 0.6);\r\n}\r\n.detail-market-table {\r\n  margin-top: 16px;\r\n  border: 2px solid var(--bg-color-primary);\r\n\r\n  &__header {\r\n    position: relative;\r\n    cursor: pointer;\r\n    background: var(--bg-color-primary);\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    padding: 8px 16px;\r\n    letter-spacing: 1px;\r\n    transition: var(--transition);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    &.isOpen{\r\n      background: var(--liveheadopen-bg-color);\r\n      color: var(--liveheadopen-color);\r\n      border-bottom: 2px solid var(--bg-color-primary);\r\n    }\r\n\r\n    &__actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n      gap: 16px;\r\n\r\n      .icon {\r\n        width: 21px;\r\n        height: 21px;\r\n        font-size: 7px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        background: var(--bg-color-primary);\r\n        border: 1px solid var(--color-primary);\r\n        border-radius: 50%;\r\n        color: var(--color-dominance);\r\n        cursor: pointer;\r\n      }\r\n\r\n      .favorite {\r\n        i {\r\n          font-size: 14px;\r\n          color: var(--color-dominance);\r\n\r\n          &.isActive,\r\n          &:hover {\r\n            &:before {\r\n              content: '\\e911';\r\n            }\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  &__body {\r\n    transition: var(--transition);\r\n    overflow: hidden;\r\n    height: 0;\r\n\r\n    &.isOpen {\r\n      height: auto;\r\n    }\r\n\r\n    .table-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: var(--marketBetsMain-bg-color);\r\n      gap: 2px;\r\n\r\n      .item-col {\r\n        text-align: center;\r\n        flex-basis: 100%;\r\n        font-size: 13px;\r\n        font-weight: 400;\r\n        padding: 8px 10px;\r\n        letter-spacing: 1px;\r\n        height: 40px;\r\n        line-height: 24px;\r\n        background-color: var(--oddsheadgrid-bg-color);\r\n\r\n        &.spread-col {\r\n          flex-basis: 212px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .table-body {\r\n      &__row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 3px;\r\n        gap: 2px;\r\n        color: var(--quotelive-color);\r\n\r\n        &:last-child{\r\n          margin-bottom: 0;\r\n        }\r\n\r\n        .item-col {\r\n          text-align: center;\r\n          flex-basis: 100%;\r\n          font-size: 13px;\r\n          font-weight: 400;\r\n          padding: 0px;\r\n          letter-spacing: 1px;\r\n          //border-bottom: var(--matches-row-border-bottom);\r\n          height: 40px;\r\n          line-height: 40px;\r\n          background: var(--matches-row-bg-color);\r\n\r\n          &.spread-col {\r\n            flex-basis: 200px !important;\r\n            padding: 0 10px;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            color: var(--betspred-color);\r\n            background-color: var(--bg-row-unique, var(--matches-row-bg-color, transparent));\r\n          }\r\n        }\r\n\r\n        &.double,\r\n        &.triple {\r\n          flex-wrap: wrap;\r\n\r\n          .item-col {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            .bet-name {\r\n              flex-basis: 40%;\r\n            }\r\n\r\n            .bet-button {\r\n              flex-basis: 60%;\r\n            }\r\n          }\r\n        }\r\n\r\n        &.double {\r\n          .item-col {\r\n            flex-basis: calc(50% - 1px);\r\n          }\r\n        }\r\n\r\n        &.triple {\r\n          .item-col {\r\n            flex-basis: calc(33% - 1px);\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!./MarketTable.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!./MarketTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MarketTable.vue?vue&type=template&id=3094c316&scoped=true\"\nimport script from \"./MarketTable.vue?vue&type=script&lang=js\"\nexport * from \"./MarketTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./MarketTable.vue?vue&type=style&index=0&id=3094c316&prod&scoped=true&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  \"3094c316\",\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!./MarketTable.vue?vue&type=style&index=0&id=3094c316&prod&scoped=true&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!./Bet.vue?vue&type=style&index=1&id=4f4bc67c&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!./Bet.vue?vue&type=style&index=0&id=4f4bc67c&prod&lang=scss\""],"sourceRoot":""}