{"version":3,"sources":["webpack:///./modules/PopularSearch.ts"],"names":["__webpack_require__","r","__webpack_exports__","PopularSearch","element","this","popularSearchesElement","querySelectorAll","countNumberOnScreens","getPopularSearchId","setup","selector","Array","from","document","filter","node","dataset","moduleInitialized","forEach","prototype","_this","searchAjax","closest","getAttribute","addEventListener","ajaxRespond","replace","innerText","countNumber","setInputValue","querySelector","value","setTimeout","focus","dispatchEvent","CustomEvent","detail","target","console","log","Eucerin","isDesktop","isTablet","isMobile"],"mappings":"2FAAAA,EAAAC,EAAAC,GAAA,IAEAC,EAAA,WAWI,SAAAA,EAAmBC,GAAAC,KAAAD,UACfC,KAAKC,uBAAyBD,KAAKD,QAAQG,iBAAiB,wBAC5DF,KAAKG,uBACLH,KAAKI,qBA+Bb,OAzCWN,EAAAO,MAAP,SAAaC,QAAA,IAAAA,MANM,iCAOfC,MAAMC,KAAKC,SAASP,iBAAiBI,IAAWI,OAAO,SAACC,GAAsB,OAACA,EAAKC,QAAQC,oBAAmBC,QAAQ,SAACf,GACpH,IAAID,EAAcC,GAClBA,EAAQa,QAAQC,kBAAoB,UAUpCf,EAAAiB,UAAAX,mBAAR,eAAAY,EAAAhB,KACUiB,EAAajB,KAAKD,QAAQmB,QAAQ,oBAAoBC,aAAa,wBACzEnB,KAAKC,uBAAuBa,QAAQ,SAACf,GACjCA,EAAQqB,iBAAiB,QAAS,WAC9B,IAAMC,EAAcJ,EAAWK,QAAQ,UAAWvB,EAAQwB,WAAWD,QAAQ,UAAWN,EAAKQ,aACvFC,EAAgB1B,EAAQmB,QAAQ,oBAAoBQ,cAAc,oBAExED,EAAcE,MAAQ5B,EAAQwB,UAC9BK,WAAW,WACPH,EAAcI,QACdJ,EAAcK,cAAc,IAAIC,YAAY,uBAAyBC,QAAUC,OAAQR,OACxF,KAEHS,QAAQC,IAAId,EAAaI,QAM7B3B,EAAAiB,UAAAZ,qBAAR,WACQiC,QAAQC,UACRrC,KAAKwB,YAAc,KACZY,QAAQE,SACftC,KAAKwB,YAAc,KACZY,QAAQG,WACfvC,KAAKwB,YAAc,MAG/B1B,EA7CA,eA+CA,IAAIA,EAAcO","file":"./modules/PopularSearch.bac29f51.js","sourcesContent":["const moduleSelector = '[data-module=\"PopularSearch\"]';\r\n\r\nexport default class PopularSearch {\r\n    popularSearchesElement;\r\n    countNumber: string;\r\n\r\n    static setup(selector: string = moduleSelector): void {\r\n        Array.from(document.querySelectorAll(selector)).filter((node: HTMLElement) => !node.dataset.moduleInitialized).forEach((element: HTMLElement) => {\r\n            new PopularSearch(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element: HTMLElement) {\r\n        this.popularSearchesElement = this.element.querySelectorAll(\".popular-searches li\");\r\n        this.countNumberOnScreens();\r\n        this.getPopularSearchId();\r\n    }\r\n\r\n    private getPopularSearchId() {\r\n        const searchAjax = this.element.closest(\".overlay-content\").getAttribute(\"data-search-ajax-url\");\r\n        this.popularSearchesElement.forEach((element: HTMLElement) => {\r\n            element.addEventListener(\"click\", () => {\r\n                const ajaxRespond = searchAjax.replace(\"{query}\", element.innerText).replace(\"{count}\", this.countNumber);\r\n                const setInputValue = element.closest(\".overlay-content\").querySelector(\".uk-search-input\") as HTMLInputElement;\r\n\r\n                setInputValue.value = element.innerText;\r\n                setTimeout(() => {\r\n                    setInputValue.focus();\r\n                    setInputValue.dispatchEvent(new CustomEvent(\"popular-search-init\", { detail: { target: setInputValue } }))\r\n                }, 300)\r\n\r\n                console.log(ajaxRespond, setInputValue);\r\n                \r\n            })\r\n        })\r\n    }\r\n\r\n    private countNumberOnScreens() {\r\n        if (Eucerin.isDesktop) {\r\n            this.countNumber = \"10\";\r\n        } else if (Eucerin.isTablet) {\r\n            this.countNumber = \"12\";\r\n        } else if (Eucerin.isMobile) {\r\n            this.countNumber = \"8\";\r\n        }\r\n    }\r\n}\r\n\r\nnew PopularSearch.setup();"],"sourceRoot":""}