{"version":3,"file":"search-overlay-BtgHepI4.js","sources":["../../Frontend/js/modules/search-overlay.js"],"sourcesContent":["export default function fSearch() {\r\n    const oOverlay = document.querySelector('.js-search-overlay');\r\n    const aOpeners = document.querySelectorAll('.js-search-open');\r\n    const aClosers = document.querySelectorAll('.js-search-close');\r\n    const oInputs = document.querySelectorAll('.search-box input[type=\"search\"]');\r\n    const oShowMore = document.querySelectorAll('.js-search-more');\r\n\r\n    if (!oOverlay) return;\r\n\r\n    const fSwitchOverlay = () => {\r\n        let oOverlaySearchInput = oOverlay.querySelector('input[type=\"search\"]')\r\n        if (oOverlay.classList.contains('is-active')) {\r\n            oOverlay.classList.remove('is-active');\r\n            oOverlaySearchInput.blur();\r\n        } else {\r\n            oOverlay.classList.add('is-active');\r\n\r\n            setTimeout(function () {\r\n                oOverlaySearchInput.focus();\r\n            }, 100);\r\n        }\r\n    }\r\n\r\n    const fShowMoreSearchResults = (e) => {\r\n        const oSearchResultContainer = e.currentTarget.closest('.search-detail__results');\r\n        const aSearchResults = oSearchResultContainer.querySelectorAll('.search-detail__results__item');\r\n\r\n        for (let r = 0; r < aSearchResults.length; r += 1) {\r\n            if (aSearchResults[r].classList.contains('search-detail__results__item--hidden')) {\r\n                aSearchResults[r].classList.remove('search-detail__results__item--hidden');\r\n            }\r\n        }\r\n\r\n        e.currentTarget.parentNode.removeChild(e.currentTarget);\r\n    }\r\n\r\n    for (let a = 0; a < aOpeners.length; a += 1) {\r\n        aOpeners[a].addEventListener('click', fSwitchOverlay);\r\n    }\r\n\r\n    for (let a = 0; a < aClosers.length; a += 1) {\r\n        aClosers[a].addEventListener('click', fSwitchOverlay);\r\n    }\r\n\r\n\r\n    for (let o = 0; o < oShowMore.length; o += 1) {\r\n        oShowMore[o].addEventListener('click', fShowMoreSearchResults);\r\n    }\r\n\r\n    for (let o = 0; o < oInputs.length; o += 1) {\r\n        oInputs[o].addEventListener(\"keyup\", (e) => {\r\n            //const oSearchForm = e.target.parentElement;\r\n            //const search = e.target.value;\r\n            // if (search.length >= 3) {\r\n            //     fetch(`/umbraco/surface/VelthuisSearch/SearchSuggestions?search=${search}`, {\r\n            //         method: 'GET',\r\n            //         credentials: \"same-origin\",\r\n            //         headers: {\r\n            //             'Content-Type': 'application/json'\r\n            //         }\r\n            //     })\r\n            //     .then(response => response.json())\r\n            //     .then((response) => {\r\n            //         let hasSearchBox = oSearchForm.querySelector('.search-box__list') !== null;\r\n            //         let searchboxList = oSearchForm.querySelector('.search-box__list') || document.createElement('ul');\r\n            //         searchboxList.className = 'search-box__list';\r\n            //         searchboxList.innerHTML = '';\r\n\r\n            //         if (response.length === 0) {\r\n            //             let option = document.createElement('li');\r\n            //             option.className = 'search-box__list__item search-box__list__item--no-result';\r\n            //             option.textContent = 'Er zijn geen suggesties';\r\n            //             searchboxList.appendChild(option);\r\n            //         }\r\n\r\n            //         for (let i = 0; i < response.length; i += 1) {\r\n            //             let option = document.createElement('li');\r\n            //             option.className = 'search-box__list__item';\r\n\r\n            //             let optionLink = document.createElement('a');\r\n\r\n            //             optionLink.setAttribute('href', `/zoeken/?q=${response[i]}`);\r\n            //             optionLink.textContent = response[i];\r\n\r\n            //             option.appendChild(optionLink);\r\n            //             searchboxList.appendChild(option);\r\n            //         }\r\n\r\n            //         if(!hasSearchBox) {\r\n            //             oSearchForm.appendChild(searchboxList);\r\n            //         }\r\n            //    });\r\n            //}\r\n        });\r\n\r\n        oInputs[o].addEventListener(\"blur\", (e) => {\r\n            const oSearchForm = e.target.parentElement;\r\n            const searchboxList = oSearchForm.querySelector('.search-box__list');\r\n            const relTarget = e.relatedTarget || document.activeElement.closest('.search-box');\r\n\r\n            if (searchboxList && relTarget === null) {\r\n                oSearchForm.removeChild(searchboxList);\r\n            }\r\n        });\r\n    }\r\n}\r\n"],"names":["fSearch","oOverlay","aOpeners","aClosers","oInputs","oShowMore","fSwitchOverlay","oOverlaySearchInput","fShowMoreSearchResults","aSearchResults","r","a","o","e","oSearchForm","searchboxList","relTarget"],"mappings":"AAAe,SAASA,GAAU,CAC9B,MAAMC,EAAW,SAAS,cAAc,oBAAoB,EACtDC,EAAW,SAAS,iBAAiB,iBAAiB,EACtDC,EAAW,SAAS,iBAAiB,kBAAkB,EACvDC,EAAU,SAAS,iBAAiB,kCAAkC,EACtEC,EAAY,SAAS,iBAAiB,iBAAiB,EAE7D,GAAI,CAACJ,EAAU,OAEf,MAAMK,EAAiB,IAAM,CACzB,IAAIC,EAAsBN,EAAS,cAAc,sBAAsB,EACnEA,EAAS,UAAU,SAAS,WAAW,GACvCA,EAAS,UAAU,OAAO,WAAW,EACrCM,EAAoB,KAAI,IAExBN,EAAS,UAAU,IAAI,WAAW,EAElC,WAAW,UAAY,CACnBM,EAAoB,MAAK,CAC5B,EAAE,GAAG,EAEb,EAEKC,EAA0B,GAAM,CAElC,MAAMC,EADyB,EAAE,cAAc,QAAQ,yBAAyB,EAClC,iBAAiB,+BAA+B,EAE9F,QAASC,EAAI,EAAGA,EAAID,EAAe,OAAQC,GAAK,EACxCD,EAAeC,CAAC,EAAE,UAAU,SAAS,sCAAsC,GAC3ED,EAAeC,CAAC,EAAE,UAAU,OAAO,sCAAsC,EAIjF,EAAE,cAAc,WAAW,YAAY,EAAE,aAAa,CACzD,EAED,QAASC,EAAI,EAAGA,EAAIT,EAAS,OAAQS,GAAK,EACtCT,EAASS,CAAC,EAAE,iBAAiB,QAASL,CAAc,EAGxD,QAASK,EAAI,EAAGA,EAAIR,EAAS,OAAQQ,GAAK,EACtCR,EAASQ,CAAC,EAAE,iBAAiB,QAASL,CAAc,EAIxD,QAASM,EAAI,EAAGA,EAAIP,EAAU,OAAQO,GAAK,EACvCP,EAAUO,CAAC,EAAE,iBAAiB,QAASJ,CAAsB,EAGjE,QAASI,EAAI,EAAGA,EAAIR,EAAQ,OAAQQ,GAAK,EACrCR,EAAQQ,CAAC,EAAE,iBAAiB,QAAUC,GAAM,CA2CpD,CAAS,EAEDT,EAAQQ,CAAC,EAAE,iBAAiB,OAASC,GAAM,CACvC,MAAMC,EAAcD,EAAE,OAAO,cACvBE,EAAgBD,EAAY,cAAc,mBAAmB,EAC7DE,EAAYH,EAAE,eAAiB,SAAS,cAAc,QAAQ,aAAa,EAE7EE,GAAiBC,IAAc,MAC/BF,EAAY,YAAYC,CAAa,CAErD,CAAS,CAET"}