https://www.neuegalerie.org/_next/static/chunks/312.366fab793f6c95a3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[312],{21312:(e,l,t)=>{"use strict";t.r(l),t.d(l,{default:()=>j,sortOptions:()=>k});var r=t(37876),i=t(14232),o=t(89099),n=t(35791),a=t(5474),s=t.n(a),u=t(69001),d=t.n(u),c=t(10695),v=t(78896),g=t(2608),p=t(17924),h=t(39586),m=t(32680),_=t(59629),f=t(38413),A=t(67966),C=t.n(A);n.Ay.registerPlugin(s());let b="SORT_ALPHA_ASC",w="SORT_YEAR_DESC",k=[{label:"Sort by Title (A-Z)",value:b},{label:"Sort by Year (Newest)",value:w}],N=(e,l)=>{var t,r;return(null==e||null==(t=e.artwork)?void 0:t.title)>(null==l||null==(r=l.artwork)?void 0:r.title)?1:-1},S=(e,l)=>{var t,r;return(null==e||null==(t=e.artwork)?void 0:t.datetime)>(null==l||null==(r=l.artwork)?void 0:r.datetime)?-1:1},j=e=>{let{data:l,isFirst:t}=e,a=(0,o.useRouter)(),{query:u,asPath:A}=a,[j,x]=(0,i.useState)((null==u?void 0:u.activeArtist)||""),[y,M]=(0,i.useState)((null==u?void 0:u.activeOrigin)||""),[G,O]=(0,i.useState)((null==u?void 0:u.activeType)||""),[T,E]=(0,i.useState)(12),[R,V]=(0,i.useState)(b),[W,P]=(0,i.useState)(!1),[K,D]=(0,i.useState)(!1),{title:L,artworks:F,allArtistPages:Q}=l,U=(0,i.useRef)(null),Y=(0,i.useRef)({}),Z=(0,v.A)(g.M1,t);(0,i.useEffect)(()=>{x((null==u?void 0:u.activeArtist)||"")},[]),(0,i.useEffect)(()=>{if(K&&A){let e=A.split("?")[0];a.push({pathname:e,query:{activeArtist:j||void 0,activeOrigin:y||void 0,activeType:G||void 0,activeSort:R||void 0}},void 0,{shallow:!0})}},[R,G,j,y]);let q=(0,i.useMemo)(()=>!Q||Q.length<1?[]:[{label:"All Artists",value:""},...Q.map(e=>({label:e.title,value:(0,c.f)(e.title)})).sort((e,l)=>e.label.localeCompare(l.label))],[Q]),H=(0,i.useMemo)(()=>{if(!Q||Q.length<1)return[];let e=new Set;return Q.forEach(l=>{var t;let r=(null==l||null==(t=l.artist)?void 0:t.artist_origin)||"";(r=(null==r?void 0:r.charAt(0).toUpperCase())+(null==r?void 0:r.slice(1)))&&e.add(r)}),[{label:"Austrian and German Art",value:""},...Array.from(e).sort().map(e=>({label:e,value:(0,c.f)(e)}))]},[Q]),z=(0,i.useMemo)(()=>{if(!F||F.length<1)return[];let e=new Set;return F.forEach(l=>{var t;let r=null==l||null==(t=l.artwork)?void 0:t.medium;r&&e.add(r)}),[{label:"All Object Types",value:""},...Array.from(e).sort().map(e=>({label:e,value:(0,c.f)(e)}))]},[F]),B=(0,i.useCallback)(e=>{D(!0),P(!0),setTimeout(()=>{x(e),P(!1)},300)},[]),I=(0,i.useCallback)(e=>{D(!0),P(!0),setTimeout(()=>{M(e),P(!1)},300)},[]),J=(0,i.useCallback)(e=>{D(!0),P(!0),setTimeout(()=>{O(e),P(!1)},300)},[]),X=(0,i.useCallback)(e=>{P(!0),setTimeout(()=>{V(e),P(!1)},300)},[]),$=(0,i.useMemo)(()=>{let e=F;return j&&(null==j?void 0:j.length)&&(e=e.filter(e=>{var l,t;return(0,c.f)(null==e||null==(t=e.artwork)||null==(l=t.artistPage)?void 0:l.title)===j})),y&&(null==y?void 0:y.length)&&(e=e.filter(e=>{var l,t,r;return(0,c.f)(null==e||null==(r=e.artwork)||null==(t=r.artistPage)||null==(l=t.artist)?void 0:l.artist_origin)===y})),G&&(null==G?void 0:G.length)&&(e=e.filter(e=>{var l;return(0,c.f)(null==e||null==(l=e.artwork)?void 0:l.medium)===G})),R===b?e.sort(N):R===w&&e.sort(S),e},[F,y,j,G,R]);(0,i.useEffect)(()=>{U.current&&n.Ay.to(U.current,{opacity:+!W,ease:"sine.inOut",duration:.25})},[W]),(0,i.useEffect)(()=>{var e,l,t;return(null==Y||null==(e=Y.current)?void 0:e.scrollTrigger)&&(null==Y||null==(t=Y.current)||null==(l=t.scrollTrigger)||l.kill()),U.current&&(()=>{let e=s().create({trigger:U.current,start:0,end:"bottom bottom",onLeave:e=>{T<$.length&&(T+12<=$.length?E(T+12):E($.length)),e.refresh()}});Y.current.scrollTrigger=e})(),()=>{var e,l;null==Y||null==(l=Y.current)||null==(e=l.scrollTrigger)||e.kill()}},[$,T]);let ee=(0,i.useMemo)(()=>$.slice(0,T),[$,T]);return(0,r.jsxs)(f.A,{ref:Z,className:C().eventsGridModule,children:[(0,r.jsx)("h1",{className:C().title,children:L}),(0,r.jsxs)(_.A,{children:[(0,r.jsxs)("div",{className:d()(C().filters,C().desktopOnly),children:[!!(null==q?void 0:q.length)&&(0,r.jsx)(h.A,{className:C().dropdown,activeValue:j,options:q,onChange:B}),!!(null==H?void 0:H.length)&&(0,r.jsx)(h.A,{className:C().dropdown,activeValue:y,options:H,onChange:I}),!!(null==z?void 0:z.length)&&(0,r.jsx)(h.A,{className:C().dropdown,activeValue:G,options:z,onChange:J})]}),(0,r.jsxs)("div",{className:d()(C().filters,C().mobileOnly),children:[!!(null==q?void 0:q.length)&&(0,r.jsx)(m.A,{className:C().dropdown,activeValue:j,options:q,onCh

1ange:B}),!!(null==H?void 0:H.length)&&(0,r.jsx)(m.A,{className:C().dropdown,activeValue:y,options:H,onChange:I}),!!(null==z?void 0:z.length)&&(0,r.jsx)(m.A,{className:C().dropdown,activeValue:G,options:z,onChange:J})]}),(0,r.jsx)("div",{className:d()(C().sorts,C().desktopOnly),children:(0,r.jsx)(h.A,{className:C().dropdown,activeValue:R,options:k,onChange:X})}),(0,r.jsx)("div",{className:d()(C().sorts,C().mobileOnly),children:(0,r.jsx)(m.A,{className:C().dropdown,activeValue:R,options:k,onChange:X})})]}),(0,r.jsxs)("div",{className:C().gridContainer,children:[(0,r.jsxs)(f.A,{tag:"div",ref:U,className:C().grid,fullWidth:!0,grid:!0,children:[ee&&ee.map(e=>{let{_id:l,...t}=e;return(0,r.jsx)("div",{className:C().tileWrapper,children:(0,r.jsx)(p.A,{className:C().artworkTile,page:t})},l)}),0===ee.length&&(0,r.jsx)("div",{className:C().noResults,children:(0,r.jsx)("p",{className:"is-h3",children:"Sorry, there are no artworks that match your filters"})})]}),T<$.length&&(0,r.jsx)(f.A,{tag:"div",className:C().paginationSpacer,fullWidth:!0})]})]})}},67966:e=>{e.exports={collectionGridModule:"CollectionGridModule_collectionGridModule__WUSFQ",title:"CollectionGridModule_title___WWg0",filters:"CollectionGridModule_filters__Z3u0Q",desktopOnly:"CollectionGridModule_desktopOnly__DKK9G",mobileOnly:"CollectionGridModule_mobileOnly__nSFPb",sorts:"CollectionGridModule_sorts__DOPLT",dropdown:"CollectionGridModule_dropdown__74D2o",grid:"CollectionGridModule_grid__kymOK",tileWrapper:"CollectionGridModule_tileWrapper__Sa3KC",noResults:"CollectionGridModule_noResults__n9SCm",paginationSpacer:"CollectionGridModule_paginationSpacer__GoKc1"}}}]);