https://www.geberit.de/_next/static/chunks/175.8de8c165c31947f2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[175],{10175:(t,e,o)=>{"use strict";o.r(e),o.d(e,{InteractiveHotspot:()=>L});var i=o(80542),s=o(95155),n=o(12115),r=o(75462),l=o(55290),a=o.n(l),c=o(44287),p=o(60663),d=o(64850),h=o(67296),u=o(45983),v=o(69187),f=o(62249),_=o(93192),m=o(92254),g=function(t){return null!=t?t:0};let x=function(t){var e=t.reset,o=t.activeHotspot,i=t.imageRef,r=t.textRef,l=t.imageAlignment,x=t.isOpen,H=(0,f.al)(),y=(0,f.Ww)(),k=(0,f.GM)(),j=(null==o?void 0:o.description)||{},O=j.headline,b=j.subline,w=j.text,C=j.picture,R=j.pictureObject,z=j.pictureAlt,L=j.link,N=(0,n.useRef)(null),W=function(){var t,e,s,n,a,c,p,d,h,u,v,f,_,m=g(null==(t=N.current)?void 0:t.offsetHeight),x=g(null==(e=i.current)?void 0:e.offsetHeight),j=g(null==(n=N.current)||null==(s=n.parentElement)?void 0:s.offsetHeight),O=o?parseFloat(o.position.top.replace("%","")):0,b=g(null==(a=N.current)?void 0:a.offsetWidth),w=g(null==(c=i.current)?void 0:c.offsetWidth),C=g(null==(d=N.current)||null==(p=d.parentElement)?void 0:p.offsetWidth),R=o?parseFloat(o.position.left.replace("%","")):0,z=g(null==(h=i.current)?void 0:h.offsetLeft)+w*R/100,L=x*O/100-m/2;"center"===l||H||y?(L+=g(null==(u=r.current)?void 0:u.offsetHeight),k&&x*O/100-m/2<0&&(L=g(null==(v=r.current)?void 0:v.offsetHeight))):k||(L+=g(null==(f=r.current)?void 0:f.offsetHeight)+24),L+m>j&&(L=Math.ceil(j-m)),L<0&&(L=0),N.current&&(N.current.style.top="".concat(L,"px"));var W=l;if("center"===l&&(W=R<50?"left":"right"),y&&(_=(w-b)/2,N.current&&(N.current.style.left="".concat(_,"px"))),!y)if("right"===W)_=z-b-48,N.current&&(N.current.style.left="".concat(_>0?_:0,"px"));else{_=z+48;var A=Math.ceil(C-b);N.current&&(N.current.style.left="".concat(_<A?_:A,"px"))}N.current&&(N.current.style.visibility="visible")};return(0,n.useEffect)(function(){return o&&x?(W(),window.addEventListener("resize",W),function(){return window.removeEventListener("resize",W)}):function(){}},[o,x,H,y]),(0,s.jsxs)("div",{className:(0,_.B)(a().overlay,!x&&a().closed),ref:N,children:[(0,s.jsxs)("div",{className:a().overlayText,children:[(0,s.jsx)(c.$,{isIcon:!0,symbol:"Close",className:a().closeIcon,onClick:e,stylingType:"icon"}),(0,s.jsx)(u.Headline,{title:O,subtitle:b,tag:v.X.h3,className:a().overlayHeadline}),(0,s.jsx)(d.InnerHtml,{as:"div",content:w,className:a().description}),!(0,m.Im)(L)&&(0,s.jsx)(h.CmsLink,{link:L,stylingType:"secondary",alignByContent:"left",standardFontSize:!1,className:a().link})]}),(0,s.jsx)("div",{className:a().overlayImage,children:!(0,m.Im)(R)&&(0,s.jsx)(p._,{src:C,alt:z,title:z,data:R,aspectRatio:R.format,onLoad:W,lazy:!1})})]})};var H=o(98569),y=o(33723),k=o(96256),j=o(34189),O={xsmall:j.z.fontTokens.font11,medium:j.z.fontTokens.font11,large:j.z.fontTokens.font11,xlarge:j.z.fontTokens.font11};let b=function(t){var e=t.textRef,o=t.title,i=t.subtitle,n=(t.emphasize,t.description),r=t.isMobile,l=t.link,c=t.textLeft,p=l||{},d=p.text,f=p.target,_=n||d||f?"":"headlineOnly",m=c&&"textLeft";return(0,s.jsxs)("div",{className:"".concat(a().textWrapper," ").concat(a()[_]," ").concat(m&&a()[m]),ref:e,children:[(o||i)&&(0,s.jsx)(u.Headline,{title:o,subtitle:i,tag:v.X.h2,variant:v.X.h1,titlePreviewId:"#st_title",subtitlePreviewId:"#st_subtitle"}),!r&&n&&(0,s.jsx)(k.Z,{tag:"p",size:O,previewId:"#st_description",children:n}),d&&f&&(0,s.jsx)(h.CmsLink,{link:l,standardFontSize:!1,className:a().link,alignByContent:(null==l?void 0:l.showArrow)?"left":void 0}),r&&n&&(0,s.jsx)(k.Z,{tag:"p",size:O,children:n})]})};var w=o(21948);let C=function(t){var e=t.imageMap,o=e.areas,i=e.image,n=e.imageAlt,r=e.imageObject,l=t.imageRef,c=t.imageAlignment,p=t.colorScheme,d=t.title,h=t.subtitle,u=t.emphasize,v=t.description,_=t.link,m=t.lastHotspot,g=t.setLastHotspot,x=t.hotspotOpen,k=t.setHotspotOpen,j=t.textRef,O=t.children,C=(0,f.al)(),R=(0,f.GM)(),z="center"===c?[4,8,12]:[4,8,6],L="left"===c,N="right"===c,W="3_4"===r.aspectRatio,A=function(){return(0,s.jsx)(w.A,{image:i,imageAlt:n,imageObject:r,imageRef:l,aspectRatio:C?"":r.aspectRatio,shouldHaveImgWrapper:C,areas:o,colorScheme:p,lastHotspot:m,setLastHotspot:g,hotspotOpen:x,setHotspotOpen:k})};return(0,s.jsxs)("div",{className:a().relativeContainer,children:[(0,s.jsxs)(H.f,{children:[R&&L&&(0,s.jsx)(y.f,{size:z,children:A()}),R&&W&&L&&(0,s.jsx)(y.f,{size:[0,0,1]}),(0,s.jsx)(y.f,{size:"center"===c?[4,8,8]:W?[4,8,5]:[4,8,6],children:(0,s.jsx)(b,{title:d,subtitle:h,link:_,emphasize:u,isMobile:C,textRef:j,description:v,textLeft:N})}),R&&W&&N&&(0,s.jsx)(y.f,{size:[0,0,1]}),!R&&L&&(0,s.jsx)(y.f,{size:z,children:A()}),!N&&!L&&(0,s.jsx)(y.f,{size:z,children:A()}),N&&(0,s.jsx)(y.f,{size:z,children:A()})]}),O]})};var R=o(5742),z={white:a().bgWhite,grey:a().bgGrey};function L(t){var e=t.imageMap,o=t.imageMap.imageObject,l=t.imageAlignment,c=t.backgroundColor,p=t.colorScheme,d=t.title,h=t.subtitle,u=t.emphasize,v=t.description,f=t.link,m=t.anchor,g=t.contentIndex,H=t.titleInAnchor,y=(0,R._)(null!=d?d:"",null!=m?m:"",H,g),k=(0,i._)((0,n.use

1State)(),2),j=k[0],O=k[1],b=(0,i._)((0,n.useState)(!1),2),w=b[0],L=b[1],N=(0,n.useRef)(null),W=(0,n.useRef)(null),A="2_1"===o.aspectRatio?"wide":"portrait";return(0,s.jsx)("div",{className:(0,_.B)(a().wrapper,z[c],a()[l]),id:y,children:(0,s.jsx)(r.m,{className:"wide"===A?a().horizontalImageScroll:"",maxContentWidth:"78rem",children:(0,s.jsx)(C,{imageAlignment:l,title:null!=d?d:"",subtitle:null!=h?h:"",link:f,emphasize:u,textRef:W,imageRef:N,description:null!=v?v:"",imageMap:e,colorScheme:p,lastHotspot:j,setLastHotspot:O,hotspotOpen:w,setHotspotOpen:L,children:(0,s.jsx)(x,{reset:function(){return L(!1)},imageRef:N,textRef:W,activeHotspot:j,imageAlignment:l,isOpen:w})})})})}},21948:(t,e,o)=>{"use strict";o.d(e,{A:()=>a});var i=o(95155),s=o(67247),n=o.n(s),r=o(60663),l=o(46027);function a(t){var e=t.imageRef,o=t.activeHotspot,s=t.isWorldMap,a=(t.shouldHaveImgWrapper,t.lastHotspot),c=t.hotspotOpen,p=t.setHotspotOpen,d=t.setActiveHotspot,h=t.areas,u=t.image,v=t.imageAlt,f=t.imageObject,_=t.colorScheme,m=t.setLastHotspot,g=t.aspectRatio,x=(null==f?void 0:f.aspectRatio)==="2_1"?"wide":"portrait";return(0,i.jsx)("div",{className:"".concat(n().imageWrapper," ").concat(n()[x]),ref:e,children:(0,i.jsx)(r._,{src:u,alt:v,title:v,data:f,aspectRatio:g,responsiveSizes:"(max-width: 768px) 100vw, 50vw",children:(0,i.jsx)(l.A,{areas:h,colorScheme:_,activeHotspot:void 0===o?void 0:o,setActiveHotspot:void 0===d?void 0:d,isWorldMap:void 0!==s&&s,lastHotspot:void 0===a?void 0:a,setLastHotspot:m,hotspotOpen:void 0!==c&&c,setHotspotOpen:void 0===p?void 0:p})})})}},46027:(t,e,o)=>{"use strict";o.d(e,{A:()=>_});var i=o(67867),s=o(11470),n=o(95155),r=o(12115),l=o(10685),a=o.n(l),c=o(15168),p=o.n(c),d=o(23426),h=o(67247),u=o.n(h),v=o(93192),f=o(68869);function _(t){var e,o=t.areas,l=t.colorScheme,c=t.isWorldMap,h=t.activeHotspot,_=t.setActiveHotspot,m=t.lastHotspot,g=t.setLastHotspot,x=t.hotspotOpen,H=t.setHotspotOpen,y=t.setTooltip,k=t.onClick,j=t.direction,O=t.imageIndex,b=void 0===O?0:O,w=(0,d.DP)(),C=(0,r.useContext)(f.A).slidePercentage,R={dark:w.colors.black,black:w.colors.black,light:w.colors.white,white:w.colors.white,active:w.colors.primaryLight},z="".concat(null!=(e=R[l])?e:"#000000","33");return(0,n.jsx)("svg",{className:u().hotspots,children:o.map(function(t){var e=c?p()(t,h):x&&p()(t.position,null==m?void 0:m.position),o=parseFloat(t.position.left.split("%")[0]),r=0===b||void 0!==C&&C<o,d=o<=50?"right":"left";return(0,n.jsxs)("g",(0,s._)((0,i._)({className:(0,v.B)(r?"":u().isHidden,e?u().active:void 0,e&&c?u().hideCompletly:""),cx:t.position.left,cy:t.position.top,r:e?10:5,stroke:z,strokeWidth:e?28:20,fill:R[l]||w.colors.black,onClick:function(e){k&&k(e,j),c?null==_||_(t):_&&_((0,s._)((0,i._)({},t),{overlayPosition:d,imageIndex:b})),g&&g((0,s._)((0,i._)({},t),{overlayPosition:d,imageIndex:b})),H&&H(!0),y&&y()}},t.tooltip&&y?{onMouseOver:function(){return y(t)}}:{},t.tooltip&&y?{onMouseLeave:function(){return y()}}:{}),{children:[(0,n.jsx)("circle",{className:u().corona,cx:t.position.left,cy:t.position.top,r:7,fill:z,stroke:z}),(0,n.jsx)("circle",{className:u().dot,cx:t.position.left,cy:t.position.top,r:7,fill:R[l]||w.colors.black})]}),a()(t))})})}},55290:t=>{t.exports={wrapper:"interactive-hotspot_wrapper__T0cod",bgGrey:"interactive-hotspot_bgGrey__6qjkm",bgWhite:"interactive-hotspot_bgWhite__p0gMq",light:"interactive-hotspot_light__ckQ_k",textWrapper:"interactive-hotspot_textWrapper__V7G4y",link:"interactive-hotspot_link__l20Oe",dark:"interactive-hotspot_dark__nNdNc",left:"interactive-hotspot_left__QzdS8",right:"interactive-hotspot_right__ZGyHj",headlineOnly:"interactive-hotspot_headlineOnly__Lr4jO",textLeft:"interactive-hotspot_textLeft__blRwh",relativeContainer:"interactive-hotspot_relativeContainer__A9Q1F",overlay:"interactive-hotspot_overlay__kpkCW",closed:"interactive-hotspot_closed__8TqeY",overlayText:"interactive-hotspot_overlayText__Lpn_C",overlayHeadline:"interactive-hotspot_overlayHeadline__Cixmi",closeIcon:"interactive-hotspot_closeIcon__CY7sM"}},67247:t=>{t.exports={hotspots:"hotspot_hotspots__C53K0",isHidden:"hotspot_isHidden__76NO3",hideCompletly:"hotspot_hideCompletly__d2X_c",active:"hotspot_active__MkKqc",dot:"hotspot_dot__cYeLD",corona:"hotspot_corona__3Buf_","hotspot-pulse":"hotspot_hotspot-pulse__frAHF",imageWrapper:"hotspot_imageWrapper__P_NXq",portrait:"hotspot_portrait__L5nJw",wide:"hotspot_wide__Oqc_E"}},68869:(t,e,o)=>{"use strict";o.d(e,{$:()=>r,A:()=>n});var i=o(95155),s=o(12115),n=(0,s.createContext)({});function r(t){var e=t.children,o=t.slidePercentage,r=t.fixedOverlayOpen,l=t.hotspotOpen,a=t.setHotspotOpen,c=t.sliderContainerWidth,p=t.slideHandlerRef,d=t.onButtonClick,h=t.onButtonDrag,u=t.hotspotOverlayRef,v=t.

1setLastHotspot,f=t.tooltip,_=t.setTooltip,m=(0,s.useMemo)(function(){return{slidePercentage:o,fixedOverlayOpen:r,hotspotOpen:l,setHotspotOpen:a,sliderContainerWidth:c,slideHandlerRef:p,onButtonClick:d,onButtonDrag:h,hotspotOverlayRef:u,setLastHotspot:v,tooltip:f,setTooltip:_}},[o,r,l,a,c,p,d,h,u,v,f,_]);return(0,i.jsx)(n.Provider,{value:m,children:e})}}}]);