https://www.op-oost.nl/_next/static/chunks/5764.224ff94e9dd9d9ee.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5764],{3498:(e,t,l)=>{"use strict";l.d(t,{M:()=>o,p:()=>a});var i=l(87831),s=l(50996),n=l(22466),r=l(84186);let a=(e,t,l)=>{try{switch(l){case"nl":default:return(0,r.A)(e,t,{locale:i.A});case"de":return(0,r.A)(e,t,{locale:s.A});case"en":return(0,r.A)(e,t,{locale:n.A})}}catch(e){return""}},o=e=>{switch(e){case"nl":default:return i.A;case"de":return s.A;case"en":return n.A}}},7396:e=>{e.exports={eventOverview:"event-overview_eventOverview___IYBi",wrapper:"event-overview_wrapper__2zYSh",filterBar:"event-overview_filterBar__1vxPo",label:"event-overview_label__Rn5Ao",amountOfResults:"event-overview_amountOfResults__Zgdht",filterContent:"event-overview_filterContent__SHK2S",filterButtons:"event-overview_filterButtons__GIlEu",themeFilter:"event-overview_themeFilter__ZeXVe",removeFilters:"event-overview_removeFilters__sOy2P",content:"event-overview_content__dhd4_",emptyState:"event-overview_emptyState__bJ0BL",pagination:"event-overview_pagination____Q_Z"}},39441:(e,t,l)=>{"use strict";l.r(t),l.d(t,{EventOverview:()=>y,default:()=>w});var i=l(23798),s=l(21462),n=l(46206),r=l(11805),a=l(86230),o=l(57337),d=l(89935),c=l(71579),v=l(99378),u=l(7396),_=l.n(u),h=l(77532),m=l(86368),p=l(76494),g=l(49980);let y=e=>{let t=(0,n.useRouter)(),{formatMessage:l}=(0,r.A)(),[u,y]=(0,h.useQueryParams)({[p.pA]:h.NumberParam,[p.Pv]:p.Oe}),w=(0,s.useRef)(null),{events:f,eventsCount:S}=(0,a.GV)(e=>e.events),[x,b]=(0,s.useState)(f||[]),[j,C]=(0,s.useState)(!1),[N,B]=(0,s.useState)(S),[A,O]=(0,s.useState)(),[F,P]=(0,s.useState)(!1),{currentPage:I,setCurrentPage:k,Pagination:z}=(0,p.WQ)(9),{selectedThemes:R,setSelectedThemesParam:W}=(0,p.DP)(),E=async(e,l)=>{C(!0);try{let{results:i,total:s}=await (0,m.C2)("",{themesIds:l},{sort:"asc",page:e,limit:9,locale:t.locale});b(i),B(s)}catch(e){b([]),B(0)}C(!1)},G=()=>{y({thema:null,pagina:null}),Q([]),L(void 0,!0)},L=async(e,t)=>{let l=t?1:(null==e?void 0:e.page)||I,i=t?[]:(null==e?void 0:e.themeIds)||R.map(e=>String(e.id));(()=>{{var e;let t=((null==(e=w.current)?void 0:e.getBoundingClientRect().top)||0)+window.scrollY-140;window.scrollTo({top:t,left:0,behavior:"smooth"})}})(),P(void 0!==e),E(l,i)},V=((e,t)=>{let{selectedThemes:l,setSelectedThemesParam:i}=(0,p.DP)(),{themes:s}=(0,a.GV)(e=>e.themes);return[{id:"selectedThemes",type:"checkbox",title:e.filterLabel||"",onChange:(e,s)=>{if(s){let s=[...l,...e];i(s.length>0?s:null),t(s.map(e=>String(e.id)))}else{let s=new Set(e.map(e=>e.id)),n=l.filter(e=>!s.has(e.id));i(n.length>0?n:null),t(n.map(e=>String(e.id)))}},value:l,options:null==s?void 0:s.map(e=>{var t;return{id:e.documentId,label:null==e||null==(t=e.attributes)?void 0:t.title}})}]})(e.module,e=>L({page:1,themeIds:e}));(0,s.useEffect)(()=>{L(void 0),Q(R.map(e=>({id:e.id,label:e.label})))},[A]),(0,s.useEffect)(()=>{F||A||!u[p.Pv]||O(u)},[u]);

1let[M,Q]=(0,s.useState)([]);return(0,i.jsxs)("div",{className:_().eventOverview,ref:w,children:[(0,i.jsxs)("div",{className:_().wrapper,children:[(0,i.jsxs)("div",{className:_().filterBar,children:[(0,i.jsxs)("div",{className:_().filterContent,children:[(0,i.jsx)("span",{className:_().label,children:e.module.filterLabel}),(0,i.jsxs)("div",{className:_().filterButtons,children:[(0,i.jsx)("span",{className:_().themeFilter,children:(0,i.jsx)(d.F,{title:l({id:"modules.newsOverview.themeFilter.title"}),items:V[0].options,onChange:()=>{W(M.length>0?M:null),L({page:1,themeIds:M.map(e=>String(e.id))})},onSelectedItemsChanged:Q,selectedItems:M})}),!!R.length&&(0,i.jsx)("span",{className:_().removeFilters,children:(0,i.jsx)(o.$,{title:l({id:"modules.newsOverview.deleteFilters"},{amount:M.length}),variant:"tertiary-dark",onClick:G})})]})]}),(0,i.jsx)("div",{className:_().amountOfResults,children:l({id:"global.results"},{results:N})})]}),(0,i.jsx)("div",{className:(0,g.A)(_().content,j&&_().resultsLoading),style:{opacity:j?"0.2":1,height:(null==x?void 0:x.length)===9?"1350px":"300px"},children:(null==x?void 0:x.length)>0?null==x?void 0:x.map((e,t)=>{let{header:l,from:s,until:n,location:r,url:a}=e;return(0,i.jsx)("div",{children:(0,i.jsx)(c.CG,{id:"events-overview-".concat(t),bodyText:"",excerpt:(null==l?void 0:l.excerpt)||"",from:s,until:n,location:r,slug:a||"",title:(null==l?void 0:l.title)||"",cover:l.cover,type:"evenementen",priority:t<3},t)},t)}):(0,i.jsx)("div",{className:_().emptyState,children:(0,i.jsx)(v.p,{onClearFilters:G,isLoading:j})})})]}),(0,i.jsx)("div",{className:_().pagination,children:(0,i.jsx)(z,{totalCount:N,onPageChange:e=>{e!==I&&(k(e),L({page:e}))}})})]})},w=y},63247:e=>{e.exports={select:"select_select__gH8jF",fixCrossBrowserStyling:"select_fixCrossBrowserStyling__2ob5Q",customSelect:"select_customSelect__wyqnN",sizeMedium:"select_sizeMedium__Wv_hN",sizeBig:"select_sizeBig__MkCBN",fullWidth:"select_fullWidth__VVbKG",error:"select_error__WGB5p",placeholder:"select_placeholder__d1tbe",option:"select_option__WB3O8"}},95447:(e,t,l)=>{"use strict";l.d(t,{l:()=>v});var i=l(23798),s=l(21462),n=l(92288),r=l.n(n),a=l(49980),o=l(37456),d=l(63247),c=l.n(d);let v=(0,o.P)(e=>{var t,l,n,o,d,v,_,h;let{className:m,disabled:p,enableCustom:g,fixCrossBrowserStyling:y,fullWidth:w,multiple:f=!1,options:S,size:x=e.size||"small",wrapperClassName:b,title:j,name:C}=e,[N,B]=(0,s.useState)(0),A=(0,a.A)(m,e.isInvalid&&(null==(t=e.styling)?void 0:t.getStyle(c(),"error")),null==(l=e.styling)?void 0:l.getStyle(c(),"select"),"small"!==x&&(null==(n=e.styling)?void 0:n.getStyle(c(),"size".concat(r()(x)))),w&&(null==(o=e.styling)?void 0:o.getStyle(c(),"fullWidth")),y&&(null==(d=e.styling)?void 0:d.getStyle(c(),"fixCrossBrowserStyling")),!e.value&&!e.hidePlaceholderStyle&&(null==(v=e.styling)?void 0:v.getStyle(c(),"placeholder"))),O=(0,a.A)(b,null==(_=e.styling)?void 0:_.getStyle(c(),"customSelect"),p&&(null==(h=e.styling)?void 0:h.getStyle(c(),"disabled"))),F=e.value||e.placeholder,P=t=>{f&&B(N+1),e.onChange&&e.onChange(t)},I=()=>{var t;return(0,i.jsxs)("select",{className:A,disabled:p,id:e.id,onChange:P,value:F,multiple:f,title:j,name:C,children:[e.placeholder&&(0,i.jsx)("option",{value:e.placeholder,className:null==(t=e.styling)?void 0:t.getStyle(c(),"placeholder"),children:e.placeholder},e.placeholder),S.map(t=>{var l;return(0,i.jsx)("option",{value:t.id,className:null==(l=e.styling)?void 0:l.getStyle(c(),"option"),disabled:u(t,e.disabledOptions),children:t.label},"".concat(t.id,"-").concat(N))})]})};return g?(0,i.jsx)("div",{className:O,children:I()}):I()}),u=(e,t)=>!!t&&t.findIndex(t=>t.id===e.id)>-1}}]);
2//# sourceMappingURL=5764.224ff94e9dd9d9ee.js.map