https://www.labello.com/dist/NiveaX/modules/Navigation.fe11f50d.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[1792,2313],{6218:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(53884),o=n(45956),a=n(91297),s=n(930);class r{constructor(e){this.element=e,this.footerId="#footer",this.promotionBannerId="#nx-promotion-banner",this.mainId="#main",this.init()}init(){this.initSkipToMainContentLink().initSkipToFooterLink().initSkipSectionLinks()}initSkipToMainContentLink(){const e=this.createSkipToMainContentLink(),t=null==e?void 0:e.querySelector("a"),n=document.getElementById("nx-promotion-banner");return n&&!n.classList.contains("nx-promotion-banner--hidden")?null==t||t.setAttribute("href",this.promotionBannerId):null==t||t.setAttribute("href",this.mainId),this}initSkipToFooterLink(){var e;const t=this.createSkipToFooterLink();return null===(e=null==t?void 0:t.querySelector("a"))||void 0===e||e.setAttribute("href",this.footerId),this}initSkipSectionLinks(){var e;const t=null===(e=document.querySelector("main"))||void 0===e?void 0:e.querySelectorAll("section"),n=Array.from(t).filter(e=>{const t=e.closest('[data-allow-skip-link="false"]'),n=e.parentElement.closest('[data-allow-skip-links-inside="false"]');return!t&&!n}),i=this.element.dataset.skipSectionText?this.element.dataset.skipSectionText:"",o=this.createAllSkipSectionLinks(n,i);this.addDestinationToSkipSectionLinks(o)}createAllSkipSectionLinks(e,t){let n=[];return e.forEach((e,i)=>{const o=this.getSkipSectionLinkAriaLabel(e,t),a=this.createSkipSectionLinkId(i),r=(0,s.zl)(t,a,o);n.push(r),this.insertSkipSectionLinkBeforeSection(e,r)}),n}addDestinationToSkipSectionLinks(e){e.forEach((t,n)=>{var i;const o=t.querySelector("a"),a=null===(i=e[n+1])||void 0===i?void 0:i.querySelector("a");if(a&&o){const e="#"+a.id;o.setAttribute("href",e)}else o.setAttribute("href",this.footerId)})}insertSkipSectionLinkBeforeSection(e,t){e.parentElement.insertBefore(t,e)}getSkipSectionLinkAriaLabel(e,t){const n=e.querySelector("h1, h2, h3, h4, h5, h6"),i=n?n.textContent.trim():"";return t.concat(" ",i)}createSkipSectionLinkId(e){return"skipSectionLink_"+e}createSkipToMainContentLink(){const e=this.element.dataset.skipToMainText,t=(0,s.AW)(e),n=document.querySelector("header");return null==n||n.prepend(t),t}createSkipToFooterLink(){const e=this.element.dataset.skipToFooterText,t=(0,s.AW)(e),n=document.querySelector("main");return null==n||n.prepend(t),t}}const l='[data-module="Navigation"]';class c{constructor(e){this.element=e,this.mobileNavigationInitialized=!1,this.desktopNavigationInitialized=!1,this.init()}init(){this.navStructure=this.getNavStructure(),this.navStructure&&(this.reinit(),this.onResize(),new i.default(this.element))}getNavStructure(){const e=document.querySelector("[data-navigation-structure]");return e&&JSON.parse(e.innerHTML)||{}}onResize(){NiveaX.addToEventStore("resize",this.reinit.bind(this),window)}initDesktopNavigation(){n.e(3695).then(n.bind(n,66761)).then(e=>this.desktopNavigation=new e.default(this.element,this.navStructure))}initMobileNavigation(){if(this.element.classList.contains("nx-mob-burger-nav--activated")){(()=>Promise.all([n.e(930),n.e(9272)]).then(n.bind(n,43599)))().then(e=>this.mobileBurgerNavigation=new e.default(this.element.querySelector(".nx-mob-burger-nav__wrapper"),this.navStructure))}else{(()=>Promise.all([n.e(930),n.e(3461)]).then(n.bind(n,63540)))().then(e=>this.mobileNavigation=new e.default(this.element.querySelector(".nx-mob-nav__wrapper"),this.navStructure))}}initHeaderActions(){Promise.all([n.e(930),n.e(9201)]).then(n.bind(n,71469)).then(e=>new e.default(this.element,this.navStructure))}reinit(){return window.NiveaX.deviceType.isDesktop||"mobile"===this.lastNavigationType||this.mobileNavigationInitialized?window.NiveaX.deviceType.isDesktop&&"desktop"!==this.lastNavigationType&&!this.desktopNavigationInitialized?(this.initDesktopNavigation(),this.initHeaderActions(),this.initSkipLinks(),this.desktopNavigationInitialized=!0,void(this.lastNavigationType="desktop")):void 0:(this.initMobileNavigation(),this.mobileNavigationInitialized=!0,void(this.lastNavigationType="mobile"))}initSkipLinks(){new r(this.element)}}class v extends((0,o.YH)(c)){static setup(e=l){Array.from(document.querySelectorAll(e)).filter(e=>

1!e.dataset.moduleInitialized).forEach(e=>{new v(e),e.dataset.moduleInitialized="true"})}async init(){await super.init(),this.dispatch((0,a.P$)(this.navStructure))}}v.setup(l)},53884:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var i=n(23076);const o="NivTNavigation.ts";class a{constructor(e){this.element=e,window.NiveaX.IsUAEnabled&&this.init()}init(){let e=this.element.querySelector(".nx-nav-desktop__logo"),t=this.element.querySelector(".nx-nav-desktop"),n=this.element.querySelector('[data-action-id="search"]'),i=document.querySelector(".nx-mob-nav--initialized");e?t?n?(e&&e.addEventListener("click",()=>{this.trackHomeLogo(e.href)}),t&&t.addEventListener("click",e=>{let t=e.target;if(t.classList.contains("nx-nav-third-level__link--has-submenu"))return!1;this.trackMenuItem(this.getLinkPath(e)+" | "+t.getAttribute("href"),t.href)}),n&&n.addEventListener("click",()=>{this.trackOpenSearchLayer()}),document.addEventListener("niveax:submitHeaderSearchForm",e=>{this.trackSubmitSearchForm(e)}),i?(this.trackOpenSmartCompanion(),this.trackMenuItemSmartCompanion()):document.addEventListener("niveax:smartCompanionInitialized",e=>{this.trackOpenSmartCompanion(),this.trackMenuItemSmartCompanion()}),this.resetMenuSessionValue()):console.onSelectorError(".nx-search-icon",o):console.onSelectorError(".nx-nav-desktop",o):console.onSelectorError(".nx-nav-desktop__logo",o)}trackHomeLogo(e){(0,i.VE)({event:"ga_event",eventCategory:"Navigation",eventAction:"Nivea Button Click",eventLabel:"Homepage",eventNonInteraction:!1}),e&&(document.location=e)}trackMenuItem(e,t){(0,i.VE)({event:"ga_event",eventCategory:"Navigation",eventAction:"Item Click",eventLabel:e,eventNonInteraction:!1}),t&&(document.location=t)}trackOpenSearchLayer(){(0,i.VE)({event:"ga_event",eventCategory:"Site Search",eventAction:"Focus",eventLabel:void 0,eventNonInteraction:!1})}trackSubmitSearchForm(e){let t=document.querySelector(".nx-header-search-form");t?t.addEventListener("submit",e=>{let t=e.target;(0,i.VE)({event:"ga_event",eventCategory:"Site Search",eventAction:"Submit",eventLabel:t.querySelector("input").value,eventNonInteraction:!1})}):console.onSelectorError(".nx-header-search-form",o)}trackOpenSmartCompanion(){let e=document.querySelector(".nx-mob-nav__button");e?e.addEventListener("click",e=>{e.currentTarget.classList.contains("nx-btn--close-menu")||(0,i.VE)({event:"ga_event",eventCategory:"Navigation",eventAction:"Open Menu",eventLabel:void 0,eventNonInteraction:!1})}):console.onSelectorError(".nx-mob-nav__button",o)}trackMenuItemSmartCompanion(){let e=document.querySelector(".nx-mob-nav__inner");e?e.addEventListener("click",e=>{let t=e.target,n=t.parentElement,i=JSON.parse(sessionStorage.getItem("companionLinkPath"));"A"===t.tagName&&n.childrenList&&(e.preventDefault(),t.closest("nav").classList.contains("nx-mob-nav__level--1")?(this.updateMenuSessionValue("firstLevel",t.innerText),this.resetMenuLevels()):t.closest("nav").classList.contains("nx-mob-nav__level--2")?this.updateMenuSessionValue("secondLevel",t.innerText):t.closest("nav").classList.contains("nx-mob-nav__level--3")?this.updateMenuSessionValue("thirdLevel",t.innerText):t.closest("nav").classList.contains("nx-mob-nav__level--4")&&this.updateMenuSessionValue("fourthLevel",t.innerText)),t.innerText===i.secondLevel&&i.secondLevel&&(delete i.secondLevel,sessionStorage.setItem("companionLinkPath",JSON.stringify(i))),(n.classList.contains("nx-mob-nav__item--small")||t.classList.contains("nx-mob-nav__item--small"))&&this.trackMobileLinkPath(t)}):console.onSelectorError(".nx-mob-nav__inner",o)}updateMenuSessionValue(e,t){let n=JSON.parse(sessionStorage.getItem("companionLinkPath"));n[e]=t,sessionStorage.setItem("companionLinkPath",JSON.stringify(n))}resetMenuSessionValue(){sessionStorage.setItem("companionLinkPath",JSON.stringify({}))}resetMenuLevels(){let e=JSON.parse(sessionStorage.getItem("companionLinkPath"));e.secondLevel&&delete e.secondLevel,e.thirdLevel&&delete e.thirdLevel,sessionStorage.setItem("companionLinkPath",JSON.stringify(e))}trackMobileLinkPath(e){let t=JSON.parse(sessionStorage.getItem("companionLinkPath")),n="";t.firstLevel&&(n+=t.firstLevel),t.secondLevel&&(n+=" » "+t.secondLevel),t.thirdLevel&&(n+=" » "+t.thirdLevel),e.parentElement.classList.contains("nx-mob-nav__item--small")&&(n+=`${""!=n?" »":""} ${e.innerText}`),(0,i.VE)({event:"ga_event",eventCategory:"Navigation",eventAction:"Item Click",navigationLevel:this.getNavigationLevel(e),eventLabel:n,eventNonInteraction:!1}),e.href&&(document.location.href=e.href)}

1getLinkPath(e){let t,n,i,o=e.target,a=o.closest(".nx-nav-second-level__item--list"),s=o.closest(".nx-nav-first-level__item"),r=o.closest(".nx-nav-third-level__item"),l="";return s&&(n=s.querySelector(".nx-nav-first-level__link"),l+=n.title),a&&(t=a.querySelector(".nx-nav-desktop__second-level-link"),l+=" » "+t.title),r&&(i=r.querySelector(".nx-nav-third-level__link"),l+=" » "+i.title),o!==t&&o!==n&&o!==i&&(l+=" » "+o.title),l}getNavigationLevel(e){return e.closest(".nx-mob-nav__level--1")?"1":e.closest(".nx-mob-nav__level--2")?"2":e.closest(".nx-mob-nav__level--3")?"3":e.closest(".nx-mob-nav__level--4")?"4":""}}},91297:(e,t,n)=>{n.d(t,{IJ:()=>r,P$:()=>l,SL:()=>s,hU:()=>a,qE:()=>o});var i=n(27543);const o=()=>({type:i.Gg}),a=()=>({type:i.b3}),s=()=>({type:i.LQ}),r=()=>({type:i.bR}),l=e=>({type:i.DY,structure:e})}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/Navigation.fe11f50d.js.bc0a0f83.map