https://www.darkalleypictures.com/_next/static/chunks/337-03248d8908ffb11e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[337],{1337:function(e,t,l){l.d(t,{Player:function(){return v}});var s=l(7437),a=l(4839),n=l(9582),r=l(6648),i=l(6463),o=l(2265),c=l(9675),u=l(3274);let{useEffect:d,useCallback:f}=l(2265),m=(e,t)=>{let l=f(l=>{l.key===e&&t(l)},[e,t]);d(()=>(addEventListener("keyup",l),()=>{removeEventListener("keyup",l)}),[l])};var p=l(2905),h=l(7359),x=l(2969);let v=e=>{let{data:t,isInline:l=!1,onClose:a=()=>{}}=e;return t&&(0,s.jsx)(b,{data:t,isInline:l,onClose:a})},g=(e,t)=>(e-t.x)/t.width,b=e=>{var t,l,n,d,f,p;let{data:h,isInline:v,onClose:b}=e,y=(0,i.useRouter)(),w=(0,o.useRef)(),N=(0,o.useRef)(),S=(0,o.useRef)(),k=(0,o.useRef)(),E=(0,x.q)("prevPathname"),C=(0,u.a)("(pointer: coarse)"),W=null!==E&&(null==h||!h.infos)||v,[M,R]=(0,o.useState)(W),[T,L]=(0,o.useState)(!1),[P,H]=(0,o.useState)(null!=h&&null!==(l=h.full)&&void 0!==l&&null!==(t=l.asset)&&void 0!==t&&!!t.video),[I,_]=(0,o.useState)((null==h?void 0:h.infos)||!1),[O,q]=(0,o.useState)(!!C),[z,B]=(0,o.useState)(0),[D,Z]=(0,o.useState)(0),[F,V]=(0,o.useState)(0),[G,U]=(0,o.useState)(0),[X,Y]=(0,o.useState)(0),[A,J]=(0,o.useState)(0),[K,Q]=(0,o.useState)((null==h?void 0:h.infos)||!1);(0,o.useEffect)(()=>{R(W)},[W]),m("Escape",()=>{b()});let $=()=>{k.current&&clearTimeout(k.current),C&&q(!1),R(!M)},ee=e=>{let t=e.currentTarget,l=g(e.clientX,{width:t.clientWidth,x:t.getBoundingClientRect().left});N.current.player.currentTime=l*z};return(0,s.jsx)("div",{ref:w,className:(0,a.W)("dark-mode group absolute inset-0 z-[200] overflow-hidden text-[var(--foreground)]",P&&"cursor-progress"),style:{"--progress":A},children:(0,s.jsxs)("div",{className:"absolute inset-0 overflow-hidden bg-black",children:[(null==h?void 0:null===(d=h.full)||void 0===d?void 0:null===(n=d.asset)||void 0===n?void 0:n.video)?(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",onClick:$,children:(0,s.jsx)(c.n,{ref:N,playing:M,muted:I,data:h.full.asset.video,onLoadedData:e=>{P&&H(!1);let t=e.target.duration,l=Math.floor(t/60),s=Math.floor(t-60*l);B(t),Z(isNaN(l)?0:l),V(isNaN(s)?0:s)},onTimeUpdate:e=>{let t=e.target.duration,l=e.target.currentTime,s=Math.floor(l/60);U(s),Y(Math.floor(l-60*s)),t>0&&J(Math.round(l/t*100)/100)},onPlay:()=>{P&&H(!1),L(!0),C&&(k.current=setTimeout(()=>{q(!0)},3e3))},onPause:()=>{L(!1)},className:"absolute inset-0 h-full w-full object-contain",style:{"--media-object-fit":"contain"}})}):(0,s.jsx)(r.default,{src:h.poster.src,width:h.poster.width,height:h.poster.height,alt:h.poster.alt||h.title,className:"absolute inset-0 h-full w-full object-cover"}),K&&(0,s.jsx)(j,{data:h}),(0,s.jsx)("button",{className:(0,a.W)("type-link absolute left-[1.2rem] top-[1.2rem] cursor-pointer",!C&&"opacity-0 group-hover:opacity-100",C&&O&&"opacity-0"),onClick:b,children:v?"Close":"Back"}),(null==h?void 0:null===(p=h.full)||void 0===p?void 0:null===(f=p.asset)||void 0===f?void 0:f.video)&&(0,s.jsxs)("div",{className:(0,a.W)("absolute bottom-0 left-0 flex w-full flex-col items-center justify-between gap-[1rem] p-[1.2rem] transition-opacity duration-300 md:flex-row md:gap-0",!C&&"opacity-0 group-hover:opacity-100",C&&O&&"opacity-0"),children:[(0,s.jsxs)("div",{className:"relative flex flex-row items-center gap-[0.4rem]",children:[(0,s.jsx)("button",{className:"type-link",onClick:$,children:T?"Pause":"Play"}),(0,s.jsx)("button",{className:"type-link",onClick:()=>{_(!I)},children:I?"Sound: Off":"Sound: On"}),!v&&(0,s.jsx)("button",{className:"type-link",onClick:()=>{Q(!K)},children:K?"Hide Informations":"Show Informations"}),v&&(0,s.jsx)("button",{className:"type-link",onClick:()=>{b(),y.push("/project/".concat(h.slug))},children:"Fullscreen"})]}),(0,s.jsxs)("div",{className:(0,a.W)(v?"hidden":"flex","relative h-[2rem] w-full overflow-hidden rounded-[0.2rem] bg-[rgba(255,255,255,0.4)] md:w-[24rem]"),children:[(0,s.jsx)("div",{ref:S,className:"absolute left-0 top-0 h-full w-full origin-left scale-x-0 bg-[rgba(255,255,255,0.1)]"}),(0,s.jsx)("div",{className:"absolute left-0 top-0 h-full w-full origin-left scale-x-[var(--progress)] bg-[rgba(255,255,255,1.0

1)] transition-transform duration-300 ease-linear"}),["white","black"].map(e=>(0,s.jsx)("div",{onClick:ee,className:(0,a.W)("absolute inset-0 cursor-pointer overflow-hidden","black"===e&&"pointer-events-none translate-x-[calc(-100%+100%*var(--progress))] transition-transform duration-300 ease-linear"),children:(0,s.jsx)("div",{className:(0,a.W)("absolute inset-0 overflow-hidden","black"===e&&"translate-x-[calc(100%+var(--progress)*-100%)] transition-transform duration-300 ease-linear"),children:(0,s.jsx)("div",{className:"absolute inset-0 flex items-center px-[0.7rem] pt-[0.4rem]",children:(0,s.jsx)("div",{className:(0,a.W)("white"===e?"text-white":"text-black"),children:(0,s.jsxs)("span",{children:["".concat(G).padStart(2,"0"),":","".concat(X).padStart(2,"0"),"/","".concat(D).padStart(2,"0"),":","".concat(F).padStart(2,"0")]})})})})},e))]})]})]})})},y=()=>{let{height:e}=(0,p.i)(),t=(0,o.useRef)(),l=(0,h.LZ)(l=>{let{scroll:s,limit:a}=l;if(s<e){let l=s/e;t.current.style.opacity=n.p8.utils.clamp(0,1,l)}else if(s>=a-e){let l=s-(a-e),r=n.p8.utils.clamp(0,1,l/e);t.current.style.opacity=1-r}else t.current.style.opacity=1},[e]),a=(0,o.useRef)(!0);return(0,o.useEffect)(()=>{a.current&&(null==l||l.scrollTo(.5*e))},[e,l]),(0,s.jsx)("div",{ref:t,className:"fixed inset-0 bg-black opacity-0"})},j=e=>{let{data:t}=e,l=t.cover||t.gallery&&t.gallery.length>0;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(h.pi,{root:!1,options:{infinite:l},className:"no-scrollbar fixed inset-0 overflow-x-hidden overflow-y-scroll bg-[rgba(0,0,0,0.6)]",children:[(0,s.jsx)(y,{}),(0,s.jsxs)("div",{className:(0,a.W)("starting-stagger relative flex h-auto min-h-screen w-full flex-col items-start justify-center gap-[9rem] md:items-center",l?"py-[100vh]":"py-[9rem]"),children:[(0,s.jsxs)("div",{className:"flex w-full flex-col gap-[3.6rem] px-[1.5rem] pt-[8rem] md:w-[70rem] md:px-0 md:pt-0",children:[(0,s.jsx)("div",{className:"text-center",children:(0,s.jsx)("span",{className:"starting-stagger font-univers-bold-cn inline-flex text-[1.6rem] uppercase leading-[83%]",style:{"--starting-y":"-10px"},children:t.title})}),(0,s.jsxs)("div",{className:"flex flex-col gap-[2.4rem]",children:[t.director&&(0,s.jsxs)("div",{className:"flex flex-row gap-[1.5rem]",children:[(0,s.jsx)("span",{className:"type-label starting-stagger basis-1/2 text-right",style:{"--starting-x":"-10px","--delay":.07},children:"Directed By"}),(0,s.jsx)("div",{className:"starting-stagger basis-1/2 [&>p:not(:last-child)]:mb-[1.5rem]",style:{"--starting-x":"10px","--delay":.07},children:(0,s.jsx)("p",{children:t.director.title})})]}),t.content.map((e,t)=>(0,s.jsxs)("div",{className:"flex flex-col justify-between gap-[1.5rem] md:flex-row",children:[(0,s.jsx)("span",{className:"type-label starting-stagger basis-1/2 text-center md:text-right",style:{"--starting-x":"-10px","--delay":.07*(t+2)},children:e.title}),(0,s.jsx)("div",{className:"starting-stagger basis-1/2 [&>p:not(:last-child)]:mb-[1.5rem] [&>p>br]:hidden",style:{"--starting-x":"10px","--delay":.07*(t+2)},dangerouslySetInnerHTML:{__html:e.content}})]},t))]})]}),t.cover&&(0,s.jsx)("div",{className:"relative mx-auto w-full max-w-[70rem] px-[1.5rem] md:px-0",children:(0,s.jsxs)("div",{className:"relative flex flex-col gap-[3.3rem] text-center",children:[(0,s.jsx)("span",{className:"font-univers-bold-cn text-[1.6rem] uppercase leading-[83%]",children:"Cover"}),(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)(r.default,{src:t.cover.webp,width:t.cover.width,height:t.cover.height,alt:t.cover.alt||t.title})})]})}),t.gallery&&t.gallery.length>0&&(0,s.jsx)("div",{className:"relative mx-auto w-full max-w-[70rem] px-[1.5rem] md:px-0",children:(0,s.jsxs)("div",{className:"relative flex flex-col gap-[3.3rem] text-center",children:[(0,s.jsx)("span",{className:"font-univers-bold-cn text-[1.6rem] uppercase leading-[83%]",children:"Gallery"}),(0,s.jsx)("div",{className:"relative grid w-full grid-cols-2 gap-[1.2rem]",children:t.gallery.map(e=>(0,s.jsx)("div",{className:"relative aspect-square",children:(0,s.jsx)(r.default,{src:e.webp,width:e.width,height:e.height,alt:e.alt||t.title,className:"absolute inset-0 h-full w-full object-cover"})},e.id))})]})})]})]})})}},9675:function(e,t,l){l.d(t,{n:function(){return r}});var s=l(7437),a=l(2265),n=l(7329);let r=(0,a.forwardRef)((e,t)=>{let{playing:l=!1,muted:r=!0,loop:i=!0,poster:o,data:c,className:u="",style:d={},...f}=e,m=(0,a.useRef)();return(0,a.useImperativeHandle)(t,()=>({player:m.current})),(0,s.jsx)(n.Y,{ref:m,poster:o,data:c,loading:"viewport",loop:i,title:null,muted:r,autoPlay:l,paused:!l,defaultHiddenCaptions:!0,className:u,style:{"--controls":"none","--dialog":"none","--loading-indicator":"none","--media-object-fit":"cover",...d},...f})});r.displayName="Video"},3274:function(e,t,l){l.d(t,{a:function(){return a}});var s=l(2265);let a=e=>

1{let t=function(){let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{t(!0)},[]),e}(),l=(0,s.useMemo)(()=>{if(t)try{return window.matchMedia(e)}catch(e){}return null},[e,t]),[a,n]=(0,s.useState)(void 0),r=(0,s.useCallback)(e=>{let{matches:t}=e;n(t)},[]);return(0,s.useEffect)(()=>{if(l)return r(l),l.addEventListener("change",r,{passive:!0}),()=>{l.removeEventListener("change",r,{passive:!0})}},[l,r,t]),a}},2905:function(e,t,l){l.d(t,{i:function(){return n}});var s=l(2265),a=l(9679);function n(){var e,t;let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:500,[n,r]=(0,s.useState)(null===(e=window)||void 0===e?void 0:e.innerWidth),[i,o]=(0,s.useState)(null===(t=window)||void 0===t?void 0:t.innerHeight);return(0,s.useEffect)(()=>{let e=(0,a.Z)(()=>{r(Math.min(window.innerWidth,document.documentElement.clientWidth)),o(Math.min(window.innerHeight,document.documentElement.clientHeight))},l,!0);return window.addEventListener("resize",e,!1),e(),()=>window.removeEventListener("resize",e,!1)},[l]),{width:n,height:i}}},2969:function(e,t,l){let s;l.d(t,{q:function(){return u}});var a=l(2265);let n=e=>{let t;let l=new Set,s=(e,s)=>{let a="function"==typeof e?e(t):e;if(!Object.is(a,t)){let e=t;t=(null!=s?s:"object"!=typeof a||null===a)?a:Object.assign({},t,a),l.forEach(l=>l(t,e))}},a=()=>t,n={setState:s,getState:a,getInitialState:()=>r,subscribe:e=>(l.add(e),()=>l.delete(e))},r=t=e(s,a,n);return n},r=e=>e?n(e):n,i=e=>e,o=e=>{let t=r(e),l=e=>(function(e,t=i){let l=a.useSyncExternalStore(e.subscribe,()=>t(e.getState()),()=>t(e.getInitialState()));return a.useDebugValue(l),l})(t,e);return Object.assign(l,t),l},c=(s=e=>({set:t=>{e({...t})},projects:[],socials:[],loader:!0,settings:{},player:null,pathname:null,prevPathname:null}))?o(s):o,u=e=>c(t=>e?t[e]:t)},9679:function(e,t,l){l.d(t,{Z:function(){return s}});function s(e,t,l){let s=null,a=null,n=function(){s&&(clearTimeout(s),a=null,s=null)},r=function(){if(!t)return e.apply(this,arguments);let r=arguments,i=l&&!s;if(n(),a=()=>{e.apply(this,r)},s=setTimeout(function(){if(s=null,!i){let e=a;return a=null,e()}},t),i)return a()};return r.cancel=n,r.flush=function(){let e=a;n(),e&&e()},r}}}]);