https://www.coterieseniorliving.com/_nuxt/B7WXdljq.js

1import N from"./DB-kY2vK.js";import L from"./BC4b3Za6.js";import B from"./CgcJoydG.js";import S from"./CwCvJ9JX.js";import{d as V,b as g,o as U,_ as W,e as b,w as T,c as h,f as r,i as d,t as x,g as p,F as w,D as I,j as z}from"./CvG0wzej.js";import"./0rkg3YHJ.js";import"./BdMn5CsR.js";import"./CSSxz1HG.js";import"./Y4pqt31l.js";import"./Cga8d3Ty.js";const R={class:"mosaic-grid__text spacing spacing--is-mb-large"},A={class:"mosaic-grid__title spacing spacing--is-mb-xsmall"},E={class:"mosaic-grid__intro"},O={class:"mosaic-grid__ancestor tile is-ancestor"},G={class:"mosaic-grid__tile mosaic-grid__tile--is-parent tile is-parent is-vertical"},j=V({__name:"CoterieMosaicGrid",props:{...S,galleryData:{type:Array,default:()=>[]},maxColumns:{type:Number,default:4},gridTitle:{type:String,default:""},gridIntro:{type:String,default:""},buttonLink:{type:String,default:""}},setup(l){const s=l,o=g({modalIsVisible:!1,modalData:{},columns:s.maxColumns}),k=g(null),m=()=>{let t=g(window.innerWidth);const a={tabletUp:640,desktopUp:1020};t.value=window.innerWidth;const e=h(()=>t.value);e.value>=a.tabletUp&&(o.value.columns=2),e.value>=a.desktopUp&&(o.value.columns=3),e.value>=1200&&(o.value.columns=s.maxColumns)};U(()=>{m(),window.addEventListener("resize",m)}),W(()=>{window.removeEventListener("resize",m)});const y=(t,a)=>{let e=[],c=0;for(let n=0;n<t.length;n+=a){const u=t.slice(n,n+a).map(i=>({...i,index:c++}));e.push(u)}return e},M=()=>s.galleryData.length/o.value.columns,f=h(()=>y(s.galleryData,M()));function _(t){o.value.modalIsVisible=!o.value.modalIsVisible,o.value.modalData.id=t}const D=()=>{v(!1)},P=()=>{v(!0)};function v(t){const a=s.galleryData.length-1;let e=o.value.modalData.id;t?e===a?e=0:e++:e===0?e=a:e--,o.value.modalData.id=e}return(t,a)=>{const e=N,c=L,n=B;return r(),b(n,{componentId:t.componentId,className:`mosaic-grid ${t.className}`,bottomMargin:t.bottomMargin,bottomPadding:t.bottomPadding,topPadding:t.topPadding,allowMaxWidth:t.allowMaxWidth,extraContainerClassName:t.extraContainerClassName},{default:T(()=>[d("div",R,[d("h2",A,x(l.gridTitle),1),d("p",E,x(l.gridIntro),1)]),d("div",O,[(r(!0),p(w,null,I(f.value,(C,u)=>(r(),p("div",G,[(r(!0),p(w,null,I(C,(i,F)=>(r(),b(e,{id:i.index,backgroundImage:i.backgroundImage.source,title:i.title,tileSize:i.tileSize,columnPosition:[u],maxColumns:l.maxColumns,onEmitToggleModal:_},null,8,["id","backgroundImage","title","tileSize","columnPosition","maxColumns"]))),256))]))),256))]),z(c,{footerLeft:"Previous Image",footerRight:"Next Image",hasContentPadding:!1,modalVisible:o.value.modalIsVisible,modalData:f.value,id:o.value.modalData.id,onOnModalClose:_,onOnRightClick:P,onOnLeftClick:D,centerButtonRef:k.value,buttonLink:l.buttonLink},null,8,["modalVisible","modalData","id","centerButtonRef","buttonLink"])]),_:1},8,["componentId","className","bottomMargin","bottomPadding","topPadding","allowMaxWidth","extraContainerClassName"])}}}),et=Object.assign(j,{__name:"CoterieMosaicGrid"});export{et as default};