https://content.www.wellcomecollection.org/_next/static/chunks/2083-308fc3ec5978a492.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2083],{10869:(e,t,i)=>{i.d(t,{A:()=>c,z:()=>a});var n=i(6029),s=i(79945),o=i(4812);let r=s.Ay.div.withConfig({componentId:"sc-d0d44ec3-0"})(["position:relative;background:",";"],e=>e.theme.color(e.$backgroundColor)),l=s.Ay.div.withConfig({componentId:"sc-d0d44ec3-1"})(["position:absolute;background-image:url('","');background-size:cover;width:100%;height:100%;top:0;opacity:0.5;"],o.nC),a=e=>{switch(e%4){case 0:return"accent.salmon";case 1:return"accent.blue";case 2:return"accent.purple";default:return"accent.green"}},c=e=>{let{backgroundColor:t}=e;return(0,n.jsxs)(r,{$backgroundColor:t||"accent.purple",children:[(0,n.jsx)("img",{src:o.Lh,alt:"",width:"1",height:"1"}),(0,n.jsx)(l,{})]})}},20819:(e,t,i)=>{i.d(t,{YF:()=>l,fX:()=>r});let n={worksAbout:{filter:"subjects.label",fields:["displayLabel"]},worksBy:{filter:"contributors.agent.label",fields:["displayLabel"]},imagesAbout:{filter:"source.subjects.label",fields:["displayLabel"]},imagesBy:{filter:"source.contributors.agent.label",fields:["displayLabel"]},worksIn:{filter:"genres.label",fields:["displayLabel"]},imagesIn:{filter:"source.genres.label",fields:["displayLabel"]}},s={worksAbout:{filters:["subjects"],fields:["id","sameAs"]}

1,worksBy:{filters:["contributors.agent"],fields:["id","sameAs"]},imagesAbout:{filters:["source.subjects"],fields:["id","sameAs"]},imagesBy:{filters:["source.contributors.agent"],fields:["id","sameAs"]},worksIn:{filters:["genres"],fields:["id","sameAs"]},imagesIn:{filters:["source.genres"],fields:["id","sameAs"]}},o=(e,t)=>t.reduce((t,i)=>t.concat(e[i]),[]),r=(e,t)=>{let i={},n=s[e];return n.filters.forEach(e=>{i[e]=o(t,n.fields)}),i},l=(e,t)=>{let i=n[e];return{[i.filter]:o(t,i.fields)}}},36847:(e,t,i)=>{function n(e){return{href:{pathname:"/concepts/[conceptId]",query:{conceptId:e.conceptId}}}}i.d(t,{g:()=>n}),i(6029),i(82203)},72133:(e,t,i)=>{i.d(t,{A:()=>A});var n=i(6029),s=i(82203),o=i.n(s),r=i(55729),l=i(79945),a=i(23583),c=i(77647),d=i(48465),g=i(10869);let u=(0,l.Ay)(d.A).attrs({className:(0,a.I)("heading","lg","regular","brand"),as:"h3",$v:{size:"xs",properties:["margin-bottom"]}}).withConfig({componentId:"sc-f7f9095c-0"})(["&:last-child{margin-bottom:0;}"]),h=l.Ay.div.withConfig({componentId:"sc-f7f9095c-1"})(["position:relative;width:100%;display:block;color:",";container-type:inline-size;cursor:pointer;&:hover ","{text-decoration:underline;}"],e=>e.theme.color("white"),u),p=l.Ay.div.withConfig({componentId:"sc-f7f9095c-2"})(["display:grid;grid-template-columns:",";grid-template-rows:",";gap:",";width:100%;aspect-ratio:2 / 3;background-color:",";overflow:hidden;"],e=>e.$isSingleImage?"1fr":"1fr 1fr",e=>e.$isSingleImage?"1fr":"1fr 1fr",e=>e.$isSingleImage?"0":"2cqw",e=>e.theme.color("neutral.700")),f=l.Ay.div.withConfig({componentId:"sc-f7f9095c-3"})(["position:relative;width:100%;height:100%;overflow:hidden;background-color:",";display:flex;align-items:center;justify-content:center;"],e=>e.theme.color("neutral.700")),m=l.Ay.div.withConfig({componentId:"sc-f7f9095c-4"})(["width:100%;height:100%;background-color:",";"],e=>e.theme.color(e.$colorKey)),y=l.Ay.img.withConfig({componentId:"sc-f7f9095c-5"})(["width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.2);opacity:",";transition:opacity 0.7s ease-in-out;"],e=>+!!e.$isLoaded),b=(0,l.Ay)(d.A).attrs({$v:{size:"sm",properties:["padding-bottom"]},$h:{size:"sm",properties:["padding-left","padding-right"]}}).withConfig({componentId:"sc-f7f9095c-6"})(["min-height:30%;padding-top:4rem;position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;&::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:linear-gradient( to top,rgba(50,50,50,1) 0%,rgba(50,50,50,1) calc(100% - 5rem),transparent 100% );}"]),w=l.Ay.p.attrs({className:(0,a.I)("body","md","regular")}).withConfig({componentId:"sc-f7f9095c-7"})(["margin-bottom:0;"]),A=e=>{let{images:t,title:i,description:s,linkProps:l,dataGtmProps:a}=e,d=1===t.filter(Boolean).length,[A,v]=(0,r.useState)(new Set),x=e=>{v(t=>t.has(e)?t:new Set(t).add(e))},I=Array.from({length:d?1:4},(e,i)=>i<t.length&&t[i]?{type:"image",image:t[i]}:{type:"placeholder"});return(0,n.jsx)(o(),{style:{display:"block"},...l,...(0,c.J)(a),children:(0,n.jsxs)(h,{"data-component":"image-grid-card",children:[(0,n.jsx)(p,{$isSingleImage:d,children:I.map((e,t)=>(0,n.jsx)(f,{children:"image"===e.type&&e.image?(0,n.jsx)(y,{src:e.image,alt:"",loading:"lazy",$isLoaded:A.has(t),onLoad:()=>x(t),ref:e=>{(null==e?void 0:e.complete)&&x(t)}}):(0,n.jsx)(m,{$colorKey:(0,g.z)(t)})},t))}),(0,n.jsxs)(b,{children:[(0,n.jsx)(u,{children:i}),s&&(0,n.jsx)(w,{children:s})]})]})})}},92083:(e,t,i)=>{i.d(t,{A:()=>k});var n=i(6029),s=i(55729),o=i(50933),r=i(72133),l=i(86796),a=i(38801),c=i(95405),d=i(45978),g=i(20819);let u=new Map;async function h(e){let{sectionName:t,concept:i,limit:n,shouldUseStagingApi:s,pipelineCluster:o}=e,r=(0,g.fX)(t,i),l=await (0,d.$)({params:r,shouldUseStagingApi:s,pipelineCluster:o,pageSize:n});return"results"in l&&0!==l.results.length?l.results.slice(0,n).map(e=>(0,c.od)(e.locations[0].url,250)):[]}i(74482);var p=i(4920);async function f(e){return(0,p.KN)("concepts",e)}async function m(e,t){if(!e||0===e.length)return[];let i=e.filter(p.Jv);if(0===i.length)return[];let n=await f({params:{id:i.join(",")},shouldUseStagingApi:t});return"results"in n?n.results:[]}var y=i(36847),b=i(14912),w=i(79945),A=i(23583),v=i(27621);let x=w.Ay.h2.attrs(e=>({className:"brand-bold"===e.$fontFamily?2===e.$headingLevel?(0,A.I)("heading","xl","strong","brand"):(0,A.I)("heading","lg","strong","brand"):2===e.$headingLevel?(0,A.I)("heading","xl","strong","sans"):(0,A.I)("body","xl","strong"),as:2===e.$headingLevel?"h2":"h3"})).withConfig({componentId:"sc-2c6d13f-0"})(["",";"],e=>e.$hasDescriptionSibling&&e.theme.makeSpacePropertyValues("xs",["margin-bottom"])),I=w.Ay.p.withConfig({componentId:"sc-2c6d13f-1"})(["color:",";"],e=>e.theme.color("black")),j=e=>{var t;let{concept:i,dataGtmProps:l,showDescriptionForTypes:a}

1=e,d=function(e){let[t,i]=(0,s.useState)([]),{stagingApi:n}=(0,o.h)(),{cataloguePipeline:r}=(0,o._W)(),l=null!=r?r:void 0,a="".concat(e.id,":").concat(null!=l?l:"default");return(0,s.useEffect)(()=>{let t=!0,s=u.get(a);return s?void i(s):(async function(){let s;if(!t)return;if(e.displayImages.length>0){let t=await Promise.all(e.displayImages.map(async t=>(0,c.$W)(t.url)({size:1===e.displayImages.length?"500,":"250,"})));u.set(a,t),i(t);return}let o=async t=>{if(t.length>=4)return t;let i=await h({sectionName:"imagesAbout",concept:e,limit:4-t.length,shouldUseStagingApi:n,pipelineCluster:l});return[...t,...i]};try{s="Agent"===e.type||"Person"===e.type||"Organisation"===e.type?await o(await h({sectionName:"imagesBy",concept:e,limit:4,shouldUseStagingApi:n,pipelineCluster:l})):"Genre"===e.type?await o(await h({sectionName:"imagesIn",concept:e,limit:4,shouldUseStagingApi:n,pipelineCluster:l})):await h({sectionName:"imagesAbout",concept:e,limit:4,shouldUseStagingApi:n,pipelineCluster:l});let r=1===s.length?[(0,c.od)(s[0],500)]:s;u.set(a,r),t&&i(r)}catch(e){console.error("Failed to fetch concept images:",e),u.set(a,[]),t&&i([])}}(),()=>{t=!1})},[a,e.displayImages,e.type,n,l]),[t[0],t[1],t[2],t[3]]}(i),g=(0,y.g)({conceptId:i.id}),p=void 0===a||a.includes(i.type)?null==(t=i.description)?void 0:t.text:void 0;return g&&i.displayLabel?(0,n.jsx)(r.A,{images:d,title:i.displayLabel,description:p,linkProps:g,dataGtmProps:{trigger:"theme_promo_card",id:i.id,...l}}):null},k=e=>{let{conceptIds:t,description:i,sliceTitle:r,useShim:c,dataGtmProps:d,gridSizes:g=(0,l.H8)(),onConceptsFetched:u,showDescriptionForTypes:h,headingLevel:p=2,fontFamily:f="sans-bold",cols:y=4}=e,w=(0,s.useRef)(null),[A,k]=(0,s.useState)([]),[$,S]=(0,s.useState)(!0),{stagingApi:C}=(0,o.h)();return((0,s.useEffect)(()=>{(async()=>{if(t.length>0){S(!0);try{let e=await m(t,C);k(e),null==u||u({count:e.length})}catch(e){console.error("Failed to fetch concepts:",e),k([]),null==u||u({count:0})}finally{S(!1)}}else k([]),null==u||u({count:0}),S(!1)})()},[t]),(0,s.useEffect)(()=>{w.current&&(w.current.scrollLeft=0)},[t]),$||0!==A.length)?(0,n.jsx)("div",{"data-component":"theme-cards-list",children:(0,n.jsx)(b.A,{gridSizes:g,containerRef:w,useShim:c,CopyContent:r||i?(0,n.jsxs)(n.Fragment,{children:[r&&(0,n.jsx)(x,{$hasDescriptionSibling:!!i,$headingLevel:p,$fontFamily:f,children:r}),i&&(0,n.jsx)(I,{children:i})]}):void 0,children:$?(0,n.jsx)("div",{style:{position:"relative",height:"400px",width:"100%"},children:(0,n.jsx)(a.A,{})}):(0,n.jsx)(n.Fragment,{children:A.map((e,t)=>(0,n.jsx)(v.ck,{$usesShim:c,$cols:y,children:(0,n.jsx)(j,{concept:e,dataGtmProps:{...d,"position-in-list":"".concat(t+1)},showDescriptionForTypes:h})},e.id))})})}):null}}}]);