{"version":3,"sources":["webpack:///./src/components/mixins/global-search-history.js","webpack:///./node_modules/lodash/reverse.js","webpack:///./src/components/miniapp/search/IndiceList.vue?c4aa","webpack:///./src/components/miniapp/search/IndiceList.vue?bc88","webpack:///src/components/miniapp/search/IndiceList.vue","webpack:///./src/components/miniapp/search/IndiceList.vue?662b","webpack:///./src/components/miniapp/search/IndiceList.vue"],"names":["data","mixins_global_search_historyList","methods","mixins_global_search_history","keyword","localForage","storageData","currentFundIndex","indexOf","splice","length","startElem","push","mixins_global_search_getHistory","historyList","this","_reverse","mixins_global_search_clearHistory","confirmDelete","arrayProto","Array","prototype","nativeReverse","reverse","array","call","module","exports","render","_vm","_h","$createElement","_c","_self","items","staticClass","_v","_s","topic","_l","slice","page","indice","index","key","attrs","searchTab","IndexSymbol","on","$event","clickItemIndice","SectorNameTh","viewAll","clickItemAll","_e","infiniteHandler","staticRenderFns","props","type","String","default","searchText","defaultSize","Number","watch","mixins","$emit","$router","name","query","component"],"mappings":"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","file":"js/chunk-185236a1.6e0613b8.js","sourcesContent":["import _reverse from \"lodash/reverse\";\nimport * as localForage from \"localforage\";\n\nexport default {\n  data() {\n    return {\n      mixins_global_search_historyList: []\n    }\n  },\n  methods: {\n    async mixins_global_search_history(keyword) {\n      let storageData = await localForage.getItem('global-search-history') || []\n      let currentFundIndex = storageData.indexOf(keyword)\n      if (currentFundIndex !== -1) {\n        storageData.splice(currentFundIndex, 1)\n      }\n\n      if (storageData.length > 4) {\n        let startElem = storageData.length - 4 >= 0 ? storageData.length - 4 : 0;\n        storageData = storageData.splice(startElem, 4)\n      }\n\n      storageData.push(keyword)\n      await localForage.setItem('global-search-history', storageData)\n    },\n    async mixins_global_search_getHistory() {\n      let historyList = await localForage.getItem('global-search-history')\n      if (historyList && historyList.length > 0) {\n        this.mixins_global_search_historyList = _reverse(historyList)\n      }\n    },\n    async mixins_global_search_clearHistory(confirmDelete) {\n      if (confirmDelete) {\n        localForage.removeItem('global-search-history')\n        this.mixins_global_search_historyList = null\n      }\n    }\n  }\n\n}\n","/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeReverse = arrayProto.reverse;\n\n/**\n * Reverses `array` so that the first element becomes the last, the second\n * element becomes the second to last, and so on.\n *\n * **Note:** This method mutates `array` and is based on\n * [`Array#reverse`](https://mdn.io/Array/reverse).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to modify.\n * @returns {Array} Returns `array`.\n * @example\n *\n * var array = [1, 2, 3];\n *\n * _.reverse(array);\n * // => [3, 2, 1]\n *\n * console.log(array);\n * // => [3, 2, 1]\n */\nfunction reverse(array) {\n  return array == null ? array : nativeReverse.call(array);\n}\n\nmodule.exports = reverse;\n","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!./IndiceList.vue?vue&type=style&index=0&id=7ef88b94&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!./IndiceList.vue?vue&type=style&index=0&id=7ef88b94&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items && _vm.items.length > 0)?_c('div',{staticClass:\"result-list\"},[_c('h3',[_vm._v(_vm._s(_vm.topic))]),_c('ul',{staticClass:\"list-item\"},[_vm._l((_vm.items.slice(0, _vm.page)),function(indice,index){return _c('li',{key:index},[_c('a',{attrs:{\"data-action\":\"open_index\",\"data-assettype\":\"indices\",\"data-listname\":'search_'+_vm.searchTab,\"data-stockname\":indice.IndexSymbol,\"data-assetname\":indice.IndexSymbol,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.clickItemIndice(indice.IndexSymbol)}}},[_c('h4',[_vm._v(_vm._s(indice.IndexSymbol))]),_c('p',[_vm._v(_vm._s(indice.SectorNameTh))])])])}),(_vm.viewAll == 'all')?_c('a',{staticClass:\"view-indice view-more\",attrs:{\"data-action\":\"open_search_index\",\"data-eventcategory\":\"search_flow\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.clickItemAll()}}},[_vm._v(\" ดูทั้งหมด \"),_c('i',{staticClass:\"fas fa-chevron-right\"})]):_vm._e()],2),(_vm.viewAll != 'all')?_c('infinite-loading',{attrs:{\"spinner\":\"waveDots\"},on:{\"infinite\":_vm.infiniteHandler}}):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"result-list\" v-if=\"items && items.length > 0\">\n    <h3>{{ topic }}</h3>\n    <ul class=\"list-item\">\n      <li v-for=\"(indice, index) in items.slice(0, page)\" :key=\"index\">\n        <a\n          data-action=\"open_index\"\n          data-assettype=\"indices\"\n          :data-listname=\"'search_'+searchTab\"\n          :data-stockname=\"indice.IndexSymbol\"\n          :data-assetname=\"indice.IndexSymbol\"\n          href=\"javascript:;\"\n          @click=\"clickItemIndice(indice.IndexSymbol)\"\n        >\n          <h4>{{ indice.IndexSymbol }}</h4>\n          <p>{{ indice.SectorNameTh }}</p>\n        </a>\n      </li>\n      <a\n        data-action=\"open_search_index\"\n        data-eventcategory=\"search_flow\"\n        href=\"javascript:;\"\n        v-if=\"viewAll == 'all'\"\n        @click=\"clickItemAll()\"\n        class=\"view-indice view-more\"\n      >\n        ดูทั้งหมด\n        <i class=\"fas fa-chevron-right\"></i>\n      </a>\n    </ul>\n    <infinite-loading v-if=\"viewAll != 'all'\" spinner=\"waveDots\" @infinite=\"infiniteHandler\"></infinite-loading>\n  </div>\n</template>\n<script>\nimport GlobalSearchHistory from \"../../mixins/global-search-history.js\";\n\nexport default {\n  props: {\n    topic: {\n      type: String,\n      default: \"\"\n    },\n    searchTab: {\n      type: String,\n      default: null\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      }\n    },\n    searchText: {\n      type: String,\n      default: null\n    },\n    defaultSize: {\n      type: Number,\n      default: 3\n    },\n    viewAll: {\n      type: String,\n      default: \"\"\n    }\n  },\n  watch: {\n    viewAll() {\n      this.viewAll == \"all\" ? (this.page = this.defaultSize) : null;\n    }\n  },\n  data() {\n    return {\n      page: this.defaultSize\n    };\n  },\n  mixins: [GlobalSearchHistory],\n  methods: {\n    clickItemAll() {\n      this.page = 3;\n      this.$emit(\"update:viewAll\", \"indices\");\n    },\n    clickItemIndice(name) {\n      this.mixins_global_search_history(this.searchText);\n      this.$router.push({\n        name: \"miniapp-indices-quote\",\n        query: { name: name }\n      });\n    },\n    async infiniteHandler($state) {\n      if (this.page <= this.items.length) {\n        this.page += 5;\n        setTimeout(() => {\n          $state.loaded();\n        }, 1000);\n      } else {\n        $state.complete();\n      }\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.result-list {\n  margin-bottom: 32px;\n  h3 {\n    @extend %font-size-m;\n    margin: 0;\n    font-weight: bold;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: normal;\n    color: $color-normal-text;\n  }\n  .list-item {\n    list-style: none;\n    margin: 8px 0;\n    width: 100%;\n    padding: 0px;\n    border-radius: 8px;\n    border: solid 1px $color-line-grey;\n    background-color: $color-white;\n    display: inline-block;\n    li {\n      pointer-events: none;\n      position: relative;\n      border-bottom: 1px solid $color-line-grey;\n      &:after {\n        position: absolute;\n        right: 16px;\n        top: 24px;\n        content: \"\\f105\";\n        font-family: \"Font Awesome 5 Pro\";\n        font-size: 16px;\n        color: $color-light-grey-2;\n      }\n      a {\n        pointer-events: auto;\n        text-decoration: none;\n        padding: 8px 16px;\n        display: block;\n        border-radius: 8px;\n        @include finRippleBtn($color-white, $color-white, $color-light-grey-2);\n        h4 {\n          pointer-events: none;\n          @extend %font-size-s;\n          font-weight: bold;\n          font-style: normal;\n          font-stretch: normal;\n          line-height: normal;\n          letter-spacing: normal;\n          color: $color-normal-text;\n          margin: 0;\n        }\n        p {\n          pointer-events: none;\n          @extend %font-size-ss;\n          margin: 0;\n          color: $color-secondary-text;\n          white-space: nowrap;\n          max-width: 250px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n    }\n    .view-indice {\n      text-decoration: none;\n      padding: 8px 16px;\n      position: relative;\n      display: block;\n      width: 100%;\n      text-align: center;\n      font-weight: bold;\n      color: $color-normal-text;\n      @extend %font-size-ss;\n    }\n    .view-more {\n      i {\n        width: 7px;\n        text-align: center;\n        font-weight: bold;\n        flex-direction: column;\n        justify-content: center;\n        font-size: 10px;\n        color: $color-normal-text;\n        left: 2px;\n        z-index: 12;\n      }\n    }\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!./IndiceList.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!./IndiceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndiceList.vue?vue&type=template&id=7ef88b94&scoped=true&\"\nimport script from \"./IndiceList.vue?vue&type=script&lang=js&\"\nexport * from \"./IndiceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndiceList.vue?vue&type=style&index=0&id=7ef88b94&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  \"7ef88b94\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}