https://www.visitmonaco.com/build/visitmonaco/assets/Explore-96e91903.js

1import{j as a}from"./jsx-runtime-b15e31e8.js";import{r,t as A}from"./visitmonaco_js-ffcebadd.js";import{g as R}from"./index-7d9a9c74.js";import{d as $,u as W,L as P,M as V,_ as tt}from"./VectorTileLayer-ac9c7da1.js";import{u as et}from"./useIsRTL-ac554f35.js";import{E as rt}from"./ErrorBoundary-22fbd677.js";import{u as Y}from"./useTailwindBreakpoint-9427f63b.js";import{B as J}from"./index-eba77df1.js";import{I as Z}from"./index-9a465153.js";import{S as K}from"./index-cd6fa626.js";import{C as nt}from"./index-ed3ad7ef.js";import{D as I}from"./index-037dcdcb.js";import"./bundle-mjs-e6c91357.js";import"./index-e66afb7a.js";import"./index-2830b30f.js";import"./index-9bd69c1e.js";import"./open-closed-e7a10b55.js";import"./use-tab-direction-9f56c970.js";import"./portal-e4e1bb22.js";import"./close-provider-14ab0977.js";import"./transition-14cec9fd.js";import"./useFavorite-5dd66f53.js";import"./index-3efb30e1.js";import"./index-6cc2ad75.js";import"./index-0ad0cc96.js";import"./date-a8caac56.js";import"./momentLocale-6450fffb.js";import"./index-fc7c7c79.js";import"./useOpeningHours-72d48f82.js";import"./index-ecadaa60.js";const ot=t=>t?Array.isArray(t)?t:[t]:[],G=({poi:t,index:d,isVisible:f,totalCards:u})=>{const m=r.useRef(null),x=r.useRef(null),l=Y("md-"),h=r.useRef(null),e=r.useRef(!0);return r.useEffect(()=>{if(m.current){if(x.current&&(x.current.kill(),x.current=null),h.current===null&&(h.current=f,f&&e.current?(R.set(m.current,{opacity:0,y:20}),e.current=!1,x.current=R.to(m.current,{opacity:1,y:0,duration:.4,ease:"power2.out",delay:l?d*.08:.4+d*.08})):R.set(m.current,{opacity:0,y:20})),f!==h.current){if(f)x.current=R.fromTo(m.current,{opacity:0,y:20},{opacity:1,y:0,duration:.4,ease:"power2.out",delay:l?d*.08:.1+d*.08});else{const g=l?0:Math.max(0,(u-d-1)*.03);x.current=R.to(m.current,{opacity:0,y:-15,duration:.2,ease:"power2.in",delay:g,overwrite:!0})}h.current=f}return()=>{x.current&&(x.current.kill(),x.current=null)}}},[f,d,l,u]),a.jsx("div",{ref:m,style:{opacity:h.current===null?0:void 0},className:"animated-card","data-animated-card":"true",children:a.jsx(nt,{card:{...t,className:"h-[348px] w-[258px]",viewType:"poi",tags:ot(t.tags)}})})},it=({selectedDistrict:t,selectedDistrictName:d,displayedDistrict:f,pois:u,intro:m,cardsVisible:x,sliderKey:l,getInteractiveMapUrl:h,refs:e})=>{var y;const g=r.useRef(null),T=r.useRef(!1);r.useEffect(()=>{t!==f?T.current=!0:T.current=!1},[t,f]);const b=()=>u.map((s,p)=>a.jsx(G,{poi:s,index:p,isVisible:x,totalCards:u.length},`${f}-${p}`));r.useEffect(()=>{e.swiperContainerRef.current&&(x?(e.swiperContainerRef.current.style.display="block",e.swiperContainerRef.current.style.opacity="1"):e.swiperContainerRef.current.style.opacity="0")},[x,e.swiperContainerRef]),r.useEffect(()=>{if(e.swiperContainerRef.current){const s=setTimeout(()=>{var _;const p=(_=e.swiperContainerRef.current)==null?void 0:_.querySelectorAll(".swiper-slide > div");p&&p.length>0&&p.forEach(o=>{o.setAttribute("data-animated-card","true")})},100);return()=>{clearTimeout(s)}}},[l,e.swiperContainerRef]),r.useEffect(()=>{if(e.contentRef.current&&e.desktopPanelRef.current){const s=e.contentRef.current.offsetHeight;if(g.current===null||Math.abs(s-g.current)>50)if(g.current=s,t){const p=m?250:150;e.desktopPanelRef.current.style.minHeight=`${p}px`}else e.desktopPanelRef.current.style.minHeight="200px"}},[t,f,u.length,m,e.contentRef,e.desktopPanelRef]),r.useEffect(()=>{const s=()=>{T.current&&(e.districtTitleRef.current&&(e.districtTitleRef.current.style.opacity="1",e.districtTitleRef.current.style.transform="translateY(0)"),e.districtIntroRef.current&&(e.districtIntroRef.current.style.opacity="1",e.districtIntroRef.current.style.transform="translateY(0)"),e.swiperContainerRef.current&&(e.swiperContainerRef.current.style.opacity="1"),e.ctaButtonRef.current&&(e.ctaButtonRef.current.style.opacity="1",e.ctaButtonRef.current.style.transform="translateY(0)"))};T.current&&s()},[T.current,e.districtTitleRef,e.districtIntroRef,e.swiperContainerRef,e.ctaButtonRef]);const k=!!f,w=k?f===t?d:(y=$.features.find(s=>s.properties.id_quartier===f))==null?void 0:y.properties.nom:void 0,c=k?m:"";return a.jsxs("div",{ref:e.desktopPanelRef,className:"z-[500] w-[45%] bg-white relative transition-all duration-300 ease-in-out",style:{overflow:"hidden"},children:[a.jsx(Z,{name:"monaco_flag_mini",size:"auto",className:"absolute top-0 ltr:left-[52px] rtl:right-[52px]"}),a.jsxs("div",{ref:e.contentRef,className:"ltr:pl-[52px] rtl:pr-[52px] pb-[40px] pt-[60px]",children:[!t&&a.jsxs("div",{ref:e.defaultMessageRef,className:"text-center py-12",style:{opacity:0}

1,children:[a.jsx("p",{className:"text-grey-slate text-[22px] leading-[30px] font-[500] mb-6",children:A("__explore_select_district__")}),a.jsx("div",{className:"flex justify-center items-center",children:a.jsx(Z,{name:"arrow-left",className:"w-8 h-8 text-red-600 transform -rotate-45"})}),a.jsx("p",{className:"text-grey-slate text-[16px] leading-[24px] mt-6 max-w-[300px] mx-auto",children:A("__explore_description__")})]}),a.jsx("p",{ref:e.districtTitleRef,className:"text-grey-slate mb-2 font-[500] text-[22px] leading-[30px] opacity-0",style:{transform:"translateY(-20px)",display:w?"block":"none"},children:w?`#${w}`:""}),a.jsx("p",{ref:e.districtIntroRef,className:"text-grey-slate mb-8 opacity-0",style:{transform:"translateY(-15px)",display:c?"block":"none"},children:c}),a.jsx("div",{ref:e.swiperContainerRef,style:{opacity:0,display:u.length>0?"block":"none"},children:u.length>0&&a.jsx(K,{paginationClassnames:"ltr:lg:ml-0 rtl:lg:mr-0 ltr:mr-7 rtl:ml-7",slides:b(),options:{type:"slide",autoWidth:!0,gap:20,omitEnd:!0,autoplay:!1}},l)}),a.jsx("div",{ref:e.ctaButtonRef,className:"mt-8",style:{opacity:0,display:t&&u.length>0?"block":"none"},children:a.jsxs(J,{href:h(),variant:"primary",children:[A("__explore__")," ",w]})})]})]})},ct=({data:t,onDistrictClick:d,defaultDistrict:f,selectedDistrict:u,districtsWithContent:m})=>{const x=W(),l=r.useRef(null),h=r.useRef(null),e=r.useRef([]),g=r.useRef(null),T=r.useRef(new Map),b=r.useRef(new Map),k=r.useRef(!1),w=r.useCallback((o,i)=>P.tooltip({permanent:!0,direction:"center",className:"!text-sm !w-[100px] md:!w-[120px] !text-center !whitespace-normal md:!text-lg !font-[700] md:!font-[500] !bg-transparent !border-none !shadow-none"}).setContent(`<div style="color: ${i};">${o.properties.nom}</div>`),[]),c=r.useCallback(o=>m.includes(o),[m]),y=r.useCallback(()=>{const o=[...e.current].sort((i,n)=>{const C=b.current.get(i)||0,j=b.current.get(n)||0;return C-j});for(let i=0;i<o.length;i++){const n=o[i];n!==l.current&&n!==h.current&&n.bringToFront()}h.current&&h.current!==l.current&&h.current.bringToFront(),l.current instanceof P.Path&&l.current.bringToFront()},[]),s=r.useCallback((o,i)=>{var n;if(o.setStyle({color:"#A0A0A0",weight:.4,fillColor:"#FFF",fillOpacity:1}),o.getTooltip()&&o.unbindTooltip(),(n=i==null?void 0:i.properties)!=null&&n.nom){const C=w(i,"#6F6E6E");o.bindTooltip(C)}y()},[w,y]),p=r.useCallback((o,i)=>{var n;if(k.current=!0,l.current&&l.current!==o&&l.current instanceof P.Path){const C=e.current.indexOf(l.current),j=C>=0?t.features[C]:null;s(l.current,j)}if(o.setStyle({color:"#EB0000",weight:1.5,fillColor:"#FFD8D9",fillOpacity:1}),o.getTooltip()&&o.unbindTooltip(),(n=i==null?void 0:i.properties)!=null&&n.nom){const C=w(i,"#EB0000");o.bindTooltip(C)}l.current=o,o.bringToFront()},[s,w,t]),_=r.useCallback((o,i,n)=>{var C;if(!k.current&&o!==l.current&&!((C=i==null?void 0:i.properties)!=null&&C.id_quartier&&!c(i.properties.id_quartier)))if(n)h.current=o,o.setStyle({fillColor:"#F0F0F0"}),l.current instanceof P.Path&&l.current.bringToFront();else{if(h.current===o&&(h.current=null),o===l.current)return;s(o,i),l.current instanceof P.Path&&l.current.bringToFront()}},[l,s,c]);return r.useEffect(()=>{if(!u){if(l.current instanceof P.Path){const i=e.current.indexOf(l.current),n=i>=0?t.features[i]:null;s(l.current,n),l.current=null}return}if(T.current.size===0)return;const o=T.current.get(u);o&&(k.current=!0,p(o.layer,o.feature),l.current instanceof P.Path&&l.current.bringToFront())},[u,p,s,t.features]),r.useEffect(()=>{if(e.current.length>0&&T.current.size>0){if(!u&&!f)return;const o=u||f,i=T.current.get(o);i&&p(i.layer,i.feature)}},[e.current.length,T.current.size,u,f,p]),r.useEffect(()=>{e.current=[],l.current=null,h.current=null,T.current.clear(),b.current.clear();const o=P.geoJSON(t,{style:{color:"#A0A0A0",weight:.4,opacity:1,fillColor:"#FFF",fillOpacity:1},onEachFeature:(i,n)=>{var C,j,B;if((C=i.properties)!=null&&C.nom){const S=w(i,"#6F6E6E");n.bindTooltip(S)}if(n instanceof P.Path){if(e.current.push(n),b.current.set(n,e.current.length),n.bringToFront(),(j=i.properties)!=null&&j.id_quartier){const S=i.properties.id_quartier;if(T.current.set(S,{layer:n,feature:i}),c(S)){if(n.getElement){const E=n.getElement();E&&(E.style.cursor="pointer")}if(S===u){n.setStyle({color:"#EB0000",weight:1.5,fillColor:"#FFD8D9"}),n.getTooltip()&&n.unbindTooltip();const E=w(i,"#EB0000");n.bindTooltip(E),l.current=n,requestAnimationFrame(()=>{n.bringToFront()})}}else if(n.setStyle({fillColor:"#FAFAFA",className:"!cursor-default"}),n.getElement){const E=n.getElement();E&&(E.style.cursor="default")}}(B=i.properties)!=null&&B.id_quartier&&c(i.properties.id_quartier)&&(n.on("click",S=>{const E=i.properties.id_quartier;d(E),P.DomEvent.stopPropagation(S)}),n.on("mouseover",()=>{_(n,i,!0)}),n.on("mouseout",()=>{_(n,i,!1)}))}}}).addTo(x);return g.current=o,()=>{x.removeLayer(o),e.current=[],g.current=null,T.current.clear()}},[x,t,w,d,_,c,u]),r.useEffect(()=>{const o=()=>{l.current instanceof P.Path&&l.current.bringToFront()};o();const i=setInterval(o,500);return()=>{clearInterval(i)}},[l.current]),null},st=()=>{const t=W();return r.useEffect(()=>(t.scrollWheelZoom.disable(),t.touchZoom&&t.touchZoom.disable(),t.dragging.disable(),t.doubleClickZoom.disable(),(

1)=>{t.scrollWheelZoom.enable(),t.touchZoom&&t.touchZoom.enable(),t.dragging.enable(),t.doubleClickZoom.enable()}),[t]),null},lt=({showMobilePanel:t,handleCloseDrawer:d,selectedDistrictName:f,intro:u,pois:m,displayedDistrict:x,cardsVisible:l,sliderKey:h,selectedDistrict:e,getInteractiveMapUrl:g,cta:T,swiperContainerRef:b,currentDistrictName:k})=>{const[w,c]=r.useState(!1),y=()=>m.map((s,p)=>a.jsx(G,{poi:s,index:p,isVisible:l&&w,totalCards:m.length},`${x}-${p}`));return r.useEffect(()=>{b.current&&(l&&w?(b.current.style.display="block",b.current.style.opacity="1"):b.current.style.opacity="0")},[l,b,w]),r.useEffect(()=>{let s;return t?(c(!1),s=setTimeout(()=>{c(!0)},300)):c(!1),()=>{s&&clearTimeout(s)}},[t]),a.jsx(I.Root,{open:t,onOpenChange:s=>{s||d()},dismissible:!0,handleOnly:!0,children:a.jsxs(I.Portal,{children:[a.jsx(I.Overlay,{className:"fixed inset-0 bg-black/40 z-[2000]"}),a.jsxs(I.Content,{className:"bg-white flex flex-col rounded-t-[20px] max-h-[90vh] mt-24 fixed bottom-0 left-0 right-0 z-[2100]",children:[a.jsx(I.Handle,{className:"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-gray-300 my-4"}),a.jsx("div",{className:"p-4 bg-white overflow-auto relative",children:a.jsxs("div",{className:"px-4 pb-4",children:[a.jsx(I.Close,{asChild:!0,children:a.jsx("button",{className:"absolute top-0 ltr:right-5 rtl:left-5 p-2 text-gray-500 hover:text-gray-700","aria-label":A("__close__"),children:a.jsx(Z,{name:"close"})})}),f&&a.jsxs("p",{className:"text-grey-slate mb-6 font-[500] text-[20px] leading-[26px]",children:["#",f]}),u&&a.jsx("p",{className:"text-grey-slate mb-6",children:u}),a.jsx("div",{ref:b,className:`mt-4 pb-8 ${m.length>0?"block":"hidden"}`,style:{opacity:l&&w?1:0},children:m.length>0&&a.jsx(K,{paginationClassnames:"ltr:lg:ml-0 rtl:lg:mr-0 ltr:mr-7 rtl:ml-7",slides:y(),options:{type:"slide",autoWidth:!0,gap:16,omitEnd:!0,autoplay:!1}},h)}),e&&m.length>0&&a.jsx("div",{className:"mt-6 mb-8",children:a.jsxs(J,{href:g(),variant:"primary",children:[A("__explore__")," ",k]})})]})})]})]})})},at=(t,{selectedDistrict:d,displayedDistrict:f,cardsVisible:u,setCardsVisible:m,intro:x,pois:l,isMobileView:h})=>{const e=r.useRef([]),g=r.useRef(null),T=r.useRef(null);r.useCallback(c=>!!(c&&c.offsetParent!==null),[]);const b=r.useCallback(()=>{e.current.length>0&&(e.current.forEach(c=>c.kill()),e.current=[]),t.swiperContainerRef.current&&(R.killTweensOf(t.swiperContainerRef.current),t.swiperContainerRef.current.querySelectorAll("div").forEach(y=>{R.killTweensOf(y)})),t.ctaButtonRef.current&&R.killTweensOf(t.ctaButtonRef.current),t.districtTitleRef.current&&R.killTweensOf(t.districtTitleRef.current),t.districtIntroRef.current&&R.killTweensOf(t.districtIntroRef.current),t.desktopPanelRef.current&&R.killTweensOf(t.desktopPanelRef.current),t.defaultMessageRef.current&&R.killTweensOf(t.defaultMessageRef.current)},[t]),k=r.useCallback((c,y=.4,s)=>{if(!t.desktopPanelRef.current||h)return;g.current===null&&(g.current=t.desktopPanelRef.current.offsetHeight),R.set(t.desktopPanelRef.current,{height:g.current,overflow:"hidden"});const p=R.timeline({onComplete:()=>{R.set(t.desktopPanelRef.current,{height:"auto",overflow:"visible"}),e.current=e.current.filter(_=>_!==p),s&&s()}});e.current.push(p),p.to(t.desktopPanelRef.current,{height:c,duration:y,ease:"power2.inOut"}),g.current=c},[t,h]),w=r.useCallback(()=>new Promise(c=>{if(h)c();else{b(),t.desktopPanelRef.current&&(g.current=t.desktopPanelRef.current.offsetHeight);const y=t.districtTitleRef.current!==null,s=t.districtIntroRef.current!==null,p=t.swiperContainerRef.current!==null,_=t.ctaButtonRef.current!==null;if(!y&&!s&&!p&&!_){c();return}const o=R.timeline({onComplete:()=>{c(),e.current=e.current.filter(n=>n!==o)}});e.current.push(o);const i=0;if(y&&(R.set(t.districtTitleRef.current,{opacity:1}),o.to(t.districtTitleRef.current,{opacity:0,y:-10,duration:.2,ease:"power2.in"},i)),s&&t.districtIntroRef.current&&(R.set(t.districtIntroRef.current,{opacity:1}),o.to(t.districtIntroRef.current,{opacity:0,y:-10,duration:.2,ease:"power2.in"},i)),p&&t.swiperContainerRef.current){R.set(t.swiperContainerRef.current,{opacity:1}),o.to(t.swiperContainerRef.current,{opacity:0,duration:.2,ease:"power2.in"},i);const n=t.swiperContainerRef.current.querySelectorAll(".swiper-slide > div");n&&n.length>

10&&n.forEach((C,j)=>{R.set(C,{opacity:1});const B=Math.max(0,(n.length-j-1)*.03);o.to(C,{opacity:0,y:-15,duration:.2,ease:"power2.in",delay:B},i)})}if(_&&t.ctaButtonRef.current&&(R.set(t.ctaButtonRef.current,{opacity:1}),o.to(t.ctaButtonRef.current,{opacity:0,y:10,duration:.2,ease:"power2.in"},i)),t.desktopPanelRef.current&&g.current!==null){const n=Math.max(200,g.current*.9);o.to(t.desktopPanelRef.current,{height:n,duration:.25,ease:"power2.inOut"},i+.05)}}}),[h,t,b]);return r.useEffect(()=>{if(!h&&t.desktopPanelRef.current&&t.contentRef.current&&d===f){e.current.length>0&&(e.current.forEach(p=>p.kill()),e.current=[]);const c=t.desktopPanelRef.current.offsetHeight;t.districtTitleRef.current&&R.set(t.districtTitleRef.current,{opacity:0,y:-20}),t.districtIntroRef.current&&R.set(t.districtIntroRef.current,{opacity:0,y:-15}),t.swiperContainerRef.current&&R.set(t.swiperContainerRef.current,{opacity:0}),t.ctaButtonRef.current&&R.set(t.ctaButtonRef.current,{opacity:0,y:20}),R.set(t.desktopPanelRef.current,{height:c,overflow:"hidden"});const y=t.contentRef.current.offsetHeight;T.current=y;const s=R.timeline({onComplete:()=>{R.set(t.desktopPanelRef.current,{height:"auto",overflow:"visible"}),e.current=e.current.filter(p=>p!==s)}});e.current.push(s),s.to(t.desktopPanelRef.current,{height:y,duration:.3,ease:"power2.inOut"}),d&&(m(!0),t.districtTitleRef.current&&s.to(t.districtTitleRef.current,{opacity:1,y:0,duration:.3,ease:"power2.out"},"-=0.2"),t.districtIntroRef.current&&x&&s.to(t.districtIntroRef.current,{opacity:1,y:0,duration:.3,ease:"power2.out"},"-=0.15"),t.swiperContainerRef.current&&l.length>0&&s.to(t.swiperContainerRef.current,{opacity:1,duration:.3,ease:"power2.out"},"-=0.1"),t.ctaButtonRef.current&&l.length>0&&s.to(t.ctaButtonRef.current,{opacity:1,y:0,duration:.3,ease:"power2.out"},"-=0.05"),g.current=y)}},[d,f,x,l.length,h,t,m]),r.useEffect(()=>{if(!h&&t.defaultMessageRef.current)if(R.killTweensOf(t.defaultMessageRef.current),d){const c=R.timeline();e.current.push(c),c.to(t.defaultMessageRef.current,{opacity:0,y:20,duration:.2,ease:"power2.in",onComplete:()=>{e.current=e.current.filter(y=>y!==c)}})}else{const c=R.timeline();e.current.push(c),c.fromTo(t.defaultMessageRef.current,{opacity:0,y:20},{opacity:1,y:0,duration:.3,ease:"power2.out",onComplete:()=>{e.current=e.current.filter(y=>y!==c)}})}},[d,h,t]),{cleanupAnimations:b,animateElementsOut:w,animateHeight:k}},ut=(t,d)=>{var _;const[f,u]=r.useState(t),[m,x]=r.useState(t),[l,h]=r.useState(0),[e,g]=r.useState(!!t),[T,b]=r.useState(!1),k=r.useRef(!1),w=r.useRef(t),c=r.useCallback(o=>{k.current||o===f||(k.current=!0,u(o),w.current=o,setTimeout(()=>{k.current=!1},800))},[f]),y=r.useCallback(()=>{k.current||(k.current=!0,g(!1),u(""),x(""),w.current="",b(!1),setTimeout(()=>{k.current=!1},500))},[]);r.useEffect(()=>{f!==m&&(k.current=!0)},[f,m]),r.useEffect(()=>{if(f&&m&&f===m){const o=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(o)}}},[f,m]);const s=f?(_=$.features.find(o=>o.properties.id_quartier===f))==null?void 0:_.properties.nom:"",p=r.useCallback(()=>{if(!f)return"#";const i={QUA_1:7,QUA_2:3,QUA_3:9,QUA_4:0,QUA_5:1,QUA_6:2,QUA_7:5,QUA_8:4}[f];if(i===void 0)return"#";let n="";if(typeof d=="string"?n=d:d&&typeof d=="object"&&d.href&&typeof d.href=="string"&&(n=d.href),!n)return"#";const C=n.indexOf("?")!==-1?"&":"?";return`${n}${C}districts%5B%5D=district_${i}`},[d,f]);return{selectedDistrict:f,setSelectedDistrict:u,displayedDistrict:m,setDisplayedDistrict:x,sliderKey:l,setSliderKey:h,cardsVisible:e,setCardsVisible:g,showMobilePanel:T,setShowMobilePanel:b,handleDistrictClick:c,handleCloseDrawer:y,selectedDistrictName:s,getInteractiveMapUrl:p,isTransitioning:k.current}},ft=t=>a.jsx(rt,{children:a.jsx(pt,{...t})}),pt=({districtPOIs:t,defaultDistrict:d,cta:f})=>{var L,Q;const u=Y("md-"),m=et(),[x,l]=r.useState(""),h=r.useRef(null),e=r.useRef(null),g=r.useRef(null),T=r.useRef(null),b=r.useRef(null),k=r.useRef(null),w=r.useRef(null),{selectedDistrict:c,setSelectedDistrict:y,displayedDistrict:s,setDisplayedDistrict:p,sliderKey:_,setSliderKey:o,cardsVisible:i,setCardsVisible:n,showMobilePanel:C,setShowMobilePanel:j,handleDistrictClick:B,handleCloseDrawer:S,selectedDistrictName:E,getInteractiveMapUrl:z,isTransitioning:dt}=ut(u?"":d,f),M=x||s,H=((L=t[M])==null?void 0:L.pois)||[],q=((Q=t[M])==null?void 0:Q.intro)||"",X=Object.keys(t).filter(v=>{const F=t[v];return F&&(F.pois&&F.pois.length>0||F.intro)});r.useEffect(()=>{if(u)c||(y(""),p(""),n(!1));else if(c){const v=setTimeout(()=>{n(!0)},100);return()=>{clearTimeout(v)}}},[u,y,p,n,c]),r.useEffect(()=>{if(d&&!u){const v=setTimeout(()=>{n(!0)},300);return()=>{clearTimeout(v)}}},[d,u,n]);const O={desktopPanelRef:T,contentRef:b,districtTitleRef:e,districtIntroRef:g,swiperContainerRef:h,ctaButtonRef:k,defaultMessageRef:w},{cleanupAnimations:D,animateElementsOut:U,animateHeight:mt}

1=at(O,{selectedDistrict:c,displayedDistrict:s,cardsVisible:i,setCardsVisible:n,intro:q,pois:H,isMobileView:u});return r.useEffect(()=>{if(c!==s){let v;return(async()=>{if(D(),s&&l(s),s){try{await U()}catch(N){console.error("Erreur lors de l'animation de sortie:",N)}await new Promise(N=>{setTimeout(()=>N(),250)})}if(!u&&O.desktopPanelRef.current){const N=c?400:200;R.set(O.desktopPanelRef.current,{height:N,overflow:"hidden"})}p(c),o(N=>N+1),l(""),u&&c&&(j(!0),await new Promise(N=>{setTimeout(()=>N(),100)})),v=setTimeout(()=>{c&&n(!0)},u?300:200)})(),()=>{v&&clearTimeout(v)}}},[c,s,u,D,U,n,p,o,j,O]),r.useEffect(()=>{if(c&&s&&c===s){const v=setTimeout(()=>{n(!0)},100);return()=>{clearTimeout(v)}}},[c,s,n]),a.jsxs("div",{className:"h-[80vh] lg:h-screen w-full relative flex items-center justify-end",children:[a.jsxs(V,{center:m?u?[43.7384,7.425]:[43.7384,7.41]:u?[43.7384,7.425]:[43.7384,7.437],zoom:u?14:14.5,zoomControl:!1,attributionControl:!1,maxBoundsViscosity:1,maxZoom:20,minZoom:u?12:14,zoomSnap:.5,doubleClickZoom:!1,className:"!inset-0 !absolute",children:[a.jsx(ct,{data:$,onDistrictClick:B,defaultDistrict:u?"":d,selectedDistrict:c,districtsWithContent:X}),a.jsx(tt,{url:"90a87a271f20484cb14891c0e29167fa"}),a.jsx(st,{})]}),a.jsxs("div",{className:"absolute top-8 lg:top-24 left-sidebar-mobile ltr:lg:left-sidebar-desktop rtl:lg:right-1/2 rtl:lg:translate-x-full z-[550] pointer-events-none",children:[a.jsx("h2",{className:"text-deep-black text-[32px] leading-[40px] lg:text-[42px] lg:leading-[46px] font-[500] mb-4 max-w-[200px] lg:max-w-[300px]",children:A("__explore_title__")}),a.jsx("p",{className:"lg:hidden text-deep-black text-[24px] leading-[28px] font-[400] mt-10 max-w-[130px]",children:A("__explore_select_district__")}),a.jsx("p",{className:"hidden lg:block text-grey-slate mb-8 font-[500] max-w-[300px] text-balance",children:A("__explore_description__")})]}),!u&&a.jsx(it,{selectedDistrict:c,selectedDistrictName:E,displayedDistrict:M,pois:H,intro:q,cardsVisible:i,sliderKey:_,getInteractiveMapUrl:z,cta:f,refs:O}),u&&a.jsx(lt,{showMobilePanel:C,handleCloseDrawer:S,selectedDistrictName:E,intro:q,pois:H,displayedDistrict:M,cardsVisible:i,sliderKey:_,selectedDistrict:c,getInteractiveMapUrl:z,cta:f,swiperContainerRef:h,currentDistrictName:E||""})]})},Lt=t=>a.jsx(ft,{...t});export{Lt as default};
2//# sourceMappingURL=Explore-96e91903.js.map