{"version":3,"file":"PoiPageSearch.js","sources":["../../../resources/js/components/search/PoiSearchAutocomplete.vue?vue&type=template&lang.js","../../../resources/js/components/search/PoiSearchAutocomplete.vue","../../../resources/js/components/containers/PoiPageSearch.vue?vue&type=template&lang.js","../../../resources/js/components/containers/PoiPageSearch.vue"],"sourcesContent":["\n<div\n    class=\"search-autocomplete position-relative\"\n    :aria-label=\"`Search for point of interest properties by city, zip, or ${this.$root.$_mlsName()} number`\"\n    v-shortkey=\"['/']\"\n    @shortkey=\"triggerFocus()\"\n>\n    <loader :visible=\"loading\" :small=\"true\" :transparent=\"true\"></loader>\n    <button class=\"clear-button transparent\" title=\"clear\" v-if=\"this.query\" @click=\"resetForm\" aria-label=\"Clear Search\">\n        <i class=\"bi-x-circle\"></i>\n    </button>\n    <vue-autosuggest\n        ref=\"autocomplete\"\n        v-model=\"query\"\n        :suggestions=\"suggestions\"\n        :inputProps=\"inputProps\"\n        :getSuggestionValue=\"getSuggestionValue\"\n        @selected=\"selectedHandler\"\n        @input=\"fetchResults\"\n        @click=\"stripReadOnly\"\n        @keydown.enter.prevent=\"enterHandler\"\n    >\n        <template slot-scope=\"{ suggestion }\">\n            <div>\n                <div class=\"d-flex align-items-center\">\n                    <div class=\"\">\n                        <div>{{ suggestion.item.properties.label }}</div>\n                    </div>\n                </div>\n            </div>\n        </template>\n    </vue-autosuggest>\n    <button id=\"search_btn\" class=\"search-button transparent\" @click.prevent=\"searchBtnHandler('.' + id, $event.currentTarget)\" aria-label=\"Submit Search\">\n        <span class=\"icon icon-sm\"><i class=\"bi bi-search\"></i></span>\n    </button>\n</div>\n","<template>\n    <div\n        class=\"search-autocomplete position-relative\"\n        :aria-label=\"`Search for point of interest properties by city, zip, or ${this.$root.$_mlsName()} number`\"\n        v-shortkey=\"['/']\"\n        @shortkey=\"triggerFocus()\"\n    >\n        <loader :visible=\"loading\" :small=\"true\" :transparent=\"true\"></loader>\n        <button class=\"clear-button transparent\" title=\"clear\" v-if=\"this.query\" @click=\"resetForm\" aria-label=\"Clear Search\">\n            <i class=\"bi-x-circle\"></i>\n        </button>\n        <vue-autosuggest\n            ref=\"autocomplete\"\n            v-model=\"query\"\n            :suggestions=\"suggestions\"\n            :inputProps=\"inputProps\"\n            :getSuggestionValue=\"getSuggestionValue\"\n            @selected=\"selectedHandler\"\n            @input=\"fetchResults\"\n            @click=\"stripReadOnly\"\n            @keydown.enter.prevent=\"enterHandler\"\n        >\n            <template slot-scope=\"{ suggestion }\">\n                <div>\n                    <div class=\"d-flex align-items-center\">\n                        <div class=\"\">\n                            <div>{{ suggestion.item.properties.label }}</div>\n                        </div>\n                    </div>\n                </div>\n            </template>\n        </vue-autosuggest>\n        <button id=\"search_btn\" class=\"search-button transparent\" @click.prevent=\"searchBtnHandler('.' + id, $event.currentTarget)\" aria-label=\"Submit Search\">\n            <span class=\"icon icon-sm\"><i class=\"bi bi-search\"></i></span>\n        </button>\n    </div>\n</template>\n<script>\nimport { VueAutosuggest } from 'vue-autosuggest';\nimport { mapGetters } from 'vuex';\n\nimport Loader from '@/components/Loader.vue';\n\nlet cancelToken;\n\nexport default {\n    components: {\n        VueAutosuggest,\n        Loader\n    },\n    props: {\n        lat: {\n            default: ''\n        },\n        lon: {\n            default: ''\n        }\n    },\n    data() {\n        return {\n            debounceMilliseconds: 500,\n            query: '',\n            selected: null,\n            timeout: null,\n            brand_group_id: null,\n            inputProps: {\n                id: 'autosuggest__input',\n                placeholder: this.placeHolderText,\n                class: 'form-control me-0 ' + this.id,\n                name: 'q_',\n                type: 'test',\n                autocomplete: 'new-password',\n                ref: 'input'\n            },\n            sectionConfigs: {\n                default: {\n                    onSelected: this.selectedHandler\n                }\n            }\n        };\n    },\n    mounted() {\n        this.inputProps.placeholder = 'Enter a point of interest';\n    },\n    computed: {\n        ...mapGetters({\n            searchSuggestions: 'search/poiSearchSuggestions',\n            loading: 'search/poiSearchSuggestionsLoading'\n        }),\n        suggestions() {\n            return this.searchSuggestions;\n        },\n        totalResults() {\n            return this.suggestions ? this.suggestions.length : 0;\n        },\n        searchText() {\n            return '';\n        }\n    },\n    methods: {\n        stripReadOnly() {\n            let searchBox = document.getElementById('autosuggest__input');\n            searchBox.removeAttribute('readonly');\n        },\n        async fetchResults() {\n            this.$emit('autocomplete-input-trigger', true);\n            if (!this.query || !this.query.trim()) return;\n            // this.setSearchAttributes();\n            clearTimeout(this.timeout);\n            if (typeof cancelToken != typeof undefined) {\n                cancelToken.cancel();\n            }\n            // //Save the cancel token for the current request\n            cancelToken = axios.CancelToken.source();\n\n            try {\n                this.timeout = setTimeout(() => {\n                    this.$store.commit('search/resetPoiSearchSuggestions');\n                    this.$store.dispatch('search/getPoiSearchSuggestions', {\n                        query: this.query,\n                        cancelToken: cancelToken.token,\n                        setLoadingOff: true,\n                        lat: this.lat,\n                        lon: this.lon\n                    });\n                }, this.debounceMilliseconds);\n                return;\n            } catch (e) {\n                //do nothing\n            }\n        },\n        resetForm() {\n            this.query = '';\n            this.$emit('selected-data', null);\n        },\n        //clears all suggestions\n        clearSuggestions() {\n            this.$store.commit('search/resetPoiSearchSuggestions');\n        },\n        /**\n         * Get the value to be displayed based on\n         * the suggestion returned from autosuggest\n         * @param  {Object}\n         * @return {String}\n         */\n        getSuggestionValue(suggestion) {\n            return suggestion.item.properties.label;\n            // return suggestion.item._source.name;\n        },\n\n        /**\n         * Get the formatted display name for the suggestion\n         *\n         * @param  {Object} Search suggestions\n         * @return {String}\n         */\n        getSuggestionDisplayName(suggestion) {\n            return suggestion;\n        },\n        /**\n         * Handle the selection of an autosuggest suggestion\n         *\n         * @param  {Object}\n         * @return {void}\n         */\n        selectedHandler(selected) {\n            // If there was no selection made  (AKA, clicking return on the input box after autosuggest\n            // has displayed) then we'll return nothing for now. May want to refresh the page with\n            // the current query.  This prevents a console error when looking for `selected.item`\n            // when there is no selection\n            if (!selected) {\n                return;\n            }\n\n            let url = selected.item.url;\n\n            window.location.href = url;\n        },\n\n        enterHandler() {\n            const autocomplete = this.$refs.autocomplete;\n            const { listeners, setCurrentIndex, setChangeItem, getItemByIndex } = autocomplete;\n\n            if (autocomplete.currentIndex === null && getItemByIndex(0)) {\n                setCurrentIndex(0);\n                setChangeItem(getItemByIndex(autocomplete.currentIndex), true);\n                autocomplete.loading = true;\n                listeners.selected(true);\n            }\n        },\n\n        triggerFocus() {\n            const inputElement = this.$refs.autocomplete.$el.querySelector('input');\n            const clickEvent = new MouseEvent('click');\n\n            inputElement.dispatchEvent(clickEvent);\n            inputElement.focus();\n        },\n\n        searchBtnHandler(id = 'input', event) {\n            const el = this.$refs.autocomplete.$el.querySelector(id);\n            this.triggerClickAndFocus(el);\n            this.$nextTick(() => this.enterHandler());\n            this.handleSpinner(el, event);\n        },\n        triggerClickAndFocus(element) {\n            const clickEvent = new MouseEvent('click');\n            element.dispatchEvent(clickEvent);\n            element.focus();\n        },\n        handleSpinner(element, event) {\n            let spinnerContent = event.querySelectorAll('span')[0];\n            if (spinnerContent && element.value) {\n                this.spinnerAnimation(spinnerContent);\n            }\n        },\n        spinnerAnimation(spinnerContent) {\n            spinnerContent.innerHTML = '';\n            spinnerContent.classList.add('spinner-border', 'spinner-border-sm');\n\n            setTimeout(() => {\n                spinnerContent.innerHTML = '<i class=\"bi bi-search\"></i>';\n                spinnerContent.classList.remove('spinner-border', 'spinner-border-sm');\n            }, 1000);\n        }\n    }\n};\n</script>\n","\n<div>\n    <div class=\"home-search-container\">\n        <div class=\"row justify-content-center pt-5 pb-5 m-0\">\n            <div class=\"col-12 zindex-10 text-center\">\n                <h1 class=\"ls-tight display-4 text-white mb-3\">{{ title }}</h1>\n                <div class=\"p-lg-5 p-md-5 p-sm-1\">\n                    <div class=\"main-search-container mx-auto\" style=\"max-width: 700px\">\n                        <div class=\"main-search-form\">\n                            <div class=\"main-search-box\">\n                                <div class=\"main-search-input larger-input\" id=\"toprow\">\n                                    <label for=\"propSearch\" class=\"hidden\">Search Agents</label>\n                                    <poi-search-autocomplete :lat=\"lat\" :lon=\"lon\" style=\"width: 100%; text-align: left\" :id=\"'agentSearch'\" ref=\"autocomplete\"></poi-search-autocomplete>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","<template>\n    <div>\n        <div class=\"home-search-container\">\n            <div class=\"row justify-content-center pt-5 pb-5 m-0\">\n                <div class=\"col-12 zindex-10 text-center\">\n                    <h1 class=\"ls-tight display-4 text-white mb-3\">{{ title }}</h1>\n                    <div class=\"p-lg-5 p-md-5 p-sm-1\">\n                        <div class=\"main-search-container mx-auto\" style=\"max-width: 700px\">\n                            <div class=\"main-search-form\">\n                                <div class=\"main-search-box\">\n                                    <div class=\"main-search-input larger-input\" id=\"toprow\">\n                                        <label for=\"propSearch\" class=\"hidden\">Search Agents</label>\n                                        <poi-search-autocomplete :lat=\"lat\" :lon=\"lon\" style=\"width: 100%; text-align: left\" :id=\"'agentSearch'\" ref=\"autocomplete\"></poi-search-autocomplete>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport PoiSearchAutocomplete from '@/components/search/PoiSearchAutocomplete.vue';\n\nexport default {\n    async mounted() {\n        this.destroyStatic();\n    },\n    components: {\n        PoiSearchAutocomplete\n    },\n    props: {\n        title: {\n            type: String,\n            default: 'Search Homes for Sale near a Point of Interest'\n        },\n        lat: {\n            default: ''\n        },\n        lon: {\n            default: ''\n        }\n    },\n    methods: {\n        destroyStatic() {\n            if (document.getElementById('agent-page-page-search-bar') !== null) {\n                let old = document.getElementById('agent-page-page-search-bar');\n                if (old) {\n                    old.parentNode.removeChild(old);\n                }\n            }\n        }\n    }\n};\n</script>\n"],"names":["render$1","_vm","_h","_c","$event","_ref","suggestion","$$v","staticRenderFns$1","cancelToken","__vue2_script$1","VueAutosuggest","Loader","mapGetters","selected","url","autocomplete","listeners","setCurrentIndex","setChangeItem","getItemByIndex","inputElement","clickEvent","id","event","el","element","spinnerContent","render","staticRenderFns","__vue2_script","PoiSearchAutocomplete","old"],"mappings":"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"}