https://www.surf-magazin.de/_next/static/chunks/StructureExpandable.cc744f8105ff0139.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57266,75857,97507],{27847:(e,t,r)=>{r.r(t),r.d(t,{ArticleSymbolNegative:()=>d,ArticleSymbolNeutral:()=>o,ArticleSymbolPositive:()=>c});var a=r(6029);r(55729);let s=r.p+"static/media/plus-icon.fe004743.svg",l=r.p+"static/media/minus-icon.a3895844.svg",n=r.p+"static/media/neutral-icon.9389d4e8.svg";var i=r(19058);let o=({children:e})=>(0,a.jsxs)("span",{className:" mb-2 flex items-center",children:[(0,a.jsx)("span",{className:"mr-2 flex size-10 items-center justify-center rounded-xl",children:(0,a.jsx)(i.Svg,{src:n,className:"size-5 shrink-0 stroke-current text-gray-600"})}),(0,a.jsx)("span",{children:e})]}),d=({children:e})=>(0,a.jsxs)("span",{className:" mb-2 flex items-center",children:[(0,a.jsx)("span",{className:"mr-2 flex size-10 items-center justify-center rounded-xl",children:(0,a.jsx)(i.Svg,{src:l,className:"size-6 shrink-0 stroke-current text-red-400"})}),(0,a.jsx)("span",{children:e})]}),c=({children:e})=>(0,a.jsxs)("span",{className:" mb-2 flex items-center",children:[(0,a.jsx)("span",{className:"mr-2 flex size-10 items-center justify-center rounded-xl",children:(0,a.jsx)(i.Svg,{src:s,className:"size-6 shrink-0 stroke-current text-green-400"})}),(0,a.jsx)("span",{children:e})]})},30399:(e,t,r)=>{r.d(t,{Q:()=>a});let a=e=>e?s(e?.article)||s(e?.page)||s(e?.tag):null,s=e=>{if(!e?.items?.length)return null;let t=e?.items?.filter(Boolean).find(e=>e?.linkedFrom?.sponsoringCollection?.items?.[0]);return t?.linkedFrom?.sponsoringCollection?.items?.filter(Boolean)?.[0]}},35133:(e,t,r)=>{r.d(t,{Wq:()=>n,lO:()=>l,rn:()=>o});let a=["akaneo/boexcatalogue","tourpcs/teamdetail","tourpcs/blockteamhead"],s=(e,t)=>e?.content?.find(e=>e.block===t),l=e=>{let t=e?.content?.find(e=>e.attributes?.showPagination),r=t?.attributes?.limit||0,a=t?.attributes?.offset||0,s=t?.attributes?.entries?.total||0,l=r+a;return l?Math.ceil(s/l)-1:0},n=e=>{let t=e?.content?.filter(e=>a.includes(e.block));if(t?.length)return!0;let r=s(e,"inline/headline");if(s(e,"tourpcs/teamsoverview"))return!0;let l=r?.attributes||{};return l?.title&&l?.headlineHeading==="h1"},i=["structure/contentblockarticledetail","boat24/search","cyclingstats/statsoverview"],o=(e,t)=>(e=>{let t=e?.content||[];if(t.some(e=>i.includes(e?.block)))return!0;let r=t.find(e=>e?.block==="structure/expandable");return!(!r||r?.attributes?.headlineType&&r?.attributes?.headlineType!=="h1")})(e)||n(t)},36340:(e,t,r)=>{r.d(t,{w:()=>n});var a=r(6029);r(55729);var s=r(75828),l=r.n(s);let n=({className:e,fullWidth:t=!0,alignment:r=!1})=>(0,a.jsx)("div",{className:l()({"bg-skin-line overflow-hidden h-1 bg-auto opacity-30 transform -translate-y-1/2":!0,"w-full bg-repeat-x":t,"bg-no-repeat":!t,"bg-left":!r,"bg-right":"right"===r,"bg-center":"center"===r})+" "+e})},53312:(e,t,r)=>{function a(e,t){if(t&&"string"==typeof t)return e.some(e=>{let r=e.urls?.some(e=>t.includes(e)),a=void 0===e.queryParams||e.queryParams?.every(e=>t.includes(e));return r&&a})}function s(e,t){let r=["paragraph","heading","unordered-list","ordered-list","blockquote"],s=e.filter(e=>r.includes(e.type));s?.forEach(e=>{let r=e?.children;r.forEach((e,s)=>(function e(t,r,s,l){s?.type==="link"&&a(t,s?.attributes?.href)&&function(e){let t=e?.children;if(!t?.length)return;let r=t[t.length-1];r?.text&&/\*\s*$/.test(r.text)&&(r.text=r.text.replace(/\*\s*$/,""))}(s);let n=s?.children;n?.length>0&&s.children.forEach((r,a)=>e(t,n,r,a)),function(e,t,r,s){if(!(r?.text&&/\s*[*]\s*/.test(r.text)))return;let l=function e(t,r){let a=r>0?t[r-1]:void 0;return a?a?.type==="link"?a:a?.text&&!/\S+/.test(a?.text)?e(t,r-1):void 0:void 0}(t,s);a(e,l?.attributes?.href)&&(r.text=r.text.replace("*",""))}(t,r,s,l)})(t,r,e,s))})}r.d(t,{b:()=>s,w:()=>a})},54584:(e,t,r)=>{r.d(t,{P:()=>u});var a=r(6029),s=r(42418),l=r.n(s),n=r(71024),i=r.n(n);let o=i()(()=>Promise.all([r.e(42380),r.e(21277)]).then(r.bind(r,34181)).then(e=>e.Bookmark),{loadableGenerated:{webpack:()=>[34181]},ssr:!0}),d=i()(()=>r.e(13550).then(r.bind(r,86170)).then(e=>e.InlineCode),{loadableGenerated:{webpack:()=>[86170]},ssr:!0}),c=i()(()=>r.e(43933).then(r.bind(r,83713)).then(e=>e.EmbedSwitch),{loadableGenerated:{webpack:()=>[83713]},ssr:!0}),m=i()(()=>r.e(96884).then(r.bind(r,69564)).then(e=>

1e.EngagentlyPoll),{loadableGenerated:{webpack:()=>[69564]},ssr:!0}),u=({code:e})=>{if(e&&e.startsWith("https://awin.comagno.com/api/widget/"))return(0,a.jsx)(o,{author_url:e});let t=e?.match(/<egy-poll[^>]*\bpoll-id\s*=\s*["']([^"']+)["']/i)?.[1];if(t)return(0,a.jsx)(m,{pollId:t});let r=(0,a.jsx)(d,{code:e});return(e?.includes("https://static.kuula.io/embed.js")||e?.includes("https://kuula.co/share"))&&(r=(0,a.jsx)(c,{kind:"kuula",children:r})),(0,a.jsx)("div",{className:"w-full px-4 mx-auto md:w-2/3 md:px-0 editor-item clear-both "+l().editorItem,children:r})}},69364:(e,t,r)=>{r.d(t,{b:()=>n});var a=r(6029),s=r(42418),l=r.n(s);let n=e=>(0,a.jsx)("div",{className:"w-full px-4 mx-auto md:w-2/3 md:px-0 editor-item "+l().editorItem,...e})},71425:(e,t,r)=>{r.d(t,{l:()=>f});var a=r(27847),s=r(8032),l=r(69364),n=r(54584),i=r(6029),o=r(75857),d=r.n(o),c=r(53312),m=r(42418),u=r.n(m),h=r(32798),p=r(19058),x=r(4212);let f={leaf:{line_transform:{"(+)":a.ArticleSymbolPositive,"(-)":a.ArticleSymbolNegative,"(0)":a.ArticleSymbolNeutral}},paragraph:{wrapper:l.b},code:{wrapper:n.P},heading:{wrapper:l.b},"unordered-list":{wrapper:l.b},"ordered-list":{wrapper:l.b},blockquote:{wrapper:l.b},divider:{wrapper:s.l},link:{wrapper:({children:e,embed:t,wrapper:r,...a})=>{let s=e?.props?.href;return s&&(0,c.w)(d(),s)?(0,i.jsxs)("span",{children:[(0,i.jsx)("span",{className:" editor-item"+u().editorItem,children:e}),(0,i.jsx)(p.Svg,{src:h,width:12,height:12,className:"-mt-5 ml-1 inline fill-current text-black"})]}):(0,i.jsx)("span",{className:"inline editor-item"+u().editorItem,...a,children:e})}},storybook:{wrapper:x.EQ}}},75857:e=>{e.exports=[{urls:["www.awin1.com","https://tidd.ly/3LLCwwJ","https://tidd.ly/3NqPzVH"],queryParams:["awinaffid"]},{urls:["amzn.to","link.amazon"],queryParams:void 0},{urls:["luna.r.lafamo.com"],queryParams:["smc"]},{urls:["atlas.r.akipam.com","yubcbv.fahrrad-xxl.de","rntefu.fitstore24.com","gatneo.pentagonsports.de","janus.r.jakuli.com"],queryParams:void 0},{urls:["triple2.de"],queryParams:["sPartner"]},{urls:["tunap-sports.shop"],queryParams:["ref"]},{urls:["shop.zweirad-stadler.de","www.online-surfshop.de"],queryParams:["affid"]},{urls:["assets.ikhnaie.link","assets.ikhnaie.me"],queryParams:["wgcampaignid"]},{urls:["online-surfshop.de"],queryParams:["utm_source","utm_medium","utm_campaign","utm_content"]},{urls:["amzezd.bikes.de"],queryParams:["typ","amc"]},{urls:["tnkdbf.tradeinn.com"],queryParams:void 0},{urls:["trck.bike-components.de"],queryParams:void 0},{urls:["trck.bike24.de"],queryParams:void 0}]},76574:(e,t,r)=>{r.r(t),r.d(t,{Expandable:()=>j});var a=r(6029),s=r(35133),l=r(39236),n=r(95164),i=r(75828),o=r.n(i),d=r(5700),c=r(71024),m=r.n(c),u=r(81278),h=r(55729),p=r(66938),x=r(30399),f=r(33364),b=r(36340),g=r(71425),k=r(90687),y=r(19844);let w=m()(()=>r.e(26788).then(r.t.bind(r,26788,23)),{loadableGenerated:{webpack:()=>[26788]}}),v=m()(()=>r.e(91825).then(r.bind(r,91825)).then(e=>e.ReactComponent),{loadableGenerated:{webpack:()=>[91825]}}),j=({buttonType:e="hasText",collapsedHeight:t=!1,defaultOpen:r=!1,headlineType:i="h1",loaded:c,sponsorings:m})=>{i||(i="h1");let{streamContext:j}=(0,h.useContext)(p.W),N=j?.activeContent?.pageHasH1Checkbox===!0,P=(0,d.c)("common"),[q,C]=(0,h.useState)(r),[B,_]=(0,h.useState)(t||0),S=(0,h.useRef)(),z=(0,u.useRouter)(),E=(0,x.Q)(m);function I(){C(!q)}let L=c?.fields?.content;return((0,h.useEffect)(()=>{if(S.current){let e=0,t=null;return t=setInterval(()=>{if(!S.current)return;e++;let r=S.current.querySelector(".read-more-button");if(r){let e=S.current.getBoundingClientRect().y;_(r.getBoundingClientRect().y+r.getBoundingClientRect().height-e)}e>4&&clearInterval(t)},250),()=>{clearInterval(t)}}},[S.current]),Object.keys(z?.query||{}).length>1||Object.keys((0,l.Z)(z?.asPath).params||{}).length>0)?null:c?(0,a.jsxs)("div",{className:"mx-auto mb-16 max-w-screen-xl px-4",children:[(0,a.jsxs)("div",{ref:S,className:o()({"relative overflow-hidden":!0,"max-h-48 after:block after:h-20 after:w-full after:absolute after:right-0 after:left-0 after:bottom-0 after:bg-gradient-to-t after:from-body-light after":!q,"!max-h-full":q}),style:{maxHeight:B+"px"},children:[(0,a.jsxs)("div",{className:o()({"relative w-full px-4 mx-auto bg-white md:px-0 md:w-[calc(66.666667%_+_2rem)]":!0}),children:[(0,a.jsxs)("div",{className:"relative mb-4 pt-3 md:mb-8",children:["h1"===i&&!N&&(0,a.jsx)("h1",{className:"mb-4 block font-serif text-2xl font-medium md:mb-8 md:px-4 md:text-5xl",children:c?.fields?.title}),("h2"===i||"h1"===i&&N)&&(0,a.jsx)("h2",{className:"mb-4 block font-serif text-2xl font-medium md:mb-8 md:px-4 md:text-5xl",children:c?.fields?.title})]}),!!E&&(0,a.jsxs)("div",{className:"py-2 md:py-4",children:[(0,a.jsx)(b.

1w,{fullwidth:!0}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center py-2",children:[(0,a.jsxs)("div",{className:"mr-2 py-1 text-sm text-skin-primary-medium md:text-base",children:[E.poweredByPrefixLink?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.Link,{href:E.poweredByPrefixLink,target:"_blank",className:"font-copy text-skin-link underline hover:no-underline",children:String(E.poweredByPrefix||"").trim()})," "]}):(0,a.jsxs)(a.Fragment,{children:[E.poweredByPrefix||""," "]}),(0,a.jsx)("span",{className:"inline-block",children:E.poweredByText||""})]}),!!E.logo&&(0,a.jsx)(y.Link,{href:E.logoLink,className:"py-1 pr-2",target:"_blank",children:(0,a.jsx)(k._V,{quality:100,crop:null,cloudinary:E.logo,title:`${E.poweredByPrefix||""} ${E.poweredByText||""} ${E.poweredBy||""}`,height:E.logoHeight||24,className:"w-auto"})}),E?.sponsorsCollection?.items?.filter(Boolean)?.map((e,t)=>(0,a.jsx)(y.Link,{href:e.externalLink,className:"py-1 pr-2",target:"_blank",children:(0,a.jsx)(k._V,{quality:100,crop:null,cloudinary:e.image,title:`${E.poweredByPrefix||""} ${E.poweredByText||""} ${E.poweredBy||""}`,height:E.logoHeight||24,className:"w-auto"})},e.sys.id))]}),(0,a.jsx)(b.w,{fullwidth:!0})]})]}),(0,a.jsx)(w,{value:L,elementPropsMap:g.l,storybookComponentLoader:e=>(0,n.A)(e)})]}),!q&&(0,a.jsxs)(a.Fragment,{children:["hasNoText"===e&&(0,a.jsx)("div",{className:"mx-auto size-10 cursor-pointer",children:(0,a.jsx)("div",{onClick:I,className:o()({"flex justify-center items-center h-10 w-10 border-2 border-skin-primary-ultradark rounded-full origin-center":!0,"mt-4 md:mt-8 rotate-90":!q,"-rotate-90":q}),children:(0,a.jsx)(v,{className:"size-5 text-skin-primary-ultradark"})})}),"hasText"===e&&(0,a.jsx)("div",{className:"mx-auto text-center",children:(0,a.jsx)("div",{className:"mt-8",onClick:I,children:(0,a.jsx)(f.$,{buttonLabel:P("CONTINUE_READING"),fullWidth:!1})})})]})]}):!j?.activeContent||N||(0,s.Wq)(j?.activeContent)?null:(0,a.jsx)("h1",{className:"hidden",children:j?.activeContent?.seoTitle||j?.activeContent?.title})}}}]);