{"version":3,"sources":["webpack:///./src/views/SearchPage/RecentSearch/RecentSearch.vue?b8ec","webpack:///src/views/SearchPage/RecentSearch/RecentSearch.vue","webpack:///./src/views/SearchPage/RecentSearch/RecentSearch.vue?3515","webpack:///./src/views/SearchPage/RecentSearch/RecentSearch.vue?de64","webpack:///./src/views/SearchPage/RecentSearch/RecentSearch.vue?7cc1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","recent_search","_l","item","i","key","on","$event","eventPropagation","_s","search_string","staticStyle","security_data","logo","_f","name","symbol","exchange","trader_data","profile_image","_e","is_followed","trade_count","followers_count","group_data","picture","admin","profile","deleteRecentSearch","page_info","page_number","total_page","btnLoading","loadNextPage","staticRenderFns","data","loading","detail_count","computed","watch","methods","event","addToRecentSearch","apiUrl","successHandler","failureHandler","getURL","params","query","tab","id","getRecentSearch","res","formData","Axios","mounted","component","VAvatar","VBtn","VCard","VChip","VCol","VDivider","VIcon","VList","VListItem","VRow","VSpacer"],"mappings":"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I4B,MAAM,IAAI,IAAI,IAAI,IAAI,IAC7kLc,EAAkB,G,4DC0QP,GACfnB,oBACAoB,gBACA,OACAlC,iBACAmC,WACAJ,cACAH,WACAC,cACAC,aACAM,mBAIAC,YACAC,SACAC,SACAhC,iCACAiC,oBACA,YACA,2BACA,WACA,kCACA,4BAGAC,8BACA,mBACA,eACA,KAWA,OATA,WACAP,iCACA,SACAA,6BAEAA,2BAGAA,mCACA,oBACAQ,0BACAR,EACA,GACAS,EACAC,GACA,GACA,IAGAC,mBACA,cACA,OACA/B,cACAgC,QAAAC,6BACAA,OAAAC,QAEA,aACA,sCACA,4BACA,CACAlC,mBACAgC,QAAAG,oBAAAnC,0BAGA,CACAA,yBACAgC,QAAAG,oBAAAnC,0BAIA,OACAA,KACAZ,mCACA,eACA,eACA4C,QAAAG,sBAIAjB,wBACA,uDACA,wDACA,2BAGAkB,4BAAA,WAEA,kBACA,kBACA,UACA,EADA,iBACAC,eAAA,8CACA,yBACA,oCAEA,8BAEA,yCACA,aACA,iBAEA,aACA,aACA,iBAEA,KAEAC,4CACAC,mBACAX,0BACAU,EACA,GACAT,EACAC,GACA,GACA,IAGAjB,+BAAA,WACA,aACA,qBAEA,eACA,KACAO,aAEAmB,sBACAX,0BACA,GACAR,EACA,GACAS,EACAC,GACA,GACA,KAIAU,mBACA,gBACA,2BCvZoX,I,iLCQhXC,EAAY,eACd,EACAjE,EACA2C,GACA,EACA,KACA,WACA,MAIa,aAAAsB,EAAiB,QAehC,IAAkBA,EAAW,CAACC,UAAA,KAAQC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,OAAA,KAAKC,UAAA,Q,oCClChG","file":"js/chunk-829c56d2.a470fa5e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-5 py-5\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\"}},[_c('v-card',{staticClass:\"pa-3 recent-card\",attrs:{\"min-height\":\"100vh\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"recent_search_title\"},[_vm._v(\"Recent Searches\")])]),(_vm.recent_search.length)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.recent_search),function(item,i){return _c('v-list-item',{key:i,staticClass:\"text-left text-none\"},[[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex\"},[(item.search_string)?_c('div',{staticClass:\"d-flex pa-2\",on:{\"click\":function($event){return _vm.eventPropagation($event, 'nothing', item)}}},[_c('v-icon',{attrs:{\"size\":\"10\"}},[_vm._v(\"mdi-magnify\")]),_c('span',{staticClass:\"recent_search_item_heading pa-2\"},[_vm._v(\" \"+_vm._s(item.search_string)+\" \")])],1):(item.security)?_c('div',{staticClass:\"d-flex pa-2\",on:{\"click\":function($event){return _vm.eventPropagation($event, 'get', item)}}},[_c('div',[_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"size\":\"30\"}},[(item.security_data.logo)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"contain\",\"border-radius\":\"8px\"},attrs:{\"src\":item.security_data.logo}}):_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"13px\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.name)))])])],1),_c('div',{staticClass:\"pl-2\",staticStyle:{\"cursor\":\"pointer\"}},[_c('div',{staticClass:\"recent_search_item_heading black_color\"},[_vm._v(\" \"+_vm._s(item.security_data.symbol)+\" \"),_c('span',{staticClass:\"grey_color\"},[_vm._v(\"- \"+_vm._s(item.security_data.exchange))])]),_c('div',{staticClass:\"recent_search_item_sub_heading\"},[_vm._v(\" \"+_vm._s(item.security_data.name)+\" \")])])]):(item.trader)?_c('div',{staticClass:\"d-flex pa-2\",on:{\"click\":function($event){return _vm.eventPropagation($event, 'get', item)}}},[_c('div',[(item.trader_data.profile_image)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"cover\",\"border-radius\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"src\":item.trader_data.profile_image}}):_vm._e(),(!item.trader_data.profile_image)?_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"size\":\"30\"}},[_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"15px\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.trader_data.name)))])]):_vm._e()],1),_c('div',{staticClass:\"pl-2\",staticStyle:{\"cursor\":\"pointer\"}},[_c('div',{staticClass:\"recent_search_item_heading black_color\"},[_vm._v(\" \"+_vm._s(item.trader_data.name)+\" \")]),_c('div',{staticClass:\"recent_search_item_sub_heading mt-n1\"},[(!item.trader_data.is_followed)?_c('div',[_vm._v(\" \"+_vm._s(item.trader_data.followers_count)+\" Followers\"),_c('span',[_c('v-icon',[_vm._v(\"mdi-circle-small\")])],1),_vm._v(\" \"+_vm._s(item.trader_data.trade_count)+\" Trades \")]):_c('div',[_vm._v(\" Following \"),_c('span',[_c('v-icon',[_vm._v(\"mdi-circle-small\")])],1),_vm._v(\" \"+_vm._s(item.trader_data.trade_count)+\" Trades \")])])])]):(item.group)?_c('div',{staticClass:\"d-flex pa-2\",on:{\"click\":function($event){return _vm.eventPropagation($event, 'get', item)}}},[_c('div',[_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"size\":\"30\"}},[(item.group_data.picture)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"contain\",\"border-radius\":\"8px\",\"cursor\":\"pointer\"},attrs:{\"src\":item.group_data.picture}}):_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"13px\",\"cursor\":\"pointer\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.group_data.name)))])])],1),_c('div',{staticClass:\"pl-2\",staticStyle:{\"cursor\":\"pointer\"}},[_c('div',{staticClass:\"recent_search_item_heading black_color\"},[_vm._v(\" \"+_vm._s(item.group_data.name)+\" \")]),_c('div',{staticClass:\"recent_search_item_sub_heading\"},[_c('span',[_vm._v(\"By\")]),_vm._v(\" \"+_vm._s(item.group_data.admin.profile.name)+\" \")])])]):_vm._e(),_c('v-spacer'),(item.security)?_c('div',{staticClass:\"py-2 pr-2\"},[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-finance\")]),_c('span',[_vm._v(\"Security\")])],1)],1):(item.trader)?_c('div',{staticClass:\"py-2 pr-2\"},[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-account\")]),_c('span',[_vm._v(\"Trader\")])],1)],1):(item.group)?_c('div',{staticClass:\"py-2 pr-2\"},[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-account-group\")]),_c('span',[_vm._v(\"Group\")])],1)],1):_vm._e(),_c('div',{staticClass:\"py-2\",on:{\"click\":function($event){return _vm.deleteRecentSearch(item)}}},[_c('v-icon',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"size\":\"15\"}},[_vm._v(\"mdi-close\")])],1)],1),_c('v-divider')],1)],1)]],2)}),1)],1):_vm._e(),(this.page_info.page_number < this.page_info.total_page)?_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"text-none\",attrs:{\"text\":\"\",\"loading\":_vm.btnLoading},on:{\"click\":_vm.loadNextPage}},[_c('span',{staticClass:\"btn_text\"},[_vm._v(\"View More\")])])],1):_vm._e()],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-5 py-5\">\n    <v-row no-gutters>\n      <v-col cols=\"12\" sm=\"8\">\n        <v-card class=\"pa-3 recent-card\" min-height=\"100vh\">\n          <v-row no-gutters>\n            <v-col cols=\"12\">\n              <div class=\"recent_search_title\">Recent Searches</div>\n              <!-- {{ $route.name }} -->\n            </v-col>\n            <v-col cols=\"12\" v-if=\"recent_search.length\">\n              <v-list dense>\n                <v-list-item\n                  class=\"text-left text-none\"\n                  v-for=\"(item, i) in recent_search\"\n                  :key=\"i\"\n                >\n                  <template>\n                    <v-row no-gutters>\n                      <v-col cols=\"12\">\n                        <div class=\"d-flex\">\n                          <div\n                            v-if=\"item.search_string\"\n                            class=\"d-flex pa-2\"\n                            @click=\"eventPropagation($event, 'nothing', item)\"\n                          >\n                            <v-icon size=\"10\">mdi-magnify</v-icon>\n                            <span class=\"recent_search_item_heading pa-2\">\n                              {{ item.search_string }}\n                            </span>\n                          </div>\n                          <div\n                            v-else-if=\"item.security\"\n                            class=\"d-flex pa-2\"\n                            @click=\"eventPropagation($event, 'get', item)\"\n                          >\n                            <div>\n                              <v-avatar\n                                class=\"profile-pic\"\n                                size=\"30\"\n                                style=\"\n                                  height: 30px;\n                                  background-color: lightblue;\n                                  object-fit: cover;\n                                  border-radius: 8px;\n                                  cursor: pointer;\n                                \"\n                              >\n                                <img\n                                  style=\"\n                                    height: 30px;\n                                    width: 30px;\n                                    object-fit: contain;\n                                    border-radius: 8px;\n                                  \"\n                                  v-if=\"item.security_data.logo\"\n                                  :src=\"item.security_data.logo\"\n                                />\n                                <span\n                                  style=\"\n                                    color: #333333;\n                                    font-weight: 700;\n                                    font-size: 13px;\n                                  \"\n                                  v-else\n                                  >{{ item.name | reduceToInitials }}</span\n                                >\n                              </v-avatar>\n                            </div>\n                            <!-- name and detail -->\n                            <div class=\"pl-2\" style=\"cursor: pointer\">\n                              <div\n                                class=\"recent_search_item_heading black_color\"\n                              >\n                                {{ item.security_data.symbol }}\n                                <span class=\"grey_color\"\n                                  >- {{ item.security_data.exchange }}</span\n                                >\n                              </div>\n                              <div class=\"recent_search_item_sub_heading\">\n                                {{ item.security_data.name }}\n                              </div>\n                            </div>\n                          </div>\n                          <div\n                            v-else-if=\"item.trader\"\n                            class=\"d-flex pa-2\"\n                            @click=\"eventPropagation($event, 'get', item)\"\n                          >\n                            <div>\n                              <img\n                                style=\"\n                                  height: 30px;\n                                  width: 30px;\n                                  object-fit: cover;\n                                  object-fit: cover;\n                                  border-radius: 8px;\n                                  cursor: pointer;\n                                \"\n                                v-if=\"item.trader_data.profile_image\"\n                                :src=\"item.trader_data.profile_image\"\n                              />\n                              <v-avatar\n                                class=\"profile-pic\"\n                                v-if=\"!item.trader_data.profile_image\"\n                                size=\"30\"\n                                style=\"\n                                  height: 30px;\n                                  background-color: lightblue;\n                                  object-fit: cover;\n                                  border-radius: 8px;\n                                  cursor: pointer;\n                                \"\n                              >\n                                <span\n                                  style=\"\n                                    color: #333333;\n                                    font-weight: 700;\n                                    font-size: 15px;\n                                  \"\n                                  >{{\n                                    item.trader_data.name | reduceToInitials\n                                  }}</span\n                                >\n                              </v-avatar>\n                            </div>\n                            <div class=\"pl-2\" style=\"cursor: pointer\">\n                              <div\n                                class=\"recent_search_item_heading black_color\"\n                              >\n                                {{ item.trader_data.name }}\n                              </div>\n                              <div class=\"recent_search_item_sub_heading mt-n1\">\n                                <div v-if=\"!item.trader_data.is_followed\">\n                                  {{ item.trader_data.followers_count }}\n                                  Followers<span\n                                    ><v-icon>mdi-circle-small</v-icon>\n                                  </span>\n                                  {{ item.trader_data.trade_count }} Trades\n                                </div>\n                                <div v-else>\n                                  Following\n                                  <span\n                                    ><v-icon>mdi-circle-small</v-icon>\n                                  </span>\n                                  {{ item.trader_data.trade_count }} Trades\n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                          <div\n                            v-else-if=\"item.group\"\n                            class=\"d-flex pa-2\"\n                            @click=\"eventPropagation($event, 'get', item)\"\n                          >\n                            <div>\n                              <v-avatar\n                                class=\"profile-pic\"\n                                size=\"30\"\n                                style=\"\n                                  height: 30px;\n                                  background-color: lightblue;\n                                  object-fit: cover;\n                                  border-radius: 8px;\n                                  cursor: pointer;\n                                \"\n                              >\n                                <img\n                                  style=\"\n                                    height: 30px;\n                                    width: 30px;\n                                    object-fit: contain;\n                                    border-radius: 8px;\n                                    cursor: pointer;\n                                  \"\n                                  v-if=\"item.group_data.picture\"\n                                  :src=\"item.group_data.picture\"\n                                />\n                                <span\n                                  style=\"\n                                    color: #333333;\n                                    font-weight: 700;\n                                    font-size: 13px;\n                                    cursor: pointer;\n                                  \"\n                                  v-else\n                                  >{{\n                                    item.group_data.name | reduceToInitials\n                                  }}</span\n                                >\n                              </v-avatar>\n                            </div>\n                            <div class=\"pl-2\" style=\"cursor: pointer\">\n                              <div\n                                class=\"recent_search_item_heading black_color\"\n                              >\n                                {{ item.group_data.name }}\n                              </div>\n                              <div class=\"recent_search_item_sub_heading\">\n                                <span>By</span>\n                                {{ item.group_data.admin.profile.name }}\n                              </div>\n                            </div>\n                          </div>\n                          <v-spacer></v-spacer>\n                          <div v-if=\"item.security\" class=\"py-2 pr-2\">\n                            <v-chip class=\"text-capitalize\">\n                              <v-icon left size=\"15\" color=\"#2D8CFF\"\n                                >mdi-finance</v-icon\n                              >\n                              <span>Security</span>\n                            </v-chip>\n                          </div>\n                          <div v-else-if=\"item.trader\" class=\"py-2 pr-2\">\n                            <v-chip class=\"text-capitalize\">\n                              <v-icon left size=\"15\" color=\"#2D8CFF\"\n                                >mdi-account</v-icon\n                              >\n                              <span>Trader</span>\n                            </v-chip>\n                          </div>\n                          <div v-else-if=\"item.group\" class=\"py-2 pr-2\">\n                            <v-chip class=\"text-capitalize\">\n                              <v-icon left size=\"15\" color=\"#2D8CFF\"\n                                >mdi-account-group</v-icon\n                              >\n                              <span>Group</span>\n                            </v-chip>\n                          </div>\n                          <div class=\"py-2\" @click=\"deleteRecentSearch(item)\">\n                            <v-icon style=\"cursor: pointer\" size=\"15\"\n                              >mdi-close</v-icon\n                            >\n                          </div>\n                        </div>\n                        <v-divider></v-divider>\n                      </v-col>\n                    </v-row>\n                  </template>\n                </v-list-item>\n              </v-list>\n            </v-col>\n            <v-col\n              cols=\"12\"\n              class=\"text-center\"\n              v-if=\"this.page_info.page_number < this.page_info.total_page\"\n            >\n              <v-btn\n                text\n                class=\"text-none\"\n                @click=\"loadNextPage\"\n                :loading=\"btnLoading\"\n              >\n                <span class=\"btn_text\">View More</span>\n              </v-btn>\n            </v-col>\n          </v-row>\n        </v-card>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\n// import commonFunctions from \"@/common/commonFunctions\";\nimport commonFunctions from \"@/common/commonFunctions\";\nimport apiUrl from \"@/common/apiUrl\";\nexport default {\n  name: \"RecentSearch\",\n  data() {\n    return {\n      recent_search: [],\n      loading: false,\n      btnLoading: false,\n      page_info: {\n        page_number: 1,\n        total_page: 1,\n        detail_count: 10,\n      },\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    eventPropagation(event, action, item) {\n      event.stopPropagation();\n      if (action == \"delete\") {\n        this.deleteRecentSearch(item);\n      } else if (action == \"get\") {\n        this.$router.push(this.getURL(item));\n        this.addToRecentSearch(item);\n      }\n    },\n    addToRecentSearch(item) {\n      const successHandler = () => {};\n      const failureHandler = () => {};\n      let data = {};\n\n      if (item.security) {\n        data[\"security\"] = item.security_data.id;\n      } else if (item.trader) {\n        data[\"trader\"] = item.trader_data.id;\n      } else {\n        data[\"group\"] = item.group_data.id;\n      }\n\n      data[\"profile\"] = commonFunctions.getProfileId();\n      return Axios.request_POST(\n        apiUrl.USER_RECENT_SEARCH,\n        data,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    getURL(item) {\n      if (item.security) {\n        return {\n          name: \"Search\",\n          params: { query: item.security_data.value },\n          query: { tab: 0 },\n        };\n      } else if (item.trader) {\n        const user_id = localStorage.getItem(\"user_id\");\n        if (item.trader_data.id === user_id) {\n          return {\n            name: \"ProfilePage\",\n            params: { id: item.trader_data.id, name: item.trader_data.name },\n          };\n        } else {\n          return {\n            name: \"OthersProfilePage\",\n            params: { id: item.trader_data.id, name: item.trader_data.name },\n          };\n        }\n      } else {\n        return {\n          name:\n            item.group_data.group_type == \"Premium\"\n              ? \"premiumGroup\"\n              : \"GroupDetails\",\n          params: { id: item.group_data.id },\n        };\n      }\n    },\n    loadNextPage() {\n      if (this.page_info.page_number < this.page_info.total_page) {\n        this.page_info.page_number = this.page_info.page_number + 1;\n        this.getRecentSearch(true);\n      }\n    },\n    getRecentSearch(append) {\n      // this.loading = true\n      this.btnLoading = append;\n      const successHandler = (res) => {\n        if (append) {\n          for (const obj of res.data.result) {\n            this.recent_search.push(obj);\n          }\n        } else {\n          this.recent_search = res.data.result;\n        }\n        this.page_info.total_page = res.data.total_page;\n        this.loading = false;\n        this.btnLoading = false;\n      };\n      const failureHandler = () => {\n        this.loading = false;\n        this.btnLoading = false;\n      };\n      const formData = {};\n      // formData[\"user_id\"] = commonFunctions.getUserId();\n      formData[\"page_number\"] = this.page_info.page_number;\n      Axios.request_GET(\n        apiUrl.USER_RECENT_SEARCH,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    deleteRecentSearch(item) {\n      const successHandler = () => {\n        this.getRecentSearch();\n      };\n      const failureHandler = () => {};\n      let data = {};\n      data[\"id\"] = item.id;\n      // data[\"user_id\"] = commonFunctions.getUserId();\n      Axios.request_DELETE(\n        apiUrl.USER_RECENT_SEARCH,\n        {},\n        data,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n  },\n  mounted() {\n    this.loading = true;\n    this.getRecentSearch(false);\n  },\n};\n</script>\n<style scoped>\n.recent_search_title {\n  color: #333;\n\n  font-family: Avenir;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.recent_search_item_heading {\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.recent_search_item_sub_heading {\n  color: rgba(51, 51, 51, 0.54);\n\n  font-family: Avenir;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.grey_color {\n  color: rgba(51, 51, 51, 0.54);\n}\n.black_color {\n  color: #333;\n}\n.btn_text {\n  color: var(--Primary-Blue, #2d8cff);\n  font-family: Avenir;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\nspan.v-chip {\n  border-radius: 6px;\n  background: rgba(45, 140, 255, 0.1) !important;\n}\nspan.v-chip >>> span {\n  color: var(--Primary, #2d8cff);\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n@media only screen and (max-width: 768px) {\n  .recent-card {\n    margin-bottom: 63px;\n  }\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!./RecentSearch.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!./RecentSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecentSearch.vue?vue&type=template&id=3a1032f1&scoped=true&\"\nimport script from \"./RecentSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./RecentSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecentSearch.vue?vue&type=style&index=0&id=3a1032f1&scoped=true&lang=css&\"\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  \"3a1032f1\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAvatar,VBtn,VCard,VChip,VCol,VDivider,VIcon,VList,VListItem,VRow,VSpacer})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentSearch.vue?vue&type=style&index=0&id=3a1032f1&scoped=true&lang=css&\""],"sourceRoot":""}