1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4307],{8868:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});var n=a(77766);let r=(e=991)=>{let[t,a]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{{let t=()=>{a(window.innerWidth<e)};return t(),window.addEventListener("resize",t,{passive:!0}),()=>{window.removeEventListener("resize",t)}}},[e]),t}},11701:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var n=a(49222),r=a(8868),l=a(84752),s=a(3638),i=a(77766),o=a(19792),c=a(72568),u=a.n(c);let d=({items:e,initialItem:t,alignNavItems:a="left",noShadow:c=!1})=>{let d=(0,i.useMemo)(()=>e.map(e=>e.navItem),[e]),b=(0,i.useMemo)(()=>e.map(e=>e.content),[e]),m=(0,i.useMemo)(()=>d.map(()=>i.createRef()),[d]),f=(0,i.useRef)(null),v=(0,i.useMemo)(()=>t&&e.includes(t)?e.indexOf(t):0,[]),[p,h]=(0,i.useState)(v),x=(0,i.useRef)(p),[N,g]=(0,i.useState)(0),T=(0,r.A)(),C=b.find((e,t)=>t===p&&e),[j,w]=(0,i.useState)(!1),[A,I]=(0,i.useState)(!1);(0,i.useEffect)(()=>{g(m[p].current?.offsetWidth??0)},[m,p]);let S=(0,i.useCallback)(e=>e?m[e].current?.offsetLeft??0:m[p].current?.offsetLeft??0,[m,p]);(0,i.useEffect)(()=>{if(f.current&&(!T||t))if(0===p)f.current.scrollLeft=0;else if(d.length-1===p)f.current.scrollLeft=0x3b9ac9ff;else{let e=m[p].current?.offsetWidth??0;f.current.scrollLeft=T?S(p):S(p)-.25*e}},[S,T,m,d.length,p,t]);let E=(0,i.useCallback)(()=>{w(!f.current||f.current?.scrollWidth<=Math.ceil(f.current?.scrollLeft+f.current?.getBoundingClientRect().width)),I(f.current?.scrollLeft===0)},[]);(0,i.useEffect)(()=>{let e,t=t=>{clearTimeout(e),e=setTimeout(()=>{E(),T&&m.forEach((e,t)=>{if(f.current&&e.current){let{x:a,width:n}=e.current.getBoundingClientRect(),{x:r,width:l}=f.current.getBoundingClientRect(),s=r+l/2;a<=s&&a+n>=s&&(x.current=p,h(t))}})},100)},a=f.current;return a&&(a.addEventListener("scroll",t),E()),()=>{a&&a.removeEventListener("scroll",t)}},[E,m,T,p]);let B=(0,l.pn)(C,{from:{transform:`translateX(${x.current<p?"":"-"}${T?18:36}px)`,opacity:0,position:"relative"},enter:{transform:"translateX(0px)",opacity:1},leave:{transform:`translateX(${x.current<p?"-":""}${T?18:36}px)`,opacity:0,position:"absolute"},config:{duration:250,...l.$W.gentle},trail:250,order:["leave","enter","update"]}),L=d.map((e,t)=>(0,n.jsxs)("button",{ref:m[t],className:(0,s.A)(u().tabNavItem,{[u().tabNavItemSelected]:t===p}),onClick:e=>{e.preventDefault(),e.stopPropagation(),x.current=p,h(t)},children:[e.icon&&(0,n.jsx)("div",{className:u().tabNavItemIcon,children:(0,n.jsx)(o.default,{variant:e.icon,size:"iconSize24",isOutlined:!1})}),(0,n.jsx)("div",{className:u().tabNavItemHeadline,children:e.headline})]},t));return(0,n.jsxs)("div",{className:(0,s.A)(u().tabs,{[u().tabsNoShadow]:c}),children:[(0,n.jsxs)("div",{className:u().tabNavWrapper,children:[(0,n.jsxs)("div",{className:(0,s.A)(u().tabNav,{[u().tabNavAlignRight]:"right"===a}),ref:f,tabIndex:-1,children:[L,(0,n.jsx)("div",{className:u().tabBar,style:{left:`${S()}px`,width:N},role:"none"})]}),(0,n.jsx)("button",{type:"button","aria-label":"Zeige vorherigeren Tab",className:(0,s.A)(u().navButton,u().prev),onClick:()=>{T&&(x.current=p,h(e=>e<=0?d.length-1:e-1)),f.current?.scrollBy({left:-(m[p-1]?.current?.offsetWidth??100),top:0})},disabled:A,children:(0,n.jsx)(o.default,{variant:"action/chevron-left",size:"iconSize24",isOutlined:!0})}),(0,n.jsx)("button",{type:"button","aria-label":"Zeige n\xe4chsten Tab",className:(0,s.A)(u().navButton,u().next),onClick:()=>{T&&(x.current=p,h(e=>(e+1)%d.length)),f.current?.scrollBy({left:m[p+1]?.current?.offsetWidth??100,top:0})},disabled:j,children:(0,n.jsx)(o.default,{variant:"action/chevron-right",size:"iconSize24",isOutlined:!0})})]}),(0,n.jsx)("div",{className:u().tabContent,children:B(({position:e,...t},a)=>(0,n.jsx)(l.CS.div,{style:{position:e,...t},className:u().tabContentAnimationWrapper,children:a}))})]})}},72568:e=>{e.exports={tabs:"Tabs-module-tabs",tabsNoShadow:"Tabs-module-tabs-no-shadow",tabNav:"Tabs-module-tab-nav",tabNavAlignRight:"Tabs-module-tab-nav-align-right",tabNavItem:"Tabs-module-tab-nav-item",tabNavItemIcon:"Tabs-module-tab-nav-item-icon",tabNavItemHeadline:"Tabs-module-tab-nav-item-headline",tabNavItemSelected:"Tabs-module-tab-nav-item-selected",tabNavMobile:"Tabs-module-tab-nav-mobile",tabBar:"Tabs-module-tab-bar",tabContent:"Tabs-module-tab-content",tabContentAnimationWrapper:"Tabs-module-tab-content-animation-wrapper",tabNavWrapper:"Tabs-module-tab-nav-wrapper",navButton:"Tabs-module-nav-button",next:"Tabs-module-next",prev:"Tabs-module-prev"}},94307:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>i});var n=a(49222),r=a(60922),l=a(11701),s=a(77766);let i=({children:e,...t})=>
1{if(!e)return null;let a=s.Children.map(e,e=>{let t=e.props;if(!s.isValidElement(e)||!t?.item)return null;let{props:{headline:a,icon:l},contents:i}=t.item;return{navItem:{headline:a,icon:l},content:i?.length>0?(0,n.jsx)("div",{children:(0,n.jsx)(r.A,{contents:i,cmsComponents:t.cmsComponents})}):null}}).filter(Boolean);return a.length<1?null:(0,n.jsx)(l.A,{items:a,...t})}}}]); 2//# sourceMappingURL=4307.e1268b6fff9fe5aa.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.