import{d as C,u as k,a as w,s as S,e as m,r as y,aF as B,aG as d,g as e,f as u,h as o,i as _,v as f,z as D,A as c,F,y as M,bL as N,aM as O,o as p,b9 as z,C as A,a0 as L,_ as V}from"./BxiWQxwE.js";import{u as q}from"./D0yXLBOh.js";const E={class:"filter--department"},G=["src","alt"],I=C({__name:"department",props:{thumbnail:{type:Boolean,required:!1,default:!1}},setup(v){const r=k(),{$messages:i}=w();S(r,()=>n.value=!1);const{departmentsCategories:l}=q(),g=m(()=>{const t=l.value.find(s=>String(s.slug)===String(r.params.department));return t?[t,...l.value.filter(s=>String(s.slug)!==String(t.slug))]:l.value}),n=y(!1),h=()=>n.value=!1,b=m(()=>{const t=l.value.find(s=>s.slug===r.params.department);return t?t.description:i("filters.department.placeholder")});return B(()=>n.value=!1),(t,s)=>{const $=z,x=L;return d((p(),u("div",E,[o("button",{type:"button",class:c({open:e(n)}),onClick:s[0]||(s[0]=D(a=>n.value=!e(n),["prevent"]))},[o("span",null,f(e(b)),1),_($)],2),d(o("ul",{class:c({thumbnail:v.thumbnail||t.$device.isMobile})},[(p(!0),u(F,null,M(e(g),a=>(p(),u("li",{key:a.id},[_(x,{to:`/producten/${a.slug}`,"aria-label":`${a.description} ${e(i)("common.department")}`,class:c({active:String(e(r).params.department)===a.slug})},{default:A(()=>[o("img",{src:a.image,alt:`${a.description} ${e(i)("common.department")}`},null,8,G),o("span",null,f(a.description),1)]),_:2},1032,["to","aria-label","class"])]))),128))],2),[[N,e(n)]])])),[[e(O),h]])}}}),j=V(I,[["__scopeId","data-v-ace77ac2"]]);export{j as default};