https://www.labello.com/dist/NiveaX/modules/SortReviews.39a38b5a.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[6707,6942,8334,8791,9384],{13989:(e,t,s)=>{s.r(t),s.d(t,{default:()=>h});var r=s(19446),o=s(60778),n=s(45204),i=s(90460),a=s(91950),l=s(21464),c=s(98684),p=s(58162);const d='[data-module="Sort"]';class h{static setup(e=d){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new h(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){this.element=e,this.options=t,this.sortMethod=null,this.options=(0,l.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.sortOpenBtn=this.element.querySelector(this.options.sortOpenBtnSelector),this.sortTmplNode=this.element.querySelector(this.options.sortTmplSelector),this.sortSelect=this.element.querySelector(this.options.sortSelectSelector),this.layer=this.getSortLayer(),this.sortList=this.layer.getLayerNode().querySelector(this.options.sortListSelector),this.init()}init(){return this.addHandlerOnSortOpenBtnClick().addHandlerOnSortLayerClick(),this}getSortLayer(){const e=new a.default(this.element,{afterOpen:async()=>{document.dispatchEvent(new CustomEvent("NiveaBasicTracking:reInitHandlers"))},beforeClose:async()=>this.removeOptionSelection().recoverLastSelectedOption()});return e.insertContent((0,c.Uo)(this.sortTmplNode.innerHTML)),e}openSortLayer(e){return this.layer.open(),this}closeSortLayer(){return this.layer.close(),this}addHandlerOnSortOpenBtnClick(){return this.sortOpenBtn.addEventListener("click",()=>this.openSortLayer()),this}addHandlerOnSortLayerClick(){const e=this.layer.getLayerNode(),t=(0,r.R)(e,"click").pipe((0,o.T)(({target:e})=>e)),s=t.pipe((0,n.p)(this.isListOption())),i=t.pipe((0,n.p)(this.isSortButton()));return s.subscribe(e=>this.toggleOption(e)),i.subscribe(()=>this.applySort()),this}applySort(){return this.setSortMethod(this.sortMethod).saveSelectedOption().reloadFilterAction().closeSortLayer().trackSort(),this}trackSort(){return new p.default(this.lastSelectedOption),this}toggleOption(e){const t=`${this.options.sortListOptionSelector}--selected`;this.removeOptionSelection(),(0,c.iQ)(e,t),this.sortMethod=e.dataset.optionValue}isListOption(){return(0,i.OH)(c.nB,i.OH,this.options.sortListOptionSelector)}isSortButton(){return(0,i.OH)(c.nB,i.OH,this.options.sortBtnSelector)}isLayerCloseBtn(){return(0,i.OH)((e,t)=>!!t.closest(e),`.${this.options.sortLayerCloseBtnSelector}`)}reloadFilterAction(){return this.options.callbacks.reload(),this}setSortMethod(e){return this.sortSelect.value=e||this.sortSelect.value,this}saveSelectedOption(){return this.lastSelectedOption=this.sortList.querySelector(`.${this.options.sortListOptionSelector}--selected`),this}removeOptionSelection(){return(0,c.vg)(Array.from(this.sortList.children),`${this.options.sortListOptionSelector}--selected`),this}recoverLastSelectedOption(){return this.lastSelectedOption&&(0,c.iQ)(this.lastSelectedOption,`${this.options.sortListOptionSelector}--selected`),this}getDefaultOptions(){return{sortOpenBtnSelector:".nx-sort-button__wrapper",sortTmplSelector:".nx-sort__tmpl",sortBtnSelector:"nx-sort-filters__sort-btn",sortListOptionSelector:"nx-sort-list__option",sortListSelector:".nx-sort-list",sortSelectSelector:"#sort",sortLayerCloseBtnSelector:"nx-layer__close",callbacks:{update:()=>{},reload:()=>{},saveState:()=>{},resetState:()=>{}}}}}h.setup(d)},37564:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var r=s(84444),o=s(21464),n=s(98684);const i=["nx-u-spinner","nx-u-spinner--medium"];class a extends r.default{constructor(e,t={}){super(e,t),this.options=(0,o.$E)(this.element,this.options),this.init()}getDefaultOptions(){const e=super.getDefaultOptions();return Object.assign(Object.assign({},e),{layerModifierClasses:`${e.layerMainClass}--page`,layerCloseBtnModifierClass:`${e.layerMainClass}__close-btn--page`,layerCloseIconClass:`${e.layerCloseIconClass} nx-close-icon--thin`,beforeOpen:async()=>{await window.NiveaX.initModules()},afterOpen:async()=>{},beforeClose:async()=>{},afterClose:async()=>{}})}get isOpen(){return document.body.contains(this.layer)}showSpinner(){return(0,n.gR)(this.layer.querySelector(".nx-layer__wrapper"),...i),this.isOpen||o.LW.prevent(!0),super.open(),this}async open(e=()=>{}){const{layerMainClass:t,beforeOpen:s,afterOpen:r}=this.options;await s(),this.backButton(),this.isOpen||o.LW.prevent(!0),(0,n.jo)(this.layer.querySelector(".nx-layer__wrapper"),...i),super.open(),(0,o.mS)(()=>this.layer.classList.add(`${t}--open`)),window.NiveaX.loadShopPrices(),await r(),e()}async close(e=()=>{}){const{layerMainClass:t,beforeClose:s,afterClose:r}=this.options;await s(),sessionStorage.removeItem("layers"),(0,n.iQ)(this.layer,`${t}--closing`),(0,o.Ys)(()=>{(0,n.jo)(this.layer,`${t}--open`,`${t}--closing`),super.close()},400),(document.body.classList.contains("nx-u-lock-screen")||document.body.classList.contains("nx-u-prevent-scroll"))&&o.LW.allow(),await r(),e()}backButton(){let e,t,s=sessionStorage.getItem("layers");if(s)if(e=JSON.parse(s),e.includes(location.hash)){let s=e.findIndex(e=>e==location.hash)+1;e=e.slice(0,s),t=[...e]}else t=[...e,location.hash];else t=[location.hash];sessionStorage.setItem("layers",`${JSON.stringify(t)}`),t.length>1?this.layer.classList.add("nx-layer--show-back-tbn"):this.layer.classList.remove("nx-layer--show-back-tbn")}}},54328:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var r=s(21464),o=s(98684),n=s(13989);const i='[data-module="SortReviews"]';class a{static setup(e=i){Array.from(document.querySelectorAll(e)).filter(e=>

1!e.dataset.moduleInitialized).forEach(e=>{new a(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){this.element=e,this.options=t,this.options=(0,r.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.sort=new n.default(this.element,{callbacks:{reload:()=>{this.reload()}}}),this.init()}init(){return this}getReloadUrl(e){return this.cleanAjaxUrl(e.dataset.ajaxUrl)+"?"+this.encodeParams(this.replaceParam(e.dataset.ajaxUrl,"sortOption"))}cleanAjaxUrl(e){return e.split("?")[0]}getAllParams(e){const t={},s=document.createElement("a");s.href=e;for(var r=s.search.substring(1).split("&"),o=0;o<r.length;o++){var n=r[o].split("=");t[n[0]]=decodeURIComponent(n[1])}return t}replaceParam(e,t){const s=this.getAllParams(e),r=this.getParams(t);return s[t]=r[t],s.hasOwnProperty("ratingFilter")&&delete s.ratingFilter,s}getParams(e){const t={},s=document.getElementById("sort"),r=s&&s.value;return t[e]=[r],t}encodeParams(e){return this.sortedOption=e.sortOption[0],Object.keys(e).map(t=>t+"="+encodeURIComponent(e[t])).join("&")}reload(){const e=document.querySelector(this.options.nodeSelector),t=document.querySelector(this.options.sortAjaxUrlWrapper);if(!t)return;let s=this.getReloadUrl(t);const r=new XMLHttpRequest;return r.onload=()=>{if(r.status>=200&&r.status<300){const t=(0,o.Uo)(r.responseText),s=t.querySelector(this.options.nodeSelector)||t;this.onNodeChange(e),this.removeActiveFilter(),e.innerHTML=s.innerHTML}else console.error("The request failed!")},r.open("GET",s),r.send(),this}removeActiveFilter(){const e=document.querySelector(this.options.ratingAndReviewSection),t=null==e?void 0:e.querySelector(".nx-product-ratings__filter"),s=null==e?void 0:e.querySelector(".nx-product-ratings__rating-wrapper--link-active");t&&(t.style.visibility="hidden"),null==s||s.classList.remove("nx-product-ratings__rating-wrapper--link-active")}getState(){return this.options.state}onNodeChange(e){const t=new MutationObserver(()=>{t.disconnect();document.querySelector(this.options.nodeSelector).querySelector(this.options.loadMoreBtnWrapper)&&(document.dispatchEvent(new CustomEvent("NiveaXLoadMoreLoaded")),document.dispatchEvent(new CustomEvent("niveax:RatingsAndReviews:sort",{detail:{sortOption:this.sortedOption}})))});t.observe(e,{childList:!0})}getDefaultOptions(){return{nodeSelector:".nx-reviews-wrapper",loadMoreBtnWrapper:".nx-load-more",loadMoreBtnSelector:".nx-btn--load-more",sortAjaxUrlWrapper:".nx-reviews-wrapper",ratingAndReviewSection:".nx-product-ratings-and-reviews",state:{}}}}a.setup(i)},58162:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var r=s(23076);class o{constructor(e){this.element=e,this.init()}init(){this.trackSortOption(this.element.innerText)}trackSortOption(e){window.NiveaX.IsUAEnabled&&(0,r.VE)({event:"ga_event",eventCategory:"Sort",eventAction:"Sort",eventLabel:e,eventNonInteraction:!1})}}},91950:(e,t,s)=>{s.r(t),s.d(t,{default:()=>f});var r=s(19446),o=s(88692),n=s(8481),i=s(45204),a=s(41445),l=s(60778),c=s(71678),p=s(24329),d=s(24746),h=s(70846);var u=function(){function e(e,t){this.predicate=e,this.inclusive=t}return e.prototype.call=function(e,t){return t.subscribe(new y(e,this.predicate,this.inclusive))},e}(),y=function(e){function t(t,s,r){var o=e.call(this,t)||this;return o.predicate=s,o.inclusive=r,o.index=0,o}return d.C6(t,e),t.prototype._next=function(e){var t,s=this.destination;try{t=this.predicate(e,this.index++)}catch(e){return void s.error(e)}this.nextOrComplete(e,t)},t.prototype.nextOrComplete=function(e,t){var s=this.destination;Boolean(t)?s.next(e):(this.inclusive&&s.next(e),s.complete())},t}(h.v),m=s(37564),S=s(21464),v=s(98684);const O='[data-module="LayerPage"]';class f extends m.default{static setup(e=O){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new f(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){super(e,t),this.listenToEvents()}getDefaultOptions(){const e=super.getDefaultOptions();return Object.assign(Object.assign({},e),{layerModifierClasses:`${e.layerMainClass}--page`,layerCloseBtnModifierClass:`${e.layerMainClass}__close-btn--page`,layerCloseIconClass:`${e.layerCloseIconClass} nx-close-icon--thin`,beforeOpen:async()=>{await NiveaX.initModules()},afterOpen:async()=>{},beforeClose:async()=>{},afterClose:async()=>{}})}listenToEvents(){const e=(0,r.R)(this.layerContent,"touchstart",{passive:!0}).pipe((0,i.p)(e=>e.target===e.currentTarget)),t=(0,r.R)(document,"touchend",{passive:!0}).pipe((0,a.M)(()=>requestAnimationFrame(()=>this.wrapper.removeAttribute("style")))),s=(0,r.R)(document,"touchmove",{passive:!0}).pipe((0,l.T)(e=>e.changedTouches[0].clientY)),{layerMainClass:d}=this.options;return e.pipe((0,l.T)(e=>e.changedTouches[0].clientY),(0,c.n)(e=>{return(0,o.zV)((0,n.of)(e),s).pipe((0,p.Q)(t),(r=()=>!(0,v.nB)(this.layer,`${d}--closing`),void 0===i&&(i=!1),function(e){return e.lift(new u(r,i))}));var r,i})).subscribe(([e,t])=>{const s=t-e,r=s/(.3*document.documentElement.offsetHeight),o={transform:`translateY(${Math.max(s,0)}px) scale(${Math.min(1-.2*r,1)})`,transition:"none",overflow:"hidden",opacity:Math.min(1-.6*r,1)};r<1?this.wrapper.setAttribute("style",(0,v.FQ)(o)):(this.close(),(0,S.Ys)(()=>{this.wrapper.removeAttribute("style")},300))}),this}

1getLayerNode(){return this.layer}}f.setup(O)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/SortReviews.39a38b5a.js.b326ae40.map