https://climbers-club.co.uk/_app/immutable/chunks/DJV6UwY9.js

1import{At as e,C as t,Et as n,I as r,J as i,L as a,M as o,P as s,R as c,Tt as l,U as u,W as d,ct as f,dt as p,et as m,ft as h,g,gt as _,j as v,jt as y,lt as b,r as x,st as S,ut as C,z as w}from"./vcPY0m6C.js";import"./kykoTblm.js";import{u as T}from"./Db1BIGr_.js";import{t as E}from"./Bq498nnX.js";var D=w(`<p class="text-center py-12 text-gray-500">Loading...</p>`),O=w(`<p class="text-center py-12 text-red-500"> </p>`),k=w(`<p class="text-center py-12 text-gray-600">No media found.</p>`),A=w(`<p class="text-white text-sm text-center mt-2"> </p>`),j=w(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/80" role="dialog" aria-modal="true" aria-label="Image lightbox" tabindex="0"><div class="relative max-w-4xl max-h-[90vh] p-4" role="document"><button class="absolute top-2 right-2 z-10 w-8 h-8 rounded-full bg-black/50 text-white hover:bg-black/80 flex items-center justify-center text-lg">✕</button> <img class="max-w-full max-h-[80vh] object-contain rounded-lg"/> <!></div></div>`),M=w(`<div class="mb-8"><div class="flex items-center justify-between mb-3"><h2 class="text-lg font-semibold text-gray-900"> </h2> <button class="text-gray-500 hover:text-gray-900 text-2xl leading-none">✕</button></div> <video controls="" autoplay="" class="w-full rounded-xl shadow-2xl bg-black max-h-[60vh]"></video></div> <hr class="border-gray-200 mb-8"/>`,3),N=w(`<video preload="metadata" class="w-full h-full object-cover opacity-80 group-hover:opacity-100 transition-opacity"></video> <div class="absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/10 transition-colors"><div class="w-12 h-12 rounded-full bg-white/20 backdrop-blur flex items-center justify-center group-hover:bg-white/30 transition-colors"><svg class="w-5 h-5 text-white ml-1" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg></div></div>`,3),P=w(`<img class="w-full h-full object-cover opacity-90 group-hover:opacity-100 transition-opacity"/> <div class="absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/20 transition-colors"><div class="opacity-0 group-hover:opacity-100 transition-opacity w-10 h-10 rounded-full bg-white/30 backdrop-blur flex items-center justify-center"><svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7"></path></svg></div></div>`,1),F=w(`<div class="flex flex-col items-center justify-center text-gray-400 p-4"><svg class="w-12 h-12 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <span class="text-xs"> </span></div>`),I=w(`<button><div class="relative bg-gray-100 aspect-video flex items-center justify-center"><!></div> <div class="p-3 bg-white"><p class="text-sm font-medium text-gray-900 truncate"> </p></div></button>`),L=w(`<!> <!> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"></div>`,1);function R(u,w){n(w,!0);let R=h(C([])),z=h(null),B=h(!1),V=h(null),H=e=>{if(!e.formats)return null;if(typeof e.formats==`string`)try{return JSON.parse(e.formats)}catch{return null}return e.formats},U=e=>{let t=H(e),n=t?.thumbnail?.url??t?.small?.url??e.url;return E(n)??n},W=e=>E(e.url)??e.url,G=e=>e.mime?.startsWith(`video/`),K=e=>e.mime?.startsWith(`image/`),q=e=>{let t=e.caption??e.alternative_text??e.name;return/^\d{2}-/.test(t)?t:`99-${t}`},J=e=>e.replace(/\.[^/.]+$/,``).replace(/[-_]/g,` `).replace(/\b\w/g,e=>e.toUpperCase()),Y=e=>(e.caption??e.alternative_text??J(e.name)).replace(/^\d{2}-/,``).trim(),X=async()=>{p(B,!0),p(V,null);try{let{body:e,status:t}=await T(`/cc-media-library?folder=${w.folder}`);if(t>201){p(V,`Failed to load media`);return}p(R,(e??[]).sort((e,t)=>q(e).localeCompare(q(t))),!0)}catch(e){p(V,`Failed to load media`),console.error(e)}finally{p(B,!1)}};x(X);var Z={load:X},Q=c(),$=f(Q),ee=e=>{a(e,D())},te=e=>{var t=O(),n=S(t,!0);y(t),m(()=>r(n,i(V))),a(e,t)},ne=e=>{a(e,k())},re=n=>{var c=L(),l=f(c),u=e=>{var t=j(),n=S(t),o=S(n),c=b(o,2),l=b(c,2),u=e=>{var t=A(),n=S(t,!0);y(t),m(e=>r(n,e),[()=>Y(i(z))]),a(e,t)};s(l,e=>{i(z).caption&&e(u)}),y(n),y(t),m((e,n,r)=>{g(t,`title`,e),g(c,`src`,n),g(c,`alt`,r)},[()=>i(z).alternative_text??Y(i(z)),()=>W(i(z)),()=>i(z).alternative_text??Y(i(z))]),d(`click`,t,()=>p(z,null)),d(`keydown`,t,e=>e.key===`Escape`&&p(z,null)),d(`click`,n,e=>e.stopPropagation()),d(`keydown`,n,e=>e.stopPropagation()),d(`click`,o,()=>p(z,null)),a(e,t)},h=_(()=>i(z)&&K(i(z)));s(l,e=>{i(h)&&e(u)});var x=b(l,2),C=t=>{var n=M(),o=f(n),s=S(o),c=S(s),l=S(c,!0);y(c);var u=b(c,2);y(s);var h=b(s,2);y(o),e(2),m((e,t)=>{r(l,e),g(h,`src`,t)},[()=>Y(i(z)),()=>W(i(z))]),d(`click`,u,()=>p(z,null)),a(t,n)},w=_(()=>i(z)&&G(i(z)));s(x,e=>{i(w)&&e(C)});var T=b(x,2);v(T,21,()=>i(R),o,(n,o)=>{var c=I(),l=S(c),u=S(l),h=t=>{var n=N(),r=f(n);e(2),m(e=>g(r,`src`,e),[()=>`${W(i(o))}#t=0.5`]),a(t,n)},v=_(()=>G(i(o))),x=t=>{var n=P(),r=f(n);e(2),m((e,t)=>{g(r,`src`,e),g(r,`alt`,t)},[()=>U(i(o)),()=>i(o).alternative_text??Y(i(o))]),a(t,n)},C=_(()=>K(i(o))),w=e=>{var t=F(),n=b(S(t),2),s=S(n,!0);y(n),y(t),m(()=>r(s,i(o).mime)),a(e,t)};s(u,e=>{i(v)?e(h):i(C)?e(x,1):e(w,-1)}),y(l);var T=b(l,2),E=S(T),D=S(E,!0);y(E),y(T),y(c),m((e,n)=>{t(c,1,`group text-left rounded-xl overflow-hidden border transition-all duration-200
2					${i(z)?.id===i(o).id?`border-blue-500 ring-2 ring-blue-500/40`:`border-gray-200 hover:border-gray-400`}`),g(c,`title`,e),r(D,n)},[()=>

2i(o).alternative_text??Y(i(o)),()=>Y(i(o))]),d(`click`,c,()=>{p(z,i(o),!0),G(i(o))&&window.scrollTo({top:0,behavior:`smooth`})}),a(n,c)}),y(T),a(n,c)};return s($,e=>{i(B)?e(ee):i(V)?e(te,1):i(R).length===0?e(ne,2):e(re,-1)}),a(u,Q),l(Z)}u([`click`,`keydown`]);export{R as t};