{"version":3,"sources":["webpack:///./src/components/Layouts/components/SelectMarketsOfMatch.vue","webpack:///src/components/Layouts/components/SelectMarketsOfMatch.vue","webpack:///./src/components/Layouts/components/SelectMarketsOfMatch.vue?086d","webpack:///./src/components/Layouts/components/SelectMarketsOfMatch.vue?f58e","webpack:///./src/components/Layouts/components/SelectMarketsOfMatch.vue?51c7"],"names":["render","_vm","this","_c","_self","ref","staticClass","attrs","selectedMarketName","right","on","$event","hasMarkets","getMarketsOfMatch","$t","type","indexOf","_k","keyCode","key","onEnter","apply","arguments","filterEventCode","model","value","termOfSearch","callback","$$v","expression","loaded","filteredMarkets","_l","market","index","_","isEmpty","Bets","domProps","_s","Nm","bet","iBet","BUNID","stopPropagation","setBet","_v","Odd","_e","staticRenderFns","name","props","eventCode","required","default","markets","hideName","autoOpen","filterByName","data","marketsOfMatch","betSelected","called","computed","watch","mounted","methods","quickCodeId","vm","payload","loadMarkets","m","component"],"mappings":"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","file":"js/chunk-cd7ee76c.05096b8e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-dropdown',{ref:\"dropdown\",staticClass:\"select-dropdown grid-option select-dropdown-rounded\",attrs:{\"text\":_vm.selectedMarketName,\"right\":_vm.right,\"boundary\":\"window\"},on:{\"show\":function($event){!_vm.hasMarkets ? _vm.getMarketsOfMatch() : false}}},[_c('b-dropdown-text',{staticClass:\"option-input\"},[_c('b-input-group',{attrs:{\"size\":\"sm\"}},[_c('b-form-input',{ref:\"filter\",attrs:{\"placeholder\":_vm.$t('search'),\"autofocus\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnter.apply(null, arguments)},\"input\":_vm.filterEventCode},model:{value:(_vm.termOfSearch),callback:function ($$v) {_vm.termOfSearch=$$v},expression:\"termOfSearch\"}}),_c('b-input-group-text',[_c('i',{staticClass:\"pki-search\"})])],1)],1),_c('b-overlay',{attrs:{\"show\":!_vm.loaded,\"opacity\":\"0.6\",\"blur\":\"2px\",\"spinner-variant\":\"transparent\"}},[(_vm.filteredMarkets)?[_vm._l((_vm.filteredMarkets),function(market,index){return [(market && !_vm._.isEmpty(market.Bets))?[_c('b-dropdown-item',{key:'MSOs'+index,staticClass:\"option-group\",attrs:{\"disabled\":\"\"},domProps:{\"innerHTML\":_vm._s(market.Nm)}}),_vm._l((market.Bets),function(bet,iBet){return _c('b-dropdown-item',{key:'b'+iBet+bet.BUNID,staticClass:\"option-item\",on:{\"click\":function($event){$event.stopPropagation();return _vm.setBet(bet, market)}}},[_c('div',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s(bet.Nm)+\" \")]),_c('div',{staticClass:\"odd\"},[_vm._v(\" \"+_vm._s(bet.Odd / 100)+\" \")])])})]:_vm._e()]})]:_vm._e()],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-dropdown\r\n    ref=\"dropdown\"\r\n    :text=\"selectedMarketName\"\r\n    :right=\"right\"\r\n    boundary=\"window\"\r\n    class=\"select-dropdown grid-option select-dropdown-rounded\"\r\n    @show=\"!hasMarkets ? getMarketsOfMatch() : false\"\r\n  >\r\n    <b-dropdown-text class=\"option-input\">\r\n      <b-input-group size=\"sm\">\r\n        <b-form-input\r\n          ref=\"filter\"\r\n          v-model=\"termOfSearch\"\r\n          :placeholder=\"$t('search')\"\r\n          autofocus\r\n          @keyup.enter=\"onEnter\"\r\n          @input=\"filterEventCode\"\r\n        />\r\n        <b-input-group-text><i class=\"pki-search\" /></b-input-group-text>\r\n      </b-input-group>\r\n    </b-dropdown-text>\r\n\r\n    <b-overlay\r\n      :show=\"!loaded\"\r\n      opacity=\"0.6\"\r\n      blur=\"2px\"\r\n      spinner-variant=\"transparent\"\r\n    >\r\n      <template v-if=\"filteredMarkets\">\r\n        <template v-for=\"(market, index) in filteredMarkets\">\r\n          <template v-if=\"market && !_.isEmpty(market.Bets)\">\r\n            <b-dropdown-item\r\n              :key=\"'MSOs'+index\"\r\n              class=\"option-group\"\r\n              disabled\r\n              v-html=\"market.Nm\"\r\n            />\r\n\r\n            <b-dropdown-item\r\n              v-for=\"(bet, iBet) in market.Bets\"\r\n              :key=\"'b'+iBet+bet.BUNID\"\r\n              class=\"option-item\"\r\n              @click.stop=\"setBet(bet, market)\"\r\n            >\r\n              <div class=\"name\">\r\n                {{ bet.Nm }}\r\n              </div>\r\n              <div class=\"odd\">\r\n                {{ bet.Odd / 100 }}\r\n              </div>\r\n            </b-dropdown-item>\r\n          </template>\r\n        </template>\r\n      </template>\r\n    </b-overlay>\r\n  </b-dropdown>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'SelectMarketsOfMatch',\r\n  props: {\r\n    eventCode: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    hasMarkets: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    markets: {\r\n      type: Array,\r\n      required: false,\r\n    },\r\n    hideName: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    right: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    autoOpen: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    filterByName: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      termOfSearch: '',\r\n      marketsOfMatch: [],\r\n      filteredMarkets: [],\r\n      betSelected: {\r\n        market: null,\r\n        bet: null,\r\n      },\r\n      loaded: false,\r\n      called: false,\r\n    };\r\n  },\r\n  computed: {\r\n    selectedMarketName() {\r\n      if (this.hideName) return '';\r\n      return this.betSelected.bet === null ? this.$t('quick_code.risult') : `${this.betSelected.market.Nm} | ${this.betSelected.bet.Nm}`;\r\n    },\r\n  },\r\n  watch: {\r\n    markets(val) {\r\n      if (this.hasMarkets) this.loadMarkets(val);\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.hasMarkets) this.loadMarkets(this.markets);\r\n  },\r\n  methods: {\r\n    onEnter() {\r\n      if (this.filteredMarkets.length) {\r\n        const market = this.filteredMarkets[0];\r\n        if (market.Bets.length) {\r\n          const bet = market.Bets[0];\r\n          this.setBet(bet, market);\r\n        }\r\n      }\r\n    },\r\n    getMarketsOfMatch() {\r\n      if (!this.called && this._.isEmpty(this.marketsOfMatch)) {\r\n        this.loaded = false;\r\n        this.called = true;\r\n        const payload = { quickCodeId: this.eventCode };\r\n        this.$store.dispatch('quickBetCode', { vm: this, payload }).then((res) => {\r\n          if (res) {\r\n            this.loadMarkets(res.Markets);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    loadMarkets(markets) {\r\n      this.marketsOfMatch = this._.cloneDeep(markets);\r\n      this.filteredMarkets = this._.cloneDeep(markets);\r\n      this.loaded = true;\r\n      if (this.autoOpen) this.$refs.dropdown.show();\r\n    },\r\n    filterEventCode(terms) {\r\n      if (terms.length > 0) {\r\n        const that = this;\r\n        const markets = this.marketsOfMatch.map((market) => {\r\n          if (that.filterByName) {\r\n            const inMarket = market.Nm.toLowerCase().includes(terms.toLowerCase());\r\n            if (inMarket) return market;\r\n          }\r\n          const bet = market.Bets.find((b) => b.QBC !== null && String(b.QBC).toLowerCase() === terms.toLowerCase());\r\n          const inBet = !that._.isEmpty(bet) && bet;\r\n          if (inBet) {\r\n            const m = this._.cloneDeep(market);\r\n            m.Bets = [bet];\r\n            return m;\r\n          }\r\n          return false;\r\n        });\r\n        this.filteredMarkets = this._.cloneDeep(markets).filter((el) => el !== false);\r\n      } else {\r\n        this.filteredMarkets = this._.cloneDeep(this.marketsOfMatch);\r\n      }\r\n    },\r\n    setBet(bet, market) {\r\n      this.betSelected.market = this._.cloneDeep(market);\r\n      this.betSelected.bet = this._.cloneDeep(bet);\r\n      this.$emit('setBet', this.betSelected);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.select-dropdown {\r\n  &:deep(.dropdown-menu) {\r\n    width: auto;\r\n    max-width: 100%;\r\n    right: 28px;\r\n  }\r\n\r\n  &:deep(.btn) {\r\n    color: var(--color-primary) !important;\r\n    background: transparent;\r\n    border: 2px solid var(--color-dominance);\r\n    border-radius: var(--scrinput-btn-borderradius);\r\n    text-align: center;\r\n    font-weight: bold;\r\n    height: calc(1.5em + 0.75rem + 2px);\r\n  }\r\n\r\n  .option-group {\r\n    pointer-events: none;\r\n    cursor: default;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    padding: 4px 8px;\r\n    color: var(--color-dominance) !important;\r\n    font-weight: bold;\r\n    border-bottom: var(--list-border-bottom-dark);\r\n    font-size: 13px;\r\n  }\r\n\r\n  .option-item {\r\n    padding: 0px;\r\n\r\n    &:deep(a) {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      color: var(--color-primary) !important;\r\n      padding: 6px 8px;\r\n      border-bottom: var(--list-border-bottom-dark);\r\n\r\n      .name {\r\n        font-size: 13px;\r\n      }\r\n\r\n      .odd {\r\n        border: 1px solid var(--color-primary);\r\n        border-radius: 3px;\r\n        padding: 4px 8px;\r\n        min-width: 50px;\r\n        text-align: center;\r\n        font-weight: bold;\r\n        font-size: 0.9em;\r\n      }\r\n\r\n      &:hover, &:focus {\r\n        background-color: var(--color-dominance) !important;\r\n\r\n        .name {\r\n          color: var(--color-primary);\r\n          font-weight: bold;\r\n        }\r\n\r\n        .odd {\r\n          border-color: var(--color-primary);\r\n          background-color: var(--bg-color-primary);\r\n          color: var(--color-dominance);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .option-input {\r\n    &:deep(.b-dropdown-text) {\r\n      padding: 0;\r\n      border-bottom: 1px solid var(--color-dominance);\r\n\r\n      .input-group {\r\n        .input-group-text {\r\n          background: transparent;\r\n          border: none;\r\n          color: var(--color-dominance);\r\n        }\r\n      }\r\n    }\r\n\r\n    &:deep(.form-control) {\r\n      padding: 0 5px;\r\n      height: 30px;\r\n      background-color: transparent;\r\n      border: none;\r\n      color: var(--color-primary);\r\n      font-size: 0.9em;\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!./SelectMarketsOfMatch.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!./SelectMarketsOfMatch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectMarketsOfMatch.vue?vue&type=template&id=277c9c78&scoped=true\"\nimport script from \"./SelectMarketsOfMatch.vue?vue&type=script&lang=js\"\nexport * from \"./SelectMarketsOfMatch.vue?vue&type=script&lang=js\"\nimport style0 from \"./SelectMarketsOfMatch.vue?vue&type=style&index=0&id=277c9c78&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  \"277c9c78\",\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!./SelectMarketsOfMatch.vue?vue&type=style&index=0&id=277c9c78&prod&scoped=true&lang=scss\""],"sourceRoot":""}