https://www.elgato.com/_next/static/chunks/6928.d5cc35999a2ae93f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6928],{46928:function(e,l,i){"use strict";i.r(l),i.d(l,{FlippableCardSlider:function(){return R},default:function(){return E}});var t=i(85893),a=i(15227),r=i(93967),d=i.n(r),n=i(67294),o=i(17501),s=i.n(o),p=i(28464),c=i(29441),u=i(85590),x=i(81230),v=i(80461),b=i(59748),m=i(70723),f=i(23875),h=i(87987),y=i(21540),_=i.n(y),g=i(32709),w=i.n(g);let C=e=>{var l,i,a;let{className:r="",backgroundColor:o,style:s,icon:p,iconText:y,flippedCardPanelHeader:g,flippedCardPanelBody:C,flippedCardPanelLink:k,flippedCardPanelDisclaimer:j,flippedCardPanelTextColor:N,flippedCardPanelBackgroundColor:P,onClick:S,isActive:T,cloudinaryMedia:M,cloudinaryPosterImage:L,cloudinaryMobileMedia:I,headline:R,index:E,isPlaying:F,isLooping:z=!1,onMouseEnter:A,onMouseLeave:D,onVideoEnd:H}=e,X=(0,n.useRef)(null),{handleNeoCardBtnClick:B}=(0,f.l)(),{isMobile:V}=(0,h.X)(),G=!!g||!!C,O=!!(V&&(null==I?void 0:I[0])?null===(l=I[0].resource_type)||void 0===l?void 0:l.match("video"):null==M?void 0:null===(a=M[0])||void 0===a?void 0:null===(i=a.resource_type)||void 0===i?void 0:i.match("video")),{isAnimationStopped:q}=(0,u.J)();(0,n.useEffect)(()=>{if(X.current){var e,l,i,t,a,r;if(q){null===(l=X.current)||void 0===l||null===(e=l.pause)||void 0===e||e.call(l);return}F?null===(t=X.current)||void 0===t||null===(i=t.play)||void 0===i||i.call(t):(null===(r=X.current)||void 0===r||null===(a=r.pause)||void 0===a||a.call(r),X.current.currentTime=0)}},[F,q]),(0,n.useEffect)(()=>{let e=X.current;if(!e)return;let l=()=>{H&&H()};return e.addEventListener("ended",l),()=>e.removeEventListener("ended",l)},[H]);let J=!R,W="ordinalNumber"===p;return(0,t.jsx)("div",{className:d()(r,"rounded-xxxl overflow-hidden max-w-full"),style:s,children:(0,t.jsxs)("div",{className:d()("relative ",{"cursor-default":!G||!J}),role:"button",tabIndex:0,onClick:J?S:void 0,onKeyDown:J?S:void 0,onMouseEnter:A,onMouseLeave:D,children:[(0,t.jsxs)("div",{className:d()("relative z-20 transition-opacity duration-300",{"opacity-0":T,"opacity-100":!T}),children:[(0,t.jsxs)("div",{className:d()("absolute top-16px left-16px flex justify-center items-center pr-16px py-8px gap-8px rounded-xl z-20 mr-24px leading-tight-md-max","transition-all duration-300 transform",{"opacity-0 -translate-y-full":T,"opacity-100 translate-y-0":!T,"bg-black text-white":"bg-primitive-black"===o,"bg-white text-black":"bg-white"===o||!o,"pl-16px":!p,"pl-8px":!!p}),children:[p&&(0,t.jsx)("span",{className:d()(w().icon,"rounded-full flex justify-center items-center shrink-0",{"m-12px p-12px mr-0":!W},{"w-32px h-32px md:w-40px md:h-40px pb-2px text-body-copy font-bold":W,"bg-black text-white":W&&"bg-primitive-black"!==o,"bg-white text-black":W&&"bg-primitive-black"===o}),children:W?E+1:(0,t.jsx)(c.J,{name:p})}),(0,t.jsx)("div",{className:"text-body-copy w-full break-words",children:y})]}),(O||R)&&(0,t.jsxs)("div",{className:"absolute bottom-16px left-16px right-16px text-white z-1 flex flex-col items-left",children:[O&&(0,t.jsx)(v.h,{videoRef:X,controlsBackground:"white",size:"small",iconName:F?"pause":"play",onClick:()=>{X.current&&(F?X.current.pause():X.current.play())},ariaLabel:F?"Pause video":"Play video"}),R&&(0,t.jsx)("h2",{className:"text-h3-md-max md:text-h3 xl:text-6xl bottom-16px left-16px right-16px text-white z-1",dangerouslySetInnerHTML:{__html:_()(R)}})]}),(0,t.jsx)(x.default,{ref:X,cloudinaryMedia:M,cloudinaryMobileMedia:I,cloudinaryPosterImage:L,play:F,muted:!0,loop:z,playsInline:!0,preload:"auto",intersectionDisabled:!0,quality:"100",renderedWidth:"auto",renderedWidthMobile:"auto"})]}),J&&(0,t.jsxs)("div",{className:d()("absolute inset-0 flex flex-col justify-between p-16px",null!=P?P:"bg-primitive-gray-10",{"opacity-0":!T,"opacity-100":T}),children:[(0,t.jsxs)("div",{className:"flex flex-col gap-24px items-start",children:[(0,t.jsx)("h2",{className:"text-h3 md:text-h4 xl:text-h3",style:{color:N},dangerouslySetInnerHTML:{__html:_()(g)}}),(0,t.jsx)("div",{className:"text-body-copy",style:{color:N},dangerouslySetInnerHTML:{__html:_()(C)}}),k&&(0,t.jsxs)(m.z,{linkResponse:k,href:k.linkUrl,newTab:k.newTab,className:"relative z-20",children:[(0,t.jsx)(c.J,{name:"play"}),null==k?void 0:k.linkTitle]})]}),(0,t.jsx)("div",{className:"text-body-copy text-primitive-gray-100",dangerouslySetInnerHTML:{__html:_()(j)}})]}),G&&J&&(0,t.jsx)("button",{className:d()("absolute z-70 bottom-24px right-24px w-32px h-32px rounded-xl flex justify-center items-center p-8px transition-all transform",{"bg-black text-white":"bg-primitive-black"===o,"bg-white text-black":"bg-white"===o||

1!o}),"aria-label":"Flip Card",onClick:()=>{G&&B({cta:"Links",component:G?f.X.FLIP_CARDS:f.X.SCROLLING_CARDS,clickText:y||R})},children:(0,t.jsx)(b.v3,{className:d()("transition-all transform",{"rotate-135":T})})})]})})};var k=i(7936),j=i(2635),N=i(86492),P=i(5152),S=i.n(P),T=i(88116),M=i(30719);let L=S()(()=>Promise.resolve().then(i.bind(i,7936)),{loadableGenerated:{webpack:()=>[7936]},ssr:!1}),I={spaceBetween:16,slidesPerView:"auto",centeredSlides:!1,freeMode:!0,loop:!1,modules:[T.s5,T.W_,T.tl,T.Gk,T.N1],initialSlide:0,allowTouchMove:!0,speed:1e3,navigation:{prevEl:".custom-swiper-button-prev",nextEl:".custom-swiper-button-next"},pagination:{clickable:!0,el:".swiper-pagination",bulletClass:"swiper-pagination-bullet",bulletActiveClass:"swiper-pagination-bullet-active",type:"bullets"},edgeSwipeThreshold:100,breakpoints:{320:{spaceBetween:16,slidesPerView:1},540:{slidesPerView:1.25},768:{slidesPerView:3.2},1920:{slidesPerView:4}},lazy:void 0,mousewheel:{forceToAxis:!0,sensitivity:.5,thresholdDelta:25,thresholdTime:100},keyboard:!0},R=e=>{var l;let{id:i,backgroundColor:r=a.b3.TRANSPARENT,textPanel:o,cards:c}

1=e,u=(0,n.useRef)(null),[x,v]=(0,n.useState)(null),[b,m]=(0,n.useState)(0),[y,_]=(0,n.useState)(null),[g,w]=(0,n.useState)(!1),[P,S]=(0,n.useState)(!1),T=(0,n.useRef)(null),{handleNeoSlideNavBtnClick:R}=(0,f.l)(),{isFullHD:E,isMobile:F}=(0,h.X)(),z=E&&(null!==(l=null==c?void 0:c.length)&&void 0!==l?l:0)<=4,{isOnScreen:A}=(0,j.R)(u,!0,{threshold:.3}),D=a.i6.includes(r)?"light":"dark",H=a.i6.includes(r);a.i6.includes(r)?k.SwiperSliderTheme.LIGHT:k.SwiperSliderTheme.DARK;let X=e=>{var l,i;if(!c||e>=c.length)return!1;let t=c[e],a=F&&(null===(l=t.cloudinaryMobileMedia)||void 0===l?void 0:l[0])?t.cloudinaryMobileMedia[0]:null===(i=t.cloudinaryMedia)||void 0===i?void 0:i[0];return(null==a?void 0:a.resource_type)==="video"},B=e=>{if(!c||0===c.length)return null;let l=(e+1)%c.length,i=0;for(;i<c.length;){if(X(l))return l;l=(l+1)%c.length,i++}return null},V=(e,l)=>{var i,t,a;R(e,{cta:"Links",component:(null==c?void 0:null===(i=c[0].flippedCardPanel)||void 0===i?void 0:i.headline)||(null==c?void 0:null===(t=c[0].flippedCardPanel)||void 0===t?void 0:t.bodyCopy)?f.X.FLIP_CARDS:f.X.SCROLLING_CARDS,clickText:l||(null==o?void 0:o.headline)||(null==o?void 0:o.title)||(c?null===(a=c[0])||void 0===a?void 0:a.title:"")})},G=e=>{var l,i;((null==c?void 0:null===(l=c[e].flippedCardPanel)||void 0===l?void 0:l.headline)||(null==c?void 0:null===(i=c[e].flippedCardPanel)||void 0===i?void 0:i.bodyCopy))&&v(l=>l===e?null:e)};(0,n.useEffect)(()=>{if(A&&!P&&c&&c.length>0){S(!0);let e=B(-1);null!==e&&(m(e),w(!1))}},[A,P,c]),(0,n.useEffect)(()=>()=>{T.current&&clearTimeout(T.current)},[]);let O=e=>{c&&(T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{let l=B(e);null!==l&&(m(l),w(!1))},300))},q=e=>{null===y&&e===b&&c?O(e):null!==y&&e===y&&O(e)},J=e=>{X(e)&&(T.current&&clearTimeout(T.current),_(e),m(e),w(!0))},W=e=>{X(e)&&(_(null),w(!1))};return(0,t.jsx)("div",{className:"w-full flex justify-center overflow-hidden",children:(0,t.jsxs)("div",{id:i,className:d()(s()["flippable-card-slider"],"flex flex-col gap-40px px-16px py-16 md:px-64px md:py-32",r),children:[(0,t.jsxs)("div",{className:"flex flex-col gap-16px",children:[(null==o?void 0:o.calloutTitle)&&(0,t.jsx)("h5",{className:d()("text-h5-md-max lg:text-h5 uppercase text-black",{"text-white":H}),dangerouslySetInnerHTML:{__html:(0,N.decode)(o.calloutTitle)}}),(0,t.jsx)("h2",{className:d()("text-h2-md-max lg:text-h2 text-black",{"text-white":H}),style:{color:null==o?void 0:o.textColor},children:null==o?void 0:o.headline}),(null==o?void 0:o.bodyCopy)&&(0,t.jsx)("p",{className:d()("text-body-copy-md-max lg:text-body-copy text-black",{"text-white":H}),style:{color:null==o?void 0:o.textColor},dangerouslySetInnerHTML:{__html:(0,N.decode)(o.bodyCopy)}})]}),c&&(0,t.jsx)("div",{className:d()("w-full relative",s()["flippable-card-slider__list"],s()["flippable-card-slider__slide-in"]),ref:u,children:(0,t.jsxs)(L,{loop:!1,settings:I,className:d()(s()["flippable-card-slider__slider"]),children:[(0,t.jsx)("div",{id:"flippable-card-slider",children:c.map((e,l)=>{var i,a,r,n,o,p,c,u,v,m,f,h;return(0,t.jsx)(M.SwiperSlide,{children:(0,t.jsx)(C,{className:d()(s()["flippable-card-slider__item"]),isActive:x===l,onClick:()=>{var i;G(l),V("Right",null===(i=e.textPanel)||void 0===i?void 0:i.headline)},text:(null===(i=e.textPanel)||void 0===i?void 0:i.richText)?null===(a=e.textPanel)||void 0===a?void 0:a.richText:null===(r=e.textPanel)||void 0===r?void 0:r.bodyCopy,headline:null===(n=e.textPanel)||void 0===n?void 0:n.headline,link:null===(o=e.textPanel)||void 0===o?void 0:o.link,cardLink:e.link,subheader:null===(p=e.textPanel)||void 0===p?void 0:p.subheader,media:e.media,mobileMedia:e.mobileMedia,posterImage:e.posterImage,textColor:e.textColor,icon:e.icon,iconText:e.iconText,backgroundColor:e.backgroundColor,flippedCardPanelHeader:null===(c=e.flippedCardPanel)||void 0===c?void 0:c.headline,flippedCardPanelBody:null===(u=e.flippedCardPanel)||void 0===u?void 0:u.bodyCopy,flippedCardPanelLink:null===(v=e.flippedCardPanel)||void 0===v?void 0:v.link,flippedCardPanelDisclaimer:null===(m=e.flippedCardPanel)||void 0===m?void 0:m.disclaimerText,flippedCardPanelTextColor:null===(f=e.flippedCardPanel)||void 0===f?void 0:f.textColor,flippedCardPanelBackgroun

1dColor:null===(h=e.flippedCardPanel)||void 0===h?void 0:h.backgroundColor,cloudinaryMedia:e.cloudinaryMedia,cloudinaryMobileMedia:e.cloudinaryMobileMedia,cloudinaryPosterImage:e.cloudinaryPosterImage,customOptions:null==e?void 0:e.customOptions,index:l,isPlaying:b===l,isLooping:y===l&&g,onMouseEnter:()=>J(l),onMouseLeave:()=>W(l),onVideoEnd:()=>q(l)})},l)})}),!z&&(0,t.jsxs)("div",{className:s()["flippable-card-slider__slider--navigation"],slot:"navigation-container",children:[(0,t.jsx)("div",{className:d()("swiper-pagination",D),slot:"pagination"}),(0,t.jsx)(p.Z,{classNameNext:"custom-swiper-button-next",classNamePrev:"custom-swiper-button-prev",className:d()(s()["flippable-card-swiper-buttons-container"],"!mt-0"),style:"small",onNext:()=>V("Right"),onPrev:()=>V("Left"),color:D})]})]})})]})})};var E=R},32709:function(e){e.exports={icon:"FlippableCard_icon__hzQMB"}},17501:function(e){e.exports={"flippable-card-slider":"FlippableCardSlider_flippable-card-slider__Zx83w","flippable-card-slider__container":"FlippableCardSlider_flippable-card-slider__container__v86ql","flippable-card-slider__slider":"FlippableCardSlider_flippable-card-slider__slider__PIj63","flippable-card-slider__item":"FlippableCardSlider_flippable-card-slider__item__f4jCL","flippable-card-slider__slider--navigation":"FlippableCardSlider_flippable-card-slider__slider--navigation__j22sw","flippable-card__slider-container":"FlippableCardSlider_flippable-card__slider-container__Rw2gE","flippable-card-swiper-buttons-container":"FlippableCardSlider_flippable-card-swiper-buttons-container__2k6t9",light:"FlippableCardSlider_light__TqdlX"}}}]);