{"version":3,"file":"./js/BannerSearch.js","mappings":"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","sources":["webpack:///./web/themes/custom/ncea/src/js/components/search/BannerSearch.vue","webpack:///./web/themes/custom/ncea/src/js/components/search/BannerSearch.vue?8dd6"],"sourcesContent":["<template>\n  <AisInstantSearch\n    class=\"banner-search\"\n    :search-client=\"searchClient\"\n    :index-name=\"algoliaIndexName\"\n    :middlewares=\"middlewares\"\n  >\n    <AisSearchBox class=\"banner-search__box\">\n      <template #default=\"{ refine }\">\n        <input\n          v-model=\"query\"\n          type=\"search\"\n          :placeholder=\"trans('Search this site', !isTeReo)\"\n          class=\"banner-search__input\"\n          :class=\"isActive ? 'banner-search__input--active' : ''\"\n          @input=\"processInput(refine)\"\n          @blur=\"toggleActiveOff\"\n        />\n      </template>\n    </AisSearchBox>\n    <div class=\"homepage__advanced-search\">\n      <a\n        class=\"homepage__advanced-search-link text-tiny\"\n        :href=\"showMoreURL\"\n      >\n        {{ trans('Advanced Search', !isTeReo) }}\n      </a>\n    </div>\n    <div\n      v-if=\"query.length\"\n      class=\"banner-search__wrapper\"\n    >\n      <SiteSearchResults :is-te-reo=\"isTeReo\" />\n      <div class=\"search__show-more\">\n        <MoeButton\n          :label=\"trans('View all results', !isTeReo)\"\n          theme=\"secondary\"\n          :url=\"showMoreURL\"\n          rounded\n        />\n      </div>\n    </div>\n    <AisConfigure\n      :hits-per-page.camel=\"3\"\n      filters=\"published:true AND NOT is_orphan:true\"\n    />\n  </AisInstantSearch>\n</template>\n\n<script>\nimport { AisInstantSearch, AisConfigure, AisSearchBox } from 'vue-instantsearch/vue3/es';\nimport { createInsightsMiddleware } from 'instantsearch.js/es/middlewares';\nimport aa from 'search-insights';\nimport SiteSearchResults from './SiteSearchResults.vue';\nimport MoeButton from '../MoeButton/MoeButton.vue';\nimport { searchClient, trans } from '../../utils/utils';\n\nconst insightsMiddleware = createInsightsMiddleware({\n  insightsClient: aa,\n  insightsInitParams: {\n    useCookie: true,\n  },\n});\nexport default {\n  name: 'BannerSearch',\n  components: {\n    AisInstantSearch,\n    SiteSearchResults,\n    MoeButton,\n    AisConfigure,\n    AisSearchBox,\n  },\n  props: {\n    algoliaIndexName: {\n      type: String,\n      required: true,\n    },\n    isTeReo: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      active: false,\n      indexName: this.algoliaIndexName,\n      searchClient,\n      middlewares: [insightsMiddleware],\n      query: '',\n      debounce: null,\n    };\n  },\n  computed: {\n    showMoreURL() {\n      const miUrlPart = this.isTeReo ? '/mi' : '';\n      const queryPart = this.query ? `?query=${this.query}` : '';\n      return `${miUrlPart}/search${queryPart}`;\n    },\n    isActive() {\n      return this.active || this.query.length;\n    },\n  },\n  methods: {\n    processInput(refine) {\n      clearTimeout(this.debounce);\n      this.debounce = setTimeout(() => refine(this.query), 100);\n    },\n    toggleActiveOff() {\n      this.active = false;\n    },\n    trans,\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.banner-search {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: min(calc(100% - 2rem), 35rem);\n  margin: 0 auto;\n  align-items: flex-end;\n  justify-content: center;\n  position: relative;\n  transition: width $transition-duration-x-short $transition-timing;\n\n  &__box {\n    display: grid;\n    width: 100%;\n    align-items: center;\n  }\n\n  &__wrapper {\n    position: absolute;\n    top: 3rem;\n    z-index: 1;\n    width: 100%;\n    box-sizing: border-box;\n    background-color: $color-white;\n    border-radius: 0 0 $border-radius-small $border-radius-small;\n    overflow: hidden;\n    /* stylelint-disable-next-line unit-disallowed-list */\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.161);\n  }\n\n  &__input {\n    @include searchbox-input;\n\n    z-index: 2;\n    transition: border-radius $transition-duration $transition-timing;\n    box-sizing: border-box !important;\n    /* stylelint-disable-next-line unit-disallowed-list */\n    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);\n    outline: none;\n\n    &--active {\n      border-radius: $border-radius-small $border-radius-small 0 0;\n    }\n  }\n\n  .fa-magnifying-glass {\n    grid-area: 1/-1;\n    justify-self: flex-end;\n    opacity: 0.3;\n    margin-right: 1rem;\n  }\n\n  .site-search-results {\n    &__list {\n      background: $color-white;\n      padding: 0;\n    }\n\n    &__result {\n      padding: 0 3rem;\n    }\n\n    &__count {\n      background: $color-white;\n      margin: 0;\n      top: 0;\n\n      @include breakpoint-tablet-down {\n        padding: 1rem 3rem;\n      }\n    }\n  }\n\n  .search__show-more {\n    margin-block: 1.5rem;\n  }\n}\n</style>\n","import { render } from \"./BannerSearch.vue?vue&type=template&id=8eddc26c\"\nimport script from \"./BannerSearch.vue?vue&type=script&lang=js\"\nexport * from \"./BannerSearch.vue?vue&type=script&lang=js\"\n\nimport \"./BannerSearch.vue?vue&type=style&index=0&id=8eddc26c&lang=scss\"\n\nimport exportComponent from \"../../../../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","key","insightsMiddleware","createInsightsMiddleware","insightsClient","aa","insightsInitParams","useCookie","name","components","AisInstantSearch","SiteSearchResults","MoeButton","AisConfigure","AisSearchBox","props","algoliaIndexName","type","String","required","isTeReo","Boolean","default","data","active","indexName","this","searchClient","middlewares","query","debounce","computed","showMoreURL","miUrlPart","queryPart","concat","isActive","length","methods","processInput","refine","_this","clearTimeout","setTimeout","toggleActiveOff","trans","_createBlock","_component_AisInstantSearch","$data","$props","_withCtx","_createVNode","_component_AisSearchBox","_ref","_createElementVNode","_cache","$event","placeholder","$options","_normalizeClass","onInput","onBlur","apply","arguments","_hoisted_1","_","_hoisted_2","href","_hoisted_3","_createElementBlock","_hoisted_4","_component_SiteSearchResults","_hoisted_5","_component_MoeButton","label","theme","url","rounded","_createCommentVNode","_component_AisConfigure","hitsPerPage","filters"],"sourceRoot":""}