1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[882],{84814:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});var o=s(98684),r=s(21464);class i{static setup(e='[data-module="LoadMore"]'){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new i(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){this.element=e,this.options=(0,r.$E)(this.element,Object.assign(this.getDefaultOptions(),t)),this.gridContainerSelector=this.options.ContainerSelector,this.loadMoreBtnWrapperClass=this.options.loadMoreBtnWrapperClass,this.ratingsAndReviews=this.options.ratingsAndReviewsClass,this.loadMoreBtnSelector=this.options.loadMoreBtnSelector,this.loadMoreHideClass=this.options.loadMoreHideClass,this.spinnerSelector=this.options.spinnerSelector,this.spinnerHideClass=this.options.spinnerHideClass,this.init()}init(){this.loadMoreListener(),this.showLoadMoreResult();const e=()=>{this.loadMoreListener(),this.showLoadMoreResult(),window.NiveaX.initModules()};document.addEventListener("NiveaXLoadMoreLoaded",e),document.addEventListener("NiveaXLoadMoreLoaded:removeEvent",()=>document.removeEventListener("NiveaXLoadMoreLoaded",e))}loadMoreListener(){var e=document.querySelector(this.loadMoreBtnSelector);e&&e.addEventListener("click",()=>this.loadMore())}loadMore(){const e=document.querySelector(`.${this.loadMoreBtnWrapperClass}`),t=e.querySelector(this.loadMoreBtnSelector),s=e.querySelector(this.spinnerSelector),o=document.querySelector(this.options.loadMoreResultTextClass),r=t.dataset.ajaxUrl,i=new XMLHttpRequest;this.saveBtnOffsetTop(e),this.hideItems([t,o]),this.showSpinner(s),this.onloadSuccess.bind(this),this.onloadError.bind(this),i.onload=()=>{i.status>=200&&i.status<300?setTimeout(()=>{e.remove(),this.onloadSuccess(i)},200):(this.showItems([t,o]),this.hideSpinner(s),this.onloadError(i))},i.open("GET",r),i.send()}onloadSuccess(e){const t=(0,o.Uo)(e.responseText).querySelector(this.gridContainerSelector).children,s=Array.from(t);let r=document.querySelector(this.gridContainerSelector);for(let e=0;e<s.length;e++){let t=s[e];r.appendChild(t)}const i=r.querySelector(`.${this.loadMoreBtnWrapperClass}`),n=document.querySelector(this.ratingsAndReviews);i?(document.dispatchEvent(new CustomEvent("NiveaXLoadMoreLoaded",{detail:{btnOffsetTop:this.btnOffsetTop}})),document.dispatchEvent(new CustomEvent("NiveaBasicTracking:reInitHandlers")),n&&document.dispatchEvent(new CustomEvent("niveax:RatingsAndReviews:pagination"))):document.dispatchEvent(new CustomEvent("NiveaXLoadMoreLoaded"))}saveBtnOffsetTop(e){let t=e.getBoundingClientRect();this.btnOffsetTop=t.top}onloadError(e){}hideItems(e){e.forEach(e=>e&&e.classList.add(this.loadMoreHideClass))}showItems(e){e.forEach(e=>e&&e.classList.remove(this.loadMoreHideClass))}hideSpinner(e){e.classList.add(this.spinnerHideClass)}showSpinner(e){e.classList.remove(this.spinnerHideClass)}showLoadMoreResult(){var e=document.querySelector(this.options.loadMoreResultTextClass);if(e){let t=e.getAttribute("data-item-count"),s=this.getLoadedArticles(),o=e.getAttribute("data-loaded-from-text");o=o.replace("{{loaded}}",`<b>${s}</b>`),o=o.replace("{{items_count}}",`<b>${t}</b>`),e.innerHTML=`\n ${o}\n <div class="nx-load-more__progress">\n <div class="nx-load-more__progress-bar" style="width:${this.getProgressBarValue(t,s)}%">\n </div>\n `}}getLoadedArticles(){return document.querySelector(this.gridContainerSelector).querySelectorAll("article").length}getProgressBarValue(e,t){return 100*t/e}getDefaultOptions(){return{ContainerSelector:".nx-teaser-grid",loadMoreBtnWrapperClass:"nx-load-more",loadMoreBtnSelector:".nx-btn--load-more",loadMoreHideClass:"nx-load-more--hide",spinnerSelector:".nx-load-more-spinner",spinnerHideClass:"nx-load-more-spinner--hide",ratingsAndReviewsClass:".nx-ratings-and-reviews-section",loadMoreResultTextClass:".nx-load-more__result-text"}}}}}]); 2//# sourceMappingURL=/dist/NiveaX/./modules/LoadMore-LoadMore.3ee5cbf9.js.d168fa9f.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.