1import{A as e,C as t,E as n,H as r,S as i,T as a,W as o,b as s,ft as c,k as l,lt as u,pt as d,ut as f,w as p}from"./vendor-core-ByrB1I1z.js";import{Ta as m,mo as h}from"./shared-u6UeEZvS.js";import{c as g,i as _,l as v,s as y}from"./components-C17tSsFj.js";var b={class:`mx-auto max-w-6xl px-4 sm:px-6`},x={class:`grid gap-6 sm:grid-cols-2 lg:grid-cols-3`},S=[`onClick`],C=[`src`,`alt`],w={__name:`PublicGallery`,props:{gallery:{type:Array,required:!0},imageUrl:{type:Function,required:!0},variant:{type:String,default:`classic`},viewAllPath:{type:String,default:``},pageSize:{type:Number,default:6}},emits:[`open-image`],setup(w,{emit:T}){let E=w,D=T,{page:O,pageCount:k,worthViewingAll:A,pagedItems:j,setPage:M}=m(()=>E.gallery,E.pageSize);function N(e){return E.variant===`editorial`&&e%3==0?`sm:col-span-2`:``}let P=i(()=>E.gallery.map(e=>({url:E.imageUrl(e.image_url),afterUrl:e.after_image_url?E.imageUrl(e.after_image_url):``,caption:e.caption||``})));function F(e){D(`open-image`,{images:P.value,index:Math.max(0,E.gallery.indexOf(e))})}let I={classic:`rounded-xl border border-slate-200 bg-white shadow-xs`,aurora:`rounded-3xl border border-slate-200/80 bg-white p-1.5 shadow-sm`,editorial:`rounded-none border border-slate-200 bg-white`,ironclad:`border-2 border-white/10 bg-slate-900`,harvest:`rounded-2xl border border-[var(--theme-rule)] bg-[var(--theme-paper)]`};return(i,m)=>(r(),n(`section`,{id:`gallery-section`,class:f([`fade-section py-16 sm:py-20`,w.variant===`classic`?`scroll-mt-16`:`scroll-mt-24 sm:py-24`])},[t(`div`,b,[e(v,{variant:w.variant,eyebrow:`Our work`,title:`Gallery`,subtitle:`Drag the slider on before & after photos to compare.`,number:`05`},null,8,[`variant`]),t(`div`,x,[(r(!0),n(s,null,o(u(j),(i,o)=>(r(),n(`figure`,{key:i.id,class:f([`reveal-child group flex flex-col overflow-hidden transition duration-300 hover:-translate-y-1 hover:shadow-lg`,[I[w.variant]||I.classic,N(o)]]),style:c({transitionDelay:`${o*60}ms`})},[i.after_image_url?(r(),p(_,{key:0,class:f([`grow`,w.variant===`aurora`?`overflow-hidden rounded-[1.35rem]`:``]),before:w.imageUrl(i.image_url),after:w.imageUrl(i.after_image_url),alt:i.caption||`Our work`,expandable:``,onExpand:e=>F(i)},null,8,[`class`,`before`,`after`,`alt`,`onExpand`])):(r(),n(`button`,{key:1,type:`button`,class:f([`relative block aspect-[4/3] w-full grow cursor-zoom-in overflow-hidden bg-slate-100`,w.variant===`aurora`?`rounded-[1.35rem]`:``]),onClick:e=>F(i)},[t(`img`,{src:w.imageUrl(i.image_url),alt:i.caption||`Gallery photo`,loading:`lazy`,decoding:`async`,class:`size-full object-cover transition-transform duration-500 group-hover:scale-105`},null,8,C)],10,S)),i.caption?(r(),n(`figcaption`,{key:2,class:f([`flex items-center gap-2 text-sm`,[w.variant===`ironclad`?`text-slate-400`:`text-slate-600`,w.variant===`aurora`?`px-3.5 py-3.5`:`px-5 py-4`]])},[e(h,{name:`image`,size:14,class:`shrink-0 text-[var(--primary-readable)]`}),l(` `+d(i.caption),1)],2)):a(``,!0)],6))),128))]),e(y,{page:u(O),"page-count":u(k),variant:w.variant,label:`Gallery pages`,onChange:m[0]||=e=>u(M)(e,`gallery-section`)},null,8,[`page`,`page-count`,`variant`]),w.viewAllPath&&u(A)?(r(),p(g,{key:0,to:w.viewAllPath,label:`images`,variant:w.variant,tight:u(k)>1},null,8,[`to`,`variant`,`tight`])):a(``,!0)])],2))}};export{w as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.