{"version":3,"sources":["webpack:///./src/modals/games/coinflip/coinflip-game/components/CoinflipPlayer.vue?a5f7","webpack:///./src/modals/games/coinflip/coinflip-game/components/CoinflipPlayer.vue?9a3f","webpack:///src/modals/games/coinflip/coinflip-game/components/CoinflipPlayer.vue","webpack:///./src/modals/games/coinflip/coinflip-game/components/CoinflipPlayer.vue?7a19","webpack:///./src/modals/games/coinflip/coinflip-game/components/CoinflipPlayer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","flipped","style","backgroundColor","colors","bg","attrs","coin","image","user","name","color","text","_v","directives","rawName","value","expression","staticRenderFns","props","type","Object","required","default","Boolean","computed","theme","grey300","grey100","colorBg","colorText","component","VImg"],"mappings":"gKAAA,yBAAssB,EAAG,G,kECAzsB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kCAAkCC,MAAM,CAACC,QAASR,EAAIQ,SAASC,MAAM,CAAEC,gBAAiBV,EAAIW,OAAOC,KAAM,CAACR,EAAG,QAAQ,CAACE,YAAY,mBAAmBC,MAAMP,EAAIQ,QAAU,QAAU,QAAQK,MAAM,CAAC,IAAMb,EAAIc,KAAKC,MAAM,MAAQ,GAAG,YAAa,EAAM,eAAe,OAAOX,EAAG,aAAa,CAACE,YAAY,SAASC,MAAMP,EAAIQ,QAAU,OAAS,OAAOK,MAAM,CAAC,KAAOb,EAAIgB,MAAQ,CAACC,KAAM,KAAK,MAAQ,GAAG,KAAO,KAAK,MAAQ,aAAab,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAEN,EAAQ,KAAEI,EAAG,WAAW,CAACK,MAAM,CAAES,MAAOlB,EAAIW,OAAOQ,MAAON,MAAM,CAAC,KAAOb,EAAIgB,QAAQZ,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACN,EAAIoB,GAAG,gBAAgBhB,EAAG,KAAK,CAACiB,WAAW,CAAC,CAACJ,KAAK,IAAIK,QAAQ,MAAMC,MAAOvB,EAAIc,KAAS,KAAEU,WAAW,cAAclB,YAAY,sDAAsD,IAAI,IAC94BmB,EAAkB,GC8BtB,GACEC,MAAO,CACLZ,KAAM,CACJa,KAAMC,OACNC,UAAU,GAEZb,KAAM,CACJW,KAAMC,OACNE,QAAS,MAEXtB,QAAS,CACPmB,KAAMI,QACND,SAAS,IAGbE,SAAU,CACR,SACE,MAAM,KAAZ,mBAEM,IAAK/B,KAAKe,KAAM,CACd,MAAR,wBAEQ,MAAO,CACLJ,GAAIqB,EAAMC,QACVf,KAAMc,EAAME,SAIhB,MAAO,CACLvB,GAAIE,EAAKsB,QACTjB,KAAML,EAAKuB,cC7D2e,I,yDCQ1fC,EAAY,eACd,EACAvC,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAa,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,OAAA","file":"js/games-coinflip-coinflip-game-components-CoinflipPlayer.modal.5c0b9d2f.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!./CoinflipPlayer.vue?vue&type=style&index=0&id=d7928618&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!./CoinflipPlayer.vue?vue&type=style&index=0&id=d7928618&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"player pa-3 d-flex align-center\",class:{flipped: _vm.flipped},style:({backgroundColor: _vm.colors.bg})},[_c('v-img',{staticClass:\"coin flex-grow-0\",class:_vm.flipped ? 'ml-n4' : 'mr-n4',attrs:{\"src\":_vm.coin.image,\"width\":48,\"transition\":false,\"aspect-ratio\":\"1\"}}),_c('UserAvatar',{staticClass:\"avatar\",class:_vm.flipped ? 'ml-3' : 'mr-3',attrs:{\"user\":_vm.user || {name: '?'},\"round\":\"\",\"size\":\"48\",\"color\":\"grey200\"}}),_c('div',{staticClass:\"text-ctn text-body-2\"},[(_vm.user)?_c('Username',{style:({color: _vm.colors.text}),attrs:{\"user\":_vm.user}}):_c('span',{staticClass:\"text--secondary text-caption\"},[_vm._v(\"Empty slot\")]),_c('h5',{directives:[{name:\"t\",rawName:\"v-t\",value:(_vm.coin.name),expression:\"coin.name\"}],staticClass:\"text-caption text--secondary text-no-wrap lh-1-3\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"player pa-3 d-flex align-center\"\n    :style=\"{backgroundColor: colors.bg}\"\n    :class=\"{flipped}\"\n  >\n    <v-img\n      :src=\"coin.image\"\n      :width=\"48\"\n      :transition=\"false\"\n      aspect-ratio=\"1\"\n      class=\"coin flex-grow-0\" :class=\"flipped ? 'ml-n4' : 'mr-n4'\"\n    />\n    <UserAvatar\n      :user=\"user || {name: '?'}\"\n      round size=\"48\" class=\"avatar\" color=\"grey200\"\n      :class=\"flipped ? 'ml-3' : 'mr-3'\"\n    />\n    <div class=\"text-ctn text-body-2\">\n      <Username\n        v-if=\"user\"\n        :user=\"user\"\n        :style=\"{color: colors.text}\"\n      />\n      <span v-else class=\"text--secondary text-caption\">Empty slot</span>\n      <h5 v-t=\"coin.name\" class=\"text-caption text--secondary text-no-wrap lh-1-3\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    coin: {\n      type: Object,\n      required: true,\n    },\n    user: {\n      type: Object,\n      default: null,\n    },\n    flipped: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    colors() {\n      const { coin, $vuetify } = this\n\n      if (!this.user) {\n        const { currentTheme: theme } = $vuetify.theme\n\n        return {\n          bg: theme.grey300,\n          text: theme.grey100,\n        }\n      }\n\n      return {\n        bg: coin.colorBg,\n        text: coin.colorText,\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.text-ctn {\n  overflow: hidden;\n}\n\n.flipped {\n  justify-content: flex-end;\n\n  .coin {\n    order: 3;\n  }\n\n  .avatar {\n    order: 2;\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!./CoinflipPlayer.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!./CoinflipPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoinflipPlayer.vue?vue&type=template&id=d7928618&scoped=true&\"\nimport script from \"./CoinflipPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./CoinflipPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CoinflipPlayer.vue?vue&type=style&index=0&id=d7928618&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  \"d7928618\",\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';\ninstallComponents(component, {VImg})\n"],"sourceRoot":""}