{"version":3,"sources":["webpack:///./src/components/miniapp/global/FooterMenu.vue?dd3b","webpack:///src/components/miniapp/global/FooterMenu.vue","webpack:///./src/components/miniapp/global/FooterMenu.vue?10c7","webpack:///./src/components/miniapp/global/FooterMenu.vue","webpack:///./src/components/miniapp/global/FooterMenu.vue?6907"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","class","getOS","$route","matched","name","params","scroll","currentScroll","_v","_e","staticRenderFns","data","y","computed","$liff","destroyed","window","removeEventListener","handleScroll","methods","scrollY","open","openWindow","url","external","component"],"mappings":"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","file":"js/chunk-57b2c166.b92df1e4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.getShowFooter)?_c('nav',{staticStyle:{\"z-index\":\"100\"},attrs:{\"id\":\"nav-footer-menu\"}},[_c('ul',{staticClass:\"footer-menu\",class:[_vm.getOS == 'ios' ? 'ios' : '']},[_c('li',[_c('router-link',{class:[ this.$route.matched[1].name == 'miniapp-home' ? 'active' :''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"app_flow\",\"data-tab\":\"home\",\"to\":{ name: 'miniapp-home', params: { scroll: _vm.currentScroll }}}},[_c('i',{staticClass:\"fas fa-home\"}),_vm._v(\" HOME \")])],1),_c('li',[_c('router-link',{class:[ this.$route.matched[1].name == 'miniapp-market' || this.$route.matched[1].name == 'miniapp-fund-quote' || this.$route.matched[1].name == 'miniapp-stock-quote' || this.$route.matched[1].name == 'miniapp-indices-quote' ? 'active' :''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"app_flow\",\"data-tab\":\"market\",\"to\":{ name: 'miniapp-market', params: { scroll: _vm.currentScroll }}}},[_c('i',{staticClass:\"fas fa-briefcase\"}),_vm._v(\" Markets \")])],1),_c('li',[_c('router-link',{class:[ this.$route.matched[1].name == 'miniapp-watch-list' ? 'active' :''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"app_flow\",\"data-tab\":\"following\",\"to\":{ name: 'miniapp-watch-list', params: { scroll: _vm.currentScroll}}}},[_c('i',{staticClass:\"fas fa-star\"}),_vm._v(\" Watchlist \")])],1),_c('li',[_c('router-link',{class:[ this.$route.matched[1].name == 'miniapp-search' ? 'active' :''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"app_flow\",\"data-tab\":\"search\",\"to\":{ name: 'miniapp-search', params: { scroll: _vm.currentScroll }}}},[_c('i',{staticClass:\"far fa-search\"}),_vm._v(\" Search \")])],1),_c('li',[_c('router-link',{class:[ this.$route.matched[1].name == 'miniapp-setting' ? 'active' :''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"app_flow\",\"data-tab\":\"setting\",\"to\":{ name: 'miniapp-setting', params: { scroll: _vm.currentScroll}}}},[_c('i',{staticClass:\"fas fa-cog\"}),_vm._v(\" Setting \")])],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","  <template>\n  <nav id=\"nav-footer-menu\" style=\"z-index: 100;\" v-if=\"getShowFooter\">\n    <ul class=\"footer-menu\" :class=\"[getOS == 'ios' ? 'ios' : '']\">\n      <li>\n        <router-link\n          data-action=\"open_tab\"\n          data-eventcategory=\"app_flow\"\n          data-tab=\"home\"\n          :to=\"{ name: 'miniapp-home', params: { scroll: currentScroll }}\"\n          :class=\"[ this.$route.matched[1].name == 'miniapp-home' ? 'active' :'']\"\n        >\n          <i class=\"fas fa-home\"></i> HOME\n        </router-link>\n      </li>\n      <li>\n        <router-link\n          data-action=\"open_tab\"\n          data-eventcategory=\"app_flow\"\n          data-tab=\"market\"\n          :to=\"{ name: 'miniapp-market', params: { scroll: currentScroll }}\"\n          :class=\"[ this.$route.matched[1].name == 'miniapp-market' || this.$route.matched[1].name == 'miniapp-fund-quote' || this.$route.matched[1].name == 'miniapp-stock-quote' || this.$route.matched[1].name == 'miniapp-indices-quote' ? 'active' :'']\"\n        >\n          <i class=\"fas fa-briefcase\"></i> Markets\n        </router-link>\n      </li>\n      <li>\n        <router-link\n          data-action=\"open_tab\"\n          data-eventcategory=\"app_flow\"\n          data-tab=\"following\"\n          :to=\"{ name: 'miniapp-watch-list', params: { scroll: currentScroll}}\"\n          :class=\"[ this.$route.matched[1].name == 'miniapp-watch-list' ? 'active' :'']\"\n        >\n          <i class=\"fas fa-star\"></i> Watchlist\n        </router-link>\n      </li>\n      <li>\n        <router-link\n          data-action=\"open_tab\"\n          data-eventcategory=\"app_flow\"\n          data-tab=\"search\"\n          :to=\"{ name: 'miniapp-search', params: { scroll: currentScroll }}\"\n          :class=\"[ this.$route.matched[1].name == 'miniapp-search' ? 'active' :'']\"\n        >\n          <i class=\"far fa-search\"></i> Search\n        </router-link>\n      </li>\n      <li>\n        <router-link\n          data-action=\"open_tab\"\n          data-eventcategory=\"app_flow\"\n          data-tab=\"setting\"\n          :to=\"{ name: 'miniapp-setting', params: { scroll: currentScroll}}\"\n          :class=\"[ this.$route.matched[1].name == 'miniapp-setting' ? 'active' :'']\"\n        >\n          <i class=\"fas fa-cog\" ></i> Setting\n        </router-link>\n      </li>\n    </ul>\n  </nav>\n</template>\n<script>\nimport { mapGetters } from \"vuex\";\nexport default {\n  data() {\n    return {\n      y: 0,\n      currentScroll: 0\n    };\n  },\n  computed: {\n    ...mapGetters(\"global\", [\"getMarketActiveTab\", \"getShowFooter\"]),\n    getOS() {\n      return this.$liff.getOS();\n    }\n  },\n  destroyed() {\n    window.removeEventListener(\"scroll\", this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      this.currentScroll = window.scrollY;\n    },\n    open(url) {\n      try {\n        this.$liff.openWindow({\n          url: url,\n          external: false\n        })\n      } catch (err) {\n        window.open(url)\n      }\n    },\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n#nav-footer-menu {\n  .footer-menu {\n    text-transform: uppercase;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-top: 1px solid $color-line-grey;\n    background-color: $color-white;\n    z-index: 9;\n    display: flex;\n    li {\n      flex: 1 1 auto;\n      .external__link{\n        cursor: pointer;\n        display: inline;\n        text-decoration: none;\n        color: $color-light-grey-2;\n        @extend %font-size-sss;\n        display: block;\n        padding: 8px;\n        @include finRippleBtn($color-white, $color-white, $color-light-grey-2);\n        text-align: center;\n      }\n      a {\n        text-decoration: none;\n        color: $color-light-grey-2;\n        @extend %font-size-sss;\n        width: 100%;\n        display: block;\n        padding: 8px;\n        @include finRippleBtn($color-white, $color-white, $color-light-grey-2);\n        text-align: center;\n      }\n      i {\n        pointer-events: none;\n        display: block;\n        font-size: 14px;\n      }\n      img {\n        width: 20px;\n        display: block;\n        margin: 0 auto;\n      }\n    }\n    .active {\n      color: $color-orange-finno;\n    }\n  }\n  .ios {\n    @include manageFooterMedia;\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!./FooterMenu.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!./FooterMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FooterMenu.vue?vue&type=template&id=69c307ee&scoped=true&\"\nimport script from \"./FooterMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./FooterMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FooterMenu.vue?vue&type=style&index=0&id=69c307ee&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  \"69c307ee\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./FooterMenu.vue?vue&type=style&index=0&id=69c307ee&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/@vue/cli-service/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!./FooterMenu.vue?vue&type=style&index=0&id=69c307ee&lang=scss&scoped=true&\""],"sourceRoot":""}