https://bulletproof-vovi-omega.vercel.app/Locations-d4652d48.js

1import{g as l,S as g}from"./app.js";import{F as r}from"./Flip-97892822.js";import"./matrix-4417aa94.js";l.registerPlugin(g,r);class D{constructor(S,C){this.instance=S,this.app=C,this.isMobile=this.app.isMobile;let y=!1,L=this.instance.nextElementSibling,f=this.instance.querySelectorAll(".loc_title"),k=this.instance.querySelectorAll(".loc_details.w-richtext"),A=this.instance.querySelector("[data-location-bg]"),x=this.instance.querySelector("[data-location-blend]"),q=this.instance.querySelector("[data-location-b]"),c=null,n=null,h=l.timeline({defaults:{ease:"none"}});g.create({trigger:this.instance,start:"top bottom",endTrigger:L,end:"bottom bottom",scrub:!0,animation:h}),h.fromTo([A,q],{y:"-30vw"},{y:"30vw"},0),h.fromTo(x,{y:"-30vw"},{y:"30vw"},0);let s=l.timeline({paused:!0}),d=l.timeline({paused:!0});k.forEach(e=>{e.querySelectorAll("p").forEach(t=>{let a=document.createElement("div");t.parentNode.insertBefore(a,t),a.appendChild(t),a.style.overflow="hidden",l.set(t,{yPercent:110})})}),f.forEach(e=>{this.isMobile||(e.addEventListener("mouseenter",()=>{f.forEach(o=>{o!==e&&o.classList.add("faded")})}),e.addEventListener("mouseleave",()=>{f.forEach(o=>{o.classList.remove("faded")})})),e.addEventListener("click",()=>{let o=e.textContent.trim().toLowerCase(),t=null;if(this.instance.querySelectorAll("[data-city]").forEach(a=>{a.getAttribute("data-city").trim().toLowerCase()===o&&(t=a)}),t){y=!0,l.delayedCall(1.1,()=>{window.addEventListener("scroll",E),document.addEventListener("click",b),T(),l.delayedCall(.1,()=>{y=!1})}),d.pause(),s.kill(),s=l.timeline({paused:!0});let a=t.querySelectorAll("p");t.classList.add("active"),s.set(t,{autoAlpha:1}),s.fromTo(a,{yPercent:110},{yPercent:0,duration:1,delay:.5,ease:"slow-out",stagger:.05},0);let i=e.parentElement,p=Array.from(i.parentElement.children),O=p.slice(0,p.indexOf(i)),P=p.slice(p.indexOf(i)+1),w=i.parentElement,m=Array.from(w.parentElement.children),_=m.slice(0,m.indexOf(w)),B=m.slice(m.indexOf(w)+1);s.to(O,{x:"-180vw",duration:1.2,ease:"slow-out"},0).to(P,{x:"180vw",duration:1.2,ease:"slow-out"},0).to(_,{y:"-200vh",duration:.8,opacity:0,stagger:.02,ease:"power3.inOut"},0).to(B,{y:"200vh",duration:.8,opacity:0,stagger:{each:.02,from:"end"},ease:"power3.inOut"},0);let I=window.getComputedStyle(i).width,M=window.getComputedStyle(i).height;i.style.width=I,i.style.height=M;let z=r.getState(e);t.querySelector(".loc_details-title").appendChild(e),r.from(z,{absolute:!0,zIndex:2,duration:1,delay:.4,ease:"slow-out",overwrite:"auto"}),c=i,n=e,s.play()}})}),document.addEventListener("keydown",e=>{e.key==="Escape"&&u()});let v;const T=()=>{v=g.create({trigger:this.instance,start:"top bottom",end:"bottom top",onEnterBack:()=>u(),onLeaveBack:()=>u()})};function E(){}function b(e){y||!e.isTrusted||n&&!e.target.closest(".loc_details-item")&&u()}function u(){if(n&&c){let e=n.closest("[data-city]").querySelectorAll("p");document.querySelectorAll(".loc_details-item").forEach(t=>t.classList.remove("active")),s.pause(),d.kill(),d=l.timeline({paused:!0}).to(".loc_tite-row",{y:"0",opacity:1,duration:1,ease:"slow-out"},0).to(".loc_title-wrap",{x:"0",opacity:1,duration:1,ease:"slow-out"},0).to(e,{yPercent:110,duration:.8,ease:"slow-out",stagger:.05,onComplete:()=>{l.set("[data-city]",{autoAlpha:0})}},0);let o=r.getState(n);c.appendChild(n),r.from(o,{absolute:!0,zIndex:2,duration:1,ease:"slow-out"}),n=null,c=null,window.removeEventListener("scroll",E),document.removeEventListener("click",b),v.kill(),d.play()}}}}export{D as default};