{"version":3,"file":"search-ui.3ddbe4.js","mappings":"o0BAAqBA,EAAQ,WAUxB,O,EATD,SAAAA,K,4FAAcC,CAAA,KAAAD,GACVE,KAAKC,UAAYC,SAASC,cAAc,6BACxCH,KAAKI,WAAaF,SAASC,cAAc,gCACzCH,KAAKK,KAAOL,KAAKC,UAAUE,cAAc,gBACzCH,KAAKM,MAAQN,KAAKC,UAAUE,cAAc,iBAC1CH,KAAKO,OAASP,KAAKC,UAAUE,cAAc,kBAC3CH,KAAKQ,OAASN,SAASC,cAAc,mBACrCH,KAAKS,OAASP,SAASC,cAAc,oBACrCH,KAAKU,KAAOR,SAASC,cAAc,gBACvC,G,EAAC,EAAAQ,IAAA,OAAAC,MAED,WACIZ,KAAKa,eACT,GAAC,CAAAF,IAAA,gBAAAC,MAED,WAAgB,IAAAE,EAAA,KACZd,KAAKQ,OAAOO,iBAAiB,SAAS,SAACC,GACnCA,EAAMC,iBACNH,EAAKI,YACT,IAEAlB,KAAKS,OAAOM,iBAAiB,SAAS,SAACC,GACnCA,EAAMC,iBACNH,EAAKK,aACT,IAEmBjB,SAASkB,iBAAiB,kBAClCC,SAAQ,SAACC,GAChBA,EAAQP,iBAAiB,SAAS,SAACC,GAC/BA,EAAMC,iBACN,IAAQM,EAAYP,EAAMQ,OAAOC,QAAzBF,QACQrB,SAASwB,eAAeH,GAChCI,QACZ,GACJ,GACJ,GAAC,CAAAhB,IAAA,OAAAC,MAED,SAAKgB,GACDA,EAAGC,gBAAgB,UACnBD,EAAGE,aAAa,cAAe,SAC/BF,EAAGG,UAAUC,OAAO,QACpBC,YAAW,WACPL,EAAGG,UAAUG,IAAI,aACrB,GAAG,EACP,GAAC,CAAAvB,IAAA,OAAAC,MAED,SAAKgB,GACDA,EAAGG,UAAUC,OAAO,cACpBC,YAAW,WACPL,EAAGG,UAAUG,IAAI,QACjBN,EAAGE,aAAa,SAAU,QAC1BF,EAAGE,aAAa,cAAe,OACnC,GAAG,IACP,GAAC,CAAAnB,IAAA,aAAAC,MAED,WAAa,IAAAuB,EAAA,KACTF,YAAW,WACPE,EAAKC,KAAKD,EAAK/B,YACf+B,EAAK7B,MAAM+B,QACXF,EAAKG,KAAKH,EAAK3B,OACnB,GAAG,KACHR,KAAKU,KAAKqB,UAAUG,IAAI,eACxBlC,KAAKoC,KAAKpC,KAAKC,UACnB,GAAC,CAAAU,IAAA,cAAAC,MAED,WAAc,IAAA2B,EAAA,KACVN,YAAW,WACPM,EAAK7B,KAAKqB,UAAUC,OAAO,cAC/B,GAAG,KACHhC,KAAKsC,KAAKtC,KAAKC,WACfD,KAAKsC,KAAKtC,KAAKI,YACfJ,KAAKoC,KAAKpC,KAAKQ,QACfR,KAAKQ,OAAO6B,OAChB,M,6EAAC,CA1EwB,E","sources":["webpack://hiddenvalleykitchens-com/./js/src/components/search-ui.js"],"sourcesContent":["export default class SearchUI {\n    constructor() {\n        this.searchBar = document.querySelector('.search-container--header');\n        this.quicklinks = document.querySelector('.search-suggested__container');\n        this.form = this.searchBar.querySelector('.search-form');\n        this.input = this.searchBar.querySelector('.search-field');\n        this.button = this.searchBar.querySelector('.search-submit');\n        this.opener = document.querySelector('.js-search-open');\n        this.closer = document.querySelector('.js-search-close');\n        this.logo = document.querySelector('.logo-wrapper');\n    }\n\n    init() {\n        this.initListeners();\n    };\n\n    initListeners() {\n        this.opener.addEventListener('click', (event) => {\n            event.preventDefault();\n            this.openSearch();\n        });\n\n        this.closer.addEventListener('click', (event) => {\n            event.preventDefault();\n            this.closeSearch();\n        });\n\n        const submitters = document.querySelectorAll('[data-submits]');\n        submitters.forEach((element) => {\n            element.addEventListener('click', (event) => {\n                event.preventDefault();\n                const { submits } = event.target.dataset;\n                const theForm = document.getElementById(submits);\n                theForm.submit();\n            });\n        });\n    }\n\n    show(el) {\n        el.removeAttribute('hidden');\n        el.setAttribute('aria-hidden', 'false');\n        el.classList.remove('hide');\n        setTimeout(() => {\n            el.classList.add('animate-in');\n        }, 1);\n    }\n\n    hide(el) {\n        el.classList.remove('animate-in');\n        setTimeout(() => {\n            el.classList.add('hide');\n            el.setAttribute('hidden', 'true');\n            el.setAttribute('aria-hidden', 'true');\n        }, 200);\n    }\n\n    openSearch() {\n        setTimeout(() => {\n            this.show(this.quicklinks);\n            this.input.focus();\n            this.hide(this.opener);\n        }, 750);\n        this.logo.classList.add('animate-out');\n        this.show(this.searchBar);\n    }\n\n    closeSearch() {\n        setTimeout(() => {\n            this.logo.classList.remove('animate-out');\n        }, 500);\n        this.hide(this.searchBar);\n        this.hide(this.quicklinks);\n        this.show(this.opener);\n        this.opener.focus();\n    }\n}\n"],"names":["SearchUI","_classCallCheck","this","searchBar","document","querySelector","quicklinks","form","input","button","opener","closer","logo","key","value","initListeners","_this","addEventListener","event","preventDefault","openSearch","closeSearch","querySelectorAll","forEach","element","submits","target","dataset","getElementById","submit","el","removeAttribute","setAttribute","classList","remove","setTimeout","add","_this2","show","focus","hide","_this3"],"sourceRoot":""}