https://www.geberit.de/_next/static/chunks/2934.5d130554577d761b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2934],{70978:e=>{e.exports={tabsWrapper:"sliding-tabs_tabsWrapper__SKMsw",hasSCL:"sliding-tabs_hasSCL__QuSGa",headlineWrapper:"sliding-tabs_headlineWrapper__06GDh",container:"sliding-tabs_container__fNbSY",buttonWrapper:"sliding-tabs_buttonWrapper__ocF1K",right:"sliding-tabs_right__BTKQV",left:"sliding-tabs_left__aqKHN",track:"sliding-tabs_track__VMjG9",active:"sliding-tabs_active__4H4lo",focusVisible:"sliding-tabs_focusVisible__BEL9W",tabTitle:"sliding-tabs_tabTitle__RCotZ",tabPanel:"sliding-tabs_tabPanel__AqUVG",wrapper:"sliding-tabs_wrapper__OJo61",textWrapper:"sliding-tabs_textWrapper__SVrrB",tabContent:"sliding-tabs_tabContent__RbJJU",white:"sliding-tabs_white__RyqY1",grey:"sliding-tabs_grey__s_NXD",nord:"sliding-tabs_nord__9zY_f",background:"sliding-tabs_background__vrDc8",tabIconWrapper:"sliding-tabs_tabIconWrapper__WyFUu",tabIcon:"sliding-tabs_tabIcon__aVQe_",forSeoOnly:"sliding-tabs_forSeoOnly__xd5Zv"}},92934:(e,t,n)=>{"use strict";n.r(t),n.d(t,{SlidingTabs:()=>J});var i=n(67867),r=n(11470),a=n(95155),s=n(15870),l=n(75462),c=n(70978),o=n.n(c),d=n(69187),u=n(64850),b=n(10292),_=n(60663),f=n(12844),h=n(80542),p=n(12115),v=n(57726),x=n(42042),g=n(42826),j=n(44287),m=n(98569),y=n(33723),k=n(61287),I=n(76349),w=n(76913),C=n(88408),N=n(93192),S=n(64543);function W(e){var t=e.item,n=e.state,s=e.tabIndex,l=e.onScroll,c=(0,h._)((0,p.useState)(""),2),d=c[0],u=c[1],b=(0,h._)((0,p.useState)(""),2),_=b[0],v=b[1],x=t.key,g=t.rendered,j=(0,p.useRef)(null),m=(0,I.V)({key:x},n,j).tabProps,y=m.onClick,k=(0,f._)(m,["onClick"]),W=n.selectedKey===x,P=n.disabledKeys.has(x),E=(0,w.o)(),V=E.isFocusVisible,B=E.focusProps,O=(0,S.$)().trackGenericClick;return(0,p.useEffect)(function(){(null==m?void 0:m.id)&&u(m.id)},[]),(0,p.useEffect)(function(){m["aria-controls"]&&v(m["aria-controls"])},[]),(0,p.useEffect)(function(){if(W){var e,t;l((null==(t=j.current)||null==(e=t.parentElement)?void 0:e.scrollLeft)||0),n.selectionManager.setFocusedKey(x)}},[W]),(0,a.jsx)("div",(0,r._)((0,i._)((0,r._)((0,i._)({},k,B),{onClick:function(e){null==y||y(e),O({page_section:"tabs",interaction_type:"switch-tab",link_text:null==t?void 0:t.textValue})},ref:j,className:(0,N.B)(W&&o().active,V&&o().focusVisible),style:{opacity:P?"0.5":void 0}}),(0,C.q)("#".concat(s))),{id:d,"aria-controls":_,children:g}))}var P=n(61378);function E(e){var t,n=e.state,s=(0,f._)(e,["state"]),l=(0,p.useRef)(null),c=(0,P.J)(s,n,l).tabPanelProps,d=(0,h._)(p.useState(""),2),u=d[0],b=d[1],_=(0,h._)(p.useState(""),2),v=_[0],x=_[1];return p.useEffect(function(){(null==c?void 0:c.id)&&b(c.id)},[]),p.useEffect(function(){c["aria-labelledby"]&&x(c["aria-labelledby"])},[]),(0,a.jsx)("div",(0,r._)((0,i._)({},c),{id:u,"aria-labelledby":v,className:o().tabPanel,ref:l,children:null==(t=n.selectedItem)?void 0:t.props.children}))}var V=n(62249),B=n(23130),O=n(31988);let R=function(e){var t,n=e.backgroundColor,s=(0,f._)(e,["backgroundColor"]),c=(0,V.al)(),d=(0,V.Ww)(),b=(0,B.d)(),_=(0,O.R)(),I=(0,v.g)(s),w=(0,p.useRef)(null),C=p.useId(),S=(0,x.$)(s,I,w).tabListProps;S.id="react-aria".concat(C);var P=(0,h._)((0,p.useState)(0),2),R=P[0],K=P[1],L=(0,h._)((0,p.useState)(0),2),F=L[0],G=L[1],T=(0,h._)((0,p.useState)(0),2),q=T[0],z=T[1],A=(0,g.Ay)({onResize:function(e){var t=e.entry;G(t.target.scrollWidth),z(t.target.clientWidth)}}).observe,H=R>0,J=R+q+20<F,M=(0,p.useMemo)(function(){return c?24:d?32:44},[c,d]);return(0,p.useEffect)(function(){H&&K(R+M)},[H]),(0,p.useEffect)(function(){var e,t,n=null==(e=w.current)?void 0:e.querySelector(".track");null==n||null==(t=n.scroll)||t.call(n,{left:R,behavior:"auto"})},[R]),(0,a.jsxs)("div",{children:[(0,a.jsxs)(l.m,{children:[(0,a.jsx)(m.f,{justify:"center",children:(0,a.jsx)(y.f,{size:{xs:4,s:4,m:8,l:12,xl:12},children:(0,a.jsxs)("div",(0,r._)((0,i._)({className:o().wrapper},S),{ref:w,children:[H?(0,a.jsx)("div",{className:(0,N.B)(o().buttonWrapper,o().left),children:(0,a.jsx)(j.$,{onClick:function(){R>0&&K(function(e){return e-200})},stylingType:"icon",symbol:"chevron_left"})}):null,(0,a.jsx)("div",{ref:A,className:(0,N.B)(o().track,"track"),style:{marginRight:J?M:0,marginLeft:H?M:0},children:Array.from(I.collection).map(function(e,t){return(0,a.jsx)(W,{onScroll:K,item:e,state:I,tabIndex:t},e.key)})}),J?(0,a.jsx)("div",{className:(0,N.B)(o().buttonWrapper,o().right),children:(0,a.jsx)(j.$,{onClick:function(){R+q>F?K(F-(R+q)):K(function(e){return e+200})},stylingType:"icon",symbol:"chevron_right"})}):null]}))})}),(0,a.jsx)(m.f,{justify:"center",children:(0,a.jsx)(y.f,{size:{xs:4,s:4,m:8,l:12,xl:12},children:(0,a.jsx)(k.c,{})})})]}),(0,a.jsx)(l.m,{children:(0,a.jsx)("div",{className:(0,N.B)(o().background,o()[n],_&&o().nord),children:(0,a.jsx)(m.f,{justify:"center",children:(0,a.jsx)(y.f,{size:[4,8,12],children:b?Array.from(I.collection).map(function(e){var t,n=(0,a.jsx)(u.InnerHtml,{as:"h3",className:o().forSeoOnly,content:e.textValue,isGdds:!0});return e===I.selectedItem?(0,a.jsxs)(a.Fragment,{children:[n,(0,a.jsx)(E,{state:I},null==(t=I.selectedItem)?void 0:t.key)]}):(0,a.jsxs)(a.Fragment,{children:[n,(0,a.jsx)("div",{className:o().forSeoOnly,children:e.props.children},e.key)]})}):(0,a.jsx)(E,{state:I},null==(t=I.selectedItem)?void 0:t.key)})})})})]})};var K=n(10685),L=n.n(K),F=n(89282);let G=function(e){var t=e.content,n=e.currentIndex,s=e.parentPreviewId;return t?(0,a.jsx)("div",{"data-preview-id":"#".concat(n),children:(0,a.jsx)("div",{"data-preview-id":"#st_content",children:null==t?void 0:t.map(function(e,l){return(0,a.jsx)("div",{children:(0,p.createElement)(F.ContentElement,(0,i._)((0,r._)((0,i._)({},e),{key:L()(e),contentIndex:l,contentLength:t.length,previewId:"#".concat(l),childOf:0===l?"tab":void 0,isChild:!0,elementPreviewId:"".concat(n,"-").concat(l),parentPreviewId:s}),l===t.length-1&&{border:"disable-border"}))},L()(e))})})}):null};var T=n(45983),q=n(50663),z=n(5742),A=n(75224),H=function(e){var t=e.items.map(function(e){return e.previewId}).join("-");return"".concat(e.label,"-").concat(t)};function J(e){var t=e.tabs,n=e.title,c=e.text,f=e.subtitle,h=e.anchor,p=e.titleInAnchor,v=e.border,x=e.contentIndex,g=e.disabledKeys,j=e.previewId,m=e.elementPreviewId,y=e.backgroundColor,k=void 0===y?"white":y,I=(0,z._)(n,h,p,x),w=(0,O.R)(),C=t.every(function(e){return e.iconObject&&e.

1iconObject.url.length>0}),S=(0,A.b)({bgColor:k}),W="disable-border"!==v;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("section",(0,r._)((0,i._)({id:I,className:(0,N.B)(o().tabsWrapper,W&&o().hasSCL)},S),{children:[(0,a.jsx)(l.m,{maxContentWidth:(0,q.gi)(q.pc.gddsFullGrid),children:(0,a.jsx)(T.Headline,{className:o().headlineWrapper,tag:d.X.h2,title:n,subtitle:f,text:c})}),(0,a.jsx)("div",{className:o().container,children:(0,a.jsx)("div",{"data-preview-id":"#st_tabs",children:t.length>0&&(0,a.jsx)(R,{"aria-label":n,disabledKeys:void 0===g?[]:g,backgroundColor:k,children:t.map(function(e,t){return(0,a.jsx)(s.q,{title:(0,a.jsxs)("div",{className:o().tabTitle,children:[C&&e.iconObject&&e.iconObject.url.length>0&&(0,a.jsx)("span",{className:o().tabIconWrapper,children:(0,a.jsx)(_._,{alt:e.label,src:e.iconObject.url,className:o().tabIcon})}),(0,a.jsx)(u.InnerHtml,{className:o().tabTitle,as:"span",content:e.label,isGdds:!0,previewId:"#st_tabLabel"})]}),textValue:e.label,children:(0,a.jsx)("div",{className:(0,N.B)(o().tabContent,o()[k],w&&o().nord),children:(0,a.jsx)(G,{content:e.items,currentIndex:t,parentPreviewId:j,elementPreviewId:m})})},H(e))})})})})]})),W&&(0,a.jsx)(b.B,{})]})}}}]);