1import{r as l,bg as f,j as p}from"./index-ChLnyoIH.js";import{m as c,p as b}from"./mapStyle-J8AQPNoS.js";const m=c.LngLatBounds;function x({market:o}){const r=l.useRef(null),i=l.useRef(null),u=f();return l.useEffect(()=>{if(!r.current)return;const n=new c.Map({container:r.current,style:b(),center:[o.coords.lng,o.coords.lat],zoom:10,attributionControl:{compact:!0},dragRotate:!1,pitchWithRotate:!1});n.touchZoomRotate.disableRotation(),i.current=n,requestAnimationFrame(()=>n.resize());const d=new ResizeObserver(()=>n.resize());return d.observe(r.current),n.once("load",()=>{const t=new m;if(o.hubs.forEach(e=>t.extend([e.coords.lng,e.coords.lat])),o.hubs.length===1){const{lng:e,lat:s}=o.hubs[0].coords;t.extend([e-.07,s-.07]),t.extend([e+.07,s+.07])}n.fitBounds(t,{padding:60,duration:0,maxZoom:13})}),o.hubs.forEach(t=>{const e=document.createElement("div");e.className="flx-hub-marker",e.setAttribute("role","button"),e.setAttribute("tabindex","0"),e.setAttribute("aria-label",`Open Flexcar ${t.name} hub page`),e.style.cursor="pointer",e.innerHTML=` 2 <div class="flx-hub-dot" aria-hidden="true"> 3 <span class="flx-hub-pulse"></span> 4 <span class="flx-hub-core"></span> 5 </div> 6 <div class="flx-hub-label">${t.name}</div> 7 `;const s=()=>{u.navigate({to:"/locations/$market/$location",params:{market:o.slug,location:t.locationSlug}})};e.addEventListener("click",a=>{a.stopPropagation(),s()}),e.addEventListener("keydown",a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),s())}),new c.Marker({element:e,anchor:"center"}).setLngLat([t.coords.lng,t.coords.lat]).addTo(n)}),()=>{d.disconnect(),n.remove(),i.current=null}},[o,u]),p.jsx("div",{ref:r,className:"absolute inset-0 h-full w-full",style:{width:"100%",height:"100%"}})}export{x as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.