https://www.geberit.de/_next/static/chunks/66.73d1f0d72474d1db.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66],{10066:(e,t,n)=>{"use strict";n.r(t),n.d(t,{ProductComparison:()=>eu});var i=n(67867),r=n(80542),o=n(95155),c=n(98569),a=n(33723),s=n(12115),l=n(47957),d=n.n(l),u=n(23426),m=n(75462),h=n(67296);function p(e,t){var n=e.replace("#",""),i=parseInt(3==n.length?n.slice(0,1).repeat(2):n.slice(0,2),16),r=parseInt(3==n.length?n.slice(1,2).repeat(2):n.slice(2,4),16),o=parseInt(3==n.length?n.slice(2,3).repeat(2):n.slice(4,6),16);return t?"rgba(".concat(i,", ").concat(r,", ").concat(o,", ").concat(t,")"):"rgb(".concat(i,", ").concat(r,", ").concat(o)}function f(e){return"\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: ".concat(e,";\n    line-clamp: ").concat(e,";\n    -webkit-box-orient: vertical;\n    box-orient: vertical;\n")}var g=(0,u.Ay)(m.m).withConfig({componentId:"sc-9af73c0a-0"})([".product-comparison--headline h2{margin-bottom:1.5rem;}.product-comparison--copy-text{margin-bottom:1.875rem;p{max-width:100%;font-size:1rem;}ul{font-size:1rem;}}.striped > div:nth-child(odd){--row-bg-color:",";background:var(--row-bg-color);@media ","{background:none;}}margin-top:0 !important;margin-bottom:0 !important;"],function(e){return e.theme.colors.cl03},function(e){return e.theme.device.medium}),v=(0,u.Ay)(c.f).withConfig({componentId:"sc-9af73c0a-1"})(["overflow:hidden;position:relative;"]),x=(0,u.Ay)(a.f).withConfig({componentId:"sc-9af73c0a-2"})(["padding-right:0;&::before{content:'';position:absolute;height:var(--header-height);left:0.75rem;right:0.75rem;background:",";z-index:-1;}"],function(e){return e.theme.colors.cl03}),b=(0,u.Ay)(a.f).withConfig({componentId:"sc-9af73c0a-3"})(["position:relative;@media ","{padding-left:0;padding-right:","rem;}> div:first-child > div:last-child{margin-left:calc(0.5 * var(--fixed-width) * -1);margin-right:calc(0.5 * var(--fixed-width));}"],function(e){return e.theme.device.medium},4.5),y=u.Ay.div.withConfig({componentId:"sc-9af73c0a-4"})(["position:absolute;left:1.75rem;right:1.75rem;display:flex;justify-content:space-between;align-items:center;z-index:100;height:0;top:calc(var(--header-height) / 2);@media ","{left:-","rem;}"],function(e){return e.theme.device.medium},3),I=u.Ay.div.withConfig({componentId:"sc-9af73c0a-5"})(["width:1.5rem;height:1.5rem;flex-shrink:0;margin-bottom:0.5rem;"]),w=u.Ay.div.withConfig({componentId:"sc-9af73c0a-6"})(["display:flex;justify-content:center;background:",";height:calc(var(--header-height));"],function(e){return e.theme.colors.cl03}),j=u.Ay.div.withConfig({componentId:"sc-9af73c0a-7"})(["display:flex;flex-direction:column;align-items:center;padding:1rem ","rem;@media ","{padding:1rem 0.5rem;}"],5.5,function(e){return e.theme.device.medium}),k=u.Ay.p.withConfig({componentId:"sc-9af73c0a-8"})(["font-size:1rem;font-weight:700;line-height:1.5rem;text-align:center;margin:0 !important;hyphens:auto;"]),C=u.Ay.div.withConfig({componentId:"sc-9af73c0a-9"})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;width:100%;"]),_=u.Ay.div.withConfig({componentId:"sc-9af73c0a-10"})(["width:2rem;height:2rem;flex:0 0 2rem;"]),N=(0,u.Ay)(h.CmsLink).withConfig({componentId:"sc-9af73c0a-11"})(["span{line-height:1.5rem;font-size:",";font-weight:",";&:last-child{",";}}"],function(e){return e.theme.fontTokens.font11[0]},function(e){return e.theme.fontWeights.normal},f(2)),A=u.Ay.div.withConfig({componentId:"sc-9af73c0a-12"})(["display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid ",";box-sizing:border-box;height:var(--cell-height);@media ","{justify-content:center;border:0;}"],function(e){return p(e.theme.colors.cl16,.16)},function(e){return e.theme.device.medium}),L=(0,u.Ay)(A).withConfig({componentId:"sc-9af73c0a-13"})(["justify-content:flex-start;@media ","{justify-content:flex-start;}&::before{content:'';position:absolute;height:var(--cell-height);left:0.75rem;right:0.75rem;background:var(--row-bg-color);border-bottom:1px solid ",";z-index:-1;}"],function(e){return e.theme.device.medium},function(e){return p(e.theme.colors.cl16,.16)}),z=u.Ay.span.withConfig({componentId:"sc-9af73c0a-14"})(["font-weight:500;line-height:1.5rem;font-size:",";",""],function(e){return e.theme.fontTokens.font11[0]},f(2)),E=u.Ay.div.withConfig({componentId:"sc-9af73c0a-15"})(["position:absolute;

1left:0.5rem;top:0;width:","rem;height:calc(var(--header-height));background:linear-gradient( to right,"," 0%,"," ","rem,","00 100% );@media ","{left:-","rem;}"],5.5,function(e){return e.theme.colors.cl03},function(e){return e.theme.colors.cl03},4.5,function(e){return e.theme.colors.cl03},function(e){return e.theme.device.medium},4),S=(0,u.Ay)(E).withConfig({componentId:"sc-9af73c0a-16"})(["left:unset;right:0.5rem;background:linear-gradient( to left,"," 0%,"," ","rem,","00 100% );@media ","{left:unset;right:0.75rem;}"],function(e){return e.theme.colors.cl03},function(e){return e.theme.colors.cl03},4.5,function(e){return e.theme.colors.cl03},function(e){return e.theme.device.medium}),T=u.Ay.div.withConfig({componentId:"sc-9af73c0a-17"})(["position:absolute;top:0;left:0;right:0;z-index:2;",""],function(e){return e.uiHidden?"opacity: 0; pointer-events: none;":""}),M=n(33722),B=n.n(M),D=n(69187),R=n(45983),W=n(64850),F=n(10292),G=n(82084),H=n(43580),P=n(60663);function $(e){var t=e.name,n=e.imageData,i=e.rawPicture,r=e.showIcon,c=e.isFixedCol;return(0,o.jsx)(w,{className:"product-comparison-header",style:c?{alignItems:"flex-end",justifyContent:"flex-start"}:void 0,children:(0,o.jsxs)(j,{children:[r&&(0,o.jsx)(I,{children:n&&(0,o.jsx)(P._,{aspectRatio:n.aspectRatio,format:n.format,data:n||i,alt:t,title:t})}),(0,o.jsx)(k,{children:t})]})})}var q=n(11470),J=n(64543),O=n(92348);function X(e){var t,n,r,c,a=e.productItem,s=e.useLinks,l=e.hideImages,d=null!=(c=a.name||(null==(t=a.link)?void 0:t.text))?c:"",u=(0,J.$)().trackGenericClick;return(0,o.jsxs)(C,{children:["false"===l&&(0,o.jsx)(_,{children:(0,o.jsx)(P._,{data:a.pictureObject||a.picture,alt:a.pictureAlt,title:a.pictureAlt})}),"true"===s&&a.link?(0,o.jsx)(N,{link:(0,q._)((0,i._)({},a.link),{text:d,popup:(null==(n=a.link.popup)?void 0:n.width)||(null==(r=a.link.popup)?void 0:r.height)?{width:Number(a.link.popup.width),height:Number(a.link.popup.height)}:void 0}),stylingType:"primary",alignByContent:void 0,onClick:function(){var e;u({page_section:"product-comparison",interaction_type:"select-product",link_text:d,link_url:null==(e=a.link)?void 0:e.target})},noTrackGenericInlineClick:!0}):(0,o.jsx)(z,{children:(0,O.j)(d)})]})}var K=n(62249);function Q(e){var t,n=e.groupItem,i=e.hideIcons,r=e.hideImages,c=e.productItems,a=e.useLinks,s=e.grayTable,l=(0,K.al)();return n?(0,o.jsxs)("div",{className:s?"striped":void 0,children:[(0,o.jsx)($,{name:n.groupName,imageData:null!=(t=n.pictureObject)?t:n.picture,showIcon:"false"===i}),c.map(function(e){var t;return(0,o.jsxs)(A,{className:"product-comparison-cell",children:[l&&(0,o.jsx)(X,{productItem:e,hideImages:r,useLinks:a}),(t=n.groupName,e.useCases.includes(t)&&(0,o.jsx)(H.I,{symbol:"Checkmark",width:"1.25rem"}))]},e.previewId)})]}):null}var U=n(44287),V=n(53510);function Y(e){var t=e.prevDisabled,n=e.nextDisabled,i=e.prevClassName,r=e.nextClassName,c=e.onSlideNavigation,a=(0,V.E)();return(0,o.jsxs)(y,{children:[(0,o.jsx)(U.$,{className:i,disabled:t,rounded:!0,symbol:"chevron_left",isIcon:!0,"aria-label":a.leftButton,onClickCapture:function(){c("prev")}}),(0,o.jsx)(U.$,{className:r,disabled:n,rounded:!0,symbol:"chevron_right",isIcon:!0,"aria-label":a.rightButton,onClickCapture:function(){c("next")}})]})}var Z=function(e){var t=e.groupName,n=e.picture,i=e.priority;return"".concat(t,"-").concat(n,"-").concat(i)};let ee=function(e){var t=e.groupItems,n=e.productItems,i=e.hideIcons,c=e.hideImages,a=e.grayTable,l=e.useLinks,d="product-comparison-carousel",u="".concat(d,"-prev-button"),m="".concat(d,"-next-button"),h=(0,K.Jo)(),p=(0,r._)((0,s.use

1State)(0),2),f=p[0],g=p[1],v=(0,J.$)().trackGenericClick,x=(0,s.useRef)(""),y=(0,s.useMemo)(function(){return{small:{slides:1,slidesToMove:1},medium:{slides:2,slidesToMove:1},large:{slides:Math.min(t.length,4),slidesToMove:1}}},[t]),I=(0,s.useMemo)(function(){return t.length<=1||["xs","s"].includes(h)&&t.length<=y.small.slides||"m"===h&&t.length<=y.medium.slides||["l","xl"].includes(h)&&t.length<=y.large.slides},[h,t,y]),w=(0,s.useMemo)(function(){return t.map(function(e){return(0,o.jsx)(Q,{groupItem:e,productItems:n,hideImages:c,useLinks:l,hideIcons:i,grayTable:a},Z(e))})},[t,a,i,c,n,l]);return(0,o.jsxs)(b,{size:[4,5,8],children:[(0,o.jsx)(G.F,{responsiveLayout:y,onChange:function(e){return g(e)},slideMargin:0,customButtonRight:!0,customButtonLeft:!0,onSlideChange:function(){x.current&&(v({page_section:"product-comparison",interaction_type:"next"===x.current?"next":"previous"}),x.current="")},hideIndicator:I,prevEl:"."+u,nextEl:"."+m,children:w}),(0,o.jsxs)(T,{uiHidden:I,children:[(0,o.jsx)(E,{}),(0,o.jsx)(S,{}),(0,o.jsx)(Y,{onSlideNavigation:function(e){x.current=e},prevDisabled:0===f,nextDisabled:f+1===t.length,prevClassName:u,nextClassName:m})]})]})};var et=n(4989);let en=function(e){var t=e.productItems,n=e.useLinks,i=e.hideImages,r=e.grayTable,c=(0,et.c3)();return(0,o.jsxs)(x,{size:[0,3,4],className:"fixed-column".concat(r?" striped":""),children:[(0,o.jsx)($,{name:null==c?void 0:c.web20_productcomparison_header,isFixedCol:!0}),t.map(function(e,t){return(0,o.jsx)(L,{className:"product-comparison-cell","data-preview-id":"#".concat(t),children:(0,o.jsx)(X,{productItem:e,hideImages:i,useLinks:n})},e.previewId)})]})};var ei=n(50663),er=n(39487);function eo(e,t){if(!e.current)return"0";var n,i=Array.from(e.current.querySelectorAll(t));if(!i.length)return"0";

1i.forEach(function(e){e.style.display="block",e.style.height="auto"});var r=(n=Math).max.apply(n,(0,er._)(i.map(function(e){return e.offsetHeight})));return i.forEach(function(e){e.style.display="",e.style.height=""}),"".concat(r,"px")}var ec=n(5742),ea=n(23130),es=n(31988),el=n(20737),ed=n(93192);function eu(e){var t=e.anchor,n=e.border,l=e.contentIndex,u=e.productItems,m=e.subtitle,h=e.text,p=e.title,f=e.titleInAnchor,x=e.useLinks,b=e.hideIcons,y=e.grayTable,I=e.hideImages,w=e.groupItems,j=(0,s.useRef)(null),k=(0,ec._)(null!=p?p:"",null!=t?t:"",f,l),C=(0,K.al)(),_=(0,K.Jo)(),N=(0,ea.d)(),A=(0,es.R)()||N,L=(0,r._)((0,s.useState)("5rem"),2),z=L[0],E=L[1],S=(0,r._)((0,s.useState)("5rem"),2),T=S[0],M=S[1],G=(0,r._)((0,s.useState)("auto"),2),H=G[0],P=G[1],$=d()(function(){j.current&&(E(eo(j,".product-comparison-header")),M(eo(j,".product-comparison-cell")))},100),q=function(){if(!j.current)return void P("0");var e=j.current.querySelector(".fixed-column");if(!e)return void P("0");P("".concat(e.offsetWidth,"px"))};return(0,el.E)(function(){$(),q()},[u,_]),(0,s.useEffect)(function(){$()},[j,$]),(0,s.useEffect)(function(){return window.addEventListener("resize",$),window.addEventListener("resize",q),function(){window.removeEventListener("resize",$),window.removeEventListener("resize",q)}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("section",{className:(0,ed.B)(B().productComparisonWrapper,!n&&B().hasSCL),id:k,children:(0,o.jsxs)(g,{maxContentWidth:(0,ei.gi)(ei.pc.gddsFullGrid),id:k,className:"product-comparison",ref:j,style:{"--header-height":z,"--cell-height":T,"--fixed-width":H},children:[(0,o.jsx)(c.f,{justify:"center",children:(0,o.jsxs)(a.f,{size:[4,8,12],children:[(0,o.jsx)(R.Headline,{title:p,subtitle:m,tag:D.X.h2,className:"product-comparison--headline",titlePreviewId:"#st_title",subtitlePreviewId:"#st_subtitle"}),h&&(0,o.jsx)(W.InnerHtml,{as:"div",content:h,isGdds:!0,className:"product-comparison--copy-text",previewId:"#st_text",trackPageSection:"product-comparison"})]})}),(0,o.jsx)(c.f,{justify:"center",children:(0,o.jsx)(a.f,{size:[4,8,3+(w.length>2?9:5)],children:(0,o.jsxs)(v,{justify:"center","data-preview-id":"#st_productComparisonItems",children:[!C&&(0,o.jsx)(en,{productItems:u,hideImages:I,useLinks:x,grayTable:y,hideIcons:b}),(0,o.jsx)(ee,(0,i._)({},e))]})})})]})}),!n&&A&&(0,o.jsx)(F.B,{})]})}},33722:e=>{e.exports={productComparisonWrapper:"product-comparison_productComparisonWrapper__x9ueX",hasSCL:"product-comparison_hasSCL__M8uCI"}}}]);