"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[714],{9571:(ge,Q,s)=>{s.d(Q,{A:()=>b});var e=s(48322),X=s(72187),U=s.n(X),Y=s(32394),V=s(10015),G=s(34500),M=s(10394),o=s(66247);const se=G.I4.div` ${({theme:k})=>{const F=k.color.background,R=k.color.backgroundHover;return(0,G.AH)` border-bottom: 1px solid ${k.border.border01}; .filter__toggle { ${k.typeStyles.display[1]}; color: ${k.color.text}; padding: ${(0,M.g)(16)} 0; background: ${F}; border: none; width: 100%; display: block; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: background 0.2s ease-in-out; &:hover { background: ${R}; } @media ${(0,o.mq)(k.breakpoint.l)} { padding: ${(0,M.g)(24)} ${(0,M.g)(16)}; } } .filter__group { display: none; padding: ${(0,M.g)(16)}; .filter-list { ${k.patterns.scroll({trackColor:"dark",scrollColor:"primary",orientation:"vertical",trackSize:"md",theme:k})}; } &--open { display: block; } } &:not(.filter--time-period) { .filter-list { max-height: 300px; } } .filter-list { list-style: none; margin: 0; gap: ${(0,M.g)(16)}; display: grid; } .filter { ${k.patterns.checkbox({theme:k})}; background: none; padding: 0; } `}}; `;var W=s(62461),ae=s(23269);const b=({children:k,id:F,items:R,surface:J="White",title:i,updateSelectedFilters:N})=>{const[T,m]=(0,e.useState)(!1),P=i?.replace(/\s/g,"-").toLowerCase(),I=!k&&!["a-z","publicationDate","date","contractCost"].includes(F);return!I||R?.some(f=>f.aggregate&&f.aggregate>0)?e.createElement(V.A,{surface:J},e.createElement(se,{className:`filter filter--${P}`,surface:J},e.createElement("button",{onClick:()=>m(f=>!f),className:`filter__toggle ${T?"filter__toggle--open":"filter__toggle--closed"}`},e.createElement("span",{className:"label"},i),e.createElement(Y.A,{icon:T?"Minus":"Plus"})),e.createElement("div",{className:U()("filter__group",{"filter__group--open":T})},R&&R.length>0&&e.createElement("ul",{className:"filter-list"},(["department","studyType","subject"].includes(F)?(0,ae.j)([...R||[]],"title","asc"):R)?.map(f=>I&&!f.aggregate?null:e.createElement("li",{key:f.key,className:"filter"},e.createElement("input",{type:"checkbox",className:"filter__checkbox",value:f.key,id:"option-"+(0,W.h)(f.key),checked:f.isSelected,onChange:()=>N(F,f.key)}),e.createElement("label",{className:"filter__label",htmlFor:"option-"+(0,W.h)(f.key)},f.title," ")))),k))):null}},72543:(ge,Q,s)=>{s.d(Q,{A:()=>J});var e=s(48322),X=s(72187),U=s.n(X),Y=s(68253),V=s(32394),G=s(28130),M=s(34500),o=s(10394),a=s(66247);const W=M.I4.div` ${({theme:i})=>(0,M.AH)` .pager__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: ${(0,o.g)(8)}; justify-content: center; .canvas & { margin-top: ${(0,o.g)(40)}; @media ${(0,a.mq)(i.breakpoint.m)} { margin-top: ${(0,o.g)(64)}; } } } .pager__item { display: flex; gap: ${(0,o.g)(8)}; padding: 0; margin: 0; &::before { display: none; } &.prev, &.next { &.disabled { display: none; } } } .ellipsis { transform: translateY(0.1rem); @media ${(0,a.mq)(i.breakpoint.s)} { transform: translateY(0.25rem); } @media ${(0,a.mq)(i.breakpoint.m)} { transform: translateY(0.5rem); } } button { height: ${(0,o.g)(32)}; min-width: ${(0,o.g)(32)}; border-width: 1px; font-weight: 400; display: flex; justify-content: center; align-items: center; line-height: 1; padding-inline: ${(0,o.g)(8)}; @media ${(0,a.mq)(i.breakpoint.s)} { height: ${(0,o.g)(40)}; min-width: ${(0,o.g)(40)}; } @media ${(0,a.mq)(i.breakpoint.m)} { padding-inline: ${(0,o.g)(16)}; height: ${(0,o.g)(58)}; min-width: ${(0,o.g)(58)}; &.next { .svg { margin-left: ${(0,o.g)(8)}; margin-right: 0; } } } &.prev, &.next { @media ${(0,a.mq)({max:i.breakpoint.m})} { .svg { margin: 0; } .pager__button-label { ${i.patterns.visuallyHide}; } } [dir='rtl'] & { .svg { transform: scaleX(-1); } } } &.active { background: ${i.buttons.button02.background.default}; color: ${i.buttons.button02.text} !important; border-color: ${i.buttons.button02.border}; &:hover { background: ${i.buttons.button02.background.default}; color: ${i.buttons.button02.text} !important; border-color: ${i.buttons.button02.border}; } } } @media print { display: none; } `}; `,ae=({pageIndex:i})=>({ariaLabel:`Go to previous page (page ${i})`,className:"prev",disabled:!(i>0),id:"prev",index:i-1,label:"Previous"}),ie=({pageCount:i,pageIndex:N})=>({ariaLabel:`Go to next page (page ${N+2})`,className:"next",disabled:!(N({ariaLabel:"Go to first page (page 1)",className:"first",id:"first",index:0,label:"1"}),b=({pageCount:i})=>({ariaLabel:`Go to last page (page ${i})`,className:"last",id:"last",index:i-1,label:i?.toString()}),k=({pageCount:i,pageIndex:N,pagesToShow:T=3})=>{const[m,P]=(0,e.useState)(null),[I,w]=(0,e.useState)(null),[f,C]=(0,e.useState)(null),[le,q]=(0,e.useState)(null),[j,Z]=(0,e.useState)([]);return(0,e.useEffect)(()=>{if(!i)return;let x=Math.ceil(N-T/2);x<0&&(x=0);let O=x+T-1;O>i-1&&(O=i-1,x=i-T,x<0&&(x=0)),C(x>0?ne():null),q(O!==i-1?b({pageCount:i}):null),w(ie({pageCount:i,pageIndex:N})),P(ae({pageIndex:N})),Z(Array.from(Array(O-x+1)).map((re,ee)=>{const B=ee+x,oe=B===N;return{ariaLabel:`Go to page ${B+1}`,className:"page",disabled:oe,id:B,index:B,isActive:oe,label:`${B+1}`}}))},[N,T,i]),{prev:m,next:I,first:f,last:le,pages:j}},J=({pageCount:i,pageIndex:N,updatePageIndex:T})=>{const{pages:m,prev:P,first:I,last:w,next:f}=k({pageCount:i,pageIndex:N});return m.length<2?null:e.createElement(W,{className:"pager"},e.createElement(G.A,null,e.createElement("ul",{className:"pager__list"},[P,I,...m,w,f].map(C=>{if(!C)return null;const{ariaLabel:le,className:q,disabled:j,isActive:Z,id:x,index:O,label:re}=C;return e.createElement("li",{className:U()(q,{active:Z,disabled:j},"pager__item"),key:x},x==="last"&&e.createElement("span",{"aria-hidden":!0,className:"ellipsis"},"..."),e.createElement(Y.A,{buttonType:Z||j?"button01":"button02","aria-current":Z,"aria-label":le,disabled:j,onClick:ee=>{ee.preventDefault(),T(O,"navigation-anchor")},className:U()(q,{active:Z},"pager__button")},x==="prev"&&e.createElement(V.A,{icon:"ChevronLeft"}),e.createElement("span",{className:"pager__button-label"},re),x==="next"&&e.createElement(V.A,{icon:"ChevronRight"})),x==="first"&&e.createElement("span",{"aria-hidden":!0,className:"ellipsis"},"..."))}))))}},84714:(ge,Q,s)=>{s.d(Q,{A:()=>Le});var e=s(48322),X=s(2367),U=s(24231),Y=s(28130),V=s(72187),G=s.n(V),M=s(68253),o=s(34500),a=s(10394);const W=o.I4.nav` ${()=>(0,o.AH)` .facets__nav { width: 100%; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; gap: ${(0,a.g)(8)}; } `}; `,ne=({facets:t,updateCurrentFacet:c,clearFilters:g})=>{const u="/search/";return e.createElement(W,{className:"facets"},e.createElement("ul",{className:"facets__nav"},t.map(n=>e.createElement("li",{className:"facets__item",key:n.key},e.createElement(M.A,{buttonType:n.isSelected?"button01":"button02",className:G()("facets__link",{"facets__link--active":n.isSelected}),uri:`${u}${n.key}`,onClick:L=>{L.preventDefault(),g(),setTimeout(()=>{c(n.key)},100)}},t[n.key]||n.title)))))};var b=s(66247);const F=o.I4.fieldset` ${({theme:t})=>(0,o.AH)` border: 0; legend { ${t.typeStyles.display[1]}; + * { margin-top: ${(0,a.g)(16)}; } } .filter-list { list-style: none; display: grid; gap: ${(0,a.g)(8)}; grid-template-columns: repeat(auto-fit, minmax(${(0,a.g)(40)}, 1fr)); } .filter { min-width: ${(0,a.g)(40)}; height: ${(0,a.g)(40)}; position: relative; border-radius: 0; @media ${(0,b.mq)(t.breakpoint.m)} { flex: 1; } } .filter__checkbox { position: absolute; inset: 0; cursor: pointer; opacity: 0; } .filter__label { ${t.typeStyles.button}; position: absolute; inset: 0; display: grid; place-items: center; background: ${t.color.background}; border: 1px solid ${t.border.border04}; pointer-events: none; &:hover { background: ${t.color.backgroundHover}; } } .filter__checkbox:hover + .filter__label, .filter__checkbox:focus + .filter__label { background: ${t.color.backgroundHover}; } .filter__checkbox:focus + .filter__label { border: 1px solid ${t.uiColors.red}; } .filter__checkbox:checked + .filter__label { background: ${t.uiColors.greyPale}; } `}; `,i=({id:t,items:c,title:g,updateSelectedFilters:u})=>e.createElement(F,{className:"filter-az"},e.createElement("legend",{className:"label"},g),e.createElement("ul",{className:"filter-list"},c?.map(n=>e.createElement("li",{key:n.key,className:"filter"},e.createElement("input",{type:"checkbox",className:"filter__checkbox",value:n.key,id:n.key,checked:n.isSelected,onChange:()=>u(t,n.key)}),e.createElement("label",{className:"filter__label",htmlFor:n.key},n.title))))),T=o.I4.fieldset` ${({theme:t})=>(0,o.AH)` margin-top: ${(0,a.g)(16)}; border: 1px solid ${t.border.border04}; background: ${t.color.background}; padding: ${(0,a.g)(16)}; display: flex; flex-direction: column; gap: ${(0,a.g)(16)}; .date-range__field { display: flex; flex-wrap: wrap; gap: ${(0,a.g)(8)}; align-items: center; label { ${t.typeStyles.body[1]}; min-width: 40px; } input[type='date'] { min-width: 200px; flex-grow: 1; ${t.patterns.formField({theme:t})}; width: auto; } } .date-range__clear { justify-content: center; } .legend { ${t.patterns.visuallyHide} } `}; `;var m=s(36540);const P=t=>t.split("T")[0],f=({from:t,id:c,max:g,min:u,setDateRange:n,title:L,to:v})=>{const[y,d]=(0,e.useState)(""),[p,l]=(0,e.useState)(""),[D,$]=(0,e.useState)(void 0);(0,e.useEffect)(()=>{if(t){const S=P(t);d(S),$(S)}v&&l(P(v)),!t&&!v&&(d(""),l(""),$(void 0))},[t,v]);const r=S=>{const h=S.target.value;d(h),$(h),p&&p{const h=S.target.value;l(h),y&&h?n({from:`${y}T00:00:00`,to:`${h}T23:59:59`}):n()},_=()=>{d(""),l(""),$(void 0),n()};return e.createElement(T,null,e.createElement("legend",{className:"legend"},L),e.createElement("div",{className:"date-range__field"},e.createElement("label",{htmlFor:`${c}-from`},m.z.listings.filters.from),e.createElement("input",{type:"date",id:`${c}-from`,min:u,max:g,value:y,onChange:r})),e.createElement("div",{className:"date-range__field"},e.createElement("label",{htmlFor:`${c}-to`},m.z.listings.filters.to),e.createElement("input",{type:"date",id:`${c}-to`,min:D||u,max:g,value:p,onChange:E})),e.createElement(M.A,{disabled:!y&&!p,onClick:_,className:"date-range__clear",buttonType:"button01"},m.z.listings.clear))};var C=s(9571);const j=({from:t,surface:c="White",to:g,title:u,updateSelectedFilters:n})=>{const L=r=>{const E=`${t}--${g}`;D(_=>_.map(S=>S.path===E?{...S,isSelected:!0}:{...S,isSelected:!1})),r?.from!==t.items?.find(_=>_.isSelected)?.key&&n(t.key,r?.from||"",!0),r?.to!==g.items?.find(_=>_.isSelected)?.key&&n(g.key,r?.to||"",!0)},v=t?.items?.[0]?.key,y=t?.items?.[0]?.key,d=v&&y?`${v}--${y}`:"",p=(0,e.useRef)(!1),[l,D]=(0,e.useState)([]),$=(r,E)=>{D(h=>h.map(H=>H.key===E?{...H,isSelected:!H.isSelected}:{...H,isSelected:!1}));const[_,S]=l.find(h=>h.key===E)?.path?.split("--")||["",""];n(t.key,_,!0),n(g.key,S,!0)};return(0,e.useEffect)(()=>{!t.items?.some(r=>r.isSelected)&&!g.items?.some(r=>r.isSelected)&&D(r=>r.map(E=>({...E,isSelected:!1})))},[t.items,g.items]),(0,e.useEffect)(()=>{if(!p.current){const r=new Date,E=(A,te)=>`${A.toISOString().split("T")[0]}${te?"T23:59:59":"T00:00:00"}`,_=E(r,!0);r.setMonth(r.getMonth()+1);const S={key:"coming-month",title:m.z.listings.filters.comingMonth,path:`${_}--${E(r)}`,isSelected:!1};r.setMonth(r.getMonth()+11);const h={key:"coming-year",title:m.z.listings.filters.comingYear,path:`${_}--${E(r)}`,isSelected:!1};r.setMonth(r.getMonth()-24);const H={key:"past-year",title:m.z.listings.filters.pastYear,path:`${E(r)}--${_}`,isSelected:!1},z=[S,h,H].map(A=>A.path===d?{...A,isSelected:!0}:A);D(z),p.current=!0}},[d]),e.createElement(C.A,{id:"event-date",items:l,surface:c,title:u,updateSelectedFilters:$},e.createElement(f,{setDateRange:L,from:t.items?.find(r=>r.isSelected)?.key,to:g.items?.find(r=>r.isSelected)?.key,id:"date-range",title:m.z.listings.filters.dateRange}))},O=({id:t,items:c,surface:g="White",title:u,updateSelectedFilters:n})=>{const L=c?.[0]?.key,[v,y]=(0,e.useState)([]),d=(p,l)=>{y(D=>D.map($=>$.key===l?{...$,isSelected:!$.isSelected}:{...$,isSelected:!1})),n(p,v.find(D=>D.key===l)?.path||"",!0)};return(0,e.useEffect)(()=>{c?.some(p=>p.isSelected)||y(p=>p.map(l=>({...l,isSelected:!1})))},[c]),(0,e.useEffect)(()=>{const l=new Date,D=Array.from(Array(l.getFullYear()-2016).keys().map(z=>{const A=z+2016;return{key:`${A}`,title:`${A}`,path:`${A}-01-01T00:00:00--${A}-12-31T23:59:59`,isSelected:!1}})).reverse(),$=(z,A)=>`${z.toISOString().split("T")[0]}${A?"T23:59:59":"T00:00:00"}`,r=$(l,!0);l.setMonth(l.getMonth()-1);const E={key:"past-month",title:m.z.listings.filters.pastMonth,path:`${$(l)}--${r}`,isSelected:!1};l.setMonth(l.getMonth()-2);const _={key:"past-3-months",title:m.z.listings.filters.past3Months,path:`${$(l)}--${r}`,isSelected:!1};l.setMonth(l.getMonth()-3);const S={key:"past-6-months",title:m.z.listings.filters.past6Months,path:`${$(l)}--${r}`,isSelected:!1};l.setMonth(l.getMonth()-6);const h={key:"past-12-months",title:m.z.listings.filters.past12Months,path:`${$(l)}--${r}`,isSelected:!1},H=[E,_,S,h,...D].map(z=>z.path===L?{...z,isSelected:!0}:z);y(H)},[L]),e.createElement(C.A,{id:t,items:v,surface:g,title:u,updateSelectedFilters:d})},ee=o.I4.div` ${({layout:t,theme:c})=>(0,o.AH)` .filters__toggle { display: flex; width: 100%; @media ${(0,b.mq)(c.breakpoint.l)} { display: none; } } .filters { display: none; &--open { display: block; padding-top: ${(0,a.g)(24)}; @media ${(0,b.mq)(c.breakpoint.l)} { padding-top: 0; } } @media ${(0,b.mq)(c.breakpoint.l)} { display: block; ${t==="inline"&&`display: flex; flex-wrap: wrap; gap: ${(0,a.g)(24)}; > .filter { flex: 1;}`}; } } .filter-az { flex: 0 0 100%; } .filters__footer { margin-top: ${(0,a.g)(40)}; display: flex; align-items: flex-end; @media ${(0,b.mq)(c.breakpoint.l)} { ${t==="inline"&&`margin: 0; flex: 0 1 auto; align-items: flex-start; padding-top: ${(0,a.g)(14)}`}; } } .filters__footer { padding-inline: ${(0,a.g)(16)}; @media ${(0,b.mq)(c.breakpoint.l)} { ${t==="inline"&&"padding-inline: 0;"}; } } `}; `,pe=({clearFilters:t,filters:c,layout:g="block",updateSelectedFilters:u})=>{const[n,L]=(0,e.useState)(!1),v=c?.dateRangeFrom?{...c?.dateRangeFrom,key:"dateRangeFrom"}:void 0,y=c?.dateRangeTo?{...c?.dateRangeTo,key:"dateRangeTo"}:void 0;return e.createElement(ee,{layout:g},e.createElement(M.A,{buttonType:"button01",icon:n?"ChevronUp":"ChevronDown",iconPosition:"after",onClick:()=>L(d=>!d),className:`filters__toggle ${n?"filters__toggle--open":"filters__toggle--closed"}`},m.z.listings.refine),e.createElement("div",{className:G()("filters",{"filters--open":n})},Object.entries(c).map(([d,p])=>d.startsWith("dateRange")?null:d==="publicationDate"?e.createElement(O,{...p,id:d,updateSelectedFilters:u,key:d}):d==="a-z"?e.createElement(i,{...p,id:d,updateSelectedFilters:u,key:d}):d==="researchPublicationDate"?e.createElement(C.A,{key:d,id:d,updateSelectedFilters:u,title:m.z.listings.filters.publicationDate},e.createElement(f,{from:"",id:d,setDateRange:l=>u(d,l?`${l.from}--${l.to}`:"",!0),title:p.title||m.z.listings.filters.dateRange})):e.createElement(C.A,{...p,id:d,updateSelectedFilters:u,key:d})),v&&y&&e.createElement(j,{from:v,to:y,updateSelectedFilters:u,title:m.z.listings.filters.timePeriod}),e.createElement("div",{className:"filters__footer"},e.createElement(M.A,{className:"filters__reset",buttonType:"button02",icon:"Close",iconPosition:"after",onClick:()=>t()},m.z.listings.reset))))};var ue=s(16395);const fe=o.I4.div` ${({theme:t})=>(0,o.AH)` background-color: ${t.color.background}; color: ${t.color.text}; padding-block: ${(0,a.g)(40)}; .container { display: grid; gap: ${(0,a.g)(16)}; } `}; `;var me=s(10015),$e=s(61054);const be=({children:t,title:c,headingLevel:g})=>e.createElement(me.A,{surface:"Grey Light"},e.createElement(fe,{className:"listing__hero"},e.createElement(Y.A,null,e.createElement($e.A,{title:c,headingLevel:g}),t))),ye=o.I4.div` ${({theme:t})=>(0,o.AH)` select { ${t.patterns.formField({theme:t})}; } `}; `,he=({options:t,sortOrder:c,updateSortOrder:g})=>{const u=n=>{g(n)};return e.createElement(ye,{className:"listing-sort"},e.createElement("label",{htmlFor:"sort"},m.z.listings.sortBy),e.createElement("select",{id:"sort",onChange:n=>u(n.target.value),value:c[0]||t[0]?.value},t.map(n=>e.createElement("option",{key:n.id,value:n.value},n.label))))};var ve=s(94448),_e=s(72543),Se=s(32394);const Ee=o.I4.form` ${({theme:t})=>(0,o.AH)` .searchbar__label, .visually-hidden { ${t.patterns.visuallyHide}; } .searchbar__fields { display: grid; grid-template-columns: 1fr ${(0,a.g)(48)}; align-items: center; border: 1px solid ${t.border.border04}; background: ${t.color.background}; color: ${t.color.text}; @media ${(0,b.mq)(t.breakpoint.l)} { grid-template-columns: 1fr ${(0,a.g)(56)}; } > * { height: ${(0,a.g)(48)}; border: 0; background: none; @media ${(0,b.mq)(t.breakpoint.l)} { height: ${(0,a.g)(56)}; } } } .searchbar__input { padding: ${(0,a.g)(8)}; ${t.typeStyles.body[2]}; @media ${(0,b.mq)(t.breakpoint.l)} { padding: ${(0,a.g)(16)}; } } .searchbar__submit { appearance: none; cursor: pointer; border-radius: ${(0,a.g)(4)}; color: ${t.color.text}; .svg { transition: all 0.2s ease-in-out; } &:hover, &:focus { .svg { transform: scale(1.1); } } } @media print { display: none; } `}; `,ke=({id:t,label:c,placeholder:g,submit:u,value:n})=>{const[L,v]=(0,e.useState)(n),y=(0,e.useRef)(null),d=l=>{l.preventDefault(),u(y.current?.value||"")},p=l=>{v(l.target.value)};return e.createElement(me.A,{surface:"White"},e.createElement(Ee,{onSubmit:l=>d(l),className:"searchbar"},e.createElement("label",{htmlFor:t,className:"searchbar__label"},c),e.createElement("div",{className:"searchbar__fields"},e.createElement("input",{id:t,onChange:l=>p(l),ref:y,type:"search",placeholder:g,className:"searchbar__input",value:L}),e.createElement("button",{className:"searchbar__submit"},e.createElement(Se.A,{icon:"Search"}),e.createElement("span",{className:"visually-hidden"},m.z.search)))))},ce=o.I4.div` ${({theme:t})=>(0,o.AH)` padding-bottom: ${(0,a.g)(40)}; .listing__hero-search { display: grid; gap: ${(0,a.g)(16)}; } .listing-sort { label { ${t.patterns.visuallyHide}; } } .facets { margin-top: ${(0,a.g)(24)}; } /*--- Listing Main Section Shared Styles ---*/ .listing__layout { + * { margin-top: ${(0,a.g)(24)}; } } .listing__structure { padding-top: ${(0,a.g)(24)}; + * { margin-top: ${(0,a.g)(40)}; } } .listing__info { display: grid; gap: ${(0,a.g)(16)}; + * { margin-top: ${(0,a.g)(40)}; padding-top: ${(0,a.g)(40)}; border-top: 1px solid ${t.border.border03}; } } .listing__intro { margin-top: ${(0,a.g)(24)}; @media ${(0,b.mq)(t.breakpoint.l)} { margin-top: ${(0,a.g)(40)}; display: grid; grid-template-columns: 2fr 1fr; gap: ${(0,a.g)(24)}; } } .listing__main { margin-top: ${(0,a.g)(24)}; } .listing__results { display: grid; } /*--- Listing Main Section Shared Styles Media Queries ---*/ @media ${(0,b.mq)(t.breakpoint.m)} { padding-bottom: ${(0,a.g)(120)}; } @media ${(0,b.mq)(t.breakpoint.l)} { .listing__hero { padding-block: ${(0,a.g)(80)} ${(0,a.g)(40)}; .container { gap: ${(0,a.g)(40)}; } } .listing__hero-search { grid-template-columns: repeat(12, 1fr); align-items: end; .searchbar { grid-column: 1 / 9; .searchbar__input { height: ${(0,a.g)(80)}; } } .listing-sort { grid-column: 11 / 13; } } .listing__info { + * { margin-top: ${(0,a.g)(40)}; padding-top: 0; border-top: 0; } display: flex; align-items: center; .callout { flex: 1; } .listing-sort { flex: 0 1 33%; } } .listing__structure { padding-top: ${(0,a.g)(80)}; grid-template-columns: repeat(12, 1fr); gap: ${(0,a.g)(24)}; } .listing__filters { grid-column: 9 / 13; order: 2; } .container:has(.listing__intro) + .container:has(.listing__structure) .listing__structure { padding-top: ${(0,a.g)(48)}; } .listing__main { grid-column: 1 / 8; margin: 0; } .listing__layout { + * { margin-top: ${(0,a.g)(120)}; } } .pager { .pager__list { justify-content: end; } } } @media print { .listing__hero { padding: 0; } .listing__hero-search, .listing__filters, .listing__info { display: none; } .listing__structure, .listing__main { margin: 0; padding: 0; } .listing__results, .card__description { margin: 0; } .card__info { margin-top: 12pt; } .tag { background: white; } } `}; `,xe=o.I4.div` ${({theme:t})=>(0,o.AH)` ${ce}; .listing__structure { display: grid; gap: ${(0,a.g)(24)}; } .listing__results { gap: ${(0,a.g)(16)}; > *:not(:last-child, .faculty-card) { padding-bottom: ${(0,a.g)(16)}; border-bottom: 1px solid ${t.border.border01}; } } @media ${(0,b.mq)(t.breakpoint.l)} { .listing__structure { gap: ${(0,a.g)(40)}; } .listing__results { gap: ${(0,a.g)(24)}; > *:not(:last-child, .faculty-card) { padding-bottom: ${(0,a.g)(24)}; } } .listing__results:has(.faculty-card) { gap: ${(0,a.g)(16)}; } .pager { .container { display: grid; grid-template-columns: repeat(12, 1fr); } .pager__list { grid-column: 1 / 8; } } } @media print { .listing__results { display: block; } .listing__results > * { padding-block: 16pt !important; } } `}; `,Ae=o.I4.div` ${({theme:t})=>(0,o.AH)` ${ce}; .listing__structure { display: block; } .listing__results { gap: ${(0,a.g)(16)}; } @media ${(0,b.mq)(t.breakpoint.s)} { .listing__main { margin-top: ${(0,a.g)(64)}; } .listing__results { grid-template-columns: repeat(2, 1fr); gap: ${(0,a.g)(24)}; } } @media ${(0,b.mq)(t.breakpoint.l)} { .listing__results { grid-template-columns: repeat(3, 1fr); } } `}; `,Ne={listing:xe,grid:Ae},Le=({cardComponent:t,clearFilters:c,content:g,facetTitles:u,featured:n,filters:L,image:v,isLoading:y,layout:d="listing",paging:p,results:l,resultsInfo:D,searchTerm:$,sortOptions:r,sortOrder:E,title:_,updateCurrentFacet:S,updateSortOrder:h,updateSelectedFilters:H,updatePageIndex:z,updateSearchTerm:A})=>{const te=t,de=Ne[d];return e.createElement(ce,{layout:d},e.createElement(de,{className:"listing__layout"},v?e.createElement(ue.A,{id:"hero",image:v,title:_,searchbar:{id:"hero__search-input",label:"Search",placeholder:"Search",value:$,submit:A}}):e.createElement(be,{title:_,headingLevel:"h1"},e.createElement("div",{className:"listing__hero-search"},e.createElement(ke,{id:"hero__search-input",label:"Search",placeholder:"Search",value:$,submit:A}),r&&r.length>0&&e.createElement(he,{options:r,sortOrder:E,updateSortOrder:h}))),g&&e.createElement(Y.A,null,e.createElement("div",{className:"listing__intro"},e.createElement(U.A,{content:g}))),e.createElement(Y.A,null,y&&e.createElement(ve.A,null),u&&e.createElement(ne,{facets:u,updateCurrentFacet:S,clearFilters:c}),e.createElement("div",{className:"listing__structure"},e.createElement("aside",{className:"listing__filters"},e.createElement(pe,{filters:L,updateSelectedFilters:H,clearFilters:c,layout:d==="grid"?"inline":"block"})),e.createElement("div",{className:"listing__main"},e.createElement("div",{id:"navigation-anchor"}),(d!=="grid"||l.length===0)&&e.createElement("div",{className:"listing__info"},e.createElement(X.A,{calloutType:"info",content:D})),(l.length>0||n.length>0)&&e.createElement("div",{className:"listing__results"},n.map(K=>e.createElement(te,{key:K.id,featured:!0,...K})),l.map(K=>e.createElement(te,{key:K.id,...K}))))),l.length>0&&e.createElement(_e.A,{...p,updatePageIndex:z}))))}}}]);