{"version":3,"sources":["webpack:///./src/js/vue/hero-search.vue?ebd2","webpack:///./src/js/vue/hero-search.vue?b442","webpack:///src/js/vue/hero-search.vue","webpack:///./src/js/vue/hero-search.vue"],"names":["component","_vm","this","_h","$createElement","_c","_self","staticClass","model","backgroundImageFocusPoint","_e","attrs","backgroundImageUrl","_v","style","_s","heading","preamble","ref","query","searchSuggestions","langSearchPlaceholder","getSuggestionText","on","clearField","handleSubmit","scopedSlots","_u","key","fn","result","props","suggestionsLabel","_b","text","submit","searchButtonLabel"],"mappings":"qGAAA,ICA2M,EC6B3M,CACE,MAAF,CACI,MAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAAF,WACI,MAAJ,CACM,MAAN,KAGE,QAAF,CACI,WADJ,WAEM,KAAN,iCAEI,kBAJJ,SAIA,GAAM,IAAN,OACM,KAAN,QACM,IAAN,mFACM,OAAN,yBACQ,GAAR,iBACU,OAAV,MAGQ,MAAR,GACA,kBAAU,OAAV,YACA,kBACU,EAAV,eAII,kBAnBJ,SAmBA,GACM,OAAN,aAGI,aAvBJ,SAuBA,GACA,EACQ,OAAR,oBAGQ,OAAR,mFAGI,OA/BJ,WAgCM,OAAN,qF,YClEIA,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAGN,EAAIO,MAAMC,0BAA8HR,EAAIS,KAAvGL,EAAG,MAAM,CAACE,YAAY,WAAWI,MAAM,CAAC,cAAc,OAAO,IAAMV,EAAIO,MAAMI,sBAA+BX,EAAIY,GAAG,KAAMZ,EAAIO,MAA+B,0BAAEH,EAAG,MAAM,CAACE,YAAY,WAAWO,MAAQ,oBAAuBb,EAAIO,MAAMC,0BAA2B,EAAI,KAAQR,EAAIO,MAAMC,0BAA2B,EAAI,IAAME,MAAM,CAAC,cAAc,OAAO,IAAMV,EAAIO,MAAMI,sBAAsBX,EAAIS,KAAKT,EAAIY,GAAG,KAAKR,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAAEN,EAAIO,MAAa,QAAEH,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAGZ,EAAIc,GAAGd,EAAIO,MAAMQ,YAAYf,EAAIS,KAAKT,EAAIY,GAAG,KAAMZ,EAAIO,MAAc,SAAEH,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIY,GAAG,qBAAqBZ,EAAIc,GAAGd,EAAIO,MAAMS,UAAU,oBAAoBhB,EAAIS,KAAKT,EAAIY,GAAG,KAAKR,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,eAAe,CAACa,IAAI,eAAeX,YAAY,iBAAiBI,MAAM,CAAC,MAAQV,EAAIkB,MAAM,OAASlB,EAAImB,kBAAkB,YAAcnB,EAAIO,MAAMa,sBAAsB,aAAapB,EAAIO,MAAMa,sBAAsB,mBAAmBpB,EAAIqB,mBAAmBC,GAAG,CAAC,MAAQtB,EAAIuB,WAAW,OAASvB,EAAIwB,cAAcC,YAAYzB,EAAI0B,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,SAASX,GACl2C,IAAIY,EAASZ,EAAIY,OACbC,EAAQb,EAAIa,MAChB,MAAO,CAAC1B,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAGZ,EAAIc,GAAGd,EAAIO,MAAMwB,kBAAkB,OAAO/B,EAAIY,GAAG,KAAKR,EAAG,KAAKJ,EAAIgC,GAAG,CAAC1B,YAAY,uBAAuB,KAAKwB,GAAM,GAAO,CAAC9B,EAAIY,GAAG,iCAAiCZ,EAAIc,GAAGe,EAAOI,MAAM,uCAAuCjC,EAAIY,GAAG,KAAKR,EAAG,SAAS,CAACE,YAAY,SAASI,MAAM,CAAC,KAAO,UAAUY,GAAG,CAAC,MAAQtB,EAAIkC,SAAS,CAAClC,EAAIY,GAAGZ,EAAIc,GAAGd,EAAIO,MAAM4B,uBAAuB,WACjZ,IGOpB,EACA,KACA,KACA,MAIa,UAAApC,E","file":"hero-search.dafadccde96e2812cb26.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hero-search hero-block\"},[(!_vm.model.backgroundImageFocusPoint)?_c('img',{staticClass:\"hero-img\",attrs:{\"aria-hidden\":\"true\",\"src\":_vm.model.backgroundImageUrl}}):_vm._e(),_vm._v(\" \"),(_vm.model.backgroundImageFocusPoint)?_c('img',{staticClass:\"hero-img\",style:((\"object-position: \" + (_vm.model.backgroundImageFocusPoint.x) + \"% \" + (_vm.model.backgroundImageFocusPoint.y) + \"%\")),attrs:{\"aria-hidden\":\"true\",\"src\":_vm.model.backgroundImageUrl}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"container-fluid py-5\"},[_c('div',{staticClass:\"col-lg-8 mx-auto py-5\"},[(_vm.model.heading)?_c('h1',{staticClass:\"mt-0 text-center\"},[_vm._v(_vm._s(_vm.model.heading))]):_vm._e(),_vm._v(\" \"),(_vm.model.preamble)?_c('p',{staticClass:\"preamble text-center\"},[_vm._v(\"\\n                \"+_vm._s(_vm.model.preamble)+\"\\n            \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"search-input col-lg-10 mx-auto\"},[_c('autocomplete',{ref:\"autocomplete\",staticClass:\"col-lg-12 px-0\",attrs:{\"model\":_vm.query,\"search\":_vm.searchSuggestions,\"placeholder\":_vm.model.langSearchPlaceholder,\"aria-label\":_vm.model.langSearchPlaceholder,\"get-result-value\":_vm.getSuggestionText},on:{\"click\":_vm.clearField,\"submit\":_vm.handleSubmit},scopedSlots:_vm._u([{key:\"result\",fn:function(ref){\nvar result = ref.result;\nvar props = ref.props;\nreturn [_c('li',{staticClass:\"suggestions-text\"},[_vm._v(_vm._s(_vm.model.suggestionsLabel)+\":\")]),_vm._v(\" \"),_c('li',_vm._b({staticClass:\"autocomplete-result\"},'li',props,false),[_vm._v(\"\\n                            \"+_vm._s(result.text)+\"\\n                        \")])]}}])}),_vm._v(\" \"),_c('button',{staticClass:\"button\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.submit}},[_vm._v(_vm._s(_vm.model.searchButtonLabel))])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hero-search.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hero-search.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"hero-search hero-block\">\r\n        <img class=\"hero-img\" aria-hidden=\"true\" v-if=\"!model.backgroundImageFocusPoint\" :src=\"model.backgroundImageUrl\" />\r\n        <img v-if=\"model.backgroundImageFocusPoint\" class=\"hero-img\" aria-hidden=\"true\" :src=\"model.backgroundImageUrl\"\r\n             :style=\"`object-position: ${model.backgroundImageFocusPoint.x}% ${model.backgroundImageFocusPoint.y}%`\" />\r\n        <div class=\"container-fluid py-5\">\r\n            <div class=\"col-lg-8 mx-auto py-5\">\r\n                <h1 v-if=\"model.heading\" class=\"mt-0 text-center\">{{ model.heading }}</h1>\r\n                <p v-if=\"model.preamble\" class=\"preamble text-center\">\r\n                    {{ model.preamble }}\r\n                </p>\r\n                <div class=\"search-input col-lg-10 mx-auto\">\r\n                    <autocomplete ref=\"autocomplete\" :model=\"query\" class=\"col-lg-12 px-0\" :search=\"searchSuggestions\" :placeholder=\"model.langSearchPlaceholder\"\r\n                                  :aria-label=\"model.langSearchPlaceholder\" :get-result-value=\"getSuggestionText\" @click=\"clearField\" @submit=\"handleSubmit\">                        \r\n                        <template #result=\"{ result, props }\">\r\n                            <li class=\"suggestions-text\">{{ model.suggestionsLabel }}:</li>\r\n                            <li v-bind=\"props\"\r\n                                class=\"autocomplete-result\">\r\n                                {{result.text}}\r\n                            </li>\r\n                        </template>\r\n                    </autocomplete>                    \r\n                    <button class=\"button\" @click=\"submit\" type=\"submit\">{{ model.searchButtonLabel }}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    export default {\r\n        props: {\r\n            model: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        data: () => {\r\n            return {\r\n                query: ''\r\n            }\r\n        },\r\n        methods: {\r\n            clearField() {\r\n                this.$refs.autocomplete.setValue('')\r\n            },\r\n            searchSuggestions(query) {\r\n                this.query = query;\r\n                const url = `${this.model.autoSuggestionsUrl}?query=${encodeURI(this.query)}`\r\n                return new Promise(resolve => {\r\n                    if (this.query.length < 1) {\r\n                        return resolve([])\r\n                    }\r\n\r\n                    fetch(url)\r\n                        .then(response => response.json())\r\n                        .then(data => {\r\n                            resolve(data.hits)\r\n                        })\r\n                })\r\n            },\r\n            getSuggestionText(suggestion) {                \r\n                return (suggestion || {}).text;\r\n                \r\n            },\r\n            handleSubmit(selectedSuggestion) {\r\n                if (selectedSuggestion) {\r\n                    window.location.href = selectedSuggestion.url;\r\n                }\r\n                else {\r\n                    window.open(`${this.model.searchPageUrl}?query=` + encodeURI(this.query), \"_self\");\r\n                }\r\n            },\r\n            submit() {\r\n                window.open(`${this.model.searchPageUrl}?query=` + encodeURI(this.query), \"_self\");\r\n            },\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./hero-search.vue?vue&type=template&id=2a550224&\"\nimport script from \"./hero-search.vue?vue&type=script&lang=js&\"\nexport * from \"./hero-search.vue?vue&type=script&lang=js&\"\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":""}