https://carpenter.center/_nuxt/Lightbox.7ac109d1.js

1import{_ as P}from"./X.17b50f87.js";import V from"./DefImage.15210a2e.js";import A from"./ImageDescription.17eab4a5.js";import{_ as F,a as M}from"./RightArrow.e5752ee7.js";import{u as m}from"./state.c0adcbb5.js";import{q as k,g as O,D as X,o as n,c as i,a as t,v as _,b as a,h as e,w as y,F as S,r as C,j as q,f as p,n as E}from"./entry.39f2d63d.js";import{S as R,a as W}from"./swiper.1359e839.js";import{g as I}from"./all.89c74157.js";import{_ as Z}from"./_plugin-vue_export-helper.c27b6911.js";import{S as G}from"./ScrollToPlugin.bfdd12dc.js";import"./client-only.685b51d3.js";import"./fetch.73eda8a0.js";const H={id:"lightbox",class:"fixed top-0 left-0 w-full h-full bg-white flex flex-col items-center"},J={class:"w-full flex-none flex justify-end items-center py-6 lg:pb-12 px-6 lg:px-16 z-10 relative"},K={key:0,class:"multiple-container h-full w-full relative flex flex-col flex-1"},Q={class:"flex-1 w-full relative"},U={class:"fill-parent px-8 lg:px-0"},Y={key:0,class:"px-8 lg:px-16"},ee={key:1,class:"single-container h-full w-full relative flex flex-col flex-1 px-8 lg:px-16 pb-16"},te={class:"flex-1 w-full h-full relative"},le={class:"fill-parent"},oe={key:0,class:"px-8 lg:px-16"},ne={key:2,class:"w-full flex justify-between items-center py-12 px-16 relative z-10"},se={class:"thumbs-inner h-full"},ie=["id","onClick"],ae={class:"w-full h-full"},ce={__name:"Lightbox",setup(re){I.registerPlugin(G);const x=m("lightboxSlides",()=>null),L=m("lightboxOpen"),d=m("lightboxCurrentIndex",()=>null),s=k(null),v=k(null),$=()=>{L.value=!1,document.body.style.overflow="initial"},l=O(()=>x.value?x.value.filter(c=>!c.disableZoom):!1),B=c=>{s.value=c},N=()=>{s.value&&(d.value=s.value.realIndex,I.to(v.value,{scrollTo:{x:`#thumb-${s.value.realIndex}`,offsetX:12.5}}))},T=c=>{s.value&&s.value.slideToLoop(c)};return X(()=>{d.value>=0&&d.value!==null&&s.value.slideToLoop(d.value,0,!0)}),(c,r)=>{var g,b,w;const j=P,f=V,h=A,z=F,D=M;return n(),i("div",H,[t("div",J,[t("button",{onClick:r[0]||(r[0]=_(o=>$(),["prevent"])),class:"control-button relative"},[a(j)])]),((g=e(l))==null?void 0:g.length)>1?(n(),i("div",K,[a(e(W),{"slides-per-view":1,"space-between":0,loop:!0,class:"h-full w-full",onSwiper:B,onSlideChange:N},{default:y(()=>[(n(!0),i(S,null,C(e(l),(o,u)=>(n(),q(e(R),{key:u,class:"slide h-full"},{default:y(()=>[t("div",Q,[t("figure",U,[a(f,{class:"media-contain","image-data":o},null,8,["image-data"])])]),o.caption||o.id?(n(),i("div",Y,[a(h,{caption:o.caption,id:o.id,class:"text-black mx-auto text-center max-w-[900px]"},null,8,["caption","id"])])):p("",!0)]),_:2},1024))),128))]),_:1})])):((b=e(l))==null?void 0:b.length)===1?(n(),i("div",ee,[t("div",te,[t("figure",le,[a(f,{"image-data":e(l)[0],class:"media-contain"},null,8,["image-data"])])]),e(l)[0].caption||e(l)[0].id?(n(),i("div",oe,[a(h,{caption:e(l)[0].caption,id:e(l)[0].id,class:"text-black mx-auto text-center max-w-[900px]"},null,8,["caption","id"])])):p("",!0)])):p("",!0),((w=e(l))==null?void 0:w.length)>1?(n(),i("div",ne,[t("button",{onClick:r[1]||(r[1]=_(o=>e(s).slidePrev(),["prevent"])),class:"control-button dark hidden lg:block relative flex-none"},[a(z)]),t("div",{ref_key:"thumbs",ref:v,class:"thumbs flex-1"},[t("div",se,[(n(!0),i(S,null,C(e(l),(o,u)=>(n(),i("button",{key:u,id:`thumb-${u}`,class:E(["thumb-item aspect-video h-full",{active:u===e(d)}]),onClick:_(ue=>T(u),["prevent"])},[t("figure",ae,[a(f,{class:"media-cover","image-data":o},null,8,["image-data"])])],10,ie))),128))])],512),t("button",{onClick:r[2]||(r[2]=_(o=>e(s).slideNext(),["prevent"])),class:"control-button dark hidden lg:block relative flex-none"},[a(D)])])):p("",!0)])}}},ye=Z(ce,[["__scopeId","data-v-7f0cc884"]]);export{ye as default};