https://www.geberit.de/_next/static/chunks/3113.e7a270597cdc945d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3113],{2206:(e,t,l)=>{"use strict";l.d(t,{E:()=>i,o:()=>n});var i={KOLO:"96.125",TWYFORD:"96.125",NORD:"96.125",GROUP:"85.125"},n={KOLO:"gddsFullGrid",TWYFORD:"gddsFullGrid",NORD:"gddsFullGrid",GROUP:"full"}},3125:(e,t,l)=>{"use strict";l.d(t,{_:()=>C});var i=l(80542),n=l(95155),r=l(12115),o=l(75462),s=l(98569),a=l(33723),c=l(61287),u=l(48683),d=l(44287),f=l(50042),p=l.n(f),v=l(50663),_=l(2206),m=l(33649),g=l(39487),h=l(63324),b=l(47957),x=l.n(b),w=l(79542),k=l(4989),j=l(92254),y=l(64543);function I(e,t){return"".concat(e,"_").concat(t)}function O(e){var t=e.id,l=e.label,o=e.allItems,s=e.placeholder,a=e.filterName,c=e.selectedText,u=e.selectedTextPlural,d=e.fsSectionId,f=I(d,a),v=(0,i._)((0,r.useTransition)(),2),_=(v[0],v[1]),b=(0,k.hH)(),O=(0,y.$)().trackGenericClick,T=(0,i._)((0,w.D)([f],[],!0),3),C=T[0],N=(T[1],T[2]),P=(0,r.useRef)(null),R=(0,i._)((0,r.useOptimistic)(C,function(e,t){return null!=t?t:C}),2),S=R[0],B=R[1],M=S[f],D=b(s),E=!1;M&&M.length>0&&(E=!0,D="1 ".concat(b(null!=c?c:"")),M.length>1&&u&&(D="".concat(M.length," ").concat(b(u))));var F=(0,r.useMemo)(function(){return(0,j.Im)(M)?void 0:(0,m._)({},t,M)},[t,M]);(0,r.useEffect)(function(){if(P.current){var e=P.current.querySelector("select");e&&Array.from(e.options).forEach(function(e){var l,i=e.value;(null==F||null==(l=F[t])?void 0:l.includes(i))?e.selected=!0:e.selected=!1})}},[t,f,d,b,l,F]);var L=x()(function(e){M.length<e.length&&O({page_section:"filters",interaction_type:"select-filter",filter_id:e[e.length-1].id}),_(function(){B((0,m._)({},f,e.map(function(e){return e.value}))),N((0,m._)({},f,e.map(function(e){return e.value})))})},300),W=(0,g._)(null!=o?o:[]).sort(function(e,t){var l=(null==e?void 0:e.text)||"",i=(null==t?void 0:t.text)||"";return l.localeCompare(i,void 0,{sensitivity:"base"})});return(0,j.Im)(o)?null:(0,n.jsx)("div",{ref:P,children:(0,n.jsx)(h.m,{multiple:!0,placeholder:D,className:p()["tiles-filter-dropdown"],label:b(l),items:W,onChange:L,onOpened:function(){O({page_section:"filters",interaction_type:"open-filter"})},name:t,values:F,outlined:!0,forcePlaceholder:!0,forceCustom:!0,placeholderClassName:E?p()["tiles-filter-placeholder"]:void 0})})}var T=l(7930);function C(e){var t=e.filterElements,l=e.fsSectionId,f=e.titleTranslationKey,m=(0,i._)((0,r.useTransition)(),2),g=(m[0],m[1]),h=(0,k.hH)(),b=(0,y.$)().trackGenericClick,x=Object.keys(t).map(function(e){return I(l,e)}),C=(0,i._)((0,w.D)(x,[],!0),3),N=C[0],P=(C[1],C[2]),R=v.pc[_.o.NORD],S=Object.entries(N).map(function(e){var n=(0,i._)(e,2),r=n[0];return n[1].map(function(e){var i,n;return{title:h(null!=(n=null==(i=t[r.replace("".concat(l,"_"),"")])?void 0:i.label)?n:""),value:h(e)}})}).flat();return(0,j.D$)(Object.values(t).flatMap(function(e){return e.items}))?(0,n.jsx)(o.m,{maxContentWidth:(0,v.gi)(R),className:p()["tiles-filters-wrapper"],children:(0,n.jsx)(s.f,{children:(0,n.jsx)(a.f,{children:(0,n.jsxs)("div",{className:p()["filters-wrapper"],children:[(0,n.jsx)("span",{className:p()["filter-label"],children:h(void 0===f?"filter_label":f)}),(0,n.jsx)(c.c,{}),(0,n.jsx)("div",{className:p().filters,children:Object.entries(t).map(function(e){var t=(0,i._)(e,2),r=t[0],o=t[1];return(0,n.jsx)(O,{fsSectionId:l,id:"tiles-filter-".concat(o.label,"-").concat(l),label:o.label,allItems:o.items,placeholder:o.placeholder,selectedText:o.selectedText,selectedTextPlural:o.selectedTextPlural,filterName:r},r)})}),(0,n.jsx)("div",{className:p()["filters-chips-wrapper"],children:(0,n.jsx)(u.s,{selectedItems:Object.values(N).flat().filter(T.O9),gap:16,onChange:function(e){g(function(){P(Object.entries(N).reduce(function(t,l){var n,r=(0,i._)(l,2),o=r[0],s=r[1],a=null==s||null==(n=s.filter(function(t){return e.includes(t)}))?void 0:n.filter(T.O9);return a&&(t[o]=a),t},{}))})},type:"A",isShowLabel:!0,chips:S})}),(0,n.jsx)("div",{className:p()["reset-button-wrapper"],children:(0,n.jsx)(d.$,{onClick:function(){g(function(){P(Object.fromEntries(x.map(function(e){return[e,[]]})))}),b({page_section:"filters",interaction_type:"reset-filters"})},stylingType:"flatHighlight",children:h("filter_resetfilter")})}),(0,n.jsx)(c.c,{})]})})})}):null}},50042:e=>{e.exports={"tiles-filters-wrapper":"tiles-filter_tiles-filters-wrapper__YR_pN","filters-wrapper":"tiles-filter_filters-wrapper__958Zm","filter-label":"tiles-filter_filter-label__B6AlC",filters:"tiles-filter_filters__iI9jo","tiles-filter-placeholder":"tiles-filter_tiles-filter-placeholder__aLtQe","filters-chips-wrapper":"tiles-filter_filters-chips-wrapper__T5Ubm","reset-button-wrapper":"tiles-filter_reset-button-wrapper__cpf5y"}},50300:(e,t,l)=>{"use strict";l.d(t,{f:()=>c,q:()=>a});var i=l(58179),n=l.n(i),r=l(12115),o=l(4989),s=l(92254);function a(e){var t=(0,o.hH)();return(0,r.useCallback)(function(l){return Object.keys(l).forEach(function(i){var r,o=n()(e.reduce(function(e,t){var l=c(t)[i];return l&&e.push(l),e},[]).flat()).map((r=t,function(e){return{text:r(e),value:r(e),id:e}}));l[i]&&(l[i].items=o)}),l},[e,t])}var c=function(e){var t;return(0,s.Im)(null==e?void 0:e.filters)?null!=(t=null==e?void 0:e.storyFilters)?t:{}:e.filters}},93113:(e,t,l)=>{"use strict";l.r(t),l.d(t,{ProductiveTiles:()=>eo});var i=l(67867),n=l(95155),r=l(11470),o=l(80542),s=l(39487),a=l(12115),c=l(75462),u=l(88672),d=l(98569),f=l(44287),p=l(44654),v=l.n(p),_=l(47998),m=l.n(_),g=l(77304),h=l(33723),b=l(82084),x=l(10685),w=l.n(x),k=l(20063),j=l(69187),y=l(64850),I=l(67296),O=l(45983),T=l(93192),C=l(92348),N=l(31988),P=l(89130),R=l(25670),S=l(85803),B=l(49446),M=l(77968),D=l(34378),E=l(23130),F=l(62433),L=function(e,t,l,i){var n,r,o;t.link&&(["_self","_blank","default","_popup"].includes(null!=(r=null==t||null==(n=t.link)?void 0:n.window)?r:"")&&(e.preventDefault(),e.stopPropagation()),"_self"===t.link.window&&l.push(t.link.target),("_blank"===t.link.window||"default"===t.link.window)&&(null==(o=window.open(t.link.target,t.link.window))||o.focus()),"_popup"===t.link.window&&(0,F.j)(t.link,w()(t.link)),i(t))},W=l(53510),A=l(64543);let G=function(e){var t=e.tiles,l=e.isMobile,o=e.toggleVideoModal,s=e.trackLink,a=e.tileBackgroun

1d,c=e.aspectRatio,u=e.colorVariant,d=e.carousel,f=e.autoplay,p=e.sliderSpeed,_=e.isChild,x=void 0!==_&&_,F=e.lastElementRef,G=(0,N.R)(),H=(0,E.d)(),X=(0,P.X)(),V=(0,R.S)(),Y=(0,S.Ys)(),z=(0,D.f)(),$=(0,M.K)(),q=(0,B.i)(),K=(0,k.useRouter)(),U=(0,W.E)(),Q=(0,A.$)(),Z=Q.trackCtaClick,J=Q.trackGenericClick;X&&"bg-porcelain"!==u&&(a="white",u="bg-white"),z&&"bg-porcelain"!==u&&"bg-white"!==u&&(a="white",u="bg-white");var ee=(G||H)&&"white"===a&&"bg-white"===u,et=function(e,d,f){var p,_,h,b,k,N,P,R,B,M,D,E,W,A,X,z,U,Q,J=l&&(null==(b=e.imageObjectMobile)?void 0:b.url)||(null==(k=e.imageObject)?void 0:k.url)||e.image,et=(null==(N=e.video)?void 0:N.type)==="youtube"&&e.image,el=l?(null==(R=e.video)||null==(P=R.videoPreviewImage)?void 0:P.mobile)||(null==(M=e.video)||null==(B=M.videoPreviewImage)?void 0:B.desktop):(null==(E=e.video)||null==(D=E.videoPreviewImage)?void 0:D.desktop)||(null==(A=e.video)||null==(W=A.videoPreviewImage)?void 0:W.mobile),ei=e.video&&(el||et),en=(null==(X=e.video)?void 0:X.type)==="youtube"?"youtube":"mi24",er=ei&&!1===Y.Comfort,eo=!ei||!0===Y.Comfort,es=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(y.InnerHtml,{previewId:e.previewId?"#st_text":void 0,content:e.text,as:"div"}),(0,n.jsx)(I.CmsLink,{link:(0,r._)((0,i._)({},e.link),{target:(null==(z=e.link)?void 0:z.target)||"",text:(0,C.j)(null==(U=e.link)?void 0:U.text)}),onClick:function(){e.link&&Z({page_section:"tiles",step:(null!=d?d:0)+1,link_text:e.link.text||"",link_url:e.link.target?new URL(e.link.target,globalThis.location.origin).href:""})},standardFontSize:!1,alignByContent:"left",stylingType:"primary"})]}),ea=G&&!J&&!el&&"bg-white"===u;return(0,n.jsxs)("div",{ref:d===t.length-1?F:null,className:(0,T.B)(v().productiveTile,ee&&v().tileBorder,ea&&v().noImageBorder,v().tileWrapper),"data-preview-id":q(e.previewId&&"#".concat(e.originalIndex)),inert:!1===f,children:[er&&(0,n.jsx)(S.sq,{type:en}),eo&&(0,n.jsx)(g.z,(0,r._)((0,i._)((0,r._)((0,i._)({},e),{type:"tleb1",image:J||el,imageTitle:(0,C.j)(e.imageAlt),altText:(0,C.j)(e.imageAlt),imageAspectRatio:null==(h=G?c:l&&(null==(p=e.imageObjectMobile)?void 0:p.aspectRatio)||(null==(_=e.imageObject)?void 0:_.aspectRatio))?void 0:h.replace("_",":"),renderHeadline:function(){return(0,n.jsx)(O.Headline,{tag:x&&H?j.X.h5:j.X.h3,variant:j.X.h6,title:(0,C.j)(m()(e.title||e.name||""))})},customBackgroundColor:a,showPlayButton:!!ei,linkStyleType:"secondary",link:{},onLinkClick:function(t){return L(t,e,K,s)},titlePreviewId:function(){if(G)return"#st_headline"}(),customParagraph:es}),ei?{onEvent:function(){return o(e)}}:{}),{isPreview:$})),e.isAutofilled&&V&&(0,n.jsx)(I.CmsLink,{link:(0,r._)((0,i._)({},e.link),{target:(null==(Q=e.link)?void 0:Q.target)||"",showArrow:!1,text:"",window:"_self"}),className:(0,T.B)(v().autofilled,"call-to-action-button")})]},w()(e))};return d&&(null==t?void 0:t.length)>3?(0,n.jsx)(h.f,{size:[4,8,12],className:v().carouselWrapper,children:(0,n.jsx)(b.F,(0,r._)((0,i._)({watchSlidesProgress:!0,autoSliding:void 0!==f&&f,slidingInterval:p,hideButtons:!0,slideMargin:24,supportMouse:!0,ariaLabels:U,onSlideChange:function(e,t){"prev"===t?J({page_section:"tiles",interaction_type:"previous",step:e+1}):"next"===t?J({page_section:"tiles",interaction_type:"next",step:e+1}):"indicator"===t&&J({page_section:"tiles",interaction_type:"move-slider"})}},G&&{hideButtonsTablet:!0,slideMargin:24}),{children:null==t?void 0:t.map(function(e,t){return function(l){return et(e,t,l.isVisible)}})}))}):null==t?void 0:t.map(function(e,t){return(0,n.jsx)(h.f,{size:[4,4,4],className:v().tile,children:et(e,t)},w()(e))})};var H=l(10292),X=l(52004),V=l(81856),Y=l(3125),z=l(24701),$=l(92254),q=l(50663),K=l(2206),U=l(62249),Q=l(5742),Z=l(4989),J=l(7930),ee=l(29594),et=l(79542),el=l(50300),ei=l(57782),en=l(9915);function er(e){var t,l,p,_=e.items,m=void 0===_?[]:_,g=e.background,h=e.backgroundColor,b=e.title,x=e.subtitle,w=e.contentIndex,k=e.text,I=e.richText,P=e.carousel,R=e.type,S=e.sizes,B=e.border,M=e.colorVariant,D=e.anchor,F=e.titleInAnchor,L=e.aspectRatio,W=e.showLoadMoreButton,A=e.autoplay,er=e.isChild,eo=void 0!==er&&er,es=e.childOf,ea=e.sliderSpeed,ec=e.parentPreviewId,eu=e.elementPreviewId,ed=e.previewId,ef=(0,en.z1)().trackClick,ep=(0,E.d)(),ev=(0,ee.Q)(),e_=(0,U.GM)({gdds:!0}

1),em=(0,U.Ww)(),eg=(0,U.al)(),eh=(0,o._)((0,a.useState)(!1),2),eb=eh[0],ex=eh[1],ew=(0,N.R)(),ek=(0,Z.hH)(),ej=(0,Z.FE)("web20_downloadcenter_more_results"),ey="white"===((void 0===g?"":g)||(void 0===h?"":h)||"bg-white")?"light":"white",eI=(0,Q._)(null!=b?b:"",null!=D?D:"",!!F,w),eO=function(){if("tiles"!==R)return M;var e=M,t=(0,J.hn)(ev,[z.D.XY,z.D.KOLO,z.D.TWYFORD]);return(["bg-white","bg-light-grey"].includes(e)||!t)&&("bg-light-grey"!==e||t)||(e="bg-white"),e}(),eT=(0,el.q)(m),eC=(0,a.useMemo)(function(){return eT({products:{label:"filter_productfilter",placeholder:"filter_placeholder",selectedText:"filter_oneproduct_selected",selectedTextPlural:"filter_multipleproduct_selected",items:[]},typeOfBuilding:{label:"filter_typeofbuilding",placeholder:"filter_placeholder",selectedText:"filter_onetypeofbuilding_selected",selectedTextPlural:"filter_multipletypeofbuilding_selected",items:[]},region:{label:"filter_region",placeholder:"filter_placeholder",selectedText:"filter_oneregion_selected",selectedTextPlural:"filter_multipleregion_selected",items:[]}})},[eT]),eN=(0,a.useMemo)(function(){return eT({categories:{label:"web20_story_filter_category",placeholder:"filter_placeholder",selectedText:"web20_story_filter_onecategory_selected",selectedTextPlural:"web20_story_filter_multiplecategory_selected",items:[]}})},[eT]),eP=(0,a.useRef)(null),eR=Object.keys(eC),eS=Object.keys(eN),eB=(0,ei.SZ)({previewId:ed,elementPreviewId:eu,parentPreviewId:ec}),eM=(0,o._)((0,et.D)((0,s._)(eR).concat((0,s._)(eS)).map(function(e){return"".concat(eB,"_").concat(e)}),[],!0),1)[0],eD=!(0,$.Im)(Object.values(eM).flat().filter(Boolean)),eE=(0,o._)((0,a.useState)(0),2),eF=eE[0],eL=eE[1],eW=(0,a.useMemo)(function(){return eg?null==S?void 0:S.mobile:em?null==S?void 0:S.tablet:null==S?void 0:S.desktop},[eg,em,S]),eA=(0,a.useMemo)(function(){return m.map(function(e,t){return(0,r._)((0,i._)({},e),{originalIndex:t})})},[m]),eG=(0,a.useMemo)(function(){return eA.filter(function(e){return!eD||Object.keys((0,el.f)(e)).every(function(t){var l=eM["".concat(eB,"_").concat(t)];return!!(0,$.Im)(l)||(0,el.f)(e)[t].some(function(e){return null==l?void 0:l.includes(ek(e))})})})},[eB,eD,eA,eM,ek]),eH=function(e){ex(e)},eX=!P&&W&&!eD,eV=eX?eG.slice(0,eF+eW):eG,eY=e_&&P&&eV.length>3?K.E.NORD:q.pc[K.o.NORD];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{className:(0,T.B)(v().productiveWrapper,"accordion"===es&&v().marginIsAccordion,"tab"===es&&v().marginIsTab,eO?v()[eO]:"",B?"":v().border),id:eI,children:(0,n.jsxs)(V.S,{previewId:function(){if(ew||ep)return"#st_tiles"}(),children:[(0,n.jsxs)(c.m,{maxContentWidth:(0,q.gi)(q.pc.gddsFullGrid),className:(0,T.B)(v().tilesWrapper,"tab"===es&&"tab-child-container"),children:[(0,n.jsx)(O.Headline,{title:b,subtitle:x,tag:eo&&ep?j.X.h4:j.X.h2,variant:j.X.h2,className:v().headline,titlePreviewId:"#st_title",subtitlePreviewId:"#st_subtitle"}),(0,$.Im)(I)?k&&(0,n.jsx)(u.g,{as:"div",previewId:"#st_text",className:v().copyText,content:k.replace(/\n/g,"<br />")}):(0,n.jsx)(y.InnerHtml,{as:"div",previewId:"#st_richText",content:I,className:v().copyText,trackPageSection:"tiles",isGdds:!0})]}),(0,n.jsx)(Y._,{fsSectionId:eB,filterElements:eC}),(0,n.jsx)(Y._,{fsSectionId:eB,filterElements:eN}),(0,n.jsxs)(c.m,{maxContentWidth:(0,q.gi)(eY),className:v().tilesWrapper,children:[!(0,$.Im)(eV)&&(0,n.jsx)(d.f,{children:(0,n.jsx)(G,{tiles:eV,sliderSpeed:ea,isMobile:eg,toggleVideoModal:eH,trackLink:function(e){ef({click_intent:"more_info",click_element:"tile",click_text:(0,C.j)(e.link.text),click_url:e.link.target})},tileBackground:ey,carousel:!!P,aspectRatio:L,colorVariant:eO,autoplay:void 0!==A&&A,isChild:eo,lastElementRef:eP})}),eX&&(null==eV?void 0:eV.length)<(null==eG?void 0:eG.length)&&(0,n.jsx)(d.f,{className:v().buttonRow,children:(0,n.jsx)(f.$,{symbol:"update",className:v().loadmoreIcon,onClick:function(){var e,t=null==(e=eP.current)?void 0:e.querySelector("[tabindex]");t&&t.focus(),eL(function(e){return e+eW})},children:ej})})]})]})}),!B&&(0,n.jsx)(H.B,{}),eb&&(0,n.jsx)(X.A,{onClose:eH,videoTitle:null==eb?void 0:eb.title,videoId:null!=(p=null==(t=eb.video)?void 0:t.videoId)?p:"",isYoutubeVideo:(null==(l=eb.video)?void 0:l.type)==="youtube"})]})}function eo(e){return(0,n.jsx)(er,(0,i._)({},e))}}}]);