{"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/components/TimerComponent.vue?f1a8"],"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"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,UAAYJ,EAAIK,cAAeH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACI,YAAY,aAAa,CAAEN,EAAIO,UAAYP,EAAIQ,YAAaN,EAAG,MAAM,CAACI,YAAY,aAAa,CAACN,EAAIS,GAAG,YAAYT,EAAIU,KAAMV,EAAIW,OAASX,EAAII,SAAUF,EAAG,MAAM,CAACI,YAAY,aAAa,CAAEN,EAAIY,QAASV,EAAG,IAAI,CAACI,YAAY,cAAcN,EAAIU,KAAKR,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,YAAYX,EAAIU,KAAMV,EAAIK,eAAiBL,EAAIc,WAAYZ,EAAG,MAAM,CAACI,YAAY,cAAcS,MAAM,CAAC,SAAWf,EAAII,WAAW,CAACJ,EAAIS,GAAG,IAAIT,EAAIa,GAAGb,EAAIc,YAAY,OAAOd,EAAIU,SAASV,EAAIU,MAEpkBM,EAAkB,GC6BP,GACfC,sBACAC,OACAC,MACAC,aAEAC,QACAD,aAEAE,UACAF,aAEAf,eACAkB,aACAC,YAEAZ,SACAW,aACAC,YAEAhB,aACAe,aACAC,aAGAC,OACA,OACAC,UACAC,kBAGAC,UACAd,aACA,uFACA,iEAEA,qEACA,qDAEA,IAEAH,QACA,6BACA,yFACA,SAUA,UACA,wBACA,OACA,sCAEA,OADA,+BACA,GAEAkB,aACA,qCAEAtB,WACA,mCAEAH,WACA,SACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,QACA,OACA,OACA,QACA,QACA,QAEA,mCAGA0B,OACAX,QACA,kCAEAE,UACA,qEAGAU,YAEAC,UACA,iDACA,wEAEAC,YACAC,mCAEAC,SAEAC,aACA,aACA,2BAEA,SACA,iCACA,oFACA,+BAGAF,kCAEA,oCACA,eACAG,cACA,MAEAC,OACA,gBACA,iBACAC,QAEA,YC9JqX,I,wBCQjXC,EAAY,eACd,EACAzC,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E,oECnBf","file":"js/chunk-a9bf33dc.e5e93b53.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!./TimerComponent.vue?vue&type=style&index=0&id=651f3218&prod&scoped=true&lang=scss\""],"sourceRoot":""}