{"version":3,"sources":["webpack:///./src/components/miniapp/search/Result.vue?9175","webpack:///./src/components/miniapp/search/Result.vue?61e6","webpack:///src/components/miniapp/search/Result.vue","webpack:///./src/components/miniapp/search/Result.vue?06a0","webpack:///./src/components/miniapp/search/Result.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isSticky","currentTab","attrs","on","$event","selectTab","_v","_e","mixins_global_search_allTab_notFound","_s","resultNotFoundText","mixins_global_search_searchResults","fund","mixins_global_search_orderSearchScore","searchText","stock","indice","staticRenderFns","props","type","String","default","Array","Object","Boolean","components","FundList","StockList","IndiceList","computed","data","created","window","addEventListener","handleScroll","destroyed","removeEventListener","methods","currentScrollPosition","tab","component"],"mappings":"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","file":"js/chunk-0a9df73a.1e48a96e.js","sourcesContent":["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!./Result.vue?vue&type=style&index=0&id=78151a5a&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!./Result.vue?vue&type=style&index=0&id=78151a5a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section-result\"},[_c('div',{class:[ _vm.isSticky ? 'sticky-top' : 'remove-sticky-top']},[_c('nav',{staticClass:\"nav-main\"},[_c('ul',{staticClass:\"nav-list\"},[_c('li',[_c('a',{class:[ _vm.currentTab == 'all' ? 'active': ''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"search_flow\",\"data-tab\":\"search_all\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.selectTab('all')}}},[_vm._v(\"All\")])]),_c('li',[_c('a',{class:[ _vm.currentTab == 'funds' ? 'active': ''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"search_flow\",\"data-tab\":\"search_fund\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.selectTab('funds')}}},[_vm._v(\"Funds\")])]),_c('li',[_c('a',{class:[ _vm.currentTab == 'stocks' ? 'active': ''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"search_flow\",\"data-tab\":\"search_stock\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.selectTab('stocks')}}},[_vm._v(\"Stocks\")])]),_c('li',[_c('a',{class:[ _vm.currentTab == 'indices' ? 'active': ''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"search_flow\",\"data-tab\":\"search_index\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.selectTab('indices')}}},[_vm._v(\"Indices\")])])])]),(_vm.isSticky)?_c('div',{staticClass:\"bottom-line\"}):_vm._e()]),(!_vm.mixins_global_search_allTab_notFound)?_c('div',{staticClass:\"order-result\"},[(_vm.mixins_global_search_searchResults.fund && _vm.currentTab == 'all' || _vm.currentTab == 'funds')?_c('fund-list',{class:_vm.mixins_global_search_orderSearchScore.fund,attrs:{\"search-tab\":_vm.currentTab,\"view-all\":_vm.currentTab,\"topic\":'MUTUAL FUNDS',\"items\":_vm.mixins_global_search_searchResults.fund,\"defaultSize\":3,\"searchText\":_vm.searchText},on:{\"update:viewAll\":function($event){_vm.currentTab=$event},\"update:view-all\":function($event){_vm.currentTab=$event}}}):_vm._e(),(_vm.mixins_global_search_searchResults.stock && _vm.currentTab == 'all' || _vm.currentTab == 'stocks')?_c('stock-list',{class:_vm.mixins_global_search_orderSearchScore.stock,attrs:{\"search-tab\":_vm.currentTab,\"view-all\":_vm.currentTab,\"topic\":'STOCKS',\"items\":_vm.mixins_global_search_searchResults.stock,\"defaultSize\":3,\"searchText\":_vm.searchText},on:{\"update:viewAll\":function($event){_vm.currentTab=$event},\"update:view-all\":function($event){_vm.currentTab=$event}}}):_vm._e(),(_vm.mixins_global_search_searchResults.indice && _vm.currentTab == 'all' || _vm.currentTab == 'indices')?_c('indice-list',{class:_vm.mixins_global_search_orderSearchScore.indice,attrs:{\"view-all\":_vm.currentTab,\"topic\":'INDICES',\"search-tab\":_vm.currentTab,\"items\":_vm.mixins_global_search_searchResults.indice,\"defaultSize\":3,\"searchText\":_vm.searchText},on:{\"update:viewAll\":function($event){_vm.currentTab=$event},\"update:view-all\":function($event){_vm.currentTab=$event}}}):_vm._e()],1):_c('div',{staticClass:\"result-notfound\"},[_c('h3',[_vm._v(_vm._s(_vm.resultNotFoundText))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"section-result\">\n    <div :class=\"[ isSticky ? 'sticky-top' : 'remove-sticky-top']\">\n      <nav class=\"nav-main\">\n        <ul class=\"nav-list\">\n          <li>\n            <a\n              data-action=\"open_tab\"\n              data-eventcategory=\"search_flow\"\n              data-tab=\"search_all\"\n              href=\"javascript:;\"\n              :class=\"[ currentTab == 'all' ? 'active': '']\"\n              @click=\"selectTab('all')\"\n            >All</a>\n          </li>\n          <li>\n            <a\n              data-action=\"open_tab\"\n              data-eventcategory=\"search_flow\"\n              data-tab=\"search_fund\"\n              href=\"javascript:;\"\n              :class=\"[ currentTab == 'funds' ? 'active': '']\"\n              @click=\"selectTab('funds')\"\n            >Funds</a>\n          </li>\n          <li>\n            <a\n              data-action=\"open_tab\"\n              data-eventcategory=\"search_flow\"\n              data-tab=\"search_stock\"\n              href=\"javascript:;\"\n              :class=\"[ currentTab == 'stocks' ? 'active': '']\"\n              @click=\"selectTab('stocks')\"\n            >Stocks</a>\n          </li>\n          <li>\n            <a\n              data-action=\"open_tab\"\n              data-eventcategory=\"search_flow\"\n              data-tab=\"search_index\"\n              href=\"javascript:;\"\n              :class=\"[ currentTab == 'indices' ? 'active': '']\"\n              @click=\"selectTab('indices')\"\n            >Indices</a>\n          </li>\n        </ul>\n      </nav>\n      <div v-if=\"isSticky\" class=\"bottom-line\"></div>\n    </div>\n    <div class=\"order-result\" v-if=\"!mixins_global_search_allTab_notFound\">\n      <fund-list\n        :search-tab=\"currentTab\"\n        :class=\"mixins_global_search_orderSearchScore.fund\"\n        :view-all.sync=\"currentTab\"\n        v-if=\"mixins_global_search_searchResults.fund && currentTab == 'all' || currentTab == 'funds'\"\n        :topic=\"'MUTUAL FUNDS'\"\n        :items=\"mixins_global_search_searchResults.fund\"\n        :defaultSize=\"3\"\n        :searchText=\"searchText\"\n      />\n      <stock-list\n        :search-tab=\"currentTab\"\n        :class=\"mixins_global_search_orderSearchScore.stock\"\n        :view-all.sync=\"currentTab\"\n        v-if=\"mixins_global_search_searchResults.stock && currentTab == 'all' || currentTab == 'stocks'\"\n        :topic=\"'STOCKS'\"\n        :items=\"mixins_global_search_searchResults.stock\"\n        :defaultSize=\"3\"\n        :searchText=\"searchText\"\n      />\n      <indice-list\n        :class=\"mixins_global_search_orderSearchScore.indice\"\n        :view-all.sync=\"currentTab\"\n        v-if=\"mixins_global_search_searchResults.indice && currentTab == 'all' || currentTab == 'indices'\"\n        :topic=\"'INDICES'\"\n        :search-tab=\"currentTab\"\n        :items=\"mixins_global_search_searchResults.indice\"\n        :defaultSize=\"3\"\n        :searchText=\"searchText\"\n      />\n    </div>\n    <div class=\"result-notfound\" v-else>\n      <h3>{{ resultNotFoundText }}</h3>\n    </div>\n  </section>\n</template>\n<script>\nconst FundList = () => import(\"./FundList\");\nconst StockList = () => import(\"./StockList\");\nconst IndiceList = () => import(\"./IndiceList\");\n\nexport default {\n  props: {\n    searchText: {\n      type: String,\n      default: \"\"\n    },\n    mixins_global_search_orderSearchScore: {\n      type: [Array, Object],\n      default: () => {\n        return [];\n      }\n    },\n    mixins_global_search_searchResults: {\n      type: [Array, Object],\n      default: () => {\n        return [];\n      }\n    },\n    mixins_global_search_allTab_notFound: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    FundList,\n    StockList,\n    IndiceList\n  },\n  computed: {\n    resultNotFoundText() {\n      switch (this.currentTab) {\n        case \"funds\":\n          return \"ไม่มีข้อมูลกองทุนที่คุณค้นหา\";\n        case \"stocks\":\n          return \"ไม่มีข้อมูลหุ้นที่คุณค้นหา\";\n        case \"indices\":\n          return \"ไม่มีข้อมูลดัชนีที่คุณค้นหา\";\n        default:\n          return \"ไม่มีข้อมูลที่คุณค้นหา\";\n      }\n    }\n  },\n  data() {\n    return {\n      currentTab: \"all\",\n      isSticky: false\n    };\n  },\n  created() {\n    window.addEventListener(\"scroll\", this.handleScroll);\n  },\n  destroyed() {\n    window.removeEventListener(\"scroll\", this.handleScroll);\n  },\n  methods: {\n    handleScroll() {\n      const currentScrollPosition =\n        window.pageYOffset || document.documentElement.scrollTop;\n      currentScrollPosition > 0\n        ? (this.isSticky = true)\n        : (this.isSticky = false);\n    },\n    selectTab(tab) {\n      this.currentTab = tab;\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.section-result {\n  @extend %container-style;\n  margin-bottom: 75px;\n  .nav-main {\n    width: 100%;\n    padding-top: 20px;\n    padding-bottom: 12px;\n    .nav-list {\n      overflow-y: hidden;\n      overflow-x: auto;\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      li {\n        display: inline-block;\n        margin-right: 12px;\n        a {\n          text-transform: uppercase;\n          border-radius: 16px;\n          background-color: $color-line-grey;\n          font-size: 12px;\n          font-weight: normal;\n          font-style: normal;\n          font-stretch: normal;\n          line-height: normal;\n          letter-spacing: normal;\n          text-align: center;\n          color: $color-normal-text;\n          text-decoration: none;\n          padding: 5px 10px;\n          width: 100%;\n          max-width: 72px;\n          min-width: 72px;\n          display: inline-block;\n          @include finRippleBtn(\n            $color-line-grey,\n            $color-line-grey,\n            $color-secondary-text\n          );\n        }\n        .active {\n          background-color: $color-normal-text;\n          color: $color-white;\n          font-weight: bold;\n          @include finRippleBtn(\n            $color-normal-text,\n            $color-normal-text,\n            $color-white\n          );\n        }\n      }\n    }\n  }\n  .order-result {\n    overflow-y: hidden;\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    padding-bottom: 10vh;\n    .order-0 {\n      order: -5;\n      flex: 1 0 100%;\n    }\n    .order-1 {\n      order: -4;\n      flex: 1 0 100%;\n    }\n    .order-2 {\n      order: -3;\n      flex: 1 0 100%;\n    }\n    .order-3 {\n      order: -2;\n      flex: 1 0 100%;\n    }\n  }\n  .result-notfound {\n    @extend %container-style;\n    padding: 24px 0;\n    h3 {\n      align-content: center;\n      text-align: center;\n      @extend %font-size-m;\n      color: $color-secondary-text;\n    }\n  }\n  .sticky-top {\n    position: sticky;\n    top: 70px;\n    z-index: 1;\n    background-color: $color-white;\n  }\n  .remove-sticky-top {\n    position: relative;\n  }\n  .bottom-line {\n    margin: 0px -15px;\n    border-bottom: 1px solid $color-border;\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!./Result.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!./Result.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Result.vue?vue&type=template&id=78151a5a&scoped=true&\"\nimport script from \"./Result.vue?vue&type=script&lang=js&\"\nexport * from \"./Result.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Result.vue?vue&type=style&index=0&id=78151a5a&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  \"78151a5a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}