https://open-meteo-website.pages.dev/_app/immutable/chunks/zoomable-image-gallery.B6oNHT_x.chunk.js

1import{At as e,B as t,G as n,J as r,L as i,Lt as ee,M as a,Rt as o,St as s,T as c,Tt as l,U as u,Vt as d,W as f,X as p,Z as m,_t as h,a as g,b as _,bt as v,dt as y,ft as b,gt as x,j as S,jt as C,o as w,rt as T,s as E,vt as D,w as O,wt as k,x as A,yt as j}from"./index-client.1176HqmK.chunk.js";import"./disclose-version.xihTtKlq.chunk.js";import{j as M}from"./scroll-lock.DmBnClEH.chunk.js";import{a as N,i as P,n as F,o as I}from"./location-search.DIV6u3LR.chunk.js";import{n as L}from"./dist.Dd7Rsx8H.chunk.js";import{t as R}from"./x.DuSIcW1g.chunk.js";import{n as z}from"./zoomable-image.D8Tkrrp-.chunk.js";var B=new Set([`$$slots`,`$$events`,`$$legacy`]);function V(e,t){let n=w(t,B),r={name:`chevron-right`,size:24,node:[[`path`,{d:`m9 18 6-6-6-6`}]]};M(e,E(()=>n,{get icon(){return r}}))}var H=new Set([`$$slots`,`$$events`,`$$legacy`]);function U(e,t){let n=w(t,H),r={name:`chevron-left`,size:24,node:[[`path`,{d:`m15 18-6-6 6-6`}]]};M(e,E(()=>n,{get icon(){return r}}))}var W=new Set([`$$slots`,`$$events`,`$$legacy`,`class`,`children`,`label`]),G=n(`<div aria-hidden="true" class="absolute top-3 left-3 z-10 rounded-full bg-black/65 px-3 py-1 text-sm font-medium text-white"> </div>`),K=n(`<button type="button" class="focus-visible:ring-ring absolute top-1/2 left-3 z-10 inline-flex -translate-y-1/2 cursor-pointer items-center justify-center rounded-full bg-black/70 p-3 text-white transition hover:bg-black/85 focus-visible:outline-hidden focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-40" aria-label="View previous image"><!></button> <button type="button" class="focus-visible:ring-ring absolute top-1/2 right-3 z-10 inline-flex -translate-y-1/2 cursor-pointer items-center justify-center rounded-full bg-black/70 p-3 text-white transition hover:bg-black/85 focus-visible:outline-hidden focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-40" aria-label="View next image"><!></button>`,1),q=n(`<!> <div class="relative"><!> <!> <!> <div class="absolute inset-x-3 bottom-3 z-10 flex justify-center"><span aria-hidden="true" class="max-w-[min(42rem,calc(100%-1.5rem))] rounded-full bg-black/70 px-3 py-1 text-center text-sm font-medium text-white"> </span></div> <img loading="eager" decoding="async"/> <img loading="eager" decoding="async"/></div>`,1),te=n(`<div><!></div> <!>`,1);function J(n,p){C(p,!0);let E=g(p,`label`,3,`Image gallery`),M=w(p,W),B=k(v([])),H=k(null),J=k(!1),ne=e=>{let t=T(B).findIndex(t=>t.id===e.id),n=t===-1?null:T(B)[t];if(t===-1)s(B,[...T(B),e],!0);else if(n?.src!==e.src||n.alt!==e.alt||n.description!==e.description||n.dialogImageClass!==e.dialogImageClass){let n=[...T(B)];n[t]=e,s(B,n,!0)}return()=>{s(B,T(B).filter(t=>t.id!==e.id),!0),T(H)===e.id&&(s(H,null),s(J,!1))}},re=e=>{s(H,e,!0),s(J,!0)},Y=l(()=>T(B).findIndex(e=>e.id===T(H))),X=l(()=>T(Y)>=0?T(B)[T(Y)]:null),ie=l(()=>T(Y)>0),ae=l(()=>T(Y)>=0&&T(Y)<T(B).length-1),Z=e=>{if(T(Y)<0)return;let t=T(Y)+e;t<0||t>=T(B).length||s(H,T(B)[t].id,!0)},oe=e=>{e.key===`ArrowLeft`&&(e.preventDefault(),Z(-1)),e.key===`ArrowRight`&&(e.preventDefault(),Z(1))};b(()=>{if(!T(J)){s(H,null);return}(T(H)===null||T(Y)===-1)&&s(J,!1)}),z({openImage:re,registerImage:ne});var Q=te(),$=h(Q);_($,e=>({class:e,...M}),[()=>L(p.class)]);var se=x($);a(se,()=>p.children??d),o($);var ce=j($,2);S(ce,()=>F,(e,n)=>{n(e,{get open(){return T(J)},set open(e){s(J,e,!0)},children:(e,n)=>{var a=f(),s=h(a);{let e=l(()=>T(X)?.alt??E());S(s,()=>N,(n,a)=>{a(n,{get"aria-label"(){return T(e)},showCloseButton:!1,class:`w-auto max-w-[96vw] gap-0 border-none bg-transparent p-0 shadow-none sm:max-w-[96vw]`,onkeydown:oe,children:(e,n)=>{var a=f(),s=h(a),l=e=>{var n=q(),a=h(n);S(a,()=>P,(e,n)=>{n(e,{class:`sr-only`,children:(e,n)=>{ee();var i=r();y(()=>t(i,T(X).alt)),u(e,i)},$$slots:{default:!0}})});var s=j(a,2),l=x(s),d=e=>{var n=G(),r=D(n);y(()=>t(r,`${T(Y)+1} / ${T(B).length??``}`)),u(e,n)};i(l,e=>{T(B).length>1&&e(d)});var f=j(l,2);S(f,()=>I,(e,t)=>{t(e,{class:`focus-visible:ring-ring absolute top-3 right-3 z-10 inline-flex cursor-pointer items-center justify-center rounded-full bg-black/70 p-2 text-white transition hover:bg-black/85 focus-visible:outline-hidden focu

1s-visible:ring-2`,"aria-label":`Close image viewer`,children:(e,t)=>{R(e,{class:`size-5`})},$$slots:{default:!0}})});var p=j(f,2),g=e=>{var t=K(),n=h(t);U(x(n),{class:`size-6`}),o(n);var r=j(n,2);V(x(r),{class:`size-6`}),o(r),y(()=>{n.disabled=!T(ie),r.disabled=!T(ae)}),m(`click`,n,()=>Z(-1)),m(`click`,r,()=>Z(1)),u(e,t)};i(p,e=>{T(B).length>1&&e(g)});var _=j(p,2),v=x(_),b=D(v,!0);o(_);var C=j(_,2),w=j(C,2);o(s),y((e,n)=>{t(b,T(X).description),A(C,`src`,T(X).src),A(C,`alt`,T(X).alt),O(C,1,e),A(w,`src`,T(X).darkSrc),A(w,`alt`,T(X).alt),O(w,1,n)},[()=>c(L(`block max-h-[88vh] w-auto max-w-[96vw] rounded-lg object-contain dark:hidden`,T(X).dialogImageClass)),()=>c(L(`hidden max-h-[88vh] w-auto max-w-[96vw] rounded-lg object-contain dark:block`,T(X).dialogImageClass))]),u(e,n)};i(s,e=>{T(X)&&e(l)}),u(e,a)},$$slots:{default:!0}})})}u(e,a)},$$slots:{default:!0}})}),u(n,Q),e()}p([`click`]);export{J as t};