{"version":3,"sources":["webpack:///./src/components/Layouts/Ticket/TicketOdd.vue","webpack:///src/components/Layouts/Ticket/TicketOdd.vue","webpack:///./src/components/Layouts/Ticket/TicketOdd.vue?af18","webpack:///./src/components/Layouts/Ticket/TicketOdd.vue?8566","webpack:///./src/components/Layouts/Ticket/TicketOdd.vue?7297"],"names":["render","_vm","this","_c","_self","staticClass","class","isUp","isDown","isRemoved","hasError","odd","OddGroupName","_v","_s","_e","OddTypeName","isMobile","status","COVCent","OddValue","systemTab","ticketType","isActive","Banker","on","$event","stopPropagation","$emit","UMsg","$t","staticRenderFns","name","props","type","required","betValidated","default","acceptChange","computed","component"],"mappings":"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","file":"js/chunk-b0fb1cca.3cde63c3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ticket__odds__row__bottom\",class:{\n    'bet-up':_vm.isUp,\n    'bet-down':_vm.isDown,\n    'bet-removed':_vm.isRemoved,\n    'bet-error':_vm.hasError,\n  }},[_c('div',{staticClass:\"d-flex align-items-center\"},[(_vm.odd.OddGroupName)?_c('div',{staticClass:\"odd-group\"},[_vm._v(\" \"+_vm._s(_vm.odd.OddGroupName)+\": \")]):_vm._e(),(_vm.odd.OddTypeName)?_c('b',{staticClass:\"ml-1 esit\"},[_vm._v(_vm._s(_vm.odd.OddTypeName))]):_vm._e(),(!_vm.isMobile)?_c('div',{staticClass:\"ticket__odds__row__value\"},[(_vm.isUp || _vm.isDown)?_c('i',{staticClass:\"pki-right-arrow icon-odd-error\"}):_vm._e(),(_vm.isUp || _vm.isDown)?[_vm._v(\" \"+_vm._s(_vm.status.COVCent / 100)+\" \")]:[_vm._v(\" \"+_vm._s(_vm.odd.OddValue)+\" \")]],2):_c('div',{staticClass:\"ticket__odds__row__value\"},[_c('div',{staticClass:\"mvalue\"},[(_vm.isUp || _vm.isDown)?_c('i',{staticClass:\"pki-right-arrow icon-odd-error\"}):_vm._e(),(_vm.isUp || _vm.isDown)?[_vm._v(\" \"+_vm._s(_vm.status.COVCent / 100)+\" \")]:[_vm._v(\" \"+_vm._s(_vm.odd.OddValue)+\" \")]],2)]),(!_vm.isMobile)?[(_vm.systemTab && _vm.ticketType !== 4)?_c('button',{staticClass:\"btn-banker\",class:{isActive:_vm.odd.Banker},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('setBanker')}}},[_c('i',{staticClass:\"pki-lock\"})]):_vm._e(),_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('removeToTicket')}}},[_c('i',{staticClass:\"pki-cancel\"})])]:_c('div',{staticClass:\"headbutton\"},[(_vm.systemTab && _vm.ticketType !== 4)?_c('button',{staticClass:\"btn-banker\",class:{isActive:_vm.odd.Banker},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('setBanker')}}},[_c('i',{staticClass:\"pki-lock\"})]):_vm._e(),_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('removeToTicket')}}},[_c('i',{staticClass:\"fas fa-trash-alt\"})])])],2),(_vm.hasError)?_c('div',{staticClass:\"UMsg\"},[_c('i',{staticClass:\"pki-alert text-danger\"}),(_vm.isRemoved)?_c('span',[_vm._v(_vm._s(_vm.status.UMsg))]):(_vm.isUp)?_c('span',[_vm._v(_vm._s(_vm.$t('errors.odd_is_up')))]):(_vm.isDown)?_c('span',[_vm._v(_vm._s(_vm.$t('errors.odd_is_down')))]):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"ticket__odds__row__bottom\"\r\n    :class=\"{\r\n      'bet-up':isUp,\r\n      'bet-down':isDown,\r\n      'bet-removed':isRemoved,\r\n      'bet-error':hasError,\r\n    }\"\r\n  >\r\n    <div class=\"d-flex align-items-center\">\r\n      <div\r\n        v-if=\"odd.OddGroupName\"\r\n        class=\"odd-group\"\r\n      >\r\n        {{ odd.OddGroupName }}:\r\n      </div>\r\n      <b\r\n        v-if=\"odd.OddTypeName\"\r\n        class=\"ml-1 esit\"\r\n      >{{ odd.OddTypeName }}</b>\r\n\r\n      <div\r\n        v-if=\"!isMobile\"\r\n        class=\"ticket__odds__row__value\"\r\n      >\r\n        <i\r\n          v-if=\"isUp || isDown\"\r\n          class=\"pki-right-arrow icon-odd-error\"\r\n        />\r\n        <template v-if=\"isUp || isDown\">\r\n          {{ status.COVCent / 100 }}\r\n        </template>\r\n        <template v-else>\r\n          {{ odd.OddValue }}\r\n        </template>\r\n      </div>\r\n      <div\r\n        v-else\r\n        class=\"ticket__odds__row__value\"\r\n      >\r\n        <div class=\"mvalue\">\r\n          <i\r\n            v-if=\"isUp || isDown\"\r\n            class=\"pki-right-arrow icon-odd-error\"\r\n          />\r\n          <template v-if=\"isUp || isDown\">\r\n            {{ status.COVCent / 100 }}\r\n          </template>\r\n          <template v-else>\r\n            {{ odd.OddValue }}\r\n          </template>\r\n        </div>\r\n      </div>\r\n\r\n      <template v-if=\"!isMobile\">\r\n        <button\r\n          v-if=\"systemTab && ticketType !== 4\"\r\n          class=\"btn-banker\"\r\n          :class=\"{isActive:odd.Banker}\"\r\n          @click.stop=\"$emit('setBanker')\"\r\n        >\r\n          <i class=\"pki-lock\" />\r\n        </button>\r\n\r\n        <button @click.stop=\"$emit('removeToTicket')\">\r\n          <i class=\"pki-cancel\" />\r\n        </button>\r\n      </template>\r\n      <div\r\n        v-else\r\n        class=\"headbutton\"\r\n      >\r\n        <button\r\n          v-if=\"systemTab && ticketType !== 4\"\r\n          class=\"btn-banker\"\r\n          :class=\"{isActive:odd.Banker}\"\r\n          @click.stop=\"$emit('setBanker')\"\r\n        >\r\n          <i class=\"pki-lock\" />\r\n        </button>\r\n        <button @click.stop=\"$emit('removeToTicket')\">\r\n          <i class=\"fas fa-trash-alt\" />\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"hasError\"\r\n      class=\"UMsg\"\r\n    >\r\n      <i class=\"pki-alert text-danger\" />\r\n      <span v-if=\"isRemoved\">{{ status.UMsg }}</span>\r\n      <span v-else-if=\"isUp\">{{ $t('errors.odd_is_up') }}</span>\r\n      <span v-else-if=\"isDown\">{{ $t('errors.odd_is_down') }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'TicketOdd',\r\n  props: {\r\n    odd: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    ticketType: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    systemTab: {\r\n      type: Boolean,\r\n      required: true,\r\n    },\r\n    betValidated: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    acceptChange: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    status() {\r\n      const bet = this.betValidated.find((b) => b.BUNID === this.odd.OddId);\r\n      return typeof bet !== 'undefined' ? bet : null;\r\n    },\r\n    isUp() {\r\n      const bet = this._.cloneDeep(this.status);\r\n      return bet && bet.Status === 'Ok' && (bet.COVCent / 100) > this.odd.OddValue;\r\n    },\r\n    isDown() {\r\n      const bet = this._.cloneDeep(this.status);\r\n      return bet && bet.Status === 'Ok' && (bet.COVCent / 100) < this.odd.OddValue;\r\n    },\r\n    isRemoved() {\r\n      const bet = this._.cloneDeep(this.status);\r\n      return bet && bet.Status !== 'Ok';\r\n    },\r\n    hasError() {\r\n      return this.isRemoved\r\n          || (this.isUp && this.acceptChange === 0)\r\n          || (this.isDown && (this.acceptChange === 0 || this.acceptChange === 2));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.ticket__odds__row__bottom {\r\n  .icon-odd-error{\r\n    font-size: 12px;\r\n  }\r\n  &.bet-up {\r\n    .ticket__odds__row__value {\r\n      color: var(--success);\r\n      -webkit-animation: blink-color-up 2s ease forwards;\r\n      animation: blink-color-up 2s ease forwards;\r\n    }\r\n    .icon-odd-error{\r\n      color: var(--success);\r\n      transform: rotate(-90deg);\r\n    }\r\n  }\r\n\r\n  &.bet-down {\r\n    .ticket__odds__row__value {\r\n      color: var(--danger);\r\n      -webkit-animation: blink-color-down 2s ease forwards;\r\n      animation: blink-color-down 2s ease forwards;\r\n    }\r\n    .icon-odd-error{\r\n      color: var(--danger);\r\n      transform: rotate(90deg);\r\n    }\r\n  }\r\n\r\n  &.bet-error {\r\n    border: 2px solid var(--danger);\r\n    .UMsg{\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 5px;\r\n      font-size: 11px;\r\n      font-weight: 500;\r\n      color: var(--danger);\r\n      text-transform: uppercase;\r\n      i{\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blink-color-up {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--success);\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(--success);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes blink-color-up {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--success);\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(--success);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blink-color-down {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--danger);\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(--danger);\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes blink-color-down {\r\n  0% {\r\n    color: var(--Color-1);\r\n    transform: scale(1);\r\n  }\r\n  30% {\r\n    color: var(--danger);\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(--danger);\r\n    transform: scale(1);\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!./TicketOdd.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!./TicketOdd.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TicketOdd.vue?vue&type=template&id=60f04de0&scoped=true\"\nimport script from \"./TicketOdd.vue?vue&type=script&lang=js\"\nexport * from \"./TicketOdd.vue?vue&type=script&lang=js\"\nimport style0 from \"./TicketOdd.vue?vue&type=style&index=0&id=60f04de0&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  \"60f04de0\",\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!./TicketOdd.vue?vue&type=style&index=0&id=60f04de0&prod&scoped=true&lang=scss\""],"sourceRoot":""}