https://discoverylandco.com/_nuxt/C4ex-ElG.js

1import{_ as S}from"./pHkaBz8J.js";import{_ as T}from"./zCI3qCwk.js";import{o as s,p as y,f as B,h as L,i as G,x as I,L as z,a1 as H,c as f,F as N,r as P,d as e,k as g,C as q,A as h,z as A,g as F,l as k,v as d,a as n,n as x,q as W,T as j}from"./DyZZSvxs.js";import{_ as E}from"./CSdrCAdf.js";import{u as O}from"./C1AJij8m.js";import{u as R}from"./C4zL5COn.js";import"./CLHQxavf.js";const U={__name:"Video",props:["item"],setup(p){return(a,i)=>(s(),y(T,{item:p.item},null,8,["item"]))}},D=["onClick"],J={__name:"Images",props:["items"],setup(p){const a=B(),i=h(null),_=h([]);let l;return L(async()=>{await G(),l=I.timeline({paused:!0}).fromTo(_.value,{alpha:0},{alpha:1,duration:1,ease:"linear",stagger:.1});const o=z("img",i.value);await Promise.all(o.map(t=>t.complete?Promise.resolve():new Promise(r=>{t.onload=r,t.onerror=r}))),l.play()}),H(()=>{l?.kill(),l=null}),(o,t)=>{const r=q;return s(),f("div",{ref_key:"el",ref:i,class:"grid grid-cols-3 s:grid-cols-5 gap-x-10 gap-y-70 s:gap-y-100"},[(s(!0),f(N,null,P(p.items,(m,v)=>(s(),f("button",{key:v,type:"button",ref_for:!0,ref_key:"tiles",ref:_,class:"flex items-start col-span-1 relative text-left",onClick:c=>e(a).setMediaModal(m,p.items)},[g(r,{src:m.medium,item:m,class:"w-full",eager:!0,manual:!0},null,8,["src","item"])],8,D))),128))],512)}}},K={class:"site-max pb-30 pt-10 s:pt-30"},Q={class:"flex items-baseline justify-between mb-20 s:mb-30"},X=["innerHTML"],Y={key:0,class:"flex items-center gap-x-[.25em] type-h3 s:type-h2"},Z={class:"relative stack"},le={__name:"gallery",async setup(p){let a,i;const _=A(),{breadcrumb:l}=O(),{page:o}=([a,i]=F(()=>R()),a=await a,i(),a),t=d(()=>o.value?.gallery??null),r=d(()=>o.value?l([{name:"Home",path:""},{name:"Our Worlds",path:"/communities"},{name:o.value.title,path:`/communities/${_.params.slug}`},{name:"Gallery",path:`/communities/${_.params.slug}/gallery`}]):null),m=d(()=>!!t.value?.video),v=d(()=>t.value?.media?.length>0),c=h(m.value?"video":"images");return(C,u)=>{const b=S,$=U,w=J,M=E;return s(),y(M,null,{default:k(()=>[g(b,{seo:e(o)?.seo,schema:e(r)},null,8,["seo","schema"]),n("section",K,[n("div",Q,[n("h1",{class:"type-h1-alt",innerHTML:C.$sanitize(e(t)?.title||"Gallery")},null,8,X),e(m)&&e(v)?(s(),f("div",Y,[n("button",{onClick:u[0]||(u[0]=V=>c.value="video"),class:x(["transition-opacity duration-500 ease-out",e(c)!=="video"?"opacity-40":"opacity-100 pointer-events-none"])},"Video",2),u[2]||(u[2]=n("span",{class:"opacity-40"},"/",-1)),n("button",{onClick:u[1]||(u[1]=V=>c.value="images"),class:x(["transition-opacity duration-500 ease-out",e(c)!=="images"?"opacity-40":"opacity-100 pointer-events-none"])},"Images",2)])):W("",!0)]),n("div",Z,[g(j,{name:"fade",mode:"out-in"},{default:k(()=>[e(c)==="video"?(s(),y($,{key:"video",item:e(t)?.video},null,8,["item"])):(s(),y(w,{key:"images",items:e(t)?.media,class:"pb-70"},null,8,["items"]))]),_:1})])])]),_:1})}}};export{le as default};