https://www.garmatspraybooths.com/_nuxt/C15UaYPM.js

1import{_ as D}from"./DhiDGdf9.js";import{S as x,_ as E,C as S,N as P}from"./Jb_8QThL.js";import{u as F}from"./CpQ52AZc.js";import{u as U}from"./yhrUApBQ.js";import{u as G}from"./BAC0dHN9.js";import{u as K}from"./C6zddGUr.js";import{d as L,s as a,r as O,x as R,f as d,i as t,I as p,C as W,j as e,w as n,a_ as k,F as g,B as w,h as u,G as q,aK as J,g as s,aA as b,t as Q}from"./Du_l-ZPp.js";const X={class:"flex gap-8 overflow-x-hidden"},Y={class:"wsnyc-image-slider-modal fixed top-0 left-0 w-full h-full p-4 lg:px-20 z-2 grid place-items-center"},ee={class:"w-full my-auto"},oe=["src","alt"],le={class:"modal-slider-navigation"},te={class:"carousel__pagination"},pe=L({__name:"CmsElementWsnycImageSlider",props:{content:{}},setup(C){const r=K(C.content),I=a(()=>r("autoSlide")),T=a(()=>r("autoplayTimeout")),f=a(()=>r("displayMode")),v=a(()=>r("minHeight")),c=a(()=>r("sliderItems")),M=a(()=>r("speed")),{isClient:V}=F(),H=a(()=>({autoplay:I.value&&T.value||0,transition:M.value,itemsToShow:1.2,gap:32,wrapAround:!0,snapAlign:"start",breakpoints:{768:{itemsToShow:2.5,itemsToScroll:2},1024:{itemsToShow:3,itemsToScroll:3}}})),m=O(0),N=a(()=>({itemsToShow:1,wrapAround:!0,slideEffect:"fade"})),{isOpen:y,open:A,close:_}=U(),B=i=>{m.value=i,A()},{isScrollDisabled:Z}=G();R(y,i=>Z.value=i);const $=a(()=>{var i;return`Image ${m.value+1} of ${(i=c.value)==null?void 0:i.length}`});return(i,l)=>{const h=D,z=E;return s(),d("div",null,[t("div",null,[e(V)?(s(),p(e(S),k({key:0},e(H),{class:"wsnyc-images-slider"}),{addons:n(()=>[u(z,{class:"mx-auto <lg:pr-4 image-carousel-navigation"})]),default:n(()=>[(s(!0),d(g,null,w(e(c),(o,j)=>(s(),p(e(x),{key:o.mediaId},{default:n(()=>[u(h,{slide:o,displayMode:e(f),minHeigh:e(v),onZoom:ae=>B(j)},null,8,["slide","displayMode","minHeigh","onZoom"])]),_:2},1024))),128))]),_:1},16)):(s(),d(g,{key:1},[t("div",X,[(s(!0),d(g,null,w(e(c),o=>(s(),d("div",{key:o.mediaId,class:"flex-none w-[82.28%] md:w-[38.05%] lg:w-[31.8%]"},[u(h,{slide:o,displayMode:e(f),minHeigh:e(v)},null,8,["slide","displayMode","minHeigh"])]))),128))]),l[2]||(l[2]=t("div",{class:"h-30px mt-4 lg:mt-8 w-ful"},null,-1))],64))]),e(y)?(s(),p(J,{key:0,to:"body"},[t("div",Y,[l[6]||(l[6]=t("div",{class:"bg-[--color-content-base-subdued] absolute top-0 left-0 bottom-0 right-0 opacity-80"},null,-1)),t("button",{onClick:l[0]||(l[0]=(...o)=>e(_)&&e(_)(...o)),class:"btn absolute top-4 right-4 lg:top-20 lg:right-20"},l[3]||(l[3]=[t("span",{class:"block w-8 h-8 i-local-close?mask z-5"},null,-1)])),t("div",ee,[u(e(S),k({modelValue:e(m),"onUpdate:modelValue":l[1]||(l[1]=o=>q(m)?m.value=o:null)},e(N)),{addons:n(()=>[t("div",le,[u(e(P),null,{prev:n(()=>l[4]||(l[4]=[t("span",{class:"block w-8 h-8 i-local-arrow_left?mask text-[--arrow-color]"},null,-1)])),next:n(()=>l[5]||(l[5]=[t("span",{class:"block w-8 h-8 i-local-arrow_right?mask text-[--arrow-color]"},null,-1)])),_:1}),t("div",te,Q(e($)),1)])]),default:n(()=>[(s(!0),d(g,null,w(e(c),o=>(s(),p(e(x),{key:o.mediaId},{default:n(()=>[t("div",{class:"relative h-full w-full rounded-md flex items-center justify-center",style:b({"--image-slider-min-height":e(v)})},[t("img",{src:o.mediaUrl,alt:(o==null?void 0:o.mediaAlt)||"image alt text",style:b({"object-fit":e(f)}),class:"rounded-xl lg:max-w-[calc(100vw_-_280px)] max-h-70vh"},null,12,oe)],4)]),_:2},1024))),128))]),_:1},16,["modelValue"])])])])):W("",!0)])}}});export{pe as default};