{"version":3,"sources":["webpack:///./src/views/games/CaseBattles/components/BattleListing.vue?6eb4","webpack:///./src/views/games/CaseBattles/components/BattleListingRound.vue?8e8f","webpack:///src/views/games/CaseBattles/components/BattleListingRound.vue","webpack:///./src/views/games/CaseBattles/components/BattleListingRound.vue?3306","webpack:///./src/views/games/CaseBattles/components/BattleListingRound.vue","webpack:///./src/views/games/CaseBattles/case-battles.vue?0fc7","webpack:///./src/views/games/CaseBattles/case-battles.vue?feff","webpack:///./src/views/games/CaseBattles/components/BattleListing.vue?5f52","webpack:///src/views/games/CaseBattles/components/BattleListing.vue","webpack:///./src/views/games/CaseBattles/components/BattleListing.vue?8bce","webpack:///./src/views/games/CaseBattles/components/BattleListing.vue","webpack:///src/views/games/CaseBattles/case-battles.vue","webpack:///./src/views/games/CaseBattles/case-battles.vue?378b","webpack:///./src/views/games/CaseBattles/case-battles.vue","webpack:///./src/views/games/CaseBattles/index.js","webpack:///./src/views/games/CaseBattles/components/BattleListingRound.vue?b48b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","opened","attrs","noTooltip","scopedSlots","_u","key","fn","ref","on","_g","crateSize","caseImage","domProps","_s","gameCase","name","price","_v","amount","_e","staticRenderFns","defaultCaseImg","props","type","Object","required","Number","Boolean","computed","component","VImg","VTooltip","games","length","joinable","totalValue","config","xpCreatorMultiplier","_f","_l","game","id","user","$event","onJoin","onInspectCrate","routerTo","joinPrice","funding","isCursed","isCommunism","title","team","slot","playersByTeam","color","teams","showRoundTicker","round","style","cratesOffset","crate","i","nativeOn","preventDefault","$emit","roundIndicatorOffset","GAME_STATUS","open","complete","includes","status","rounds","locked","rolling","totalWon","winners","joinBtnClasses","directives","rawName","value","expression","components","BattleListingRound","BattleListingPlayer","CaseBattlesGame","default","isCreator","players","winningTeams","filter","map","cases","values","reduce","acc","params","box","methods","teamId","VBtn","VCard","metaInfo","BattleListing","mixins","data","loading","conga","caseBattles","v","joinBattle","$modal","hasWarning","isUneven","onboardingHasSeen","$router","push","$toast","success","error","message","VCol","VContainer","VRow","VSpacer","view"],"mappings":"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","file":"js/view-case-battles.42277389.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListing.vue?vue&type=style&index=0&id=0cf843c5&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListing.vue?vue&type=style&index=0&id=0cf843c5&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"round-case pa-1\",class:{opened: _vm.opened}},[_c('v-tooltip',{attrs:{\"disabled\":_vm.noTooltip,\"top\":\"\",\"content-class\":\"rounded-0 pa-0\",\"color\":\"grey300\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-img',_vm._g({staticClass:\"flex-grow-0\",attrs:{\"contain\":\"\",\"width\":_vm.crateSize,\"src\":_vm.caseImage,\"aspect-ratio\":1}},on))]}}])},[_c('div',{staticClass:\"grey300\"},[_c('div',{staticClass:\"pa-2 text-center\"},[_c('h4',{staticClass:\"text-body-2 font-weight-semibold\",domProps:{\"textContent\":_vm._s(_vm.gameCase.name)}}),_c('scrap',{staticClass:\"text-caption\",attrs:{\"amount\":_vm.gameCase.price}})],1),_c('h4',{staticClass:\"text-caption px-2 py-1 grey400 faded-8\"},[_c('fai',{staticClass:\"blue200--text mr-1\",attrs:{\"icon\":['fas', 'info-circle']}}),_vm._v(\" Right-click for info \")],1)])]),(_vm.gameCase.amount)?_c('div',{staticClass:\"amount d-flex align-center justify-center rounded-circle\"},[_c('span',{staticClass:\"text-body-2 font-weight-semibold\"},[_vm._v(\" \"+_vm._s(_vm.gameCase.amount)+\"x\")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"round-case pa-1\" :class=\"{opened}\">\n    <v-tooltip :disabled=\"noTooltip\" top content-class=\"rounded-0 pa-0\" color=\"grey300\">\n      <template #activator=\"{ on }\">\n        <v-img\n          contain class=\"flex-grow-0\" :width=\"crateSize\" :src=\"caseImage\"\n          :aspect-ratio=\"1\" v-on=\"on\"\n        />\n      </template>\n      <div class=\"grey300\">\n        <div class=\"pa-2 text-center\">\n          <h4 class=\"text-body-2 font-weight-semibold\" v-text=\"gameCase.name\" />\n          <scrap class=\"text-caption\" :amount=\"gameCase.price\" />\n        </div>\n\n        <h4 class=\"text-caption px-2 py-1 grey400 faded-8\">\n          <fai :icon=\"['fas', 'info-circle']\" class=\"blue200--text mr-1\" />\n          Right-click for info\n        </h4>\n      </div>\n    </v-tooltip>\n\n    <div v-if=\"gameCase.amount\" class=\"amount d-flex align-center justify-center rounded-circle\">\n      <span class=\"text-body-2 font-weight-semibold\"> {{ gameCase.amount }}x</span>\n    </div>\n  </div>\n</template>\n\n<script>\nconst defaultCaseImg = require('@/assets/img/games/cases/default-case.png')\n\nexport default {\n  props: {\n    gameCase: {\n      type: Object,\n      required: true,\n    },\n    crateSize: {\n      type: Number,\n      required: true,\n    },\n    opened: Boolean,\n    noTooltip: Boolean,\n  },\n  computed: {\n    caseImage() {\n      return this.gameCase?.imageUrl || defaultCaseImg\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.round-case {\n  position: relative;\n  transition: opacity 0.5s ease, transform 0.5s ease;\n  will-change: transform, opacity;\n}\n\n.amount {\n  position: absolute;\n  right: 0;\n  bottom: 6px;\n  width: 1.75em;\n  height: 1.75em;\n  background: rgba(#6e6b65, 0.55);\n  pointer-events: none;\n\n  span {\n    line-height: 1 !important;\n  }\n}\n\n.opened {\n  opacity: 0.5;\n  transform: scale(0.8);\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListingRound.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListingRound.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BattleListingRound.vue?vue&type=template&id=6e74d19c&scoped=true&\"\nimport script from \"./BattleListingRound.vue?vue&type=script&lang=js&\"\nexport * from \"./BattleListingRound.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BattleListingRound.vue?vue&type=style&index=0&id=6e74d19c&lang=scss&scoped=true&\"\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  \"6e74d19c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VImg,VTooltip})\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case-battles.vue?vue&type=style&index=0&id=2250676a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case-battles.vue?vue&type=style&index=0&id=2250676a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"page--case-battles pos-relative d-flex\",attrs:{\"fluid\":\"\"}},[_c('v-container',{staticClass:\"game-container\"},[_c('v-row',{staticClass:\"pt-8\"},[_c('v-col',{staticClass:\"d-flex flex-wrap align-center mb-4\",attrs:{\"cols\":\"12\"}},[_c('h3',{staticClass:\"text-body-1 font-weight-bold mr-3 primary700 primary200--text px-4 py-3 lh-1 text-uppercase\"},[_vm._v(\" \"+_vm._s(_vm.games.length)+\" games \")]),_c('div',{staticClass:\"py-3 px-4 bg-ui-panel text-uppercase grey100--text text-body-2 lh-1 mr-3\"},[_c('span',{staticClass:\"font-weight-semibold\"},[_vm._v(_vm._s(_vm.joinable.length)+\" joinable\")])]),_c('div',{staticClass:\"py-3 px-4 blue700 blue100--text lh-1 text-body-2\"},[_c('scrap',{staticClass:\"mr-1 font-weight-bold\",attrs:{\"amount\":_vm.totalValue}}),_c('span',{staticClass:\"text-uppercase font-weight-bold \"},[_vm._v(\"Total\")])],1),_c('v-spacer'),_c('v-btn',{staticClass:\"px-5 font-weight-bold\",attrs:{\"color\":\"green700 green200--text\",\"tile\":\"\",\"large\":\"\",\"depressed\":\"\",\"ripple\":false,\"height\":\"38\",\"to\":{name: 'Crate Battle Create'}}},[_vm._v(\" Create battle \"),(_vm.config.xpCreatorMultiplier > 1)?_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"grey400\",\"content-class\":\"rounded-0\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('div',_vm._g({staticClass:\"xp-bonus font-weight-semibold lh-1 text-caption green800 green300--text\"},on),[_vm._v(\" +\"+_vm._s(_vm._f(\"toLocale\")((_vm.config.xpCreatorMultiplier - 1) * 100))+\"% XP \")])]}}],null,false,1241384513)},[_c('span',[_vm._v(\"Creator XP bonus\")])]):_vm._e()],1)],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('transition-group',{attrs:{\"name\":\"t-listings\",\"tag\":\"div\"}},_vm._l((_vm.games),function(game){return _c('BattleListing',{key:game.id,staticClass:\"mb-5\",class:{'is-joinable': game.joinable},attrs:{\"game\":game,\"user\":_vm.user},on:{\"join\":function($event){return _vm.onJoin(game, $event)},\"inspect\":_vm.onInspectCrate}})}),1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"battle-listing grey600 pa-2\",attrs:{\"to\":_vm.routerTo,\"ripple\":false,\"tile\":\"\",\"flat\":\"\"}},[_c('div',{staticClass:\"game-info align-self-center\"},[_c('div',{staticClass:\"px-2 mb-4 d-flex align-center\"},[(_vm.game.config.funding)?_c('div',{staticClass:\"text-caption grey200--text non-funded-price\",class:{'is-free': !_vm.game.joinPrice}},[_vm._v(\" \"+_vm._s(_vm._f(\"toScrap\")(_vm.game.price))+\" \")]):_vm._e(),(_vm.game.joinPrice)?_c('scrap',{staticClass:\"text-body-1\",attrs:{\"amount\":_vm.game.joinPrice}}):_c('span',{staticClass:\"green400--text font-weight-bold mr-1\"},[_vm._v(\"Free\")]),(_vm.game.config.funding)?_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"green600\",\"content-class\":\"rounded-0\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('fai',_vm._g({staticClass:\"green400--text ml-1 mb-1\",attrs:{\"icon\":['fad', 'badge-percent']}},on))]}}],null,false,775953465)},[_c('span',[_vm._v(\"Creator is paying \"+_vm._s(_vm.game.config.funding)+\"%\")])]):_vm._e(),_c('span',{staticClass:\"ml-3 text-body-2 \",class:{\n          'primary400--text font-weight-bold': _vm.game.isCursed,\n          'blue400--text font-weight-bold': _vm.game.isCommunism,\n          'text--secondary': !_vm.game.isCursed && !_vm.game.isCommunism,\n        },domProps:{\"textContent\":_vm._s(_vm.game.title)}})],1),_c('div',{staticClass:\"teams d-flex mb-n5 ml-n4\"},_vm._l((_vm.game.teams),function(team){return _c('div',{key:team.id,staticClass:\"team\"},[_vm._l((team.slots),function(slot){return _c('BattleListingPlayer',{key:slot,staticClass:\"mr-3\",attrs:{\"game\":_vm.game,\"player\":_vm.game.playersByTeam(team.id)[slot - 1],\"color\":team.color},on:{\"join\":function($event){return _vm.onJoin(team.id)}}})}),(_vm.game.teams.length !== 4)?_c('span',{staticClass:\"vs text--secondary text-caption font-weight-bold mr-1 px-1\"},[_c('span',[_vm._v(\"vs\")])]):_vm._e()],2)}),0)]),_c('div',{staticClass:\"rounds flex-grow-1 pa-1\",class:{'is-scrolling': _vm.showRoundTicker && _vm.game.round > 4}},[_c('div',{staticClass:\"crates\",style:({\n        '--crateSize': (_vm.crateSize + \"px\"),\n        '--offsetX': (\"-\" + _vm.cratesOffset + \"px\"),\n      })},[_vm._l((_vm.listingRounds),function(crate,i){return _c('BattleListingRound',{key:i,attrs:{\"game-case\":crate,\"crate-size\":_vm.crateSize,\"opened\":_vm.showRoundTicker && _vm.game.round > i + 1},nativeOn:{\"contextmenu\":function($event){$event.preventDefault();return _vm.$emit('inspect', crate)}}})}),(_vm.showRoundTicker)?_c('v-img',{staticClass:\"crate-indicator flex-grow-0\",style:({'--offsetX': (_vm.roundIndicatorOffset + \"px\")}),attrs:{\"src\":require('@/assets/img/games/wheel/arrow.png'),\"contain\":\"\",\"width\":\"48\",\"aspect-ratio\":\"1\"}}):_vm._e()],2),_c('div',{staticClass:\"game-status text-body-2 text--secondary\"},[([_vm.GAME_STATUS.open, _vm.GAME_STATUS.complete].includes(_vm.game.status))?_c('span',[_vm._v(_vm._s(_vm.rounds.length)+\" rounds\")]):(_vm.game.status === _vm.GAME_STATUS.locked)?_c('span',[_vm._v(\"Starting\")]):(_vm.game.status === _vm.GAME_STATUS.rolling)?_c('span',{staticClass:\"round-status text-body-1 font-weight-bold\"},[_vm._v(_vm._s(_vm.game.round)+\"/\"+_vm._s(_vm.rounds.length))]):_vm._e(),(_vm.game.canShowWinners)?_c('div',{staticClass:\"text-caption font-weight-bold lh-1-2\"},[_c('scrap',{attrs:{\"amount\":_vm.game.totalWon}}),_vm._v(\" won \")],1):_vm._e()])]),(_vm.game.canShowWinners)?_c('div',{staticClass:\"winners text-right align-self-center pr-3\"},[_c('h4',{staticClass:\"green300--text text-caption font-weight-bold text-uppercase mb-2\"},[_vm._v(\" \"+_vm._s(_vm.game.winners.length > 1 ? 'Winners' : 'Winner')+\" \")]),_vm._l((_vm.winningTeams),function(team){return _c('div',{key:team.id,staticClass:\"d-inline-block team mb-3\"},_vm._l((team.slots),function(slot){return _c('BattleListingPlayer',{key:slot,staticClass:\"mr-3\",attrs:{\"game\":_vm.game,\"player\":_vm.game.playersByTeam(team.id)[slot - 1],\"color\":team.color,\"size\":32}})}),1)})],2):_c('div',{staticClass:\"actions align-self-center text-right pr-3\"},[_c('v-btn',{staticClass:\"unwidth px-3\",attrs:{\"color\":\"grey300 text--secondary\",\"tile\":\"\",\"depressed\":\"\",\"ripple\":false}},[(_vm.joinable)?_c('fai',{attrs:{\"icon\":['fas','eye']}}):_c('span',{staticClass:\"text-caption font-weight-semibold px-2\"},[_vm._v(\"Watch game\")])],1),(_vm.joinable)?_c('v-btn',{staticClass:\"text-caption ml-2 font-weight-semibold px-2 join-btn\",class:_vm.joinBtnClasses,attrs:{\"tile\":\"\",\"depressed\":\"\",\"ripple\":false},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onJoin()}}},[_c('span',{staticClass:\"lh-1 px-2\",class:{\n          'primary400--text': _vm.game.isCursed,\n          'blue400--text': _vm.game.isCommunism,\n        }},[(_vm.game.isCommunism)?_c('span',[_c('fai',{staticClass:\"blue200--text mr-1\",attrs:{\"icon\":['fad', 'users']}}),_vm._v(\" Join group \")],1):_c('span',[_c('fai',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.game.isCursed),expression:\"game.isCursed\"}],staticClass:\"primary100--text mr-1\",attrs:{\"icon\":['fad', 'skull-crossbones']}}),_vm._v(\" Join battle \")],1)])]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card\n    :to=\"routerTo\"\n    :ripple=\"false\" tile flat\n    class=\"battle-listing grey600 pa-2\"\n  >\n    <div class=\"game-info align-self-center\">\n      <div class=\"px-2 mb-4 d-flex align-center\">\n        <div\n          v-if=\"game.config.funding\"\n          :class=\"{'is-free': !game.joinPrice}\"\n          class=\"text-caption grey200--text non-funded-price\"\n        >\n          {{ game.price | toScrap }}\n        </div>\n        <scrap v-if=\"game.joinPrice\" class=\"text-body-1\" :amount=\"game.joinPrice\" />\n        <span v-else class=\"green400--text font-weight-bold mr-1\">Free</span>\n        <v-tooltip v-if=\"game.config.funding\" top color=\"green600\" content-class=\"rounded-0\">\n          <template #activator=\"{ on }\">\n            <fai :icon=\"['fad', 'badge-percent']\" class=\"green400--text ml-1 mb-1\" v-on=\"on\" />\n          </template>\n          <span>Creator is paying {{ game.config.funding }}%</span>\n        </v-tooltip>\n        <span\n          class=\"ml-3 text-body-2 \"\n          :class=\"{\n            'primary400--text font-weight-bold': game.isCursed,\n            'blue400--text font-weight-bold': game.isCommunism,\n            'text--secondary': !game.isCursed && !game.isCommunism,\n          }\" v-text=\"game.title\"\n        />\n      </div>\n\n      <div class=\"teams d-flex mb-n5 ml-n4\">\n        <div v-for=\"team in game.teams\" :key=\"team.id\" class=\"team\">\n          <BattleListingPlayer\n            v-for=\"slot in team.slots\"\n            :key=\"slot\"\n            :game=\"game\"\n            :player=\"game.playersByTeam(team.id)[slot - 1]\"\n            :color=\"team.color\"\n            class=\"mr-3\"\n            @join=\"onJoin(team.id)\"\n          />\n          <span v-if=\"game.teams.length !== 4\" class=\"vs text--secondary text-caption font-weight-bold mr-1 px-1\">\n            <span>vs</span>\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"rounds flex-grow-1 pa-1\" :class=\"{'is-scrolling': showRoundTicker && game.round > 4}\">\n      <div\n        class=\"crates\"\n        :style=\"{\n          '--crateSize': `${crateSize}px`,\n          '--offsetX': `-${cratesOffset}px`,\n        }\"\n      >\n        <BattleListingRound\n          v-for=\"(crate, i) in listingRounds\"\n          :key=\"i\"\n          :game-case=\"crate\" :crate-size=\"crateSize\"\n          :opened=\"showRoundTicker && game.round > i + 1\"\n          @contextmenu.native.prevent=\"$emit('inspect', crate)\"\n        />\n        <v-img\n          v-if=\"showRoundTicker\"\n          class=\"crate-indicator flex-grow-0\" :src=\"require('@/assets/img/games/wheel/arrow.png')\"\n          contain width=\"48\" aspect-ratio=\"1\"\n          :style=\"{'--offsetX': `${roundIndicatorOffset}px`}\"\n        />\n      </div>\n      <div class=\"game-status text-body-2 text--secondary\">\n        <span v-if=\"[GAME_STATUS.open, GAME_STATUS.complete].includes(game.status)\">{{ rounds.length }} rounds</span>\n        <span v-else-if=\"game.status === GAME_STATUS.locked\">Starting</span>\n        <span v-else-if=\"game.status === GAME_STATUS.rolling\" class=\"round-status text-body-1 font-weight-bold\">{{ game.round }}/{{ rounds.length }}</span>\n\n        <div v-if=\"game.canShowWinners\" class=\"text-caption font-weight-bold lh-1-2\">\n          <scrap :amount=\"game.totalWon\" /> won\n        </div>\n      </div>\n    </div>\n\n\n    <div v-if=\"game.canShowWinners\" class=\"winners text-right align-self-center pr-3\">\n      <h4 class=\"green300--text text-caption font-weight-bold text-uppercase mb-2\">\n        {{ game.winners.length > 1 ? 'Winners' : 'Winner' }}\n      </h4>\n      <div v-for=\"team in winningTeams\" :key=\"team.id\" class=\"d-inline-block team mb-3\">\n        <BattleListingPlayer\n          v-for=\"slot in team.slots\"\n          :key=\"slot\"\n          :game=\"game\"\n          :player=\"game.playersByTeam(team.id)[slot - 1]\"\n          :color=\"team.color\"\n          class=\"mr-3\"\n          :size=\"32\"\n        />\n      </div>\n    </div>\n\n    <div v-else class=\"actions align-self-center text-right pr-3\">\n      <v-btn\n        color=\"grey300 text--secondary\"\n        class=\"unwidth px-3\"\n        tile depressed :ripple=\"false\"\n      >\n        <fai v-if=\"joinable\" :icon=\"['fas','eye']\" />\n        <span v-else class=\"text-caption font-weight-semibold px-2\">Watch game</span>\n      </v-btn>\n\n      <v-btn\n        v-if=\"joinable\"\n        class=\"text-caption ml-2 font-weight-semibold px-2 join-btn\"\n        :class=\"joinBtnClasses\"\n        tile depressed :ripple=\"false\"\n        @click.native.prevent=\"onJoin()\"\n      >\n        <span\n          class=\"lh-1 px-2\" :class=\"{\n            'primary400--text': game.isCursed,\n            'blue400--text': game.isCommunism,\n          }\"\n        >\n\n          <span v-if=\"game.isCommunism\">\n            <fai :icon=\"['fad', 'users']\" class=\"blue200--text mr-1\" />\n            Join group\n          </span>\n          <span v-else>\n            <fai v-show=\"game.isCursed\" :icon=\"['fad', 'skull-crossbones']\" class=\"primary100--text mr-1\" />\n            Join battle\n          </span>\n        </span>\n      </v-btn>\n    </div>\n  </v-card>\n</template>\n\n<script>\nimport CaseBattlesGame from '@/store/models/games/case-battles/CaseBattlesGame'\nimport { GAME_STATUS } from '@/views/games/CaseBattles/utils'\n\nimport BattleListingRound from '@/views/games/CaseBattles/components/BattleListingRound'\nimport BattleListingPlayer from '@/views/games/CaseBattles/components/BattleListingPlayer'\n\nexport default {\n  components: {\n    BattleListingRound,\n    BattleListingPlayer,\n  },\n  props: {\n    game: {\n      type: [CaseBattlesGame, Object],\n      required: true,\n    },\n    crateSize: {\n      type: Number,\n      default: 80,\n    },\n    user: {\n      type: Object,\n      default: null,\n    },\n  },\n  computed: {\n    isCreator() {\n      return this.user?.steamid === this.game.creatorId\n    },\n    joinable() {\n      if (this.isCreator) return false\n      if (this.game.players[this.user?.steamid]) return false\n      return this.game.joinable\n    },\n    winningTeams() {\n      const { winningTeams } = this.game.data\n      if (!winningTeams) return []\n\n      return this.game.teams.filter(i => winningTeams.includes(i.id))\n    },\n    rounds() {\n      const { cases } = this.game\n      return this.game.config.rounds.map(id => cases[id])\n    },\n    showRoundTicker() {\n      return this.game.status === GAME_STATUS.rolling && this.game.round\n    },\n    listingRounds() {\n      if (this.showRoundTicker) {\n        return this.rounds\n      }\n\n      return Object.values(this.rounds.reduce((acc, crate) => {\n        if (!acc[crate.id]) acc[crate.id] = { ...crate, amount: 0 }\n        acc[crate.id].amount += 1\n        return acc\n      }, {}))\n    },\n    GAME_STATUS() {\n      return GAME_STATUS\n    },\n    routerTo() {\n      return {\n        name: 'Crate Battle',\n        params: { id: this.game.id },\n      }\n    },\n    joinBtnClasses() {\n      if (this.game.isCursed) {\n        return 'primary700 primary200--text'\n      }\n\n      if (this.game.isCommunism) {\n        return 'blue700 blue200--text'\n      }\n\n      return 'green700 green100--text'\n    },\n    //\n    roundIndicatorOffset() {\n      if (!this.showRoundTicker) return 0\n      const box = (this.crateSize + 4)\n      return (this.game.round * box) - (this.crateSize / 2) - 4\n    },\n    cratesOffset() {\n      if (!this.showRoundTicker) return 0\n      if (this.game.round < 4) return 0\n\n      const box = (this.crateSize + 4)\n      return (this.game.round - 4) * box - 4\n    },\n  },\n  methods: {\n    onJoin(teamId) {\n      if (!this.joinable) return\n      this.$emit('join', teamId)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.battle-listing {\n  display: grid;\n  cursor: pointer;\n  grid-template-columns: minmax(300px, 4fr) 10fr minmax(220px, 3fr);\n\n  &:focus::before {\n    display: none;\n  }\n\n  &:hover {\n    transform: translateY(-4px);\n  }\n}\n\n.teams {\n  .team {\n    .vs {\n      @include xs {\n        display: none;\n      }\n    }\n\n    &:last-of-type {\n      .vs {\n        display: none;\n      }\n    }\n  }\n}\n\n.non-funded-price {\n  position: absolute;\n  text-decoration: line-through;\n  transform: translate(100%, -80%);\n\n  &.is-free {\n    transform: translate(20%, -80%);\n  }\n}\n\n.rounds {\n  overflow: hidden;\n  position: relative;\n\n  &::before,\n  &::after {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    height: 100%;\n    content: '';\n    pointer-events: none;\n  }\n\n  &::before {\n    left: 0;\n    width: 30%;\n    opacity: 0;\n    background: linear-gradient(to right, grey(600) 20%, transparent);\n    transition: opacity 0.5s ease;\n  }\n\n  &::after {\n    right: 0;\n    width: 30%;\n    background: linear-gradient(to left, grey(600) 5%, transparent);\n  }\n\n  &.is-scrolling {\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  .crates {\n    display: flex;\n    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n    transform: translateX(var(--offsetX));\n    will-change: transform;\n\n    .round-case {\n      width: var(--crateSize);\n      height: 100%;\n      margin-right: 4px;\n\n      &:last-of-type {\n        margin-right: 0;\n      }\n    }\n  }\n\n  .crate-indicator {\n    position: absolute;\n    top: -8px;\n    left: 0;\n    will-change: transform;\n    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    transform: translateX(calc(var(--offsetX) + -50%));\n    pointer-events: none;\n  }\n\n  .game-status {\n    position: absolute;\n    z-index: 3;\n    top: 50%;\n    right: 0;\n    text-align: right;\n    transform: translateY(-50%);\n    pointer-events: none;\n\n    span {\n      position: relative;\n      z-index: 1;\n    }\n\n    .round-status {\n      letter-spacing: 2px !important;\n    }\n  }\n}\n\n.join-btn {\n  min-width: 132px !important;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BattleListing.vue?vue&type=template&id=0cf843c5&scoped=true&\"\nimport script from \"./BattleListing.vue?vue&type=script&lang=js&\"\nexport * from \"./BattleListing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BattleListing.vue?vue&type=style&index=0&id=0cf843c5&lang=scss&scoped=true&\"\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  \"0cf843c5\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VImg,VTooltip})\n","<template>\n  <v-container fluid class=\"page--case-battles pos-relative d-flex\">\n    <v-container class=\"game-container\">\n      <v-row class=\"pt-8\">\n        <v-col cols=\"12\" class=\"d-flex flex-wrap align-center mb-4\">\n          <h3 class=\"text-body-1 font-weight-bold mr-3 primary700 primary200--text px-4 py-3 lh-1 text-uppercase\">\n            {{ games.length }} games\n          </h3>\n\n          <div class=\"py-3 px-4 bg-ui-panel text-uppercase grey100--text text-body-2 lh-1 mr-3\">\n            <span class=\"font-weight-semibold\">{{ joinable.length }} joinable</span>\n          </div>\n\n          <div class=\"py-3 px-4 blue700 blue100--text lh-1 text-body-2\">\n            <scrap class=\"mr-1 font-weight-bold\" :amount=\"totalValue\" />\n            <span class=\"text-uppercase font-weight-bold \">Total</span>\n          </div>\n\n          <v-spacer />\n\n          <v-btn\n            color=\"green700 green200--text\" tile\n            class=\"px-5 font-weight-bold\" large\n            depressed :ripple=\"false\" height=\"38\"\n            :to=\"{name: 'Crate Battle Create'}\"\n          >\n            Create battle\n\n            <v-tooltip v-if=\"config.xpCreatorMultiplier > 1\" top color=\"grey400\" content-class=\"rounded-0\">\n              <template #activator=\"{ on }\">\n                <div\n                  class=\"xp-bonus font-weight-semibold lh-1 text-caption green800 green300--text\"\n                  v-on=\"on\"\n                >\n                  +{{ (config.xpCreatorMultiplier - 1) * 100 | toLocale }}% XP\n                </div>\n              </template>\n              <span>Creator XP bonus</span>\n            </v-tooltip>\n          </v-btn>\n        </v-col>\n\n        <v-col cols=\"12\">\n          <transition-group name=\"t-listings\" tag=\"div\">\n            <BattleListing\n              v-for=\"game in games\" :key=\"game.id\"\n              :game=\"game\" :user=\"user\"\n              class=\"mb-5\"\n              :class=\"{'is-joinable': game.joinable}\"\n              @join=\"onJoin(game, $event)\"\n              @inspect=\"onInspectCrate\"\n            />\n          </transition-group>\n        </v-col>\n      </v-row>\n    </v-container>\n  </v-container>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport CaseBattlesGame from '@/store/models/games/case-battles/CaseBattlesGame'\nimport OnboardingMixin from '@/mixins/onboarding'\nimport BattleListing from './components/BattleListing'\nimport { GAME_STATUS } from './utils'\n\nexport default {\n  metaInfo: {\n    title: 'Crate Battles',\n  },\n  components: {\n    BattleListing,\n  },\n  mixins: [OnboardingMixin],\n  data: () => ({\n    loading: {},\n  }),\n  computed: {\n    ...mapGetters({\n      conga: 'conga/conga',\n      user: 'user/session',\n    }),\n    config() {\n      return this.conga.games.caseBattles\n    },\n    games() {\n      const { user } = this\n      return CaseBattlesGame.query()\n        .where(game => {\n          if (game.private) {\n            if (user?.steamid === game.creatorId) return true\n            return false\n          }\n          return true\n        })\n        .orderBy(game => {\n          if (game.status === GAME_STATUS.complete && !game.canShowWinners) {\n            return GAME_STATUS.rolling\n          }\n          if (game.status === GAME_STATUS.locked) {\n            return GAME_STATUS.rolling\n          }\n\n          return game.status\n        }, 'asc')\n        .orderBy('price', 'desc')\n        .get()\n    },\n    joinable() {\n      return this.games.filter(i => i.joinable)\n    },\n    totalValue() {\n      return this.games.reduce((acc, v) => acc + v.price, 0)\n    },\n  },\n  methods: {\n    ...mapActions({\n      joinBattle: 'games/case-battles/join',\n    }),\n    onInspectCrate(crate) {\n      this.$modal.open('battle-inspect-crate', { maxWidth: 650 }, { crate })\n    },\n    async onJoin(game, teamId) {\n      if (!this.user) {\n        this.$modal.open('auth', { maxWidth: 320, persistent: true })\n        return\n      }\n\n      if (!teamId) {\n        this.$modal.open('battle-join', { maxWidth: 350 }, { game, teamId })\n        return\n      }\n\n      const hasWarning = game.isUneven || game.isCursed\n      if (hasWarning && !this.onboardingHasSeen('battle-join-warning')) {\n        this.$modal.open('battle-join', { maxWidth: 350 }, { game, teamId })\n        return\n      }\n\n      try {\n        await this.joinBattle({\n          id: game.id,\n          teamId,\n        })\n\n        this.$router.push({\n          name: 'Crate Battle',\n          params: { id: game.id },\n        }).catch(() => {})\n\n        this.$toast.success('Battle joined')\n      } catch (error) {\n        this.$toast.error(error.message)\n      }\n    },\n  },\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.page--case-battles {\n  min-height: calc(100vh - var(--top));\n  background: grey(900); // fallback\n  // TODO\n  background: url('../../../assets/img/games/coinflip/bg.jpg') no-repeat top center;\n  background-size: cover;\n\n  &::before {\n    position: absolute;\n    z-index: 0;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(rgba(grey(800), 0.95) 50%, rgba(grey(900), 0.98) 80%);\n    content: ' ';\n    // pointer-events: none;\n  }\n}\n\n.game-container {\n  z-index: 1;\n  max-width: 1200px;\n}\n\n.battle-listing.is-joinable + :not(.is-joinable) {\n  margin-top: 48px !important;\n}\n\n.battle-listing {\n  transition: transform 0.6s ease;\n}\n\n.xp-bonus {\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  right: 0;\n  padding: 4px 8px;\n  transform: translate(50%, -120%) rotate(3deg);\n}\n\n.t-listings {\n  &-enter,\n  &-leave-to {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  &-enter-to {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &-enter-active {\n    ::v-deep .battle-player .v-btn {\n      display: none;\n    }\n  }\n\n  &-move {\n    ::v-deep .battle-player .v-btn {\n      display: none;\n    }\n  }\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case-battles.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./case-battles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./case-battles.vue?vue&type=template&id=2250676a&scoped=true&\"\nimport script from \"./case-battles.vue?vue&type=script&lang=js&\"\nexport * from \"./case-battles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./case-battles.vue?vue&type=style&index=0&id=2250676a&lang=scss&scoped=true&\"\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  \"2250676a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCol,VContainer,VRow,VSpacer,VTooltip})\n","import view from './case-battles.vue'\n\nexport default view\n","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListingRound.vue?vue&type=style&index=0&id=6e74d19c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleListingRound.vue?vue&type=style&index=0&id=6e74d19c&lang=scss&scoped=true&\""],"sourceRoot":""}