https://assets-thesaurus.ie.edu/pro-ie-edu/module---src-HeroVideoTransition-01b40e57aa1b4454fe5a.js

1"use strict";(self.webpackChunk_griddo_cx=self.webpackChunk_griddo_cx||[]).push([[3531],{35380:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var r=n(26322),o=n(37447),l=n(58379),i=n(11441),s=n.n(i),u=n(49095),c=n(32356),a=n(52296),d=n(58552),f=n(39816),m=n(19491),h=n(95437);const{Module:p}=o.A,y=1440,g=({scale:e,isMobile:t})=>{const n="number"==typeof e&&e>0?e:1;if(t){const e=192/n,t={width:e,height:192/n,top:167,left:(y-e)/2},r={width:y,height:330/n,top:0,left:0},o={width:y,height:263/n,top:0,left:0};return{state1:{video:t,logo:{top:t.top+(t.height-72)/2,"--logoFill":"#ffffff"}},state2:{video:r,logo:{top:r.top+(r.height-72)/2,"--logoFill":"#ffffff"}},state3:{video:o,logo:{top:o.top+o.height+23/n,left:o.left,"--logoFill":"#0f0f0f"}}}}return{state1:{video:{width:480,height:480,top:167,left:480},logo:{top:390,"--logoFill":"#ffffff"}},state2:{video:{width:1440,height:756,top:0,left:0},logo:{top:390,"--logoFill":"#ffffff"}},state3:{video:{width:1440,height:643,top:0,left:0},logo:{top:684,left:0,"--logoFill":"#0f0f0f"}}}};var v=({videoUrl:e,anchorID:t,verticalSpacing:n="medium"})=>{const{isSSG:o}=(0,c.J5)(),i=!!(0,c.kI)("s"),v=(w=e)?"string"==typeof w?w:"object"==typeof w&&((null==w?void 0:w.href)||(null==w?void 0:w.linkToURL))||null:null;var w;const b=(0,r.useRef)(null),E=(0,r.useRef)(null),k=(0,r.useRef)(null),S=(0,r.useRef)(null),R=(0,r.useRef)(null),N=(0,r.useRef)(null),A=(0,r.useRef)(!1),F=(0,r.useRef)(!1),I=(0,r.useRef)(null),{0:M,1:$}=(0,r.useState)(1),{0:x,1:L}=(0,r.useState)(0),V=(0,r.useRef)(1),{0:W,1:z}=(0,r.useState)(!1),{0:C,1:O}=(0,r.useState)(null),{0:_,1:j}=(0,r.useState)(!1),D=(0,r.useMemo)(()=>Array.from({length:13},(e,t)=>`ampStyle${String(t+1).padStart(2,"0")}`),[]),T=v?(0,a.W5)(v):null;if((0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;(async()=>{try{const e=await fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"));z(!e.ok)}catch{z(!0)}})()},[o]),(0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;O(null);let e=!1;return(async()=>{const t=await(async e=>{if(!e)return null;const t=e.toLowerCase();return t.includes("youtube")||t.includes("youtu.be")?(0,d.$6)(e):t.includes("vimeo")?(0,d.ex)(e):null})(v);e||O(t||null)})(),()=>{e=!0}},[o,v]),(0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;if(!v)return;if(!b.current)return;const e=()=>{if(!b.current)return;const e=b.current.clientWidth||y,t=Math.min(1,e/y);if($(t),V.current=t,v&&k.current&&R.current&&!F.current){var n;const e=g({scale:t,isMobile:i}),r=(null===(n=R.current)||void 0===n?void 0:n.offsetWidth)||0,o=r?e.state1.video.left+e.state1.video.width/2-r/2:e.state1.video.left;u.os.set(k.current,e.state1.video),u.os.set(R.current,{...e.state1.logo,left:o})}E.current&&(E.current.style.visibility="visible")};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[o,v,i]),(0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;if(!v)return;if(!b.current)return;const e=b.current,t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(A.current||(A.current=!0,N.current=window.setInterval(()=>{L(e=>(e+1)%D.length)},800)))})},{threshold:.1});return t.observe(e),()=>{t.disconnect(),N.current&&window.clearInterval(N.current),N.current=null}},[o]),(0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;if(!v)return;if(!b.current||!k.current||!R.current)return;const e=b.current,t=e=>{var t;const n=(null===(t=R.current)||void 0===t?void 0:t.offsetWidth)||0;return n?e.left+e.width/2-n/2:e.left},n=()=>{const e=g({scale:V.current,isMobile:i});u.os.set(k.current,e.state1.video),u.os.set(R.current,{...e.state1.logo,left:t(e.state1.video)})};n();const r=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(()=>{if(F.current)return;F.current=!0,I.current&&(I.current.kill(),I.current=null);const e=g({scale:V.current,isMobile:i}),n=u.os.timeline({defaults:{ease:"none"}});n.to({},{duration:3}),n.to(k.current,{...e.state2.video,duration:.8}),n.to(R.current,{left:t(e.state2.video),top:e.state2.logo.top,duration:.8},"<"),n.to({},{duration:2}),n.to(k.current,{height:e.state3.video.height,duration:.8}

1),n.to(R.current,{top:e.state3.logo.top,left:e.state3.logo.left,duration:.8},"<"),n.to(R.current,{"--logoFill":e.state3.logo["--logoFill"],duration:.8},"<"),I.current=n})()})},{threshold:.35});return r.observe(e),()=>{r.disconnect(),I.current&&(I.current.kill(),I.current=null),F.current=!1,n()}},[o,v,i]),(0,r.useEffect)(()=>{if(o||"undefined"==typeof window)return;if(!v)return;if(!S.current)return;const e=S.current,t=16/9,n=y,r=i?330/(V.current||1):756;let l,s;n/r>t?(l=n,s=810):(s=r,l=r*t),e.style.width=`${l}px`,e.style.height=`${s}px`},[o,v,i]),!v)return r.createElement(p,{id:t,fit:"both",transparent:!0,noTransition:!0,pt:m.Es.moduleVerticalSpacing[n]});const U={height:`${Math.max(800*M,i?330:0)}px`},Y={transform:`scale(${M})`},q=(e=>{if("string"!=typeof e)return null;const t=e.toLowerCase();if(t.includes("vimeo")){const t=(0,a.Ve)(e);return t?`https://player.vimeo.com/video/${t}?autoplay=1&loop=1&muted=1&autopause=0&background=1`:e}if(t.includes("youtube")||t.includes("youtu.be")){const t=(0,a.W5)(e);return t?`https://www.youtube.com/watch?v=${t}`:e}return e})(v),G=v.includes("youtube")||v.includes("youtu.be"),J=v.includes("vimeo");return r.createElement(r.Fragment,null,r.createElement(h.m,null,G&&r.createElement("link",{rel:"preconnect",href:"https://www.youtube.com",crossorigin:!0}),G&&r.createElement("link",{rel:"preconnect",href:"https://www.youtube-nocookie.com",crossorigin:!0}),G&&r.createElement("link",{rel:"preconnect",href:"https://i.ytimg.com",crossorigin:!0}),J&&r.createElement("link",{rel:"preconnect",href:"https://player.vimeo.com",crossorigin:!0}),J&&r.createElement("link",{rel:"preconnect",href:"https://i.vimeocdn.com",crossorigin:!0})),r.createElement(p,{id:t,fit:"both",transparent:!0,noTransition:!0,pt:m.Es.moduleVerticalSpacing[n]},r.createElement("section",{ref:b,className:"styles-module--section--771ec",style:U},r.createElement("div",{ref:E,className:"styles-module--frame--b8922",style:Y},r.createElement("div",{ref:k,className:"styles-module--video--11268"+(_?" styles-module--videoReady--fbfca":"")},r.createElement("div",{className:"styles-module--videoInner--92114"},r.createElement("div",{ref:S,className:"styles-module--playerSizer--fcc65"},C?r.createElement("div",{className:"styles-module--thumbnailLayer--20431"},r.createElement(f.A,{url:C,title:"Youtube video thumbnail",alt:"Video from Youtube",lazy:!1})):null,W?null:r.createElement("div",{className:"styles-module--playerLayer--362d0"},r.createElement(s(),{className:"styles-module--player--d6f48",url:q,playing:!0,loop:!0,muted:!0,playsinline:!0,controls:!1,width:"100%",height:"100%",onReady:()=>j(!0),config:{youtube:{playerVars:{autoplay:1,mute:1,controls:0,loop:1,playlist:T||void 0,playsinline:1,rel:0,modestbranding:1,origin:"undefined"!=typeof window?window.location.origin:void 0},embedOptions:{host:"https://www.youtube-nocookie.com"}},vimeo:{playerOptions:{autoplay:!0,muted:!0,loop:!0}}}}))))),r.createElement("div",{ref:R,className:"styles-module--logo--32134"},r.createElement("div",{className:"styles-module--glyphA--1cc89"},r.createElement(l.A,{name:"letterA",width:"100%",height:"100%"})),r.createElement("div",{className:"styles-module--ampersand--2c166"},D.map((e,t)=>r.createElement("div",{key:e,className:"styles-module--ampStyle--2c1d4"+(t===x?" styles-module--ampStyleActive--cb5aa":"")},r.createElement(l.A,{name:e,height:"100%"})))),r.createElement("div",{className:"styles-module--glyphD--43e7a"},r.createElement(l.A,{name:"letterD",width:"100%",height:"100%"})))))))}}}]);