https://www.labello.com/dist/NiveaX/modules/Filter.ddbf4346.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[2085,3916,7368,8791,9384],{28387:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var r=i(79279),s=i(89202),n=i(91950),l=i(98684),a=i(21464),o=i(30036);const c='[data-module="Filter"]';class h{static setup(e=c){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.options=(0,a.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.filterBtn=this.element.querySelector(this.options.filterBtnSelector),this.filterTmplNode=this.element.querySelector(this.options.filterTmplSelector),this.layer=this.getFilterLayer()}async init(){return this.element.querySelector(".nx-filter-navigation")&&await this.loadAndInitFilterNavigation(),this.hiddenLayerBeforeOpen().open(()=>{this.addHandlerOnFilterBtnClick().initFilterItems(this.layer.getLayerNode()).initActiveFilterSection(this.layer.getLayerNode()).addHandlerOnFilterChange().addHandlerOnApplyBtnClick().addHandlerOnFilterLayerClick().visibleLayerAfterInit()}),this}getFilterLayer(){const e=new n.default(this.element,{beforeClose:async()=>this.resetFilterActionState().synchronize()});return e.insertContent((0,l.Uo)(this.filterTmplNode.innerHTML)),e}openFilterLayer(){return this.layer.open(),this}closeFilterLayer(){return this.layer.close(),this}hiddenLayerBeforeOpen(){return this.layer.getLayerNode().style.opacity="0",this.layer}visibleLayerAfterInit(){this.closeFilterLayer(),this.layer.getLayerNode().style.opacity=null}initFilterItems(e){return this.filterItems=Array.from(e.querySelectorAll(this.options.filterItemSelector)).map(e=>new r.default(e)),this}getAllActiveFilterItems(){return this.filterItems.reduce((e,t)=>e.concat(t.getCheckedFilters()),[]).sort(a.Qt)}initActiveFilterSection(e){return this.activeFilterSection=new s.default(e.querySelector(".nx-active-filters"),{updateCB:()=>this.synchronize(),updateCB1:()=>this.synchronizeWithoutVisibilityChange(),applyCB:()=>this.reloadFilterAction()}),this}refreshActiveFilters(){return this.activeFilterSection.refreshActiveFilters(this.getAllActiveFilterItems()),document.dispatchEvent(new CustomEvent("FilterExpandable:reset")),this}updateAllFilterItems(){return this.filterItems.forEach(e=>e.refreshFilters()),this}initFilterNavigation(e){return this.element.querySelector(this.options.filterNavigationSelector)&&new e(this.element.querySelector(this.options.filterNavigationSelector),{updateCB:()=>{this.reloadFilterAction().updateFilterAction()},updateCB1:()=>{this.reloadFilterAction()}}),this}async loadAndInitFilterNavigation(){await i.e(3578).then(i.bind(i,27329)).then(({default:e})=>this.initFilterNavigation(e))}onFilterChange(){event.target.closest(this.options.checkboxSelector)&&this.updateFilterAction().refreshActiveFilters()}addHandlerOnFilterChange(){return this.layer.getLayerNode().addEventListener("change",()=>this.onFilterChange()),this}addHandlerOnApplyBtnClick(){return this.layer.getLayerNode().querySelector(this.options.applyBtnSelector).addEventListener("click",()=>{this.reloadFilterAction().closeFilterLayer(),new o.default(this.activeFilterSection.activeFilterItemsArr)}),this}addHandlerOnFilterBtnClick(){return this.filterBtn.addEventListener("click",()=>{this.openFilterLayer().saveFilterActionState()}),this}onLayerClick(e){const t=e.target,i=t.closest(this.options.filterItemSelector+"--active")||t;this.filterItems.forEach(e=>e.element!==i&&e.closeExpander())}addHandlerOnFilterLayerClick(){return this.layer.getLayerNode().addEventListener("click",this.onLayerClick.bind(this)),this}updateFilterAction(){return this.options.callbacks.update(),this}updateFilterActionV2(){return this.options.callbacks.updateV2(),this}reloadFilterAction(){return this.options.callbacks.reload(),this}saveFilterActionState(){return this.options.callbacks.saveState(),this}resetFilterActionState(){return this.options.callbacks.resetState(),this}synchronize(){return this.updateAllFilterItems().refreshActiveFilters().updateFilterAction(),this}synchronizeWithoutVisibilityChange(){return this.updateAllFilterItems().refreshActiveFilters(),this}

1getFilterLayerNode(){return this.layer.getLayerNode()}getDefaultOptions(){return{filterBtnSelector:".nx-filter-button__wrapper",filterTmplSelector:".nx-filter__tmpl",checkboxSelector:".nx-cat-item__tag-value",filterItemSelector:".nx-tag-filter__item",applyBtnSelector:".nx-sort-filters__apply-btn",filterNavigationSelector:".nx-filter-navigation",callbacks:{updateV2:()=>{},update:()=>{},reload:()=>{},saveState:()=>{},resetState:()=>{}}}}}h.setup(c)},30036:(e,t,i)=>{i.r(t),i.d(t,{default:()=>s});var r=i(23076);class s{constructor(e){this.element=e,this.init()}init(){this.element.forEach(e=>{this.trackActiveFilter(e.querySelector(".nx-act-filter__name").innerHTML,e.dataset.parentName)})}trackActiveFilter(e,t){window.NiveaX.IsUAEnabled&&(0,r.VE)({event:"ga_event",eventCategory:"Filter",eventAction:e,eventLabel:t,eventNonInteraction:!1}),window.NiveaX.IsGA4Enabled&&(0,r.VE)({event:"ga4_event",event_name:"filter",filter_type:e,filter_title:t,_clear:!0})}}},37564:(e,t,i)=>{i.r(t),i.d(t,{default:()=>a});var r=i(84444),s=i(21464),n=i(98684);const l=["nx-u-spinner","nx-u-spinner--medium"];class a extends r.default{constructor(e,t={}){super(e,t),this.options=(0,s.$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"),...l),this.isOpen||s.LW.prevent(!0),super.open(),this}async open(e=()=>{}){const{layerMainClass:t,beforeOpen:i,afterOpen:r}=this.options;await i(),this.backButton(),this.isOpen||s.LW.prevent(!0),(0,n.jo)(this.layer.querySelector(".nx-layer__wrapper"),...l),super.open(),(0,s.mS)(()=>this.layer.classList.add(`${t}--open`)),window.NiveaX.loadShopPrices(),await r(),e()}async close(e=()=>{}){const{layerMainClass:t,beforeClose:i,afterClose:r}=this.options;await i(),sessionStorage.removeItem("layers"),(0,n.iQ)(this.layer,`${t}--closing`),(0,s.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"))&&s.LW.allow(),await r(),e()}backButton(){let e,t,i=sessionStorage.getItem("layers");if(i)if(e=JSON.parse(i),e.includes(location.hash)){let i=e.findIndex(e=>e==location.hash)+1;e=e.slice(0,i),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")}}},89202:(e,t,i)=>{i.r(t),i.d(t,{default:()=>n});var r=i(98684),s=i(21464);class n{constructor(e,t={}){this.element=e,this.options=t,this.options=(0,s.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.list=this.getNodesFromLayerAndDOM(this.options.actFlListSelector),this.deleteAllBtns=this.getNodesFromLayerAndDOM(this.options.actFlDeleteAllBtnSelector),this.activeTagsFiltersWrapper=this.getNodesFromLayerAndDOM(this.options.outerSelector)[0],this.init()}init(){return this.addClickHandler().addHandlerOndeleteAllBtn(),this}getNodesFromLayerAndDOM(e){const t=Array.from(document.querySelectorAll(e)).concat(Array.from(this.element.querySelectorAll(e)));return[...new Set(t)]}getActiveFilterListItem(e,t){const i=(0,r.Uo)(`\n            <li class="nx-active-filters__item nx-act-filter" data-input-name="${e.name}" ${t>=this.options.displayMaxActiveFilters?"data-hidden":""} data-parent-name="${e.dataset.parentName}">\n                <span class="nx-act-filter__name">${(0,s.Fy)(this.options.actFlItemNameSelector,e)}</span>\n                <span class="nx-act-filter__remove-btn"></span>\n            </li>`);return i.inputElement=e,i}getSelectedFilterItems(e){return e.map((e,t)=>this.getActiveFilterListItem(e,t))}

1addClickHandler(){return this.list.forEach(e=>e.addEventListener("click",this.onActiveFilterListItemClick.bind(this))),this}onActiveFilterListItemClick(e){const t=e.target,i=(0,r.nB)(t,"nx-act-filter__remove-btn")?t.parentElement:null,s=i&&!!i.closest(this.options.outerSelector);if(i){const e=document.querySelector(".nx-filter-navigation"),t=null==e?void 0:e.querySelector(".nx-filter-navigation__level.nx-filter-navigation__level--active .nx-active"),r=t&&""==t.dataset.id;this.removeActiveFilters(i,r).applyOnOuterSection(s)}}removeActiveFilters(e,t){return(0,s.N0)(e.inputElement,!1),t?this.options.updateCB1():this.options.updateCB(),this}applyOnOuterSection(e){return e&&this.options.applyCB(),this}addHandlerOndeleteAllBtn(){return this.deleteAllBtns.forEach(e=>{e.addEventListener("click",this.removeAllActiveFilters.bind(this))}),this}removeAllActiveFilters(e){return e.preventDefault(),this.activeFilterItemsArr.forEach(e=>(0,s.N0)(e.inputElement,!1)),this.options.updateCB(),this.options.applyCB(),this.refreshActiveFilters([]),this}getDefaultOptions(){return{outerSelector:".nx-sort-filters__active-filters",actFlListSelector:".nx-active-filters__list",actFlDeleteAllBtnSelector:".nx-active-filters__delete-all",actFlItemSelector:".nx-act-filter",actFlItemNameSelector:".nx-cat-item__name",updateCB:()=>{},updateCB1:()=>{},applyCB:()=>{}}}refreshActiveFilters(e){this.activeFilterItemsArr=this.getSelectedFilterItems(e);const t=document.querySelector(".nx-active-filters__list");if(this.list.forEach(t=>{const i=t.parentElement;t.innerHTML="",(0,r._5)(t,this.getSelectedFilterItems(e)),(0,r.L8)(i,t)}),e[0]&&e[0].dispatchEvent(new CustomEvent("change")),this.activeFilterItemsArr.length>0?(this.deleteAllBtns.forEach(e=>{e.style.display="inline"}),this.activeTagsFiltersWrapper.style.marginBottom="32px"):(this.deleteAllBtns.forEach(e=>{e.style.display="none"}),this.activeTagsFiltersWrapper.style.marginBottom=""),this.activeFilterItemsArr.length>=2){let e=(0,r.Uo)('<span class="nx-active-filters__item nx-act-filter nx-act-filter__show-all-btn">...</span>');e.addEventListener("click",()=>this.showAllActiveFilters()),(0,r.L8)(t,e)}return this}showAllActiveFilters(){Array.from(document.querySelectorAll(`${this.options.outerSelector} ${this.options.actFlItemSelector}`)).forEach(e=>e.removeAttribute("data-hidden"))}setUpdateCallback(e){return this.options.updateCB=e,this}}},91950:(e,t,i)=>{i.r(t),i.d(t,{default:()=>g});var r=i(19446),s=i(88692),n=i(8481),l=i(45204),a=i(41445),o=i(60778),c=i(71678),h=i(24329),d=i(24746),p=i(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,i,r){var s=e.call(this,t)||this;return s.predicate=i,s.inclusive=r,s.index=0,s}return d.C6(t,e),t.prototype._next=function(e){var t,i=this.destination;try{t=this.predicate(e,this.index++)}catch(e){return void i.error(e)}this.nextOrComplete(e,t)},t.prototype.nextOrComplete=function(e,t){var i=this.destination;Boolean(t)?i.next(e):(this.inclusive&&i.next(e),i.complete())},t}(p.v),f=i(37564),m=i(21464),v=i(98684);const F='[data-module="LayerPage"]';class g extends f.default{static setup(e=F){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new g(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,l.p)(e=>e.target===e.currentTarget)),t=(0,r.R)(document,"touchend",{passive:!0}).pipe((0,a.M)(()=>requestAnimationFrame(()=>this.wrapper.removeAttribute("style")))),i=(0,r.R)(document,"touchmove",{passive:!0}).pipe((0,o.T)(e=>e.changedTouches[0].clientY)),{layerMainClass:d}=this.options;return e.pipe((0,o.T)(e=>e.changedTouches[0].clientY),(0,c.n)(e=>{return(0,s.zV)((0,n.of)(e),i).pipe((0,h.Q)(t),(r=()=>!(0,v.nB)(this.layer,`${d}--closing`),void 0===l&&(l=!1),function(e){return e.lift(new u(r,l))}));var r,l})).subscribe(([e,t])=>{const i=t-e,r=i/(.3*document.documentElement.offsetHeight),s={transform:`translateY(${Math.max(i,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)(s)):(this.close(),(0,m.Ys)(()=>{this.wrapper.removeAttribute("style")},300))}),this}

1getLayerNode(){return this.layer}}g.setup(F)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/Filter.ddbf4346.js.e319fb64.map