"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[483],{85583:(z,b,t)=>{t.d(b,{Z:()=>x});var e=t(56109),O=t(40430);const s=O.default.div` ${()=>O.css``} `;var $=t(61945);const x=({accordions:g})=>g?e.createElement(s,null,g.map((k,S)=>{const p=k.title.replace(" ","");return e.createElement($.UQ,{key:S,icon:"chevron_down",uniqueId:p,title:k.title},e.createElement("div",{dangerouslySetInnerHTML:{__html:k.content}}))})):null},6229:(z,b,t)=>{t.d(b,{Z:()=>P});var e=t(56109),O=t(40430);const s=O.default.figure` ${({theme:{colors:x,mq:g}})=>O.css` margin: 0; padding: 0 0 0 1.6rem; border-left: 4px solid ${x.summerSchool.brand.pink}; color: ${x.summerSchool.text.default}; @media ${g.laptop} { margin: 1em 0; } .blockquote__quote > p { margin: 0 0 0.75em 0; max-width: 50ch; font-family: 'Aleo', sans-serif; font-size: 2.1rem; font-weight: 500; line-height: 1.5; } .blockquote__author { font-size: 2rem; font-weight: normal line-height: 1; } .blockquote__role { display: block; margin-top: 1em; font-size: 1.6rem; font-weight: normal; line-height: 1; } `} `,P=({className:x,quote:g,author:k,role:S})=>e.createElement(s,{className:x},e.createElement("blockquote",{className:"blockquote__quote"},e.createElement("p",null,g)),e.createElement("figcaption",{className:"blockquote__footer"},S?e.createElement("p",{className:"blockquote__author"},k,e.createElement("span",{className:"blockquote__role"},S)):e.createElement("p",{className:"blockquote__author"},k)))},38049:(z,b,t)=>{t.d(b,{Z:()=>S});var e=t(56109),O=t(31463),n=t(40430),s=t(98656);const P=n.default.div` ${({theme:{colors:p},subjectArea:y})=>{var u,w;return n.css` ${s.jd}; ${s.xx}; display: flex; flex-flow: row nowrap; align-items: center; position: relative; transition: background-color ${s.Do}; background-color: ${((u=p==null?void 0:p.subjectAreas)==null?void 0:u[y])||((w=p==null?void 0:p.ui)==null?void 0:w.white)}; & > a { ${s.LF}; } .icon-card__icon { --icon-width: 96px; flex-grow: 0; flex-shrink: 0; flex-basis: var(--icon-width); margin-right: 1.6rem; width: var(--icon-width); } .icon-card__title { ${s.bH}; margin: 0; } &:hover, &:focus-within { background-color: ${p.summerSchool.brand.greys.grey94}; } `}} `;var x=t(30689),g=t(8434);const S=({title:p,url:y,subjectArea:u,className:w})=>{if(!u)return null;const h=(0,O._)(u).replaceAll(",","");return e.createElement(P,{className:w,subjectArea:h},u&&h?e.createElement(g.J,{icon:h,className:"icon-card__icon"}):null,e.createElement(x.Z,{path:y},e.createElement("p",{className:"icon-card__title"},y?p:`${p} (missing url)`)))}},24851:(z,b,t)=>{t.r(b),t.d(b,{default:()=>N});var e=t(56109),O=t(40430);const s=O.default.section` ${()=>O.css``} `;var $=t(52617),P=t(98656);const g=O.default.div` ${({theme:{colors:f}})=>O.css` ${P.xx}; position: relative; border: 1px solid ${f.summerSchool.brand.greys.grey75}; background-color: ${f.summerSchool.brand.greys.grey97}; transition: background-color ${P.Do}; &:hover, &:focus-within { background-color: ${f.summerSchool.brand.greys.grey85}; } a { ${P.LF}; } .link-card__title { ${P.bH}; } .link-card__title, .link-card__summary { margin: 0; } `} `;var k=t(30689);const p=({title:f,summary:o,url:v})=>e.createElement(g,null,e.createElement(k.Z,{path:v},e.createElement("p",{className:"link-card__title"},f)),e.createElement("p",{className:"link-card__summary"},o));var y=Object.defineProperty,u=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,T=(f,o,v)=>o in f?y(f,o,{enumerable:!0,configurable:!0,writable:!0,value:v}):f[o]=v,I=(f,o)=>{for(var v in o||(o={}))w.call(o,v)&&T(f,v,o[v]);if(u)for(var v of u(o))h.call(o,v)&&T(f,v,o[v]);return f};const N=({className:f,cards:o,title:v})=>e.createElement(s,{className:f},e.createElement("div",{className:"wrapper"},v?e.createElement("h3",{style:{textAlign:"center",margin:"0 auto 4rem auto"}},v):null,e.createElement($.Z,{cardType:"linkCard"},o==null?void 0:o.map((Z,L)=>e.createElement(p,I({key:L},Z))))))},77693:(z,b,t)=>{t.d(b,{Z:()=>y});var e=t(56109),O=t(78451),n=t.n(O),s=t(37525),$=t(553),P=t(40430);const g=P.default.div` ${({theme:u,image:w})=>P.css` position: relative; background-color: ${u.colors.white}; min-width: 26rem; .article-card__link { display: flex; align-items: center; /* height: 100% */ flex-direction: column-reverse; text-decoration: none; .article-card__media-container, & > .tag { position: absolute; } & > .tag { top: 0; right: 0; z-index: 2; } .bullet { color: ${u.colors.purple}; } .article-card { display: grid; grid-template-rows: 1fr auto; gap: ${u.grid.gap}; width: 100%; /* height: 100%; */ font-size: 1.4rem; color: ${u.colors.grey7}; background-color: ${u.colors.white}; padding: ${u.grid.padding.default}; padding-bottom: calc(${u.grid.padding.default} * 2); z-index: 1; p { line-height: 2.4rem; } } .article-card__content-container { display: flex; flex-direction: column; /* height: 100%; */ justify-content: initial; } .article-card__media-container { z-index: 0; width: 100%; height: 20rem; background: url(/static-summer-school/modern/js/${typeof w=="object"?w.asset.sys.uri:w}) no-repeat; background-size: cover; background-position: center; position: relative; /* padding-bottom: calc((168 / 288) * 100%); */ } .article-card__footer { span { color: ${u.colors.purple}; padding: 0 0.5rem; } } } `} `;var k=t(46159),S=t(30689);const p=({className:u,title:w,standfirst:h,readingTime:T,tag:I,image:M,link:N,size:f,date:o,thumbnail:v})=>(M=v||M,e.createElement(g,{className:u,image:M,size:f},e.createElement(S.Z,{className:"article-card__link",path:N},I&&e.createElement($.Z,{title:I}),e.createElement("div",{className:"article-card"},e.createElement("div",{className:"article-card__content-container"},e.createElement(k.Z,{level:"2",size:"4",text:w}),h&&e.createElement("p",null,h)),o||T?e.createElement("div",{className:"article-card__footer"},o&&e.createElement("time",{dateTime:o},(0,s.EU)(o)),o&&T?e.createElement("span",null,"\u2022"):null,T&&`${T} min read`):null),e.createElement("div",{className:"article-card__media-container"}))));p.propTypes={className:n().string,title:n().string,standfirst:n().string,readingTime:n().string,date:n().string,tag:n().string,image:n().string,link:n().string,size:n().oneOf(["default","wide","large"]),author:n().oneOfType([n().string,n().array])},p.defaultProps={size:"default"};const y=p},1803:(z,b,t)=>{t.d(b,{Q:()=>M,Z:()=>s.Z});var e=t(56109),O=t(78451),n=t.n(O),s=t(77693),$=t(90326),P=t(40430);const x=P.default.section` ${({theme:N})=>P.css` padding: 6.4rem 0 8rem 0; background-color: ${N.colors.grey2}; article { background-color: #fff; } `} `;var g=Object.defineProperty,k=Object.defineProperties,S=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,w=(N,f,o)=>f in N?g(N,f,{enumerable:!0,configurable:!0,writable:!0,value:o}):N[f]=o,h=(N,f)=>{for(var o in f||(f={}))y.call(f,o)&&w(N,o,f[o]);if(p)for(var o of p(f))u.call(f,o)&&w(N,o,f[o]);return N},T=(N,f)=>k(N,S(f));const I=({cards:N,title:f,uri:o})=>N?e.createElement(x,null,e.createElement($.Z,{title:f,level:"2",size:"3",marker:!0,linkText:"Browse all articles",link:o,wrapper:!0}),e.createElement("div",{className:"article-card-container"},e.createElement("div",{className:"wrapper"},e.createElement("div",{className:`landing-page__articles landing-page__articles-${N.length}-cards`},N.map((v,Z)=>{let L;switch(N){case N.length===2:return e.createElement(s.Z,T(h({size:"wide"},v),{key:Z}));case N.length===3:return Z===0?L="wide":L="default",e.createElement(s.Z,T(h({size:L},v),{key:Z}));case N.length===4:return e.createElement(s.Z,T(h({size:"default"},v),{key:Z}));default:return e.createElement(s.Z,T(h({size:"default"},v),{key:Z}))}}))))):null;I.propTypes={cards:n().array,title:n().string,uri:n().string};const M=I},27748:(z,b,t)=>{t.d(b,{Z:()=>S});var e=t(56109),O=t(78451),n=t.n(O),s=t(40430);const P=s.default.div` ${({theme:p,image:y,text:u})=>{const w=p.colors.white;return s.css` color: ${w}; text-align: center; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/static-summer-school/modern/js/${y}?format=webp&width=1100&height=344&fit=crop&quality=75) no-repeat; background-position: center; background-size: cover; padding: ${p.spacing.small} 0; @media ${p.mq.tablet} { padding: ${p.spacing.small} 0; text-align: initial; } @media ${p.mq.desktop} { padding: ${p.spacing.medium} 0; } p { line-height: 2.4rem; } a.banner-button, button.banner-button { margin-top: ${u?"0":"1.6rem"}; border-color: ${w}; color: inherit; min-width: 100%; text-align: center; text-decoration: none; @media ${p.mq.tablet} { min-width: 28.2rem; } svg { path { stroke: ${w}; } } `}} `;var x=t(46159),g=t(36129);const k=({title:p,text:y,image:u,link:w,linkText:h,className:T})=>p?e.createElement(P,{className:T,image:u},e.createElement("div",{className:"wrapper"},e.createElement(x.Z,{level:"3",text:p}),y&&e.createElement("p",null,y),h&&e.createElement(g.Z,{colortype:"secondary",text:h,link:w,className:"banner-button"}))):null;k.propTypes={title:n().string,text:n().string,image:n().string,link:n().string,linkText:n().string,className:n().string};const S=k},28483:(z,b,t)=>{t.r(b),t.d(b,{default:()=>et});var e=t(56109),O=t(78451),n=t.n(O),s=t(7334),$=t(29391),P=t(27748),x=t(49221),g=t(36129),k=t(6229),S=t(46159),p=t(18290),y=t(71269),u=t(33776),w=t(56539),h=t(40430);const I=h.default.section` ${({theme:r})=>h.css` padding: 4rem 1.6rem; @media ${r.mq.laptop} { padding: 6.4rem 1.6rem; } background-color: ${r.colors.grey2}; .content-banner__main-content { @media ${r.mq.laptop} { display: grid; grid-template-columns: minmax(32.8rem, auto) minmax(auto, 58.8rem); gap: 2.4rem; max-width: 110rem; margin-left: 0; } .content-banner__heading-container { display: flex; flex-direction: column; justify-content: space-between; .content-banner__heading { margin-bottom: 4rem; @media ${r.mq.laptop} { margin-bottom: 0rem; } } } p { font-size: 1.6rem; line-height: 3.2rem; margin: 0 0 4rem; @media ${r.mq.laptop} { margin: 0; } } } `} `,M=({title:r,content:a,buttonLabel:l,buttonLink:G})=>{const D=(0,w.Z)(),U=["laptop","desktop","largeDesktop"];return e.createElement(I,null,e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"content-banner__main-content"},e.createElement("div",{className:"content-banner__heading-container"},e.createElement(S.Z,{level:"1",size:"3",text:r,className:"content-banner__heading",marker:!0}),U.includes(D)&&G&&e.createElement(g.Z,{text:l,link:G})),e.createElement("div",null,a&&e.createElement("p",null,a),!U.includes(D)&&e.createElement(g.Z,{text:l,link:G})))))};M.propTypes={title:n().string,content:n().string,buttonLabel:n().string,buttonLink:n().string};const N=M;var f=t(8564),o=t(85583),v=t(1803),Z=t(61945);const Q=h.default.section` ${({theme:r})=>h.css` padding: 8rem 0; .iot-container { @media ${r.mq.laptop} { display: flex; flex-wrap: nowrap; justify-content: space-between; } } `} `;var K=t(30689);const Y=h.default.div` ${({theme:r})=>h.css` margin-bottom: 4.8rem; text-align: center; color: ${r.colors.grey7}; @media ${r.mq.laptop} { width: 30%; flex: 0 1 30%; padding: 0 1.2rem; margin-bottom: 0; display: flex; flex-direction: column; } .iot-card__media { display: block; width: 100%; height: auto; max-height: 28rem; margin-bottom: 2.4rem; } .iot-card__title { } .iot-card__body { margin-bottom: 2.4rem; text-align: left; @media ${r.mq.tablet} { padding: 0 1.2rem; } } .iot-card__button { display: inline-block; width: unset; margin-top: auto; margin-left: auto; margin-right: auto; padding: 0.8rem 2.4rem; &:hover, &:focus { background-color: ${r.colors.red}; color: ${r.colors.white}; } } `} `;var F=t(66681),j=t(6043);const ee=({title:r,image:a,alt:l,body:G,link:D,linkLabel:U})=>{const A=(0,F.v9)(j.G7)||{};return a||(a=A.src),l||(l=A.alt),e.createElement(Y,null,e.createElement(K.Z,{path:D},e.createElement("img",{src:`${a}?format=webp&width=480&quality=80`,alt:l,className:"iot-card__media"})),e.createElement("h3",{className:"iot-card__title"},r),e.createElement("p",{className:"iot-card__body"},G),e.createElement(g.Z,{text:U,link:D,type:"link",colortype:"secondary",bg:"transparent",borderType:"round",className:"iot-card__button"}))};ee.propTypes={title:n().string,image:n().string,alt:n().string,body:n().string,link:n().string,linkLabel:n().string},ee.defaultProps={linkLabel:"View courses"};const te=ee,re=h.default.div` ${({theme:r})=>h.css` .tList { margin-left: auto; margin-right: auto; margin-bottom: 4rem; @media ${r.mq.tablet} { display: flex; align-items: flex-start; justify-content: space-evenly; max-width: 60rem; gap: 3rem; } } .tItem { padding: 1.6rem; border: 0.1rem solid ${r.colors.red}; border-radius: 6rem; background-color: ${r.colors.white}; cursor: pointer; width: 100%; &:first-of-type { margin-bottom: 1rem; } @media ${r.mq.tablet} { margin-bottom: 0; } &[aria-selected='true'] { background-color: ${r.colors.red}; color: ${r.colors.white}; } } `}; `,ae=({children:r})=>{const[a,l]=(0,e.useState)("tab_0");let G={},D;r&&r.map((A,Te)=>{const be=`tab_${Te}`,Ze=A.props.title,Ie=A.props.children,je={[be]:{label:be,title:Ze,content:Ie}};Object.assign(G,je)});const U=Object.keys(G).length>1;return G&&U&&(D=Object.keys(G).map(A=>e.createElement("button",{role:"tab","aria-selected":a===A?"true":"false",key:A,onClick:()=>l(A),className:"tItem"},G[A].title))),e.createElement(e.Fragment,null,e.createElement(re,null,U&&e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"tList",role:"tablist","aria-label":"Tabs"},D)),e.createElement("div",{role:"tabpanel"},G[a].content)))};ae.propTypes={title:n().string,children:n().node};const ne=({title:r,children:a})=>e.createElement(e.Fragment,null,e.createElement("div",null,r),e.createElement("div",null,a));ne.propTypes={title:n().string,children:n().node};const oe=ae;var ue=Object.defineProperty,le=Object.getOwnPropertySymbols,ie=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable,se=(r,a,l)=>a in r?ue(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,J=(r,a)=>{for(var l in a||(a={}))ie.call(a,l)&&se(r,l,a[l]);if(le)for(var l of le(a))X.call(a,l)&&se(r,l,a[l]);return r};const _=({tabs:r})=>e.createElement(Q,null,e.createElement(oe,null,r.map((a,l)=>e.createElement(ne,J({key:l},a),e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"iot-container"},a.content.map((G,D)=>e.createElement(te,J({key:D},G)))))))));_.propTypes={tabs:n().array};const c=_;var E=t(98665),C=t(75720),H=t(486),V=Object.defineProperty,W=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable,de=(r,a,l)=>a in r?V(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,ye=(r,a)=>{for(var l in a||(a={}))q.call(a,l)&&de(r,l,a[l]);if(W)for(var l of W(a))ce.call(a,l)&&de(r,l,a[l]);return r};const i=({cards:r})=>e.createElement("section",{className:"[ block ]"},e.createElement("div",{className:"wrapper"},r==null?void 0:r.map((a,l)=>e.createElement(H.default,ye({key:l},a)))));var d=t(82824),m=t(24851);const me=h.default.section` ${({theme:{colors:r,mq:a},backgroundColor:l})=>{const G=()=>{switch(l){case"yellow":return` background-color: ${r.summerSchool.brand.yellow}; `;case"blue":return` background-color: ${r.summerSchool.brand.blue}; `;case"pink":return` background-color: ${r.summerSchool.brand.pink}; `;case"white":return` background-color: white; `;case"light blue":return` background-color: ${r.summerSchool.brand.brightBlue}; `;default:return` background-color: white; `}};return h.css` ${G} padding: 6rem 0; @media ${a.laptop} { padding: 12rem 0; } & img { display: block; width: 100%; height: auto; } `}} `,ve=({backgroundColor:r,image:a})=>{const l=(0,F.v9)(j.G7);return a=a!=null&&a.url?a:l,e.createElement(me,{backgroundColor:r},e.createElement("div",{className:"wrapper"},e.createElement("img",{src:a.url,alt:a.altText})))};var we=t(27074),Oe=t(38049),Pe=t(16954),Ne=t(52617),$e=t(35121),Se=Object.defineProperty,he=Object.getOwnPropertySymbols,Ce=Object.prototype.hasOwnProperty,ke=Object.prototype.propertyIsEnumerable,Ee=(r,a,l)=>a in r?Se(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,De=(r,a)=>{for(var l in a||(a={}))Ce.call(a,l)&&Ee(r,l,a[l]);if(he)for(var l of he(a))ke.call(a,l)&&Ee(r,l,a[l]);return r};const He={id:"",mapper:(r=[])=>r},Ve=({entryTitle:r})=>{const[a,l]=(0,e.useState)(He);(0,e.useEffect)(()=>{setTimeout(()=>{l({id:s.eA.subjectArea,mappers:Pe.default})},500)},[]);const{title:G,results:D,isLoading:U}=(0,we.useMinilist)(a);return e.createElement("section",{className:"[ block ]"},e.createElement("div",{className:"wrapper"},U?e.createElement($e.Z,{style:{display:"grid",justifyContent:"center",padding:"40px 0",minHeight:"240px"}}):e.createElement(e.Fragment,null,e.createElement("h3",{style:{textAlign:"center",margin:"0 auto 4rem auto"}},r!=null?r:G),e.createElement(Ne.Z,{cardType:"iconCard"},D==null?void 0:D.map(A=>e.createElement(Oe.Z,De({key:`${A.title}--${A.title}`,className:"card"},A)))))))};var Fe=Object.defineProperty,We=Object.defineProperties,Ue=Object.getOwnPropertyDescriptors,Ge=Object.getOwnPropertySymbols,Ke=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable,Me=(r,a,l)=>a in r?Fe(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,B=(r,a)=>{for(var l in a||(a={}))Ke.call(a,l)&&Me(r,l,a[l]);if(Ge)for(var l of Ge(a))Qe.call(a,l)&&Me(r,l,a[l]);return r},xe=(r,a)=>We(r,Ue(a));const ze=r=>{const{content:a,heading:l,callout:G,video:D,videos:U,quote:A,subscribeForm:Te,button:be,accordion:Ze,image:Ie,contentBanner:je,form:tt,banner:rt,card:at,articles:nt,testimonials:ot,generalCard:lt,tabbedContent:it,cardRow:st,featuredTestimonialBlock:ct,linkCardBlock:dt,featuredMediaBlock:mt,highlight:ut,subjectAreaMinilist:pt}=s.MY;switch(r._type){case a:return e.createElement(x.Z,B({},r));case l:return e.createElement(S.Z,B({},r));case G:return e.createElement(Z.UW,B({},r));case D:return e.createElement(p.Z,B({},r));case U:return e.createElement(y.Z,B({type:"secondary"},r));case A:return e.createElement(k.Z,B({},r));case Te:return e.createElement(C.Z,B({className:"subscribe"},r));case be:return e.createElement(g.Z,B({className:"button"},r));case Ze:return e.createElement("div",{className:"accordion-group"},e.createElement(o.Z,B({},r)));case Ie:return e.createElement(E.y,B({},r));case je:return e.createElement(N,B({},r));case tt:return e.createElement(u.Z,null,e.createElement($.l0,B({},r)));case rt:return e.createElement(P.Z,B({},r));case at:return e.createElement(v.Z,B({},r));case nt:return e.createElement(v.Q,B({title:"Latest articles",uri:"/insights?contentType=article"},r));case ot:return e.createElement("div",{className:"composer__testimonial-slider"},e.createElement(f.Z,B({linkText:"View testimonial"},r)));case lt:return e.createElement(v.Q,B({},r));case it:return e.createElement(c,B({},r));case st:return e.createElement(i,B({},r));case ct:return e.createElement(d.default,xe(B({},r),{type:"testimonial",className:"[ block ]"}));case dt:return e.createElement(m.default,xe(B({},r),{className:"[ block ]"}));case mt:return e.createElement(d.default,xe(B({},r),{type:"media",className:"[ block ]"}));case ut:return e.createElement(ve,B({},r));case pt:return e.createElement(Ve,B({},r));default:return null}};ze.propTypes={_type:n().string.isRequired};const Ye=ze;var Xe=Object.defineProperty,Ae=Object.getOwnPropertySymbols,Je=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable,Le=(r,a,l)=>a in r?Xe(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,qe=(r,a)=>{for(var l in a||(a={}))Je.call(a,l)&&Le(r,l,a[l]);if(Ae)for(var l of Ae(a))_e.call(a,l)&&Le(r,l,a[l]);return r};const Re=({content:r})=>!r||!Array.isArray(r)?null:e.createElement(e.Fragment,null,r.map((a,l)=>a._type?e.createElement(Ye,qe({key:l},a)):null));Re.propTypes={content:n().array};const et=Re},7863:(z,b,t)=>{t.d(b,{Z:()=>Be});var e=t(56109),O=t(78451),n=t.n(O),s=t(7334),$=t(29391),P=t(27748),x=t(49221),g=t(36129),k=t(33776),S=t(8564),p=t(85583),y=t(61945),u=t(1803),w=t(29516),h=t(40430);const I=h.default.div` ${({theme:i})=>h.css` @media ${i.mq.mobile} { padding: 2rem; } @media ${i.mq.tablet} { flex-direction: row; align-items: center; padding: 0; padding-left: 2.4rem; } min-height: 150px; display: flex; flex-direction: column; align-items: center; background-color: ${i.colors.grey2}; margin-bottom: 2.4rem; img, svg { border-radius: 50%; flex: 0 0 8.8rem; height: 8.8rem; width: 8.8rem; margin: 2.4rem 0 0.8rem 0; object-fit: cover; @media ${i.mq.tablet} { margin: 0; } } .profile-card__person-data { text-align: center; @media ${i.mq.tablet} { padding-left: 1.6rem; text-align: left; } .profile-card__person-name { font-weight: normal; font-size: 2rem; line-height: 3.2rem; color: ${i.colors.black}; margin: 0; } .profile-card__person-department { font-weight: normal; font-size: 1.6rem; line-height: 3.2rem; color: ${i.colors.black}; margin: 0; } } .profile-card__button { @media ${i.mq.tablet} { margin: 2.4rem 2.4rem 2.4rem auto; } margin: 1.6rem 0 2.4rem; button { color: ${i.colors.black}; font-weight: 500; border: 0.1rem solid ${i.colors.purple}; padding: 2rem 1.2rem; background-color: transparent; cursor: pointer; width: 12.8rem; @media ${i.mq.tablet} { margin-left: 1rem; } } } `} `;var M=t(85238),N=t(37010),f=Object.defineProperty,o=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,L=(i,d,m)=>d in i?f(i,d,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[d]=m,Q=(i,d)=>{for(var m in d||(d={}))v.call(d,m)&&L(i,m,d[m]);if(o)for(var m of o(d))Z.call(d,m)&&L(i,m,d[m]);return i};const K=i=>{const{name:d,prefix:m,suffix:pe,position:me,image:ge,className:ve}=i;return e.createElement(I,{className:ve},ge?e.createElement("img",{src:`${ge}?format=webp&width=160&height=160&quality=80`,alt:d}):e.createElement("svg",{width:160,height:160,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",xmlSpace:"preserve",viewBox:"0 0 115 115","aria-hidden":"true",focusable:"false"},e.createElement("defs",null,e.createElement("path",{id:"a",d:"M57.5 115C25.7 115 0 89.3 0 57.5S25.7 0 57.5 0 115 25.7 115 57.5 89.3 115 57.5 115z"})),e.createElement("use",{xlinkhref:"#a",fill:"#cfd8dc",overflow:"visible"}),e.createElement("clipPath",{id:"b"},e.createElement("use",{xlinkhref:"#a",overflow:"visible"})),e.createElement("path",{fill:"#b0bec5",d:"M-5 132.6S4.7 95.7 5.7 91.2s1.8-11.6 4-12c2.2-.4 19.8-4.4 22.7-5.3 2.9-1 4.7-1.1 8.1-6.7 2.3 0 5.4-2.7 5.4-2.7v-4s-2.1-4-2.8-6.7c-.7-2.7-1.6-2.8-2.7-5.3-1.2-2.6-4.5-4.7-4-10.7S37 14.1 48.5 11s12.9-3.7 21.4 0c0 0 7.8 3.4 9.4 10.7s0 13.4 0 13.4 2.2 1.5 1.3 5.3c-.9 3.9-5.3 8-5.3 8s.7 4-1.3 6.7c0 0-2.1 4.2-1.3 6.7s2.7 4 2.7 4l2.7 1.3s2 4.2 2.7 5.3c0 0 21.7 7.6 24.1 8s2.7 8 2.7 8 4.2 5 5.3 17.4 4 21.4 4 21.4l1.3 4L-5 132.6z",clipPath:"url(#b)"})),e.createElement("div",{className:"profile-card__person-data"},e.createElement("p",{className:"profile-card__person-name"},m?`${m} `:null,d,pe?` ${pe}`:null),me?e.createElement("p",{className:"profile-card__person-department"},me):null),e.createElement(M.u,{id:(0,w.Z)(),className:"profile-card__button",title:"View profile"},e.createElement(N.Z,Q({},i))))};K.propTypes={name:n().string,prefix:n().string,suffix:n().string,position:n().string,link:n().string,image:n().string,className:n().string};const R=K;var Y=Object.defineProperty,F=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable,te=(i,d,m)=>d in i?Y(i,d,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[d]=m,fe=(i,d)=>{for(var m in d||(d={}))j.call(d,m)&&te(i,m,d[m]);if(F)for(var m of F(d))ee.call(d,m)&&te(i,m,d[m]);return i};const re=({faculty:i})=>i.map((d,m)=>e.createElement(R,fe({key:m},d)));re.propTypes={faculty:n().array};const ae=re;var ne=t(71269),oe=t(46159),ue=t(98665),le=t(75720),ie=Object.defineProperty,X=Object.getOwnPropertySymbols,se=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,_=(i,d,m)=>d in i?ie(i,d,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[d]=m,c=(i,d)=>{for(var m in d||(d={}))se.call(d,m)&&_(i,m,d[m]);if(X)for(var m of X(d))J.call(d,m)&&_(i,m,d[m]);return i};const E=i=>{const{content:d,callout:m,videos:pe,subscribeForm:me,button:ge,accordion:ve,image:we,form:Oe,banner:Pe,card:Ne,articles:$e,relatedArticle:Se,testimonials:he,generalCard:Ce,faculty:ke,heading:Ee}=s.MY;switch(i._type){case d:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course cms-content"},e.createElement(x.Z,c({},i))));case m:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(y.UW,c({},i))));case pe:return e.createElement("section",{className:"programme"},e.createElement(ne.Z,c({overlay:!0},i)));case me:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(le.Z,c({className:"subscribe"},i))));case ge:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(g.Z,c({className:"button"},i))));case ve:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement("div",{className:"accordion-group"},e.createElement(p.Z,c({},i)))));case we:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(ue.y,c({},i))));case Oe:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(k.Z,null,e.createElement($.l0,c({},i)))));case Ee:return e.createElement("div",{className:"wrapper"},e.createElement(oe.Z,c({},i)));case Pe:return e.createElement(P.Z,c({},i));case Ne:return e.createElement(u.Z,c({},i));case $e:return e.createElement(u.Q,c({title:"Latest Articles",uri:"/insights?contentType=article"},i));case Se:return e.createElement("section",{className:"programme"},e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(u.Z,c({size:"wide",tag:"Featured Article",featured:"true"},i)))));case he:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course testimonial"},e.createElement(S.Z,c({},i))));case Ce:return e.createElement(u.Q,c({},i));case ke:return e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"container container--course"},e.createElement(ae,c({},i))));default:return null}};E.propTypes={_type:n().string.isRequired};const C=E;var H=Object.defineProperty,V=Object.getOwnPropertySymbols,W=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,ce=(i,d,m)=>d in i?H(i,d,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[d]=m,de=(i,d)=>{for(var m in d||(d={}))W.call(d,m)&&ce(i,m,d[m]);if(V)for(var m of V(d))q.call(d,m)&&ce(i,m,d[m]);return i};const ye=({content:i})=>!i||!Array.isArray(i)?null:e.createElement(e.Fragment,null,i.map((d,m)=>d._type?e.createElement(C,de({key:m},d)):null));ye.propTypes={content:n().array};const Be=ye},49221:(z,b,t)=>{t.d(b,{Z:()=>$});var e=t(56109),O=t(78451),n=t.n(O);const s=({content:P})=>e.createElement("div",{dangerouslySetInnerHTML:{__html:P}});s.propTypes={content:n().string};const $=s},98665:(z,b,t)=>{t.d(b,{y:()=>k});var e=t(56109),O=t(58012),n=t(43921),s=t(40430),$=t(26938);const P=s.css` display: flex; justify-content: center; align-items: center; position: relative; `,g=s.default.div` ${({theme:S})=>s.css` width: 100%; margin-bottom: 4rem; &.is-open { height: 100%; margin-bottom: 0; } button { display: block; border: 0; padding: 0; background: none; cursor: pointer; } img { display: block; width: 100%; height: 100%; object-fit: contain; } .image-modal__content { position: relative; width: 100%; margin: auto; overflow: hidden; .image-modal__icon { position: absolute; top: 0.6rem; right: 1.6rem; opacity: 0; transition: all 0.3s ease-in-out 0s; svg { stroke: #fff; } } .image-modal__content-overlay { background: rgba(0, 0, 0, 0.2); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all 0.4s ease-in-out 0s; } :hover .image-modal__content-overlay { opacity: 1; cursor: pointer; } :hover .image-modal__icon { top: 1.6rem; right: 1.6rem; opacity: 1; } span.i { ${P} top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; background: ${S.colors.purple}; min-width: 8rem; min-height: 8rem; border-radius: 100rem; padding: 0; margin: 0; transition: ${$.Z.cubicOut}; svg { path { fill: transparent; stroke: white; } } } } figcaption { font-size: 1.4rem; line-height: 2.4rem; padding-top: 1.6rem; } `} `,k=({className:S,image:p,altText:y})=>{const[u,w]=(0,e.useState)(!1),h=()=>{w(!0),(0,n.Qp)(document.querySelector("#root"))},T=()=>{w(!1),(0,n.tG)(document.querySelector("#root"))},I=e.createElement(e.Fragment,null,e.createElement("button",{onClick:h},e.createElement("div",{className:"image-modal__content"},e.createElement("img",{src:p,alt:y}))));return e.createElement(e.Fragment,null,u&&e.createElement(O.Z,{handleCloseModal:T,isOpen:u},e.createElement(g,{className:`${S} is-open`},e.createElement("img",{src:p,alt:y}))),e.createElement(g,{className:`imageModal ${S}`,tn:p},I))}},36129:(z,b,t)=>{t.d(b,{Z:()=>e.Z});var e=t(86935)},33776:(z,b,t)=>{t.d(b,{Z:()=>P});var e=t(56109),O=t(78451),n=t.n(O);const s=()=>e.createElement("span",null);class $ extends e.Component{constructor(...g){super(...g),this.state={canRender:!1}}componentDidMount(){this.setState({canRender:!0})}render(){const{children:g,onSSR:k=e.createElement(s,null)}=this.props,{canRender:S}=this.state;return S?g:k}}$.propTypes={children:n().element,onSSR:n().element};const P=$},44029:(z,b,t)=>{t.d(b,{Z:()=>p});var e=t(56109),O=t(78451),n=t.n(O),s=t(46159),$=t(40430);const x=$.default.div` ${({theme:y})=>$.css` padding: 8rem 1.6rem 4rem 1.6rem; background-color: ${y.colors.grey2}; color: ${y.colors.grey7}; & > .testimonial__hero { max-width: 58.8rem; margin: auto; @media ${y.mq.laptop} { max-width: 99.6rem; } & > .flex { @media ${y.mq.laptop} { display: flex; align-items: center; max-width: 99.6rem; } } } & h1, h2 { @media ${y.mq.laptop} { margin-left: 2.4rem; } } .hero__profile-picture { display: block; max-height: 12rem; max-width: 12rem; border-radius: 100%; object-fit: cover; margin-bottom: 2.4rem; @media ${y.mq.laptop} { margin-bottom: 0; } } `} `;var g=t(66681),k=t(6043);const S=({image:y,alt:u,title:w,role:h,entryDescription:T})=>{const I=(0,g.v9)(k.G7)||{};return y||(y=I.src),u||(u=I.alt),e.createElement(x,null,e.createElement("div",{className:"testimonial__hero"},e.createElement("div",{className:"flex"},y&&e.createElement("img",{src:y,alt:u,width:"120",height:"120",className:"hero__profile-picture"}),e.createElement("div",null,w&&e.createElement(s.Z,{level:"1",size:"2",text:w}),h&&e.createElement(s.Z,{level:"2",size:"4",text:h}))),T&&e.createElement("p",null,T)))};S.propTypes={image:n().string,title:n().string,alt:n().string,role:n().string,entryDescription:n().string};const p=S},8564:(z,b,t)=>{t.d(b,{Z:()=>_});var e=t(56109),O=t(43172),n=t(78451),s=t.n(n),$=t(29516),P=t(85238),x=t(6229),g=t(40430);const S=g.default.blockquote` ${({theme:c})=>g.css` width: 100%; padding: 0 0 0 1.6rem; border-left: 0.6rem solid ${c.colors.grey7}; color: ${c.colors.grey7}; .blockquote__quote { margin: 0; font-size: 2rem; font-weight: 500; line-height: 3.2rem; } .blockquote__footer { margin-top: 1.6rem; } .blockquote__author { font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; } `} `,p=({className:c,quote:E,author:C,role:H})=>e.createElement(S,{className:c},e.createElement("p",{className:"blockquote__quote"},'"',E,'"'),e.createElement("footer",{className:"blockquote__footer"},H?e.createElement("p",{className:"blockquote__author"},C,", ",H):e.createElement("p",{className:"blockquote__author"},C)));p.propTypes={className:s().string,quote:s().string,author:s().string,role:s().string};const y=p;var u=t(44029);const h=g.default.div` .testimonial__page-main-content { background-color: #fff; padding: 8rem 4rem 4rem 4rem; .testimonial__composer-wrapper { max-width: 89.8rem; margin: 0 auto; .wrapper { padding: 0; } } h2 { margin: 2rem 0; font-size: 4rem; } .container--course { max-width: 100%; padding-bottom: 4rem; } .blockquote__quote { margin-bottom: 5rem; } } `;var T=t(7863);const I=c=>{const{author:E,image:C,quote:H,body:V,role:W,standfirst:q}=c;return e.createElement(h,null,e.createElement(u.Z,{title:E,image:C,role:W,entryDescription:q}),e.createElement("div",{className:"testimonial__page-main-content"},e.createElement("div",{className:"wrapper"},e.createElement("div",{className:"testimonial__composer-wrapper"},H&&e.createElement(y,{quote:H}),e.createElement(T.Z,{content:V})))))};I.propTypes={author:s().string,image:s().string,body:s().array,quote:s().string,role:s().string,standfirst:s().string};const M=I;var N=t(66681),f=t(6043);const v=g.default.div` ${({theme:c})=>g.css` display: flex; flex-direction: column; align-items: flex-start; justify-content: center; z-index: 2; @media ${c.mq.laptop} { flex-direction: row; } .testimonial__hero { background-color: ${c.colors.grey2}; } .testimonial__image { display: block; max-width: 28.2rem; width: 100%; height: auto; } .testimonial__content { margin-top: 2.4rem; margin-bottom: 0; margin-left: 0; @media ${c.mq.laptop} { margin-top: 0; margin-left: 2.4rem; } } .testimonial__quote { margin-top: 0; margin-left: 0; margin-bottom: 0; padding-right: 4.8rem; } .testimonial__modal__link { button { position: relative; z-index: 2; display: block; width: 100%; max-width: 28.2rem; padding: 1.6rem; border: 0; border-radius: 5rem; font-size: 1.6rem; line-height: 2.4rem; text-align: center; font-weight: 500; cursor: pointer; color: ${c.colors.white}; background-color: ${c.colors.summerSchool.brand.pink}; } } `} `;var Z=Object.defineProperty,L=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable,R=(c,E,C)=>E in c?Z(c,E,{enumerable:!0,configurable:!0,writable:!0,value:C}):c[E]=C,Y=(c,E)=>{for(var C in E||(E={}))Q.call(E,C)&&R(c,C,E[C]);if(L)for(var C of L(E))K.call(E,C)&&R(c,C,E[C]);return c};const F=c=>{let{quote:E,author:C,role:H,image:V,className:W,useModal:q,dontShowButton:ce}=c;const de=(0,N.v9)(f.G7)||{};return V||(V=de.src),e.createElement(v,{className:W},V&&e.createElement("img",{src:V,alt:C,className:"testimonial__image"}),e.createElement("div",{className:"testimonial__content"},e.createElement(x.Z,{className:"testimonial__quote",quote:E,author:C,role:H}),q&&!ce&&e.createElement(P.u,{id:(0,$.Z)(),className:"testimonial__modal__link",title:"View profile"},e.createElement(M,Y({},c)))))};F.propTypes={quote:s().string,author:s().string,role:s().string,image:s().string,link:s().string,linkText:s().string,className:s().string,useModal:s().bool,dontShowButton:s().bool},F.defaultProps={linkText:"View profile"};const j=F,te=g.default.div` ${({theme:c})=>g.css` position: relative; .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { top: 0; left: 0; } .slick-track:after, .slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-slide { display: none; float: left; height: 100%; min-height: 0.1rem; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 0.1rem solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slide.slick-active { position: relative; z-index: 5; } .slick-slide.slick-active .testimonial__content, .slick-slide.slick-active .testimonial__content .button { width: 100%; position: relative; z-index: 5; background-color: white; } .testimonial-slider__nav { display: flex; margin: 1.6rem 0 0 0; padding: 0; text-align: center; list-style: none; & > li { display: inline-block; } & > li:not(:last-of-type) { margin-right: 1.6rem; } } li > button.testimonial-slider__dot { display: block; height: 1.2rem; width: 1.2rem; padding: 0; border: none; border-radius: 100%; background-color: ${c.colors.grey3}; } li.slick-active > button.testimonial-slider__dot { background-color: ${c.colors.red}; } .testimonial-slider__arrow { position: absolute; bottom: -1.2rem; width: 4rem; height: 4rem; color: ${c.colors.red}; background-color: transparent; font-weight: bold; border: 0.1rem solid ${c.colors.grey3}; border-radius: 100%; &:hover, &:focus { background-color: ${c.colors.grey3}; } &--next { right: 0.8rem; } &--previous { left: 0.8rem; } } `} `;var fe=t(92451),re=Object.defineProperty,ae=Object.defineProperties,ne=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertySymbols,ue=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable,ie=(c,E,C)=>E in c?re(c,E,{enumerable:!0,configurable:!0,writable:!0,value:C}):c[E]=C,X=(c,E)=>{for(var C in E||(E={}))ue.call(E,C)&&ie(c,C,E[C]);if(oe)for(var C of oe(E))le.call(E,C)&&ie(c,C,E[C]);return c},se=(c,E)=>ae(c,ne(E));const J=({testimonials:c})=>{const E=(0,e.useRef)(),H={dots:!0,arrows:!1,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,fade:!0,dotsClass:"testimonial-slider__nav",customPaging:()=>e.createElement("button",{className:"testimonial-slider__dot"},e.createElement("span",{className:"sr-only"},"Next Slide")),adaptiveHeight:!0},V=e.createElement(e.Fragment,null,e.createElement("button",{className:"testimonial-slider__arrow testimonial-slider__arrow--previous",onClick:()=>E.current.slickPrev()},"\u2039",e.createElement("span",{className:"sr-only"},"Previous")),e.createElement("button",{className:"testimonial-slider__arrow testimonial-slider__arrow--next",onClick:()=>E.current.slickNext()},"\u203A",e.createElement("span",{className:"sr-only"},"Next")));return e.createElement(te,{className:"testimonial-slider"},e.createElement(O.Z,X({ref:W=>E.current=W},H),c&&c.map(W=>e.createElement(j,se(X({key:(0,fe.Z)()},W),{useModal:!0})))),c&&c.length>1&&V)};J.propTypes={testimonials:s().array,slides:s().array};const _=J},71269:(z,b,t)=>{t.d(b,{Z:()=>f});var e=t(56109),O=t(78451),n=t.n(O),s=t(29516),$=t(56539),P=t(35594),x=t(46159),g=t(61945),k=t(40430);const p=k.default.div` ${({theme:o})=>k.css` background: ${o.colors.black}; color: ${o.colors.white}; min-width: ${o.grid.width.fullWidth}; overflow-x: hidden; .video-gallery__video-container { display: flex; justify-content: space-between; padding-top: ${o.spacing.small}; padding-bottom: ${o.spacing.small}; .video-gallery__video-container__heading { flex-basis: 40%; .video-gallery__video-container__heading-content { height: 100%; display: flex; flex-direction: column; justify-content: center; a.video-gallery-button, button.video-gallery-button { margin: 2.4rem 0; border-color: ${o.colors.white}; color: ${o.colors.white}; } } h3 { font-size: 2.8rem; font-weight: 500; line-height: 4rem; margin-bottom: 1.6rem; } p { font-weight: normal; font-size: 1.6rem; line-height: 3.2rem; } } .video-gallery__video-container__video { flex-basis: 100%; @media only screen and (min-width: 1200px) { flex-basis: 50%; } } } .video-gallery__video-scroller { background: ${o.colors.grey7}; position: relative; padding: 2.4rem 0; .video-gallery__video-scroller__wrapper { position: relative; overflow-x: hidden; &::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 4rem; background: rgb(57, 61, 62); background: linear-gradient( 90deg, rgba(57, 61, 62, 0) 0%, rgba(57, 61, 62, 1) 100% ); @media ${o.mq.tablet} { width: 8rem; } } .video-gallery__video-scroller__container { display: flex; flex-wrap: nowrap; overflow-x: auto; .video-gallery__video-scroller__video { width: ${o.grid.width.fullWidth}; background-size: cover; background-position: center; flex: 0 0 auto; flex-basis: 23.6rem; &:not(:first-child) { margin-left: ${o.grid.padding.default}; } @media ${o.mq.laptop} { flex-basis: 28.2rem; &:not(:first-child) { margin-left: 2.4rem; } } &--selected { opacity: 0.2; } & > button { height: 19.2rem; } p { font-size: 1.6rem; line-height: 2.4rem; } img { width: 100%; } } } } .video-splash-screen { height: 19.2rem; .i { background: ${o.colors.purple}; } } .video-gallery__video-scroller__filler { @media ${o.mq.laptop} { flex: 0 0 auto; flex-basis: 30%; } } } &.overlay .video-gallery__video-scroller::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient( 270deg, #393d3e 23.02%, rgba(57, 61, 62, 0) 72.19% ); pointer-events: none; display: none; @media ${o.mq.desktop} { display: initial; } } `} `;var y=t(29170),u=Object.defineProperty,w=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,I=(o,v,Z)=>v in o?u(o,v,{enumerable:!0,configurable:!0,writable:!0,value:Z}):o[v]=Z,M=(o,v)=>{for(var Z in v||(v={}))h.call(v,Z)&&I(o,Z,v[Z]);if(w)for(var Z of w(v))T.call(v,Z)&&I(o,Z,v[Z]);return o};const N=({videos:o,type:v,title:Z,overlay:L})=>{const Q=(0,$.Z)(),K=["laptop","desktop","largeDesktop"],[R,Y]=(0,e.useState)(o?o[0]:null),F=j=>{Y(M({},j))};return(0,e.useEffect)(()=>{Y(o[0])},[o]),o?o&&o.length>0&&e.createElement(p,{playerType:v,className:L&&"overlay"},(K.includes(Q)||o.length===1)&&e.createElement("div",{className:"video-gallery__video-container wrapper"},v==="secondary"?e.createElement("div",{className:"video-gallery__video-container__heading"},Z&&e.createElement(x.Z,{level:"2",size:"3",text:Z,marker:!0}),e.createElement("div",{className:"video-gallery__video-container__heading-content"},R&&e.createElement(e.Fragment,null,e.createElement("h3",null,R.title),e.createElement("p",null,R.description)))):null,R&&e.createElement("div",{className:"video-gallery__video-container__video"},e.createElement(g.nk,{type:R.type||"YouTube",source:R.source,description:v==="secondary"?null:R.description,thumbnail:R.thumbnail,showThumbnail:v==="secondary"}))),o.length<=1?null:K.includes(Q)?e.createElement("div",{className:"video-gallery__video-scroller"},e.createElement("div",{className:"video-gallery__video-scroller__wrapper wrapper"},e.createElement(P.Z,{className:"video-gallery__video-scroller__container"},o.map(j=>j.title===R.title?e.createElement(g.nk,{key:(0,s.Z)(),onClick:()=>F(M({},j)),className:"video-gallery__video-scroller__video video-gallery__video-scroller__video--selected",type:j.type||"YouTube",source:j.source,title:j.title,thumbnail:j.thumbnail,disabled:!0}):e.createElement(g.nk,{key:(0,s.Z)(),onClick:()=>F(M({},j)),className:"video-gallery__video-scroller__video",type:j.type||"YouTube",source:j.source,title:j.title,thumbnail:j.thumbnail,disabled:!0})),L&&e.createElement("div",{className:"video-gallery__video-scroller__filler"})))):e.createElement("div",{className:"video-gallery__video-scroller"},e.createElement("div",{className:"video-gallery__video-scroller__wrapper wrapper"},e.createElement(P.Z,{className:"video-gallery__video-scroller__container"},o.map(j=>e.createElement(y.K,{key:(0,s.Z)(),title:j.title,id:"title",source:j.source,image:j.thumbnail,className:"video-gallery__video-scroller__video"})))))):null};N.propTypes={videos:n().arrayOf(n().object),type:n().oneOf(["primary","secondary"]),title:n().string,link:n().string,overlay:n().bool},N.defaultProps={title:"Video highlights"};const f=N},29170:(z,b,t)=>{t.d(b,{K:()=>y});var e=t(56109),O=t(78451),n=t.n(O),s=t(58012),$=t(40430),P=t(26938);const x=$.css` display: flex; justify-content: center; align-items: center; position: relative; `,k=$.default.div` ${({theme:u,thumbnail:w})=>$.css` width: 100%; button { display: block; border: 0; padding: 0; background-image: url(/static-summer-school/modern/js/${`${w}?format=webp&width=500&height=400&fit=crop&quality=80&fit=fill`}); background-position: center center; background-size: cover; background-repeat: no-repeat; min-width: 100%; cursor: pointer; } img { width: 100%; vertical-align: middle; } .video-modal__content { position: relative; width: 100%; margin: auto; overflow: hidden; height: 20rem; .image-modal__icon { position: absolute; top: 0.6rem; right: 1.6rem; opacity: 0; transition: all 0.3s ease-in-out 0s; svg { stroke: #fff; } } .image-modal__content-overlay { background: rgba(0, 0, 0, 0.2); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all 0.4s ease-in-out 0s; } :hover .image-modal__content-overlay { opacity: 1; cursor: pointer; } :hover .image-modal__icon { top: 1.6rem; right: 1.6rem; opacity: 1; } span.i { ${x} top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; background: ${u.colors.purple}; min-width: 8rem; min-height: 8rem; border-radius: 100rem; padding: 0; margin: 0; transition: ${P.Z.cubicOut}; svg { path { fill: transparent; stroke: white; } } } } figcaption { font-size: 1.4rem; line-height: 2.4rem; padding-top: 1.6rem; } `} `;var S=t(61945),p=t(43921);const y=({className:u,source:w,image:h})=>{const[T,I]=(0,e.useState)(!1),M=()=>{I(!0),(0,p.Qp)(document.querySelector("#root"))},N=()=>{I(!1),(0,p.tG)(document.querySelector("#root"))},f=e.createElement(e.Fragment,null,e.createElement("button",{onClick:M},e.createElement("div",{className:"video-modal__content"},e.createElement(S.JO,{type:"play_outlined"}))));return e.createElement(e.Fragment,null,T&&e.createElement(s.Z,{handleCloseModal:N,isOpen:T},e.createElement(k,{className:u},e.createElement(S.nk,{className:"modal-video-player",type:"YouTube",source:w}))),e.createElement(k,{className:u,thumbnail:h},f))};y.defaultProps={thumbnail:"/lse-information/assets/images/banners/ÐÓ°ÉÂÛ̳-logo-and-signage-on-building.jpg"},y.propTypes={id:n().string,title:n().string,thumbnail:n().string,source:n().string,className:n().string}},75720:(z,b,t)=>{t.d(b,{Z:()=>s});var e=t(56109),O=t(61945);const s=({title:$,text:P,className:x,campaignURL:g="https://lsess.activehosted.com/f/1?RQ=RFI-General&email="})=>e.createElement(O.g,{title:$,text:P,className:x,campaignURL:g})},92451:(z,b,t)=>{t.d(b,{Z:()=>e});function e(){return"_"+Math.random().toString(36).substr(2,9)+"_"}}}]);