https://exbplatform.netlify.app/_nuxt/ExbGrid.mTMvRJC3.js

1import{_ as Z}from"./ChapterTitle.T81iwq16.js";import{_ as N}from"./client-only.12QWQddV.js";import{i as V,r as Y,l as D,h as x,o as h,c as v,b as _,w as A,a as S,t as E,B as G,g as P,q as j,O as tt,v as $,n as M,Q as et}from"./entry.Yh3GnwLp.js";import{u as F}from"./useBreakpoints.1vTY1r6o.js";import{_ as ot}from"./nuxt-link.JHf2nNDu.js";import rt from"./Image.mbU41gld.js";import{a as it,S as X}from"./Video.U7wchbLL.js";import{i as nt}from"./icons.Nb8Vrb4F.js";const st={key:0,class:"inline-block text-center"},lt={class:"overlay absolute z-10 flex h-full w-full flex-col justify-center rounded-[20px] opacity-0"},ct={class:"mb-0 hyphens-auto break-words p-4 font-sans text-lg font-500"},at={key:1,class:"px-7 py-8"},ft=S("p",{class:"mb-1 text-center font-sans text-xs font-500 md:mb-2 md:text-sm"},"STORY",-1),ut={class:"mb-0 hyphens-auto break-words text-center font-sans text-sm font-500 group-hover/text:underline group-focus/text:underline md:text-lg"},pt={name:"ahcArtifact"},mt=Object.assign(pt,{props:{artifact:{type:Object}},setup(r){const t=V(),e=t.exhibition.slug,n=F(),i=r,s=Y(null);let o=Y(!1),p=Y(null);D(()=>{i.artifact.fields.artifactType==="object"&&(p=x.timeline({paused:!0}),p.to(s.value.querySelector(".overlay"),{opacity:1,duration:.3}).from(s.value.querySelector(".overlay > h2"),{opacity:0,y:40,duration:.3},0).to(s.value.querySelector(".overlay + figure"),{filter:"blur(12px) grayscale(100%)",opacity:.35,duration:.3},0))});function b(){p.isActive()||(o.value=!0,p.play(0))}function l(){o.value=!1,p.reverse()}function m(c){var u;t.setCoords(c.clientX,c.clientY),t.currentTitle=((u=i.artifact.fields.artifactArticle)==null?void 0:u.title)||i.artifact.title,t.mastheadPinned?t.setModalState(!0):f()}function f(){const c=n.value.mdAndUp?150:80;x.to(window,{duration:0,scrollTo:{y:".exb-grid",offsetY:c},onComplete:()=>{t.scrollY=window.scrollY+12,t.setModalState(!0)}})}return(c,u)=>{const k=N,T=ot;return h(),v("div",{class:"artifact",ref_key:"root",ref:s},[r.artifact.fields.artifactType==="object"?(h(),v("div",st,[_(T,{prefetch:"","prefetched-class":"prefetched",onClick:j(m,["prevent"]),onMouseenter:b,onMouseleave:l,onFocus:b,onBlur:l,to:`/${P(e)}/artifacts/${r.artifact.slug}`,class:"group relative flex min-h-[150px] min-w-[150px] items-center justify-center rounded-[20px] border border-transparent transition-opacity [&_.video]:hocus:opacity-30 [&_.video]:hocus:blur-md [&_.video]:hocus:grayscale"},{default:A(()=>{var y;return[S("div",lt,[S("h2",ct,E(((y=r.artifact.fields.artifactArticle)==null?void 0:y.title)||r.artifact.title),1)]),r.artifact.fields.artifactGridType==="image"?(h(),G(rt,{key:0,class:"p-5 [&_img]:max-h-[320px] [&_img]:w-auto [&_img]:md:max-h-[520px]",lazy:!1,src:r.artifact.fields.image.mediaItemUrl,alt:r.artifact.fields.image.altText,width:r.artifact.fields.image.mediaDetails.width,height:r.artifact.fields.image.mediaDetails.height,size:"auto"},null,8,["src","alt","width","height"])):(h(),G(k,{key:1},{default:A(()=>[_(it,{class:"!mb-0 p-5",platform:"upload",autoplay:!0,loop:!0,controls:!1,aspect:"auto","paused-on-hover":P(o),media:r.artifact.fields.artifactGridVideo.mediaItemUrl},null,8,["paused-on-hover","media"])]),_:1}))]}),_:1},8,["to"])])):(h(),v("div",at,[_(T,{prefetch:"","prefetched-class":"prefetched",onClick:j(m,["prevent"]),class:"group/text block max-w-[320px] cursor-pointer no-underline outline-[1.5px] outline-offset-[20px] hocus:outline-primary",to:`/${P(e)}/articles/${r.artifact.fields.artifactArticle.slug}`},{default:A(()=>[ft,S("h2",ut,E(r.artifact.fields.artifactGridHeadline||r.artifact.fields.artifactArticle.title),1)]),_:1},8,["to"])]))],512)}}}),dt=mt;/*!
2 * ScrollToPlugin 3.12.2
3 * https://greensock.com
4 *
5 * @license Copyright 2008-2023, GreenSock. All rights reserved.
6 * Subject to the terms at https://greensock.com/standard-license or for
7 * Club GreenSock members, the agreement issued with that membership.
8 * @author: Jack Doyle, [email protected]
9*/var a,R,g,d,w,U,z,L,W=function(){return typeof window<"u"},H=function(){return a||W()&&(a=window.gsap)&&a.registerPlugin&&a},Q=function(t){return typeof t=="string"},q=function(t){return typeof t=="function"},C=function(t,e){var n=e==="x"?"Width":"Height",i="scroll"+n,s="client"+n;return t===g||t===d||t===w?Math.max(d[i],w[i])-(g["inner"+n]||d[s]||w[s]):t[i]-t["offset"+n]},B=function(t,e){var n="scroll"+(e==="x"?"Left":"Top");return t===g&&(t.pageXOffset!=null?n="page"+e.toUpperCase()+"Offset":t=d[n]!=null?d:w),function(){return t[n]}},yt=function(t,e,n,i){if(q(t)&&(t=t(e,n,i)),typeof t!="object")return Q(t)&&t!=="max"&&t.charAt(1)!=="="?{x:t,y:t}:{y:t};

9if(t.nodeType)return{y:t,x:t};var s={},o;for(o in t)s[o]=o!=="onAutoKill"&&q(t[o])?t[o](e,n,i):t[o];return s},J=function(t,e){if(t=U(t)[0],!t||!t.getBoundingClientRect)return console.warn("scrollTo target doesn't exist. Using 0")||{x:0,y:0};var n=t.getBoundingClientRect(),i=!e||e===g||e===w,s=i?{top:d.clientTop-(g.pageYOffset||d.scrollTop||w.scrollTop||0),left:d.clientLeft-(g.pageXOffset||d.scrollLeft||w.scrollLeft||0)}:e.getBoundingClientRect(),o={x:n.left-s.left,y:n.top-s.top};return!i&&e&&(o.x+=B(e,"x")(),o.y+=B(e,"y")()),o},K=function(t,e,n,i,s){return!isNaN(t)&&typeof t!="object"?parseFloat(t)-s:Q(t)&&t.charAt(1)==="="?parseFloat(t.substr(2))*(t.charAt(0)==="-"?-1:1)+i-s:t==="max"?C(e,n)-s:Math.min(C(e,n),J(t,e)[n]-s)},I=function(){a=H(),W()&&a&&typeof document<"u"&&document.body&&(g=window,w=document.body,d=document.documentElement,U=a.utils.toArray,a.config({autoKillThreshold:7}),z=a.config(),R=1)},O={version:"3.12.2",name:"scrollTo",rawVars:1,register:function(t){a=t,I()},init:function(t,e,n,i,s){R||I();var o=this,p=a.getProperty(t,"scrollSnapType");o.isWin=t===g,o.target=t,o.tween=n,e=yt(e,i,t,s),o.vars=e,o.autoKill=!!e.autoKill,o.getX=B(t,"x"),o.getY=B(t,"y"),o.x=o.xPrev=o.getX(),o.y=o.yPrev=o.getY(),L||(L=a.core.globals().ScrollTrigger),a.getProperty(t,"scrollBehavior")==="smooth"&&a.set(t,{scrollBehavior:"auto"}),p&&p!=="none"&&(o.snap=1,o.snapInline=t.style.scrollSnapType,t.style.scrollSnapType="none"),e.x!=null?(o.add(o,"x",o.x,K(e.x,t,"x",o.x,e.offsetX||0),i,s),o._props.push("scrollTo_x")):o.skipX=1,e.y!=null?(o.add(o,"y",o.y,K(e.y,t,"y",o.y,e.offsetY||0),i,s),o._props.push("scrollTo_y")):o.skipY=1},render:function(t,e){for(var n=e._pt,i=e.target,s=e.tween,o=e.autoKill,p=e.xPrev,b=e.yPrev,l=e.isWin,m=e.snap,f=e.snapInline,c,u,k,T,y;n;)n.r(t,n.d),n=n._next;c=l||!e.skipX?e.getX():p,u=l||!e.skipY?e.getY():b,k=u-b,T=c-p,y=z.autoKillThreshold,e.x<0&&(e.x=0),e.y<0&&(e.y=0),o&&(!e.skipX&&(T>y||T<-y)&&c<C(i,"x")&&(e.skipX=1),!e.skipY&&(k>y||k<-y)&&u<C(i,"y")&&(e.skipY=1),e.skipX&&e.skipY&&(s.kill(),e.vars.onAutoKill&&e.vars.onAutoKill.apply(s,e.vars.onAutoKillParams||[]))),l?g.scrollTo(e.skipX?c:e.x,e.skipY?u:e.y):(e.skipY||(i.scrollTop=e.y),e.skipX||(i.scrollLeft=e.x)),m&&(t===1||t===0)&&(u=i.scrollTop,c=i.scrollLeft,f?i.style.scrollSnapType=f:i.style.removeProperty("scroll-snap-type"),i.scrollTop=u+1,i.scrollLeft=c+1,i.scrollTop=u,i.scrollLeft=c),e.xPrev=e.x,e.yPrev=e.y,L&&L.update()},kill:function(t){var e=t==="scrollTo";(e||t==="scrollTo_x")&&(this.skipX=1),(e||t==="scrollTo_y")&&(this.skipY=1)}};O.max=C;O.getOffset=J;O.buildGetter=B;H()&&a.registerPlugin(O);const ht={key:0,class:"w-full text-center font-sans"},gt={key:0,id:"up-arrow",class:"absolute bottom-0 flex w-full justify-center"},xt={class:"w-[13px] rotate-180 text-primary opacity-0"},_t=["xlink:href"],wt={class:"ticketing-slot fixed bottom-[100px] right-5 z-50 opacity-0"},bt={__name:"ExbGrid",props:{artifacts:{type:Object},chapterTitle:String,chapterNumber:Number,chapterSlug:String,showArrow:{type:Boolean,default:!0}},setup(r){const t=V();x.registerPlugin(X),x.registerPlugin(O);const e=F(),n=r,i=Y(null);let s=0;Y(null),D(()=>{i.value.querySelectorAll(".artifact"),o()});async function o(){await b(".masonry-item");const l=i.value.querySelector(".masonry-item");if(X.batch(l,{once:!0,onEnter:m=>{x.from(m,{ease:"power2.out",duration:1,y:100,scale:0,opacity:0,stagger:.35})}}),n.showArrow){const m=x.timeline().to(".ticketing-slot",{opacity:1}).from(".ticketing-slot",{ease:"power2.out",duration:.5,y:100,scale:0});X.create({trigger:".exb-grid",start:"top 85%",markers:!1,animation:m,toggleActions:"restart none none reverse"});const f=x.timeline({paused:!0}).to("#up-arrow svg",{opacity:1}).from("#up-arrow svg",{y:24,yoyo:!0,repeat:3,duration:.5,ease:"power1.inOut"},0);X.create({trigger:"#up-arrow",start:"bottom bottom",onEnter:()=>{f.play()},onLeave:()=>{f.reverse()},onEnterBack:()=>{f.play()},onLeaveBack:()=>{f.reverse()}})}}function p(){const l=e.value.mdAndUp?150:80;x.to(window,{duration:1,scrollTo:{y:".exb-grid",offsetY:l}})}function b(l){return new Promise(m=>{if(document.querySelector(l))return m(document.querySelector(l));const f=new MutationObserver(c=>{document.querySelector(l)&&(s++,s===n.artifacts.length&&(f.disconnect(),m(document.querySelector(l))))});f.observe(document.body,{childList:!0,subtree:!0})})}return(l,m)=>{const f=Z,c=tt("masonry-wall"),u=N;return h(),v("div",{ref_key:"root",ref:i,class:M([r.showArrow?"pb-32":"","exb-grid relative mx-auto mb-xl w-full md:pt-14"])},[r.chapterTitle?(h(),v("div",ht,[_(f,{class:"justify-center",title:r.chapterTitle,number:r.chapterNumber},null,8,["title","number"])])):$("",!0),_(u,null,{default:A(()=>[_(c,{items:r.artifacts,"max-columns":4,"min-columns":2,gap:16,class:M([r.chapterTitle?"[&_.masonry-column]:self-center":"[&_.masonry-column:nth-child(even)]:mt-[100px] [&_.masonry-item]:md:self-center","md-10 px-5 lg:px-[60px]"])},{default:A(({item:k,column:T,row:y,index:kt})=>[_(P(dt),{artifact:k},null,8,["artifact"])]),_:1},8,["items","class"])]),_:1}),_(u,null,{default:A(()=>[r.showArrow?(h(),v("div",gt,[S("a",{href:"#",onClick:j(p,["prevent"]),class:"p-5","aria-label":"return to top"},[(h(),v("svg",xt,[S("use",{"xlink:href":`${P(nt)}#arrow-scroll`},null,8,_t)]))])])):$("",!0)]),_:1}),S("div",wt,[P(t).modalOpen?$("",!0):et(l.$slots,"default",{key:0})])],2)}}},Ot=bt;export{Ot as e};