https://www.yung.studio/_next/static/chunks/app/rd/page-8178551529…?dpl=dpl_i8GmwKGv5tBDf5whk7n96rLYKYcx

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6060],{80686:function(e,t,r){Promise.resolve().then(r.bind(r,95082)),Promise.resolve().then(r.bind(r,61685)),Promise.resolve().then(r.bind(r,60803)),Promise.resolve().then(r.bind(r,60575)),Promise.resolve().then(r.bind(r,48050)),Promise.resolve().then(r.bind(r,34582)),Promise.resolve().then(r.bind(r,74267)),Promise.resolve().then(r.bind(r,85515)),Promise.resolve().then(r.bind(r,35544)),Promise.resolve().then(r.bind(r,20185)),Promise.resolve().then(r.bind(r,11367))},61685:function(e,t,r){"use strict";r.d(t,{InfiniteGrid:function(){return s}});var n=r(27573),a=r(7653),i=r(23607),c=r(7087);let l=[{x:30,y:20,w:400},{x:500,y:80,w:340},{x:940,y:10,w:420},{x:80,y:400,w:360},{x:460,y:430,w:460},{x:960,y:380,w:380},{x:20,y:760,w:400},{x:480,y:810,w:350},{x:920,y:750,w:430}];function s(e){let{items:t,layout:r,scale:s,scaleMobile:u}=e,o=(0,i.J)(),d=(0,a.useRef)(null),h=(0,a.useRef)([]),m=(0,a.useRef)([]),x=(0,a.useRef)(0),g=(0,a.useRef)({w:0,h:0}),y=(0,a.useRef)(200),w=(0,a.useRef)({target:{x:0,y:0},current:{x:0,y:0},last:{x:0,y:0},delta:{x:{target:0,current:0},y:{target:0,current:0}}}),v=(0,a.useRef)({x:{target:.5,current:.5},y:{target:.5,current:.5},pressed:!1,dragStart:{x:0,y:0},scrollStart:{x:0,y:0}}),f=(0,a.useRef)(null),p=(0,a.useRef)(!1),b=(0,a.useRef)({x:0,y:0}),E=(0,a.useCallback)(()=>{let e=window.innerWidth,n=window.innerHeight,a=null!=s?s:2,i=e<768?null!=u?u:1:a,c=i/a,o=(r&&r.length>0?r.map(e=>({x:e.x,y:e.y,w:e.w,rdItem:e.item})):l.map((e,r)=>({...e,rdItem:t[r%t.length]}))).map(e=>{let t=function(e){var t,r,n;let a=null===(n=e.image)||void 0===n?void 0:null===(r=n.asset)||void 0===r?void 0:null===(t=r.metadata)||void 0===t?void 0:t.dimensions;return a&&a.width>0?a.height/a.width:.5625}(e.rdItem),r=.8*e.w*i;return{x:.8*e.x*c,y:.8*e.y*c,w:r,h:r*t,rdItem:e.rdItem}}),d=Math.min(...o.map(e=>e.x)),x=Math.min(...o.map(e=>e.y)),v=Math.max(...o.map(e=>e.x+e.w)),f=Math.max(...o.map(e=>e.y+e.h));for(let e of o)e.x-=d,e.y-=x;let p=v-d,E=f-x,L=o.map((e,t)=>({baseX:e.x,baseY:e.y,width:e.w,height:e.h,extraX:0,extraY:0,parallaxEase:function(e){let t=43758.5453*Math.sin(127.1*e+311.7);return .5+(t-Math.floor(t))*.5}(t),rdItem:e.rdItem}));g.current={w:p,h:E},m.current=L;let M=-(p/2-e/2),P=-(E/2-n/2);w.current.target={x:M,y:P},w.current.current={x:M,y:P},w.current.last={x:M,y:P},b.current={x:e/2,y:n/2},y.current=Math.max(300,.4*Math.sqrt(e*e+n*n));for(let e=0;e<L.length;e++){let t=h.current[e];t&&(t.style.width="".concat(L[e].width,"px"))}},[t,r,s,u]);(0,a.useEffect)(()=>{if(o)return;function e(t){var r,n,a,i,c,l;let s=w.current,u=v.current,o=m.current,d=g.current,y=window.innerWidth,E=window.innerHeight;if(p.current){s.current.x=(r=s.current.x)+(s.target.x-r)*.12,s.current.y=(n=s.current.y)+(s.target.y-n)*.12,s.delta.x.target=s.current.x-s.last.x,s.delta.y.target=s.current.y-s.last.y,s.delta.x.current=(a=s.delta.x.current)+(s.delta.x.target-a)*.04,s.delta.y.current=(i=s.delta.y.current)+(s.delta.y.target-i)*.04,u.x.current=(c=u.x.current)+(u.x.target-c)*.04,u.y.current=(l=u.y.current)+(u.y.target-l)*.04;for(let e=0;e<o.length;e++){let t=o[e],r=h.current[e];if(!r)continue;let n=t.baseX+s.current.x+t.extraX,a=t.baseY+s.current.y+t.extraY,i=E/2,c=Math.round((y/2-n)/d.w);t.extraX+=c*d.w,n+=c*d.w;let l=Math.round((i-a)/d.h);t.extraY+=l*d.h,a+=l*d.h;let m=5*s.delta.x.current*t.parallaxEase,x=5*s.delta.y.current*t.parallaxEase,g=(u.x.current-.5)*t.width*.3,w=(u.y.current-.5)*t.height*.3;r.style.transform="translate(".concat(n+m+g,"px, ").concat(a+x+w,"px)")}s.last.x=s.current.x,s.last.y=s.current.y}else{null===f.current&&(f.current=t);let e=t-f.current,r=b.current.x,n=b.current.y;for(let t=0;t<o.length;t++){let a=o[t],i=h.current[t];if(!i)continue;let c=a.baseX+s.current.x+a.extraX,l=a.baseY+s.current.y+a.extraY,u=E/2,m=Math.round((y/2-c)/d.w);a.extraX+=m*d.w,c+=m*d.w;let x=Math.round((u-l)/d.h);a.extraY+=x*d.h,l+=x*d.h;let g=.5*Math.max(y,E);if(!(c+a.width>-g&&c<y+g&&l+a.height>-g&&l<E+g)){i.style.transform="translate(".concat(c,"px, ").concat(l,"px)"),i.style.opacity="1";continue}let w=c+a.width/2-r,v=l+a.height/2-n,f=Math.min(1,Math.max(0,e-Math.sqrt(w*w+v*v)/Math.sqrt(y*y+E*E)*30*o.length)/2800),p=1===f?1:1-Math.pow(2,-10*f),b=r-a.width/2,L=n-a.height/2,M=b+(c-b)*p,P=L+(l-L)*p;i.style.transform="translate(".concat(M,"px, ").concat(P,"px)"),i.style.opacity=f>0?"1":"0"}e>2800+30*o.length&&(p.current=!0)}x.current=requestAnimationFrame(e)}E();let t=d.current,r=(t?Array.from(t.querySelectorAll("img")):[]).map(e=>e.complete?Promise.resolve():new Promise(t=>{e.addEventListener("load",()=>t(),{once:!0}),e.addEventListener("error",()=>t(),{once:!0})})),n=!1;function a(e){e.preventDefault(),e.stopPropagation(),w.current.target.x-=.4*e.deltaX,w.current.target.y-=.4*e.deltaY}function i(e){v.current.x.target=e.clientX/window.innerWidth,v.current.y.target=e.clientY/window.innerHeight,v.current.pressed&&(w.current.target.x=v.current.scrollStart.x+(e.clientX-v.current.dragStart.x),w.current.target.y=v.current.scrollStart.y+(e.clientY-v.current.dragStart.y))}function c(e){v.current.pressed=!0,v.current.dragStart={x:e.clientX,y:e.clientY},v.current.scrollStart={...w.current.target},document.documentElement.classList.add("is-dragging")}function l(){v.current.pressed=!1,document.documentElement.classList.remove("is-dragging")}function s(e){let t=e.touches[0];v.current.pressed=!0,v.current.dragStart={x:t.clientX,y:t.clientY},v.current.scrollStart={...w.current.target}}function u(e){e.preventDefault();let t=e.touches[0];v.current.x.target=t.clientX/window.innerWidth,v.current.y.target=t.clientY/window.innerHeight,v.current.pressed&&(w.current.target.x=v.current.scrollStart.x+(t.clientX-v.current.dragStart.x),w.current.target.y=v.current.scrollStart.y+(t.clientY-v.current.dragStart.y))}function y(){v.current.pressed=!1}function L(){p.current=!0,E()}Promise.all(r).then(()=>{n||(x.current=requestAnimationFrame(e))});let M=d.current;return M&&(M.addEventListener("wheel",a,{passive:!1}),M.addEventListener("mousedown",c),M.addEventListener("touchstart",s,{passive:!1}),M.addEventListener("touchmove",u,{passive:!1}),M.addEventListener("touchend",y)),window.addEventListener("mousemove",i),window.addEventListener("mouseup",l),window.addEventListener("resize",L),(

1)=>{n=!0,cancelAnimationFrame(x.current),M&&(M.removeEventListener("wheel",a),M.removeEventListener("mousedown",c),M.removeEventListener("touchstart",s),M.removeEventListener("touchmove",u),M.removeEventListener("touchend",y)),window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",l),window.removeEventListener("resize",L),document.documentElement.classList.remove("is-dragging")}},[o,E]);let L=null==r?void 0:r.filter(e=>e.item),M=L&&L.length>0,P=M?L.length:l.length,S=[];for(let e=0;e<P;e++){let r=M?L[e].item:t[e%t.length];r&&S.push({key:"".concat(e),rdItem:r,itemIdx:e})}return o?(0,n.jsx)("section",{"aria-label":"R&D Projects",className:"site-container site-px py-10",children:(0,n.jsx)("ul",{role:"list",className:"site-grid gap-5",children:t.map(e=>(0,n.jsx)("li",{className:"col-span-full sm:col-span-6 lg:col-span-4",children:(0,n.jsx)(c._7,{item:e,showTag:!1})},e._id))})}):(0,n.jsx)("section",{ref:d,"aria-label":"R&D Projects — Interactive infinite grid. Drag or scroll to explore.",className:"h-dvh overflow-hidden relative cursor-grab active:cursor-grabbing bg-black",children:S.map(e=>{let{key:t,rdItem:r,itemIdx:a}=e;return(0,n.jsx)("div",{ref:e=>{h.current[a]=e},className:"absolute top-0 left-0 will-change-transform pointer-events-none",style:{opacity:0},children:(0,n.jsx)(c._7,{item:r,showTag:!1})},t)})})}}},function(e){e.O(0,[9911,7238,8590,5526,2580,6715,6857,3423,7749,6245,641,7699,4070,8134,8819,7087,1293,1528,1744],function(){return e(e.s=80686)}),_N_E=e.O()}]);