1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8670,153],{15763:function(e,n,t){t.d(n,{Z:function(){return cardoverlaybanner}});var i=t(52903),l=t(2784),r=t(74651),o=t(7454),a=t(27989),d=t(84426),s=t(90614),u=t(73235),c=t(28165),p=t(34345);function _templateObject(){let e=(0,u._)(["\n --cardoverlaybanner-image-position: bottom;\n height: 520px;\n max-height: 520px;\n position: relative;\n width: 100%;\n border-radius: var(--radius-xl);\n "," {\n border-radius: var(--radius-large);\n }\n & .image-container img{\n object-fit: cover; \n height: 100%;\n }\n @media screen and (max-width: 991px){\n & .image-container img{\n object-position: var(--cardoverlaybanner-image-position);\n } \n } \n @media screen and (min-width: 619px) and (max-width: 991px) {\n height: 720px;\n max-height: 720px\n }\n "]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,u._)(["\n overflow: hidden;\n border-radius: var(--radius-xl);\n display:flex;\n object-fit: cover;\n height: 100%; \n \n & video{\n width:100%;\n object-fit: cover; \n }\n "," {\n border-radius: var(--radius-large); \n }\n "]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,u._)(["\n ","\n position: absolute;\n top: 0;\n height: 100%;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-l) 0 var(--spacing-l) var(--spacing-huge);\n width: 484px;\n @media screen and (min-width: 619px) and (max-width: 991px){\n padding: var(--spacing-huge) var(--spacing-huge);\n }\n @media screen and (max-width: 619px){\n padding: var(--spacing-l) var(--spacing-m) var(--spacing-l) var(--spacing-m);\n } \n \n @media screen and (max-width: 991px){\n width: 100%;\n } \n "]);return _templateObject2=function(){return e},e}let defaultCardOverLayBannerStyles=e=>{let{}=e;return{bannerContainer:(0,c.iv)(_templateObject(),p.w5.mobile),videoContainer:(0,c.iv)(_templateObject1(),p.w5.mobile)}},defaultBannerContentStyles=e=>{let{defaultStyles:n}=e;return{...n||{},bannerContent:(0,c.iv)(_templateObject2(),null==n?void 0:n.bannerContent)}};var b=t(10153),cardoverlaybanner=e=>{var n,t,u,c,p,v,g,h,m,f,y,C,w,x,S,_,k;let Z,j,{banner:O,videoElement:V,logAnalytics:T,breakpoints:I,styles:A,bannerContentStyles:P,overideProps:B}=e,{bannerVideo:M}=O||{},{navigateBanner:D,navigateButton:N}=(0,o.HJ)(),E=(0,l.useMemo)(()=>({button:e=>(null==T?void 0:T.button)&&(null==T?void 0:T.button({button:e,banner:O})),banner:e=>(null==T?void 0:T.fullBannerCTA)&&(null==T?void 0:T.fullBannerCTA({banner:e}))}),[T,O]),L=defaultCardOverLayBannerStyles({breakpoints:I});Z="function"==typeof A?A({breakpoints:I,defaultStyles:L}):A;let R=(0,d.W)({defaultStyles:L.bannerContainer,styles:null==Z?void 0:Z.bannerContainer}),F=(0,d.W)({defaultStyles:L.videoContainer,styles:null==Z?void 0:Z.videoContainer}),W=(k=null==O?void 0:O.bannerVideo,(null==I?void 0:I.mobile)&&(null==k?void 0:k.mobileUrl)?k.mobileUrl:(null==I?void 0:I.tablet)&&(null==k?void 0:k.tabletUrl)?k.tabletUrl:(null==k?void 0:k.url)||""),U=l.useRef(null);l.useEffect(()=>{U.current&&(U.current.src=W,U.current.load())},[W]),j=(null==I?void 0:I.mobile)?(null==O?void 0:null===(n=O.bannerVideo)||void 0===n?void 0:n.mobilePoster)?null==O?void 0:null===(t=O.bannerVideo)||void 0===t?void 0:t.mobilePoster:null==O?void 0:null===(u=O.bannerVideo)||void 0===u?void 0:u.poster:(null==I?void 0:I.tablet)?(null==O?void 0:null===(c=O.bannerVideo)||void 0===c?void 0:c.tabletPoster)?null==O?void 0:null===(p=O.bannerVideo)||void 0===p?void 0:p.tabletPoster:null==O?void 0:null===(v=O.bannerVideo)||void 0===v?void 0:v.poster:null==O?void 0:null===(g=O.bannerVideo)||void 0===g?void 0:g.poster;let Y=l.isValidElement(V)?V:(null==O?void 0:O.bannerVideo)?(0,i.tZ)(b.Z,{ref:U,"data-src":W,url:W,preload:"none",autoPlay:!0,muted:!0,loop:!0,controlsList:"nodownload",disablePictureInPicture:!0,playsInl
1ine:!0,"webkit-playsinline":"true",poster:j,breakpoints:I}):null,{location:G,stateName:H}=(0,r.D)(),X=null==O?void 0:O.bannerImage,z=null==O?void 0:O.personalisedImages;if(z&&"string"==typeof H&&z[H]){let e=z[H];(null==e?void 0:e.image)&&(X={...O.bannerImage,...e,image:{...null===(h=O.bannerImage)||void 0===h?void 0:h.image,...e.image,desktop:null!==(w=e.image.desktop)&&void 0!==w?w:null===(m=O.bannerImage)||void 0===m?void 0:m.image.desktop,mobile:null!==(x=e.image.mobile)&&void 0!==x?x:null===(f=O.bannerImage)||void 0===f?void 0:f.image.mobile,tablet:null!==(S=e.image.tablet)&&void 0!==S?S:null===(y=O.bannerImage)||void 0===y?void 0:y.image.tablet,alttext:null!==(_=e.image.alttext)&&void 0!==_?_:null===(C=O.bannerImage)||void 0===C?void 0:C.image.alttext}})}else X=null==O?void 0:O.bannerImage;let $=X,q=(0,i.BX)("div",{className:"h-100",children:[(null==O?void 0:O.bannerVideo)&&!(null==O?void 0:O.bannerImage)?(0,i.tZ)("div",{className:"bannervideo-container",css:F.css,children:Y}):null,$?(0,i.tZ)(a.Z,{content:$,breakpoints:I,overideProps:null==B?void 0:B.bannerImage}):null,(0,i.tZ)(s.Z,{banner:O,breakpoints:I,overideProps:null==B?void 0:B.content,styles:e=>{let n,{breakpoints:t,content:i,defaultStyles:l}=e,r=defaultBannerContentStyles({breakpoints:t,defaultStyles:l});n="function"==typeof P?P({breakpoints:t,defaultStyles:r}):r;let o=(0,d.W)({defaultStyles:r.bannerContentContainer,styles:null==n?void 0:n.bannerContentContainer}),a=(0,d.W)({defaultStyles:r.bannerContent,styles:null==n?void 0:n.bannerContent}),s=(0,d.W)({defaultStyles:r.bannerCaption,styles:null==n?void 0:n.bannerCaption}),u=(0,d.W)({defaultStyles:r.bannerTitle,styles:null==n?void 0:n.bannerTitle}),c=(0,d.W)({defaultStyles:r.bannerDescription,styles:null==n?void 0:n.bannerDescription}),p=(0,d.W)({defaultStyles:r.bannerButtonGroup,styles:null==n?void 0:n.bannerButtonGroup}),b=(0,d.W)({defaultStyles:r.bannerCaptionTitleContainer,styles:null==n?void 0:n.bannerCaptionTitleContainer}),v=(0,d.W)({defaultStyles:r.bannerCaptionTitleDescContainer,styles:null==n?void 0:n.bannerCaptionTitleDescContainer});return{bannerContent:a.css,bannerContentContainer:o.css,bannerCaption:s.css,bannerTitle:u.css,bannerDescription:c.css,bannerButtonGroup:p.css,bannerCaptionTitleContainer:b.css,bannerCaptionTitleDescContainer:v.css}},logAnalytics:{button:null==E?void 0:E.button}})]});return(0,i.tZ)("div",{role:"region","aria-label":null==O?void 0:O.headerText,css:R.css,children:(null==O?void 0:O.target)?(0,i.tZ)("div",{className:"h-100",tabIndex:0,onClick:()=>{var e,n,t;if((null==O?void 0:null===(e=O.buttons)||void 0===e?void 0:e.length)===1){let e=null==O?void 0:null===(n=O.buttons)||void 0===n?void 0:n[0];E&&(null==E||E.button(e)),N&&N(null===(t=O.buttons)||void 0===t?void 0:t[0])}else E&&(null==E||E.banner(O)),D&&D(O)},style:{cursor:"pointer"},children:q}):q})}},71325:function(e,n,t){var i=t(52903),l=t(20062);let getStyles=e=>{let{breakpoints:n,content:t}=e,{backgroundColor:i,backgroundColorDesktop:l,backgroundColorMobile:r,backgroundColorTablet:o}=t||{},a=(null==i?void 0:i.color)?{backgroundColor:"var(--color-".concat(i.color,")")}:(null==i?void 0:i.colorCode)?{backgroundColor:null==i?void 0:i.colorCode}:{backgroundColor:"unset"};if(null==n?void 0:n.mobile){if(null==r?void 0:r.colorCode)return{backgroundColor:null==r?void 0:r.colorCode};if(null==r?void 0:r.color)return{backgroundColor:"var(--color-".concat(null==r?void 0:r.color,")")}}else if(null==n?void 0:n.tablet){if(null==o?void 0:o.colorCode)return{backgroundColor:null==o?void 0:o.colorCode};if(null==o?void 0:o.color)return{backgroundColor:"var(--color-".concat(null==o?void 0:o.color,")")}}else if(null==n?void 0:n.desktop){if(null==l?void 0:l.colorCode)return{backgroundColor:null==l?void 0:l.colorCode};if(null==l?void 0:l.color)return{backgroundColor:"var(--color-".concat(null==l?void 0:l.color,")")}}return a};n.Z=e=>{let{children:n,breakpoints:t,container:r,className:o}=e,{backgroundColor:a,mode:d,sectionId:s,...u}=r||{},c=(0,i.tZ)(i.HY,{}),p=(0,i.tZ)(i.HY,{});return(null==t?void 0:t.mobile)?((null==r?void 0:r.topSpaceMobile)&&(null==r?void 0:r.topSpaceMobile)!="blank"&&(c=(0,i.tZ)(l.Z,{value:null==r?void 0:r.topSpaceMobile,direction:"bottom"})),(null==r?void 0:r.bottomSpaceMobile)&&(null==r?void 0:r.bottomSpaceMobile)!="blank"&&(p=(0,i.tZ)(l.Z,{value:null==r?void 0:r.bottomSpaceMobile,direction:"bottom"}))):(null==t?void 0:t.tablet)&&((null==r?void 0:r.topSpaceTablet)&&(null==r?void 0:r.topSpaceTablet)!="blank"&&(c=(0,i.tZ)(l.Z,{value:null==r?void 0:r.topSpaceTablet,direction:"bottom"})),(null==r?void 0:r.bottomSpaceTablet)&&(null==r?void 0:r.bottomSpaceTablet)!="blank"&&(p=(0,i.tZ)(l.Z,{value:null==r?void 0:r.bottomSpaceTablet,direction:"bottom"}))),(null==t?void 0:t.desktop)&&((null==r?void 0:r.topSpace)&&(null==r?void 0:r.topSpace)!="blank"&&(c=(0,i.tZ)(l.Z,{value:null==r?void 0:r.topSpace,direction:"bottom"})),(null==r?void 0:r.bottomSpace)&&(null==r?void 0:r.bottomSpace)!="blank"&&(p=(0,i.tZ)(l.Z,{value:null==r?void 0:r.bottomSpace,direction:"bottom"}))),d?(0,i.BX)("div",{className:o,"data-mode":d,style:getStyles({content:r,breakpoints:t}),id:s,children:[c,n,p]}):(0,i.BX)("div",{className:o,style:getStyles({content:r,breakpoints:t}),id:s,children:[c,n,p]})}},28670:function(e,n,t){t.r(n);
1var i=t(73235),l=t(52903),r=t(28165),o=t(73961),a=t(2784),d=t(15763),s=t(71325),u=t(20062),c=t(69869),p=t(34345),b=t(30236),v=t(20866);function _templateObject(){let e=(0,i._)([" \n& .image-container,\n& .banner-content-caption,\n& .banner-content-title-container,\n& .banner-content-description,\n& .banner-button-group\n {\n opacity: 0;\n transform: translateY(50px);\n will-change: transform, opacity;\n }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n &.grid-with-banners-desktop-2-col{\n ","{\n grid-template-columns: 1fr;\n }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,i._)(["\ndisplay: flex;\nflex-direction: column;\ngap: var(--spacing-base);\n","{\n >div{\n width: 100%;\n gap:var(--spacing-m);\n }\n}\n","{\n >div{\n width: auto;\n }\n}\n\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,i._)(["\n display: flex;\n flex-direction: column;\n gap: var(--spacing-m);\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,i._)(["\n--grid-with-banners-height: 520px;\n--grid-with-banners-content-width: auto;\n--grid-with-banners-content-padding: auto;\n\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,i._)([" \n ","\n @media screen and (min-width: 992px){\n height: var(--grid-with-banners-height);\n max-height: var(--grid-with-banners-height);\n } \n @media screen and (min-width: 619px) and (max-width: 991px){\n height: 720px;\n max-height: 720px;\n } \n @media screen and (max-width: 619px){\n height: 520px;\n max-height: 520px;\n } \n\n "]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,i._)(["\n ","\n width: var(--grid-with-banners-content-width);\n padding: var(--grid-with-banners-content-padding);\n ","{\n width: 100%;\n }\n @media screen and (max-width: 619px){\n width: 100%;\n padding: var(--spacing-l) var(--spacing-m) var(--spacing-l) var(--spacing-m);\n }\n @media screen and (min-width: 619px) and (max-width: 991px){\n width: 100%;\n padding: var(--spacing-huge);\n } \n "]);return _templateObject6=function(){return e},e}let g=(0,r.iv)(_templateObject()),h=(0,r.iv)(_templateObject1(),p.w5["between 992px and 1279px"]),m=(0,r.iv)(_templateObject2(),p.w5.desktop,p.w5["between 992px and 1279px"]),f=(0,r.iv)(_templateObject3()),y=(0,r.iv)(_templateObject4()),C={bannerImage:{image:{mobile:{borderRadius:"var(--radius-large)"}}},content:{caption:{icon:{desktop:{size:"xtra-large"},tablet:{size:"xtra-large"},mobile:{size:"large"}},title:{desktop:{appearance:"body-l-bold",as:"div"},tablet:{appearance:"body-l-bold",as:"div"},mobile:{appearance:"body-m-bold",as:"div"}}},title:{desktop:{appearance:"heading-m"},mobile:{appearance:"heading-xs"},tablet:{appearance:"heading-m"}},description:{desktop:{appearance:"body-m",color:"primary-grey-80"},mobile:{appearance:"body-s",color:"primary-grey-80"},tablet:{appearance:"body-m",color:"primary-grey-80"}}}},getBannerStyles=e=>{var n;return{...e.defaultStyles,bannerContainer:(0,r.iv)(_templateObject5(),null===(n=e.defaultStyles)||void 0===n?void 0:n.bannerContainer)}},getBannerContentStyles=e=>{var n;return{...e.defaultStyles,bannerContent:(0,r.iv)(_templateObject6(),null===(n=e.defaultStyles)||void 0===n?void 0:n.bannerContent,p.w5["between 992px and 1279px"])}},getDynamicStyles=e=>({"--grid-with-banners-height":"full-width"==e?"520px":"720px","--grid-with-banners-content-width":"full-width"==e?"40%":"100%","--grid-with-banners-content-padding":"full-width"==e?"var(--spacing-l) 0 var(--spacing-l) var(--spacing-huge)":"var(--spacing-huge)"}),MainContainer=e=>{let{levelLayout:n,breakpoints:t,children:i}=e;return(null==t?void 0:t.mobile)?(0,l.tZ)(o.ContentLayout,{children:(0,l.tZ)("div",{css:f,children:i})}):(0,l.tZ)(o.ContentLayout,{css:h,className:(null==t?void 0:t.desktop)&&"1fr 1fr"==n?"grid-with-banners-desktop-2-col":"",layout:(null==t?void 0:t.desktop)&&"1fr 1fr"==n?"2-col-even":"1-col-even",children:i})},Level=e=>{let{level:n,breakpoints:t,logAnalytics:i}=e,{banners:r,levelLayout:o="1fr 1fr"}=n,a=getDynamicStyles(o);return(0,l.tZ)(MainContainer,{levelLayout:o,breakpoints:t,children:(r||[]).map((e,n)=>(e.alignContentVerticalDesktop||(e.alignContentVerticalDesktop={}
1,"full-width"==o?e.alignContentVerticalDesktop.align="center":e.alignContentVerticalDesktop.align="top"),e.alignContentVerticalMobile||(e.alignContentVerticalMobile={},e.alignContentVerticalMobile.align="top"),e.alignContentVerticalTablet||(e.alignContentVerticalTablet={},e.alignContentVerticalTablet.align="top"),(0,l.tZ)("div",{css:y,style:a,className:"grid-with-banners-banner-container",children:(0,l.tZ)(d.Z,{banner:e,logAnalytics:null==i?void 0:i.banner,styles:getBannerStyles,bannerContentStyles:getBannerContentStyles,breakpoints:t,overideProps:C})},n)))})};n.default=e=>{var n;let{content:t,source:i,logAnalytics:r,breakpoints:o}=e,{container:d,gridWithBanners:h,metaData:f}=t,y=(0,a.useMemo)(()=>((null==h?void 0:h.levels)||[]).some(e=>{var n;return null==e?void 0:null===(n=e.banners)||void 0===n?void 0:n.some(e=>{let n=null==e?void 0:e.personalisedImages;return n&&"object"==typeof n&&Object.keys(n).length>0})}),[h]);(0,b.Z)({enabled:y}),(null==h?void 0:h.header)&&(h.header.textAlignDesktop||(h.header.textAlignDesktop="center"),h.header.textAlignMobile||(h.header.textAlignMobile="center"),h.header.textAlignTablet||(h.header.textAlignTablet="center"));let C="myjio"==i?null==f?void 0:f.showMyjio:null==f?void 0:f.show,w=null!==(n=null==f?void 0:f.animation)&&void 0!==n&&n;return C?(0,l.tZ)(s.Z,{container:d||p.Sh,breakpoints:o,className:"grid-with-banners",children:(0,l.BX)(e=>{let{breakpoints:n,children:t}=e;if(!w)return(0,l.tZ)("div",{children:t});let i=(0,v.Z)({},[{selector:".image-container, .banner-content-caption, .banner-content-title-container, .banner-content-description, .banner-button-group",animation:"slideUp",stagger:!0}],n,f);return(0,l.tZ)("div",{ref:i,css:g,children:t})},{children:[(null==h?void 0:h.header)&&(0,l.BX)("div",{className:"gridwith-banner-sectionheading",children:[(0,l.tZ)(c.Z,{header:h.header,breakpoints:o}),(0,l.tZ)(u.Z,{value:"xl"})]}),(0,l.tZ)("div",{css:m,children:((null==h?void 0:h.levels)||[]).map((e,n)=>(0,l.tZ)(Level,{level:e,breakpoints:o,logAnalytics:r},n))})]})}):(0,l.tZ)(l.HY,{})}},10153:function(e,n,t){var i=t(73235),l=t(52903),r=t(28165),o=t(2784),a=t(76817);function _templateObject(){let e=(0,i._)(["\n#topnav-container{\n position: relative;\n z-index: 0;\n}\n"]);return _templateObject=function(){return e},e}let d=(0,r.iv)(_templateObject()),s=o.forwardRef((e,n)=>{let{url:t,breakpoints:i,...s}=e,u=(0,o.useRef)(),[c,p]=(0,o.useState)(t);(0,o.useImperativeHandle)(n,()=>null==u?void 0:u.current,[]),(0,o.useEffect)(()=>{p(t)},[t]);let[b,v]=(0,a.YD)({threshold:.4}),[g,h]=(0,o.useState)(!1),m=(0,o.useCallback)(e=>{u.current=e,b(e)},[b]);(0,o.useEffect)(()=>{if(v&&u.current){let e=u.current.getAttribute("src");if(!e){let e=u.current.getAttribute("data-src");e&&u.current.setAttribute("src",e)}let n=u.current.getAttribute("poster");if(!n){let e=u.current.getAttribute("data-poster");e&&u.current.setAttribute("poster",e)}}(null==s?void 0:s.autoPlay)&&v&&u.current&&u.current.play(),!v&&u.current&&u.current.pause()},[v,i]);let handleVideoFullScreenChange=()=>{document.fullscreenElement==(null==u?void 0:u.current)?h(!0):h(!1)};return(0,o.useEffect)(()=>{if(u){var e,n;return null==u||null===(e=u.current)||void 0===e||e.addEventListener("fullscreenchange",handleVideoFullScreenChange),null==u||null===(n=u.current)||void 0===n||n.addEventListener("webkitfullscreenchange",handleVideoFullScreenChange),()=>{var e,n;null==u||null===(e=u.current)||void 0===e||e.removeEventListener("fullscreenchange",handleVideoFullScreenChange),null==u||null===(n=u.current)||void 0===n||n.removeEventListener("webkitfullscreenchange",handleVideoFullScreenChange)}}},[u]),(0,l.BX)(l.HY,{children:[(0,l.tZ)(r.xB,{styles:g&&d}),(0,l.tZ)("video",{"data-src":c,ref:m,disablePictureInPicture:!0,controlsList:"nodownload",...s,"webkit-playsinline":"true",playsInl
1ine:!0})]})});n.Z=s},14247:function(e,n,t){let i;let GSAPUtils=class GSAPUtils{async getScrollTrigger(){if(this.ScrollTrigger)return this.ScrollTrigger;let e=await t.e(5480).then(t.t.bind(t,35480,23));return this.ScrollTrigger=e,this.ScrollTrigger}async gsap(){let e=await Promise.all([t.e(4452),t.e(2001)]).then(t.bind(t,52001));return e}async gsapFlip(){var e;let n=await (null===(e=t.e(8415).then(t.t.bind(t,98415,23)))||void 0===e?void 0:e.then(e=>null==e?void 0:e.Flip));return n}async registerPlugin(e){let n=await this.gsap(),{gsap:t}=n;t.registerPlugin(e)}constructor(e){this.ScrollTrigger=e}};let l=({getInstance:()=>i||(i=new GSAPUtils(null))}).getInstance();n.Z=l},20866:function(e,n,t){var i=t(2784),l=t(14247);let getAnimationProps=e=>{let n={opacity:1};switch(e.animation){case"fadeIn":default:return n;case"slideUp":return{...n,y:0};case"slideLeft":case"slideRight":return{...n,x:0};case"scale":return{...n,scale:1};case"slideUpLeft":return{...n,x:0,y:0};case"custom":return{...n,...e.customProps}}};n.Z=(e,n,t,r)=>{let o=(0,i.useRef)(null),[a,d]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let i=o.current;if(!i||a)return;let initAnimation=async()=>{try{var t,o;let a=await l.Z.gsap(),{gsap:d}=a,s=await l.Z.getScrollTrigger();d.registerPlugin(s);let u=d.timeline({scrollTrigger:{trigger:i,start:e.start||"top 80%",end:e.end||"bottom 60%",markers:e.markers||!1,scrub:null!==(o=null!==(t=e.scrub)&&void 0!==t?t:null==r?void 0:r.scrub)&&void 0!==o&&o}});n.forEach(n=>{var t,l;let r=Array.from(i.querySelectorAll(n.selector));if(!r.length)return;let o=getAnimationProps(n);u.to(r,{...o,duration:(null===(t=n.customProps)||void 0===t?void 0:t.duration)||e.duration||1.3,ease:(null===(l=n.customProps)||void 0===l?void 0:l.ease)||e.ease||"power3.out",stagger:n.stagger?n.staggerDelay||.22:0},"<")})}catch(e){console.error("GSAP animation failed:",e)}},s=(null==t?void 0:t.desktop)?e.desktopDelay||200:e.delay||0,u=setTimeout(()=>{initAnimation(),d(!0)},s);return()=>clearTimeout(u)},[a,t,r,e,n]),o}},76817:function(e,n,t){t.d(n,{YD:function(){return useInView},df:function(){return s}});var i=t(2784),l=Object.defineProperty,__defNormalProp=(e,n,t)=>n in e?l(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,__publicField=(e,n,t)=>__defNormalProp(e,"symbol"!=typeof n?n+"":n,t),r=new Map,o=new WeakMap,a=0,d=void 0;function observe(e,n,t={},i=d){if(void 0===window.IntersectionObserver&&void 0!==i){let l=e.getBoundingClientRect();return n(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof t.threshold?t.threshold:0,time:0,boundingClientRect:l,intersectionRect:l,rootBounds:l}),()=>{}}let{id:l,observer:s,elements:u}=function(e){let n=Object.keys(e).sort().filter(n=>void 0!==e[n]).map(n=>{var t;return`${n}_${"root"===n?(t=e.root)?(o.has(t)||(a+=1,o.set(t,a.toString())),o.get(t)):"0":e[n]}`}).toString(),t=r.get(n);if(!t){let i;let l=new Map,o=new IntersectionObserver(n=>{n.forEach(n=>{var t;let r=n.isIntersecting&&i.some(e=>n.intersectionRatio>=e);e.trackVisibility&&void 0===n.isVisible&&(n.isVisible=r),null==(t=l.get(n.target))||t.forEach(e=>{e(r,n)})})},e);i=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:n,observer:o,elements:l},r.set(n,t)}return t}(t),c=u.get(e)||[];return u.has(e)||u.set(e,c),c.push(n),s.observe(e),function(){c.splice(c.indexOf(n),1),0===c.length&&(u.delete(e),s.unobserve(e)),0===u.size&&(s.disconnect(),r.delete(l))}}var s=class extends i.Component{constructor(e){super(e),__publicField(this,"node",null),__publicField(this,"_unobserveCb",null),__publicField(this,"handleNode",e=>{!this.node||(this.unobserve(),e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()}),__publicField(this,"handleChange",(e,n)=>{e&&this.props.triggerOnce&&this.unobserve(),"function"!=typeof this.props.children||this.setState({inView:e,entry:n}),this.props.onChange&&this.props.onChange(e,n)}),this.state={inView:!!e.initialInView,entry:void 0}}componentDidMount(){this.unobserve(),this.observeNode()}componentDidUpdate(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve()}observeNode(){if(!this.node||this.props.skip)return;let{threshold:e,root:n,rootMargin:t,trackVisibility:i,delay:l,fallbackInView:r}=this.props;this._unobserveCb=observe(this.node,this.handleChange,{threshold:e,root:n,rootMargin:t,trackVisibility:i,delay:l},r)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){let{children:e}=this.props;if("function"==typeof e){let{inView:n,entry:t}=this.state;return e({inView:n,entry:t,ref:this.handleNode})}let{as:n,triggerOnce:t,threshold:l,root:r,rootMargin:o,onChange:a,skip:d,trackVisibility:s,delay:u,initialInView:c,fallbackInView:p,...b}=this.props;return i.createElement(n||"div",{ref:this.handleNode,...b},e)}};function useInView({threshold:e,delay:n,trackVisibility:t,rootMargin:l,root:r,triggerOnce:o,skip:a,initialInView:d,fallbackInView:s,onChange:u}={}){var c;let[p,b]=i.useState(null),v=i.useRef(u),[g,h]=i.useState({inView:!!d,entry:void 0});v.current=u,i.useEffect(()=>{let i;if(!a&&p)return i=observe(p,(e,n)=>{h({inView:e,entry:n}),v.current&&v.current(e,n),n.isIntersecting&&o&&i&&(i(),i=void 0)},{root:r,rootMargin:l,threshold:e,trackVisibility:t,delay:n},s),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,p,r,l,o,a,t,s,n]);let m=null==(c=g.entry)?void 0:c.target,f=i.useRef(void 0);p||!m||o||a||f.current===m||(f.current=m,h({inView:!!d,entry:void 0}));let y=[b,g.inView,g.entry];return y.ref=y[0],y.inView=y[1],y.entry=y[2],y}}}]);
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.