https://bebenailspaauburn.com/_nuxt/zskcoMYW.js

1import{_ as z}from"./rEEux3cy.js";import D from"./D4vEd5Yo.js";import{u as G}from"./C2LdoAE2.js";import{l as j,p as H,y as N,X as r,a7 as b,u as c,a2 as s,_ as B,P as S,a4 as I,O as k,$ as V,a6 as F,j as v,Q as u,n as T,q as E}from"./D18vniqq.js";import{_ as M}from"./CjLVFfhE.js";const O=["data-cms-bind"],R={class:"container"},X={class:"w-full flex-row flex justify-center items-center md:mb-[40px] mb-[20px] gallery-one__filter__list"},Q=["onClick"],Y={class:"grid lg:grid-cols-4 md:grid-cols-3 grid-cols-1 gap-[10px] relative"},J={key:0,class:"loading-dots py-10 bg-black opacity-50 w-full h-full absolute z-20"},K=["onClick"],U={class:"gallery-one__card"},W={class:"aspect-[768/616] w-full"},Z=["src","alt"],tt={key:0,class:"flex flex-col w-full justify-center items-center md:mt-5 mt-3"},q=12,et=j({__name:"GalleryHero",props:{dataBinding:{},block:{}},setup(d){const m=d,i=v("all"),g=v(1),_=v(!1),{sortFn:h}=G(),x=e=>{i.value=e,g.value=1},y=()=>{let e;return i.value==="all"?e=[...m.block.list_category.map(t=>t.list_image).flat().filter(t=>t!==null)].sort(h(m.block.sort)):e=[...m.block.list_category.map(t=>t.list_image)[i.value]?m.block.list_category.map(t=>t.list_image)[i.value]:null].sort(h(m.block.sort)),e},w=T(()=>y().slice(0,q*g.value)),$=()=>{_.value=!0,setTimeout(()=>{g.value+=1,_.value=!1},500)},A=T(()=>y().slice(0,q*g.value).map(e=>e.image)),f=v(-1),C=v(),L=e=>{f.value=e,E(()=>{const l=document.querySelector(".btn-close");l.style.display="none"}),setTimeout(()=>{E(()=>{const l=document.querySelector(".vel-img-wrapper"),t=document.querySelector(".btn-close");t&&(t?.classList.add("btn-close"),t.style.display="block"),l?.appendChild(t),C.value=t})},400)},P=e=>{f.value=e};return H(()=>i.value,()=>{_.value=!0,setTimeout(()=>{y(),_.value=!1},500)},{immediate:!0}),N(()=>{const e=new IntersectionObserver(o=>{o.forEach(a=>{a.isIntersecting&&a.target.classList.add("visible")})},{threshold:0});document.querySelectorAll(".animation_opacity").forEach(o=>{e.observe(o)}),document.querySelectorAll(".ripple-wrapper").forEach(o=>{o.addEventListener("click",a=>{let n=a.offsetX/100,p=a.offsetY/100;o.style.setProperty("--ripple-x",n>1?n-1:n),o.style.setProperty("--ripple-y",p>1?p-1:p)})})}),(e,l)=>{const t=z,o=D;return d.block.status?(u(),r("section",{key:0,"data-cms-bind":d.dataBinding,style:F({backgroundColor:d.block.background_color}),class:"md:py-[100px] py-[70px]"},[b(t,{"value-button":c(C),"data-image":c(A),"index-current":c(f),onClose:P},null,8,["value-button","data-image","index-current"]),s("div",R,[s("ul",X,[s("li",{onClick:l[0]||(l[0]=a=>x("all")),class:B(c(i)==="all"?"active text-white bg-main":"text-black bg-[#f9f6f1]")},[b(o,{text:"all","is-active":!0,"width-full":!0,"is-hover":!0})],2),(u(!0),r(S,null,I(d.block.list_category,(a,n)=>(u(),r("li",{key:n,onClick:p=>x(n),class:B(c(i)===n?"active text-white":"text-black")},[b(o,{text:a.title,"is-active":!0,"width-full":!0,"is-hover":!0},null,8,["text"])],10,Q))),128))]),s("div",Y,[c(_)?(u(),r("div",J,[...l[2]||(l[2]=[s("div",{class:"loading-dots--dot"},null,-1),s("div",{class:"loading-dots--dot"},null,-1),s("div",{class:"loading-dots--dot"},null,-1)])])):k("",!0),(u(!0),r(S,null,I(c(w),(a,n)=>(u(),r("div",{key:n,class:"animation_opacity",onClick:p=>L(n)},[s("div",U,[s("div",W,[s("img",{src:a.image,alt:a.image_alt,class:"image"},null,8,Z)]),l[3]||(l[3]=s("div",{class:"gallery-one__card__hover"},[s("span",{class:"gallery-one__card__icon"})],-1))])],8,K))),128))]),c(w).length<y().length?(u(),r("div",tt,[s("div",{class:"button_viewmore",onClick:l[1]||(l[1]=a=>$())},[s("button",null,[s("span",null,V(d.block.button_text),1)])])])):k("",!0)])],12,O)):k("",!0)}}}),ct=M(et,[["__scopeId","data-v-c75fb2e8"]]);export{ct as default};