{"version":3,"file":"SearchModalButton.e9ab9a3ee6f96419b98e.js","mappings":"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","sources":["webpack://fwd-flex-frontend/./src/js/_helpers.js","webpack://fwd-flex-frontend/./src/js/partials/_float-labels.js","webpack://fwd-flex-frontend/./src/js/vuejs/stores/_general-store.js","webpack://fwd-flex-frontend/./node_modules/vue-loader/dist/exportHelper.js","webpack://fwd-flex-frontend/./src/js/vuejs/components/SearchModal.vue","webpack://fwd-flex-frontend/./src/js/vuejs/components/SearchModal.vue?57ac","webpack://fwd-flex-frontend/./src/js/vuejs/components/SearchModalButton.vue?a9b0","webpack://fwd-flex-frontend/./src/js/vuejs/components/SearchModalButton.vue","webpack://fwd-flex-frontend/./src/js/vuejs/composables/useModal.ts"],"sourcesContent":["export const getUrlParameter = (name) => {\r\n    name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n    var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\r\n    var results = regex.exec(location.search);\r\n    return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n};\r\n\r\nexport const formatCurrency = (number,locale = 'en-GB',currency = 'GBP') => {\r\n    return new Intl.NumberFormat(locale, { style: 'currency', currency: currency }).format(number);\r\n}\r\n\r\nexport const findAncestor = (el, sel) => {\r\n    while ((el = el.parentElement) && !((el.matches || el.matchesSelector).call(el,sel)));\r\n    return el;\r\n}\r\n\r\nexport const addClass = (target,className) => {\r\n    let el = typeof target === 'object' ? target : document.querySelector(target);\r\n    el.classList.add(className);\r\n}\r\n\r\nexport const removeClass = (target,className) => {\r\n    let el = typeof target === 'object' ? target : document.querySelector(target);\r\n    el.classList.remove(className);\r\n}\r\n\r\nexport const hasClass = (target,className) => {\r\n    let el = typeof target === 'object' ? target : document.querySelector(target);\r\n    return el.classList.contains(className);\r\n}\r\n\r\nexport const toggleClass = (target,className) => {\r\n    let el = typeof target === 'object' ? target : document.querySelector(target);\r\n    if(!hasClass(el,className)) {\r\n        el.classList.add(className);\r\n    } else {\r\n        el.classList.remove(className);\r\n    }\r\n}\r\n\r\nexport const lockScroll = () => {\r\n    addClass('html','noscroll');\r\n    addClass('body','noscroll');\r\n};\r\n\r\nexport const unlockScroll = () => {\r\n    removeClass('html','noscroll');\r\n    removeClass('body','noscroll');\r\n};\r\n\r\nexport const toggleScroll = () => {\r\n    const body = document.body;\r\n\r\n    if (!body.classList.contains('noscroll')) {\r\n        const scrollPosition = window.scrollY;\r\n        body.style.setProperty('--scroll-position', `-${scrollPosition}px`);\r\n        body.classList.add('noscroll');\r\n    } else {\r\n        const scrollPosition = parseInt(body.style.getPropertyValue('--scroll-position') || 0);\r\n        body.classList.remove('noscroll');\r\n        window.scrollTo(0, -scrollPosition);\r\n    }\r\n};","import { addClass, removeClass, hasClass } from '../_helpers';\r\n\r\nexport const floatLabels = () => {\r\n    let floatLabelsCollection = document.querySelectorAll('[data-float-labels]');\r\n\r\n    for(let floatLabelsEl of [...floatLabelsCollection]) {\r\n        let prefixClass = floatLabelsEl.dataset.floatLabelsClassPrefix || 'field',\r\n            fieldSelectors = [\r\n                '[type=text]',\r\n                '[type=email]',\r\n                '[type=password]',\r\n                '[type=tel]',\r\n                'textarea',\r\n                'select',\r\n                '[data-float-label]'\r\n            ],\r\n            fields = floatLabelsEl.querySelectorAll(fieldSelectors.join(','));\r\n\r\n        setClasses(prefixClass,fields);\r\n    }\r\n}\r\n\r\nconst setClasses = (prefixClass,fields) => {\r\n    for(let field of fields) {\r\n        let fieldParent = field.parentElement;\r\n        if(hasClass(fieldParent,prefixClass)) {\r\n            addClass(fieldParent,`${prefixClass}--floated-label`);\r\n\r\n            if(isDirty(field)) {\r\n                addClass(fieldParent, `${prefixClass}--floated-label-dirty`);\r\n            } else {\r\n                removeClass(fieldParent, `${prefixClass}--floated-label-dirty`);\r\n            }\r\n\r\n            field.addEventListener('input',() => {\r\n                if(isDirty(field)) {\r\n                    addClass(fieldParent, `${prefixClass}--floated-label-dirty`);\r\n                } else {\r\n                    removeClass(fieldParent, `${prefixClass}--floated-label-dirty`);\r\n                }\r\n            });\r\n\r\n            field.placeholder = '';\r\n        }\r\n    }\r\n}\r\n\r\nconst isDirty = field => {\r\n    return field.value !== null && field.value !== undefined && field.value !== '';\r\n}\r\n\r\n(() => {\r\n   floatLabels();\r\n})();","import { defineStore } from 'pinia';\r\n\r\nexport const useGeneralStore = defineStore('generalStore', {\r\n  state: () => ({\r\n    isLoading: false,\r\n    errorMessage: null\r\n  }),\r\n  actions: {\r\n    updateIsLoading(isLoading) {\r\n      this.isLoading = isLoading;\r\n    },\r\n    updateErrorMessage(message) {\r\n      this.errorMessage = message;\r\n    }\r\n  },\r\n});","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","<template>\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-inner\">\r\n            <div class=\"modal-dialog\" role=\"dialog\" aria-modal=\"true\">\r\n                <button class=\"modal-close\" @click=\"$emit('close')\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\">\r\n                        <path d=\"M256-213.847 213.847-256l224-224-224-224L256-746.153l224 224 224-224L746.153-704l-224 224 224 224L704-213.847l-224-224-224 224Z\"/>\r\n                    </svg>\r\n                </button>\r\n                <div class=\"modal-dialog__content\">\r\n                    <div class=\"search-auto-complete\" data-float-labels data-float-labels-class-prefix=\"form-field\">\r\n                        <div class=\"form-field form-field--floated-label\">\r\n                            <input \r\n                                type=\"text\"\r\n                                v-model=\"search\"\r\n                                @input=\"onChange\"\r\n                                @keydown.down=\"onArrowDown\"\r\n                                @keydown.up=\"onArrowUp\"\r\n                                @keydown.enter=\"onEnter\" \r\n                                autocomplete=\"off\" \r\n                            />\r\n                            <label for=\"search\">What are you looking for?</label>\r\n                        </div>\r\n                        <ul id=\"autocomplete-results\" v-show=\"isOpen\" class=\"search-auto-complete__results\">\r\n                            <li class=\"loading\" v-if=\"isLoading\">\r\n                                Loading results...\r\n                            </li>\r\n                            <li v-else v-for=\"(result, i) in results\" :key=\"i\" @click=\"setResult(result)\"\r\n                                class=\"search-auto-complete__result\"\r\n                                :class=\"{ 'search-auto-complete__result--is-active': i === arrowCounter }\">\r\n                                {{ result }}\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"d-flex justify-content-end mt-2\">\r\n                        <button @click=\"submitSearch\" class=\"button button--secondary\" aria-label=\"Search site\">\r\n                            Search\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst GetHttp = () => import(/* webpackChunkName: 'http' */ '../../_http').then(v=>v.default);\r\nimport { floatLabels } from '../../partials/_float-labels';\r\nimport { storeToRefs } from 'pinia';\r\nimport { useGeneralStore } from '../stores/_general-store';\r\n\r\nexport default {\r\n    name: 'search-modal',\r\n    setup() {\r\n        const store = useGeneralStore();\r\n        // Extract isLoading as a computed property using storeToRefs\r\n        const { isLoading } = storeToRefs(store);\r\n        return {\r\n            store,\r\n            isLoading,\r\n        };\r\n    },\r\n    data() {\r\n        return {\r\n            isOpen: false,\r\n            results: [],\r\n            search: '',\r\n            arrowCounter: -1,\r\n            items: []\r\n        };\r\n    },\r\n    props: {\r\n        searchUrl: {\r\n            type: String,\r\n            required: false,\r\n            default: '/search'\r\n        },\r\n        rootId: {\r\n            type: Number,\r\n            required: true,\r\n        },\r\n        isAsync: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false,\r\n        },\r\n    },\r\n    watch: {\r\n        items: {\r\n            handler: function (value, oldValue) {\r\n                if (value.length !== oldValue.length) {\r\n                    this.results = value;\r\n                    this.store.updateIsLoading(false);\r\n                }\r\n            },\r\n            deep: true\r\n        }\r\n    },\r\n    methods: {\r\n        setResult(result) {\r\n            this.search = result;\r\n            this.isOpen = false;\r\n        },\r\n        filterResults() {\r\n            this.results = this.items.filter((item) => {\r\n                return item.toLowerCase().indexOf(this.search.toLowerCase()) > -1;\r\n            });\r\n        },\r\n        onChange() {\r\n            this.$emit('input', this.search);\r\n\r\n            if (this.isAsync) {\r\n                this.store.updateIsLoading(true);\r\n            } else {\r\n                this.filterResults();\r\n                this.isOpen = true;\r\n            }\r\n        },\r\n        handleClickOutside(event) {\r\n            if (!this.$el.contains(event.target)) {\r\n                this.isOpen = false;\r\n                this.arrowCounter = -1;\r\n            }\r\n        },\r\n        onArrowDown() {\r\n            if (this.arrowCounter < this.results.length) {\r\n                this.arrowCounter = this.arrowCounter + 1;\r\n            }\r\n        },\r\n        onArrowUp() {\r\n            if (this.arrowCounter > 0) {\r\n                this.arrowCounter = this.arrowCounter - 1;\r\n            }\r\n        },\r\n        onEnter() {\r\n            if(this.isOpen) {\r\n                this.search = this.results[this.arrowCounter];\r\n                this.isOpen = false;\r\n                this.arrowCounter = -1;\r\n            }\r\n        },\r\n        async initSearchTerms() {\r\n            this.store.updateIsLoading(false);\r\n              \r\n            this.http = await GetHttp();\r\n\r\n            this.http.get('/search/keysearchterms?root=' + this.rootId).then(({ data }) => {\r\n                this.items = data || [];\r\n            });\r\n        },\r\n        submitSearch() {\r\n            let searchString = `?query=${this.search}`;\r\n            window.location.href = this.searchUrl + searchString;\r\n        }\r\n    },\r\n    mounted() {\r\n        //this.items = this.initialItems;\r\n        this.initSearchTerms();\r\n        document.addEventListener('click', this.handleClickOutside)\r\n    },\r\n    beforeUnmount() {\r\n        document.removeEventListener('click', this.handleClickOutside)\r\n    },\r\n    updated() {\r\n        floatLabels();\r\n    },\r\n};\r\n</script>","import { render } from \"./SearchModal.vue?vue&type=template&id=51133b56\"\nimport script from \"./SearchModal.vue?vue&type=script&lang=js\"\nexport * from \"./SearchModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import script from \"./SearchModalButton.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchModalButton.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n    <div>\r\n        <Teleport to=\"#modals\">\r\n            <Transition name=\"modal-fade\" appear>\r\n                <SearchModal \r\n                    v-if=\"modal.show.value\" \r\n                    @close=\"modal.hideModal\"\r\n                    :rootId=\"parsedRootID\"\r\n                />\r\n            </Transition>\r\n        </Teleport>\r\n        <button class=\"svg-button svg-button--search-modal search-modal-button\" title=\"Open Search\" type=\"button\" @click=\"openConfirm\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"30\" viewBox=\"0 -960 960 960\" width=\"30\">\r\n                <path d=\"M792-120.667 532.667-380q-30 25.333-69.64 39.666Q423.388-326 378.667-326q-108.441 0-183.554-75.167Q120-476.333 120-583.333T195.167-765.5q75.166-75.167 182.5-75.167 107.333 0 182.166 75.167 74.834 75.167 74.834 182.267 0 43.233-14 82.9-14 39.666-40.667 73l260 258.667-48 47.999ZM378-392.666q79.167 0 134.583-55.834Q568-504.333 568-583.333q0-79.001-55.417-134.834Q457.167-774 378-774q-79.722 0-135.528 55.833t-55.806 134.834q0 79 55.806 134.833Q298.278-392.666 378-392.666Z\"/>\r\n            </svg>\r\n        </button>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\n\r\nimport { useModal } from '../composables/useModal.ts';\r\nimport { markRaw, toRefs } from 'vue';\r\nimport SearchModal from '../components/SearchModal.vue';\r\n\r\nconst modal = useModal();\r\n\r\nconst props = defineProps({\r\n    rootId: {\r\n        type: Number,\r\n        required: true,\r\n    }\r\n});\r\n\r\nconst { rootId } = toRefs(props);\r\n\r\nconst parsedRootID = rootId.value;\r\n\r\nconst openConfirm = () => {\r\n  modal.component.value = markRaw(SearchModal);\r\n  modal.showModal();\r\n  //parsedRootID = rootId.value;\r\n};\r\n\r\n\r\n</script>","import { ref, watchEffect  } from 'vue'\r\n\r\n// keep track of component to render\r\nconst component = ref();\r\n// keep track of whether to show modal\r\nconst show = ref(false);\r\n\r\nexport function useModal() {\r\n\r\n    watchEffect(() => {\r\n        document.body.classList.toggle('noscroll', show.value);\r\n    });\r\n\r\n    return {\r\n        component,\r\n        show,\r\n        // methods to show/hide modal\r\n        showModal: () => show.value = true,\r\n        hideModal: () => show.value = false,\r\n    }\r\n}"],"names":["addClass","target","className","document","querySelector","classList","add","removeClass","remove","hasClass","contains","floatLabels","floatLabelsCollection","querySelectorAll","floatLabelsEl","prefixClass","dataset","floatLabelsClassPrefix","fieldSelectors","fields","join","setClasses","field","fieldParent","parentElement","isDirty","addEventListener","placeholder","value","undefined","useGeneralStore","defineStore","state","isLoading","errorMessage","actions","updateIsLoading","this","updateErrorMessage","message","exports","sfc","props","__vccOpts","key","val","class","role","id","name","setup","store","storeToRefs","data","isOpen","results","search","arrowCounter","items","searchUrl","type","String","required","default","rootId","Number","isAsync","Boolean","watch","handler","oldValue","length","deep","methods","setResult","result","filterResults","filter","item","toLowerCase","indexOf","onChange","$emit","handleClickOutside","event","$el","onArrowDown","onArrowUp","onEnter","initSearchTerms","http","then","v","get","_ref","submitSearch","searchString","window","location","href","mounted","beforeUnmount","removeEventListener","updated","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","onClick","_cache","$event","_ctx","xmlns","height","viewBox","width","d","_hoisted_4","_hoisted_5","_hoisted_6","$data","onInput","$options","arguments","onKeydown","_withKeys","autocomplete","for","_hoisted_7","$setup","_hoisted_8","_Fragment","_renderList","i","_normalizeClass","_hoisted_9","_hoisted_10","modal","useModal","__props","toRefs","parsedRootID","openConfirm","component","markRaw","SearchModal","showModal","show","body","toggle","hideModal"],"sourceRoot":""}