{"version":3,"file":"header-search-gzdvOR8F.js","sources":["../../../app/javascript/components/header-search.vue?vue&type=template&lang.js","../../../app/javascript/components/header-search.vue"],"sourcesContent":["\n<div class=\"header-search\">\n  <form @submit.prevent=\"submit\" class=\"search-form\" :class=\"{active: active}\">\n    <ais-instant-search\n      v-if=\"active\"\n      :search-client=\"searchClient\"\n      index-name=\"diaceutics_website_query_suggestions\"\n    >\n      <ais-configure\n        :hitsPerPage=\"5\"\n      />\n      <ais-autocomplete>\n        <template slot-scope=\"{ currentRefinement, indices, refine }\">\n          <vue-autosuggest\n            v-model=\"query\"\n            :suggestions=\"indicesToSuggestions(indices)\"\n            :get-suggestion-value=\"getSuggestionValue\"\n            @keyup.enter=\"submit\"\n            @blur=\"disableSearch\"\n            @input=\"refine\"\n            :input-props=\"{\n              id: 'search-input',\n              placeholder: '',\n            }\"\n          >\n            <template slot-scope=\"{ suggestion }\">\n              <span class=\"suggestion\" @mousedown=\"onSelect(suggestion.item.query)\">{{ suggestion.item.query }}</span>\n            </template>\n          </vue-autosuggest>\n        </template>\n      </ais-autocomplete>\n    </ais-instant-search>\n  </form>\n  <i :class=\"`icon icon--search${headerType == 'light' ? '--pink' : ''}${headerType == 'investor' ? '--investor' : ''}`\" @click=\"handleSearchIcon\" />\n</div>\n","<template>\n  <div class=\"header-search\">\n    <form @submit.prevent=\"submit\" class=\"search-form\" :class=\"{active: active}\">\n      <ais-instant-search\n        v-if=\"active\"\n        :search-client=\"searchClient\"\n        index-name=\"diaceutics_website_query_suggestions\"\n      >\n        <ais-configure\n          :hitsPerPage=\"5\"\n        />\n        <ais-autocomplete>\n          <template slot-scope=\"{ currentRefinement, indices, refine }\">\n            <vue-autosuggest\n              v-model=\"query\"\n              :suggestions=\"indicesToSuggestions(indices)\"\n              :get-suggestion-value=\"getSuggestionValue\"\n              @keyup.enter=\"submit\"\n              @blur=\"disableSearch\"\n              @input=\"refine\"\n              :input-props=\"{\n                id: 'search-input',\n                placeholder: '',\n              }\"\n            >\n              <template slot-scope=\"{ suggestion }\">\n                <span class=\"suggestion\" @mousedown=\"onSelect(suggestion.item.query)\">{{ suggestion.item.query }}</span>\n              </template>\n            </vue-autosuggest>\n          </template>\n        </ais-autocomplete>\n      </ais-instant-search>\n    </form>\n    <i :class=\"`icon icon--search${headerType == 'light' ? '--pink' : ''}${headerType == 'investor' ? '--investor' : ''}`\" @click=\"handleSearchIcon\" />\n  </div>\n</template>\n\n<script>\nimport { AisInstantSearch, AisSearchBox, AisHits } from 'vue-instantsearch';\nimport algoliasearch from 'algoliasearch/lite';\nimport { VueAutosuggest } from 'vue-autosuggest';\n\nexport default {\n  props: {headerType: String, default: \"light\"},\n\n  components: {\n    AisInstantSearch,\n    AisSearchBox,\n    AisHits,\n    VueAutosuggest\n  },\n\n  data() {\n    return {\n      query: \"\",\n      searchClient: algoliasearch(\n        window.ALGOLIA_APPLICATION_ID,\n        window.ALGOLIA_SEARCH_KEY\n      ),\n      active: false,\n    };\n  },\n  methods: {\n    onSelect(query) {\n      if (query) {\n        this.query = query;\n        this.submit()\n      }\n    },\n    indicesToSuggestions(indices) {\n      if (this.query && this.query.length > 0) {\n        return indices.map(({ hits }) => ({ data: hits }));\n      } else {\n        return []\n      }\n    },\n    getSuggestionValue(suggestion) {\n        return suggestion.item.query;\n    },    \n    submit() {\n      window.location = `/search?query=${this.query}`\n    },\n    handleSearchIcon() {\n      if (this.active && this.query.length > 0) {\n        this.submit()\n      } else if (!this.active) {\n        this.enableSearch()\n      } else {\n        this.disableSearch()\n      } \n    },\n    enableSearch() {\n      document.getElementById('secondary-nav').classList.add(\"search-active\")\n      var vc = this;\n      setTimeout( () => {\n        vc.active = true\n      }, 300)\n      setTimeout( () => {\n        document.getElementById(\"search-input\").focus()\n      }, 400)\n\n    },\n    disableSearch() {\n      if (this.query && this.query.length > 0)\n        return false\n\n      setTimeout(() => {\n        this.active = false\n        setTimeout( () => {\n          document.getElementById('secondary-nav').classList.remove(\"search-active\")\n        }, 300)\n      }, 200)\n    }\n  },  \n};\n</script>\n\n<style scoped lang=\"scss\">\n.header-search {\n  color: black;\n  margin-left: 20px;\n  position:absolute;\n  right: 0px;\n  top: -5px;\n  min-height: 40px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n.search-form {\n  background: #EEECF5;\n  border-radius: 18px;\n  padding: 10px 0px;\n  width: 0px;\n  transition: 0.3s;\n  min-height: 37px;\n\n  &.active {\n    width: 250px;\n    padding: 10px;\n  }\n\n}\n\n.suggestion {\n  display: inline-block;\n  padding: 10px 10px;\n  cursor: pointer;\n  font-size: 13px;\n  color: rgba(0,0,0,0.8);\n  font-family: 'Inter', Arial, Helvetica, sans-serif;\n  font-style:  normal;\n  font-weight: 400;\n  \n\n}\n.icon--search, .icon--search--pink, .icon--search--investor {\n  cursor: pointer;  \n  margin-left: 19px;\n  position: relative;\n  top: 7px;\n}\n\n</style>\n\n<style lang=\"scss\">\n.autosuggest__results {\n  margin-top: 12px;\n}\n#search-input {\n  width: 100%;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n</style>"],"names":["render","_vm","_h","_c","$event","_ref","indices","refine","_ref2","suggestion","$$v","staticRenderFns","__vue2_script","AisInstantSearch","AisSearchBox","AisHits","VueAutosuggest","algoliasearch","query","hits","vc"],"mappings":"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"}