{"version":3,"sources":["webpack:///./src/components/Sports/components/AntepostTable/Bets/MarketBets.vue?9637","webpack:///./src/components/Sports/components/AntepostTable/Bets/MarketBets.vue","webpack:///src/components/Sports/components/AntepostTable/Bets/MarketBets.vue","webpack:///./src/components/Sports/components/AntepostTable/Bets/MarketBets.vue?87d1","webpack:///./src/components/Sports/components/AntepostTable/Bets/MarketBets.vue?7053"],"names":["render","_vm","this","_c","_self","market","staticClass","_v","_s","Nm","class","hasSpread","$store","getters","isDev","domProps","marketId","on","$event","stopPropagation","$globalFunctions","onClickCopy","_e","_l","allBets","bet","key","BUNID","autoWidth","hasAutoWidth","attrs","antepostId","sportId","categoryId","tournamentId","pid","ONm","staticRenderFns","name","components","SportBet","props","required","bets","type","markets","generalSpread","default","data","index","os","selectedBets","msvs","currMsvs","computed","watch","deep","immediate","handler","created","mounted","methods","setData","that","setSelectedBets","setOs","a","findBet","component"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,OAAQF,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAACG,YAAY,kCAAkC,CAACL,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAII,OAAOI,IAAI,WAAWN,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,aAAaI,MAAM,CAACC,UAAWV,EAAIU,YAAY,CAAEV,EAAIW,OAAOC,QAAQC,MAAOX,EAAG,OAAO,CAACG,YAAY,QAAQS,SAAS,CAAC,UAAYd,EAAIO,GAAGP,EAAIe,WAAWC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBlB,EAAImB,iBAAiBC,YAAYpB,EAAIe,cAAcf,EAAIqB,KAAKrB,EAAIsB,GAAItB,EAAIuB,SAAS,SAASC,GAAK,OAAOtB,EAAG,MAAM,CAACuB,IAAID,EAAIE,MAAMrB,YAAY,UAAUI,MAAM,CAACkB,UAAU3B,EAAI4B,eAAe,CAAC1B,EAAG,YAAY,CAAC2B,MAAM,CAAC,IAAML,EAAI,WAAWxB,EAAI8B,WAAW,YAAY9B,EAAIe,SAAS,WAAWf,EAAI+B,QAAQ,cAAc/B,EAAIgC,WAAW,gBAAgBhC,EAAIiC,aAAa,IAAMjC,EAAIkC,OAAOhC,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACL,EAAIM,GAAG,IAAIN,EAAIO,GAAGiB,EAAIW,KAAK,QAAQ,OAAM,OAAOnC,EAAIqB,MAEriCe,EAAkB,GC8CP,GACfC,0BACAC,YACAC,8DAEAC,OACAV,YACAW,aAEAC,MACAC,WACAF,aAEA1B,UACA0B,aAEAV,SACAU,aAEAT,YACAS,aAEAR,cACAQ,aAEAG,SACAH,aAEAI,eACAC,cAEAZ,KACAY,YAGAC,OACA,OACAC,QACA5C,YACA6C,MACA1B,WACA2B,gBACAC,QACAC,gBAGAC,UACAzB,eACA,yBAEAlB,YACA,gFAGA4C,OACAZ,MACAa,QACAC,aACAC,WACA,iCAIAC,UACA,oDACA,yCACA,2CAGAC,YAEAC,SACAC,aACA,aACAC,wCACAA,6DAEAC,mBAEA,GADA,gBACA,gDACA,yBACA,CACA,6CACA,oBAEA,cAEAC,QACA,WACA,cACA,SAAAjD,GAAA,MACA,QAAAgB,GAAA,KACA,4CAEA,mBACAkC,8DAEA,YACA,qBAEA,OADA,eACA,IAEA,6BAEAC,WACA,sFACA,mDACA,+CACA,kBC5J+Y,I,wBCQ3YC,EAAY,eACd,EACApE,EACAqC,GACA,EACA,KACA,WACA,MAIa,aAAA+B,E","file":"js/chunk-f8e2d7fc.51ee2d12.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!./MarketBets.vue?vue&type=style&index=0&id=1f2e2632&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.market)?_c('div',{staticClass:\"marketTable\"},[_c('div',{staticClass:\"marketTable__header\"},[_c('div',{staticClass:\"marketTable__header__row\"},[_c('div',{staticClass:\"marketTable__header__row__left\"},[_vm._v(\" \"+_vm._s(_vm.market.Nm)+\" \")])])]),_c('div',{staticClass:\"marketTable__body\"},[_c('div',{staticClass:\"marketBets\",class:{hasSpread: _vm.hasSpread}},[(_vm.$store.getters.isDev)?_c('span',{staticClass:\"logId\",domProps:{\"innerHTML\":_vm._s(_vm.marketId)},on:{\"click\":function($event){$event.stopPropagation();return _vm.$globalFunctions.onClickCopy(_vm.marketId)}}}):_vm._e(),_vm._l((_vm.allBets),function(bet){return _c('div',{key:bet.BUNID,staticClass:\"cnt-bet\",class:{autoWidth:_vm.hasAutoWidth}},[_c('sport-bet',{attrs:{\"bet\":bet,\"event-id\":_vm.antepostId,\"market-id\":_vm.marketId,\"sport-id\":_vm.sportId,\"category-id\":_vm.categoryId,\"tournament-id\":_vm.tournamentId,\"pid\":_vm.pid}}),_c('div',{staticClass:\"bet-name text-truncate\"},[_vm._v(\" \"+_vm._s(bet.ONm)+\" \")])],1)})],2)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"market\"\r\n    class=\"marketTable\"\r\n  >\r\n    <div class=\"marketTable__header\">\r\n      <div class=\"marketTable__header__row\">\r\n        <div class=\"marketTable__header__row__left\">\r\n          {{ market.Nm }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"marketTable__body\">\r\n      <div\r\n        class=\"marketBets\"\r\n        :class=\"{hasSpread: hasSpread}\"\r\n      >\r\n        <span\r\n          v-if=\"$store.getters.isDev\"\r\n          class=\"logId\"\r\n          @click.stop=\"$globalFunctions.onClickCopy(marketId)\"\r\n          v-html=\"marketId\"\r\n        />\r\n        <div\r\n          v-for=\"bet in allBets\"\r\n          :key=\"bet.BUNID\"\r\n          class=\"cnt-bet\"\r\n          :class=\"{autoWidth:hasAutoWidth}\"\r\n        >\r\n          <sport-bet\r\n            :bet=\"bet\"\r\n            :event-id=\"antepostId\"\r\n            :market-id=\"marketId\"\r\n            :sport-id=\"sportId\"\r\n            :category-id=\"categoryId\"\r\n            :tournament-id=\"tournamentId\"\r\n            :pid=\"pid\"\r\n          />\r\n          <div class=\"bet-name text-truncate\">\r\n            {{ bet.ONm }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AntepostMarketBets',\r\n  components: {\r\n    SportBet: () => import('@/components/Sports/components/MatchesTable/Bet'),\r\n  },\r\n  props: {\r\n    antepostId: {\r\n      required: true,\r\n    },\r\n    bets: {\r\n      type: Array,\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    markets: {\r\n      required: true,\r\n    },\r\n    generalSpread: {\r\n      default: null,\r\n    },\r\n    pid: {\r\n      default: 1,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      index: 0,\r\n      market: null,\r\n      os: [],\r\n      allBets: [],\r\n      selectedBets: [],\r\n      msvs: [], // Spreads\r\n      currMsvs: null,\r\n    };\r\n  },\r\n  computed: {\r\n    hasAutoWidth() {\r\n      return this.os.length > 6;\r\n    },\r\n    hasSpread() {\r\n      return this.msvs.length > 1 || (this.msvs.length === 1 && Number(this.msvs[0].Val) !== 0);\r\n    },\r\n  },\r\n  watch: {\r\n    bets: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler(allBets) {\r\n        this.setData(this.marketId, allBets);\r\n      },\r\n    },\r\n  },\r\n  created() {\r\n    this.$watch((vm) => [vm.marketId, vm.generalSpread], (val, oldVal) => {\r\n      if (val[0] !== oldVal[0]) this.setData(val[0], this.bets);\r\n      else if (val[1] !== oldVal[1]) this.setSelectedBets(val[1]);\r\n    });\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    setData(marketId, bets) {\r\n      const that = this;\r\n      that.market = that.markets.find((m) => m.MTIID === marketId);\r\n      that.allBets = this._.cloneDeep(bets).sort((a, b) => (a.Odd > b.Odd ? 1 : -1));\r\n    },\r\n    setSelectedBets(msv) {\r\n      this.currMsvs = msv;\r\n      if (this._.isEmpty(this.allBets) || this._.isEmpty(msv)) {\r\n        this.selectedBets = [];\r\n      } else {\r\n        const bets = this.allBets.find((b) => b.MLIID === msv.ID);\r\n        this.selectedBets = bets;\r\n      }\r\n      this.setOs();\r\n    },\r\n    setOs() {\r\n      this.os = [];\r\n      const that = this;\r\n      const { marketId } = this;\r\n      const { sportId } = this;\r\n      const marketNOs = this.$store.getters.marketPlayersNOs(sportId, marketId);\r\n\r\n      const os = marketNOs.Os.sort((a, b) => (\r\n        ((a.VO > b.VO) || (Number(a.VO) === Number(b.VO) && a.OLIID > b.OLIID) ? 1 : -1)\r\n      ));\r\n      const osWithName = os.map((o) => {\r\n        const bet = that.findBet(o);\r\n        if (bet) bet.Nm = o.Nm;\r\n        return bet;\r\n      });\r\n      this.os = this._.cloneDeep(osWithName);\r\n    },\r\n    findBet(o) {\r\n      if (this._.isEmpty(this.selectedBets) || this.selectedBets.Childs.length === 0) return null;\r\n      const currBetsChilds = this._.cloneDeep(this.selectedBets.Childs);\r\n      const bet = currBetsChilds.find((b) => Number(b.OLIID) === Number(o.OLIID));\r\n      return bet || null;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.marketTable{\r\n  .marketBets{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    .cnt-bet{\r\n      display: flex;\r\n      gap: 8px;\r\n      width: calc(20% - 8px);\r\n      align-items: center;\r\n      :deep(.bet){\r\n        max-width: 80px;\r\n        height: 40px;\r\n      }\r\n      .bet-name{\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=1f2e2632&scoped=true\"\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=1f2e2632&prod&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  \"1f2e2632\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}