https://pressplayontape.studio/_nuxt/B8z18zjs.js

1import{b as K,_ as Q,a as W}from"./oF0RrNKj.js";import{b as B,A as X,r as i,m as p,o as E,c as S,d as j,e as l,w as r,j as T,v as V,h as t,i as o,T as A,z as Y,f as y,F,s as H,q as O,E as Z,G as ee,g as I,p as te,H as se,n as ae,l as oe}from"./B1k5MB75.js";import{a as ne}from"./Bk34zHqu.js";import{u as re,a as q}from"./BW1YSTOC.js";import{u as le}from"./BY3QF4nf.js";const ue={class:"TranslateImageColumn__inner"},ce={__name:"TranslateImageColumn",props:{column:{type:Number,default:0},length:{type:Number,default:0},show:{type:Boolean,default:!1},translate:{type:Number,default:0},images:{type:Array,default:[{url:"/images/placeholder.jpg"},{url:"/images/placeholder.jpg"}]}},setup(u,{expose:d}){const $=B(),{watch:C,unwatch:f}=X(),a=u,g=i(null),m=i(0);i("clip__fold--top"),d({el:g}),a.images.forEach(e=>{e.forEach(n=>{K(n)})});const w=p(()=>`transform:translate(${a.translate}px, ${m.value}px);`),h=p(()=>$.$viewport?Math.floor(a.translate/($.$viewport.width.value*.8/v.value.length)):0);p(()=>a.column);const v=p(()=>a.images[a.column]),L=e=>{for(var n=0,c=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)n+=e.offsetLeft-e.scrollLeft,c+=e.offsetTop-e.scrollTop,e=e.offsetParent;return{top:c,left:n}},k=e=>{if(e===h.value)return"TranslateImageColumn__image current";if(e<h.value)return"TranslateImageColumn__image TranslateImage__image--left";if(e>h.value)return"TranslateImageColumn__image TranslateImage__image--right"},N=e=>{const n=e.scroll-L(g.value).top;n>0?m.value=n+40:m.value=40};return E(()=>{C(N)}),S(()=>{f(N)}),(e,n)=>{const c=Q,P=ee;return l(),j(P,null,{default:r(()=>[T("div",{class:"TranslateImageColumn",ref_key:"el",ref:g,style:V(t(w))},[o(A,{name:"descale",appear:"",mode:"out-in"},{default:r(()=>[Y(T("div",ue,[o(A,{name:"descale",appear:"",mode:"out-in"},{default:r(()=>[(l(),y("div",{class:"TranslateImageColumn__inner__row",key:t(v)},[(l(!0),y(F,null,H(t(v),(s,b)=>(l(),j(c,{lazy:!1,size:"thumbnail",image:s,class:O(k(b))},null,8,["image","class"]))),256))]))]),_:1})],512),[[Z,u.show]])]),_:1})],4)]),_:1})}}},ie={key:0,class:"wrapper"},me={class:"ProjectsList__marquees__content"},_e={class:"ProjectsList__marquees__content"},pe={key:2,class:"ProjectsList__button"},we={__name:"ProjectsList",props:{cases:{type:Boolean,default:!1},header:{type:Object,default:()=>{}},projects:{type:Array,default:()=>[{title:"Alinea"},{title:"Ikks"},{title:"Alinea"},{title:"Nomadic Tribe"}]}},setup(u){const d=B(),{width:$,translate:C}=le(),{isMobile:f}=re(),a=u,g=i(null),m=i(0),w=i(!1),h=i(!1),v=i(!1),L=p(()=>a.cases?a.projects:a.projects.slice(0,3)),k=p(()=>{const s=new Array;return L.value.forEach(b=>{s.push(b.images)}),s}),N=p(()=>["ProjectsList",{"ProjectsList--cases":a.cases,"ProjectsList--appear":!v.value}]),e=s=>{f.value||(m.value=s,w.value=!0)},n=()=>{m.value=0,w.value=!1},c=()=>{$.value=g.value?.el?.getBoundingClientRect().width},P=()=>{setTimeout(()=>{h.value=!0,setTimeout(()=>{v.value=!0},1e3)},100)};return E(()=>{d.$on("loader-end",P),d.$viewport.add(c),setTimeout(()=>{c()},100)}),S(()=>{d.$off("loader-end",P),d.$viewport.remove(c)}),(s,b)=>{const D=W,G=ce,x=ne,z=se,R=te,U=ae,J=oe;return l(),y("div",{class:O(t(N))},[u.header?(l(),y("div",ie,[o(D,{data:u.header,size:"medium"},null,8,["data"])])):I("",!0),t(k)&&t(k).length&&!u.cases&&!t(f)?(l(),j(G,{key:1,ref_key:"image",ref:g,class:"ProjectsList__image",translate:t(C),images:t(k),column:t(m),show:t(w)},null,8,["translate","images","column","show"])):I("",!0),T("div",{class:"ProjectsList__marquees",onMouseleave:n},[(l(!0),y(F,null,H(t(L),(_,M)=>(l(),j(U,{class:"ProjectsList__marquees__marquee",top:t(h)&&!t(f),back:t(f),onMouseenter:de=>e(M),style:V(`--study--color: ${_.color}`),key:M},{front:r(()=>[T("div",me,[o(z,{to:`/case-studies/${_.slug}`,class:"ProjectsList__marquees__link"},{default:r(()=>[o(x,{tag:"h2",type:"heading--1",uppercase:"",text:("useNormalize"in s?s.useNormalize:t(q))(_.title)},null,8,["text"])]),_:2},1032,["to"])])]),top:r(()=>[T("div",_e,[o(z,{to:`/case-studies/${_.slug}`,class:"ProjectsList__marquees__link"},{default:r(()=>[o(x,{tag:"h2",type:"heading--1",uppercase:"",text:("useNormalize"in s?s.useNormalize:t(q))(_.title)},null,8,["text"])]),_:2},1032,["to"])])]),back:r(()=>[o(R,{auto:"",start:Math.random()*50,speed:1+Math.random()/2},{default:r(()=>[o(z,{to:`/case-studies/${_.slug}`,class:"ProjectsList__marquees__link ProjectsList__marquees__link--top"},{default:r(()=>[o(x,{tag:"h2",type:"heading--1",uppercase:"",text:("useNormalize"in s?s.useNormalize:t(q))(_.title)},null,8,["text"])]),_:2},1032,["to"])]),_:2}

1,1032,["start","speed"])]),_:2},1032,["top","back","onMouseenter","style"]))),128))],32),u.cases?I("",!0):(l(),y("div",pe,[o(J,{outline:"",bold:"",data:{label:"View our work",url:"/case-studies"},responsive:"",color:"dark"})]))],2)}}};export{we as _};