{"version":3,"sources":["webpack:///./src/components/LiveBet/components/ScoreComponent.vue?5753","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","staticClass","class","changed","_v","_s","value","staticRenderFns","name","props","required","data","interval","watch","immediate","handler","that","destroyed","clearInterval","methods","component"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACE,YAAY,OAAOC,MAAM,CAAC,QAAWL,EAAIM,UAAU,CAACJ,EAAG,OAAO,CAACE,YAAY,YAAYC,MAAM,CAAC,QAAWL,EAAIM,UAAU,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAEpNC,EAAkB,GCWP,GACfC,sBACAC,OACAH,OACAI,cAGAC,OACA,OACAR,WACAS,gBAGAC,OAEAP,OACAQ,aAEAC,aACA,aACA,2DAEA,mDAEA,8BACAC,aACA,QAIAC,YACAC,8BAEAC,YC9CqX,I,wBCQjXC,EAAY,eACd,EACAxB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-2684fbcc.ad4a6275.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!./ScoreComponent.vue?vue&type=style&index=0&id=167bf8e1&prod&scoped=true&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":""}