https://storyblok-assets-ng.mindvalley.com/_nuxt/CzyQJBWh.js

1import{u as A}from"./CwPh5vzk.js";import L from"./C6IdLlbC.js";import{y as I,A as s,ao as p,a4 as y,X as d,al as _,ag as z,D as r,_ as e,a1 as O,ai as w,F,$ as P,aq as R}from"./D0rPpKiU.js";import{H as T,X as V}from"#entry";import{_ as H}from"./CYLK5cuN.js";import{s as D}from"./DDOY1lLW.js";import"./BNv_LDjD.js";import"./DAt9BhtR.js";import"./DSOapIjz.js";import"./D_gTWDL9.js";const N=["aria-label"],X={class:"image-mosaic__container hidden md:flex flex-col"},G={class:"image-mosaic__container flex md:hidden flex-col overflow-hidden"},$=13,j=I({__name:"ImageMosaicBase",props:{images:{},gap:{default:"xs"},ariaLabel:{default:"Image mosaic"}},setup(c){const u={sm:1,md:2,lg:3},k=[{groups:[{outerSpan:3,innerCols:3,tiles:["sm","md","sm","sm","md","sm","sm","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["lg","sm","md","sm"]},{outerSpan:2,innerCols:2,tiles:["md","md","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["lg","md","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["md","sm","sm","lg"]},{outerSpan:4,innerCols:4,tiles:["lg","sm","sm","sm","md","sm"]}]},{groups:[{outerSpan:3,innerCols:3,tiles:["md","sm","sm","lg"]},{outerSpan:3,innerCols:3,tiles:["md","sm","sm","lg"]},{outerSpan:3,innerCols:3,tiles:["lg","md","sm","sm"]},{outerSpan:2,innerCols:2,tiles:["sm","sm","md","md"]},{outerSpan:4,innerCols:4,tiles:["md","md","lg","sm","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["sm","md","sm","lg"]}]}],x=[{groups:[{outerSpan:2,innerCols:2,tiles:["md","md","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["lg","md","sm","sm"]},{outerSpan:3,innerCols:3,tiles:["md","sm","sm","lg"]}]},{groups:[{outerSpan:3,innerCols:3,tiles:["lg","md","sm","sm"]},{outerSpan:2,innerCols:2,tiles:["sm","sm","md","md"]},{outerSpan:3,innerCols:3,tiles:["md","sm","sm","lg"]}]}],g=c,h={none:"0px",xs:"6px",sm:"8px",md:"10px",lg:"12px"},S={none:"0px",xs:"12px",sm:"16px",md:"20px",lg:"24px"},M=r(()=>h[g.gap]??"6px"),B=r(()=>S[g.gap]??"12px");function o(C,b,v=0){if(b.length===0)return[];let a=v;return C.map(l=>l.groups.map(t=>({outerSpan:t.outerSpan,innerCols:t.innerCols,tiles:t.tiles.map(n=>({size:n,image:b[a++%b.length]}))})))}const i=r(()=>o(k,g.images)),m=r(()=>o(x,g.images,$)),f=C=>({image:{filename:C.src},alt:C.alt||"",lazy:!0,quality:{value:80},aspect_ratio:"1 / 1",fit:"cover",radius:"small"});return(C,b)=>c.images.length>0?(e(),s("div",{key:0,class:"image-mosaic",style:p({"--tile-gap":M.value,"--tile-gap-md":B.value}),"aria-label":c.ariaLabel,role:"group"},[y("div",X,[(e(!0),s(d,null,_(i.value,(v,a)=>(e(),s("div",{key:"dr-"+a,class:"image-mosaic__outer-row"},[(e(!0),s(d,null,_(v,(l,t)=>(e(),s("div",{key:"dg-"+a+"-"+t,style:p({gridColumn:"span "+l.outerSpan})},[y("div",{class:"image-mosaic__inner-grid",style:p({gridTemplateColumns:"repeat("+l.innerCols+", 1fr)"})},[(e(!0),s(d,null,_(l.tiles,(n,E)=>(e(),s("div",{key:"dt-"+a+"-"+t+"-"+E,class:"mosaic-tile",style:p({gridColumn:"span "+u[n.size],gridRow:"span "+u[n.size]})},[O(L,{blok:f(n.image)},null,8,["blok"])],4))),128))],4)],4))),128))]))),128))]),y("div",G,[(e(!0),s(d,null,_(m.value,(v,a)=>(e(),s("div",{key:"mr-"+a,class:"image-mosaic__outer-row image-mosaic__outer-row--mobile"},[(e(!0),s(d,null,_(v,(l,t)=>(e(),s("div",{key:"mg-"+a+"-"+t,style:p({gridColumn:"span "+l.outerSpan})},[y("div",{class:"image-mosaic__inner-grid",style:p({gridTemplateColumns:"repeat("+l.innerCols+", 1fr)"})},[(e(!0),s(d,null,_(l.tiles,(n,E)=>(e(),s("div",{key:"mt-"+a+"-"+t+"-"+E,class:"mosaic-tile",style:p({gridColumn:"span "+u[n.size],gridRow:"span "+u[n.size]})},[O(L,{blok:f(n.image)},null,8,["blok"])],4))),128))],4)],4))),128))]))),128))])],12,N)):z("",!0)}}),q=Object.assign(T(j,[["__scopeId","data-v-de59111a"]]),{__name:"ImageMosaicBase"}),K=I({__name:"MosaicCollage",props:{blok:{}},setup(c){const u=c,{isVisible:k,targetRef:x}=A({threshold:.1}),{isMobile:g}=V(),h=r(()=>g.value??g?"48":"96"),S=r(()=>{const o=D(u.blok?.images),i=[];for(const m of o){const f=m?.image?.filename;f&&i.push({src:f,alt:m.alt||m?.image?.alt||"",caption:D(m.caption)})}return i}),M=r(()=>S.value.length>0),B=r(()=>{const o=["none","xs","sm","md","lg"],i=String(u.blok?.gap||"xs");return o.includes(i)?i:"xs"});return(o,i)=>{const m=R("editable");return M.value?w((e(),s("section",{key:0,ref_key:"targetRef",ref:x,class:"w-full","aria-label":"Image mosaic section"},[F(k)?(e(),P(q,{key:1,images:S.value,gap:B.value,"aria-label":c.blok.aria_label||"Image mosaic"},null,8,["images","gap","aria-label"])):(e(),P(H,{key:0,isLoading:!0,type:"card",imageHeight:h.value,lines:0,classes:"w-full"},null,8,["imageHeight"]))])),[[m,c.blok]]):z("",!0)}}}),te=Object.assign(K,{__name:"MosaicCollage"});export{te as default};