https://assets.kws.com/releases/20260826100111/frontend-components/js/site-header.js?v=769006

1"use strict";(globalThis.webpackChunkkws_frontend=globalThis.webpackChunkkws_frontend||[]).push([[8452],{3956(e,t,s){var i=s(3342);class a{constructor(e){this.body=document.querySelector("body"),this.overlay=document.querySelector('[data-js="main-overlay"]'),this.page=document.querySelector("[data-js-page]"),this.siteHeader=e,this.siteNav=document.querySelector("[data-js-site-nav]"),this.navContainer=this.siteNav?.querySelector("[data-js-nav-container]"),this.siteNavOpenTrigger=this.siteHeader?.querySelector("[data-js-site-nav-open-trigger]"),this.siteNavCloseTrigger=this.siteNav?.querySelector("[data-js-nav-close-trigger]"),this.siteNavMenuLinks=this.siteNav?.querySelectorAll('[data-js="menu-link"]'),this.backToUpperSiteNavMenu=this.siteNav?.querySelectorAll('[data-js-nav="back-to-upper-menu"]'),this.isWhite=this.navContainer?.classList.contains("white"),this.logoutBtn=document.querySelector('[data-js="logout"]'),this.lastScroll=0,this.init()}init(){this.handleScrolling(),this.handleNavigations(),this.handleLogout();const e=document.querySelector(".fullsize-header"),t=document.querySelector(".breadcrumb-wrap");e&&t&&(t.classList.add("with-fullsize-header"),t.classList.remove("white"),e.classList.add("with-breadcrumb"))}handleLogout(){this.logoutBtn?.addEventListener("click",e=>{e.preventDefault(),(0,i.y4)(e)})}handleScrolling(){window.addEventListener("scroll",()=>this.handleScrolled(this.siteHeader,this.navContainer,this.isWhite)),this.page?.addEventListener("scroll",()=>this.handleScrolled(this.siteHeader,this.navContainer,this.isWhite))}transitionEnds(e,t){if(!e||!t)return;const s={"site-header":this.siteHeader,"site-nav":this.siteNav};s[e]?.classList.remove(t),s[e]?.removeEventListener("transitionend",this.transitionEnds),s[e]?.setAttribute("aria-hidden","true")}handleScrolled(e,t,s){const i=document.documentElement.scrollTop||document.querySelector(".page").scrollTop;i<=0?(e?.classList.remove("site-header--hidden"),this.page?.classList.remove("narrow-header"),this.miniCartBackdrop?.classList.remove("top-zero"),this.shoppingMinicartContainer?.classList.remove("top-60"),s&&t?.classList.add("white")):i>this.lastScroll?(e?.classList.add("site-header--hidden"),e?.classList.remove("site-header--visible"),this.miniCartBackdrop?.classList.add("top-zero"),this.shoppingMinicartContainer?.classList.add("top-60")):(e?.classList.remove("site-header--hidden"),e?.classList.add("site-header--visible"),this.miniCartBackdrop?.classList.add("top-zero"),this.shoppingMinicartContainer?.classList.add("top-60"),this.page?.classList.add("narrow-header"),s&&t?.classList.remove("white"),e.addEventListener("transitionend",this.transitionEnds("site-header","site-header--visible"))),this.lastScroll=i}handleNavigations(){this.siteNavOpenTrigger?.addEventListener("click",e=>{e.preventDefault(),this.openNav("site-nav")}),this.siteNavCloseTrigger?.addEventListener("click",e=>{e.preventDefault(),this.closeNav("site-nav")}),[...this.siteNavMenuLinks].forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),this.resetAllOpenMenus(!0);const s=e.closest('[data-js="menu-item"]'),i=s?.querySelector(".menu");i?.classList.add("is-open","scroll-y-enabled")})}),[...this.backToUpperSiteNavMenu].forEach(e=>{e.addEventListener("click",t=>{t.preventDefault();const s=e.closest(".menu");s?.scrollTo({top:0}),s?.classList.remove("is-open","scroll-y-enabled"),s?.closest(".is-open")?.classList.add("scroll-y-enabled")})})}resetAllOpenMenus(e=!1){[...this.siteNav.querySelectorAll(".is-open")].forEach(t=>{t.classList.contains("scroll-y-enabled")&&(t.scrollTo({top:0}),e?t.classList.remove("scroll-y-enabled"):t.classList.remove("scroll-y-enabled","is-open"))})}openNav(){this.body?.classList.add("scroll-y-disabled");const e=this.siteNav;e.setAttribute("aria-hidden","false"),e.classList.add("is-open"),e.querySelector('[data-js-nav="menu-0"]')?.classList.add("is-open","scroll-y-enabled"),this.overlay?.classList.add("main__overlay--open"),this.overlay?.addEventListener("click",e=>{e.target===this.overlay&&this.closeNav()})}closeNav(){this.body?.classList.remove("scroll-y-disabled"),[...this.siteNav.querySelectorAll(".is-open")].forEac

1h(e=>{e.classList.remove("is-open","scroll-y-enabled")}),this.siteNav?.addEventListener("transitionend",this.transitionEnds("site-nav","is-open")),this.overlay?.removeEventListener("click",this.closeNav),this.overlay?.classList.remove("main__overlay--open")}}const o=e=>new a(e),n=document.querySelector(".cc_main_body")?"load":"DOMContentLoaded";window.addEventListener(n,()=>{const e=document.querySelector("[data-js-site-header]");e&&o(e)})},4556(e,t,s){s.d(t,{A:()=>i});class i{constructor(){this.$loadingIndicator=document.getElementById("kws-loading"),this.init(),this.status=!1}init(){null===this.$loadingIndicator&&this.appendLoadingIndicator()}appendLoadingIndicator(){const e=document.createElement("span");e.classList.add("kws-loading__spinner"),e.innerText="Lädt. Bitte warten...";const t=document.createElement("div");t.classList.add("kws-loading"),t.id="kws-loading",t.appendChild(e),this.$loadingIndicator=document.body.appendChild(t)}showLoadingIndicator(){this.status=!0,document.body.classList.add("loading--active")}hideLoadingIndicator(){this.status=!1,document.body.classList.remove("loading--active")}}},3342(e,t,s){s.d(t,{Fd:()=>c,Lx:()=>d,PA:()=>r,_M:()=>u,nF:()=>o,sg:()=>a,vx:()=>n,xw:()=>l,y4:()=>h});var i=s(4556);window.loadingIndicator=new i.A;const a=(e,t)=>{let s=null;return(...i)=>{window.clearTimeout(s),s=window.setTimeout(()=>{e.apply(null,i)},t)}},o=(e,t)=>{let s=0;return(...i)=>{const a=(new Date).getTime();a-s<t||(s=a,e(...i))}},n=e=>new Promise((t,s)=>{const i=new FileReader;i.readAsDataURL(e),i.onload=()=>t({name:e.name,lastModified:e.lastModified,size:e.size,type:e.type,base64:i.result.split(",")[1]}),i.onerror=e=>s(e)}),r=(e,t)=>{window.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top-document.body.getBoundingClientRect().top-t})},d=async(e,t,s,i)=>{const a={username:e,password:t,keepLoggedIn:i},o=s,n={method:"POST",mode:"cors",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)};let r,d;try{r=await fetch(o,n),d=await r.json()}catch(e){return console.error(e.message),r}return d},l=async(e,t)=>{const s={email:e},i=t,a={method:"POST",mode:"cors",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)};let o,n;try{o=await fetch(i,a),n=await o.json()}catch(e){return console.error(e.message),o}return n},c=async(e,t)=>{const s={method:"GET",mode:"same-origin",cache:"default",credentials:"same-origin",redirect:"follow",referrer:"client"};void 0!==e.method&&(s.method=e.method),void 0!==e.mode&&(s.mode=e.mode),void 0!==e.cache&&(s.cache=e.cache),void 0!==e.credentials&&(s.credentials=e.credentials),void 0!==e.redirect&&(s.redirect=e.redirect),void 0!==e.referrer&&(s.referrer=e.referrer),void 0!==e.headers&&(s.headers=e.headers),void 0!==e.body&&(s.body=e.body);try{return await fetch(t,s)}catch(e){return console.error(e),e}},h=async e=>{const t=e.target,s=t?.getAttribute("data-js-redirect-url"),i=t.getAttribute("data-js-shop-logout-url");if(window.loadingIndicator.showLoadingIndicator(),null!=i)try{await fetch(i,{mode:"no-cors",credentials:"include"})}catch(e){console.error("Shop Logout failed!",e)}const a=document.body.classList.contains("sso-login-active"),o=e.target.getAttribute("data-href-sso")||"";a&&""!==o?window.location.href=o:await c({method:"GET",mode:"cors",credentials:"include",headers:{"Content-Type":"application/json",Accept:"application/json"}},t.getAttribute("data-href")).then(e=>{if(window.loadingIndicator.hideLoadingIndicator(),200===e.status||301===e.status||302===e.status){const e=window.location.href;window.location.href=s?`${s}#logout-success`:"/#logout-success",window.location.pathname!==s&&e!==s||window.location.reload()}else console.info(e),window.location.href=s})},u=e=>{const t="(?:[^\"'>]|\"[^\"]*\"|'[^']*')*",s=new RegExp("<(?:!--(?:(?:-*[^->])*--+|-?)|script\\b"+t+">[\\s\\S]*?</script\\s*|style\\b"+t+">[\\s\\S]*?</style\\s*|/?[a-z]"+t+")>","gi");let i,a=e;do{i=a,a=a.replace(s,"")}while(a!==i);return a.replace(/</g,"&lt;").trim()}}},e=>{e(e.s=3956)}]);