{"version":3,"sources":["webpack:///./src/js/vue/waste-search.vue?aa52","webpack:///./src/js/vue/waste-search.vue?60f4","webpack:///src/js/vue/waste-search.vue","webpack:///./src/js/vue/waste-search.vue"],"names":["component","_vm","this","_h","$createElement","_c","_self","model","headingTag","tag","staticClass","_v","_s","heading","_e","description","ref","attrs","langSearchWaste","searchAriaStatus","query","searchSuggestions","langSearchPlaceholder","getSuggestionText","on","clearField","handleSubmit","handleBlur","scopedSlots","_u","key","fn","rootProps","inputProps","inputListeners","resultListProps","resultListListeners","results","resultProps","_b","_g","class","staticStyle","suggestionsLabel","_l","result","index","id","text","searchButtonAriaLabel","submit","searchButtonLabel","langOr","categoriesPageUrl","langBrowseCategory"],"mappings":"mGAAA,I,qBCA4M,ECwE5M,CACE,WAAF,CACI,e,UAAJ,SAEE,MAAF,CACI,MAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAAF,WACI,MAAJ,CACM,MAAN,GACM,iBAAN,KAGE,QAhBF,WAiBI,KAAJ,2BAEE,QAAF,CACI,WADJ,WAEM,KAAN,gCACM,KAAN,qBAEI,WALJ,WAMM,KAAN,qBAEI,kBARJ,SAQA,GAAM,IAAN,OACM,KAAN,QACM,IAAN,mFACM,OAAN,yBACQ,GAAR,iBACU,OAAV,MAGQ,MAAR,GACA,kBAAU,OAAV,YACA,kBACU,EAAV,QACU,EAAV,qDAII,kBAxBJ,SAwBA,GACM,OAAN,aAEI,aA3BJ,SA2BA,GACA,EACQ,KAAR,kBAGQ,OAAR,0FAGI,OAnCJ,WAoCM,OAAN,0FAEI,eAtCJ,SAsCA,GACA,WACQ,EAAR,mCACU,EAAV,cACA,uCAIA,uC,YClIIA,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAIM,MAAa,QAAEF,EAAGJ,EAAIM,MAAMC,WAAW,CAACC,IAAI,YAAYC,YAAY,MAAM,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIM,MAAMM,YAAYZ,EAAIa,KAAKb,EAAIU,GAAG,KAAMV,EAAIM,MAAiB,YAAEF,EAAG,IAAI,CAACK,YAAY,YAAY,CAACT,EAAIU,GAAG,SAASV,EAAIW,GAAGX,EAAIM,MAAMQ,aAAa,YAAYd,EAAIa,KAAKb,EAAIU,GAAG,KAAKN,EAAG,MAAM,CAACW,IAAI,cAAcN,YAAY,MAAM,CAACL,EAAG,QAAQ,CAACY,MAAM,CAAC,IAAM,gBAAgB,CAAChB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIM,MAAMW,sBAAsBjB,EAAIU,GAAG,KAAKN,EAAG,MAAM,CAACK,YAAY,gBAAgB,CAACL,EAAG,MAAM,CAACW,IAAI,eAAeN,YAAY,UAAUO,MAAM,CAAC,KAAO,WAAW,CAAChB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,qBAAqBlB,EAAIU,GAAG,KAAKN,EAAG,eAAe,CAACW,IAAI,eAAeN,YAAY,iBAAiBO,MAAM,CAAC,GAAK,cAAc,MAAQhB,EAAImB,MAAM,OAASnB,EAAIoB,kBAAkB,YAAcpB,EAAIM,MAAMe,sBAAsB,aAAarB,EAAIM,MAAMe,sBAAsB,mBAAmBrB,EAAIsB,mBAAmBC,GAAG,CAAC,MAAQvB,EAAIwB,WAAW,OAASxB,EAAIyB,aAAa,KAAOzB,EAAI0B,YAAYC,YAAY3B,EAAI4B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASf,GACnjC,IAAIgB,EAAYhB,EAAIgB,UAChBC,EAAajB,EAAIiB,WACjBC,EAAiBlB,EAAIkB,eACrBC,EAAkBnB,EAAImB,gBACtBC,EAAsBpB,EAAIoB,oBAC1BC,EAAUrB,EAAIqB,QACdC,EAActB,EAAIsB,YACtC,MAAO,CAACjC,EAAG,MAAMJ,EAAIsC,GAAG,GAAG,MAAMP,GAAU,GAAO,CAAC3B,EAAG,eAAeJ,EAAIuC,GAAGvC,EAAIsC,GAAG,CAACvB,IAAI,cAAcyB,MAAM,CAChF,sBACFC,YAAY,CAAC,QAAU,wBAAwB,eAAeT,GAAW,GAAOC,IAAiBjC,EAAIU,GAAG,KAAKN,EAAG,KAAKJ,EAAIuC,GAAGvC,EAAIsC,GAAG,CAACtB,MAAM,CAAC,KAAO,SAAS,YAAY,SAAS,cAAc,SAAS,KAAKkB,GAAgB,GAAOC,GAAqB,CAAC/B,EAAG,KAAK,CAACK,YAAY,oBAAoB,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIM,MAAMoC,kBAAkB,OAAO1C,EAAIU,GAAG,KAAKV,EAAI2C,GAAG,GAAU,SAASC,EAAOC,GAAO,OAAOzC,EAAG,KAAKJ,EAAIsC,GAAG,CAACT,IAAIQ,EAAYQ,GAAOC,IAAI,KAAKT,EAAYQ,IAAO,GAAO,CAAC7C,EAAIU,GAAG,iCAAiCV,EAAIW,GAAGiC,EAAOG,MAAM,oCAAmC,IAAI,UAAU/C,EAAIU,GAAG,KAAKN,EAAG,SAAS,CAACK,YAAY,SAASO,MAAM,CAAC,KAAO,SAAS,aAAahB,EAAIM,MAAM0C,uBAAuBzB,GAAG,CAAC,MAAQvB,EAAIiD,SAAS,CAACjD,EAAIU,GAAGV,EAAIW,GAAGX,EAAIM,MAAM4C,uBAAuB,GAAGlD,EAAIU,GAAG,KAAKN,EAAG,MAAM,CAACK,YAAY,WAAW,CAACT,EAAIU,GAAG,SAASV,EAAIW,GAAGX,EAAIM,MAAM6C,QAAQ,YAAYnD,EAAIU,GAAG,KAAKN,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACL,EAAG,IAAI,CAACK,YAAY,SAASO,MAAM,CAAC,KAAOhB,EAAIM,MAAM8C,oBAAoB,CAACpD,EAAIU,GAAG,iBAAiBV,EAAIW,GAAGX,EAAIM,MAAM+C,qBAAqBjD,EAAG,OAAO,CAACK,YAAY,kBAAkBO,MAAM,CAAC,cAAc,SAAS,CAACZ,EAAG,MAAM,CAACK,YAAY,uCAAuC,CAACL,EAAG,MAAM,CAACY,MAAM,CAAC,aAAa,8CAA8C,KAC3vC,IGApB,EACA,KACA,KACA,MAIa,UAAAjB,E","file":"waste-search.ba38d512dd8502b6a99a.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.model.heading)?_c(_vm.model.headingTag,{tag:\"component\",staticClass:\"h4\"},[_vm._v(_vm._s(_vm.model.heading))]):_vm._e(),_vm._v(\" \"),(_vm.model.description)?_c('p',{staticClass:\"preamble\"},[_vm._v(\"\\n    \"+_vm._s(_vm.model.description)+\"\\n    \")]):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wasteSearch\",staticClass:\"h6\"},[_c('label',{attrs:{\"for\":\"wasteSearch\"}},[_vm._v(_vm._s(_vm.model.langSearchWaste))])]),_vm._v(\" \"),_c('div',{staticClass:\"search-input\"},[_c('div',{ref:\"searchStatus\",staticClass:\"sr-only\",attrs:{\"role\":\"status\"}},[_vm._v(_vm._s(_vm.searchAriaStatus))]),_vm._v(\" \"),_c('autocomplete',{ref:\"autocomplete\",staticClass:\"col-lg-12 px-0\",attrs:{\"id\":\"wasteSearch\",\"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,\"blur\":_vm.handleBlur},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var rootProps = ref.rootProps;\n                var inputProps = ref.inputProps;\n                var inputListeners = ref.inputListeners;\n                var resultListProps = ref.resultListProps;\n                var resultListListeners = ref.resultListListeners;\n                var results = ref.results;\n                var resultProps = ref.resultProps;\nreturn [_c('div',_vm._b({},'div',rootProps,false),[_c('custom-input',_vm._g(_vm._b({ref:\"searchInput\",class:[\n                            'autocomplete-input'\n                        ],staticStyle:{\"padding\":\"24px 24px 24px 48px\"}},'custom-input',inputProps,false),inputListeners)),_vm._v(\" \"),_c('ul',_vm._g(_vm._b({attrs:{\"role\":\"region\",\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},'ul',resultListProps,false),resultListListeners),[_c('li',{staticClass:\"suggestions-text\"},[_vm._v(_vm._s(_vm.model.suggestionsLabel)+\":\")]),_vm._v(\" \"),_vm._l((results),function(result,index){return _c('li',_vm._b({key:resultProps[index].id},'li',resultProps[index],false),[_vm._v(\"\\n                            \"+_vm._s(result.text)+\"\\n                        \")])})],2)],1)]}}])}),_vm._v(\" \"),_c('button',{staticClass:\"button\",attrs:{\"type\":\"submit\",\"aria-label\":_vm.model.searchButtonAriaLabel},on:{\"click\":_vm.submit}},[_vm._v(_vm._s(_vm.model.searchButtonLabel))])],1),_vm._v(\" \"),_c('div',{staticClass:\"h6 my-3\"},[_vm._v(\"\\n    \"+_vm._s(_vm.model.langOr)+\"\\n    \")]),_vm._v(\" \"),_c('div',{staticClass:\"col-auto px-0\"},[_c('a',{staticClass:\"button\",attrs:{\"href\":_vm.model.categoriesPageUrl}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.langBrowseCategory)),_c('span',{staticClass:\"ml-2 arrow-icon\",attrs:{\"aria-hidden\":\"true\"}},[_c('svg',{staticClass:\"icon icon-hsy-icon-arrow-right-bold\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-arrow-right-bold\"}})])])])])],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!./waste-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!./waste-search.vue?vue&type=script&lang=js&\"","<template>\r\n    <div>\r\n        <component :is=\"model.headingTag\" v-if=\"model.heading\" class=\"h4\">{{ model.heading }}</component>\r\n        <p v-if=\"model.description\" class=\"preamble\">\r\n        {{ model.description }}\r\n        </p>\r\n        <div ref=\"wasteSearch\" class=\"h6\"><label for=\"wasteSearch\">{{ model.langSearchWaste }}</label></div>\r\n        <div class=\"search-input\">\r\n            <div ref=\"searchStatus\" role=\"status\" class=\"sr-only\">{{ searchAriaStatus }}</div>\r\n            <autocomplete\r\n                id=\"wasteSearch\"\r\n                ref=\"autocomplete\"\r\n                :model=\"query\"\r\n                class=\"col-lg-12 px-0\"\r\n                :search=\"searchSuggestions\"\r\n                :placeholder=\"model.langSearchPlaceholder\"\r\n                :aria-label=\"model.langSearchPlaceholder\"\r\n                :get-result-value=\"getSuggestionText\"\r\n                @click=\"clearField\"\r\n                @submit=\"handleSubmit\"\r\n                @blur=\"handleBlur\">\r\n                <template\r\n                    #default=\"{\r\n                        rootProps,\r\n                        inputProps,\r\n                        inputListeners,\r\n                        resultListProps,\r\n                        resultListListeners,\r\n                        results,\r\n                        resultProps\r\n                    }\"\r\n                >\r\n                    <div v-bind=\"rootProps\">\r\n                        <custom-input\r\n                            ref=\"searchInput\"\r\n                            :class=\"[\r\n                                'autocomplete-input'\r\n                            ]\"\r\n                            style=\"padding: 24px 24px 24px 48px\"\r\n                            v-bind=\"inputProps\"\r\n                            v-on=\"inputListeners\"\r\n                        ></custom-input>\r\n                        <ul v-bind=\"resultListProps\" role=\"region\" aria-live=\"polite\" aria-atomic=\"true\" v-on=\"resultListListeners\">\r\n                            <li class=\"suggestions-text\">{{ model.suggestionsLabel }}:</li>\r\n                            <li\r\n                                v-for=\"(result, index) in results\"\r\n                                :key=\"resultProps[index].id\"\r\n                                v-bind=\"resultProps[index]\"\r\n                                >\r\n                                {{ result.text }}\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </template>\r\n            </autocomplete>\r\n            <button class=\"button\" type=\"submit\" :aria-label=\"model.searchButtonAriaLabel\" @click=\"submit\">{{ model.searchButtonLabel }}</button>\r\n        </div>\r\n        <div class=\"h6 my-3\">\r\n        {{ model.langOr }}\r\n        </div>\r\n        <div class=\"col-auto px-0\">\r\n            <a class=\"button\" :href=\"model.categoriesPageUrl\">\r\n                {{ model.langBrowseCategory }}<span class=\"ml-2 arrow-icon\" aria-hidden=\"true\">\r\n                    <svg class=\"icon icon-hsy-icon-arrow-right-bold\"><use xlink:href=\"#icon-hsy-icon-arrow-right-bold\"></use></svg>\r\n                </span>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import axios from 'axios';\r\n    import customInput from './custom-input.vue';\r\n    export default {\r\n        components: {\r\n            \"custom-input\": customInput\r\n        },\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                searchAriaStatus: ''\r\n            }\r\n        },\r\n        mounted() {\r\n            this.$refs.wasteSearch.focus();\r\n        },\r\n        methods: {\r\n            clearField() {\r\n                this.$refs.autocomplete.setValue('');\r\n                this.searchAriaStatus = '';\r\n            },\r\n            handleBlur() {\r\n                this.searchAriaStatus = '';\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                            this.searchAriaStatus = this.model.langSearchAriaStatus;\r\n                        })\r\n                })\r\n            },\r\n            getSuggestionText(suggestion) {\r\n                return (suggestion || {}).text;\r\n            },\r\n            handleSubmit(selectedSuggestion) {\r\n                if (selectedSuggestion) {\r\n                    this.handleHitClick(selectedSuggestion);\r\n                }\r\n                else {\r\n                    window.open(`${this.model.searchResultsPageUrl}?query=` + encodeURI(this.query), \"_self\");\r\n                }\r\n            },\r\n            submit() {\r\n                window.open(`${this.model.searchResultsPageUrl}?query=` + encodeURI(this.query), \"_self\");\r\n            },\r\n            handleHitClick(hit) {\r\n                if (hit.trackUrl) {\r\n                    axios.get(hit.trackUrl).then(() => {\r\n                        hit.trackUrl = null;\r\n                        if (hit.url) window.location.href = hit.url;\r\n                    })\r\n                }\r\n                else {\r\n                    if (hit.url) window.location.href = hit.url;\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./waste-search.vue?vue&type=template&id=f34c2166&\"\nimport script from \"./waste-search.vue?vue&type=script&lang=js&\"\nexport * from \"./waste-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":""}