{"version":3,"sources":["webpack:///./src/js/vue/OpenData/open-data-search-hero.vue?0fe0","webpack:///./src/js/vue/OpenData/open-data-search-hero.vue?c3a4","webpack:///src/js/vue/OpenData/open-data-search-hero.vue","webpack:///./src/js/vue/OpenData/open-data-search-hero.vue"],"names":["component","_vm","this","_h","$createElement","_c","_self","staticClass","model","backgroundImageFocusPoint","_e","attrs","imageUrl","_v","style","_s","heading","intro","ref","query","searchSuggestions","searchPlaceholderText","langSearchPlaceholder","getSuggestionText","on","handleQueryUpdate","scopedSlots","_u","key","fn","result","props","suggestionsLabel","_b","text","submit","searchButtonLabel"],"mappings":"mGAAA,ICA2N,ECkC3N,CACE,MAAF,CACI,MAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAAF,WACI,MAAJ,CACM,MAAN,KAGE,QAAF,CACI,kBADJ,SACA,GAAM,IAAN,OACM,KAAN,QACM,IAAN,kFACM,OAAN,yBACQ,GAAR,iBACU,OAAV,MAGQ,MAAR,GACA,kBAAU,OAAV,YACA,kBACU,EAAV,eAII,kBAhBJ,SAgBA,GACM,OAAN,aAGI,kBApBJ,SAoBA,GACA,EACQ,OAAR,oBAGQ,OAAR,+EAGI,OA5BJ,WA6BM,OAAN,iF,YCpEIA,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAAGN,EAAIO,MAAMC,0BAAoHR,EAAIS,KAA7FL,EAAG,MAAM,CAACE,YAAY,WAAWI,MAAM,CAAC,cAAc,OAAO,IAAMV,EAAIO,MAAMI,YAAqBX,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,YAAYX,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,MAAW,MAAEH,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIY,GAAG,qBAAqBZ,EAAIc,GAAGd,EAAIO,MAAMS,OAAO,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,MAAMc,sBAAsB,mBAAmBrB,EAAIsB,mBAAmBC,GAAG,CAAC,OAASvB,EAAIwB,mBAAmBC,YAAYzB,EAAI0B,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,SAASX,GACtzC,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,UAAUa,GAAG,CAAC,MAAQvB,EAAIkC,SAAS,CAAClC,EAAIY,GAAGZ,EAAIc,GAAGd,EAAIO,MAAM4B,uBAAuB,WACjZ,IGOpB,EACA,KACA,KACA,MAIa,UAAApC,E","file":"open-data-search-hero.f43501505e65b899a11c.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.imageUrl}}):_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.imageUrl}}):_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.intro)?_c('p',{staticClass:\"preamble text-center\"},[_vm._v(\"\\n                \"+_vm._s(_vm.model.intro)+\"\\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.searchPlaceholderText,\"aria-label\":_vm.model.langSearchPlaceholder,\"get-result-value\":_vm.getSuggestionText},on:{\"submit\":_vm.handleQueryUpdate},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!./open-data-search-hero.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!./open-data-search-hero.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.imageUrl\" />\r\n        <img v-if=\"model.backgroundImageFocusPoint\" class=\"hero-img\" aria-hidden=\"true\" :src=\"model.imageUrl\"\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.intro\" class=\"preamble text-center\">\r\n                    {{ model.intro }}\r\n                </p>\r\n                <div class=\"search-input col-lg-10 mx-auto\">\r\n                    <autocomplete ref=\"autocomplete\" \r\n                                  :model=\"query\" class=\"col-lg-12 px-0\" \r\n                                  :search=\"searchSuggestions\" \r\n                                  :placeholder=\"model.searchPlaceholderText\"\r\n                                  :aria-label=\"model.langSearchPlaceholder\" \r\n                                  :get-result-value=\"getSuggestionText\" \r\n                                  @submit=\"handleQueryUpdate\">\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            searchSuggestions(query) {\r\n                this.query = query;\r\n                const url = `${this.model.suggestionsApiUrl}?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            handleQueryUpdate(selectedSuggestion) {\r\n                if (selectedSuggestion) {\r\n                    window.location.href = selectedSuggestion.url;\r\n                }\r\n                else {\r\n                    window.open(`${this.model.searchUrl}?query=` + encodeURI(this.query), \"_self\");\r\n                }\r\n            },\r\n            submit() {\r\n                window.open(`${this.model.searchUrl}?query=` + encodeURI(this.query), \"_self\");\r\n            },            \r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./open-data-search-hero.vue?vue&type=template&id=2182585c&\"\nimport script from \"./open-data-search-hero.vue?vue&type=script&lang=js&\"\nexport * from \"./open-data-search-hero.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":""}