https://aids.ch/assets/content-blocks-images-CnhWxVmD.js

1import{x as k,q as X,u as d,a1 as F,_ as S,j as q,y as A,o as r,c as u,a,b as E,w as I,n as v,K as j,p as N,t as V,d as p,a2 as G,F as R,r as Q,z as W,a3 as H,E as K,f as L,a4 as T,h as M}from"./index-CG7S1Sc9.js";const U=()=>{let n=null;const e=k(0),_=k(0),s=k(!1),m=k(1),y=i=>{i||l(),m.value=1,e.value++,e.value===_.value&&(e.value=0)},b=i=>{i||l(),m.value=-1,e.value--,e.value<0&&(e.value=_.value-1)},f=i=>{l(),m.value=i>e.value?1:-1,e.value=i},D=i=>{_.value=i},w=i=>{s.value=!0,n=setInterval(()=>{y(!0)},i)},l=()=>{s.value=!1,clearInterval(n)};return{carouselIndex:e,carouselLength:_,carouselDirection:m,carouselAutoplay:s,setCarouselNext:y,setCarouselPrev:b,setCarouselGoTo:f,setCarouselLength:D,setCarouselAutoPlay:w,setCarouselAutoPlayStop:l,setCarouselAutoPlayToggle:i=>s.value?l():w(i)}},Y=(n,e)=>{const _=k(!1),s=k(!1),m=k(0),y=k(0),b=k(null);X(()=>{const l=d(e)??window;l.addEventListener("touchstart",f,{passive:!0}),l.addEventListener("touchmove",D,{passive:!0}),l.addEventListener("touchend",w,{passive:!0})}),F(()=>{const l=d(e)??window;l.removeEventListener("touchstart",f),l.removeEventListener("touchmove",D),l.removeEventListener("touchend",w)});const f=l=>{_.value=!0,m.value=l.touches[0].screenX,y.value=l.touches[0].screenY},D=l=>{if(s.value)return;const h=m.value-l.changedTouches[0].screenX,i=y.value-l.changedTouches[0].screenY;h>n&&(b.value={dir:"left",timestamp:Date.now()},s.value=!0),h<-n&&(b.value={dir:"right",timestamp:Date.now()},s.value=!0),i>n&&(b.value={dir:"up",timestamp:Date.now()},s.value=!0),i<-n&&(b.value={dir:"down",timestamp:Date.now()},s.value=!0)},w=()=>{s.value=!1};return{isTouchDevice:_,touchLock:s,touchX:m,touchY:y,touchDirection:b}},J="_content_blocks_images_carousel_track_19oe2_1",Z="_content_blocks_images_carousel_track_image_19oe2_6",x="_content_blocks_images_carousel_track_caption_19oe2_62",ee="_content_blocks_images_carousel_controls_19oe2_106",te="_content_blocks_images_carousel_controls_dots_19oe2_147",oe="_content_blocks_images_carousel_controls_arrows_19oe2_173",se={content_blocks_images_carousel_track:J,content_blocks_images_carousel_track_image:Z,content_blocks_images_carousel_track_caption:x,content_blocks_images_carousel_controls:ee,content_blocks_images_carousel_controls_dots:te,content_blocks_images_carousel_controls_arrows:oe},ae=["srcset"],le=["value","aria-label","onClick"],ne=["aria-label","href"],ce=["aria-label"],re=["aria-label"],ie={__name:"content-blocks-images-carousel",props:{images:{type:Array,required:!0},downloads:{type:Array,required:!0},showDownloadButton:{type:Boolean,default:!1}},setup(n){const e=n,{t:_}=q(),{carouselIndex:s,carouselDirection:m,setCarouselGoTo:y,setCarouselNext:b,setCarouselPrev:f,setCarouselLength:D}=U(),w=k(null),{touchDirection:l}=Y(30,w);X(()=>D(e.images.length));const h=(t,g)=>{T(t,{translateX:[`${m.value*50}%`,"0%"],opacity:[0,1],duration:500,easing:"easeInOutQuad",onComplete:g})},i=(t,g)=>{T(t,{translateX:["0%",`${m.value*-50}%`],opacity:[1,0],duration:500,easing:"easeInOutQuad",onComplete:g})},B=L(()=>e.images.slice(0).map(t=>({...t,style:{paddingTop:`${t.height/t.width*100}%`},caption:`${t.description??""}${t.description&&t.copyright?" / ":""}${t.copyright?"© ":""}${t.copyright??""}`}))),$=L(()=>B.value[s.value]),P=L(()=>e.downloads[s.value]);return A(l,t=>t.dir==="left"?b():f()),(t,g)=>(r(),u("div",{ref_key:"el",ref:w,class:v(t.$style.content_blocks_images_carousel)},[a("div",{class:v(t.$style.content_blocks_images_carousel_track)},[E(G,{mode:"out-in",css:!1,onEnter:h,onLeave:i},{default:I(()=>[(r(),u("figure",{key:d(s)},[a("div",{class:v(t.$style.content_blocks_images_carousel_track_image)},[a("div",{style:j($.value.style)},[E(N,{alt:$.value.alt??$.value.title,fallback:$.value.url,"focal-point":$.value.focalPoint,lazy:!0},{default:I(()=>[a("source",{srcset:$.value.srcset,sizes:"(min-width: 96rem) 1184px, 100vw"},null,8,ae)]),_:1},8,["alt","fallback","focal-point"])],4)],2),$.value.caption.length?(r(),u("figcaption",{key:0,class:v(t.$style.content_blocks_images_carousel_track_caption)},V($.value.caption),3)):p("",!0)]))]),_:1})],2),n.images.length>1||n.showDownloadButton?(r(),u("fieldset",{key:0,class:v(t.$style.content_blocks_images_carousel_controls)},[n.images.length>1?(r(),u("div",{key:0,class:v(t.$style.content_blocks_images_carousel_controls_dots)},[(r(!0),u(R,null,Q(n.images,(O,o)=>W((r(),u("input",{key:o,"onUpdate:modelValue":g[0]||(g[0]=c=>K(s)?s.value=c:null),type:"radio",value:o,"aria-label":d(_)("GO_TO",{where:o+1}),onClick:c=>d(y)(o)},null,8,le)),[[H,d(s)]])),128))],2)):p("",!0),n.images.length>1?(r(),u("div",{key:1,class:v(t.$style.content_blocks_images_carousel_controls_arrows)},[n.showDownloadButton?(r(),u("a",{key:0,"aria-label":d(_)("DOWNLOAD"),href:P.value.url},[...g[3]||(g[3]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"download",-1)])],8,ne)):p("",!0),n.images.length>1?(r(),u("button",{key:1,"aria-label":d(_)("PREVIOUS"),onClick:g[1]||(g[1]=O=>d(f)())},[...g[4]||(g[4]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"navigate_before",-1)])],8,ce)):p("",!0),n.images.length>1?(r(),u("button",{key:2,"aria-label":d(_)("NEXT"),onClick:g[2]||(g[2]=O=>d(b)())},[...g[5]||(g[5]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"navigate_next",-1)])],8,re)):p("",!0)],2)):p("",!0)],2)):p("",!0)],2))}},_e={$style:se},ue=S(ie,[["__cssModules",_e]]),de="_content_blocks_images_grid_d7sce_1",ge="_content_blocks_images_grid_grid_d7sce_33",ve="_content_blocks_images_grid_grid_item_d7sce_50",me="_content_blocks_images_grid_overlay_wrapper_d7sce_77",ke="_content_blocks_images_grid_overlay_d7sce_77",be="_content_blocks_images_grid_overlay_close_d7sce_94",ye="_content_blocks_images_grid_overlay_center_d7sce_122",pe="_content_blocks_images_grid_overlay_center_image_d7sce_136",fe="_content_blocks_images_grid_overlay_center_caption_d7sce_160",we="_content_blocks_images_grid_overlay_controls_d7sce_209",he={content_blocks_images_grid:de,content_blocks_images_grid_grid:ge,content_blocks_images_grid_grid_item:ve,content_blocks_images_grid_overlay_wrapper:me,content_blocks_images_grid_overlay:ke,content_blocks_images_grid_overlay_close:be,content_blocks_images_grid_overlay_center:ye,content_blocks_images_grid_overlay_center_image:pe,content_blocks_images_grid_overlay_center_caption:fe,content_blocks_images_grid_overlay_controls:we},$e=["value","onClick"],Ce=["srcset"],De=["aria-label"],Le=["srcset"],Ee=["aria-label","href"],Ie=["aria-label"],Oe=["aria-label"],Te={__name:"content-blocks-images-grid",props:{images:{type:Array,required:!0},downloads:{type:Array,required:!0},showDownloadButton:{type:Boolean,default:!1}},setup(n){const e=n,{t:_}=q(),s=k(!1),{carouselIndex:m,carouselDirection:y,setCarouselNext:b,setCarouselPrev:f,setCarouselLength:D}=U(),w=k(null),{touchDirection:l}=Y(30,w),h=k(null),i=k(0);X(()=>D(e.images.length));const B=(o,c)=>{T(o,{translateX:[`${y.value*100}%`,"0%"],duration:500,easing:"easeInOutQuad",onComplete:c})},$=(o,c)=>{T(o,{translateX:["0%",`${y.value*-100}%`],duration:500,easing:"easeInOutQuad",onComplete:c})},P=L(()=>e.images.slice(0).map(o=>({...o,caption:`${o.description??""}${o.description&&o.copyright?" / ":""}${o.copyright?"© ":""}${o.copyright??""}`}))),t=L(()=>P.value[m.value]),g=L(()=>e.downloads[m.value]);A(l,o=>o.dir==="left"?b():f()),A(s,()=>{if(h.value.open){h.value.close();return}i.value++,h.value.showModal()});const O=o=>{m.value=o,s.value=!s.value};return(o,c)=>(r(),u("div",{class:v(o.$style.content_blocks_images_grid)},[a("ul",{class:v(o.$style.content_blocks_images_grid_grid)},[(r(!0),u(R,null,Q(e.images,(C,z)=>(r(),u("li",{key:z,class:v(o.$style.content_blocks_images_grid_grid_item)},[a("button",{value:d(_)("OPEN_LIGHTBOX_FOR",{title:C.alt??C.title}),onClick:Ne=>O(z)},[E(N,{alt:C.alt??C.title,fallback:C.url,"focal-point":C.focalPoint,lazy:!0},{default:I(()=>[a("source",{srcset:C.srcset,sizes:"(min-width: 64rem) 16rem, (min-width: 48rem) 33.33vw, 50vw"},null,8,Ce)]),_:2},1032,["alt","fallback","focal-point"])],8,$e)],2))),128))],2),a("dialog",{ref_key:"dialog",ref:h,class:v(o.$style.content_blocks_images_grid_overlay_wrapper)},[(r(),u("div",{key:i.value,class:v(o.$style.content_blocks_images_grid_overlay)},[a("div",{class:v(o.$style.content_blocks_images_grid_overlay_close)},[a("button",{"aria-label":d(_)("CLOSE"),onClick:c[0]||(c[0]=C=>s.value=!s.value)},[...c[3]||(c[3]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"}," close ",-1)])],8,De)],2),E(G,{mode:"out-in",css:!1,onEnter:B,onLeave:$},{default:I(()=>[(r(),u("figure",{key:d(m),class:v(o.$style.content_blocks_images_grid_overlay_center),role:"alert"},[a("div",{class:v(o.$style.content_blocks_images_grid_overlay_center_image)},[E(N,{alt:t.value.alt??t.value.title,fallback:t.value.url,"focal-point":t.value.focalPoint,lazy:!0},{default:I(()=>[a("source",{srcset:t.value.srcset,sizes:"200vmin"},null,8,Le)]),_:1},8,["alt","fallback","focal-point"])],2),t.value.caption.length?(r(),u("figcaption",{key:0,class:v(o.$style.content_blocks_images_grid_overlay_center_caption)},V(t.value.caption),3)):p("",!0)],2))]),_:1}),a("div",{class:v(o.$style.content_blocks_images_grid_overlay_controls)},[a("div",null,[n.showDownloadButton?(r(),u("a",{key:0,"aria-label":d(_)("DOWNLOAD"),href:g.value.url},[...c[4]||(c[4]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"download",-1)])],8,Ee)):p("",!0)]),a("div",null,[a("button",{"aria-label":d(_)("PREVIOUS"),onClick:c[1]||(c[1]=C=>d(f)())},[...c[5]||(c[5]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"navigate_before",-1)])],8,Ie),a("button",{"aria-label":d(_)("NEXT"),onClick:c[2]||(c[2]=C=>

1d(b)())},[...c[6]||(c[6]=[a("span",{class:"material-symbols-outlined","aria-hidden":"true"},"navigate_next",-1)])],8,Oe)])],2)],2))],2)],2))}},Be={$style:he},Pe=S(Te,[["__cssModules",Be]]),Ae={key:0},ze={__name:"content-blocks-images",props:{block:{type:Object,required:!0}},setup(n){const e=n;return(_,s)=>e.block.images.length?(r(),u("div",Ae,[e.block.layout==="carousel"?(r(),M(ue,{key:0,images:e.block.images,downloads:e.block.downloads,"show-download-button":e.block.showDownloadButton},null,8,["images","downloads","show-download-button"])):e.block.layout==="grid"?(r(),M(Pe,{key:1,images:e.block.images,downloads:e.block.downloads,"show-download-button":e.block.showDownloadButton},null,8,["images","downloads","show-download-button"])):p("",!0)])):p("",!0)}};export{ze as default};