{"version":3,"sources":["webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?e4b9","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?d21c","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/EventGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?4f1e","webpack:///./src/components/panels/giftcode/EventGiftCodesPanel.vue?9b49","webpack:///./src/assets/images/icon/ticket.svg","webpack:///./node_modules/core-js/internals/not-a-nan.js","webpack:///./node_modules/core-js/modules/es.iterator.take.js","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///src/components/panels/giftcode/GeneralGiftCodesPanel.vue","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?a6bb","webpack:///./src/components/panels/giftcode/GeneralGiftCodesPanel.vue?5788","webpack:///./node_modules/core-js/internals/to-positive-integer.js","webpack:///./src/views/game/giftcode/Index.vue","webpack:///src/views/game/giftcode/Index.vue","webpack:///./src/views/game/giftcode/Index.vue?e186","webpack:///./src/views/game/giftcode/Index.vue?51b3"],"names":["render","_vm","this","_c","_self","staticClass","_l","items","item","index","key","attrs","on","$event","$showGiftCodeDetail","id","imageUrl","getUrl","_v","_s","name","$toDateTimeString","startDate","endDate","$t","totalReceived","staticRenderFns","props","component","module","exports","$RangeError","RangeError","it","$","call","anObject","getIteratorDirect","notANaN","toPositiveInteger","createIteratorProxy","iteratorClose","IS_PURE","IteratorProxy","iterator","remaining","done","undefined","result","next","value","target","proto","real","forced","take","limit","require","code","$useGiftCode","components","SlickSlider","toIntegerOrInfinity","game","staticStyle","generalCodes","length","_e","eventCodes","loading","GeneralGiftCodesPanel","EventGiftCodesPanel","data","skip","ended","$bridge","$on","loadCodes","mounted","loadData","beforeDestroy","$off","methods","$store","getters","currentGame","response","giftcodeService","getCodesInGame","idGame","takeEvents","dialogHelper","alert","error","message","codes","forEach","type","totalCodes","getEventCodesInGame"],"mappings":"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","file":"js/chunk-e925926e.7e5c5c54.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!./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&prod&scoped=true&lang=scss\"","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!./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"event-giftcodes-panel\"},[_c('b-row',_vm._l((_vm.items),function(item,index){return _c('b-col',{key:index,attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"gc-item d-flex align-items-center\",on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_c('img',{staticClass:\"gc-icon\",attrs:{\"src\":item.imageUrl.getUrl()}}),_c('div',{staticClass:\"gc-info\"},[_c('div',{staticClass:\"gc-title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"gc-time\"},[_vm._v(_vm._s(_vm.$toDateTimeString(item.startDate))+\" - \"+_vm._s(_vm.$toDateTimeString(item.endDate)))]),_c('div',{staticClass:\"gc-total-received\"},[_c('b-icon',{staticClass:\"mr-1\",attrs:{\"icon\":\"person\"}}),_vm._v(_vm._s(_vm.$t(\"{0} received\", [item.totalReceived])))],1)])])])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"event-giftcodes-panel\">\n    <b-row>\n      <b-col sm=\"6\" v-for=\"(item, index) in items\" :key=\"index\">\n        <div class=\"gc-item d-flex align-items-center\" @click=\"$showGiftCodeDetail(item.id)\">\n          <img :src=\"item.imageUrl.getUrl()\" class=\"gc-icon\" />\n          <div class=\"gc-info\">\n            <div class=\"gc-title\">{{item.name}}</div>\n            <div class=\"gc-time\">{{$toDateTimeString(item.startDate)}} - {{$toDateTimeString(item.endDate)}}</div>\n            <div class=\"gc-total-received\"><b-icon icon=\"person\" class=\"mr-1\"/>{{$t(\"{0} received\", [item.totalReceived])}}</div>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"EventGiftCodesPanel\",\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .event-giftcodes-panel {\n    padding: 15px 0;\n    \n    .gc-item {\n      padding: 10px;\n      background-color: #f7f7f7;\n      border-radius: 10px;\n      margin-bottom: 15px;\n      \n      &:hover {\n        cursor: pointer;\n      }\n      \n      .gc-info {\n        border-left: 1px dashed #bbb;\n        padding-left: 15px;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        position: relative;\n        \n        &::before {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute; \n          top: -20px;\n          left: -10px;\n        }\n\n        &::after {\n          content: \"\";\n          background-color: #fff;\n          display: block;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          position: absolute;\n          bottom: -20px;\n          left: -10px;\n        }\n        \n        .gc-title {\n          font-weight: 700;\n          font-size: 15px;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          -webkit-line-clamp: 2;\n        }\n\n        .gc-time, .gc-total-received {\n          color: #767676;\n          font-size: 13px;\n        }\n      }\n      \n      .gc-icon {\n        height: 50px;\n        width: 50px;\n        object-fit: contain;\n        margin-right: 15px;\n      }\n      \n      \n    }\n  }\n</style>","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!./EventGiftCodesPanel.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!./EventGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EventGiftCodesPanel.vue?vue&type=template&id=d9091e82&scoped=true\"\nimport script from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./EventGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./EventGiftCodesPanel.vue?vue&type=style&index=0&id=d9091e82&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  \"d9091e82\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ticket.78e06a00.svg\";","'use strict';\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  if (it === it) return it;\n  throw new $RangeError('NaN is not allowed');\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\nvar notANaN = require('../internals/not-a-nan');\nvar toPositiveInteger = require('../internals/to-positive-integer');\nvar createIteratorProxy = require('../internals/iterator-create-proxy');\nvar iteratorClose = require('../internals/iterator-close');\nvar IS_PURE = require('../internals/is-pure');\n\nvar IteratorProxy = createIteratorProxy(function () {\n  var iterator = this.iterator;\n  if (!this.remaining--) {\n    this.done = true;\n    return iteratorClose(iterator, 'normal', undefined);\n  }\n  var result = anObject(call(this.next, iterator));\n  var done = this.done = !!result.done;\n  if (!done) return result.value;\n});\n\n// `Iterator.prototype.take` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.take\n$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {\n  take: function take(limit) {\n    anObject(this);\n    var remaining = toPositiveInteger(notANaN(+limit));\n    return new IteratorProxy(getIteratorDirect(this), {\n      remaining: remaining\n    });\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"common-giftcodes-panel w-100\"},[_c('div',{staticClass:\"panel-heading d-flex align-items-center\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/images/icon/ticket.svg\")}}),_vm._v(\" \"),_c('h4',[_vm._v(_vm._s(_vm.$t(\"General giftcodes\")))])]),_c('div',{staticClass:\"panel-body\"},[_c('div',{staticClass:\"gift-codes row\"},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,staticClass:\"cols col-sm-6 col-md-4\"},[_c('div',{staticClass:\"code-item text-center\"},[_c('div',{staticClass:\"title-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"code\"},[_vm._v(_vm._s(item.code))])]),_c('div',{staticClass:\"buttons d-flex justify-content-between\"},[_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$showGiftCodeDetail(item.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"View\"))+\" \")]),_c('div',{staticClass:\"mr-2\"}),_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$useGiftCode(item)}}},[_vm._v(_vm._s(_vm.$t(\"Use\"))+\" \")])],1)])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"common-giftcodes-panel w-100\">\n    <div class=\"panel-heading d-flex align-items-center\">\n      <img src=\"../../../assets/images/icon/ticket.svg\"/> <h4>{{ $t(\"General giftcodes\") }}</h4>\n    </div>\n    <div class=\"panel-body\">\n      <div class=\"gift-codes row\">\n        <div v-for=\"(item, index) in items\" :key=\"index\" class=\"cols col-sm-6 col-md-4\">\n          <div class=\"code-item text-center\">\n            <div class=\"title-container\">\n              <div class=\"title\">{{ item.name }}</div>\n              <div class=\"code\">{{ item.code }}</div>\n            </div>\n            <div class=\"buttons d-flex justify-content-between\">\n              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(item.id)\">\n                {{ $t(\"View\") }}\n              </b-button>\n              <div class=\"mr-2\"></div>\n              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(item)\">{{ $t(\"Use\") }}\n              </b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!--      <SlickSlider :items=\"items\" :arrows=\"false\" :dots=\"false\" :autoplay=\"true\" :autoplay-speed=\"10000\" :responsive=\"[{breakpoint: 500, settings: {slidesToShow: 2}}]\"-->\n      <!--                   :slides-to-show=\"3\" :center-mode=\"true\" center-padding=\"0\">-->\n      <!--        <template v-slot:item=\"slotProps\">-->\n      <!--          <div class=\"code-item text-center\">-->\n      <!--            <div class=\"title-container\">-->\n      <!--              <div class=\"title\">{{ slotProps.item.name }}</div>-->\n      <!--              <div class=\"code\">{{ slotProps.item.code }}</div>-->\n      <!--            </div>-->\n      <!--            <div class=\"buttons d-flex justify-content-between\">-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"outline-primary\" @click=\"$showGiftCodeDetail(slotProps.item.id)\">-->\n      <!--                {{ $t(\"View\") }}-->\n      <!--              </b-button>-->\n      <!--              <div class=\"mr-2\"></div>-->\n      <!--              <b-button class=\"btn-rounded\" variant=\"primary\" @click=\"$useGiftCode(slotProps.item)\">{{ $t(\"Use\") }}-->\n      <!--              </b-button>-->\n      <!--            </div>-->\n      <!--          </div>-->\n      <!--        </template>-->\n      <!--      </SlickSlider>-->\n    </div>\n  </div>\n</template>\n\n<script>\nimport SlickSlider from \"@/components/sliders/SlickSlider\";\nexport default {\n  name: \"GeneralGiftCodesPanel\",\n  components: {SlickSlider},\n  props: [\"items\"]\n}\n</script>\n\n<style scoped lang=\"scss\">\n.common-giftcodes-panel {\n  background-color: #f0f6ff;\n  .panel-heading {\n    padding: 10px 15px;\n    border-bottom: 1px solid #ded8d1;\n    img {\n      margin-right: 10px;\n    }\n    h4 {\n      color: #6F6F6F;\n      margin: 0;\n      font-weight: 700;\n      font-size: 20px;\n    }\n  }\n  .panel-body {\n    padding: 10px 10px;\n    .slide-item, .gift-codes {\n      padding: 0 !important;\n      .code-item {\n        margin: 0;\n        padding: 10px;\n        border-radius: 8px;\n        background-color: #fff;\n        border: 1px dashed #d1d1d6;\n        .title-container {\n          display: block;\n          min-height: 60px;\n          .title {\n            font-size: 13.5px;\n            color: #7e7e7e;\n            margin-bottom: 2px;\n            display: -webkit-box;\n            width: 100%;\n            -webkit-box-orient: vertical;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            -webkit-line-clamp: 2;\n          }\n          .code {\n            font-weight: 600;\n            font-size: 13.5px;\n            color: #1a1a1a;\n          }\n        }\n        .buttons {\n          padding-top: 5px;\n          button {\n            flex: 1;\n            font-size: 13.5px;\n            padding-top: 8px;\n            padding-bottom: 5px;\n            &.btn-outline-primary {\n              background-color: #fff7ec;\n              border: 1px solid #ff9500;\n              color: #ff9500;\n            }\n\n            &.btn-primary {\n              border: 1px solid #ff9500;\n              background: #ff9500;\n            }\n          }\n        }\n      }\n    }\n    .gift-codes {\n      .code-item {\n        margin-bottom: 10px;\n      }\n      &.row {\n        margin-left: -5px;\n        margin-right: -5px;\n        .cols {\n          padding: 0 5px;\n        }\n      }\n    }\n  }\n}\n@media all and (max-width: 576px) {\n  .code-item {\n    .title-container{\n      min-height: auto !important;\n    }\n  }\n}\n</style>\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!./GeneralGiftCodesPanel.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!./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GeneralGiftCodesPanel.vue?vue&type=template&id=912c9258&scoped=true\"\nimport script from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nexport * from \"./GeneralGiftCodesPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./GeneralGiftCodesPanel.vue?vue&type=style&index=0&id=912c9258&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  \"912c9258\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\n\nvar $RangeError = RangeError;\n\nmodule.exports = function (it) {\n  var result = toIntegerOrInfinity(it);\n  if (result < 0) throw new $RangeError(\"The argument can't be less than 0\");\n  return result;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.game)?_c('div',{staticClass:\"page page-game-giftcodes\"},[_c('b-row',{staticStyle:{\"margin-top\":\"-15px\"}},[(_vm.generalCodes && _vm.generalCodes.length)?_c('GeneralGiftCodesPanel',{attrs:{\"items\":_vm.generalCodes}}):_vm._e()],1),(_vm.eventCodes && _vm.eventCodes.length)?_c('EventGiftCodesPanel',{attrs:{\"items\":_vm.eventCodes}}):_vm._e(),(_vm.loading)?_c('LoadingPanel'):_vm._e()],1):_c('NotFoundPanel')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"page page-game-giftcodes\" v-if=\"game\">\n      <b-row style=\"margin-top: -15px\">\n        <GeneralGiftCodesPanel v-if=\"generalCodes && generalCodes.length\" :items=\"generalCodes\"/>\n      </b-row>\n\n      <EventGiftCodesPanel v-if=\"eventCodes && eventCodes.length\" :items=\"eventCodes\"/>\n      <LoadingPanel v-if=\"loading\"/>\n    </div>\n    <NotFoundPanel v-else />\n  </div>\n</template>\n\n<script>\nimport GeneralGiftCodesPanel from \"@/components/panels/giftcode/GeneralGiftCodesPanel\";\nimport EventGiftCodesPanel from \"@/components/panels/giftcode/EventGiftCodesPanel\";\nimport giftcodeService from \"@/services/giftcodeService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  components: {GeneralGiftCodesPanel, EventGiftCodesPanel},\n  data() {\n    return {\n      game: null,\n      loading: false,\n      generalCodes: [],\n      eventCodes: [],\n      take: 20,\n      skip: 0,\n      ended: false\n    }\n  },\n  async created() {\n    this.$bridge.$on(\"setCurrentGame\", this.loadCodes);\n  },\n  mounted() {\n    this.$bridge.$on(\"scrollToBottom\", this.loadData);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"setCurrentGame\", this.loadCodes);\n    this.$bridge.$off(\"scrollToBottom\", this.loadData);\n  },\n  methods: {\n    async loadCodes() {\n      this.game = this.$store.getters.currentGame;\n      if (!this.game)\n        return;\n\n      this.loading = true;\n      const response = await giftcodeService.getCodesInGame({\n        idGame: this.game.id,\n        takeEvents: this.take\n      });\n      this.loading = false;\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      let codes = response.data;\n      this.generalCodes = codes.generalCodes;\n      codes = codes.eventCodes;\n      codes.forEach(code => code.imageUrl = code.type.imageUrl);\n      const totalCodes = codes.length;\n      this.eventCodes = codes;\n      this.skip = totalCodes;\n      this.ended = this.take > totalCodes;\n    },\n    async loadData() {\n      if (this.loading || this.ended)\n        return;\n\n      this.loading = true;\n      const response = await giftcodeService.getEventCodesInGame({\n        idGame: this.game.id,\n        take: this.take,\n        skip: this.skip\n      });\n      this.loading = false;\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      let codes = response.data;\n      codes.forEach(code => code.imageUrl = code.type.imageUrl);\n      const totalCodes = codes.length;\n      this.eventCodes = [...this.eventCodes, ...codes];\n      this.skip += totalCodes;\n      this.ended = this.take > totalCodes;\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\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!./Index.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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=5aa21250&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\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  \"5aa21250\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}