import{K as l,e as p,M as u,g as d}from"./entry.YbbGs__P.js";import{j as g,M as m,N as _,O as x,Q as o,U as f,u as a,P as h}from"./vue-pic.1yvOmXPY.js";const y={class:"[grid-area:1/-1] z-20 title-sans title-sans--lg lg:title-sans--xl uppercase text-white break- m-auto p-4"},b=o("div",{class:"[grid-area:1/-1] z-10 w-full h-full aspect-square rounded-full bg-black opacity-50 group-hover:opacity-25 transition-opacity duration-300 ease-in-out"},null,-1),B=g({__name:"CTACircularListing",props:{category:{}},setup(s){const e=s,t=p(),n=e.category.displayName,r=l(`backupimageIdentifier-${e.category.path}`,()=>e.category.eventImageId?null:e.category.imageCategory||t.public.BACKUP_IMAGES[Math.floor(Math.random()*t.public.BACKUP_IMAGES.length)]);return(w,k)=>{const i=u,c=d;return m(),_(c,{to:e.category.path,class:"grid group bg-black hover:bg-[#B5B5B4] rounded-full aspect-square [word-break:break-word] text-center"},{default:x(()=>[o("h2",y,f(a(n)),1),b,h(i,{class:"[grid-area:1/-1] rounded-full w-full","event-id":e.category.eventImageId,backup:a(r),onerror:"this.style.display='none'","srcset-resolutions":["150x150","300x300","400x400","600x600","800x800","1000x1000"],sizes:"(min-width: 1700px) 221px, (min-width: 1280px) 13.5vw, (min-width: 1040px) calc(25vw - 37px), (min-width: 780px) calc(33.33vw - 43px), calc(50vw - 34px)",identifier:"hero"},null,8,["event-id","backup"])]),_:1},8,["to"])}}});export{B as default};