"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[593],{8052:(L,b,a)=>{a.d(b,{A:()=>D});var e=a(8322),m=a(7115);const y=m.default.div`
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 5rem 0;
`;var s=a(2472);const u=m.default.button`
  ${()=>(0,m.css)`
      cursor: pointer;
      background: ${s.A.white};
      width: 4rem;
      height: 4rem;
      border: 0.1rem solid #f5f5f5;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 1rem;
      font-size: 1.4rem;
      line-height: 3.2rem;
      display: block;
      color: ${s.A.black};
      background-color: ${s.A.greyAlt};

      &:enabled:hover {
        background: ${s.A.greyLight};
      }

      &:disabled {
        opacity: 0.5;
        cursor: default;
        /* &:hover{
          bac
        } */
      }

      &.inactive {
        border-bottom: 1px solid ${s.A.pink};
      }

      &.active {
      }

      .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        svg {
          height: 2.4rem;
          path: {
            fill: ${s.A.black};
          }
        }
      }
    `}
`,g=({className:k,label:f,updatePageIndex:v,index:C,disabled:d})=>{const o=(t,i)=>{t.preventDefault(),v(i),typeof window<"u"&&document.getElementById("main")?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')?.[0]?.focus()};return e.createElement(u,{disabled:d,type:"button",className:k,onClick:t=>o(t,C)},f==="Back"||f==="Next"?e.createElement("div",{className:"icon"},f==="Back"?"<":">"):f&&f.toString())},D=({className:k,paging:f,updatePageIndex:v})=>{let{pageIndex:d,pageCount:o}={...f},t=Math.ceil(d-5/2);t<0&&(t=0);let i=t+5-1;i>o-1&&(i=o-1,t=o-5,t<0&&(t=0));let n=[];for(let r=t;r<=i;r++){let w=r==d;n.push({i:r,updatePageIndex:v,isCurrentPage:w})}return o<=0?null:e.createElement(y,{className:k},e.createElement(g,{className:`control prev ${d>0?"":"disabled"}`,disabled:!(d>0),index:d-1,label:"Back",updatePageIndex:v}),n&&n?.length>0?n.map(r=>e.createElement(g,{index:r.i,label:r.i+1,disabled:r.isCurrentPage,key:r.i,updatePageIndex:r.updatePageIndex,className:r.isCurrentPage?"inactive":"active"})):null,e.createElement(g,{className:`control next ${d<o-1?"":"disabled"}`,disabled:!(d<o-1),index:d+1,label:"Next",updatePageIndex:v}))}},548:(L,b,a)=>{a.d(b,{A:()=>d});var e=a(8322),m=a(2472),E=a(7115),y=a(973);const c=E.default.div`
  ${({type:o})=>(0,E.css)`
      position: relative;
      width: 100%;
      font-size: 1.4rem;

      @media ${y.mq.medium} {
        width: auto;
      }

      .dropdown__select {
        position: relative;
        margin-top: 1.2rem;
      }

      .filter-control__label {
        color: ${m.A.blueAlt};
        font-weight: 600;
        white-space: nowrap;
      }

      select {
        padding: 1.6rem 4.8rem 1.6rem 1.6rem;
        border: 1px solid ${m.A.grey};
        width: 100%;
        cursor: pointer;
        background: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 1.4rem;
      }

      select::-ms-expand {
        display: none;
      }

      input[type='checkbox'] {
        float: right;
        margin: 0.4rem;
        width: 20px;
        height: 20px;
      }

      .dropdown__icon {
        pointer-events: none;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        right: 5px;
        transform-origin: 2.5px center;
        transform: translateY(-50%) rotate(90deg);
      }

      ${o==="sort"&&(0,E.css)`
        .dropdown__icon {
          height: 18px;
          width: 18px;
        }
      `}
    `};
`;var u=a(7594);const g=E.default.div`
  ${({theme:{colors:o}})=>{const t={color:`${o.blueAlt}`,bgColor:"#fff",borderRadius:"0",optionlabel:`${o.blueAlt}`,optionlabelBg:"white"};return(0,E.css)`
      position: relative;

      .filter-toggle {
        background: ${t.bgColor};
        border: 1px solid black;
        border-radius: ${t.borderRadius};
        padding: 1.6rem;
        color: ${t.color};
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        /* background: rgba(255, 255, 255, 1)
          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD0SURBVHgBpZLNDcIwDIWdlEoIoYpjaZKSERgBNoANGKFMABvABmUDRugIjEAPIHHj0AsXGmwhoFL/y5NycZ6/Z1m2hBBTx3HcJElu8IeUGi8Gg+GD2zYA5xC5rquho2gopIT9/pcuVvjOXaDUg713rQmakZRyS9ARqiXsrJRaFRoIKqU4NYF+YL4vt5VGNB3whVUeCqTgWthvUhEhdFce6oXo2Rf98aJir2cvGYOZ73ubfJi3MYbpy+UaQBtpTTvycEfjIAujmtblO2Z10OeTRwBmzZg1MSYNLCudx/Et7gR8Q8U0TeFojIE6WGPhOc1yh1uiF0dLQ+HwZpbXAAAAAElFTkSuQmCC')
          no-repeat right 2.55rem center; */

        svg {
          margin-left: 8px;
          width: 12px;
          height: auto;
          transition: transform 0.2s ease-in-out;
        }
        &.open {
          svg {
            transform: scaleY(-1);
          }
        }
        &.has-options {
          font-weight: 700;
        }
      }
      .drop-filter-set {
        position: absolute;
        overflow: hidden;
        top: calc(100% - 0.2rem);
        z-index: 98;
        background: #fff;
        width: 100%;
        border-radius: 0;
        box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.2);
        overflow-y: scroll;
        max-height: 200px;

        &.closed {
          display: none;
        }
      }
      .filter-status {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.8rem 1.6rem;
        margin-bottom: 1.6rem;
        font-size: 1.4rem;
        border-bottom: 1px solid ${o.blue};
      }
      .clear-set {
        padding: 0.4rem 1.6rem;
        border: none;
        border-radius: 0;

        &:not(:disabled) {
          cursor: pointer;
        }
      }
      .filter-options {
        padding: 0 1.6rem;
        list-style-type: none;
        margin-block: 0;

        .filter-option {
          margin-bottom: 0.8rem;

          &:last-child label {
            border-radius: 0;
          }
          input {
            appearance: none;
            background-color: #fff;
            margin: 0;
            margin-right: 0.8rem;
            display: grid;
            place-content: center;
            font: inherit;
            color: currentColor;
            width: 2em;
            height: 2em;
            border: 0.15em solid currentColor;
            transform: translateY(-0.075em);

            &::before {
              content: '';
              width: 18px;
              height: 14px;
              transform: scale(0);
              background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgN0w2LjYyNzM5IDE0TDE4IDEuOTg4TDE2LjEzMTEgMEw2LjYyNzM5IDEwLjAzOEwxLjg1NTY3IDUuMDRMMCA3WiIgZmlsbD0iIzFENzBCOCIvPgo8L3N2Zz4K);
            }

            &:checked::before {
              transform: scale(1);
            }
          }
          label {
            display: grid;
            grid-template-columns: 1em auto;
            align-items: center;
            gap: 1.5em;
            color: ${t.optionlabel};
            background: ${t.optionlabelBg};
            cursor: pointer;
          }
        }
      }
    `}};
`,D=(o,t,i)=>{const n=A=>{const x=A.type==="keyup"&&A.keyCode==27,S=!o.current.contains(A.target),p=A.relatedTarget&&!o.current.contains(A.relatedTarget);o.current&&(S||p)&&w(),x&&(w(),t?.current.focus())},r=()=>{document.removeEventListener("click",n,!1),document.removeEventListener("focusout",n,!1),document.removeEventListener("keyup",n,!1),document.addEventListener("click",n,!1),document.addEventListener("focusout",n,!1),document.addEventListener("keyup",n,!1)},w=()=>{document.removeEventListener("click",n,!1),document.removeEventListener("focusout",n,!1),document.removeEventListener("keyup",n,!1),i&&i()};return{initElementFocus:r,destroyElementFocus:w}},v=({filterKey:o,options:t,title:i,updateSelectedFilters:n})=>{const[r,w]=(0,e.useState)(!1),A=(0,e.useRef)(null),x=(0,e.useRef)(null),{initElementFocus:S,destroyElementFocus:p}=D(A,x,()=>w(!1));if(!t||t.length===0)return null;const T=l=>{w(l),l?S():p()},N=t.length,$=t.filter(l=>l.isSelected).length;return e.createElement(g,{ref:A},e.createElement("button",{ref:x,className:`filter-toggle 
          ${t.filter(l=>l.isSelected).length>0?" has-options":""}
          ${r?" open":""}`,onClick:()=>T(!r)},e.createElement("span",null,e.createElement(u.A,null,"Listing filter "),i,!r&&e.createElement(e.Fragment,null,e.createElement("span",{"aria-hidden":"true"},` (${$})`),e.createElement(u.A,null,` ${$} of ${N} selected`))),e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 13 8",className:"filter-toggle-icon","aria-hidden":!0},e.createElement("path",{fill:"#005282",d:"M10.85 0 6.33 4.82 1.82 0 .33 1.59l6 6.41 6-6.41L10.85 0Z"}))),e.createElement("div",{className:`drop-filter-set ${r?"open":"closed"}`},e.createElement("div",{className:"filter-status"},e.createElement("div",null,$," of ",N," ",e.createElement(u.A,null,"selected")),e.createElement("button",{className:"clear-set",disabled:!t.some(l=>l.isSelected),onClick:()=>{t.filter(l=>l.isSelected).forEach(l=>{n(o,l.key)})}},"Clear ",e.createElement(u.A,null,"filters"))),e.createElement("ul",{className:"filter-options"},t.map(l=>{const B=`${o}-${l.key}`;return l.contentTypeId,e.createElement("li",{key:l.key,className:"filter-option"},e.createElement("label",{htmlFor:B},e.createElement("input",{id:B,className:l.isSelected?"active":void 0,type:"checkbox",checked:l.isSelected,onChange:()=>n(o,l.key)}),l.contentTypeId==="dataStartingYear"?`${l.title}-${(Number(l.title)+1).toString().substring(2)}`:l.title,e.createElement(u.A,null,". Press escape to exit filter selection")))}))))},d=({className:o,defaultValue:t="Select",filterGroupKey:i,filters:n,label:r,multiSelect:w,type:A="default",updateSelectedFilters:x=(S,p)=>({})})=>{const S=(p,T)=>{T==="0/2/24/28/2951"&&x(p,"0/2/24/28/2887"),x(p,T)};return!n||n.length<1?null:(n=n.filter(p=>p.key!=="0/2/24/28/2887"),e.createElement(c,{className:o,type:A},n.length===1&&n[0].key==="true"&&e.createElement(e.Fragment,null,r?e.createElement("label",{className:"filter-control__label",htmlFor:i},r,n.some(p=>p.isSelected)&&e.createElement("span",{style:{color:m.A.brightPink}}," *")):e.createElement(u.A,null,e.createElement("label",{htmlFor:i},t)),e.createElement("input",{type:"checkbox",id:i,checked:n[0].isSelected,onChange:p=>x(i,p.target.checked.toString())})),(n.length>1||n[0].key!=="true")&&e.createElement(v,{key:i,filterKey:i,options:n,title:r||"",updateSelectedFilters:S})))}},6117:(L,b,a)=>{a.d(b,{A:()=>u});var e=a(8322),m=a(7115);const y=m.default.div`
  ${({theme:h,breakpoint:g})=>(0,m.css)`
      margin-bottom: 3.2rem;

      .filter-toggle {
        display: block;
        padding: 1.2rem;
        margin-bottom: 2.4rem;
        border: 0;
        width: 100%;
        min-width: 12rem;
        font-size: 1.4rem;
        text-decoration: none;
        text-align: center;
        color: ${h.colors.white};
        background-color: ${h.colors.aquaAlt};
        cursor: pointer;

        @media screen and (min-width: ${g}px) {
          display: none;
        }

        &:hover,
        &:focus {
          text-decoration: underline;
        }
      }

      .filter-hidden {
        @media screen and (max-width: ${g}px) {
          display: none;
        }
      }

      .filter-visible {
        display: block;
      }
    `};
`,s=h=>g=>{g.key==="Enter"&&h(g)},u=({breakpoint:h=840,children:g,className:I,openTitle:D="Open Filter",closeTitle:k="Close Filter"})=>{const[f,v]=(0,e.useState)(!1),[C,d]=(0,e.useState)(!1),[o,t]=(0,e.useState)(!0),i=()=>{v(!f),d(!C),t(!o)};return e.createElement(y,{className:I,breakpoint:h},e.createElement("button",{className:"filter-toggle",onClick:()=>i(),onKeyDown:s(()=>i),"aria-expanded":C,"aria-controls":"filteredContent"},f?k:D),e.createElement("div",{id:"filteredContent",className:`filter-toggle__children ${f?"filter-visible":"filter-hidden"}`,"aria-hidden":o},g))}},685:(L,b,a)=>{a.d(b,{A:()=>y});var e=a(8322),m=a(4864);const y=({title:s="水果派AVUniversity London",description:c,keywords:u,image:h})=>e.createElement(m.m,null,e.createElement("title",null,s," | 水果派AVUniversity London"),c&&e.createElement("meta",{name:"description",content:c}),u&&e.createElement("meta",{name:"keywords",content:u}),e.createElement("meta",{property:"og:title",content:`${s} | 水果派AVUniversity London`}),c&&e.createElement("meta",{property:"og:description",content:c}),e.createElement("meta",{property:"og:image",content:h}),e.createElement("meta",{property:"twitter:title",content:`${s} | 水果派AVUniversity London`}),c&&e.createElement("meta",{property:"twitter:description",content:c}),e.createElement("meta",{property:"twitter:image",content:h}))},3183:(L,b,a)=>{a.d(b,{A:()=>E});var e=a(8322);const E=()=>{const[y,s]=(0,e.useState)({width:void 0,height:void 0});return(0,e.useEffect)(()=>{function c(){s({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",c),c(),()=>window.removeEventListener("resize",c)},[]),y}}}]);