{"version":3,"sources":["webpack:///./modules/LoadMore.ts"],"names":["__webpack_require__","r","__webpack_exports__","_helpers_DOMHelpers__WEBPACK_IMPORTED_MODULE_0__","LoadMore","element","_this","this","ajaxUrl","getAttribute","xhr","XMLHttpRequest","loadMoreDisabled","addEventListener","e","loadMore","setup","selector","Array","from","document","querySelectorAll","filter","node","dataset","moduleInitialized","forEach","prototype","loaderFiled","querySelector","onloadSuccess","bind","onloadError","classList","add","onload","status","remove","window","Eucerin","initModules","xhrData","open","send","responseTree","Object","responseText","responseTreeChildren","firstElementChild","childNodes","lastElementChild","ul","closest","loadMoreContent","targetElement","appendChild","removeAttribute","contains","dispatchEvent","CustomEvent","console","log"],"mappings":"0FAAAA,EAAAC,EAAAC,GAAA,IAAAC,EAAAH,EAAA,GAGAI,EAAA,WAcI,SAAAA,EAAmBC,GAAnB,IAAAC,EAAAC,KAAmBA,KAAAF,UAEVE,KAAKF,UAEVE,KAAKC,QAAUD,KAAKF,QAAQI,aAAa,sBACzCF,KAAKG,IAAM,IAAIC,eACfJ,KAAKK,kBAAmB,EAExBL,KAAKF,QAAQQ,iBAAiB,QAAS,SAACC,GACpCR,EAAKS,cAyDjB,OAzEWX,EAAAY,MAAP,SAAaC,QAAA,IAAAA,MATM,4BAUfC,MAAMC,KAAKC,SAASC,iBAAiBJ,IAAWK,OAAO,SAACC,GAAsB,OAACA,EAAKC,QAAQC,oBAAmBC,QAAQ,SAACrB,GACpH,IAAID,EAASC,GACbA,EAAQmB,QAAQC,kBAAoB,UAiBpCrB,EAAAuB,UAAAZ,SAAR,eAAAT,EAAAC,KACI,IAAIA,KAAKK,iBAAT,CAGA,IAAMgB,EAAcrB,KAAKF,QAAQwB,cAAc,iBAE/CtB,KAAKK,kBAAmB,EAExBL,KAAKuB,cAAcC,KAAKxB,MACxBA,KAAKyB,YAAYD,KAAKxB,MACtBqB,EAAYK,UAAUC,IAAI,UAC1B3B,KAAKG,IAAIyB,OAAS,WACV7B,EAAKI,IAAI0B,QAAU,KAAO9B,EAAKI,IAAI0B,OAAS,IAC5C9B,EAAKwB,cAAcxB,EAAKI,KAExBJ,EAAK0B,YAAY1B,EAAKI,KAE1BkB,EAAYK,UAAUI,OAAO,UAC7B/B,EAAKM,kBAAmB,EACxB0B,OAAOC,QAAQC,eAGnBjC,KAAKkC,YAGDrC,EAAAuB,UAAAc,QAAR,WACIlC,KAAKG,IAAIgC,KAAK,MAAOnC,KAAKC,SAC1BD,KAAKG,IAAIiC,QAGLvC,EAAAuB,UAAAG,cAAR,SAAsBpB,GAClB,IAAMkC,EAAeC,OAAA1C,EAAA,EAAA0C,CAAwB,QAAUnC,EAAIoC,aAAe,UACpEC,EAAuBH,EAAaI,kBAAkBC,WAC5D1C,KAAKC,QAAUoC,EAAaM,iBAAiBzC,aAAa,sBAC1D,IAAI0C,EAAK5C,KAAKF,QAAQ+C,QAAQ,MAC1BC,EAAkB9C,KAAKF,QAAQ+C,QAAQ,sBACvCE,EAA+BH,EAAMA,EAAGtB,cAAc,gBAAkBsB,EAAGtB,cAAc,gBAAkBsB,EAAME,EAAkBA,EAAgBxB,cAAc,gBAAkBwB,EAAgBxB,cAAc,gBAAkBwB,EAAkB,GAEzPnC,MAAMC,KAAK4B,GAAsBrB,QAAQ,SAACrB,GACtCiD,EAAcC,YAAYlD,KAGzBE,KAAKC,UACND,KAAKF,QAAQgC,SACb9B,KAAKF,QAAQmD,gBAAgB,gBAGlCF,EAAcrB,UAAUwB,SAAS,gCAAkCrC,SAASsC,cAAc,IAAIC,YAAY,4BAA6BvC,SAASsC,cAAc,IAAIC,YAAY,sBAGzKvD,EAAAuB,UAAAK,YAAR,SAAoBtB,GAChBkD,QAAQC,IAAI,wBAEpBzD,EAhFA,eAkFA,IAAIA,EAASY","file":"./modules/LoadMore.a9426315.js","sourcesContent":["import { createElementFromString } from '../helpers/DOMHelpers';\r\nconst moduleSelector = '[data-module=\"LoadMore\"]';\r\n\r\nexport default class LoadMore {\r\n    loadMoreBtn: HTMLElement;\r\n    elementWithLoadMore: HTMLElement;\r\n    ajaxUrl;\r\n    xhr;\r\n    loadMoreDisabled: boolean;\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 LoadMore(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element: HTMLElement) {\r\n\r\n        if (!this.element)\r\n            return;\r\n        this.ajaxUrl = this.element.getAttribute('data-load-more-url');\r\n        this.xhr = new XMLHttpRequest();\r\n        this.loadMoreDisabled = false;\r\n\r\n        this.element.addEventListener(\"click\", (e) => {\r\n            this.loadMore();\r\n        });\r\n    }\r\n\r\n    private loadMore(): any {\r\n        if (this.loadMoreDisabled)\r\n            return;\r\n\r\n        const loaderFiled = this.element.querySelector('.loader-field');\r\n\r\n        this.loadMoreDisabled = true;\r\n\r\n        this.onloadSuccess.bind(this);\r\n        this.onloadError.bind(this);\r\n        loaderFiled.classList.add(\"loader\");\r\n        this.xhr.onload = () => {\r\n            if (this.xhr.status >= 200 && this.xhr.status < 300) {\r\n                this.onloadSuccess(this.xhr);\r\n            } else {\r\n                this.onloadError(this.xhr);\r\n            }\r\n            loaderFiled.classList.remove(\"loader\");\r\n            this.loadMoreDisabled = false;\r\n            window.Eucerin.initModules();\r\n        };\r\n\r\n        this.xhrData();\r\n    }\r\n\r\n    private xhrData() {\r\n        this.xhr.open('GET', this.ajaxUrl);\r\n        this.xhr.send();\r\n    }\r\n\r\n    private onloadSuccess(xhr: any) {\r\n        const responseTree = createElementFromString('<div>' + xhr.responseText + '</div>');\r\n        const responseTreeChildren = responseTree.firstElementChild.childNodes;\r\n        this.ajaxUrl = responseTree.lastElementChild.getAttribute(\"data-load-more-url\");\r\n        let ul = this.element.closest('ul');\r\n        let loadMoreContent = this.element.closest(\".load-more-content\");\r\n        let targetElement = <HTMLElement> (ul ? (ul.querySelector(\".teaser-list\") ? ul.querySelector(\".teaser-list\") : ul) : loadMoreContent ? loadMoreContent.querySelector(\".teaser-list\") ? loadMoreContent.querySelector(\".teaser-list\") : loadMoreContent : \"\");\r\n\r\n        Array.from(responseTreeChildren).forEach((element: HTMLElement) => {\r\n            targetElement.appendChild(element);\r\n        });\r\n\r\n        if (!this.ajaxUrl) {\r\n            this.element.remove();\r\n            this.element.removeAttribute(\"data-module\");\r\n        }\r\n\r\n       targetElement.classList.contains(\"cp-ratings-and-reviews--list\") ? document.dispatchEvent(new CustomEvent(\"FaceLiftLoadMoreReviews\")): document.dispatchEvent(new CustomEvent(\"FaceLiftLoadMore\"));\r\n    }\r\n\r\n    private onloadError(xhr) {\r\n        console.log('The request failed!');\r\n    }\r\n}\r\n\r\nnew LoadMore.setup();"],"sourceRoot":""}