https://www.loesje.nl/_nuxt/suwEJaP9.js

1import{Bt as e,Ct as t,Gn as n,Kt as r,Mt as i,Tn as a,Ut as o,Yn as s,_n as c,at as l,bt as u,d,ft as f,gn as p,gt as m,ht as h,mt as g,on as _,p as v,pn as y,pt as b,qt as x,xt as S}from"./CHai4uld.js";import{lt as C,ut as w}from"./SBtM8YTj.js";import{at as T,n as E,r as ee,t as D}from"./CKz62nJp.js";import{t as O}from"./BNVuriG_.js";import{t as k}from"./BdQ4lKdR.js";import{n as A,o as j,r as M,s as N}from"./AZc227RS.js";import{t as te}from"./0QTDRS9-.js";import{t as P}from"./Bl6aerdV.js";import{t as F}from"./BjEM8px4.js";import{t as I}from"./BGdhgSGD.js";var L=t({inheritAttrs:!1,props:{results:{type:Array,default:()=>[]},modelValue:{type:String,default:``},title:{type:String,default:``}},emits:[`update:modelValue`,`submit`,`update:modelValue`,`submit`],data(){return{arrowCounter:-1,showList:!1}},computed:{resultsWithHighlightText(){return this.results.map(e=>({...e,title:e.title.replace(RegExp(`(^|)(${this.modelValue})(|$)`,`ig`),`$1<strong>$2</strong>$3`)}))}},mounted(){document.addEventListener(`click`,this.handleClickOutside)},unmounted(){document.removeEventListener(`click`,this.handleClickOutside)},methods:{input(){this.showList=!0,this.$emit(`update:modelValue`,event.target.value)},selectItem(e){this.$router.push(e.uri)},onArrowDown(){this.arrowCounter<this.resultsWithHighlightText.length-1&&(this.arrowCounter+=1)},onArrowUp(){this.arrowCounter>0&&--this.arrowCounter},submit(){this.arrowCounter>-1?this.selectItem(this.resultsWithHighlightText[this.arrowCounter]):(this.close(),this.$emit(`submit`,this.modelValue))},handleClickOutside(e){this.$el.contains(e.target)||this.close()},reset(){this.$emit(`update:modelValue`,``),this.$emit(`submit`,``),this.close()},close(){this.arrowCounter=-1,this.showList=!1}}}),R={role:`search`},z={class:`sr-only`},B={class:`wrapper`},V={class:`input-wrapper`},H={class:`buttons`},U={type:`submit`,class:`btn-submit`},W={key:0,class:`autocomplete`},G={class:`list`};function K(e,t,a,c,u,d){let f=P,p=k,g=O;return o(),m(`search`,R,[b(`form`,{method:`get`,class:`form`,onKeyup:t[1]||=C((...t)=>e.reset&&e.reset(...t),[`esc`]),onSubmit:t[2]||=w((...t)=>e.submit&&e.submit(...t),[`prevent`])},[b(`legend`,z,s(e.$t(`search`)),1),b(`div`,B,[b(`div`,V,[S(f,i({id:`search`,type:`search`,name:`search`,autocomplete:`off`,"model-value":e.modelValue,class:`search`,title:e.$t(`search`)},e.$attrs,{onInput:e.input,onKeyupDown:e.onArrowDown,onKeyupUp:e.onArrowUp}),null,16,[`model-value`,`title`,`onInput`,`onKeyupDown`,`onKeyupUp`])]),b(`div`,H,[e.modelValue.length?(o(),m(`button`,{key:0,type:`button`,class:`btn-reset`,onClick:t[0]||=(...t)=>e.reset&&e.reset(...t)},[S(p,{icon:`close`,width:24,height:24,title:`Sluiten`})])):h(``,!0),b(`button`,U,[S(p,{icon:`search`,width:24,height:24,title:`Zoeken`})])]),e.resultsWithHighlightText.length&&e.showList?(o(),m(`div`,W,[b(`ul`,G,[(o(!0),m(l,null,r(e.resultsWithHighlightText,(t,r)=>(o(),m(`li`,{key:t.id},[S(g,{class:n([{active:r===e.arrowCounter},`btn-result`]),to:t.uri,innerHTML:t.title},null,8,[`class`,`to`,`innerHTML`])]))),128))])])):h(``,!0)])],32)])}var q=Object.assign(E(L,[[`render`,K],[`__scopeId`,`data-v-e88c02f5`]]),{__name:`AutocompleteField`}),J=Object.assign(t({__name:`PostersAutoComplete`,setup(t){let n=j(),r=c(n.value),i=v(),s=ee(),{data:l}=T(`/api/posters/search`,{query:{search:r}},`$Ue0IpyAZMD`),u=f(()=>r.value.length<2||!l.value?[]:l.value.map(e=>{let t=s({name:`posters-details`,params:{slug:e.slug}});return{id:e.id,title:e.title,uri:t}}));e(()=>{let{q:e}=i.query;e&&(r.value=e.toString(),n.value=e.toString())});let p=()=>{d({...i,query:{...i.query,q:r.value}},{replace:!0}),n.value=r.value};return(e,t)=>{let n=q;return o(),g(n,{modelValue:a(r),"onUpdate:modelValue":t[0]||=e=>y(r)?r.value=e:null,results:a(u),title:e.$t(`searchPosters`),placeholder:e.$t(`searchPostersByText`),onSubmit:p},null,8,[`modelValue`,`results`,`title`,`placeholder`])}}}),{__name:`PostersAutoComplete`}),Y=[`aria-expanded`],X={class:`sr-only`},Z={class:`title`},ne=Object.assign(E(t({__name:`PosterFilterToggle`,props:{isActive:{type:Boolean,default:!1}},emits:[`toggle`],setup(e){return(t,n)=>{let r=k;return o(),m(`button`,{class:`btn`,type:`button`,"aria-expanded":e.isActive?`true`:`false`,onClick:n[0]||=e=>t.$emit(`toggle`)}

1,[b(`span`,X,s(t.$t(`viewAll`)),1),b(`span`,Z,[x(t.$slots,`default`,{},void 0,!0)]),S(r,{icon:`chevron-down`,class:`icon`,width:12,height:12})],8,Y)}}}),[[`__scopeId`,`data-v-6da085a6`]]),{__name:`PosterFilterToggle`}),Q=function(e){return e.Source=`source`,e.Subject=`subject`,e}({}),$=()=>{let e=N(),t=t=>e.value.filter(e=>e.type===t).map(e=>e.id);return{selectedTags:e,selectedSourceIds:f(()=>t(Q.Source)),selectedSubjectIds:f(()=>t(Q.Subject))}},re={key:0,class:`filter`},ie={class:`buttons`},ae={class:`filter-item date`},oe={class:`filter-item date`},se={key:`sources`,class:`tags`,tabindex:`-1`},ce={key:`subjects`,class:`tags`,tabindex:`-1`},le=Object.assign(E(t({__name:`PosterFilters`,setup(e){let{selectedSourceIds:t,selectedSubjectIds:n}=$(),r=p({sources:!1,subjects:!1}),{data:i}=T(`/api/posters/taxonomies`,`$DlB-NBexAm`),c=M(),d=A(),f=e=>{e===`subjects`?(r.subjects=!r.subjects,r.sources=!1):(r.sources=!r.sources,r.subjects=!1)},v=()=>{let e=new Date,t=e.getMonth()+1,n=e.getDate(),r=`${t}`;t<10&&(r=`0${t}`);let i=`${n}`;return n<10&&(i=`0${n}`),`${e.getFullYear()}-${r}-${i}`};return(e,p)=>{let x=ne,C=P,w=F,T=D,E=te;return a(i)?(o(),m(`div`,re,[b(`div`,ie,[a(i).sources.length?(o(),g(x,{key:0,"is-active":a(r).sources,class:`filter-item`,onToggle:p[0]||=e=>f(`sources`)},{default:_(()=>[u(s(e.$t(`sources`))+` `,1),a(t).length?(o(),m(l,{key:0},[u(` (`+s(a(t).length)+`) `,1)],64)):h(``,!0)]),_:1},8,[`is-active`])):h(``,!0),a(i).subjects.length?(o(),g(x,{key:1,"is-active":a(r).subjects,class:`filter-item`,onToggle:p[1]||=e=>f(`subjects`)},{default:_(()=>[u(s(e.$t(`subjects`))+` `,1),a(n).length?(o(),m(l,{key:0},[u(` (`+s(a(n).length)+`) `,1)],64)):h(``,!0)]),_:1},8,[`is-active`])):h(``,!0),b(`div`,ae,[S(C,{id:`date-after`,modelValue:a(d),"onUpdate:modelValue":p[2]||=e=>y(d)?d.value=e:null,type:`date`,title:e.$t(`until`),name:`date-after`,max:v(),min:a(c)?a(c):`1983-01-01`},null,8,[`modelValue`,`title`,`max`,`min`])]),b(`div`,oe,[S(C,{id:`date-before`,modelValue:a(c),"onUpdate:modelValue":p[3]||=e=>y(c)?c.value=e:null,type:`date`,title:e.$t(`from`),name:`date-before`,min:`1983-01-01`,max:a(d)?a(d):v()},null,8,[`modelValue`,`title`,`max`])])]),S(E,{mode:`out-in`},{default:_(()=>[a(r).sources?(o(),m(`div`,se,[S(T,null,{default:_(()=>[S(w,{list:a(i).sources},null,8,[`list`])]),_:1})])):h(``,!0),a(r).subjects?(o(),m(`div`,ce,[S(T,null,{default:_(()=>[S(w,{list:a(i).subjects},null,8,[`list`])]),_:1})])):h(``,!0)]),_:1})])):h(``,!0)}}}),[[`__scopeId`,`data-v-3d80baa4`]]),{__name:`PosterFilters`}),ue=t({__name:`index`,setup(e){let{selectedSourceIds:t,selectedSubjectIds:n,selectedTags:r}=$(),i=j(),s=M(),c=A();return(e,u)=>{let d=J,f=le,p=F,h=D,g=I;return o(),m(l,null,[S(h,null,{default:_(()=>[S(d),S(f),S(p,{list:a(r)},null,8,[`list`])]),_:1}),S(g,{search:a(i),"date-before":a(s),"date-after":a(c),"source-ids":a(t),"subject-ids":a(n)},null,8,[`search`,`date-before`,`date-after`,`source-ids`,`subject-ids`])],64)}}});export{ue as default};