https://www.sos-kinderdorf.de/_next/static/chunks/8880.7b18ed3612635825.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8880],{13585:(e,t,o)=>{o.d(t,{A:()=>l});var r=o(75774),i=o(90825),n=o(23030);function l({props:e,name:t}){return(0,r.A)({props:e,name:t,defaultTheme:i.A,themeId:n.A})}},42032:(e,t,o)=>{let r;o.d(t,{Ay:()=>a});let i=e=>e,n=(r=i,{configure(e){r=e},generate:e=>r(e),reset(){r=i}}),l={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function a(e,t,o="Mui"){let r=l[t];return r?`${o}-${r}`:`${n.generate(e)}-${t}`}},59147:(e,t,o)=>{o.d(t,{A:()=>r});function r(e,t,o){let r={};for(let i in e){let n=e[i],l="",a=!0;for(let e=0;e<n.length;e+=1){let r=n[e];r&&(l+=(!0===a?"":" ")+t(r),a=!1,o&&o[r]&&(l+=" "+o[r]))}r[i]=l}return r}},68880:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Q});var r=o(37876),i=o(14232),n=o(17683),l=o(62130),a=o(26046),s=o(69241),p=o(59147),d=o(53718),u=o(13585);let c=i.createContext({});var m=o(42032),f=o(89597);function x(e){return(0,m.Ay)("MuiTimeline",e)}(0,f.A)("MuiTimeline",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);var A=o(9138);function h(e){return"alternate-reverse"===e?"positionAlternateReverse":`position${(0,A.A)(e)}`}let g=(0,d.Ay)("ul",{name:"MuiTimeline",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,o.position&&t[h(o.position)]]}})({display:"flex",flexDirection:"column",padding:"6px 16px",flexGrow:1}),v=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimeline"}),{position:n="right",className:l,...a}=o,d={...o,position:n},m=(e=>{let{position:t,classes:o}=e,r={root:["root",t&&h(t)]};return(0,p.A)(r,x,o)})(d),f=i.useMemo(()=>({position:n}),[n]);return(0,r.jsx)(c.Provider,{value:f,children:(0,r.jsx)(g,{className:(0,s.A)(m.root,l),ownerState:d,ref:t,...a})})});var T=o(87332);function y(e){return(0,m.Ay)("MuiTimelineContent",e)}let C=(0,f.A)("MuiTimelineContent",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);function M(e){return(0,m.Ay)("MuiTimelineOppositeContent",e)}let R=(0,f.A)("MuiTimelineOppositeContent",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);function w(e){return(0,m.Ay)("MuiTimelineItem",e)}(0,f.A)("MuiTimelineItem",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse","missingOppositeContent"]);let j=(0,d.Ay)("li",{name:"MuiTimelineItem",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,t[h(o.position)]]}})(({ownerState:e})=>({listStyle:"none",display:"flex",position:"relative",minHeight:70,[`&:not(:has(.${R.root}))::before`]:{content:'""',flex:1,padding:"6px 16px"},..."left"===e.position&&{flexDirection:"row-reverse"},...("alternate"===e.position||"alternate-reverse"===e.position)&&{[`&:nth-of-type(${"alternate"===e.position?"even":"odd"})`]:{flexDirection:"row-reverse",[`& .${C.root}`]:{textAlign:"right"},[`& .${R.root}`]:{textAlign:"left"}}}})),b=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineItem"}),{position:n,className:l,...a}=o,{position:d}=i.useContext(c),m=!1;i.Children.forEach(o.children,e=>{(0,T.A)(e,["TimelineOppositeContent"])&&(m=!0)});let f={...o,position:n||d||"right",hasOppositeContent:m},x=(e=>{let{position:t,classes:o,hasOppositeContent:r}=e,i={root:["root",h(t),!r&&"missingOppositeContent"]};return(0,p.A)(i,w,o)})(f),A=i.useMemo(()=>({position:f.position}),[f.position]);return(0,r.jsx)(c.Provider,{value:A,children:(0,r.jsx)(j,{className:(0,s.A)(x.root,l),ownerState:f,ref:t,...a})})});function S(e){return(0,m.Ay)("MuiTimelineSeparator",e)}(0,f.A)("MuiTimelineSeparator",["root"]);let $=(0,d.Ay)("div",{name:"MuiTimelineSeparator",slot:"Root"})({display:"flex",flexDirection:"column",flex:0,alignItems:"center"}),k=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineSeparator"}),{className:i,...n}=o,l=(e=>{let{classes:t}=e;return(0,p.A)({root:["root"]},S,t)})(o);return(0,r.jsx)($,{className:(0,s.A)(l.root,i),ownerState:o,ref:t,...n})});function N(e){return(0,m.Ay)("MuiTimelineConnector",e)}(0,f.A)("MuiTimelineConnector",["root"]);let I=(0,d.Ay)("span",{name:"MuiTimelineConnector",slot:"Root"})(({theme:e})=>({width:2,backgroundColor:(e.vars||e).palette.grey[400],flexGrow:1})),O=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineConnector"}),{className:i,...n}=o,l=(e=>{let{classes:t}=e;return(0,p.A)({root:["root"]},N,t)})(o);return(0,r.jsx)(I,{className:(0,s.A)(l.root,i),ownerState:o,ref:t,...n})}),_=(0,d.Ay)(n.A,{name:"MuiTimelineContent",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,t[h(o.position)]]}})(({ownerState:e})=>({flex:1,padding:"6px 16px",textAlign:"left",..."left"===e.position&&{textAlign:"right"}})),D=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineContent"}),{className:n,...l}=o,{position:a}=i.useContext(c),d={...o,position:a||"right"},m=(e=>{let{position:t,classes:o}=e,r={root:["root",h(t)]};return(0,p.A)(r,y,o)})(d);return(0,r.jsx)(_,{component:"div",className:(0,s.A)(m.root,n),ownerState:d,ref:t,...l})});function E(e){return(0,m.Ay)("MuiTimelineDot",e)}(0,f.A)("MuiTimelineDot",["root","filled","outlined","filledGrey","outlinedGrey","filledPrimary","outlinedPrimary","filledSecondary","outlinedSecondary"]);let P=(0,d.Ay)("span",{name:"MuiTimelineDot",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,t["inherit"!==o.color&&`${o.variant}${(0,A.A)(o.color)}`],t[o.variant]]}})(({ownerState:e,theme:t})=>({display:"flex",alignSelf:"baseline",borderStyle:"solid",borderWidth:2,padding:4,borderRadius:"50%",boxShadow:(t.vars||t).shadows[1],margin:"11.5px 0",..."filled"===e.variant&&{borderColor:"transparent",..."inherit"!==e.color&&{..."grey"===e.color?{color:(t.vars||t).palette.grey[50],backgroundColor:(t.vars||t).palette.grey[400]}:{color:(t.vars||t).palette[e.color].contrastText,backgroundColor:(t.vars||t).palette[e.color].main}}},..."outlined"===e.variant&&{boxShadow:"none",backgroundColor:"transparent",..."inherit"!==e.color&&{..."grey"===e.color?{borderColor:(t.vars||t).palette.grey[400]}:{borderColor:(t.vars||t).palette[e.color].main}}}})),B=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineDot"}),{className:i,color:n="grey",variant:l="filled",...a}=o,d={...o,color:n,variant:l},c=(e=>{let{color:t,variant:o,classes:r}=e,i={root:["root",o,"inherit"!==t&&`${o}${(0,A.A)(t)}`]};return(0,p.A)(i,E,r)})(d);

1return(0,r.jsx)(P,{className:(0,s.A)(c.root,i),ownerState:d,ref:t,...a})}),G=(0,d.Ay)(n.A,{name:"MuiTimelineOppositeContent",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.root,t[h(o.position)]]}})(({ownerState:e})=>({padding:"6px 16px",marginRight:"auto",textAlign:"right",flex:1,..."left"===e.position&&{textAlign:"left"}})),L=i.forwardRef(function(e,t){let o=(0,u.A)({props:e,name:"MuiTimelineOppositeContent"}),{className:n,...l}=o,{position:a}=i.useContext(c),d={...o,position:a||"left"},m=(e=>{let{position:t,classes:o}=e,r={root:["root",h(t)]};return(0,p.A)(r,M,o)})(d);return(0,r.jsx)(G,{component:"div",className:(0,s.A)(m.root,n),ownerState:d,ref:t,...l})});L.muiName="TimelineOppositeContent";var q=o(87047),V=o(82699),X=o(92532),F=o(88139),H=o(82),U=o(94974),W=o(95386),z=o(77205),J=o(21230),K=o(48148);let Q=function(e){let{t}=(0,H.Bd)(),o=(0,J.$E)().isPreview,{lowerThanWindowMedium:s}=(0,K.A)(),[p,d]=i.useState(0),[u,c]=i.useState(0),[m,f]=i.useState(1);return(0,i.useEffect)(()=>{if(void 0!==u){let e=setInterval(()=>{f(e=>e>1.2?e:e+.01)},10);return()=>{clearInterval(e)}}f(1)},[u]),(0,r.jsx)(X.A,{children:(0,r.jsxs)(V.A,{children:[(0,r.jsx)(a.A,{id:e.cmCollection.id,metadataId:e.cmCollection.id,headline:e.cmCollection.teaserTitle,type:"componenthead",propertyName:"properties.teaserTitle",subtextPropertyName:"properties.teaserText",subtext:e.cmCollection.teaserText?.textAsTree}),(0,r.jsx)(v,{sx:{width:"100%","& .MuiTimelineItem-root:before":{flex:0}},children:(e.cmCollection?.items??[]).map((i,a)=>{var f,x,A;let h;return(0,r.jsxs)(b,{onClick:()=>d(a),onMouseEnter:()=>c(a),sx:{width:"100%",paddingX:{xs:"0!important"}},...(0,z.dU)(o,i.id),children:[i.headline&&!s?(0,r.jsx)(L,{sx:{width:"30%",paddingTop:s?"1!important":"0!important"},children:(0,r.jsx)(n.A,{...(0,z.B)(o,"properties.headline",i.id),variant:"h4",children:i.headline})}):null,(0,r.jsxs)(k,{children:[(0,r.jsx)(B,{sx:{color:"primary.main",backgroundColor:p===a?"primary.contrastText":u===a?"primary.light":"primary.main",borderColor:"primary.main",margin:0,padding:4,transform:u===a?`scale(${m})`:void 0,transition:"transform 0.2s"}}),a<e.cmCollection.items.length-1?(0,r.jsx)(O,{sx:{backgroundColor:"primary.main",height:"100%"}}):null]}),(0,r.jsxs)(D,{sx:{marginX:{sx:0,md:5},marginBottom:5,width:"40%",paddingTop:s?"1!important":"0!important",alignItems:"flex-start!important"},children:[s&&(0,r.jsx)(n.A,{...(0,z.B)(o,"properties.headline",i.id),variant:"h4",children:i.headline}),(0,r.jsx)(n.A,{variant:"h4",...(0,z.B)(o,"properties.teaserTitle",i.id),children:i.teaserTitle}),(0,r.jsxs)(l.A,{in:p===a,children:[(f=i).teaserText&&f.teaserText.textAsTree?(0,r.jsx)(W.A,{sx:{mt:5},children:(0,r.jsx)(q.A,{metadataId:f.id,propertyName:"properties.teaserText",textAsTree:f.teaserText.textAsTree})}):null,(x=i,A=t,h=x.teaserCallToActionSettings,x.teaserTarget&&h&&h.callToActionEnabled?(0,r.jsx)(W.A,{sx:{mt:5},children:(0,r.jsx)(U.A,{target:x.teaserTarget,children:(0,r.jsx)(F.Ay,{txt:h.callToActionCustomText||A("c014_default_call_to_action_text"),hasFocusedStyle:!0})})}):null)]})]})]},a)})})]})})}},89597:(e,t,o)=>{o.d(t,{A:()=>i});var r=o(42032);function i(e,t,o="Mui"){let n={};return t.forEach(t=>{n[t]=(0,r.Ay)(e,t,o)}),n}}}]);
2//# sourceMappingURL=8880.7b18ed3612635825.js.map