https://www.elgato.com/_next/static/chunks/638.c08fc9c54a1189c7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[638],{70638:function(i,o,e){"use strict";e.r(o),e.d(o,{VideosZoomIn:function(){return h},default:function(){return z}});var l=e(85893),n=e(228),d=e(90878),t=e(26038),r=e(67294),s=e(97822),a=e.n(s),u=e(85590),v=e(3021),c=e(51356);let m=i=>i.startsWith("https://images.ctfassets.net"),_=i=>{let{src:o,width:e,quality:l=75}=i,n=String(o);if(m(n)){let o=new URL(n);return Object.entries((0,c.K)(i)).forEach(i=>{let[e,l]=i;o.searchParams.set(String(e),String(l))}),o.toString()}return"/_next/image?url=".concat(encodeURIComponent(n),"&w=").concat(e,"&q=").concat(l)};var p=e(2635),f=e(87987),g=e(93967),y=e.n(g);let h=i=>{var o,e,s,c,m,g,h,z,x,b,j,I,N,T,k,R,O,V,Y,Z,w,M,S,C,E,P,D,U,F;let H,{content:J}=i,{isMobile:K}=(0,f.X)(),L=null===(o=J.children)||void 0===o?void 0:o.filter(i=>"organismCard"===i.meta.contentType),W=null===(e=J.textPanels)||void 0===e?void 0:e[0],X=null==L?void 0:L[0],q=null==L?void 0:L[1],A=(null==X?void 0:null===(c=X.media)||void 0===c?void 0:null===(s=c.file.contentType)||void 0===s?void 0:s.includes("video"))?X.media:void 0,B=(null==q?void 0:null===(g=q.media)||void 0===g?void 0:null===(m=g.file.contentType)||void 0===m?void 0:m.includes("video"))?q.media:void 0,G=(0,n.Y)(null==X?void 0:null===(z=X.posterImage)||void 0===z?void 0:null===(h=z.file)||void 0===h?void 0:h.url),Q=(0,n.Y)(null==q?void 0:null===(b=q.posterImage)||void 0===b?void 0:null===(x=b.file)||void 0===x?void 0:x.url),$=(null==X?void 0:null===(I=X.media)||void 0===I?void 0:null===(j=I.file.contentType)||void 0===j?void 0:j.includes("image"))?X.media:void 0,ii=(null==q?void 0:null===(T=q.media)||void 0===T?void 0:null===(N=T.file.contentType)||void 0===N?void 0:N.includes("image"))?q.media:void 0,io=J.images,ie=(null==X?void 0:null===(R=X.mobileMedia)||void 0===R?void 0:null===(k=R.file.contentType)||void 0===k?void 0:k.includes("video"))?X.mobileMedia:void 0,il=(0,n.Y)(null==X?void 0:null===(V=X.posterImageMobile)||void 0===V?void 0:null===(O=V.file)||void 0===O?void 0:O.url),id=(null==X?void 0:null===(Z=X.mobileMedia)||void 0===Z?void 0:null===(Y=Z.file.contentType)||void 0===Y?void 0:Y.includes("image"))?X.mobileMedia:void 0,it=(0,r.useRef)(null),ir=(0,r.useRef)(null),is=(0,r.useRef)(null),ia=(0,r.useRef)([]),iu=(0,r.useRef)(null),iv=(0,r.useRef)(null),ic=(0,r.useRef)(null),im=(0,r.useRef)(null),i_=(0,r.useRef)(null),{isAnimationStopped:ip}=(0,u.J)(),ig={..."string"==typeof(null==J?void 0:null===(w=J.additionalOptions)||void 0===w?void 0:w.height)?{height:null==J?void 0:null===(M=J.additionalOptions)||void 0===M?void 0:M.height}:{},..."string"==typeof(null==J?void 0:null===(S=J.additionalOptions)||void 0===S?void 0:S.background)?{background:J.additionalOptions.background}:{}},iy="number"==typeof(null==J?void 0:null===(C=J.additionalOptions)||void 0===C?void 0:C.mediaContainerScale)?null==J?void 0:null===(E=J.additionalOptions)||void 0===E?void 0:E.mediaContainerScale:3,ih={..."string"==typeof(null==J?void 0:null===(P=J.additionalOptions)||void 0===P?void 0:P.centralMediaTransform)?{transform:null==J?void 0:null===(D=J.additionalOptions)||void 0===D?void 0:D.centralMediaTransform}:{}},iz=G?_({src:G,alt:G}):void 0,ix=Q?_({src:Q,alt:Q}):void 0,ib=il?_({src:il,alt:il}):void 0,{isOnScreen:ij}=(0,p.R)(it,!0,{threshold:0,rootMargin:"600px"});(0,r.useEffect)(()=>{let i=it.current,o=is.current,e=ir.current;if(e&&window.innerWidth>v.XP){let l=ia.current,n={trigger:i,start:()=>{var i;let e=null!==(i=null==o?void 0:o.getBoundingClientRect().height)&&void 0!==i?i:0;return"top+=".concat(e," top")},end:()=>"bottom-=".concat(window.innerHeight/2," bottom"),markers:!1,scrub:!0};iu.current||(iu.current=t.p8.timeline({scrollTrigger:n}).fromTo(e,{scale:iy},{scale:1})),!iv.current&&l.length&&(iv.current=t.p8.timeline({scrollTrigger:n}),l.forEach((i,o)=>{iv.current&&iv.current.fromTo(i,{duration:3,opacity:1},{duration:3,opacity:0},o)}))}return()=>{var i,o;null===(i=iu.current)||void 0===i||i.kill(),iu.current=null,null===(o=iv.current)||void 0===o||o.kill(),iv.current=null}},[ij,iy]),(0,r.useEffect)(()=>{ip?(ic.current&&ic.current.pause(),im.current&&im.current.pause(),i_.current&&i_.current.pause()):(ic.current&&ic.current.play(),im.current&&im.current.play(),i_.current&&i_.current.play())},[ip]);let iI=(0,r.useId)();return(null==J?void 0:J.videoDescription)&&(H={tabIndex:0,role:"img","aria-describedby":"video-description-".concat(iI),"aria-labelledby":"video-description-".concat(iI)}),(0,l.jsxs)("div",{className:a()["videos-zoom-in"],ref:it,style:ig,children:[W&&(0,l.jsx)("div",{ref:is,className:a()["videos-zoom-in__text-panel-container"],children:(0,l.jsx)(d.default,{content:W})}),!1===K&&(0,l.jsx)("div",{className:y()(a()["videos-zoom-in__sticky"]),children:(0,l.jsxs)("div",{ref:ir,className:a()["videos-zoom-in__media-container"],...H,children:[(null==A?void 0:A.file.url)&&ij&&(0,l.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInl

1ine:!0,preload:"auto",poster:iz,className:y()(a()["videos-zoom-in__media"],a()["videos-zoom-in__media--central"]),style:ih,ref:ic,children:(0,l.jsx)("source",{src:(0,n.Y)(A.file.url)})}),(null==B?void 0:B.file.url)&&ij&&(0,l.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",poster:ix,className:y()(a()["videos-zoom-in__media"],a()["videos-zoom-in__media--outside"]),ref:im,children:(0,l.jsx)("source",{src:(0,n.Y)(B.file.url)})}),(null==$?void 0:$.file.url)&&(0,l.jsx)("img",{alt:$.description,src:(0,n.Y)($.file.url),className:y()(a()["videos-zoom-in__media"],a()["videos-zoom-in__media--central"]),style:ih}),(null==ii?void 0:ii.file.url)&&(0,l.jsx)("img",{alt:ii.description,src:(0,n.Y)(ii.file.url),className:y()(a()["videos-zoom-in__media"],a()["videos-zoom-in__media--outside"])}),!!(null==io?void 0:io.length)&&(null==io?void 0:io.map((i,o)=>(0,l.jsx)("img",{ref:i=>ia.current[o]=i,src:i.file.url,alt:i.description,className:a()["videos-zoom-in__overlay-image"]},i.title))),(null==J?void 0:J.videoDescription)&&H&&(0,l.jsx)("p",{className:"sr-only",id:"video-description-".concat(iI),children:null==J?void 0:J.videoDescription})]})}),!0===K&&(0,l.jsxs)("div",{className:y()(a()["videos-zoom-in__mobile-video-container"]),...H,children:[(null==ie?void 0:null===(U=ie.file)||void 0===U?void 0:U.url)&&ij&&(0,l.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",poster:ib,className:a()["videos-zoom-in__mobile-video"],ref:i_,children:(0,l.jsx)("source",{src:(0,n.Y)(ie.file.url)})}),(null==id?void 0:null===(F=id.file)||void 0===F?void 0:F.url)&&(0,l.jsx)("img",{src:(0,n.Y)(id.file.url),alt:id.description,className:a()["videos-zoom-in__mobile-video"]}),(null==J?void 0:J.videoDescription)&&H&&(0,l.jsx)("p",{className:"sr-only",id:"video-description-".concat(iI),children:null==J?void 0:J.videoDescription})]})]})};var z=h},97822:function(i){i.exports={"videos-zoom-in":"VideosZoomIn_videos-zoom-in__KyLSh","videos-zoom-in__text-panel-container":"

1VideosZoomIn_videos-zoom-in__text-panel-container__jvwl_","videos-zoom-in__sticky":"VideosZoomIn_videos-zoom-in__sticky__MuTQH","videos-zoom-in__media-container":"VideosZoomIn_videos-zoom-in__media-container__V0_6o","videos-zoom-in__overlay-image":"VideosZoomIn_videos-zoom-in__overlay-image__o9AJx","videos-zoom-in__media":"VideosZoomIn_videos-zoom-in__media__u95Fn","videos-zoom-in__media--central":"VideosZoomIn_videos-zoom-in__media--central__TUZ7Y","videos-zoom-in__media--outside":"VideosZoomIn_videos-zoom-in__media--outside__G57zF"}}}]);