{"version":3,"sources":["webpack:///./src/components/layout/HeaderSearch.vue?60d2","webpack:///./src/components/layout/HeaderSearch.vue?7a7a","webpack:///src/components/layout/HeaderSearch.vue","webpack:///./src/components/layout/HeaderSearch.vue?269d","webpack:///./src/components/layout/HeaderSearch.vue?94e2"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","class","form","focus","expanded","staticClass","on","$event","toggleFocus","ref","attrs","$t","tPath","debounce","type","indexOf","_k","keyCode","key","submit","reset","model","callback","$$v","$set","_t","style","$root","isDesktop","top","header","_l","row","rIndex","_b","_d","md","resultType","tKey","_v","_s","toLowerCase","items","length","query","item","iIndex","$store","getters","urlType","urlSlug","resultTypesWithImages","includes","image","_e","additional","toUpperCase","title","showShowMoreProducts","refInFor","queryString","searchQuery","showShowMoreMarketingProducts","showShowMoreContent","showShowMoreEvent","staticRenderFns","data","resultsOnlyLoggedIn","props","searchoptions","Object","default","computed","contents","products","Products","hasMore","MarketingProducts","WebsiteContents","Events","resultRows","isLoggedIn","forEach","results","x","r","methods","commit","search","dispatch","console","log","defaultSearchPage","window","location","submitLinkProducts","dispatchEvent","MouseEvent","submitLinkMarketingProducts","submitLinkContent","clickOutside","$emit","mounted","$refs","searchInput","$el","watch","immediate","handler","component"],"mappings":"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","file":"js/chunk-06baeb1e.22bde8cc.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../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!./HeaderSearch.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.clickOutside),expression:\"clickOutside\"}],class:['header-search', { 'focus': _vm.form.focus, 'expanded': _vm.expanded }]},[_c('div',{staticClass:\"search-form\",on:{\"!focusin\":function($event){return _vm.toggleFocus($event)},\"!focusout\":function($event){return _vm.toggleFocus($event)}}},[_c('div',{staticClass:\"search-form-input\"},[_c('b-form-input',{ref:\"searchInput\",staticClass:\"search-input\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t((_vm.tPath + \".placeholder\")),\"debounce\":_vm.form.debounce,\"aria-autocomplete\":\"list\",\"autocomplete\":\"false\"},on:{\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.submit($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.reset($event)}]},model:{value:(_vm.form.value),callback:function ($$v) {_vm.$set(_vm.form, \"value\", $$v)},expression:\"form.value\"}})],1),_vm._t(\"default\")],2),_c('div',{staticClass:\"search-results\"},[_c('hr',{staticClass:\"mt-3\"}),_c('div',{staticClass:\"results-body\",style:(!_vm.$root.isDesktop ? { top: ((_vm.$root.header.inViewportHeight) + \"px\") } : null)},[_c('div',{staticClass:\"container\"},[_c('b-row',_vm._l((_vm.resultRows),function(row,rIndex){return _c('b-col',_vm._b({key:rIndex},\"b-col\",_vm._d({},[_vm.$root.md.key,6])),_vm._l((row),function(resultType,tKey){return _c('div',{key:tKey,class:['resulttype', (\"resulttype-\" + tKey)]},[_c('div',{staticClass:\"resulttype-title\",attrs:{\"id\":(\"HeaderSearch_ResultType_\" + tKey)}},[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".results.\" + (tKey.toLowerCase()) + \".title\"))))]),(resultType.items.length <= 0)?_c('div',{staticClass:\"resulttype-noresults\"},[_vm._v(_vm._s(_vm.$t((_vm.tPath + \".results.\" + (tKey.toLowerCase()) + \".noresults\"), { query: _vm.form.value })))]):[_c('ul',{staticClass:\"resulttype-itemlist\",attrs:{\"aria-describedby\":(\"HeaderSearch_ResultType_\" + tKey)}},_vm._l((resultType.items),function(item,iIndex){return _c('li',{key:iIndex},[_c('a',{staticClass:\"resulttype-item\",attrs:{\"href\":_vm.$store.getters['gui/getBaseUrl'](resultType.urlType, item.urlSlug)}},[(_vm.resultTypesWithImages.includes(resultType.urlType))?[(item.image)?_c('img',{attrs:{\"src\":item.image}}):_vm._e(),(!item.image)?_c('c-placeholder-image',{attrs:{\"ratio\":\"4x3\",\"size\":\"75\"}}):_vm._e()]:_vm._e(),(item.additional)?_c('span',[_vm._v(_vm._s(item.additional.toUpperCase()))]):_vm._e(),_c('strong',[_vm._v(_vm._s(item.title))])],2)])}),0),(resultType.urlType === 'product' && _vm.showShowMoreProducts)?_c('div',{ref:\"showmoreproducts\",refInFor:true},[_vm._t(\"showmoreproducts\",null,null,{ queryString: _vm.searchQuery })],2):(resultType.urlType === 'marketingproduct' && _vm.showShowMoreMarketingProducts)?_c('div',{ref:\"showmoremarketingproducts\",refInFor:true},[_vm._t(\"showmoremarketingproducts\",null,null,{ queryString: _vm.searchQuery })],2):(resultType.row === 'content' && _vm.showShowMoreContent)?_c('div',{ref:\"showmorecontent\",refInFor:true},[_vm._t(\"showmorecontent\",null,null,{ queryString: _vm.searchQuery })],2):(resultType.urlType === 'education' && _vm.showShowMoreEvent)?_c('div',{ref:\"showmoreeducation\",refInFor:true},[_vm._t(\"showmoreeducation\",null,null,{ queryString: _vm.searchQuery })],2):_vm._e()]],2)}),0)}),1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-click-outside=\"clickOutside\" :class=\"['header-search', { 'focus': form.focus, 'expanded': expanded }]\">\r\n    <div class=\"search-form\" @focusin.capture=\"toggleFocus\" @focusout.capture=\"toggleFocus\">\r\n      <div class=\"search-form-input\">\r\n        <b-form-input\r\n          class=\"search-input\"\r\n          type=\"text\"\r\n          :placeholder=\"$t(`${tPath}.placeholder`)\"\r\n          v-model=\"form.value\"\r\n          :debounce=\"form.debounce\"\r\n          ref=\"searchInput\"\r\n          aria-autocomplete=\"list\"\r\n          autocomplete=\"false\"\r\n          @keydown.enter=\"submit\"\r\n          @keydown.esc=\"reset\"\r\n        />\r\n      </div>\r\n      <slot />\r\n    </div>\r\n\r\n    <div class=\"search-results\">\r\n      <hr class=\"mt-3\"/>\r\n      <div class=\"results-body\" :style=\"!$root.isDesktop ? { top: `${$root.header.inViewportHeight}px` } : null\">\r\n        <div class=\"container\">\r\n          <b-row>\r\n            <b-col v-for=\"(row, rIndex) in resultRows\" :key=\"rIndex\" :[$root.md.key]=\"6\">\r\n              <div v-for=\"(resultType, tKey) in row\" :key=\"tKey\" :class=\"['resulttype', `resulttype-${tKey}`]\">\r\n                <div :id=\"`HeaderSearch_ResultType_${tKey}`\" class=\"resulttype-title\">{{ $t(`${tPath}.results.${tKey.toLowerCase()}.title`) }}</div>\r\n\r\n                <div v-if=\"resultType.items.length <= 0\" class=\"resulttype-noresults\">{{ $t(`${tPath}.results.${tKey.toLowerCase()}.noresults`, { query: form.value }) }}</div>\r\n\r\n                <template v-else>\r\n                  <ul class=\"resulttype-itemlist\" :aria-describedby=\"`HeaderSearch_ResultType_${tKey}`\">\r\n                    <li v-for=\"(item, iIndex) in resultType.items\" :key=\"iIndex\">\r\n                      <a :href=\"$store.getters['gui/getBaseUrl'](resultType.urlType, item.urlSlug)\" class=\"resulttype-item\" >\r\n                        <template v-if=\"resultTypesWithImages.includes(resultType.urlType)\">\r\n                          <img v-if=\"item.image\" :src=\"item.image\"/>\r\n                           <c-placeholder-image v-if=\"!item.image\" ratio=\"4x3\" size=\"75\"/>\r\n                        </template>\r\n                        <span v-if=\"item.additional\">{{item.additional.toUpperCase()}}</span>\r\n                        <strong>{{ item.title }}</strong>\r\n                      </a>\r\n                    </li>\r\n                  </ul>\r\n\r\n                  <div v-if=\"resultType.urlType === 'product' && showShowMoreProducts\" ref=\"showmoreproducts\">\r\n                    <slot name=\"showmoreproducts\" v-bind=\"{ queryString: searchQuery }\"/>\r\n                  </div>\r\n                  <div v-else-if=\"resultType.urlType === 'marketingproduct' && showShowMoreMarketingProducts\" ref=\"showmoremarketingproducts\">\r\n                    <slot name=\"showmoremarketingproducts\" v-bind=\"{ queryString: searchQuery }\"/>\r\n                  </div>\r\n                  <div v-else-if=\"resultType.row === 'content' && showShowMoreContent\" ref=\"showmorecontent\">\r\n                    <slot name=\"showmorecontent\" v-bind=\"{ queryString: searchQuery }\"/>\r\n                  </div>\r\n                  <div v-else-if=\"resultType.urlType === 'education' && showShowMoreEvent\" ref=\"showmoreeducation\">\r\n                    <slot name=\"showmoreeducation\" v-bind=\"{ queryString: searchQuery }\"/>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n            </b-col>\r\n          </b-row>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'HeaderSearch',\r\n  data () {\r\n    return {\r\n      form: {\r\n        value: '',\r\n        debounce: 200,\r\n        focus: false\r\n      },\r\n      resultTypesWithImages: ['product', 'marketingproduct'],\r\n      resultsOnlyLoggedIn: ['MarketingProducts']\r\n    }\r\n  },\r\n  props: {\r\n    searchoptions: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  computed: {\r\n    expanded () {\r\n      return this.form.value !== ''\r\n    },\r\n    contents () {\r\n      return this.$store.getters['globalsearch/getContents']\r\n    },\r\n    products () {\r\n      return this.$store.getters['globalsearch/getProducts']\r\n    },\r\n    showShowMoreProducts () {\r\n      return this.products.Products.hasMore\r\n    },\r\n    showShowMoreMarketingProducts () {\r\n      return this.products.MarketingProducts.hasMore\r\n    },\r\n    showShowMoreContent () {\r\n      return this.contents.WebsiteContents.hasMore\r\n    },\r\n    showShowMoreEvent () {\r\n      return this.products.Events.hasMore\r\n    },\r\n    resultRows () {\r\n      const results = [].concat(this.contents, this.products)\r\n      if (!this.searchoptions.isLoggedIn) {\r\n        this.resultsOnlyLoggedIn.forEach(x => {\r\n          results.forEach(r => {\r\n            if (x in r) {\r\n              delete r[x]\r\n            }\r\n          })\r\n        })\r\n      }\r\n      return results\r\n    },\r\n    searchQuery () {\r\n      return this.form.value\r\n    }\r\n  },\r\n  methods: {\r\n    toggleFocus () {\r\n      this.form.focus = !this.form.focus\r\n    },\r\n    reset () {\r\n      this.form.value = ''\r\n      this.$store.commit('globalsearch/reset')\r\n    },\r\n    search () {\r\n      if (this.form.value.length <= 0) {\r\n        this.reset()\r\n      } else {\r\n        this.$store.dispatch('globalsearch/searchByQuery', { query: this.form.value })\r\n      }\r\n    },\r\n    submit (e) {\r\n      if (this.form.value.length <= 0) {\r\n        this.reset()\r\n      } else {\r\n        console.log(this.searchoptions)\r\n        if (this.searchoptions.defaultSearchPage) {\r\n          window.location = `${this.searchoptions.defaultSearchPage}?${this.searchoptions.parameterName}=${this.form.value}`\r\n        } else {\r\n          const submitLinkProducts = this.$refs.showmoreproducts[0].querySelector('a')\r\n          if (submitLinkProducts) submitLinkProducts.dispatchEvent(new MouseEvent('click', { ctrlKey: e.ctrlKey, shiftKey: e.shiftKey, altKey: e.altKey }))\r\n          const submitLinkMarketingProducts = this.$refs.showmoremarketingproducts[0].querySelector('a')\r\n          if (submitLinkMarketingProducts) submitLinkMarketingProducts.dispatchEvent(new MouseEvent('click', { ctrlKey: e.ctrlKey, shiftKey: e.shiftKey, altKey: e.altKey }))\r\n          const submitLinkContent = this.$refs.showmorecontent[0].querySelector('a')\r\n          if (submitLinkContent) submitLinkContent.dispatchEvent(new MouseEvent('click', { ctrlKey: e.ctrlKey, shiftKey: e.shiftKey, altKey: e.altKey }))\r\n        }\r\n      }\r\n    },\r\n    clickOutside () {\r\n      this.$emit('close-search')\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$refs.searchInput.$el.focus()\r\n  },\r\n  watch: {\r\n    expanded: {\r\n      immediate: true,\r\n      handler () {\r\n        this.$root.$emit('scrollbar:toggle', { key: this.$options.name, state: this.expanded, from: 0, till: this.$root.md.value })\r\n      }\r\n    },\r\n    'form.value': {\r\n      immediate: true,\r\n      handler () {\r\n        this.search()\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// mobile\r\n$headersearch-form-gap: $spacer * 0.5 !default;\r\n$headersearch-form-height: $spacer * 2 + $headersearch-form-gap * 2 !default;\r\n$headersearch-form-border: map-get($borders, 'bold') !default;\r\n$headersearch-form-zindex: $zindex-sticky + 11 !default;\r\n$headersearch-form-focus-border: set-nth($headersearch-form-border, 3, $primary) !default;\r\n\r\n$headersearch-form-submit-padding-y: 0 !default;\r\n$headersearch-form-submit-padding-x: $headersearch-form-height * 0.33 !default;\r\n$headersearch-form-focus-submit-color: $primary !default;\r\n\r\n$headersearch-form-input-padding-y: $headersearch-form-submit-padding-y !default;\r\n$headersearch-form-input-padding-x: $headersearch-form-submit-padding-x !default;\r\n\r\n$headersearch-results-zindex: $zindex-sticky + 10 !default;\r\n\r\n$headersearch-results-body-resulttype-border: map-get($borders, 'base') !default;\r\n\r\n$headersearch-results-body-resulttype-title-gap: $spacer * 0.3 !default;\r\n\r\n$headersearch-results-body-resulttype-itemlist-item-gutter: 10px !default;\r\n$headersearch-results-body-resulttype-itemlist-item-padding-y: $spacer * 0.4 !default;\r\n$headersearch-results-body-resulttype-itemlist-item-padding-x: $headersearch-results-body-resulttype-itemlist-item-padding-y !default;\r\n\r\n$headersearch-results-body-resulttype-itemlist-item-hover-img-fallback-color: darken($gray-300 , 10%) !default;\r\n\r\n// desktop\r\n$headersearch-desktop-form-gap: $spacer * 0.5 !default;\r\n\r\n$headersearch-desktop-results-y: $spacer * -0.75 !default;\r\n$headersearch-desktop-results-box-shadow: 0px 8px 18px rgba($black, 0.05) !default;\r\n\r\n$headersearch-desktop-results-header-padding-x: $grid-gutter-width * 0.5 !default;\r\n$headersearch-desktop-results-header-border: map-get($borders, 'base') !default;\r\n\r\n$headersearch-desktop-results-body-max-height: 70vh !default;\r\n\r\n.header-search {\r\n  position: relative;\r\n  flex-grow:1;\r\n  background-color: $white;\r\n\r\n  .search-form {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n    margin: 0 0 $headersearch-form-gap 0;\r\n    height: $headersearch-form-height;\r\n    background-color:  $input-bg;\r\n    z-index: $headersearch-form-zindex;\r\n\r\n    &-input{\r\n      border: $headersearch-form-border;\r\n      border-radius: $headersearch-form-height;\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n\r\n    .search-toggle{\r\n      padding-right: 0;\r\n    }\r\n\r\n    .search-input {\r\n      flex: 1 1 100%;\r\n      margin: 0;\r\n      padding: $headersearch-form-input-padding-y $headersearch-form-input-padding-x;\r\n      height: 100%;\r\n      background: none;\r\n      border: 0 none;\r\n      outline: 0 none;\r\n      font-family: inherit;\r\n      font-size: inherit;\r\n      font-weight: inherit;\r\n      font-style: inherit;\r\n      box-shadow: none;\r\n\r\n      &::placeholder {\r\n        color: $body-color;\r\n      }\r\n    }\r\n\r\n    .search-submit {\r\n      flex: 0 0 auto;\r\n      padding: $headersearch-form-submit-padding-y $headersearch-form-submit-padding-x;\r\n      background: none;\r\n      border: 0 none;\r\n\r\n      .clear{\r\n        cursor: pointer;\r\n      }\r\n\r\n      &:last-child {\r\n        padding-left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .search-results {\r\n    display: none;\r\n    z-index: $headersearch-results-zindex;\r\n\r\n    hr{\r\n      border-style: solid;\r\n    }\r\n\r\n    .results-header {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n\r\n      .close {\r\n        color: inherit;\r\n\r\n        &:hover {\r\n          color: $link-hover-color;\r\n        }\r\n      }\r\n    }\r\n\r\n    .results-body {\r\n      max-height:calc(100vh - 88px) ;\r\n      overflow-y:auto;\r\n      background-color: $white;\r\n      z-index: inherit;\r\n\r\n      .resulttype {\r\n        padding: $spacer 0;\r\n        border-bottom: $headersearch-results-body-resulttype-border;\r\n\r\n        .resulttype-title {\r\n          margin-bottom: $headersearch-results-body-resulttype-title-gap;\r\n          font-size: $font-size-sm;\r\n          color: $dark;\r\n        }\r\n\r\n        .resulttype-noresults {\r\n          font-weight: $font-weight-bold;\r\n        }\r\n\r\n        .resulttype-itemlist {\r\n          @include list-unstyled();\r\n\r\n          .resulttype-item {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            margin: 0 ($headersearch-results-body-resulttype-itemlist-item-padding-x * -1);\r\n            padding: $headersearch-results-body-resulttype-itemlist-item-padding-y $headersearch-results-body-resulttype-itemlist-item-padding-x;\r\n            border-radius: $border-radius;\r\n            color: inherit;\r\n            text-decoration: none;\r\n\r\n            > * {\r\n              display: block;\r\n              margin: 0;\r\n              padding-left: $headersearch-results-body-resulttype-itemlist-item-gutter * 0.5;\r\n              padding-right: $headersearch-results-body-resulttype-itemlist-item-gutter * 0.5;\r\n\r\n              &:first-child { padding-left: 0; }\r\n              &:last-child { padding-right: 0; }\r\n            }\r\n\r\n            > img,\r\n            > .placeholder-image {\r\n              max-width: 75px;\r\n              width: 100%;\r\n              .bi {\r\n\r\n                height: 100%;\r\n                color: $gray-300;\r\n              }\r\n            }\r\n\r\n            &:hover {\r\n              background-color: $gray-300;\r\n\r\n              > .is-fallback-image {\r\n                .bi {\r\n                  color: $headersearch-results-body-resulttype-itemlist-item-hover-img-fallback-color;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  &.focus {\r\n    .search-form {\r\n      &-input{\r\n        border: $headersearch-form-focus-border;\r\n      }\r\n\r\n      .search-submit {\r\n        color: $headersearch-form-focus-submit-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.expanded {\r\n    border-bottom-right-radius: 1.75rem;\r\n\r\n    .search-form {\r\n      margin-right: 0;\r\n    }\r\n\r\n    .search-results {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  @include media-breakpoint-up($desktop-breakpoint) {\r\n    .search-form {\r\n      padding: $headersearch-desktop-form-gap 0;\r\n      margin: 0;\r\n\r\n      .search-toggle{\r\n        padding-right: 1.25rem;\r\n      }\r\n    }\r\n\r\n    .search-results {\r\n      display: none;\r\n      background-color: $white;\r\n      border-radius: $border-radius;\r\n      box-shadow: $headersearch-desktop-results-box-shadow;\r\n\r\n      .results-header {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        position: static;\r\n        padding: 0 $headersearch-desktop-results-header-padding-x;\r\n        height: calc(#{$headersearch-form-height} + (#{$headersearch-desktop-results-y} * -2));\r\n        border-bottom: $headersearch-desktop-results-header-border;\r\n      }\r\n\r\n      .results-body {\r\n        position: static;\r\n        max-height: $headersearch-desktop-results-body-max-height;\r\n        background: none;\r\n\r\n        .resulttype {\r\n          &:last-child {\r\n            border-bottom: 0 none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.expanded {\r\n      .search-backdrop {\r\n        display: block;\r\n      }\r\n\r\n      .search-form {\r\n        margin-right: 0;\r\n      }\r\n\r\n      .search-results {\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./HeaderSearch.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!./HeaderSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeaderSearch.vue?vue&type=template&id=25fd1acf&\"\nimport script from \"./HeaderSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./HeaderSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeaderSearch.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}