"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[893],{8052:(I,w,a)=>{a.d(w,{A:()=>N});var e=a(48322),u=a(67115);const v=u.default.div` display: flex; align-items: center; justify-content: flex-end; margin: 0 0 5rem 0; `;var g=a(82472);const f=u.default.button` ${()=>(0,u.css)` cursor: pointer; background: ${g.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: ${g.A.black}; background-color: ${g.A.greyAlt}; &:enabled:hover { background: ${g.A.greyLight}; } &:disabled { opacity: 0.5; cursor: default; /* &:hover{ bac } */ } &.inactive { border-bottom: 1px solid ${g.A.pink}; } &.active { } .icon { display: flex; align-items: center; justify-content: center; svg { height: 2.4rem; path: { fill: ${g.A.black}; } } } `} `,c=({className:k,label:m,updatePageIndex:A,index:S,disabled:s})=>{const o=(t,i)=>{t.preventDefault(),A(i),typeof window<"u"&&document.getElementById("main")?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')?.[0]?.focus()};return e.createElement(f,{disabled:s,type:"button",className:k,onClick:t=>o(t,S)},m==="Back"||m==="Next"?e.createElement("div",{className:"icon"},m==="Back"?"<":">"):m&&m.toString())},N=({className:k,paging:m,updatePageIndex:A})=>{let{pageIndex:s,pageCount:o}={...m},t=Math.ceil(s-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 l=t;l<=i;l++){let b=l==s;n.push({i:l,updatePageIndex:A,isCurrentPage:b})}return o<=0?null:e.createElement(v,{className:k},e.createElement(c,{className:`control prev ${s>0?"":"disabled"}`,disabled:!(s>0),index:s-1,label:"Back",updatePageIndex:A}),n&&n?.length>0?n.map(l=>e.createElement(c,{index:l.i,label:l.i+1,disabled:l.isCurrentPage,key:l.i,updatePageIndex:l.updatePageIndex,className:l.isCurrentPage?"inactive":"active"})):null,e.createElement(c,{className:`control next ${s{a.d(w,{A:()=>s});var e=a(48322),u=a(82472),h=a(67115),v=a(973);const x=h.default.div` ${({type:o})=>(0,h.css)` position: relative; width: 100%; font-size: 1.4rem; @media ${v.mq.medium} { width: auto; } .dropdown__select { position: relative; margin-top: 1.2rem; } .filter-control__label { color: ${u.A.blueAlt}; font-weight: 600; white-space: nowrap; } select { padding: 1.6rem 4.8rem 1.6rem 1.6rem; border: 1px solid ${u.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,h.css)` .dropdown__icon { height: 18px; width: 18px; } `} `}; `;var f=a(97594);const c=h.default.div` ${({theme:{colors:o}})=>{const t={color:`${o.blueAlt}`,bgColor:"#fff",borderRadius:"0",optionlabel:`${o.blueAlt}`,optionlabelBg:"white"};return(0,h.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; } } } `}}; `,N=(o,t,i)=>{const n=p=>{const y=p.type==="keyup"&&p.keyCode==27,C=!o.current.contains(p.target),d=p.relatedTarget&&!o.current.contains(p.relatedTarget);o.current&&(C||d)&&b(),y&&(b(),t?.current.focus())},l=()=>{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)},b=()=>{document.removeEventListener("click",n,!1),document.removeEventListener("focusout",n,!1),document.removeEventListener("keyup",n,!1),i&&i()};return{initElementFocus:l,destroyElementFocus:b}},A=({filterKey:o,options:t,title:i,updateSelectedFilters:n})=>{const[l,b]=(0,e.useState)(!1),p=(0,e.useRef)(null),y=(0,e.useRef)(null),{initElementFocus:C,destroyElementFocus:d}=N(p,y,()=>b(!1));if(!t||t.length===0)return null;const D=r=>{b(r),r?C():d()},L=t.length,$=t.filter(r=>r.isSelected).length;return e.createElement(c,{ref:p},e.createElement("button",{ref:y,className:`filter-toggle ${t.filter(r=>r.isSelected).length>0?" has-options":""} ${l?" open":""}`,onClick:()=>D(!l)},e.createElement("span",null,e.createElement(f.A,null,"Listing filter "),i,!l&&e.createElement(e.Fragment,null,e.createElement("span",{"aria-hidden":"true"},` (${$})`),e.createElement(f.A,null,` ${$} of ${L} 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 ${l?"open":"closed"}`},e.createElement("div",{className:"filter-status"},e.createElement("div",null,$," of ",L," ",e.createElement(f.A,null,"selected")),e.createElement("button",{className:"clear-set",disabled:!t.some(r=>r.isSelected),onClick:()=>{t.filter(r=>r.isSelected).forEach(r=>{n(o,r.key)})}},"Clear ",e.createElement(f.A,null,"filters"))),e.createElement("ul",{className:"filter-options"},t.map(r=>{const F=`${o}-${r.key}`;return r.contentTypeId,e.createElement("li",{key:r.key,className:"filter-option"},e.createElement("label",{htmlFor:F},e.createElement("input",{id:F,className:r.isSelected?"active":void 0,type:"checkbox",checked:r.isSelected,onChange:()=>n(o,r.key)}),r.contentTypeId==="dataStartingYear"?`${r.title}-${(Number(r.title)+1).toString().substring(2)}`:r.title,e.createElement(f.A,null,". Press escape to exit filter selection")))}))))},s=({className:o,defaultValue:t="Select",filterGroupKey:i,filters:n,label:l,multiSelect:b,type:p="default",updateSelectedFilters:y=(C,d)=>({})})=>{const C=(d,D)=>{D==="0/2/24/28/2951"&&y(d,"0/2/24/28/2887"),y(d,D)};return!n||n.length<1?null:(n=n.filter(d=>d.key!=="0/2/24/28/2887"),e.createElement(x,{className:o,type:p},n.length===1&&n[0].key==="true"&&e.createElement(e.Fragment,null,l?e.createElement("label",{className:"filter-control__label",htmlFor:i},l,n.some(d=>d.isSelected)&&e.createElement("span",{style:{color:u.A.brightPink}}," *")):e.createElement(f.A,null,e.createElement("label",{htmlFor:i},t)),e.createElement("input",{type:"checkbox",id:i,checked:n[0].isSelected,onChange:d=>y(i,d.target.checked.toString())})),(n.length>1||n[0].key!=="true")&&e.createElement(A,{key:i,filterKey:i,options:n,title:l||"",updateSelectedFilters:C})))}},16117:(I,w,a)=>{a.d(w,{A:()=>f});var e=a(48322),u=a(67115);const v=u.default.div` ${({theme:E,breakpoint:c})=>(0,u.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: ${E.colors.white}; background-color: ${E.colors.aquaAlt}; cursor: pointer; @media screen and (min-width: ${c}px) { display: none; } &:hover, &:focus { text-decoration: underline; } } .filter-hidden { @media screen and (max-width: ${c}px) { display: none; } } .filter-visible { display: block; } `}; `,g=E=>c=>{c.key==="Enter"&&E(c)},f=({breakpoint:E=840,children:c,className:T,openTitle:N="Open Filter",closeTitle:k="Close Filter"})=>{const[m,A]=(0,e.useState)(!1),[S,s]=(0,e.useState)(!1),[o,t]=(0,e.useState)(!0),i=()=>{A(!m),s(!S),t(!o)};return e.createElement(v,{className:T,breakpoint:E},e.createElement("button",{className:"filter-toggle",onClick:()=>i(),onKeyDown:g(()=>i),"aria-expanded":S,"aria-controls":"filteredContent"},m?k:N),e.createElement("div",{id:"filteredContent",className:`filter-toggle__children ${m?"filter-visible":"filter-hidden"}`,"aria-hidden":o},c))}},93183:(I,w,a)=>{a.d(w,{A:()=>h});var e=a(48322);const h=()=>{const[v,g]=(0,e.useState)({width:void 0,height:void 0});return(0,e.useEffect)(()=>{function x(){g({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",x),x(),()=>window.removeEventListener("resize",x)},[]),v}}}]);