{"version":3,"sources":["webpack:///./src/components/LiveBet/components/TimerComponent.vue","webpack:///src/components/LiveBet/components/TimerComponent.vue","webpack:///./src/components/LiveBet/components/TimerComponent.vue?775b","webpack:///./src/components/LiveBet/components/TimerComponent.vue?eb96","webpack:///./src/components/LiveBet/Details/EventsSidebar.vue?e7b7","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/components/Sidebar/ChampionshipsMenu.vue?f8a6","webpack:///./src/components/LiveBet/components/TimerComponent.vue?f1a8","webpack:///./src/components/LiveBet/components/Sidebar/ChampionshipsMenu.vue","webpack:///./src/components/LiveBet/Details/EventsSidebar.vue","webpack:///src/components/LiveBet/Details/EventsSidebar.vue","webpack:///./src/components/LiveBet/Details/EventsSidebar.vue?854b","webpack:///./src/components/LiveBet/Details/EventsSidebar.vue?a2b4","webpack:///src/components/LiveBet/components/Sidebar/ChampionshipsMenu.vue","webpack:///./src/components/LiveBet/components/Sidebar/ChampionshipsMenu.vue?7391","webpack:///./src/components/LiveBet/components/Sidebar/ChampionshipsMenu.vue?fb8a","webpack:///./src/components/LiveBet/Details/Bet.vue?a80a","webpack:///./src/components/LiveBet/components/ScoreComponent.vue?5753","webpack:///./src/components/LiveBet/Details/Bet.vue?db6e","webpack:///./src/components/LiveBet/components/ScoreComponent.vue","webpack:///src/components/LiveBet/components/ScoreComponent.vue","webpack:///./src/components/LiveBet/components/ScoreComponent.vue?e9f6","webpack:///./src/components/LiveBet/components/ScoreComponent.vue?bbbb"],"names":["render","_vm","this","_c","_self","hasTimer","hasPeriodName","staticClass","isMobile","hasLiveIcon","_v","_e","timer","hasIcon","_s","periodName","class","staticRenderFns","name","props","time","required","period","sport_id","type","default","data","seconds","timerInterval","computed","translates","watch","created","mounted","destroyed","clearInterval","methods","startTimer","self","pad","s","component","isValid","trendClass","isSelected","isInTicket","attrs","value","id","on","$event","stopPropagation","clickToTicket","apply","arguments","option","$store","getters","isDev","$globalFunctions","onClickCopy","eventId","marketId","sportId","categoryId","tournamentId","interval","ticketOdds","handler","that","deep","addToTicket","odd_id","match_id","market_id","locality_id","championship_id","live","vm","payload","removeToTicket","_l","items","championship","key","isOpened","includesChampionship","active","Number","activeData","preventDefault","toggleChampionship","_","isEmpty","events","eventIsActive","isMultiview","_vm$translates$FSSs$_","_vm$translates$FSSs$_2","event","isActive","bets","betExpanded","clickEvent","score_board","FSSs","state","period_id","_f","start_time","Object","values","partecipants","length","slice","p","partecipant_id","dotTurn","ls","extra","Turn","position_id","domProps","$t","n","event_id","NumberOfPeriods","periodScore","model","score","callback","$$v","$set","expression","directives","rawName","optionsSorted","market","betOptions","components","DetailsBet","TimerComponent","ScoreComponent","eventSlug","markets","immediate","params","event_slug","sortOptions","DetailsEventsSidebar","championships","showChampionshipsOpened","setChampionship","Vue","isInMultiview","changed"],"mappings":"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","file":"js/chunk-e65fc106.d1ea7f7c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.hasTimer || _vm.hasPeriodName)?_c('div',[_c('div',{staticClass:\"cont-time\"},[(_vm.isMobile && _vm.hasLiveIcon)?_c('div',{staticClass:\"live-icon\"},[_vm._v(\" Live \")]):_vm._e(),(_vm.timer && _vm.hasTimer)?_c('div',{staticClass:\"countdown\"},[(_vm.hasIcon)?_c('i',{staticClass:\"pki-clock\"}):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.timer))])]):_vm._e(),(_vm.hasPeriodName && _vm.periodName)?_c('div',{staticClass:\"period-name\",class:{'noTimer':!_vm.hasTimer}},[_vm._v(\" \"+_vm._s(_vm.periodName)+\" \")]):_vm._e()])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"hasTimer || hasPeriodName\">\r\n    <div class=\"cont-time\">\r\n      <div\r\n        v-if=\"isMobile && hasLiveIcon\"\r\n        class=\"live-icon\"\r\n      >\r\n        Live\r\n      </div>\r\n      <div\r\n        v-if=\"timer && hasTimer\"\r\n        class=\"countdown\"\r\n      >\r\n        <i\r\n          v-if=\"hasIcon\"\r\n          class=\"pki-clock\"\r\n        />\r\n        <span>{{ timer }}</span>\r\n      </div>\r\n      <div\r\n        v-if=\"hasPeriodName && periodName\"\r\n        class=\"period-name\"\r\n        :class=\"{'noTimer':!hasTimer}\"\r\n      >\r\n        {{ periodName }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'TimerComponent',\r\n  props: {\r\n    time: {\r\n      required: true,\r\n    },\r\n    period: {\r\n      required: true,\r\n    },\r\n    sport_id: {\r\n      required: true,\r\n    },\r\n    hasPeriodName: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    hasIcon: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    hasLiveIcon: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      seconds: 0,\r\n      timerInterval: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    periodName() {\r\n      if (typeof this.$store.state.translates.Ps[this.sport_id][this.period] !== 'undefined') {\r\n        return this.$store.state.translates.Ps[this.sport_id][this.period].name;\r\n      }\r\n      if (typeof this.$store.state.translates.Ps[0][this.period] !== 'undefined') {\r\n        return this.$store.state.translates.Ps[0][this.period].name;\r\n      }\r\n      return '';\r\n    },\r\n    timer() {\r\n      const timeInSeconds = Number(this.seconds);\r\n      if (timeInSeconds < 0 && typeof this.$store.state.translates.Ps[this.sport_id][this.period] !== 'undefined') {\r\n        return ''; // this.$store.state.translates.Ps[this.sport_id][this.period].name;\r\n      }\r\n      /*\r\n      if (timeInSeconds === null || timeInSeconds < 0\r\n          || (typeof this.$store.state.translates.Ps[this.sport_id][this.period] === 'undefined' && this.hasPeriodName)) {\r\n        return null;\r\n      }\r\n\r\n       */\r\n\r\n      const hours = 0; // (Number(this.sport_id) === 1) ? Math.floor(timeInSeconds / 60 / 60) : 0;\r\n      const minutes = Math.floor(timeInSeconds / 60) - (hours * 60);\r\n      const seconds = timeInSeconds % 60;\r\n      let time = `${this.pad(minutes)}:${this.pad(seconds)}`;\r\n      if (hours > 0) time = `${this.pad(hours)}:${time}`;\r\n      return time;\r\n    },\r\n    translates() {\r\n      return this.$store.state.translates;\r\n    },\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    hasTimer() {\r\n      const exluded = [\r\n        54094, // Tennis\r\n        154830, // Volleyball\r\n        265917, // Table tennis\r\n        154914, // Baseball\r\n        452674, // Cricket\r\n        262622, // Snooker\r\n        154923, // Darts\r\n        1149093, // Badgminton\r\n        687889, // Golf\r\n        687897, // Chess\r\n        1149104, // Squash\r\n        1149122, // Softball\r\n        621569, // Beach Volley\r\n      ];\r\n      return !exluded.includes(this.sport_id);\r\n    },\r\n  },\r\n  watch: {\r\n    time(val) {\r\n      this.seconds = this._.cloneDeep(val);\r\n    },\r\n    period(val) {\r\n      if (Number(val) === 100 || Number(val) === 80) clearInterval(this.timerInterval);\r\n    },\r\n  },\r\n  created() {\r\n  },\r\n  mounted() {\r\n    this.seconds = this._.cloneDeep(Number(this.time));\r\n    if (Number(this.period) !== 100 && Number(this.period) !== 80) this.startTimer();\r\n  },\r\n  destroyed() {\r\n    clearInterval(this.timerInterval);\r\n  },\r\n  methods: {\r\n    // eslint-disable-next-line consistent-return\r\n    startTimer() {\r\n      const self = this;\r\n      if (this.seconds < 0) return false;\r\n\r\n      let isCountdown = false;\r\n      if (this.$store.state.sportsInfo) {\r\n        const sportInfo = this.$store.state.sportsInfo.find((e) => Number(e.SID) === Number(this.sport_id));\r\n        if (sportInfo && sportInfo.TMode === 'Reverse') isCountdown = true;\r\n      }\r\n\r\n      clearInterval(this.timerInterval);\r\n      // eslint-disable-next-line no-return-assign\r\n      this.timerInterval = setInterval(() => {\r\n        if (isCountdown) self.seconds -= 1;\r\n        else self.seconds += 1;\r\n      }, 1000);\r\n    },\r\n    pad(num) {\r\n      let s = String(num);\r\n      while (s.length < 2) {\r\n        s = `0${s}`;\r\n      }\r\n      return s;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.cont-time {\r\n  .live-icon {\r\n    color: var(--red);\r\n    // font-style: italic;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .countdown {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n\r\n    i {\r\n      color: var(--versus-color);\r\n      font-size: 0.9em;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  .period-name {\r\n    color: var(--versus-color);\r\n    font-weight: 600;\r\n    font-size: 0.8em;\r\n    margin-top: 4px;\r\n\r\n    &.noTimer{\r\n      margin: 0;\r\n      font-size: 1em !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1025px) {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    .live-icon {\r\n      &:after {\r\n        content: '|';\r\n        color: var(--color-primary);\r\n      }\r\n    }\r\n    .pki-clock {\r\n      display: none;\r\n    }\r\n    .period-name {\r\n      margin-top: 0;\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!./TimerComponent.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!./TimerComponent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TimerComponent.vue?vue&type=template&id=651f3218&scoped=true\"\nimport script from \"./TimerComponent.vue?vue&type=script&lang=js\"\nexport * from \"./TimerComponent.vue?vue&type=script&lang=js\"\nimport style0 from \"./TimerComponent.vue?vue&type=style&index=0&id=651f3218&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  \"651f3218\",\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!./EventsSidebar.vue?vue&type=style&index=0&id=de932cbe&prod&scoped=true&lang=scss\"","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","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!./ChampionshipsMenu.vue?vue&type=style&index=0&id=7f739cb0&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!./TimerComponent.vue?vue&type=style&index=0&id=651f3218&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"list-tournament\"},[_vm._l((_vm.items),function(championship){return [_c('li',{key:'c'+championship.id},[_c('div',{staticClass:\"tournament-item\",class:{isOpened: _vm.includesChampionship(championship.id),\n                 active: Number(_vm.activeData.championship_id) === Number(championship.id)}},[_c('button',{staticClass:\"btn-torunament\",on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.toggleChampionship(championship.id)}}},[(false)?_c('div',{staticClass:\"nav-item__image\"}):_vm._e(),_c('div',{staticClass:\"nav-item__description text-truncate\"},[_vm._v(\" \"+_vm._s(championship.name)+\" \")])])]),(!_vm._.isEmpty(championship.events)\n          && _vm.includesChampionship(championship.id))?_c('div',{staticClass:\"events-list\"},[_vm._l((championship.events),function(id){return [_c('details-events-sidebar',{key:'ev'+id,attrs:{\"event\":_vm.events[id],\"event-id\":id,\"is-active\":_vm.eventIsActive(id),\"is-multiview\":_vm.isMultiview}})]})],2):_vm._e()])]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.event)?_c('div',{staticClass:\"event\",class:{isActive:_vm.isActive}},[_c('div',{staticClass:\"eventDetailsContainer\"},[(_vm.bets)?_c('div',{staticClass:\"arrowbet\",on:{\"click\":function($event){_vm.betExpanded = !_vm.betExpanded}}},[(!_vm.betExpanded)?_c('i',{staticClass:\"pki-chevron-down\"}):_c('i',{staticClass:\"pki-chevron-top\"})]):_vm._e(),_c('div',{staticClass:\"eventDetails\",on:{\"click\":_vm.clickEvent}},[_c('div',{staticClass:\"eventDetails__time\"},[(!_vm._.isEmpty(_vm.event.score_board))?[(Number(_vm.event.score_board.state) === 2)?[_c('i',{staticClass:\"pki-clock\"}),_c('div',{staticClass:\"time\"},[_c('timer-component',{attrs:{\"time\":_vm.event.score_board.time,\"period\":_vm.event.score_board.period_id,\"sport_id\":_vm.event.sport_id,\"has-icon\":false,\"has-live-icon\":false}})],1)]:(Number(_vm.event.score_board.state) === 1 || Number(_vm.event.score_board.state) === 9)?[_c('i',{staticClass:\"pki-clock clock-active\"}),_c('span',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(_vm.event.start_time,\"HH:mm\")))])]:[_c('div',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm.translates.FSSs[_vm.event.score_board.state]?.name)+\" \")])]]:[_c('div',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm.translates.FSSs[_vm.event.state]?.name)+\" \")])]],2),_c('div',{staticClass:\"eventDetails__partecipants\",class:{'with-oterhs':Object.values(_vm.event.partecipants).length > 2}},[_c('div',{staticClass:\"teams\"},[_vm._l((Object.values(_vm.event.partecipants).slice(0,2)),function(p){return _c('div',{key:p.partecipant_id,staticClass:\"team-name\",class:{dotTurn: typeof _vm.event.ls.extra.Turn !== 'undefined'\n              && Number(_vm.event.ls.extra.Turn) === p.position_id}},[_vm._v(\" \"+_vm._s(p.name)+\" \")])}),(Object.values(_vm.event.partecipants).length > 2)?_c('div',{staticClass:\"team-name__others\",domProps:{\"innerHTML\":_vm._s(_vm.$t('other_partecipants', {n:(Object.values(_vm.event.partecipants).length - 2)}))}}):_vm._e(),(_vm.$store.getters.isDev)?_c('small',{staticClass:\"logId\",on:{\"click\":function($event){$event.stopPropagation();return _vm.$globalFunctions.onClickCopy(_vm.event.event_id)}}},[_vm._v(_vm._s(_vm.event.event_id))]):_vm._e()],2),(typeof _vm.event.extra.NumberOfPeriods !== 'undefined'\n            && Number(_vm.event.extra.NumberOfPeriods) > 1\n            && _vm.periodScore)?[_c('div',{staticClass:\"cont-scores cont-scores-period\"},_vm._l((_vm.periodScore),function(p){return _c('div',{key:p.partecipant_id,staticClass:\"score\"},[_c('score-component',{model:{value:(p.score),callback:function ($$v) {_vm.$set(p, \"score\", $$v)},expression:\"p.score\"}})],1)}),0)]:_vm._e(),_c('div',{staticClass:\"cont-scores\"},_vm._l((Object.values(_vm.event.partecipants).slice(0,2)),function(p){return _c('div',{key:p.partecipant_id,staticClass:\"score\"},[_c('score-component',{model:{value:(p.score),callback:function ($$v) {_vm.$set(p, \"score\", $$v)},expression:\"p.score\"}})],1)}),0)],2)])]),(_vm.bets && !_vm.isMultiview)?[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.betExpanded),expression:\"betExpanded\"}],staticClass:\"eventBets\"},[_vm._l((_vm.optionsSorted),function(option){return [_c('div',{key:'MSO'+option.id,staticClass:\"item-col options-col\"},[_c('details-bet',{attrs:{\"value\":_vm.bets[option.id],\"event-id\":_vm.event.event_id,\"market-id\":_vm.market.id,\"sport-id\":_vm.event.sport_id,\"category-id\":_vm.event.locality_id,\"tournament-id\":_vm.event.championship_id,\"option\":_vm.betOptions[option.id]}})],1)]})],2)]:_vm._e()],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"event\"\r\n    class=\"event\"\r\n    :class=\"{isActive:isActive}\"\r\n  >\r\n    <div class=\"eventDetailsContainer\">\r\n      <div\r\n        v-if=\"bets\"\r\n        class=\"arrowbet\"\r\n        @click=\"betExpanded = !betExpanded\"\r\n      >\r\n        <i\r\n          v-if=\"!betExpanded\"\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        class=\"eventDetails\"\r\n        @click=\"clickEvent\"\r\n      >\r\n        <div class=\"eventDetails__time\">\r\n          <template v-if=\"!_.isEmpty(event.score_board)\">\r\n            <template v-if=\"Number(event.score_board.state) === 2\">\r\n              <i class=\"pki-clock\" />\r\n              <div class=\"time\">\r\n                <timer-component\r\n                  :time=\"event.score_board.time\"\r\n                  :period=\"event.score_board.period_id\"\r\n                  :sport_id=\"event.sport_id\"\r\n                  :has-icon=\"false\"\r\n                  :has-live-icon=\"false\"\r\n                />\r\n              </div>\r\n            </template>\r\n            <template v-else-if=\"Number(event.score_board.state) === 1 || Number(event.score_board.state) === 9\">\r\n              <i class=\"pki-clock clock-active\" />\r\n              <span> {{ event.start_time | moment(\"HH:mm\") }}</span>\r\n            </template>\r\n            <template v-else>\r\n              <div class=\"time\">\r\n                {{ translates.FSSs[event.score_board.state]?.name }}\r\n              </div>\r\n            </template>\r\n          </template>\r\n          <template v-else>\r\n            <div class=\"time\">\r\n              {{ translates.FSSs[event.state]?.name }}\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <div\r\n          class=\"eventDetails__partecipants\"\r\n          :class=\"{'with-oterhs':Object.values(event.partecipants).length > 2}\"\r\n        >\r\n          <div class=\"teams\">\r\n            <div\r\n              v-for=\"p in Object.values(event.partecipants).slice(0,2)\"\r\n              :key=\"p.partecipant_id\"\r\n              class=\"team-name\"\r\n              :class=\"{dotTurn: typeof event.ls.extra.Turn !== 'undefined'\r\n                && Number(event.ls.extra.Turn) === p.position_id}\"\r\n            >\r\n              {{ p.name }}\r\n            </div>\r\n            <div\r\n              v-if=\"Object.values(event.partecipants).length > 2\"\r\n              class=\"team-name__others\"\r\n              v-html=\"$t('other_partecipants', {n:(Object.values(event.partecipants).length - 2)})\"\r\n            />\r\n            <small\r\n              v-if=\"$store.getters.isDev\"\r\n              class=\"logId\"\r\n              @click.stop=\"$globalFunctions.onClickCopy(event.event_id)\"\r\n            >{{ event.event_id }}</small>\r\n          </div>\r\n          <template\r\n            v-if=\"typeof event.extra.NumberOfPeriods !== 'undefined'\r\n              && Number(event.extra.NumberOfPeriods) > 1\r\n              && periodScore\"\r\n          >\r\n            <div class=\"cont-scores cont-scores-period\">\r\n              <div\r\n                v-for=\"p in periodScore\"\r\n                :key=\"p.partecipant_id\"\r\n                class=\"score\"\r\n              >\r\n                <score-component v-model=\"p.score\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <div\r\n            class=\"cont-scores\"\r\n          >\r\n            <div\r\n              v-for=\"p in Object.values(event.partecipants).slice(0,2)\"\r\n              :key=\"p.partecipant_id\"\r\n              class=\"score\"\r\n            >\r\n              <score-component v-model=\"p.score\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <template v-if=\"bets && !isMultiview\">\r\n      <div\r\n        v-show=\"betExpanded\"\r\n        class=\"eventBets\"\r\n      >\r\n        <template v-for=\"option in optionsSorted\">\r\n          <div\r\n            :key=\"'MSO'+option.id\"\r\n            class=\"item-col options-col\"\r\n          >\r\n            <details-bet\r\n              :value=\"bets[option.id]\"\r\n              :event-id=\"event.event_id\"\r\n              :market-id=\"market.id\"\r\n              :sport-id=\"event.sport_id\"\r\n              :category-id=\"event.locality_id\"\r\n              :tournament-id=\"event.championship_id\"\r\n              :option=\"betOptions[option.id]\"\r\n            />\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport ScoreComponent from '@/components/LiveBet/components/ScoreComponent';\r\nimport TimerComponent from '@/components/LiveBet/components/TimerComponent';\r\nimport DetailsBet from './Bet';\r\n\r\nexport default {\r\n  name: 'DetailsEventsSidebar',\r\n  components: { DetailsBet, TimerComponent, ScoreComponent },\r\n  props: {\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    isActive: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isMultiview: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      betExpanded: true,\r\n      optionsSorted: [],\r\n    };\r\n  },\r\n  computed: {\r\n    eventSlug() {\r\n      return `${this.$store.getters.clearSlug(this.event.partecipants[1].name)}-${this.$store.getters.clearSlug(this.event.partecipants[2].name)}`;\r\n    },\r\n    translates() {\r\n      return this.$store.state.translates;\r\n    },\r\n    market() {\r\n      const { markets } = this.event;\r\n      return markets[Object.keys(markets)[0]];\r\n    },\r\n    bets() {\r\n      if (this._.isEmpty(this.market)) return null;\r\n      const { bets } = this.market;\r\n      return !this._.isEmpty(bets) && bets.nd && Object.keys(bets.nd.options).length < 4 ? bets.nd.options : null;\r\n    },\r\n    betOptions() {\r\n      const options = this.market && typeof this.$store.state.translates.Os[this.market.id] !== 'undefined'\r\n        ? this.$store.state.translates.Os[this.market.id].options : [];\r\n      return options;\r\n    },\r\n    periodScore() {\r\n      const period = this.event.score_board.period_id;\r\n      return typeof this.event.periods[period] !== 'undefined' ? this.event.periods[period].score : null;\r\n    },\r\n  },\r\n  watch: {\r\n    betOptions: {\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  methods: {\r\n    clickEvent() {\r\n      if (!this.isMultiview) {\r\n        this.$router.push({\r\n          name: 'livebet_event_details',\r\n          params: { sport_id: this.event.sport_id, event_id: this.event.event_id, event_slug: this.eventSlug },\r\n        }).catch(() => {\r\n        });\r\n      } else {\r\n        this.$store.dispatch('getEventDetailsMultiview', { event_id: Number(this.event.event_id) });\r\n      }\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\r\n.event {\r\n  padding: 10px 0px 10px 0;\r\n\r\n  & + .event {\r\n    border-top: 1px solid var(--borderColor);\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  transition: var(--transition);\r\n  border-top: 1px solid var(--color-dark-dominance);\r\n  background: var(--nemunav-cat5-bg-color) !important;\r\n  color: var(--nemunav-cat5-color);\r\n\r\n  &:hover, &.isActive {\r\n    background: rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  &.isActive {\r\n    .eventDetails {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .eventDetailsContainer {\r\n    width: 100%;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-flex: 1;\r\n    -webkit-flex: 1 0 1px;\r\n    -ms-flex: 1 0 1px;\r\n    flex: 1 0 1px;\r\n\r\n    .eventDetails {\r\n      cursor: pointer;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      flex-shrink: 0;\r\n\r\n      &__time {\r\n        display: inline-flex;\r\n        -webkit-box-flex: 0;\r\n        flex: 0 0 50px;\r\n        line-height: 17px;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-box-direction: normal;\r\n        -webkit-flex-direction: column;\r\n        -ms-flex-direction: column;\r\n        flex-direction: column;\r\n        margin-right: 10px;\r\n        padding-top: 0;\r\n        padding-left: 8px;\r\n        padding-right: 8px;\r\n        border-right: 1px solid var(--borderColor);\r\n        text-align: center;\r\n        min-width: 60px;\r\n\r\n        i {\r\n          font-size: 14px;\r\n          color: var(--versus-color);\r\n          line-height: 20px;\r\n        }\r\n\r\n        .time {\r\n          font-size: 13px;\r\n          line-height: 1;\r\n          margin-top: 4px;\r\n        }\r\n      }\r\n\r\n      &__partecipants {\r\n        display: -webkit-inline-flex;\r\n        display: -ms-inline-flexbox;\r\n        display: inline-flex;\r\n        -webkit-box-flex: 1;\r\n        -webkit-flex: 1 1 auto;\r\n        -ms-flex: 1 1 auto;\r\n        flex: 1 1 auto;\r\n        overflow: hidden;\r\n        padding-right: 20px;\r\n        padding-left: 0px;\r\n\r\n        .teams {\r\n          text-overflow: ellipsis;\r\n          overflow: hidden;\r\n          white-space: nowrap;\r\n          -webkit-box-flex: 1;\r\n          -webkit-flex: 1 1 auto;\r\n          -ms-flex: 1 1 auto;\r\n          flex: 1 1 auto;\r\n          flex-direction: column;\r\n          min-width: 0;\r\n          font-size: 13px;\r\n          line-height: 20px;\r\n        }\r\n\r\n        .score {\r\n          font-size: 13px;\r\n          text-align: center;\r\n          font-weight: 400;\r\n          -webkit-box-flex: 0;\r\n          -webkit-flex: 0 0 auto;\r\n          -ms-flex: 0 0 auto;\r\n          flex: 0 0 auto;\r\n          -webkit-box-orient: horizontal;\r\n          -webkit-box-direction: normal;\r\n          -webkit-flex-direction: row;\r\n          -ms-flex-direction: row;\r\n          flex-direction: row;\r\n          line-height: 20px;\r\n        }\r\n\r\n        .cont-scores {\r\n          margin-left: auto;\r\n          text-align: right;\r\n\r\n          &:not(.cont-scores-period) {\r\n            .score {\r\n              font-weight: 600;\r\n            }\r\n          }\r\n\r\n          &.cont-scores-period {\r\n            & + .cont-scores:not(.cont-scores-period) {\r\n              border-left: 1px solid rgba(#fff, 0.2);\r\n              padding-left: 8px;\r\n              margin-left: 8px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .media {\r\n          text-align: right;\r\n          font-weight: 700;\r\n          -webkit-box-flex: 0;\r\n          -webkit-flex: 0 0 auto;\r\n          -ms-flex: 0 0 auto;\r\n          flex: 0 0 auto;\r\n          -webkit-box-orient: horizontal;\r\n          -webkit-box-direction: normal;\r\n          -webkit-flex-direction: row;\r\n          -ms-flex-direction: row;\r\n          flex-direction: row;\r\n          padding-left: 20px;\r\n          align-items: center;\r\n          display: flex;\r\n\r\n          i {\r\n            font-size: 22px;\r\n            transition: all .3s ease;\r\n\r\n            &:hover {\r\n              color: var(--color-dominance);\r\n            }\r\n          }\r\n        }\r\n\r\n        &.with-oterhs {\r\n          align-items: flex-start;\r\n\r\n          .score,\r\n          .team-name {\r\n            font-size: 13px;\r\n            line-height: 1.1;\r\n          }\r\n\r\n          .team-name__others {\r\n            padding-left: 15px;\r\n            font-size: 11px;\r\n            color: var(--color-dominance)\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .arrowbet {\r\n      cursor: pointer;\r\n      font-size: 0.7em;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding-left: 8px;\r\n\r\n      & + .eventDetails {\r\n        width: calc(100% - 20px);\r\n      }\r\n    }\r\n  }\r\n\r\n  .eventBets {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 10px;\r\n\r\n    &:deep(.bet) {\r\n      display: block;\r\n      text-align: center;\r\n      line-height: 18px;\r\n      padding: .25rem;\r\n      height: auto;\r\n      width: 90px;\r\n      border-radius: 6px;\r\n      background: var(--bg-color-row-pair);\r\n\r\n      .bet-name {\r\n        font-size: 0.8em;\r\n        margin: 0;\r\n      }\r\n\r\n      &:hover {\r\n        background: var(--color-dominance);\r\n        color: var(--color-primary);\r\n      }\r\n\r\n      &.isSelected {\r\n        background: var(--bet-bnt-select);\r\n        color: var(--color-primary);\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!./EventsSidebar.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!./EventsSidebar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventsSidebar.vue?vue&type=template&id=de932cbe&scoped=true\"\nimport script from \"./EventsSidebar.vue?vue&type=script&lang=js\"\nexport * from \"./EventsSidebar.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventsSidebar.vue?vue&type=style&index=0&id=de932cbe&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  \"de932cbe\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <ul\r\n    class=\"list-tournament\"\r\n  >\r\n    <template v-for=\"championship in items\">\r\n      <li :key=\"'c'+championship.id\">\r\n        <div\r\n          :class=\"{isOpened: includesChampionship(championship.id),\r\n                   active: Number(activeData.championship_id) === Number(championship.id)}\"\r\n          class=\"tournament-item\"\r\n        >\r\n          <button\r\n            class=\"btn-torunament\"\r\n            @click.prevent.stop=\"toggleChampionship(championship.id)\"\r\n          >\r\n            <div\r\n              v-if=\"false\"\r\n              class=\"nav-item__image\"\r\n            />\r\n            <div class=\"nav-item__description text-truncate\">\r\n              {{ championship.name }}\r\n            </div>\r\n          </button>\r\n        </div>\r\n        <div\r\n          v-if=\"!_.isEmpty(championship.events)\r\n            && includesChampionship(championship.id)\"\r\n          class=\"events-list\"\r\n        >\r\n          <template\r\n            v-for=\"id in championship.events\"\r\n          >\r\n            <details-events-sidebar\r\n              :key=\"'ev'+id\"\r\n              :event=\"events[id]\"\r\n              :event-id=\"id\"\r\n              :is-active=\"eventIsActive(id)\"\r\n              :is-multiview=\"isMultiview\"\r\n            />\r\n          </template>\r\n        </div>\r\n      </li>\r\n    </template>\r\n  </ul>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue';\r\nimport DetailsEventsSidebar from '@/components/LiveBet/Details/EventsSidebar';\r\n\r\nexport default {\r\n  name: 'LocalitiesLivebetMenu',\r\n  components: { DetailsEventsSidebar },\r\n  props: {\r\n    championships: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showChampionshipsOpened: [],\r\n    };\r\n  },\r\n  computed: {\r\n    isMultiview() {\r\n      return this.$route.name === 'livebet_multiview';\r\n    },\r\n    activeData() {\r\n      return this.$store.state.activeData;\r\n    },\r\n    items() {\r\n      const championships = this._.cloneDeep(this.championships);\r\n      const sorted = Object.values(championships).sort((a, b) => (a.name > b.name ? 1 : -1));\r\n      return sorted;\r\n    },\r\n    events() {\r\n      return this.$store.state.events;\r\n    },\r\n  },\r\n  watch: {\r\n    activeData: {\r\n      immediate: true,\r\n      deep: true,\r\n      handler(data) {\r\n        if (!this.includesChampionship(data.championship_id)) this.toggleChampionship(data.championship_id);\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    setChampionship(localityId, id) {\r\n      this.setLocality(localityId);\r\n      this.$store.dispatch('setChampionshipActive', { id });\r\n      if (!this.includesChampionship(id)) this.toggleChampionship(id);\r\n    },\r\n    toggleChampionship(id) {\r\n      if (id !== null && typeof id !== 'undefined') {\r\n        if (this.includesChampionship(id)) {\r\n          const index = this.showChampionshipsOpened.findIndex((x) => Number(x) === Number(id));\r\n          Vue.delete(this.showChampionshipsOpened, index);\r\n        } else {\r\n          this.showChampionshipsOpened.push(Number(id));\r\n        }\r\n      }\r\n    },\r\n\r\n    includesChampionship(id) {\r\n      return this.showChampionshipsOpened.includes(Number(id));\r\n    },\r\n    isInMultiview(eventId) {\r\n      const sportId = Number(this.activeData.sport_id);\r\n      const events = this.$store.state.multiviewEvents;\r\n      return events.some((element) => Number(element.details.sport_id) === sportId\r\n          && Number(element.details.event_id) === Number(eventId));\r\n    },\r\n    eventIsActive(eventId) {\r\n      if (this.isMultiview) return this.isInMultiview(eventId);\r\n      return Number(this.$route.params.event_id) === Number(eventId);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.box {\r\n  &__main {\r\n    padding: 0 !important;\r\n\r\n    .items {\r\n      background: var(--nemunav-cat4-bg-color);\r\n\r\n      .item {\r\n        flex-wrap: wrap;\r\n        padding: 0;\r\n        height: auto !important;\r\n        gap: normal !important;\r\n\r\n        & > a {\r\n          padding: 10px 14px;\r\n        }\r\n\r\n        &__image {\r\n          max-width: 37px;\r\n          overflow: hidden;\r\n          text-align: center;\r\n\r\n          i {\r\n            font-size: 24px;\r\n            vertical-align: middle;\r\n          }\r\n\r\n          img {\r\n            width: 37px;\r\n          }\r\n        }\r\n\r\n        &__description {\r\n          padding-right: 10px;\r\n          text-transform: uppercase;\r\n          font-weight: bold;\r\n          font-size: 14px;\r\n        }\r\n\r\n        &__count {\r\n          justify-self: flex-end;\r\n          margin-left: auto;\r\n          font-weight: bold;\r\n          font-size: 14px;\r\n          border-radius: 10px;\r\n          padding: 0px 10px;\r\n          min-width: 30px;\r\n          text-align: center;\r\n          line-height: 1.2;\r\n        }\r\n\r\n        .icon {\r\n          justify-self: flex-end;\r\n          margin-left: auto;\r\n          color: var(--color-dominance);\r\n        }\r\n\r\n        a {\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: flex-start;\r\n          color: var(--color-primary);\r\n          transition: var(--transition);\r\n\r\n          &:hover, &:focus, &.router-link-active {\r\n            outline: none;\r\n            text-decoration: none;\r\n            color: var(--color-dominance);\r\n\r\n            .item__image {\r\n              img {\r\n                filter: var(--img-dominance-filter);\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        &.active {\r\n          & > a {\r\n            background: var(--color-dark-dominance);\r\n\r\n            .item__count {\r\n              background: var(--color-dominance);\r\n              color: var(--color-primary);\r\n            }\r\n          }\r\n        }\r\n\r\n        .list-tournament {\r\n          width: 100%;\r\n          list-style: none;\r\n          padding: 0;\r\n\r\n          & > li {\r\n            border-bottom: var(--list-border-bottom-dark);\r\n\r\n            & > a {\r\n              padding: 10px 14px;\r\n            }\r\n\r\n            .item__description {\r\n              font-size: 13px;\r\n              padding: 2px 10px 2px 30px;\r\n              min-width: 30px;\r\n              text-align: left;\r\n              line-height: 1.2;\r\n              position: relative;\r\n            }\r\n\r\n            .icon {\r\n              color: var(--color-dominance);\r\n            }\r\n\r\n            &.active {\r\n              .item__description {\r\n                background: var(--color-dominance);\r\n                color: var(--color-primary);\r\n\r\n                &:before {\r\n                  font-family: 'pkicons';\r\n                  content: \"\\e913\";\r\n                  position: absolute;\r\n                  left: 10px;\r\n                  top: 50%;\r\n                  transform: translateY(-50%);\r\n                  color: var(--color-primary);\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .events-list {\r\n      border-top: var(--list-border-bottom-dark);\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!./ChampionshipsMenu.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!./ChampionshipsMenu.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChampionshipsMenu.vue?vue&type=template&id=7f739cb0&scoped=true\"\nimport script from \"./ChampionshipsMenu.vue?vue&type=script&lang=js\"\nexport * from \"./ChampionshipsMenu.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChampionshipsMenu.vue?vue&type=style&index=0&id=7f739cb0&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  \"7f739cb0\",\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=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!./ScoreComponent.vue?vue&type=style&index=0&id=167bf8e1&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=0&id=4f4bc67c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"cell\",class:{'changed': _vm.changed}},[_c('span',{staticClass:\"currscore\",class:{'changed': _vm.changed}},[_vm._v(_vm._s(_vm.value))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <span\r\n    class=\"cell\"\r\n    :class=\"{'changed': changed}\"\r\n  >\r\n    <span\r\n      class=\"currscore\"\r\n      :class=\"{'changed': changed}\"\r\n    >{{ value }}</span>\r\n  </span>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ScoreComponent',\r\n  props: {\r\n    value: {\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      changed: false,\r\n      interval: null,\r\n    };\r\n  },\r\n  watch: {\r\n    // Watch for value change\r\n    value: {\r\n      immediate: true,\r\n      // handle the changed value\r\n      handler(val, old) {\r\n        const that = this;\r\n        this.changed = typeof old !== 'undefined' && Number(val) !== Number(old);\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.changed = false\r\n        ), 8000);\r\n      },\r\n    },\r\n  },\r\n  destroyed() {\r\n    clearInterval(this.interval);\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.cell {\r\n  height: 20px;\r\n  overflow: hidden;\r\n  .currscore{\r\n    line-height: 20px;\r\n    display: inline-block;\r\n    width: 20px;\r\n    text-align: center;\r\n    background-color: var(--versusScore-bg-color);\r\n    color: var(--versusScore-color);\r\n  }\r\n  .oldscore{\r\n    display: none;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slide-in-from-top {\r\n  0% {\r\n    -webkit-transform: translateY(-100%);\r\n    transform: translateY(-100%)\r\n  }\r\n  to {\r\n    -webkit-transform: translateY(0);\r\n    transform: translateY(0)\r\n  }\r\n}\r\n\r\n@keyframes slide-in-from-top {\r\n  0% {\r\n    -webkit-transform: translateY(-100%);\r\n    transform: translateY(-100%)\r\n  }\r\n  to {\r\n    -webkit-transform: translateY(0);\r\n    transform: translateY(0)\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blink-color {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--changed-color);\r\n    transform: scale(1.2);\r\n  }\r\n  60% {\r\n    color: var(--Color-1);\r\n    transform: scale(1.2);\r\n  }\r\n  100% {\r\n    color: var(--changed-color);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes blink-color {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--changed-color);\r\n    transform: scale(1.2);\r\n  }\r\n  60% {\r\n    color: var(--Color-1);\r\n    transform: scale(1.2);\r\n  }\r\n  100% {\r\n    color: var(--changed-color);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.changed {\r\n  -webkit-animation: blink-color 2s ease forwards;\r\n  animation: blink-color 2s ease forwards;\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!./ScoreComponent.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!./ScoreComponent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScoreComponent.vue?vue&type=template&id=167bf8e1&scoped=true\"\nimport script from \"./ScoreComponent.vue?vue&type=script&lang=js\"\nexport * from \"./ScoreComponent.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScoreComponent.vue?vue&type=style&index=0&id=167bf8e1&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  \"167bf8e1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}