https://www.sennder.com/_nuxt/ClE50drH.js

1import{d as j,r as v,q as M,y as S,w as T,b as s,o as a,f as e,h as d,k as D,F as h,i as w,al as E,a0 as I,c as N,U as C,a6 as q,T as _,j as $,e as c,t as L,P as F,_ as z,a1 as G}from"./DeGFS1S8.js";import{_ as P}from"./DIux3E4k.js";import{_ as V}from"./CTFDqdB7.js";import{S as W,P as A}from"./CGKIEwIX.js";import{N as U}from"./JMru1PWW.js";import{w as O}from"./tzqApSPY.js";import"./CCDoCeeH.js";const R={class:"relative flex h-full items-center"},H={class:"relative h-auto w-full translate-x-1/2 transform"},J=["onClick"],B=1062,K=j({__name:"InteractiveGlobe",props:{locations:{type:Object,required:!0}},emits:["toggleLocation"],setup(t,{emit:x}){const u=v(-1),f=x,n=v(null),m=v(!1),g=t;M(()=>{window.addEventListener("resize",k)}),S(()=>{window.removeEventListener("resize",k)});const k=()=>{m.value=!m.value},i=(l,r)=>{if(!n.value)return 0;m.value;const b=r==="x"?n.value.clientWidth:n.value.clientHeight;return(r==="x"?l.x_coordinate:l.y_coordinate)*(b/B)},p=l=>{u.value=l},o=()=>{u.value=-1};return T(u,l=>{f("toggleLocation",l)},{immediate:!1}),(l,r)=>(a(),s("div",{onClick:o,class:"absolute right-0 top-0 z-40 h-full w-full"},[e("div",R,[e("div",H,[e("div",{ref_key:"globeImage",ref:n,class:"h-auto w-fit max-w-[70%]"},[d(D,{src:"/images/globe-new.svg",class:"flex h-auto w-fit items-center justify-center [&>*]:aspect-square [&>*]:h-full [&>*]:object-cover",alt:"Globe",onLoad:r[0]||(r[0]=b=>k()),breakPointsWidthMap:{0:320,320:768,768:1024,1024:B}},null,8,["breakPointsWidthMap"])],512),(a(!0),s(h,null,w(g.locations,(b,y)=>(a(),s("div",{class:"group pointer-events-none absolute left-0 top-0 h-full w-full hover:cursor-pointer",onClick:E(ce=>p(y),["stop"]),key:y},[e("div",{ref_for:!0,ref:"locationMarker",style:I({transform:`translate3D(${i(b,"x")}px, ${i(b,"y")}px, 0)`}),class:"group pointer-events-auto relative z-50 -ml-2 -mt-2 flex h-4 w-4 items-center justify-center rounded-full"},[...r[1]||(r[1]=[e("span",{class:"absolute z-10 h-2 w-2 rounded-full bg-foreground-inverted"},null,-1),e("span",{class:"absolute z-0 h-4 w-4 rounded-full bg-foreground-primary opacity-0 transition-all ease-ease group-hover:opacity-100"},null,-1)])],4)],8,J))),128))])])]))}}),Q={class:"pointer-events-none absolute right-32 top-32 z-50 justify-end max-lg:hidden"},X={class:"container relative grid gap-y-16 bg-orange md:gap-y-32"},Y={key:0,class:"text-overline mb-2 text-foreground-inverted-secondary"},Z={key:1,class:"text-section-title text-foreground-inverted"},ee={key:0,class:"text-body-1-emphasis relative mx-auto flex h-fit max-w-sm text-left lg:ml-0 lg:mr-auto lg:w-60"},te={class:"pl-3 text-foreground-inverted"},oe={class:"pointer-events-auto mb-8 overflow-hidden lg:hidden"},ae={class:"swiper-wrapper select-none"},ne={class:"flex items-center justify-between"},le=["id"],se={class:"flex"},ie=["id"],re=["id"],ke=j({__name:"LocationsGlobe",props:{blok:{type:Object,required:!0}},setup(t){const x=[A,U],u=v(),f=v(-1),n=t,m=N(()=>{switch(n.blok.margin_bottom){case"small":return"mb-8 md:mb-10";case"big":return"mb-20 md:mb-32";case"huge":return"mb-24 md:mb-48";default:return""}}),g=".swiper-container-"+n.blok._uid;return M(async()=>{await O(g),u.value=new W(g,{breakpoints:{0:{slidesPerView:1,spaceBetween:16}},touchAngle:90,resistanceRatio:.2,threshold:30,speed:700,pagination:{el:`#swiper-pagination-${n.blok._uid}`,clickable:!0},navigation:{nextEl:`#swiper-next-${n.blok._uid}`,prevEl:`#swiper-prev-${n.blok._uid}`},modules:x})}),(k,i)=>{const p=q("editable");return C((a(),s("section",{class:_(["relative overflow-hidden overflow-x-clip bg-background-accent py-20 md:py-32",m.value])},[d(K,{class:"hidden max-lg:pointer-events-none lg:block",locations:t.blok.items,onToggleLocation:i[0]||(i[0]=o=>f.value=o)},null,8,["locations"]),e("div",Q,[(a(!0),s(h,null,w(t.blok.items,(o,l)=>(a(),s("div",{key:l,class:_([f.value===l?"pointer-events-auto translate-y-0 opacity-100":"pointer-events-none translate-y-4 opacity-0","ease absolute right-0 top-0 z-10 flex w-96 items-center gap-x-8 rounded bg-background-neutral-light backdrop-blur-[30px] transition-all duration-300 [&>*]:w-full"])}

1,[o.contact_card&&o.contact_card[0]?(a(),$(P,{key:0,isTextContent:!0,isTransparent:!0,hasSmallPadding:!0,blok:o.contact_card[0]},null,8,["blok"])):c("",!0)],2))),128))]),e("div",X,[e("div",null,[t.blok.overline?(a(),s("p",Y,L(t.blok.overline),1)):c("",!0),t.blok.title?(a(),s("h2",Z,L(t.blok.title),1)):c("",!0)]),(a(!0),s(h,null,w(t.blok.rows,(o,l)=>(a(),s("div",{class:"flex items-center gap-y-6 max-lg:flex-col",key:l},[d(V,{class:"flex w-60 flex-col items-center",theme:"orange",blok:o.items[0]},null,8,["blok"]),o.text?(a(),s("div",ee,[i[1]||(i[1]=e("span",{class:"absolute left-0 mr-2 inline-block h-full w-1 bg-foreground-inverted-secondary"},null,-1)),e("span",te,L(o.text),1)])):c("",!0)]))),128)),t.blok.cta?(a(),$(G,{key:0,link:t.blok.cta[0].link,class:"pointer-events-all relative z-50 mb-2 block hover:cursor-pointer"},{default:F(()=>[d(z,{text:t.blok.cta[0].title,icon:t.blok.cta[0].icon,isFullWidthMobile:!0,style:I(t.blok.cta[0].style),iconIsBefore:t.blok.cta[0].icon_is_before,dataTracking:t.blok.cta[0].data_tracking},null,8,["text","icon","style","iconIsBefore","dataTracking"])]),_:1},8,["link"])):c("",!0),e("div",oe,[e("div",{class:_(["mb-4","swiper-container-"+n.blok._uid])},[e("div",ae,[(a(!0),s(h,null,w(t.blok.items,(o,l)=>C((a(),s("div",{class:"swiper-slide",key:l},[o.contact_card&&o.contact_card[0]?(a(),$(P,{key:0,isTextContent:!0,hasSmallPadding:!0,blok:o.contact_card[0]},null,8,["blok"])):c("",!0)])),[[p,o]])),128))])],2),e("div",null,[e("div",ne,[e("div",{class:"flex py-3 [&>*]:mr-2",id:`swiper-pagination-${n.blok._uid}`},null,8,le),e("div",se,[e("div",{id:`swiper-prev-${n.blok._uid}`,class:"mr-4"},[d(z,{"aria-label":"Previous",paddingDesktop:"small",style:"gray-light",icon:"ArrowLeft"})],8,ie),e("div",{id:`swiper-next-${n.blok._uid}`},[d(z,{"aria-label":"Next",paddingDesktop:"small",style:"gray-light",icon:"ArrowRight"})],8,re)])])])])])],2)),[[p,t.blok]])}}});export{ke as default};