https://vonk.nl/_nuxt/Dnbym2UM.js

1import{_ as ke}from"./DG2Hq9mS.js";import{d as we,w as R,c as v,a as l,b as u,a2 as Ee,a3 as Se,h as e,m as Ce,n as q,D as Z,F as D,r as V,t as x,q as B,i as M,ap as De,z as y,e as T,o as r,_ as Te,f as Ae}from"./BlxtTmBL.js";import Oe from"./DzEh9pFT.js";import Ue from"./C3uaWRnW.js";import Ie from"./BUDkA2Tb.js";import j from"./D6JrDj7T.js";import{u as Ne}from"./BQAo1GOl.js";import{u as $e,g as Pe}from"./D-veoR7G.js";import"./B-6zf7_9.js";import"./FDlJE_TI.js";import"./ByadkmR4.js";import"./Blyy3_qL.js";import"./ZFEqCLFy.js";import"./DzLcp-sl.js";import"./CQ8VETFP.js";const Ve={class:"EventsOverviewWrapper mb-48"},Be={class:"event-overview-header col-1-1 bg-pink"},Me={class:"flex align-end grid"},ze={class:"col-7-12 sm-col-1-1"},Ge=["innerHTML"],He={class:"col-4-12 push-1-12 sm-col-1-1 sm-push-0"},Je={class:"search-input-wrapper"},We=["aria-label","placeholder"],Re={class:"mobile-filters col-1-1 mt-sm"},qe=["onClick"],Ze={class:"grid"},je={class:"events-wrapper sm-col-1-1 col-3-4 no-p"},Ke={key:0},Qe={key:0,class:"mobile-filters-modal"},Xe={class:"modal-content"},Ye={class:"modal-header"},et={class:"heading-3 mb-0 modal-title"},tt={class:"modal-body"},nt={class:"modal-footer"},K=3,lt=2,at=we({__name:"EventsOverviewWrapper",props:{content:{},id:{},class:{},page:{},settings:{},contentblockIdx:{}},async setup(L){let _,k;const i=L,{translate:g}=Ne(),z=g("Zoeken naar voorstellingen"),Q=([_,k]=R(()=>Pe()),_=await _,k(),_),{availableFilters:m,fetchEvents:G,updateFilterValue:X,clearFilterValue:Y,eventsResponse:A,setExcludedFilters:ee,setItemsExcluded:te,startAt:O,endAt:w,currentPage:ne,setCurrentPage:U,setPageSize:le,setStartAt:ae,setEndAt:se,searchString:I,setSearchString:ie,updateSearch:oe,updateClearFilterValue:re,updateDate:H,updateCurrentPage:ce}=$e(Q),de=y(()=>{const n={};return i.content.excludedLabelList!=null&&i.content.excludedLabelList.length>0&&(n.eventAttribute=i.content.excludedLabelList?.map(t=>t._id)??[]),i.content.excludedLocationList!=null&&i.content.excludedLocationList.length>0&&(n.location=i.content.excludedLocationList?.map(t=>t._id)??[]),i.content.excludedGenreList!=null&&i.content.excludedGenreList.length>0&&(n.genre=i.content.excludedGenreList?.map(t=>t._id)??[]),n}),ue=y(()=>i.content.excludedEventList?.map(n=>n._id)??[]);ee(de.value),te(ue.value),le(K),[_,k]=R(()=>G()),await _,k();const h=y(()=>A.value?.events),pe=y(()=>{if(!h.value)return[];const n=lt,t=[];for(let s=0;s<h.value.length;s+=n){const c=h.value.slice(s,s+n),F=Math.floor(s/n),b={events:c};if(s+n<h.value.length&&i.content.bannerList&&i.content.bannerList.length>0){const a=F%i.content.bannerList.length;b.banner=i.content.bannerList[a]}t.push(b)}return t}),ve=y(()=>$.value?m.value.find(n=>n.value===$.value)?.label:g("Filters"));async function me(){m.value?.forEach(n=>

1{Y(n.value,n.idx)}),U(1),ie(""),H(null,null)}async function fe(n,t){U(1),H(n,t)}async function _e(n){re(n.value,n.idx)}const{showFilters:N,tempFilters:be,tempDate:J,updateTempFilter:ge,deleteTempFilter:he,updateTempDate:Fe,hasActiveFilters:xe,applyFilters:W,detailFilter:$,openDetailFilter:P}=ye();function ye(){const n=T(!1),t=T([]),s=T([null,null]),c=T(void 0);function F(o){n.value=!0,c.value=o,t.value=JSON.parse(JSON.stringify(m.value))}function b(o,p){const f=t.value.find(d=>d.value===o);if(f){const d=f.options.find(Le=>Le.label===p);d&&(d.isSelected=!d.isSelected)}}async function E(){m.value&&(m.value=JSON.parse(JSON.stringify(t.value)),s.value[0]!==O.value&&s.value[1]!==w.value&&(ae(s.value[0]),se(s.value[1])),n.value=!1,U(1),await G())}function a(o){const p=t.value.find(f=>f.idx===o.idx);p&&p.options.forEach(f=>{f.isSelected=!1})}function S(o,p){s.value=[o,p],t.value.find(d=>d.value==="date")?.options.forEach(d=>{d.isSelected=!1})}function C(o){return o.options.some(p=>p.isSelected)}return{showFilters:n,tempFilters:t,tempDate:s,updateTempFilter:b,deleteTempFilter:a,updateTempDate:S,hasActiveFilters:C,applyFilters:E,detailFilter:c,openDetailFilter:F}}return(n,t)=>{const s=ke,c=Te,F=Oe,b=Ue,E=Ie;return r(),v("div",null,[l("div",Ve,[l("div",Be,[l("div",Me,[l("div",ze,[u(s,{class:"heading-1 mb-lg","heading-type":L.content.seoHeadingtype,title:L.content.title},null,8,["heading-type","title"]),l("div",{innerHTML:L.content.text},null,8,Ge)]),l("div",He,[l("div",Je,[u(c,{icon:"search",class:"search-icon"}),Ee(l("input",{id:"events-search-input","onUpdate:modelValue":t[0]||(t[0]=a=>Ce(I)?I.value=a:null),class:"search-input","aria-label":e(z),placeholder:e(z),onInput:t[1]||(t[1]=a=>e(oe)(a.target.value))},null,40,We),[[Se,e(I)]])])]),l("div",Re,[l("button",{class:"mobile-filter-button","aria-label":"Open filters",onClick:t[2]||(t[2]=a=>e(P)(""))},[u(c,{icon:"filter",class:"filter-icon"})]),l("div",{class:q(["mobile-filter-badge",{"active-filter-badge":!!e(w)}]),onClick:t[3]||(t[3]=a=>e(P)("date"))},[t[7]||(t[7]=Z(" Selecteer datum ",-1)),u(c,{icon:"chevron-down",class:"filter-icon"})],2),(r(!0),v(D,null,V(e(m),a=>(r(),v("div",{key:a.value,class:q(["mobile-filter-badge",{"active-filter-badge":e(xe)(a)}]),onClick:S=>e(P)(a.value)},[Z(x(a.label)+" ",1),u(c,{icon:"chevron-down",class:"filter-icon"})],10,qe))),128))])])]),l("div",Ze,[u(j,{class:"desktop-filters col-1-4","initial-date-value":[e(O),e(w)],"available-filters":e(m),onUpdateFilter:e(X),onUpdateDate:fe,onDeleteFilter:_e},null,8,["initial-date-value","available-filters","onUpdateFilter"]),l("div",je,[(r(!0),v(D,null,V(e(pe),(a,S)=>(r(),v(D,{key:S},[(r(!0),v(D,null,V(a.events,(C,o)=>(r(),M(F,{key:`${C.id}-${o}`,event:C},null,8,["event"]))),128)),a.banner?(r(),M(b,{key:0,content:a.banner.content},null,8,["content"])):B("",!0)],64))),128)),e(h)?.length?B("",!0):(r(),v("div",Ke,[l("p",null,x(e(g)("Geen evenementen gevonden")),1),l("button",{class:"btn btn-primary",onClick:me}," Wis filters ")]))]),u(E,{class:"pagination","articles-per-page":K,"article-count":e(A).pagination?.count,"current-page":e(ne),"page-count":e(A).pagination?.pages,"onUpdate:currentPage":e(ce)},null,8,["article-count","current-page","page-count","onUpdate:currentPage"])])]),(r(),M(De,{to:"body"},[e(N)?(r(),v("div",Qe,[l("div",Xe,[l("div",Ye,[l("h3",et,x(e(ve)),1),l("button",{class:"modal-close",onClick:t[4]||(t[4]=a=>N.value=!1)},[u(c,{icon:"close",class:"modal-close-icon"})])]),l("div",tt,[u(j,{class:"mobile-filters-test","detail-filter":e($),"initial-date-value":e(J)?.length?e(J):[e(O),e(w)],"available-filters":e(be),"is-mobile-usage":!0,onUpdateDate:e(Fe),onUpdateFilter:e(ge),onDeleteFilter:e(he)},null,8,["detail-filter","initial-date-value","available-filters","onUpdateDate","onUpdateFilter","onDeleteFilter"])]),l("div",nt,[l("button",{class:"btn btn-secondary",onClick:t[5]||(t[5]=a=>N.value=!1)},x(e(g)("Terug")),1),l("button",{class:"btn btn-primary btn-confirm",onClick:t[6]||(t[6]=(...a)=>e(W)&&e(W)(...a))},x(e(g)("Filters toepassen")),1)])])])):B("",!0)]))])}}}),Ft=Ae(at,[["__scopeId","data-v-30d83b01"]]);export{Ft as default};