{"version":3,"sources":["webpack:///./src/gamification/components/RankingTable.vue?381e","webpack:///./src/gamification/views/RankingView.vue?9988","webpack:///./src/gamification/components/RankingHeader.vue?7992","webpack:///src/gamification/components/RankingHeader.vue","webpack:///./src/gamification/components/RankingHeader.vue?3ea9","webpack:///./src/gamification/components/RankingHeader.vue","webpack:///./src/gamification/components/RankingTable.vue?72b7","webpack:///src/gamification/components/RankingTable.vue","webpack:///./src/gamification/components/RankingTable.vue?ab4c","webpack:///./src/gamification/components/RankingTable.vue","webpack:///./src/gamification/components/skeletons/RankingSkeleton.vue?9a44","webpack:///./src/gamification/components/skeletons/RankingSkeleton.vue","webpack:///src/gamification/views/RankingView.vue","webpack:///./src/gamification/views/RankingView.vue?12b7","webpack:///./src/gamification/views/RankingView.vue","webpack:///./src/gamification/components/skeletons/RankingSkeleton.vue?7835","webpack:///./src/gamification/components/RankingHeader.vue?f63d","webpack:///./src/gamification/views/RankingView.vue?9de1"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","pointsToNextRank","userRanking","userPoints","_l","rank","id","key","level","number","on","$event","getPointsToNextLevel","parseInt","scopedSlots","_u","fn","photo","_v","_s","proxy","ranking","childId","userPos","childName","name","staticRenderFns","userLevel","_e","props","isBack","Boolean","String","Number","type","Object","default","component","user","class","toString","userId","users","length","points","userNumber","levelNumber","Array","script","components","NavBar","rankingHeader","rankingSkeleton","rankingTable","data","rankingAndLevelInformation","loading","sessionStore","computed","userIsAParent","childSelectedId","methods","levelData"],"mappings":"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","file":"js/chunk-2846114b.cc379753.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingTable.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingTable.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('nav-bar',{attrs:{\"title\":'Leaderboard'}}),(_vm.loading)?_c('ranking-skeleton',{staticClass:\"atm-desktop-max-width mobile py-4\"}):_c('div',{staticClass:\"atm-desktop-max-width mobile py-4\"},[_c('ranking-header',{staticClass:\"w-100 mx-auto mt-4\",attrs:{\"isBack\":false,\"points-to-next-rank\":_vm.pointsToNextRank,\"user-level\":_vm.userRanking,\"user-points\":_vm.userPoints}}),_c('b-card',{staticClass:\"border-0 bg-clear\",attrs:{\"no-body\":\"\",\"id\":\"badge\"}},[_c('b-tabs',{attrs:{\"small\":\"\",\"card\":\"\"}},_vm._l((_vm.rankingAndLevelInformation),function(rank,id){return _c('b-tab',{key:id,attrs:{\"active\":rank.level.number === _vm.userRanking.number},on:{\"click\":function($event){_vm.getPointsToNextLevel(parseInt(id) + 1)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"badgeContainer d-flex align-items-center bg-main p-1 mr-1 rounded-pill\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":rank.level.photo,\"alt\":\"Badge icon\"}})]),_c('label',{staticClass:\"m-0\"},[_vm._v(\" Level \"+_vm._s(id))])])]},proxy:true}],null,true)},[(rank.ranking.length)?_c('ranking-table',{staticClass:\"atm-shadow atm-rounded overflow-hidden\",attrs:{\"user-id\":_vm.childId,\"user-number\":_vm.userRanking.number,\"user-pos\":_vm.userPos,\"child-name\":_vm.childName,\"user-points\":_vm.userPoints,\"users\":rank.ranking,\"level-number\":rank.level.number}}):_c('div',{staticClass:\"text-center mx-2 mt-5 no-rank\"},[_c('b-img',{staticClass:\"content-badge mb-4\",attrs:{\"fluid\":\"\",\"src\":rank.level.photo,\"alt\":\"Badge icon\"}}),_c('p',{staticClass:\"h5 text-muted mx-5\"},[_vm._v(\" No students at \"),_c('b',[_vm._v(\" \"+_vm._s(rank.level.name)+\" \")]),_vm._v(\" yet. \")])],1)],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('div',{staticClass:\" position-relative d-flex flex-wrap justify-content-center align-items-center w-100\"},[_c('div',{staticClass:\"d-flex flex-wrap justify-content-center align-items-center\"},[_c('div',{staticClass:\"userImage position-relative rounded-pill atm-shadow\"},[_c('img',{staticClass:\"w-100 h-100\",attrs:{\"src\":require(\"@/assets/avatar.png\"),\"alt\":\"user image\"}})]),_c('div',{staticClass:\"userData position-relative d-flex justify-content-between align-items-center atm-shadow rounded-pill \"},[_c('div',{staticClass:\" d-flex align-items-center bg-main text-sm rounded-pill px-3 pl-5 h-100\"},[_c('div',{staticClass:\"badgeContainer d-flex align-items-center mr-1\"},[_c('img',{attrs:{\"src\":_vm.userLevel.photo,\"alt\":\"Badge icon\"}})]),_c('label',{staticClass:\"text-light text-capitalize m-0\"},[_vm._v(\" Level \"+_vm._s(_vm.userLevel.number)+\" \")])]),_c('p',{staticClass:\"text-center text-sm font-weight-600 m-0 mx-3\"},[_vm._v(\" \"+_vm._s(_vm.userPoints)+\" pts \")])])]),(_vm.pointsToNextRank !== 'none')?_c('div',{staticClass:\"levelupStyle d-flex justify-content-center align-items-center bg-main text-light rounded-pill\"},[_c('span',[_vm._v(_vm._s(_vm.pointsToNextRank))]),_c('span',{staticClass:\"material-icons-round align-middle\"},[_vm._v(\" arrow_upward \")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\" position-relative d-flex flex-wrap justify-content-center align-items-center w-100\">\n    <div class=\"d-flex flex-wrap justify-content-center align-items-center\">\n      <div class=\"userImage position-relative rounded-pill atm-shadow\">\n        <img\n          :src=\"require(`@/assets/avatar.png`)\"\n          alt=\"user image\"\n          class=\"w-100 h-100\"\n        />\n      </div>\n      <div class=\"userData position-relative d-flex justify-content-between align-items-center atm-shadow rounded-pill \">\n        <div class=\" d-flex align-items-center bg-main text-sm rounded-pill px-3 pl-5 h-100\">\n          <div class=\"badgeContainer d-flex align-items-center mr-1\">\n            <img :src=\"userLevel.photo\" alt=\"Badge icon\" />\n          </div>\n          <label class=\"text-light text-capitalize m-0\">\n            Level {{ userLevel.number }}\n          </label>\n        </div>\n        <p class=\"text-center text-sm font-weight-600 m-0 mx-3\">\n          {{ userPoints }} pts\n        </p>\n      </div>\n    </div>\n    <div\n      v-if=\"pointsToNextRank !== 'none'\"\n      class=\"levelupStyle d-flex justify-content-center align-items-center bg-main text-light rounded-pill\"\n    >\n      <span>{{ pointsToNextRank }}</span>\n      <span class=\"material-icons-round align-middle\"> arrow_upward </span>\n    </div>\n  </div>\n</template>\n<script>\n\nexport default {\n  props: {\n    isBack: Boolean,\n    pointsToNextRank: String,\n    userPoints: Number,\n    userLevel: { \n      type: Object, \n      default: () => { return { photo: '', number: 0 }}\n    },\n  },\n}\n</script>\n<style lang=\"scss\">\n.badgeContainer {\n  width: 20px;\n  height: 20px;\n  & > img {\n    fill: white;\n    width: 20px;\n    height: 20px;\n  }\n}\n.userImage {\n  background-color: white;\n  width: 74px;\n  height: 74px;\n  z-index: 100;\n\n  & > img {\n    object-fit: contain;\n  }\n}\n.userData {\n  height: 30px;\n  left: -2.5rem;\n  z-index: 10;\n}\n\n.levelupStyle {\n  height: 60px;\n  width: 60px;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingHeader.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/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingHeader.vue?vue&type=template&id=4b352c7b&\"\nimport script from \"./RankingHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingHeader.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.users),function(user,id){return _c('div',{key:id,staticClass:\"d-flex justify-content-between align-items-center py-2 px-4\",class:{\n      'bg-plain': user.user.id.toString() === _vm.userId.toString(),\n      'atm-rounded-top': id === 0,\n      'atm-rounded-bottom': id === _vm.users.length - 1\n    }},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('span',{staticClass:\"rankingNumberStyle d-flex justify-content-center align-items-center bg-light2 font-weight-600 rounded-pill\",class:{\n          'bg-main text-light': id === 0,\n          'bg-main-low text-light': user.user.id.toString() === _vm.userId.toString()\n        }},[_vm._v(\" \"+_vm._s(id + 1)+\" \")]),_c('span',{staticClass:\"font-weight-600 text-capitalize ml-3\"},[_vm._v(\" \"+_vm._s(user.user.name)+\" \")])]),_c('span',{staticClass:\"font-weight-600\"},[_vm._v(_vm._s(user.points)+\" Pts\")])])}),(_vm.userPos > 10 && _vm.userNumber === _vm.levelNumber)?_c('div',{staticClass:\"d-flex justify-content-between align-items-center py-2 px-4 bg-plain mt-4 atm-rounded\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('span',{staticClass:\"rankingNumberStyle d-flex justify-content-center align-items-center bg-main-low text-light font-weight-600 rounded-pill\"},[_vm._v(\" \"+_vm._s(_vm.userPos)+\" \")]),_c('span',{staticClass:\"font-weight-600 text-capitalize ml-3\"},[_vm._v(\" \"+_vm._s(_vm.childName)+\" \")])]),_c('span',{staticClass:\"font-weight-600\"},[_vm._v(_vm._s(_vm.userPoints)+\" pts\")])]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      v-for=\"(user, id) in users\"\n      :key=\"id\"\n      class=\"d-flex justify-content-between align-items-center py-2 px-4\"\n      :class=\"{\n        'bg-plain': user.user.id.toString() === userId.toString(),\n        'atm-rounded-top': id === 0,\n        'atm-rounded-bottom': id === users.length - 1\n      }\"\n    >\n      <div class=\"d-flex justify-content-center align-items-center\">\n        <span\n          class=\"rankingNumberStyle d-flex justify-content-center align-items-center bg-light2 font-weight-600 rounded-pill\"\n          :class=\"{\n            'bg-main text-light': id === 0,\n            'bg-main-low text-light': user.user.id.toString() === userId.toString()\n          }\"\n        >\n          {{ id + 1 }}\n        </span>\n        <span class=\"font-weight-600 text-capitalize ml-3\">\n          {{ user.user.name }}\n        </span>\n      </div>\n      <span class=\"font-weight-600\">{{ user.points }} Pts</span>\n    </div>\n    <div\n      v-if=\"userPos > 10 && userNumber === levelNumber\"\n      class=\"d-flex justify-content-between align-items-center py-2 px-4 bg-plain mt-4 atm-rounded\"\n    >\n      <div class=\"d-flex justify-content-center align-items-center\">\n        <span class=\"rankingNumberStyle d-flex justify-content-center align-items-center bg-main-low text-light font-weight-600 rounded-pill\">\n          {{ userPos }}\n        </span>\n        <span class=\"font-weight-600 text-capitalize ml-3\">\n          {{ childName }}\n        </span>\n      </div>\n      <span class=\"font-weight-600\">{{ userPoints }} pts</span>\n    </div>\n  </div>\n</template>\n<script>\n\nexport default {\n  props: {\n    users: Array,\n    levelNumber: Number,\n    userPos: Number,\n    childName: String,\n    userPoints: Number,\n    userNumber: Number,\n    userId: String,\n  },\n};\n</script>\n<style>\n.position-std {\n  width: 30px;\n}\n\n.rankingNumberStyle {\n  width: 30px;\n  height: 30px;\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/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingTable.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/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingTable.vue?vue&type=template&id=6168fec2&\"\nimport script from \"./RankingTable.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingTable.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\" position-relative d-flex flex-wrap justify-content-center align-items-center w-100\"},[_c('div',{staticClass:\"d-flex flex-wrap justify-content-center align-items-center\"},[_c('div',{staticClass:\"userImage position-relative rounded-pill atm-shadow\"},[_c('b-skeleton',{staticClass:\"w-100 h-100 rounded-pill\",attrs:{\"animation\":\"fade\"}})],1),_c('div',{staticClass:\"userData position-relative d-flex justify-content-between align-items-center atm-shadow rounded-pill \"},[_c('div',{staticClass:\" d-flex align-items-center bg-main text-sm rounded-pill px-3 pl-5 h-100\"},[_c('div',{staticClass:\"badgeContainer d-flex align-items-center mr-1\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"30px\",\"width\":\"100%\"}})],1),_c('label',{staticClass:\"text-light text-capitalize m-0\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"30px\",\"width\":\"100%\"}})],1)]),_c('p',{staticClass:\"text-center text-sm font-weight-600 m-0 mx-3\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"30px\",\"width\":\"100%\"}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./RankingSkeleton.vue?vue&type=template&id=90cdc8a4&\"\nvar script = {}\nimport style0 from \"./RankingSkeleton.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <nav-bar :title=\"'Leaderboard'\"></nav-bar>\n    <ranking-skeleton v-if=\"loading\" class=\"atm-desktop-max-width mobile py-4\"></ranking-skeleton>\n    <div v-else class=\"atm-desktop-max-width mobile py-4\">\n      <ranking-header\n        :isBack=\"false\"\n        class=\"w-100 mx-auto mt-4\"\n        :points-to-next-rank=\"pointsToNextRank\"\n        :user-level=\"userRanking\"\n        :user-points=\"userPoints\"\n      ></ranking-header>\n      <b-card no-body class=\"border-0 bg-clear\" id=\"badge\">\n        <b-tabs small card>\n          <b-tab\n            v-for=\"(rank, id) in rankingAndLevelInformation\"\n            :key=\"id\"\n            :active=\"rank.level.number === userRanking.number\"\n            @click=\"getPointsToNextLevel(parseInt(id) + 1)\"\n          >\n            <template v-slot:title>\n              <div class=\"d-flex justify-content-center align-items-center\">\n                <div class=\"badgeContainer d-flex align-items-center bg-main p-1 mr-1 rounded-pill\">\n                  <img :src=\"rank.level.photo\" alt=\"Badge icon\" class=\"w-100\" />\n                </div>\n                <label class=\"m-0\"> Level {{ id }}</label>\n              </div>\n            </template>\n            <ranking-table\n              v-if=\"rank.ranking.length\"\n              :user-id=\"childId\"\n              :user-number=\"userRanking.number\"\n              :user-pos=\"userPos\"\n              :child-name=\"childName\"\n              :user-points=\"userPoints\"\n              :users=\"rank.ranking\"\n              :level-number=\"rank.level.number\"\n              class=\"atm-shadow atm-rounded overflow-hidden\"\n            ></ranking-table>\n            <div v-else class=\"text-center mx-2 mt-5 no-rank\">\n              <b-img\n                fluid\n                :src=\"rank.level.photo\"\n                alt=\"Badge icon\"\n                class=\"content-badge mb-4\"\n              ></b-img>\n              <p class=\"h5 text-muted mx-5\">\n                No students at\n                <b>\n                  {{ rank.level.name }}\n                </b>\n                yet.\n              </p>\n            </div>\n          </b-tab>\n        </b-tabs>\n      </b-card>\n    </div>\n  </div>\n</template>\n<script>\nimport { NavBar } from '@/common/components';\nimport rankingHeader from '../components/RankingHeader.vue';\nimport rankingTable from '../components/RankingTable.vue';\nimport rankingSkeleton from '../components/skeletons/RankingSkeleton.vue';\nimport { useSessionStore } from '@/common';\nimport { getRankingAndLevelInformation } from '../services';\n\nexport default {\n  components: {\n    NavBar,\n    rankingHeader,\n    rankingSkeleton,\n    rankingTable,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      pointsToNextRank: 'none',\n      userRanking: {},\n      userPoints: 0,\n      userPos: 0,\n      rankingAndLevelInformation: {},\n      loading: false,\n      sessionStore,\n    };\n  },\n  computed: {\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    childName() {\n      return this.sessionStore.childName;\n    },\n    childId() {\n      return this.userIsAParent ? this.sessionStore.childSelectedId : this.sessionStore.userId;\n    },\n  },\n  async mounted() {\n    this.loading = true;\n    try {\n      const dataRanking = await getRankingAndLevelInformation(this.childId);\n      this.rankingAndLevelInformation = dataRanking.ranking\n      this.userRanking = dataRanking.userLevel\n      this.userPoints = dataRanking.userPoints\n      this.userPos = dataRanking.userPos\n      this.getPointsToNextLevel(this.userRanking.number + 1);\n    } catch (error) {\n      console.error(error);\n    } finally {\n      this.loading = false;\n    }\n  },\n  methods: {\n    getPointsToNextLevel(level) {\n      const levelData = this.rankingAndLevelInformation[level]?.level;\n      if (levelData){\n        const pointsNeeded = levelData.points_needed - this.userPoints;\n        this.pointsToNextRank =\n          pointsNeeded > 0 ? pointsNeeded.toString() : 'none';\n      } else{\n        this.pointsToNextRank = 'none';\n      }\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n\n.no-rank .img-fluid {\n  filter: invert(0.08);\n}\n\n.nav-link {\n  padding: 0.5rem 0;\n  text-align: center;\n}\n\n.nav-tabs .nav-item {\n  font-size: 1rem;\n  font-weight: 500;\n  min-width: fit-content;\n  padding: 10px;\n  border-radius: 8px 8px 0 0;\n\n  &:hover {\n    background-color: #f2f2f2;\n  }\n}\n\n.nav-tabs .nav-link:focus,\n.nav-tabs .nav-link {\n  &:hover {\n    background-color: transparent;\n    border-color: transparent;\n  }\n}\n.card-header {\n  padding: 0;\n  background-color: transparent;\n  border: none;\n}\n.card-header-tabs {\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  width: 100%;\n}\n.nav-tabs .nav-item.show .nav-link,\n.nav-tabs .nav-link.active {\n  color: black;\n  height: 100%;\n  border: none;\n  border-bottom: 4px solid var(--color-main) !important;\n  margin: 0 !important;\n}\n\n.badgeContainer {\n  width: 20px;\n  height: 20px;\n  box-sizing: content-box;\n  & > img {\n    fill: var(--color-main);\n    object-fit: contain;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingView.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/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingView.vue?vue&type=template&id=3b24e25e&\"\nimport script from \"./RankingView.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingView.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingSkeleton.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingSkeleton.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingHeader.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingHeader.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingView.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankingView.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}