https://www.beurer.com/_next/static/chunks/4320.2885eac13db1a070.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="6daece40-2d82-443b-846b-5b47f5d2ce21",e._sentryDebugIdIdentifier="sentry-dbid-6daece40-2d82-443b-846b-5b47f5d2ce21")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4320],{74320:function(e,n,l){l.r(n),l.d(n,{default:function(){return HeroBanner}});var o=l(85893),i=l(197),r=l(67294),t=l(93967),a=l.n(t),d=l(65051),s=l(82847),c=l(79410);function Media(e){let{src:n,srcMobile:l,alt:t,title:u,isActive:v=!1,shouldPause:h=!1,onVideoEnd:m,onMouseEnter:b,onMouseLeave:_}=e,{isMobile:p}=(0,i.Z)(),x=p&&l?l:n,{resourceType:f="image"}=x,y=(0,r.useRef)(null),{getVideoLink:g}=(0,c.mX)();(0,r.useEffect)(()=>{"video"===f&&y.current&&v&&(h?y.current.pause():y.current.play().catch(()=>{}))},[h,v,f]),(0,r.useEffect)(()=>{if("video"===f&&y.current){if(v){if(!h){let e=setTimeout(()=>{y.current&&y.current.play().catch(()=>{})},1200);return()=>clearTimeout(e)}}else{let e=setTimeout(()=>{y.current&&(y.current.pause(),y.current.currentTime=0)},1200);return()=>clearTimeout(e)}}},[v,f,h]);let j=null,T={};switch(f){case"video":j=d.default,T={src:g({source:x}),square:!1,widescreen:!0,size:"widescreen",controls:!1,autoPlay:v,layout:"oneColumn",onEnded:v?m:void 0,videoRef:y};break;case"image":j=s.Z,T={alt:t,title:u,options:{desktop:{source:x,width:1270,media:null}}}}return j?(0,o.jsx)("div",{className:"hero-banner__media-wrapper",onMouseEnter:b,onMouseLeave:_,children:(0,o.jsx)(j,{className:a()("hero-banner__media",{"hero-banner__media--active":v}),...T})}):null}var u=l(58169),v=l(74767),h=l(22681);function Overlay(e){var n,l,i,r,t,d;let{content:c={},colorVar:m,isActive:b=!1,isHovered:_=!1,style:p="product",onMouseEnter:x,onMouseLeave:f}=e,y=(0,h.T)(m)?"var(--text-color)":"#fff";return(0,o.jsxs)("div",{className:a()("hero-banner__overlay","hero-banner__overlay--".concat(p),{"hero-banner__overlay--active":b,"hero-banner__overlay--hovered":_}),onMouseEnter:x,onMouseLeave:f,tabIndex:b?0:-1,"aria-hidden":!b,children:[(null==c?void 0:c.subline)&&(0,o.jsx)("span",{className:"hero-banner__overlay-subline",children:null==c?void 0:c.subline}),(null==c?void 0:c.headline)&&(0,o.jsx)("span",{className:"hero-banner__overlay-headline",children:null==c?void 0:c.headline}),(null==c?void 0:c.text)&&(0,o.jsx)(u.Z,{className:"hero-banner__overlay-text",dangerouslySetInnerHTML:{__html:c.text}}),(null==c?void 0:null===(n=c.thumb)||void 0===n?void 0:n.src)&&"banner"!==p&&(0,o.jsx)(s.Z,{alt:null==c?void 0:null===(l=c.thumb)||void 0===l?void 0:l.alt,title:null==c?void 0:null===(i=c.thumb)||void 0===i?void 0:i.title,className:"hero-banner__overlay-thumb",options:{desktop:{source:null==c?void 0:null===(r=c.thumb)||void 0===r?void 0:r.src,width:330,media:null}}}),(null===(t=c.link)||void 0===t?void 0:t.url)&&(null===(d=c.link)||void 0===d?void 0:d.label)&&b&&(0,o.jsx)(v.Z,{href:c.link.url,className:"hero-banner__overlay-link",style:{background:"var(".concat(m,")"),color:y},size:"small",icon:"banner"===p?"arrow-right-short":null,iconPosition:"right",children:c.link.label})]})}function Navigation(e){let{slides:n=[],selectedSlideIndex:l,setSelectedSlideIndex:i}=e,t=(0,r.useRef)({}),[a,d]=(0,r.useState)({});return(0,r.useEffect)(()=>{let updateCaptionStates=()=>{let e={};n.forEach((n,l)=>{let o=t.current[l];if(o){let n=o.offsetHeight,i=parseFloat(getComputedStyle(o).lineHeight),r=Math.round(n/i);r<=1?e[l]="show":2===r?e[l]="ellipsis":e[l]="hide"}}),d(e)};updateCaptionStates();let e=new ResizeObserver(updateCaptionStates);return Object.values(t.current).forEach(n=>{n&&e.observe(n)}),()=>e.disconnect()},[n]),(0,o.jsx)("div",{className:"hero-banner__navigation",children:n.map((e,r)=>{var d,s,c;let u=(r-l+n.length)%n.length+1,v=1!==u||(0,h.T)(e.colorVar)?"var(--text-color)":"#fff",m=a[r]||"show";return(0,o.jsxs)("div",{className:"hero-banner__navigation-item hero-banner__navigation-item--position-".concat(u),onClick:()=>i(r),role:"button",tabIndex:0,"aria-label":"Go to slide ".concat(r+1,": ").concat((null===(d=e.card)||void 0===d?void 0:d.headline)||""),"aria-current":1===u?"true":"false",onKeyDown:e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),i(r))},children:[(0,o.jsx)("div",{className:"hero-banner__navigation-item-background",style:{background:"var(".concat(e.colorVar,")")}}),(0,o.jsx)("div",{className:"hero-banner__navigation-item-hover",style:{background:"var(".concat(e.colorVar,")")}}),(0,o.jsx)("span",{ref:e=>t.current[r]=e,className:"hero-banner__navigation-item-headline",style:{color:v},children:null===(s=e.card)||void 0===s?void 0:s.headline}),"hide"!==m&&(0,o.jsx)("span",{className:"hero-banner__navigation-item-caption",style:{color:v,..."ellipsis"===m&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},children:null===(c=e.card)||void 0===c?void 0:c.caption})]},"hero-banner-navigation-".concat(r))})})}function HeroBannerDesktop(e){let{slides:n=[]}=e,[l,i]=(0,r.useState)(0),[t,a]=(0,r.useState)({}),[d,s]=(0,r.useState)({}),[c,u]=(0,r.useState)({}),v=(0,r.useRef)(null),h=(0,r.useRef)(null),m=(0,r.useRef)(!1),b=(0,r.useRef)(!1),_=(0,r.useRef)(!1),p=(0,r.useRef)(!1),x=(0,r.useRef)(!1),goToNextSlide=()=>{i(e=>(e+1)%n.length)},clearTimer=()=>{v.current&&(clearTimeout(v.current),v.current=null)},clearOverlayTimer=()=>{h.current&&(clearTimeout(h.current),h.current=null)},startTimer=()=>{var e,o,i,r,t,a;if(clearTimer(),m.current||x.current)return;let d=n[l],s=(null==d?void 0:null===(i=d.content)||void 0===i?void 0:null===(o=i.media)||void 0===o?void 0:null===(e=o.src)||void 0===e?void 0:e.resourceType)==="video"||(null==d?void 0:null===(a=d.content)||void 0===a?void 0:null===(t=a.media)||void 0===t?void 0:null===(r=t.srcMobile)||void 0===r?void 0:r.resourceType)==="video";s?b.current=!1:v.current=setTimeout(()=>{goToNextSlide()},1e4)},handleSlideChange=e=>{var l,o,i,r,t,d;clearOverlayTimer();let s=n[e],c=(null==s?void 0:null===(i=s.content)||void 0===i?void 0:null===(o=i.media)||void 0===o?void 0:null===(l=o.src)||void 0===l?void 0:l.resourceType)==="video"||(null==s?void 0:null===(d=s.content)||void 0===d?void 0:null===(t=d.media)||void 0===t?void 0:null===(r=t.srcMobile)||void 0===r?void 0:r.resourceType)==="video";c?(a(n=>({...n,[e]:!0})),u(n=>({...n,[e]:!0})),h.current=setTimeout(()=>{a(n=>({...n,[e]:!1})),u(n=>({...n,[e]:!1}))},3e3)):a(n=>({...n,[e]:!0}))},handleVideoEnd=()=>{b.current=!0,m.current||goToNextSlide()},handleMediaMouseEnter=e=>{var o,i,r,t,d,c;let v=n[e],h=(null==v?void 0:null===(r=v.content)||void 0===r?void 0:null===(i=r.media)||void 0===i?void 0:null===(o=i.src)||void 0===o?void 0:o.resourceType)==="video"||(null==v?void 0:null===(c=v.content)||void 0===c?void 0:null===(d=c.media)||void 0===d?void 0:null===(t=d.srcMobile)||void 0===t?void 0:t.resourceType)==="video";h&&e===l&&(clearOverlayTimer(),_.current=!0,u(n=>({...n,[e]:!0})),a(n=>({...n,[e]:!0})),s(n=>({...n,[e]:!0})))},handleMediaMouseLeave=e=>{var o,i,r,t,d,c;let v=n[e],h=(null==v?void 0:null===(r=v.content)||void 0===r?void 0:null===(i=r.media)||void 0===i?void 0:null===(o=i.src)||void 0===o?void 0:o.resourceType)==="video"||(null==v?void 0:null===(c=v.content)||void 0===c?void 0:null===(d=c.media)||void 0===d?void 0:null===(t=d.srcMobile)||void 0===t?void 0:t.resourceType)==="video";h&&e===l&&(_.current=!1,setTimeout(()=>{p.current||(u(n=>({...n,[e]:!1})),a(n=>({...n,[e]:!1})),s(n=>({...n,[e]:!1})))},100))},handleOverlayMouseEnter=e=>{var o,i,r,t,d,c;let v=n[e],h=(null==v?void 0:null===(r=v.content)||void 0===r?void 0:null===(i=r.media)||void 0===i?void 0:null===(o=i.src)||void 0===o?void 0:o.resourceType)==="video"||(null==v?void 0:null===(c=v.content)||void 0===c?void 0:null===(d=c.media)||void 0===d?void 0:null===(t=d.srcMobile)||void 0===t?void 0:t.resourceType)==="video";h&&e===l&&(p.current=!0,u(n=>({...n,[e]:!0})),a(n=>({...n,[e]:!0})),s(n=>({...n,[e]:!0})))},handleOverlayMouseLeave=e=>{var o,i,r,t,d,c;let v=n[e],h=(null==v?void 0:null===(r=v.content)||void 0===r?void 0:null===(i=r.media)||void 0===i?void 0:null===(o=i.src)||void 0===o?void 0:o.resourceType)==="video"||(null==v?void 0:null===(c=v.content)||void 0===c?void 0:null===(d=c.media)||void 0===d?void 0:null===(t=d.srcMobile)||void 0===t?void 0:t.resourceType)==="video";h&&e===l&&(p.current=!1,setTimeout(()=>{_.current||p.current||(u(n=>({...n,[e]:!1})),a(n=>({...n,[e]:!1})),s(n=>({...n,[e]:!1})))},100))};return(0,r.useEffect)(()=>(handleSlideChange(l),startTimer(),()=>{clearTimer(),clearOverlayTimer()}),[l]),(0,o.jsxs)("div",{className:"hero-banner component",onMouseEnter:()=>

1{m.current=!0,clearTimer()},onMouseLeave:()=>{m.current=!1,startTimer()},onFocus:()=>{x.current=!0,clearTimer()},onBlur:()=>{x.current=!1,startTimer()},role:"region","aria-roledescription":"carousel","aria-label":"Hero Banner Carousel",children:[n.map((e,n)=>{var i;let a=l===n,s=!1!==t[n],u=!0===c[n],v=!0===d[n];return(0,o.jsxs)(r.Fragment,{children:[(0,o.jsx)(Media,{...null===(i=e.content)||void 0===i?void 0:i.media,isActive:a,shouldPause:u,onVideoEnd:handleVideoEnd,onMouseEnter:()=>handleMediaMouseEnter(n),onMouseLeave:()=>handleMediaMouseLeave(n)}),(0,o.jsx)(Overlay,{...e,isActive:a&&s,isHovered:v,onMouseEnter:()=>handleOverlayMouseEnter(n),onMouseLeave:()=>handleOverlayMouseLeave(n)})]},"hero-banner-slide-".concat(n))}),(0,o.jsx)(Navigation,{slides:n,selectedSlideIndex:l,setSelectedSlideIndex:i})]})}var m=l(95283),b=l(56918);function MediaMobile(e){let{src:n,srcMobile:l,alt:i,title:t,isActive:a=!1}=e,u=l||n,{resourceType:v="image"}=u,h=(0,r.useRef)(null),{getVideoLink:m}=(0,c.mX)();(0,r.useEffect)(()=>{"video"===v&&h.current&&(a?h.current.play().catch(()=>{}):(h.current.pause(),h.current.currentTime=0))},[a,v]);let b=null,_={};switch(v){case"video":b=d.default,_={src:m({source:u}),square:!1,widescreen:!0,size:"widescreen",controls:!1,autoPlay:!1,layout:"oneColumn",videoRef:h};break;case"image":b=s.Z,_={alt:i,title:t,options:{desktop:{source:u,width:1270,media:null}}}}return b?(0,o.jsx)(b,{className:"hero-banner__media hero-banner__media--active",..._}):null}function HeroBannerMobile(e){var n,l,i,t,d,c,_,p,x,f,y,g,j,T,k;let{slides:N=[],mobileSliderTitle:M=""}=e,[w,S]=(0,r.useState)(!1),[E,C]=(0,r.useState)(0),I=N[0],Z=N.slice(1),handleSlideClick=()=>{w||S(!0)},getTextColor=e=>(0,h.T)(e)?"var(--text-color)":"#fff",H=getTextColor(null==I?void 0:I.colorVar);return(0,o.jsxs)("div",{className:"hero-banner-mobile component",children:[I&&(0,o.jsxs)("div",{className:"hero-banner-mobile__first",children:[(0,o.jsx)("div",{className:"hero-banner-mobile__first-media",children:(0,o.jsx)(MediaMobile,{...null===(n=I.content)||void 0===n?void 0:n.media,isActive:!0})}),(0,o.jsxs)("div",{className:"hero-banner-mobile__first-content",style:{background:"var(".concat(I.colorVar,")"),color:H},children:[(null===(l=I.content)||void 0===l?void 0:l.subline)&&(0,o.jsx)("span",{className:"hero-banner-mobile__subline",children:null===(i=I.content)||void 0===i?void 0:i.subline}),(null===(t=I.content)||void 0===t?void 0:t.headline)&&(0,o.jsx)("span",{className:"hero-banner-mobile__headline",children:I.content.headline}),(null===(d=I.content)||void 0===d?void 0:d.text)&&(0,o.jsx)(u.Z,{className:"hero-banner-mobile__text",dangerouslySetInnerHTML:{__html:I.content.text}}),(null===(_=I.content)||void 0===_?void 0:null===(c=_.thumb)||void 0===c?void 0:c.src)&&"banner"!==I.style&&(0,o.jsx)(s.Z,{alt:null===(x=I.content)||void 0===x?void 0:null===(p=x.thumb)||void 0===p?void 0:p.alt,title:null===(y=I.content)||void 0===y?void 0:null===(f=y.thumb)||void 0===f?void 0:f.title,className:"hero-banner-mobile__thumb",options:{desktop:{source:I.content.thumb.src,width:330,media:null}}}),(null===(j=I.content)||void 0===j?void 0:null===(g=j.link)||void 0===g?void 0:g.url)&&(null===(k=I.content)||void 0===k?void 0:null===(T=k.link)||void 0===T?void 0:T.label)&&(0,o.jsx)(v.Z,{href:I.content.link.url,className:"hero-banner-mobile__link",size:"small",children:I.content.link.label})]})]}),M&&(0,o.jsx)("span",{className:"hero-banner-mobile__slider-title",children:M}),Z.length>0&&(0,o.jsx)("div",{className:"hero-banner-mobile__slider",children:(0,o.jsx)(m.tq,{modules:[b.tl],loop:!1,pagination:{clickable:!0},slidesPerView:w?1:1.3,spaceBetween:16,centeredSlides:!1,onSlideChange:e=>{C(e.activeIndex)},children:Z.map((e,n)=>{var l,i,r,t,d,c,h,b,_,p,x,f,y,g,j,T,k,N,M,S,C,I,Z;let H=getTextColor(null==e?void 0:e.colorVar);return(0,o.jsx)(m.o5,{children:(0,o.jsxs)("div",{className:a()("hero-banner-mobile__slide",{"hero-banner-mobile__slide--expanded":w}),onClick:handleSlideClick,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),handleSlideClick())},children:[w&&(0,o.jsx)("div",{className:"hero-banner-mobile__slide-expanded-media",children:(0,o.jsx)(MediaMobile,{...null===(l=e.content)||void 0===l?void 0:l.media,isActive:E===n&&w})}),(0,o.jsxs)("div",{className:"hero-banner-mobile__slide-content",children:[(null===(r=e.content)||void 0===r?void 0:null===(i=r.thumb)||void 0===i?void 0:i.src)&&!w&&(0,o.jsx)(s.Z,{alt:null===(d=e.content)||void 0===d?void 0:null===(t=d.thumb)||void 0===t?void 0:t.alt,title:null===(h=e.content)||void 0===h?void 0:null===(c=h.thumb)||void 0===c?void 0:c.title,className:"hero-banner-mobile__slide-thumb",options:{desktop:{source:e.content.thumb.src,width:200,media:null}}}),(0,o.jsxs)("div",{className:"hero-banner-mobile__slide-text-wrapper",children:[!w&&(0,o.jsxs)("div",{className:"hero-banner-mobile__slide-card-text",children:[(null===(b=e.card)||void 0===b?void 0:b.headline)&&(0,o.jsx)("span",{className:"hero-banner-mobile__slide-headline",children:e.card.headline}),(null===(_=e.card)||void 0===_?void 0:_.caption)&&(0,o.jsx)("span",{className:"hero-banner-mobile__slide-caption",children:e.card.caption})]}),w&&(0,o.jsxs)("div",{className:"hero-banner-mobile__slide-content-text",children:[(null===(p=e.content)||void 0===p?void 0:p.subline)&&(0,o.jsx)("span",{className:"hero-banner-mobile__slide-subline",children:null===(x=e.content)||void 0===x?void 0:x.subline}),(null===(f=e.content)||void 0===f?void 0:f.headline)&&(0,o.jsx)("span",{className:"hero-banner-mobile__slide-headline",children:e.content.headline}),(null===(y=e.content)||void 0===y?void 0:y.text)&&(0,o.jsx)(u.Z,{className:"hero-banner-mobile__slide-text",dangerouslySetInnerHTML:{__html:e.content.text}})]})]}),w&&(null===(j=e.content)||void 0===j?void 0:null===(g=j.thumb)||void 0===g?void 0:g.src)&&(0,o.jsx)(s.Z,{alt:null===(k=e.content)||void 0===k?void 0:null===(T=k.thumb)||void 0===T?void 0:T.alt,title:null===(M=e.content)||void 0===M?void 0:null===(N=M.thumb)||void 0===N?void 0:N.title,className:"hero-banner-mobile__slide-thumb",options:{desktop:{source:e.content.thumb.src,width:200,media:null}}}),w&&(null===(C=e.content)||void 0===C?void 0:null===(S=C.link)||void 0===S?void 0:S.url)&&(null===(Z=e.content)||void 0===Z?void 0:null===(I=Z.link)||void 0===I?void 0:I.label)&&(0,o.jsx)(v.Z,{href:e.content.link.url,className:"hero-banner-mobile__slide-link",size:"small",onClick:e=>e.stopPropagation(),style:{background:"var(".concat(e.colorVar,")"),color:H},children:e.content.link.label}),!w&&(0,o.jsx)("div",{className:"hero-banner-mobile__slide-icon",children:(0,o.jsx)("img",{src:"/assets/images/hand-click.png",alt:"Click to expand",width:64,height:64})})]})]})},"hero-banner-mobile-slide-".concat(n+1))})})})]})}function HeroBanner(e){let{slides:n=[]}=e,{isMobile:l}=(0,i.Z)();return(null==n?void 0:n.length)!==4?null:l?(0,o.jsx)(HeroBannerMobile,{...e}

1):(0,o.jsx)(HeroBannerDesktop,{...e})}}}]);