{"version":3,"sources":["webpack:///./src/components/mixins/global-search-history.js","webpack:///./node_modules/lodash/reverse.js","webpack:///./src/components/miniapp/search/FundList.vue?8802","webpack:///./src/components/miniapp/search/FundList.vue?c835","webpack:///src/components/miniapp/search/FundList.vue","webpack:///./src/components/miniapp/search/FundList.vue?e93a","webpack:///./src/components/miniapp/search/FundList.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","fund","index","key","attrs","searchTab","short_code","on","$event","clickItemStock","id","name_th","viewAll","clickItemAll","_e","infiniteHandler","staticRenderFns","props","type","String","default","searchText","defaultSize","Number","watch","mixins","$emit","$router","component"],"mappings":"6KAGe,QACbA,KADa,WAEX,MAAO,CACLC,iCAAkC,KAGtCC,QAAS,CACDC,6BADC,oEAC4BC,GAD5B,2GAEmBC,aAAoB,yBAFvC,gDAEmE,GAFnE,cAEDC,EAFC,KAGDC,EAAmBD,EAAYE,QAAQJ,IACjB,IAAtBG,GACFD,EAAYG,OAAOF,EAAkB,GAGnCD,EAAYI,OAAS,IACnBC,EAAYL,EAAYI,OAAS,GAAK,EAAIJ,EAAYI,OAAS,EAAI,EACvEJ,EAAcA,EAAYG,OAAOE,EAAW,IAG9CL,EAAYM,KAAKR,GAbZ,UAcCC,aAAoB,wBAAyBC,GAd9C,qGAgBDO,gCAhBC,6KAiBmBR,aAAoB,yBAjBvC,OAiBDS,EAjBC,OAkBDA,GAAeA,EAAYJ,OAAS,IACtCK,KAAKd,iCAAmCe,IAASF,IAnB9C,wGAsBDG,kCAtBC,oEAsBiCC,GAtBjC,iFAuBDA,IACFb,gBAAuB,yBACvBU,KAAKd,iCAAmC,MAzBrC,4G,4CCRX,IAAIkB,EAAaC,MAAMC,UAGnBC,EAAgBH,EAAWI,QAyB/B,SAASA,EAAQC,GACf,OAAgB,MAATA,EAAgBA,EAAQF,EAAcG,KAAKD,GAGpDE,EAAOC,QAAUJ,G,oCCjCjB,yBAA6mB,EAAG,G,2CCAhnB,IAAIK,EAAS,WAAa,IAAIC,EAAId,KAASe,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAQD,EAAIK,OAASL,EAAIK,MAAMxB,OAAS,EAAGsB,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,KAAK,CAACH,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUN,EAAG,KAAK,CAACG,YAAY,aAAa,CAACN,EAAIU,GAAIV,EAAIK,MAAMM,MAAM,EAAEX,EAAIY,OAAO,SAASC,EAAKC,GAAO,OAAOX,EAAG,KAAK,CAACY,IAAID,GAAO,CAACX,EAAG,IAAI,CAACa,MAAM,CAAC,cAAc,YAAY,gBAAgB,UAAUhB,EAAIiB,UAAU,gBAAgBJ,EAAKK,WAAW,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,eAAeR,EAAKS,OAAO,CAACnB,EAAG,KAAK,CAACH,EAAIO,GAAGP,EAAIQ,GAAGK,EAAKK,eAAef,EAAG,IAAI,CAACH,EAAIO,GAAGP,EAAIQ,GAAGK,EAAKU,mBAAkC,OAAfvB,EAAIwB,QAAkBrB,EAAG,IAAI,CAACG,YAAY,uBAAuBU,MAAM,CAAC,cAAc,mBAAmB,qBAAqB,cAAc,KAAO,gBAAgBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIyB,kBAAkB,CAACzB,EAAIO,GAAG,eAAeJ,EAAG,IAAI,CAACG,YAAY,2BAA2BN,EAAI0B,MAAM,GAAmB,OAAf1B,EAAIwB,QAAkBrB,EAAG,mBAAmB,CAACa,MAAM,CAAC,QAAU,YAAYG,GAAG,CAAC,SAAWnB,EAAI2B,mBAAmB3B,EAAI0B,MAAM,GAAG1B,EAAI0B,MAC3hCE,EAAkB,G,gDCiCtB,GACEC,MAAO,CACLpB,MAAO,CACLqB,KAAMC,OACNC,QAAS,IAEX3B,MAAO,CACLyB,KAAMvC,MACNyC,QAAS,WACP,MAAO,KAGXf,UAAW,CACTa,KAAMC,OACNC,QAAS,MAEXC,WAAY,CACVH,KAAMC,OACNC,QAAS,MAEXE,YAAa,CACXJ,KAAMK,OACNH,QAAS,GAEXR,QAAS,CACPM,KAAMC,OACNC,QAAS,KAGbI,MAAO,CACLZ,QADJ,WAEsB,OAAhBtC,KAAKsC,UAAmB,KAA9B,yBAGErD,KAlCF,WAmCI,MAAO,CACLyC,KAAM1B,KAAKgD,cAGfG,OAAQ,CAAC,EAAX,MACEhE,QAAS,CACPoD,aADJ,WAEMvC,KAAK0B,KAAO,EACZ1B,KAAKoD,MAAM,iBAAkB,UAE/BjB,eALJ,SAKA,GACMnC,KAAKZ,6BAA6BY,KAAK+C,YACvC/C,KAAKqD,QAAQxD,KAAK,CAAxB,0CAEI,gBATJ,oEASA,GATA,iFAUA,8BACA,aACA,uBACA,aACA,MAEA,aAhBA,2GC1EgX,I,wBCQ5WyD,EAAY,eACd,EACAzC,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/chunk-70c999aa.062a6a9d.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!./FundList.vue?vue&type=style&index=0&id=86c9fa50&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!./FundList.vue?vue&type=style&index=0&id=86c9fa50&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(fund,index){return _c('li',{key:index},[_c('a',{attrs:{\"data-action\":\"open_fund\",\"data-listname\":'search_'+_vm.searchTab,\"data-fundname\":fund.short_code,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.clickItemStock(fund.id)}}},[_c('h4',[_vm._v(_vm._s(fund.short_code))]),_c('p',[_vm._v(_vm._s(fund.name_th))])])])}),(_vm.viewAll == 'all')?_c('a',{staticClass:\"view-funds view-more\",attrs:{\"data-action\":\"open_search_fund\",\"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=\"(fund, index) in items.slice(0,page)\" :key=\"index\">\n        <a\n          data-action=\"open_fund\"\n          :data-listname=\"'search_'+searchTab\"\n          :data-fundname=\"fund.short_code\"\n          href=\"javascript:;\"\n          @click=\"clickItemStock(fund.id)\"\n        >\n          <h4>{{ fund.short_code }}</h4>\n          <p>{{ fund.name_th }}</p>\n        </a>\n      </li>\n      <a\n        data-action=\"open_search_fund\"\n        data-eventcategory=\"search_flow\"\n        href=\"javascript:;\"\n        v-if=\"viewAll == 'all'\"\n        @click=\"clickItemAll()\"\n        class=\"view-funds 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    items: {\n      type: Array,\n      default: () => {\n        return [];\n      }\n    },\n    searchTab: {\n      type: String,\n      default: null\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\", \"funds\");\n    },\n    clickItemStock(id) {\n      this.mixins_global_search_history(this.searchText);\n      this.$router.push({ name: \"miniapp-fund-quote\", query: { id: id } });\n    },\n    async infiniteHandler($state) {\n      if (this.page <= this.items.length) {\n        this.page += 3;\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-funds {\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!./FundList.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!./FundList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FundList.vue?vue&type=template&id=86c9fa50&scoped=true&\"\nimport script from \"./FundList.vue?vue&type=script&lang=js&\"\nexport * from \"./FundList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FundList.vue?vue&type=style&index=0&id=86c9fa50&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  \"86c9fa50\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}