{"version":3,"sources":["webpack:///./src/views/basketball/cup/index.vue?0049","webpack:///src/views/basketball/cup/index.vue","webpack:///./src/views/basketball/cup/index.vue?53c9","webpack:///./src/views/basketball/cup/index.vue","webpack:///./src/components/NavList.vue?2064","webpack:///src/components/NavList.vue","webpack:///./src/components/NavList.vue?94ba","webpack:///./src/components/NavList.vue","webpack:///./src/components/NavList.vue?bc20"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","routers","staticRenderFns","name","created","navBar","transChild","components","NavList","computed","component","ref","style","top","$route","params","NavBarHeight","staticClass","_l","item","index","key","refInFor","nativeOn","$event","moveLine","_v","_s","lineXPosition","getTopWithNavBarHeight","directives","rawName","value","expression","arg","_t","props","type","Array","required","default","mounted","resetLinePosition","updated","methods","e","target","getBoundingClientRect","left","width","selectedIndex","el","$refs","btnNavi1","getElementsByTagName","newValue","btnNavi","$el","click","swipe","ignoreSwipe","event","length","data"],"mappings":"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","file":"js/chunk-61d0f7c2.e20fa157.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('nav-list',{attrs:{\"routers\":_vm.routers}},[_c('keep-alive',[_c('router-view')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <nav-list :routers=\"routers\">\n      <keep-alive>\n        <router-view/>\n      </keep-alive>\n    </nav-list>\n  </div>\n</template>\n\n<script>\nimport NavList from '@/components/NavList.vue'\n\nexport default {\n  name: 'cup-index',\n  created () {\n    this.navBar().transChild = false\n  },\n  components: {\n    NavList\n  },\n  computed: {\n    routers: function () {\n      return [\n        [this.$t('leagueIndex.schedule'), 'basketball-cup-schedule'],\n        [this.$t('leagueIndex.competitionRules'), 'basketball-cup-competition-rules']\n      ]\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" 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=4450ec3f&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  \"4450ec3f\",\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',{attrs:{\"id\":\"body\"}},[_c('nav',{ref:\"btnNavi1\",style:({top: this.$route.params.NavBarHeight + 'px'})},[_c('div',{staticClass:\"naviDiv\"},_vm._l((_vm.routers),function(item,index){return _c('router-link',{key:item[0],ref:\"btnNavi\",refInFor:true,attrs:{\"active-class\":\"selected\",\"to\":{ name: item[1], params: item[2] }},nativeOn:{\"click\":function($event){return _vm.moveLine($event, index)}}},[_vm._v(\" \"+_vm._s(item[0])+\" \")])}),1),_c('div',{staticClass:\"lineDiv\"},[_c('div',{staticClass:\"line\",style:({'left': _vm.lineXPosition + 'px'})})])]),_c('hr',{style:({top: _vm.getTopWithNavBarHeight(44)})}),_c('div',{directives:[{name:\"touch\",rawName:\"v-touch:swipe\",value:(_vm.swipe),expression:\"swipe\",arg:\"swipe\"}]},[_vm._t(\"default\",function(){return [_vm._v(\" content \")]})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"body\">\n        <nav ref=\"btnNavi1\" :style=\"{top: this.$route.params.NavBarHeight + 'px'}\">\n          <div class=\"naviDiv\">\n            <router-link ref=\"btnNavi\" active-class=\"selected\" @click.native=\"moveLine($event, index)\" v-for=\"(item, index) in routers\" :key=\"item[0]\" :to=\"{ name: item[1], params: item[2] }\">\n                {{ item[0] }}\n            </router-link>\n          </div>\n          <div class=\"lineDiv\">\n            <div class=\"line\" :style=\"{'left': lineXPosition + 'px'}\"></div>\n          </div>\n        </nav>\n        <hr :style=\"{top: getTopWithNavBarHeight(44)}\"/>\n\n        <div v-touch:swipe='swipe'>\n          <slot>\n              content\n          </slot>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'nav-list',\n  props: {\n    routers: { // [title, pathName, params]\n      type: Array,\n      required: true,\n      default: () => []\n    }\n  },\n  mounted () {\n    this.resetLinePosition()\n  },\n  updated () {\n    this.resetLinePosition()\n  },\n  methods: {\n    moveLine: function (e, index) {\n      this.lineXPosition = e.target.getBoundingClientRect().left + e.target.getBoundingClientRect().width / 2 - 8\n      this.selectedIndex = index\n    },\n    resetLinePosition: function () {\n      var el = this.$refs.btnNavi1.getElementsByTagName('selected')[0]\n      if (el) {\n        var newValue = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2 - 8\n        if (this.lineXPosition !== newValue) {\n          this.lineXPosition = newValue\n        }\n      } else {\n        this.$refs.btnNavi[this.selectedIndex].$el.click()\n      }\n    },\n    swipe: function (event) {\n      if (this.ignoreSwipe) {\n        this.ignoreSwipe = false\n        return\n      }\n\n      if (event === 'left') {\n        this.selectedIndex = this.selectedIndex + 1 === this.routers.length ? 0 : this.selectedIndex + 1\n        this.$refs.btnNavi[this.selectedIndex].$el.click()\n      } else if (event === 'right') {\n        this.selectedIndex = this.selectedIndex - 1 < 0 ? this.routers.length - 1 : this.selectedIndex - 1\n        this.$refs.btnNavi[this.selectedIndex].$el.click()\n      }\n    },\n    getTopWithNavBarHeight: function (top) {\n      return (top + parseInt(this.$route.params.NavBarHeight)) + 'px'\n    }\n  },\n  data () {\n    return {\n      ignoreSwipe: false,\n      lineXPosition: 0,\n      selectedIndex: 0\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n#body\n    background-color: white\n\nhr\n    margin: 0\n    border: none\n    border-top: 1px solid #c8c8c8\n    position: sticky\n    z-index: 3000\n\nnav\n    height: 44px\n    position: sticky\n    background-color: white\n    z-index: 3000\n    .naviDiv\n      width: 100%\n      height: 44px\n      display: flex\n      justify-content: space-around\n      a\n        color: #999999\n        text-decoration: none\n        font-size: 15px\n        align-self: center\n      .selected\n        color: #06b782\n        font-weight: bold\n        font-size: 17px\n    .lineDiv\n      position: relative\n      .line\n          height: 3px\n          width: 17px\n          border-radius: 1.5px\n          position: absolute\n          bottom: 2px\n          font-size: 10px\n          background-color: #06b782\n\n.v-touch\n    touch-action: pan-y!important\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!./NavList.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!./NavList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavList.vue?vue&type=template&id=858a3aa2&scoped=true&\"\nimport script from \"./NavList.vue?vue&type=script&lang=js&\"\nexport * from \"./NavList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavList.vue?vue&type=style&index=0&id=858a3aa2&lang=sass&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  \"858a3aa2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavList.vue?vue&type=style&index=0&id=858a3aa2&lang=sass&scoped=true&\""],"sourceRoot":""}