https://www.clevelandart.org/_next/static/chunks/1813.fd922104d5cab3b8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1813],{9337:()=>{},11970:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>b});var a=l(37876),r=l(14714),s=l(9680),i=l(31554),n=l(31763),o=l(60619),d=l(69241),c=l(48230),m=l.n(c),u=l(40056),h=l(52092),x=l(41244);let p=e=>{let{title:t,image:l,description:o,href:c}=e,{pressProps:x}=(0,i.A)({});return(0,a.jsx)(h.A,{outerRingClassname:"group hover:cursor-pointer w-fit group !float-none inline-block mb-2 relative flex !h-auto pb-4",title:t,titleCta:c,type:"link",id:"shopify-link",children:(0,a.jsx)("div",{...(0,u.v)(x),className:(0,d.A)("relative"),children:(0,a.jsxs)("div",{className:"flex flex-col-reverse",children:[(0,a.jsxs)("div",{className:"",children:[t&&(0,a.jsx)(m(),{target:(0,n.i9)(c)?"_blank":"",href:c||"",prefetch:(0,n.$s)("false"),className:"border-card-link group-hover:underline group-hover:text-blue-02 focus:underline focus:text-blue-02",style:{wordBreak:"break-word",overflowWrap:"break-word"},children:(0,a.jsx)(r.A,{className:"heading-3 mb-2 px-4 pt-4 group-hover:text-blue-02 group-hover:underline",variant:"h3",label:t})}),o&&(0,a.jsx)("span",{className:"body-2 px-4",style:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:o})]}),(0,a.jsxs)("figure",{className:"relative md:h-60 w-full md:block overflow-hidden order-1 group-hover:shadow aspect-4/3 md:aspect-auto",children:[(0,a.jsx)(s.A,{className:(0,d.A)("object-cover","motion-safe:group-hover:scale-110 motion-safe:transition duration-700 ease-out"),alt:t,fill:!0,src:l||"/images/artwork-no-image-available.gif"}),(0,a.jsx)("div",{className:"absolute top-0 right-0 bottom-0 left-0 overflow-hidden opacity-0 motion-safe:transition duration-300 ease-in-out bg-gradient-to-t from-black to-transparent group-hover:opacity-60"})]})]})})})},b=e=>{let{shopifyItems:t=[],artworkAccessionNumber:l}=e;if(!(null==t?void 0:t.length))return null;let s=l?"https://shop.clevelandart.org/search?q=".concat(l):"";return(0,a.jsxs)(r.A,{headingClassName:"pb-6 xsm:leading-[110%] md:leading-[130%] !my-[0.281rem] md:!my-0 scroll-mt-14 md:scroll-mt-16",className:"!mb-0 relative bg-off-white border-[16px] border-skyblue px-12 py-8 mt-8",variant:"h2",label:"Shop the CMA Store",children:[(0,a.jsx)("div",{className:"w-auto grid grid-cols-1 tablet:grid-cols-2 mdlg:grid-cols-4 gap-4",children:null==t?void 0:t.map((e,t)=>{var l;let{node:{title:r,description:s,onlineStoreUrl:i,images:n}}=e;return(0,a.jsx)("div",{className:"block",children:(0,a.jsx)(p,{href:i,image:(null==(l=n.edges)?void 0:l.length)?n.edges[0].node.url:void 0,title:r,description:(0,o.A)(s,{limit:70,preserveTags:!1,wordBreak:!0}).html||""})},t)})}),s&&(0,a.jsx)("div",{className:"mt-12 flex justify-center",children:(0,a.jsx)(x.Ay,{variant:"black",href:s,size:"md",id:"shop-more-art-button",children:"Shop More Art"})})]})}},62669:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>O});var a=l(37876),r=l(4985),s=l(41244),i=l(93618),n=l(15282),o=l(13042),d=l(14232);let c=e=>(null!=e?e:[]).map(e=>{var t;return"text"===e.type?e.data:c(null!=(t=e.children)?t:[])}).join(""),m=(e,t)=>{if("tag"===e.type&&"a"===e.name){var l,r,s;let o=null!=(r=null==(l=e.attribs)?void 0:l.href)?r:"",d=c(null!=(s=e.children)?s:[]);return(0,a.jsx)(n.A,{href:o,className:"text-blue-02 underline",children:(0,a.jsx)(i.A,{url:o,text:d,width:"0.9em",height:"0.9em",textContainerClass:"!mr-1"})},t)}return(0,o.$S)(e,t,m)},u=e=>{let{html:t}=e;return(0,a.jsx)(a.Fragment,{children:(0,o.Ay)(t,{transform:m})})};var h=l(69102),x=l(35986),p=l(88166),b=l(63496),v=l(69241),f=l(32651),g=l(30222),w=l(30991),j=l(75799),k=l(4720),y=l(16327),N=l(78226);let A="#474EF5",_={"about-the-exhibition":"About","shop-the-cma-store":"Shop"},C=e=>{let t=e.startsWith("#")?e.slice(1):e,l=document.getElementById(t);if(!l)return;let a=64*(window.innerWidth<768),r=parseFloat(getComputedStyle(l).scrollMarginTop)||0;N.Nk.scrollTo(l.getBoundingClientRect().top+window.scrollY-a-r,{duration:750,smooth:!0,isDynamic:!0})},E=e=>{let{navLinks:t}=e,l=(0,d.useRef)(null),[r,s]=(0,d.useState)(!1),[i,n]=(0,d.useState)(null),o=()=>{let e=l.current;e&&s(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return(0,d.useEffect)(()=>{o();let e=l.current;if(e)return e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o),()=>{e.removeEventListener("scroll",o),window.removeEventListener("resize",o)}},[]),(0,d.useEffect)(()=>{o()},[t]),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{ref:l,className:"flex flex-row items-stretch gap-4 px-4 overflow-x-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t.map(e=>{let{label:t,mobileLabel:l,href:r}=e;return(0,a.jsxs)("a",{href:r,onClick:e=>{e.preventDefault(),n(r),C(r)},className:"relative flex flex-col justify-center pt-3 pb-4 px-2 shrink-0 whitespace-nowrap focu

1s-visible:shadow-[inset_0_0_0_2px_#474EF5] rounded-sm",children:[(0,a.jsx)("span",{className:"text-base font-medium text-black",children:null!=l?l:t}),i===r&&(0,a.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-blue-03"})]},r)})}),r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"absolute right-11 top-0 bottom-0 w-10 bg-gradient-to-r from-transparent to-white pointer-events-none","aria-hidden":"true"}),(0,a.jsx)("button",{onClick:()=>{var e;null==(e=l.current)||e.scrollBy({left:150,behavior:"smooth"})},className:"absolute right-0 top-0 bottom-0 flex items-center justify-center w-11 bg-white","aria-label":"Show more navigation links",children:(0,a.jsx)(f.A,{width:"1.5rem",height:"1.5rem"})})]})]})},F=e=>{let{heading:t,children:l,description:r,locations:i,image:n,video:o,tags:c,ticketsSaleDetails:m,eyebrowLegend:f,eventSponsor:F,primaryCTAData:T,secondaryCTAData:D,priceInfoDetails:S,eventDateDetails:I,breadcrumbs:L,ticketsAvailableForPurchase:P=!0,onHeroImageClick:R}=e,B=(0,d.useRef)(null),M=(0,d.useRef)(null),z=(0,d.useRef)(null),[H,O]=(0,d.useState)(!1),[W,U]=(0,d.useState)([]);(0,d.useEffect)(()=>{let e=new IntersectionObserver(e=>{let[t]=e;return O(!t.isIntersecting)},{threshold:0});return B.current&&e.observe(B.current),()=>e.disconnect()},[]),(0,d.useEffect)(()=>{var e;H||null==(e=z.current)||e.scrollTo({top:0,behavior:"smooth"})},[H]),(0,d.useEffect)(()=>{let e=()=>{var e,t;U(Array.from(null!=(t=null==(e=M.current)?void 0:e.querySelectorAll("h2[id]"))?t:[]).filter(e=>{var t;return(null==(t=e.textContent)?void 0:t.trim())&&!e.closest("[data-no-jump-link]")}).map(e=>({label:e.textContent.trim(),mobileLabel:_[e.id],href:"#"+e.id})))};e();let t=new MutationObserver(e);return M.current&&t.observe(M.current,{childList:!0,subtree:!0}),()=>t.disconnect()},[]),(0,d.useEffect)(()=>{let e=window.matchMedia("(max-width: 47.9375em)"),t=e=>{e?document.documentElement.style.setProperty("scroll-padding-top","4rem"):document.documentElement.style.removeProperty("scroll-padding-top")};t(e.matches);let l=e=>t(e.matches);return e.addEventListener("change",l),()=>{e.removeEventListener("change",l),document.documentElement.style.removeProperty("scroll-padding-top")}},[]);let Y=t.indexOf(": "),q=-1!==Y?t.slice(0,Y):t,G=-1!==Y?t.slice(Y+2):void 0,K=F&&F.length>=2,V=!!(null==T?void 0:T.label)&&P,$=!!((null==D?void 0:D.link)||(null==D?void 0:D.onPress));return(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsxs)("div",{ref:B,className:"relative tablet:pb-8 md:pb-16 bg-white",children:[(0,a.jsx)("div",{className:"absolute inset-0 hidden tablet:block pointer-events-none",style:{background:"linear-gradient(to bottom, white calc(100% - 8rem), #F5F5F5 100%)"},"aria-hidden":"true"}),(0,a.jsx)("div",{className:"absolute bottom-[-52px] left-1/2 -translate-x-1/2 z-20 hidden tablet:block",style:{width:0,height:0,borderLeft:"55px solid transparent",borderRight:"55px solid transparent",borderTop:"54px solid #F5F5F5"},"aria-hidden":"true"}),(0,a.jsx)(x.A,{title:q,subtitle:G,eyebrowLegend:!K&&(null==F?void 0:F.length)?f||"PRESENTED BY":"",eventSponsor:K?void 0:F,eventDescription:r,tags:c,eventLocations:i,showPrimaryCTAButton:V,showSecondaryCTAButton:$,eventDateDetails:I||"",ticketsSaleDetails:m,priceInfoDetails:S||"",image:n,video:o,primaryCTAData:T,secondaryCTAData:D,customBreadcrumb:L,className:"!bg-transparent",showShareButton:!1,detailIconColor:A,columnGapClassName:"md:gap-x-28",onImageClick:R,centerVideoPlayButton:!0,showDecorationRect:!0,hideMobileDetailsSection:!0})]}),(0,a.jsx)("nav",{className:"tablet:hidden sticky top-0 z-30 bg-white shadow-[0_6px_8px_-2px_rgba(0,0,0,0.08)]",children:(0,a.jsx)(E,{navLinks:W})}),(0,a.jsxs)("div",{className:"tablet:hidden bg-[#F5F5F5] shadow-[inset_0_6px_8px_-2px_rgba(0,0,0,0.08)] px-4 pt-4 pb-6",children:[(0,a.jsxs)("div",{className:"flex flex-col pl-2 divide-y-2 divide-grey-02",children:[m&&(0,a.jsx)("div",{className:"mt-2 py-3",children:(0,a.jsx)(p.A,{className:"bg-[#F4F5FF] p-2 rounded-sm",texts:[m],innerHtmlClassName:"flex flex-col gap-2 text-base leading-[1.8] [&>*>strong]:capitalize",innerIconClassName:"mt-[0.38rem]",Icon:g.A,iconColor:A,large:!0})}),I&&(0,a.jsx)("div",{className:(0,v.A)(!m&&"mt-2","py-3 pl-2"),children:(0,a.jsx)(p.A,{texts:[I],innerHtmlClassName:"flex-col text-base leading-[1.8]",innerIconClassName:"mt-1.5",Icon:w.A,iconColor:A,large:!0})}),i&&i.length>0&&(0,a.jsx)("div",{className:"py-3 pl-2",children:(0,a.jsx)(p.A,{texts:i,innerHtmlClassName:"text-base leading-[1.8]",innerIconClassName:"mt-1.5",Icon:j.A,locationDetailInfo:!0,iconColor:A,large:!0})}),S&&(0,a.jsx)("div",{className:"py-3 pl-2",children:(0,a.jsx)(p.A,{innerHtmlClassName:"flex-col text-base leading-[1.8] font-medium",innerIconClassName:"mt-1.5",Icon:k.A,iconColor:A,large:!0,children:(0,a.jsx)(u,{html:S})})})]}),(V||$)&&(0,a.jsxs)("div",{className:"flex flex-col mt-4",children:[V&&(0,a.jsx)(s.Ay,{classNames:"w-full mb-3 text-lg !h-12",variant:"blue",size:"lg",isLoading:null==T?void 0:T.isLoading,href:null==T?void 0:T.link,children:(null==T?void 0:T.label)||"Purchase Tickets"}),$&&(0,a.jsx)(s.Ay,{classNames:"w-full text-lg !h-12",variant:"bordered",size:"lg",href:null==D?void 0:D.link,onPress:null==D?void 0:D.onPress,children:(null==D?void 0:D.label)||"Member Login"})]})]}),K&&(0,a.jsxs)("div",{className:"relative z-10 bg-white w-full max-w-[120rem] xl:mx-auto px-4 md:px-37 pt-10 tablet:pt-16",children:[(0,a.jsx)("p",{className:"text-grey-03 text-sm tablet:text-[0.65rem] md:text-[1rem] font-normal leading-tight mb-6 tablet:mb-3 text-center tablet:text-left",children:f||"PRESENTED BY"}),(0,a.jsx)("div",{className:"grid grid-cols-2 gap-x-4 gap-y-8 items-center tablet:grid-cols-4 tablet:gap-6 md:flex md:flex-row md:flex-wrap md:items-center md:gap-10",children:F.map((e,t)=>{let l=t===F.length-1&&F.length%2!=0;return(0,a.jsx)("div",{className:(0,v.A)("w-full tablet:w-auto md:w-auto",l&&"col-span-2 max-w-[50%] mx-auto tablet:col-auto tablet:max-w-none tablet:mx-0"),children:(0,a.jsx)(h.A,{...e,className:"w-full h-auto tablet:w-full tablet:h-auto tablet:max-h-20 md:w-auto md:max-h-14"})},t)})}),(0,a.jsx)("div",{className:"mt-8 border-b-2 border-grey-02 w-full hidden tablet:block"})]}),(0,a.jsxs)("div",{className:(0,v.A)("relative z-10 bg-white text-black w-full max-w-[120rem] xl:mx-auto","px-4 md:pl-37 md:pr-[5.625rem]","flex items-start gap-6 md:gap-8",!K&&"pt-0 tablet:pt-8 md:pt-14"),children:[(0,a.jsxs)("aside",{ref:z,className:(0,v.A)("hidden tablet:flex flex-col gap-3 md:gap-5","sticky top-1 max-h-[calc(100vh-0.25rem)] overflow-y-auto scrollbar-hide shrink-0 pb-5 mdlg:pb-16",H?"pt-3 md:pt-16":"pt-14 md:pt-16","w-40 md:w-48 md:-translate-x-15"),children:[(0,a.jsx)("p",{className:"text-sm md:text-20 font-medium text-black",children:"Jump to:"}),W.map(e=>{let{label:t,href:l}=e;return(0,a.jsx)("a",{href:l,onClick:e=>{e.preventDefault(),C(l)},className:"text-sm md:text-20 text-blue-02 underline leading-snug focus-visible:shadow-[inset_0_0_0_2px_#474EF5] rounded-sm",children:t},l)}),V&&(0,a.jsx)(s.Ay,{href:null==T?void 0:T.link,variant:"blue",size:"md",isLoading:null==T?void 0:T.isLoading,classNames:"w-fit md:w-full",children:(null==T?void 0:T.label)||"Purchase Tickets"}),(0,a.jsx)(b.A,{variant:"withPopover",className:"!justify-start !p-0 !h-auto text-sm tablet:text-14 font-medium"}),(0,a.jsx)(s.Ay,{variant:"transparent",size:"none",removePaddingX:!0,suffix:(0,a.jsx)(y.A,{className:"w-4 h-4 md:w-6 md:h-6"}),suffixClassname:"!ml-2",onPress:()=>N.Nk.scrollToTop(),classNames:"text-sm md:text-20 !justify-start mt-4 md:mt-5",children:"Back to Top"})]}),(0,a.jsx)("div",{ref:M,"data-exhibition":"",className:"flex-1 min-w-0",children:l})]})]})};var T=l(14714),D=l(26645),S=l(11970),I=l(87934),L=l(64526),P=l(44391),R=l(98168),B=l(18847),M=l.n(B),z=l(30836);let H=M()(()=>Promise.resolve().then(l.bind(l,75805)),{loadableGenerated:{webpack:()=>[75805]},ssr:!1}),O=e=>{var t,l;let{node:s,dataForComponents:i,dataForImages:n,viewsDataForComponents:o,collectionDataForComponents:c,shopifyItems:m}=e,u=(0,d.useRef)(null),{field_exhibition_type:h,field_secondary_cta_label:x,field_secondary_cta_modal:p,field_secondary_cta:b,field_include_ticket_prices:v,...f}=s,g={...f,field_event_type:[null==h?void 0:h.name]},w=(()=>

1{if(p)return{label:x||"",onPress:()=>{var e;return null==(e=u.current)?void 0:e.call(u,0)}};let e=null==b?void 0:b.uri;if(e)return{label:x||"",link:e}})(),j=g.field_featured_art,k=(0,R.q)(i||[],[P.gf.FEATURED_ART,P.gf.TICKET_PRICES,P.gf.SHOPIFY_PLACEHOLDER],[P.gf.FEATURED_ART]),{title:y,field_summary:N,location:A,ticketsSaleDetails:_,tags:C,ticketsAvailableForPurchase:E,image:B,video:M,field_eyebrow:O,field_event_sponsor:W,primaryCTAData:U,eventDateDetails:Y,breadcrumbs:q,shouldShowCtaButton:G,collection_search_url:K,body:V,ticketPricing:$}=(0,z.R)(g),J={...B,imgFocus:null!=(l=null==(t=s.field_featured_image)?void 0:t.field_signage_image_crop)?l:void 0},X=null==_?void 0:_.replace(/<br>/g,""),Q=f.field_ticketing_info,Z=(()=>{if(Q)return v?$?"".concat(Q,'. See <a href="#ticket-prices" class="text-blue-03 underline">ticket prices</a>.'):"".concat(Q,". See ticket prices."):Q})(),ee=null!=j?j:{field_artwork_grouping_type:"0",field_collection_search:"",field_accession_number:[],field_artwork_cards:[]},et=(null==M?void 0:M.videoUrl)?{caption:(null==J?void 0:J.caption)||"",alt:(null==J?void 0:J.alt)||"",videoUrl:M.videoUrl,videoThumbnail:M.videoThumbnail}:J;return(0,a.jsxs)(F,{heading:y,description:(null==N?void 0:N.processed)||"",locations:A,ticketsSaleDetails:X,tags:C,ticketsAvailableForPurchase:E(),image:J,video:M,eyebrowLegend:O,eventSponsor:W,onHeroImageClick:()=>{var e;return null==(e=u.current)?void 0:e.call(u,0)},secondaryCTAData:w,primaryCTAData:U,priceInfoDetails:Z,eventDateDetails:Y,breadcrumbs:q,children:[(null==V?void 0:V.processed)&&(0,a.jsxs)(D.a5,{children:[(0,a.jsx)(T.A,{className:"text-black border-b-[2px] border-black pt-4 w-full mb-4 xsm:mb-6",label:"About The Exhibition",variant:"h2"}),(0,a.jsx)(I.A,{body:null==V?void 0:V.processed,className:"[&>*>ul]:ml-10 [&>*>ol]:ml-10 [&>*>ol]:list-decimal",truncate:!1})]}),k.map((e,t)=>{var l,s;return"generic"===e.kind?(0,a.jsx)(r.A,{dataForComponents:e.components,collectionDataForComponents:c,viewsDataForComponents:o,dataForImages:n,removeMargins:!0},"components-".concat(t)):e.type===P.gf.FEATURED_ART?(null==j?void 0:j.field_artwork_cards.some(e=>null==e?void 0:e.field_image_source))||(null==j?void 0:j.field_collection_search)?(0,a.jsxs)(D.a5,{children:[(0,a.jsx)(T.A,{className:"text-black border-b-[2px] border-black pt-4 w-full mb-4 xsm:mb-6",label:null!=(l=null==j?void 0:j.field_title)?l:"Featured Art",variant:"h2"}),(0,a.jsx)(H,{removeMargins:!0,hideHeading:!0,showCtaButton:G&&void 0!=K,url:K,ctaLabel:"View More CMA Objects in the Exhibition",node:ee,openModalRef:u,heroImage:et})]},"featured-art-".concat(t)):(0,a.jsx)(H,{removeMargins:!0,hideHeading:!0,showCtaButton:!1,node:ee,openModalRef:u,heroImage:et},"featured-art-".concat(t)):e.type===P.gf.TICKET_PRICES?$&&(null==(s=$.prices)?void 0:s.length)>0&&(0,a.jsx)(D.a5,{children:(0,a.jsx)(L.A,{id:"ticket-prices",innerLayoutClass:"!px-0",ticketsAvailableForPurchase:E(),...$})},"ticket-prices-".concat(t)):e.type===P.gf.SHOPIFY_PLACEHOLDER&&(m||[]).length>0?(0,a.jsx)(D.a5,{children:(0,a.jsx)(S.default,{shopifyItems:m})},"shopify-".concat(t)):null})]})}}}]);