https://www.clevelandart.org/_next/static/chunks/2175.2b0bc5e8386bda91.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2175,6832],{30983:(e,t,a)=>{a.d(t,{A:()=>s});var l=a(37876),r=a(9365);let s=e=>{let{title:t,onClick:a,isHero:s=!1,isHomeHero:o=!1,id:i,className:n="",buttonClassName:c=""}=e,{isMobile:m}=(0,r.Ay)();return(0,l.jsx)("div",{className:"".concat(o?m?"relative bottom-10":"absolute bottom-0 left-0":"w-full h-full flex items-center justify-center"," ").concat(n),children:(0,l.jsx)("button",{className:"".concat(s?o?"bg-white border-2 border-black ml-[1rem] md:ml-[0.875rem] mb-[1rem] md:mb-[0.875rem] w-[2.75rem] md:w-[3.75rem] aspect-[16/10] flex items-center justify-center":"bg-white border-2 border-black w-[12%] aspect-[16/10] flex items-center justify-center":"bg-white border-2 border-black w-[15%] aspect-[16/10] flex items-center justify-center"," ").concat(c),onClick:a,"aria-label":"Play video: ".concat(t),id:i,children:(0,l.jsx)("svg",{className:"w-[25%]",viewBox:"0 0 30 35",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,l.jsx)("path",{d:"M3.81176 2.90567C3.01184 2.43164 2 3.00819 2 3.93802V31.726C2 32.6559 3.01184 33.2324 3.81176 32.7584L27.2579 18.8644C28.0422 18.3996 28.0422 17.2645 27.2579 16.7997L3.81176 2.90567Z",fill:"black",stroke:"black",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})})})})}},42175:(e,t,a)=>{a.d(t,{A:()=>y});var l=a(37876),r=a(14232),s=a(9680),o=a(69241),i=a(14714),n=a(9365),c=a(45526),m=a(41145),d=function(){return(d=Object.assign||function(e){for(var t,a=1,l=arguments.length;a<l;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},h=r.forwardRef(function(e,t){var a=r.useContext(m.h),l=d(d({},a),e);return r.createElement("svg",d({width:"1.5em",height:"1.5em",strokeWidth:1.5,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:"currentColor",ref:t},l),r.createElement("path",{d:"M12 11.5v5M12 7.51l.01-.011M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}))}),x=a(93940);let u=e=>{let{description:t,className:a,heading:s,asSection:m=!1,caption:d,loopVideo:u,textColor:p,hasOverlay:v,showRefresh:b,isTopHero:f=!1,handleReplay:w}=e,[g,j]=(0,r.useState)(!1),[y,N]=(0,r.useState)(!1),[k,C]=(0,r.useState)(!1);(0,r.useEffect)(()=>{window.matchMedia&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches?C(!0):C(!1))},[]);let S=(0,r.useCallback)(()=>{let e=!y;N(e),j(e)},[y]),A=(0,r.useCallback)(()=>{j(!0)},[]),L=(0,r.useCallback)(()=>{y||j(!1)},[y]),M=(0,r.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&S()},[S]),{isMobile:E}=(0,n.Ay)(),z=d&&u?"justify-start":(d||u)&&d?"justify-between":"justify-end",T=s?"".concat(s.split(" ").join("-"),"-caption"):"".concat(Math.random(),"-caption-").concat(Math.random());return(0,l.jsx)("div",{className:(0,o.A)("w-full flex flex-col",a),children:(0,l.jsxs)("div",{className:(0,o.A)(f?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image","aspect-video md:h-screen"),children:[m&&(0,l.jsxs)("div",{className:(0,o.A)(z,"flex flex-row items-center px-4 pt-4 md:px-10 md:pt-11 relative z-10"),children:[d&&(0,l.jsxs)("div",{onClick:S,onKeyDown:M,onMouseEnter:A,onMouseLeave:L,className:"flex flex-row","aria-describedby":T,tabIndex:0,children:[(0,l.jsx)("div",{className:"p-4 md:p-6 bg-black-01 hover:bg-blue-03 flex items-center justify-center",children:(0,l.jsx)(h,{"aria-label":"",className:"text-white",width:"1.25rem",height:"1.25rem"})}),g&&(0,l.jsx)("div",{id:T,className:"max-h-[3.25rem] md:max-h-[4.25rem] md:max-w-lg line-clamp-3 bg-black text-white bg-opacity-60 text-[0.9375rem] leading-[1.21875rem] p-2.5 [&>p]:!mt-0 [&>img]:w-full [&>h1]:mt-12 [&>h2]:mt-12 [&>h3]:mt-12 [&>h4]:mt-12 [&>h5]:mt-12 [&>h6]:mt-12 [&>img]:mt-8 [&>:first-child]:mt-0 [&>ul]:xsm:ml-4.5 [&>ul]:md:ml-6 [&>ol]:xsm:ml-4.5 [&>ol]:md:ml-6","data-content-type":"wysiwyg",dangerouslySetInnerHTML:{__html:(0,c.EN)(null!=d?d:"")}})]}),!u&&b&&(0,l.jsx)("div",{onClick:w,tabIndex:0,className:"p-4 md:p-6 bg-black-01 hover:bg-blue-03 hover:cursor-pointer flex items-center justify-center",children:(0,l.jsx)(x.A,{className:"text-white",width:"1.25rem",height:"1.25rem"})})]}),(0,l.jsxs)("div",{className:(0,o.A)(f?"md:pb-7.5 md:pt-60":"md:pb-10 md:pt-60","w-full absolute pb-4 pt-8 -z-0 bottom-0",v&&"bg-gradient-to-t from-[#000000] to-transparent"),children:[s&&(0,l.jsx)(i.A,{className:"xsm:px-4 md:px-37 !mb-0 order-3 xsm:w-[80%] md:w-[90%] xl:!mx-0",headingClassName:"!mb-0 text-2xl md:text-[3.5625rem] lg:text-[4.75rem]",variant:"h1",label:(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:s},style:{color:p}})}),t&&(f&&!E||!f)&&(0,l.jsx)("div",{className:"w-full md:w-[calc(65%+1.75rem)] px-4 md:px-37 order-2",children:(0,l.jsx)("div",{className:"line-clamp-3 md:line-clamp-none body-1 [&>ul]:xsm:ml-4.5 [&>ul]:md:ml-6 [&>ol]:xsm:ml-4.5 [&>ol]:md:ml-6","data-content-type":"wysiwyg",dangerouslySetInnerHTML:{__html:t},style:{color:p}})})]})]})})},p=e=>{let{description:t,className:a,heading:s,asSection:m=!1,caption:d,isTopHero:x=!1,children:u}=e,{isMobile:p}=(0,n.Ay)(),[v,b]=(0,r.useState)(!1),[f,w]=(0,r.useState)(!1),g=(0,r.useCallback)(()=>{f?(w(!1),b(!1)):(w(!0),b(!0))},[f]),j=(0,r.useCallback)(()=>{b(!0)},[]),y=(0,r.useCallback)(()=>{f||b(!1)},[f]),N=(0,r.useCallback)(e=>{("Enter"===e.key||" "===e.key)&&g()},[g]),k=s?"".concat(s.split(" ").join("-"),"-caption"):"".concat(Math.random(),"-caption-").concat(Math.random());return(0,l.jsxs)("div",{className:(0,o.A)("w-full flex flex-col relative",a),children:[m&&d&&(0,l.jsx)("div",{className:"flex flex-row items-center px-4 pt-4 md:px-10 md:pt-11 absolute top-0 left-0 right-0 z-40",children:(0,l.jsxs)("div",{onClick:g,onKeyDown:N,onMouseEnter:j,onMouseLeave:y,className:"flex flex-row max-w-[calc(100%-3rem)]","aria-describedby":k,tabIndex:0,children:[(0,l.jsx)("div",{className:"p-4 md:p-6 bg-black-01 hover:bg-blue-03 flex items-center justify-center",children:(0,l.jsx)(h,{"aria-label":"",className:"text-white",width:"1.25rem",height:"1.25rem"})}),v&&(0,l.jsx)("div",{id:k,className:"max-h-[3.25rem] md:max-h-[4.25rem] md:max-w-lg line-clamp-3 bg-black text-white bg-opacity-60 text-[0.9375rem] leading-[1.21875rem] p-2.5 [&>p]:!mt-0 [&>img]:w-full [&>h1]:mt-12 [&>h2]:mt-12 [&>h3]:mt-12 [&>h4]:mt-12 [&>h5]:mt-12 [&>h6]:mt-12 [&>img]:mt-8 [&>:first-child]:mt-0 [&>ul]:xsm:ml-4.5 [&>ul]:md:ml-6 [&>ol]:xsm:ml-4.5 [&>ol]:md:ml-6","data-content-type":"wysiwyg",dangerouslySetInnerHTML:{__html:(0,c.EN)(null!=d?d:"")}})]})}),(0,l.jsxs)("div",{className:"relative",children:[u,(0,l.jsxs)("div",{className:(0,o.A)(x?"md:pb-7.5 md:pt-60":"md:pb-10 md:pt-60","w-full absolute pb-4 pt-8 bottom-0 left-0 right-0 bg-gradient-to-t from-white to-transparent"),children:[s&&(0,l.jsx)(i.A,{className:"xsm:px-4 md:px-37 !mb-0 order-3 xsm:w-[80%] md:w-[90%] xl:!mx-0",headingClassName:"!mb-0 text-2xl md:text-[3.5625rem] lg:text-[4.75rem]",variant:"h1",label:(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:s},style:{color:"black"}})}),t&&(x&&!p||!x)&&(0,l.jsx)("div",{className:"w-full md:w-[calc(65%+1.75rem)] px-4 md:px-37 order-2",children:(0,l.jsx)("div",{className:"line-clamp-3 md:line-clamp-none body-1 [&>ul]:xsm:ml-4.5 [&>ul]:md:ml-6 [&>ol]:xsm:ml-4.5 [&>ol]:md:ml-6","data-content-type":"wysiwyg",dangerouslySetInnerHTML:{__html:t},style:{color:"black"}})})]})]})]})},v=(0,r.memo)(e=>{let{backgroundImage:t,imageAlt:a,description:r,heading:i,asSection:n,caption:c,loopVideo:m,textColor:d,hasOverlay:h,isTopHero:x,hasScrolled:v,prefersReducedMotion:b}=e,f=(0,l.jsx)("div",{className:(0,o.A)(x?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image","as

1pect-video w-full md:h-screen relative"),children:(0,l.jsx)(s.A,{className:"absolute object-cover left-0 z-0 w-full h-full",alt:a||"",src:t,fill:!0})});return x?(0,l.jsx)("div",{className:"relative bg-cover w-full container mx-auto z-0 top-0 aspect-video md:h-screen md:max-h-parallax-hero",children:b?(0,l.jsx)(p,{description:r,heading:i,asSection:n,caption:c,isTopHero:x,className:"flex",children:f}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{className:"absolute object-cover",alt:a||"",fill:!0,src:t}),(0,l.jsx)(u,{description:r,heading:i,asSection:n,showRefresh:!1,caption:c,loopVideo:m,textColor:d,isTopHero:x,hasOverlay:h,className:"absolute z-[1]"})]})}):(0,l.jsx)("div",{className:(0,o.A)("md:max-h-parallax-video-or-image",!b&&"sticky","w-full container mx-auto block",!b&&v?"top-12 md:top-19":"top-0"),children:b?(0,l.jsx)(p,{description:r,heading:i,asSection:n,caption:c,isTopHero:x,className:"flex",children:f}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(u,{description:r,heading:i,asSection:n,showRefresh:!1,caption:c,loopVideo:m,textColor:d,hasOverlay:h,isTopHero:x,className:"absolute z-10"}),f]})})});var b=a(86832),f=a(30983),w=a(54587),g=a.n(w);let j=(0,r.memo)(e=>{let{description:t,heading:a,asSection:s,videoThumbnail:i,isMobile:n,caption:c,loopVideo:m,videoUrl:d,textColor:h,hasOverlay:v,isTopHero:w,ariaLabel:j,hasScrolled:y,prefersReducedMotion:N}=e,k=(0,r.useRef)(null),[C,S]=(0,r.useState)(!1),[A,L]=(0,r.useState)(!1),[M,E]=(0,r.useState)(!1),[z,T]=(0,r.useState)(!1),[_,I]=(0,r.useState)(!1),H=async()=>{k.current&&(T(!1),k.current.currentTime=0,await k.current.play())},V=async()=>{if(k.current)try{E(!0),T(!1),await k.current.play(),S(!1),L(!0)}catch(e){}};(0,r.useEffect)(()=>{let e=k.current;if(!e)return;let t=!0;if(!N&&n){let a=async()=>{try{let a=e.play();await a,t&&(S(!1),L(!0))}catch(e){t&&S(!0)}};setTimeout(()=>{t&&a()},50)}let a=()=>{t&&(L(!0),S(!1),T(!1),I(!0))},l=()=>{t&&L(!1)},r=()=>{t&&(T(!0),L(!1))};return e.addEventListener("playing",a),e.addEventListener("pause",l),e.addEventListener("ended",r),()=>{t=!1,e.removeEventListener("playing",a),e.removeEventListener("pause",l),e.removeEventListener("ended",r)}},[N,n]);let O=N?!M:n&&C&&!M,R=N?!M:n&&C&&!M,P=w||!R,B=N?M:!m&&(C?M:_),W=(0,l.jsx)("div",{className:(0,o.A)(w?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image",!N&&"sticky","w-full container mx-auto block",!N&&y?"top-12 md:top-19":"top-0"),children:N?(0,l.jsx)(p,{description:P?t:void 0,heading:a,asSection:s,caption:c,isTopHero:w,className:"flex",children:(0,l.jsxs)("div",{className:(0,o.A)(w?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image","aspect-video w-full md:h-screen relative"),children:[O&&i&&(0,l.jsx)(g(),{src:i,alt:null!=j?j:"Video thumbnail",className:"absolute object-cover left-0 z-0",fill:!0}),(0,l.jsx)("video",{"aria-label":null!=j?j:"Video",ref:k,playsInline:!0,loop:!1,muted:!0,className:(0,o.A)("absolute object-cover left-0 z-0 w-full h-full",O&&"hidden"),src:d}),R&&(0,l.jsx)("div",{className:"absolute inset-0 z-20 flex items-center justify-center pointer-events-none",children:(0,l.jsx)("div",{className:"pointer-events-auto",children:(0,l.jsx)(f.A,{title:j||"Video",onClick:V,className:"[&>button]:w-[20%] [&>button]:md:w-[50%]"})})}),B&&(0,l.jsx)("div",{className:"absolute top-4 right-4 md:top-11 md:right-10 z-40",children:(0,l.jsx)("div",{onClick:H,tabIndex:0,className:"p-4 md:p-6 bg-black-01 hover:bg-blue-03 hover:cursor-pointer flex items-center justify-center",onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&H()},children:(0,l.jsx)(x.A,{className:"text-white",width:"1.25rem",height:"1.25rem"})})})]})}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(u,{description:P?t:void 0,heading:a,asSection:s,showRefresh:B,caption:c,loopVideo:m,textColor:h,hasOverlay:v,handleReplay:H,isTopHero:w,className:"absolute z-10"}),O&&i&&(0,l.jsx)(g(),{src:i,alt:null!=j?j:"Video thumbnail",className:(0,o.A)(w?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image","aspect-video left-0 z-0 object-cover md:h-screen pointer-events-none"),fill:!0}),(0,l.jsx)("video",{"aria-label":null!=j?j:"Video",ref:k,autoPlay:!0,playsInl

1ine:!0,loop:m,muted:!0,className:(0,o.A)(w?"md:max-h-parallax-hero":"md:max-h-parallax-video-or-image","aspect-video left-0 z-0 w-full min-w-full max-w-none object-cover md:h-screen pointer-events-none",O&&"hidden"),src:d}),n&&!C&&!A&&!z&&(0,l.jsx)("div",{className:"absolute inset-0 z-20 flex items-center justify-center pointer-events-none",children:(0,l.jsx)(b.default,{hasSmallIcon:!0})}),R&&(0,l.jsx)("div",{className:"absolute inset-0 z-20 flex items-center justify-center pointer-events-none",children:(0,l.jsx)("div",{className:"pointer-events-auto",children:(0,l.jsx)(f.A,{title:j||"Video",onClick:V,className:"[&>button]:w-[20%] [&>button]:md:w-[50%]"})})})]})});return w?(0,l.jsx)("div",{className:"relative bg-cover w-full container mx-auto z-0 top-0 aspect-video md:h-screen md:max-h-parallax-hero",children:W}):W}),y=e=>{let{backgroundImage:t,heading:a,description:s,imageAlt:o,videoUrl:i,videoThumbnail:n,isMobile:c,loopVideo:m=!0,caption:d,asSection:h,textColor:x,hasOverlay:u,isTopHero:p,ariaLabel:b}=e,f=(0,r.useRef)(0),[w,g]=(0,r.useState)(!1),[y,N]=(0,r.useState)(!1),k=(0,r.useCallback)(()=>{if(window){let e=window.scrollY;f.current=e;let t=e>0;t!==w&&g(t)}},[w]);return((0,r.useEffect)(()=>{if(!p)return window.addEventListener("scroll",k,{passive:!0}),()=>window.removeEventListener("scroll",k)},[k,p]),(0,r.useEffect)(()=>{window.matchMedia&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches?N(!0):N(!1))},[]),t)?(0,l.jsx)(v,{backgroundImage:t||"",imageAlt:o,description:s,heading:a,asSection:h,caption:d,loopVideo:m,textColor:x,isTopHero:p,hasOverlay:u,hasScrolled:w,prefersReducedMotion:y}):(0,l.jsx)(j,{ariaLabel:b,description:s,heading:a,asSection:h,caption:d,loopVideo:m,videoUrl:i,videoThumbnail:n,isMobile:c,textColor:x,isTopHero:p,hasOverlay:u,hasScrolled:w,prefersReducedMotion:y})}},86832:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});var l=a(37876),r=a(9365);let s=e=>{let{hasSmallIcon:t=!1}=e,{isMobile:a}=(0,r.Ay)();return(0,l.jsx)("div",{role:"dialog",tabIndex:-1,"aria-modal":"true",className:"relative z-[9999]","aria-label":"Please wait while the page is loading.",children:(0,l.jsx)("svg",{className:"loading",width:a&&t?"64px":"110px",height:a&&t?"64px":"110px",viewBox:"0 0 110 110",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,l.jsx)("circle",{className:"loading-path",fill:"none",strokeWidth:"16",strokeLinecap:"round",cx:"55",cy:"55",r:"47"})})})}},93940:(e,t,a)=>{a.d(t,{A:()=>o});var l=a(14232),r=a(41145),s=function(){return(s=Object.assign||function(e){for(var t,a=1,l=arguments.length;a<l;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};let o=l.forwardRef(function(e,t){var a=l.useContext(r.h),o=s(s({},a),e);return l.createElement("svg",s({width:"1.5em",height:"1.5em",strokeWidth:1.5,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:"currentColor",ref:t},o),l.createElement("path",{d:"M21.888 13.5C21.164 18.311 17.013 22 12 22 6.477 22 2 17.523 2 12S6.477 2 12 2c4.1 0 7.625 2.468 9.168 6",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M17 8h4.4a.6.6 0 00.6-.6V3",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}))})}}]);