react-route-profile 0.1.25 → 0.1.27

package/dist/index.js

@@ -1,6 +1,6 @@
-import {Status,Wrapper}from'@googlemaps/react-wrapper';import*as k from'react';import {createContext,useContext,useMemo,useState,useEffect,useCallback,useRef,useId}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Ge from'./Loader.module-M6WPG37K.module.css';import {ResponsiveContainer,ComposedChart,CartesianGrid,Customized,XAxis,YAxis,Tooltip,Line,ReferenceDot,ReferenceLine}from'recharts';import Dt from'./GoogleMapCanvas.module-GCGVA6T4.module.css';import Ne from'./RouteMap.module-4GSEMCKC.module.css';import'./index-DIK6ZNA4.css';var X=()=>typeof window>"u"?true:window.innerWidth>=window.innerHeight,G=()=>{let[e,r]=useState(X);return useEffect(()=>{let n=()=>r(X());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),{isHorizontal:e,isVertical:!e}};var w={colors:{primary:"rgba(14, 165, 233, 1)",primaryMuted:"rgba(14, 165, 233, 0.7)",accent:"rgba(132, 204, 22, 1)",surface:"rgba(248, 250, 252, 1)"},marker:{outer:"rgba(132, 204, 22, 1)",inner:"rgba(248, 250, 252, 1)",startInner:"rgba(34, 197, 94, 1)",finishInner:"rgba(239, 68, 68, 1)"},dots:{mapActive:"rgba(132, 204, 22, 1)",chart:"rgba(132, 204, 22, 1)",chartActive:"rgba(132, 204, 22, 1)"},map:{strokeWeight:10,markerSize:50,markerLabelFontSize:20,markerLabelFontWeight:"bold",hoverMarkerScale:6},chart:{margin:{top:4,right:8,bottom:4,left:8},gridStroke:"rgba(255,255,255,0.08)",gridDasharray:"3 3",axisStroke:"rgba(226, 232, 240, 0.7)",cursorStroke:"rgba(226,232,240,0.4)",cursorStrokeWidth:1,yAxisWidth:60,lineStrokeWidth:1,dotRadius:3,dotOpacity:.9,activeDotRadius:3,referenceDotRadius:7,referenceLineOpacity:.5,gradientStartOpacity:.6,gradientEndOpacity:.1,xTickFontSize:12,xTickDy:12,xTickUnitFontSize:10,xTickUnitDx:2,yTickFontSize:12,yTickDy:4,yTickUnitFontSize:10,yTickUnitDx:2},tooltip:{background:"rgba(15,23,42,0.9)",textColor:"#e2e8f0",padding:"6px 8px",borderRadius:6},markerShape:{size:33,lift:20,text:{fontSize:12,fontWeight:300,letterSpacing:2,xOffset:15,lineHeight:12,startLiftPerWord:10}}};var V=createContext(w),$e=e=>({colors:{...w.colors,...e?.colors??{}},marker:{...w.marker,...e?.marker??{}},dots:{...w.dots,...e?.dots??{}},map:{...w.map,...e?.map??{}},chart:{...w.chart,...e?.chart??{}},tooltip:{...w.tooltip,...e?.tooltip??{}},markerShape:{...w.markerShape,...e?.markerShape??{},text:{...w.markerShape.text,...e?.markerShape?.text??{}}}}),N=({theme:e,children:r})=>{let n=useMemo(()=>$e(e),[e]);return jsx(V.Provider,{value:n,children:r})},h=()=>useContext(V);var Ve=({message:e="Loading map...",height:r="100dvh"})=>{let n=h(),t={height:r,background:n.colors.surface,color:n.colors.primary};return jsx("div",{className:Ge.rrpLoader,style:t,children:e})},J=Ve;var Z=e=>{let{x:r,y:n,payload:t}=e,o=h(),s=Math.round((t?.value??0)/1e3);return jsxs("text",{x:r,y:n,fill:o.chart.axisStroke,fontSize:o.chart.xTickFontSize,textAnchor:"middle",dy:o.chart.xTickDy,children:[jsx("tspan",{children:s}),jsx("tspan",{fontSize:o.chart.xTickUnitFontSize,dx:o.chart.xTickUnitDx,children:"km"})]})};var q=createContext(void 0),j=({children:e})=>{let[r,n]=useState({}),t=useCallback(a=>n(a),[]),o=useCallback(()=>n({}),[]),s=useMemo(()=>({hover:r,setHover:t,clearHover:o}),[r,t,o]);return jsx(q.Provider,{value:s,children:e})},H=()=>{let e=useContext(q);if(!e)throw new Error("useHover must be used within HoverProvider");return e};var ee=e=>{let{cx:r,cy:n,fill:t}=e,o=h();return r===void 0||n===void 0?null:jsx("circle",{cx:r,cy:n,r:o.chart.dotRadius,fill:t,opacity:o.chart.dotOpacity})},te=e=>{let r=h();return jsx(ee,{...e,fill:r.dots.chart})},re=e=>{let r=h();return jsx(ee,{...e,fill:r.dots.mapActive})};var oe=e=>{let{x:r,y:n,payload:t}=e,o=h(),s=Math.round(t?.value??0);return jsxs("text",{x:r,y:n,fill:o.chart.axisStroke,fontSize:o.chart.yTickFontSize,textAnchor:"end",dy:o.chart.yTickDy,children:[jsx("tspan",{children:s}),jsx("tspan",{fontSize:o.chart.yTickUnitFontSize,dx:o.chart.yTickUnitDx,children:"m"})]})};var se=(s=>(s.Asphalt="asphalt",s.Compacted="compacted",s.Concrete="concrete",s.Natural="natural",s.Penetrated="penetrated",s))(se||{});var rt=new URL("../../../assets/surface/surface_asphalt.png",import.meta.url).href,nt=new URL("../../../assets/surface/surface_compacted.png",import.meta.url).href,ot=new URL("../../../assets/surface/surface_concrete.png",import.meta.url).href,st=new URL("../../../assets/surface/surface_natural.png",import.meta.url).href,at=new URL("../../../assets/surface/surface_penetrated.png",import.meta.url).href,ae=30,A=16,F={asphalt:{file:rt,width:30,height:22},compacted:{file:nt,width:200,height:16},concrete:{file:ot},natural:{file:st,width:30,height:22},penetrated:{file:at,width:30,height:22}},ce=({route:e,maxDistance:r,xAxisMap:n,offset:t})=>{let o=e.surface??[];if(!o.length)return null;let s=n?Object.values(n)[0]:void 0,a=s?.scale,i=s?.x??t?.left??0,c=s?.width??t?.width??0,m=s?.y??(t?.top??0)+(t?.height??0),l=A,d=m-l;return !a||c<=0?null:jsxs(Fragment,{children:[jsx("defs",{children:Object.entries(F).map(([u,{file:y,width:p,height:v}])=>jsx("pattern",{id:`surface-${u}`,patternUnits:u==="compacted"?void 0:"userSpaceOnUse",width:p??ae,height:v??A,children:jsx("image",{href:y,x:"0",y:"0",width:p??ae,height:v??A})},u))}),jsxs("g",{children:[jsx("rect",{x:i,y:d,width:c,height:l,fill:"none"}),o.map((u,y)=>{let[p,v]=u.segment,S=Math.max(0,Math.min(p,r)),f=Math.max(0,Math.min(v,r)),x=Math.min(S,f),b=Math.max(S,f);if(b<=x)return null;let E=a(x),C=a(b),O=Math.min(E,C),I=Math.max(0,Math.abs(C-E));return I<=0?null:jsx("rect",{x:O,y:d,width:I,height:l,fill:`url(#surface-${u.type})`},`${u.type}-${y}`)})]})]})};var ct=300,ut=(e,r)=>e?.length?e.find(n=>{let[t,o]=n.segment,s=Math.min(t,o),a=Math.max(t,o);return r>=s&&r<=a})??null:null,lt=(e,r)=>e?.length?e.find(n=>{let[t,o]=n.segment,s=Math.min(t,o),a=Math.max(t,o);return r>=s&&r<=a})??null:null,mt=e=>e.charAt(0).toUpperCase()+e.slice(1),ue=e=>{let[r,n]=e,t=Math.min(r,n),o=Math.max(r,n),s=a=>{let c=(a/1e3).toFixed(1);return c.endsWith(".0")?c.slice(0,-2):c};return `(${s(t)} km - ${s(o)} km)`},le=({active:e,payload:r,label:n,accent:t,primary:o,markers:s,surfaces:a,routes:i})=>{let{tooltip:c}=h();if(!e||!r?.length)return null;let m=r[0]?.payload,l=m?.distance??n,d=s.find(f=>Math.abs((f?.distance??-1)-(m?.distance??0))<=ct),u=ut(a,l),y=u?.type?F[u.type]:null,p=lt(i,l),v=Math.trunc(n/1e3),S=Math.round(n%1e3);return jsxs("div",{style:{background:c.background,border:"none",color:c.textColor,padding:"4px 6px",borderRadius:c.borderRadius,fontSize:13,lineHeight:1.2},children:[jsxs("div",{style:{fontWeight:600,color:o},children:[v," km ",S," m"]}),jsxs("div",{children:["Elevation: ",jsxs("strong",{children:[Math.round(m?.elevation??0)," m"]})]}),u?.type?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[jsx("svg",{width:"20",height:"14","aria-hidden":"true",style:{display:"block"},children:y?jsx("image",{href:y.file,x:"0",y:"0",width:"20",height:"14",preserveAspectRatio:"xMidYMid slice"}):jsx("rect",{width:"20",height:"14",fill:c.textColor})}),jsx("span",{children:mt(u.type)}),jsx("span",{children:ue(u.segment)})]}):null,p?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[jsx("svg",{width:"20",height:"14","aria-hidden":"true",style:{display:"block"},children:jsx("rect",{width:"20",height:"14",fill:p.color})}),jsx("span",{children:p.id}),jsx("span",{children:ue(p.segment)})]}):null,d?.name?jsx("div",{style:{color:t,fontWeight:600},children:d.name}):null]})};var me=`<svg stroke="currentColor" fill="#84CC16" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg">
+import {Status,Wrapper}from'@googlemaps/react-wrapper';import*as T from'react';import {createContext,useContext,useMemo,useState,useEffect,useCallback,useRef,useId}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import je from'./Loader.module-M6WPG37K.module.css';import {ResponsiveContainer,ComposedChart,CartesianGrid,Customized,XAxis,YAxis,Tooltip,Line,ReferenceDot,ReferenceLine}from'recharts';import Nt from'./GoogleMapCanvas.module-GCGVA6T4.module.css';import Xe from'./RouteMap.module-4GSEMCKC.module.css';import'./index-DIK6ZNA4.css';var Y=()=>typeof window>"u"?true:window.innerWidth>=window.innerHeight,Z=()=>{let[e,n]=useState(Y);return useEffect(()=>{let r=()=>n(Y());return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),{isHorizontal:e,isVertical:!e}};var S={colors:{primary:"rgba(14, 165, 233, 1)",primaryMuted:"rgba(14, 165, 233, 0.7)",accent:"rgba(132, 204, 22, 1)",surface:"rgba(248, 250, 252, 1)"},marker:{outer:"rgba(132, 204, 22, 1)",inner:"rgba(248, 250, 252, 1)",startInner:"rgba(34, 197, 94, 1)",finishInner:"rgba(239, 68, 68, 1)"},dots:{mapActive:"rgba(132, 204, 22, 1)",chart:"rgba(132, 204, 22, 1)",chartActive:"rgba(132, 204, 22, 1)"},map:{strokeWeight:10,markerSize:50,markerLabelFontSize:20,markerLabelFontWeight:"bold",hoverMarkerScale:6},chart:{margin:{top:4,right:8,bottom:4,left:8},gridStroke:"rgba(255,255,255,0.08)",gridDasharray:"3 3",axisStroke:"rgba(226, 232, 240, 0.7)",cursorStroke:"rgba(226,232,240,0.4)",cursorStrokeWidth:1,yAxisWidth:60,lineStrokeWidth:1,dotRadius:3,dotOpacity:.9,activeDotRadius:3,referenceDotRadius:7,referenceLineOpacity:.5,gradientStartOpacity:.6,gradientEndOpacity:.1,xTickFontSize:12,xTickDy:12,xTickUnitFontSize:10,xTickUnitDx:2,yTickFontSize:12,yTickDy:4,yTickUnitFontSize:10,yTickUnitDx:2},tooltip:{background:"rgba(15,23,42,0.9)",textColor:"#e2e8f0",padding:"6px 8px",borderRadius:6},markerShape:{size:33,lift:20,text:{fontSize:12,fontWeight:300,letterSpacing:2,xOffset:15,lineHeight:12,startLiftPerWord:10}}};var $=createContext(S),Je=e=>({colors:{...S.colors,...e?.colors??{}},marker:{...S.marker,...e?.marker??{}},dots:{...S.dots,...e?.dots??{}},map:{...S.map,...e?.map??{}},chart:{...S.chart,...e?.chart??{}},tooltip:{...S.tooltip,...e?.tooltip??{}},markerShape:{...S.markerShape,...e?.markerShape??{},text:{...S.markerShape.text,...e?.markerShape?.text??{}}}}),O=({theme:e,children:n})=>{let r=useMemo(()=>Je(e),[e]);return jsx($.Provider,{value:r,children:n})},h=()=>useContext($);var qe=({message:e="Loading map...",height:n="100dvh"})=>{let r=h(),t={height:n,background:r.colors.surface,color:r.colors.primary};return jsx("div",{className:je.rrpLoader,style:t,children:e})},B=qe;var V=e=>{let{x:n,y:r,payload:t}=e,o=h(),i=Math.round((t?.value??0)/1e3);return jsxs("text",{x:n,y:r,fill:o.chart.axisStroke,fontSize:o.chart.xTickFontSize,textAnchor:"middle",dy:o.chart.xTickDy,children:[jsx("tspan",{children:i}),jsx("tspan",{fontSize:o.chart.xTickUnitFontSize,dx:o.chart.xTickUnitDx,children:"km"})]})};var q=createContext(void 0),K=({children:e})=>{let[n,r]=useState({}),t=useCallback(s=>r(s),[]),o=useCallback(()=>r({}),[]),i=useMemo(()=>({hover:n,setHover:t,clearHover:o}),[n,t,o]);return jsx(q.Provider,{value:i,children:e})},H=()=>{let e=useContext(q);if(!e)throw new Error("useHover must be used within HoverProvider");return e};var ee=e=>{let{cx:n,cy:r,fill:t}=e,o=h();return n===void 0||r===void 0?null:jsx("circle",{cx:n,cy:r,r:o.chart.dotRadius,fill:t,opacity:o.chart.dotOpacity})},te=e=>{let n=h();return jsx(ee,{...e,fill:n.dots.chart})},ne=e=>{let n=h();return jsx(ee,{...e,fill:n.dots.mapActive})};var oe=e=>{let{x:n,y:r,payload:t}=e,o=h(),i=Math.round(t?.value??0);return jsxs("text",{x:n,y:r,fill:o.chart.axisStroke,fontSize:o.chart.yTickFontSize,textAnchor:"end",dy:o.chart.yTickDy,children:[jsx("tspan",{children:i}),jsx("tspan",{fontSize:o.chart.yTickUnitFontSize,dx:o.chart.yTickUnitDx,children:"m"})]})};var ie="./surface_asphalt-ZUAYWE5E.png";var se="./surface_compacted-JVQXEHW6.png";var ae="./surface_concrete-TRX2AGHQ.png";var ce="./surface_natural-AFI6LXRM.png";var ue="./surface_penetrated-4K24DL3E.png";var le=(i=>(i.Asphalt="asphalt",i.Compacted="compacted",i.Concrete="concrete",i.Natural="natural",i.Penetrated="penetrated",i))(le||{});var me=30,A=16,U={asphalt:{file:ie,width:30,height:22},compacted:{file:se,width:200,height:16},concrete:{file:ae},natural:{file:ce,width:30,height:22},penetrated:{file:ue,width:30,height:22}},pe=({route:e,maxDistance:n,xAxisMap:r,offset:t})=>{let o=e.surface??[];if(!o.length)return null;let i=r?Object.values(r)[0]:void 0,s=i?.scale,a=i?.x??t?.left??0,c=i?.width??t?.width??0,m=i?.y??(t?.top??0)+(t?.height??0),l=A,d=m-l;return !s||c<=0?null:jsxs(Fragment,{children:[jsx("defs",{children:Object.entries(U).map(([u,{file:v,width:p,height:x}])=>jsx("pattern",{id:`surface-${u}`,patternUnits:u==="compacted"?void 0:"userSpaceOnUse",width:p??me,height:x??A,children:jsx("image",{href:v,x:"0",y:"0",width:p??me,height:x??A})},u))}),jsxs("g",{children:[jsx("rect",{x:a,y:d,width:c,height:l,fill:"none"}),o.map((u,v)=>{let[p,x]=u.segment,y=Math.max(0,Math.min(p,n)),f=Math.max(0,Math.min(x,n)),w=Math.min(y,f),b=Math.max(y,f);if(b<=w)return null;let R=s(w),C=s(b),z=Math.min(R,C),D=Math.max(0,Math.abs(C-R));return D<=0?null:jsx("rect",{x:z,y:d,width:D,height:l,fill:`url(#surface-${u.type})`},`${u.type}-${v}`)})]})]})};var pt=300,ft=(e,n)=>e?.length?e.find(r=>{let[t,o]=r.segment,i=Math.min(t,o),s=Math.max(t,o);return n>=i&&n<=s})??null:null,ht=(e,n)=>e?.length?e.find(r=>{let[t,o]=r.segment,i=Math.min(t,o),s=Math.max(t,o);return n>=i&&n<=s})??null:null,gt=e=>e.charAt(0).toUpperCase()+e.slice(1),fe=e=>{let[n,r]=e,t=Math.min(n,r),o=Math.max(n,r),i=s=>{let c=(s/1e3).toFixed(1);return c.endsWith(".0")?c.slice(0,-2):c};return `(${i(t)} km - ${i(o)} km)`},he=({active:e,payload:n,label:r,accent:t,primary:o,markers:i,surfaces:s,routes:a})=>{let{tooltip:c}=h();if(!e||!n?.length)return null;let m=n[0]?.payload,l=m?.distance??r,d=i.find(f=>Math.abs((f?.distance??-1)-(m?.distance??0))<=pt),u=ft(s,l),v=u?.type?U[u.type]:null,p=ht(a,l),x=Math.trunc(r/1e3),y=Math.round(r%1e3);return jsxs("div",{style:{background:c.background,border:"none",color:c.textColor,padding:"4px 6px",borderRadius:c.borderRadius,fontSize:13,lineHeight:1.2},children:[jsxs("div",{style:{fontWeight:600,color:o},children:[x," km ",y," m"]}),jsxs("div",{children:["Elevation: ",jsxs("strong",{children:[Math.round(m?.elevation??0)," m"]})]}),u?.type?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[jsx("svg",{width:"20",height:"14","aria-hidden":"true",style:{display:"block"},children:v?jsx("image",{href:v.file,x:"0",y:"0",width:"20",height:"14",preserveAspectRatio:"xMidYMid slice"}):jsx("rect",{width:"20",height:"14",fill:c.textColor})}),jsx("span",{children:gt(u.type)}),jsx("span",{children:fe(u.segment)})]}):null,p?jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[jsx("svg",{width:"20",height:"14","aria-hidden":"true",style:{display:"block"},children:jsx("rect",{width:"20",height:"14",fill:p.color})}),jsx("span",{children:p.id}),jsx("span",{children:fe(p.segment)})]}):null,d?.name?jsx("div",{style:{color:t,fontWeight:600},children:d.name}):null]})};var ge=`<svg stroke="currentColor" fill="#84CC16" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg">
   <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
   <path fill="white" stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
 </svg>
-`;var pt=(e,r,n)=>{let t=0;return e.replace(/fill="[^"]*"/g,o=>(t+=1,t===1?`fill="${r}"`:t===2?`fill="${n}"`:o))},L=(e,r)=>{let n=pt(me,e,r).trim();return `data:image/svg+xml,${encodeURIComponent(n).replace(/'/g,"%27").replace(/"/g,"%22")}`};var de=e=>{let{cx:r,cy:n,fill:t,name:o}=e,s=h(),a=s.markerShape,i=a.size,c=useMemo(()=>L(s.marker.outer,s.marker.inner),[s.marker.inner,s.marker.outer]);if(r===void 0||n===void 0)return null;let m=typeof o=="string"?o.split(/\s+/).map(l=>l.trim()).filter(Boolean):[];return jsxs("g",{children:[jsx(re,{cx:r,cy:n}),jsx("image",{x:r-i/2,y:n-i/2-a.lift,width:i,height:i,href:c}),o?jsx(gt,{words:m,cx:r,cy:n,fill:t}):null]})},gt=({words:e,cx:r,cy:n,fill:t})=>{let s=h().markerShape.text;return jsx("text",{y:n-e.length*s.startLiftPerWord,fill:t||"#fff",fontSize:s.fontSize,fontWeight:s.fontWeight,letterSpacing:s.letterSpacing,style:{userSelect:"none"},children:e.map((a,i)=>jsx(vt,{word:a,index:i,cx:r},a))})},vt=({word:e,index:r,cx:n})=>{let o=h().markerShape.text,s=useId();return jsx("tspan",{x:n+o.xOffset,dy:r===0?0:o.lineHeight,children:e},s)};var fe=({route:e,maxDistance:r,belowHeight:n=0,xAxisMap:t,offset:o})=>{let s=e.routes??[];if(!s.length)return null;let a=t?Object.values(t)[0]:void 0,i=a?.scale,c=a?.x??o?.left??0,m=a?.width??o?.width??0,l=a?.y??(o?.top??0)+(o?.height??0),d=16,u=l-n-d;return !i||m<=0?null:jsxs("g",{children:[jsx("rect",{x:c,y:u,width:m,height:d,fill:"none"}),s.map((y,p)=>{let[v,S]=y.segment,f=Math.max(0,Math.min(v,r)),x=Math.max(0,Math.min(S,r)),b=Math.min(f,x),E=Math.max(f,x);if(E<=b)return null;let C=i(b),O=i(E),I=Math.min(C,O),z=Math.max(0,Math.abs(O-C));return z<=0?null:jsxs("g",{children:[jsx("rect",{x:I,y:u,width:z,height:d,fill:y.color}),jsx("text",{x:I+z/2,y:u+d/2,fill:"#000000",fontSize:10,fontWeight:600,textAnchor:"middle",dominantBaseline:"middle",children:y.id})]},`${y.id}-${p}`)})]})};function ge(e){let[r,n]=useState(null),t=useMemo(()=>r!=null?e[r]:null,[r,e]),o=useCallback(()=>{n(null);},[]),s=useCallback(a=>{if(!e.length)return;let i=0,c=e.length-1;for(;i<c;){let l=Math.floor((i+c)/2);e[l].distance<a?i=l+1:c=l;}let m=i;if(i>0){let l=e[i-1],d=e[i];Math.abs(l.distance-a)<Math.abs(d.distance-a)&&(m=i-1);}n(m);},[e]);return {activeIndex:r,activePoint:t,triggerByXValue:s,clearActiveIndex:o}}var ve=e=>e.length?e[e.length-1].distance:0,ye=(e,r=2e3)=>{let n=[];for(let t=0;t<=e;t+=r)n.push(t);return n[n.length-1]<e&&n.push(e),n},Se=e=>[...e.geoJson?.features?.find(o=>o?.geometry?.type==="LineString"&&o?.properties?.elevationProfile?.points)?.properties?.elevationProfile?.points||[]].sort((o,s)=>(o?.distance??0)-(s?.distance??0)),xe=e=>(e.geoJson?.features?.find(t=>t?.geometry?.type==="LineString"&&t?.geometry?.coordinates)).geometry.coordinates,we=e=>{if(!e.length)return [0,0];let r=e.map(s=>s.elevation),n=Math.min(...r),t=Math.max(...r),o=Math.max(10,(t-n)*.05);return [Math.floor(n-o),Math.ceil(t+o)]},be=(e,r=false)=>{let[n,t]=e,o=(t-n)*1.2,s=Math.max(10,Math.round(o/6/10)*10||50),a=r?-20:0,i=Math.floor((n-(o-(t-n))/2)/s)*s+a,c=Math.ceil((t+(o-(t-n))/2)/s)*s+a,m=[];for(let l=i;l<=c+s/2;l+=s)m.push(l);return [i,c,m]},Re=(e,r)=>{if(!e?.length)return [];let t=(r?.features??[]).filter(s=>s?.geometry?.type==="Point"),o=[];return t.forEach(s=>{let a=s?.geometry?.coordinates;if(!Array.isArray(a)||a.length<2)return;let[i,c]=a;if(!Number.isFinite(c)||!Number.isFinite(i))return;let m=e.reduce((l,d)=>{let u=Math.pow(d.lat-c,2)+Math.pow(d.lng-i,2);return u<l.dist?{point:d,dist:u}:l},{point:null,dist:Number.POSITIVE_INFINITY});if(m.point){if(m.point.distance===0)return;o.push({distance:m.point.distance,elevation:m.point.elevation,name:s?.properties?.name});}}),o.sort((s,a)=>(s.distance??0)-(a.distance??0))},Ee=(e,r)=>{if(!e.length)return null;let n=null,t=Number.POSITIVE_INFINITY;return e.forEach(([o,s])=>{let a=(s-r.lat)**2+(o-r.lng)**2;a<t&&(t=a,n={lat:s,lng:o});}),n},ke=(e,r)=>{if(!e.length)return null;let n=null,t=Number.POSITIVE_INFINITY;return e.forEach(o=>{let s=(o.lat-r[0])**2+(o.lng-r[1])**2;s<t&&(t=s,n=o);}),n};var Te=(e,r,n=1e3)=>r&&Math.abs((r.distance??0)-(e.distance??0))<n;var Y=({route:e})=>{let{hover:r,setHover:n}=H(),t=h(),o=useMemo(()=>Se(e),[e]),s=useMemo(()=>Re(o,e.geoJson),[o,e.geoJson]),a=ve(o),i=ye(a),[c,m]=we(o),[l,d,u]=useMemo(()=>be([c,m],!!e.surface?.length),[c,m,e.surface?.length]),{activeIndex:y,activePoint:p,triggerByXValue:v,clearActiveIndex:S}=ge(o);return useEffect(()=>{if(r.source==="chart"||!r.lat||!r.lng)return;let f=ke(o,[r.lat,r.lng]);f&&v(f.distance);},[r,o,v]),o.length?jsx(ResponsiveContainer,{width:"100%",height:"100%",style:{userSelect:"none"},children:jsxs(ComposedChart,{data:o,margin:t.chart.margin,onMouseMove:({activePayload:f})=>{y&&S();let x=f?.[0];if(!x)return;let{lat:b,lng:E}=x.payload;n({lat:b,lng:E,source:"chart"});},onMouseEnter:()=>S(),children:[jsx("defs",{children:jsxs("linearGradient",{id:"elevationGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"0%",stopColor:t.colors.primary,stopOpacity:t.chart.gradientStartOpacity}),jsx("stop",{offset:"100%",stopColor:t.colors.primaryMuted,stopOpacity:t.chart.gradientEndOpacity})]})}),jsx(CartesianGrid,{stroke:t.chart.gridStroke,strokeDasharray:t.chart.gridDasharray}),jsx(Customized,{component:jsx(fe,{route:e,maxDistance:a,belowHeight:A})}),jsx(Customized,{component:jsx(ce,{route:e,maxDistance:a})}),jsx(XAxis,{dataKey:"distance",type:"number",domain:[0,a],ticks:i,tick:jsx(Z,{}),stroke:t.chart.axisStroke}),jsx(YAxis,{dataKey:"elevation",tick:jsx(oe,{}),domain:[l,d],ticks:u,stroke:t.chart.axisStroke,width:t.chart.yAxisWidth}),jsx(Tooltip,{cursor:{stroke:t.chart.cursorStroke,strokeWidth:t.chart.cursorStrokeWidth},content:jsx(le,{accent:t.colors.accent,primary:t.colors.primary,markers:s,surfaces:e.surface,routes:e.routes})}),jsx(Line,{type:"monotone",dataKey:"elevation",stroke:t.colors.primary,strokeWidth:t.chart.lineStrokeWidth,dot:f=>{let{cx:x,cy:b,index:E}=f;if(E===y&&p)return jsx(te,{cx:x,cy:b},`dot-${x}-${b}`)},activeDot:{r:t.chart.activeDotRadius,fill:t.dots.chartActive,strokeWidth:0},fill:"url(#elevationGradient)",isAnimationActive:false}),s.length>0&&s.map((f,x)=>{let b=Te(s[x],s[x+1]);return jsx(ReferenceDot,{x:f.distance,y:f.elevation,r:t.chart.referenceDotRadius,shape:E=>jsx(de,{...E,name:b?void 0:f.name,fill:t.colors.accent})},`${f.distance}-${x}`)}),p&&jsx(ReferenceLine,{x:p.distance,opacity:t.chart.referenceLineOpacity})]})}):null};var Le={lat:48.9325937,lng:20.3452306},Pe=13,Ie=12;var Oe=({route:e,height:r,isHorizontal:n})=>{let t=h(),{hover:o,setHover:s}=H(),a=useRef(null),i=useRef(null),c=useRef(null),m=useMemo(()=>xe(e),[e]),l=useMemo(()=>({default:L(t.marker.outer,t.marker.inner),start:L(t.marker.outer,t.marker.startInner),finish:L(t.marker.outer,t.marker.finishInner)}),[t.marker]);return useEffect(()=>{if(!a.current||!window.google?.maps)return;let d=n&&(e.zoomHorizontal||Pe)||e.zoomVertical||Ie,u=new window.google.maps.Map(a.current,{center:e.center||Le,zoom:d,mapTypeId:window.google.maps.MapTypeId.SATELLITE,streetViewControl:false});c.current=u,u.data.setStyle(p=>{let v=p.getProperty("name"),S=p.getProperty("first"),f=p.getProperty("last");return {strokeColor:t.colors.primaryMuted,strokeWeight:t.map.strokeWeight,icon:{url:S?l.start:f?l.finish:l.default,scaledSize:new window.google.maps.Size(t.map.markerSize,t.map.markerSize),optimized:false,zIndex:S||f?100:10,collisionBehavior:window.google?.maps?.CollisionBehavior?.REQUIRED_AND_HIDES_OPTIONAL},label:{className:"rrpMarkerLabel",fontSize:`${t.map.markerLabelFontSize}px`,fontWeight:t.map.markerLabelFontWeight,color:t.colors.accent,text:v}}}),u.data.addGeoJson(e.geoJson);let y=u.addListener("mousemove",p=>{let v=p.latLng;if(!v)return;let S=Ee(m,{lat:v.lat(),lng:v.lng()});S&&s({lat:S.lat,lng:S.lng,source:"map"});});return ()=>{y.remove(),u.data.forEach(p=>{u.data.remove(p);}),c.current=null;}},[e,n,t,m,s,l]),useEffect(()=>{if(!a.current||!window.google?.maps)return;let d=c.current;if(!d)return;if(!o.lat||!o.lng){i.current&&(i.current.setMap(null),i.current=null);return}let u={path:window.google.maps.SymbolPath.CIRCLE,scale:t.map.hoverMarkerScale,fillColor:t.dots.mapActive,fillOpacity:1,strokeWeight:0};i.current?i.current.setIcon(u):i.current=new window.google.maps.Marker({map:d,icon:u}),i.current.setPosition({lat:o.lat,lng:o.lng}),i.current.setMap(d);},[o,t]),jsx("div",{ref:a,className:Dt.rrpMapCanvas,style:{height:r}})};var Nt={apiKey:"Oops! Cannot display the map: Google Maps API key missing",[Status.FAILURE]:"Unable to load Google Maps API. Check your API key or network.",[Status.LOADING]:void 0,[Status.SUCCESS]:void 0},He=({type:e,height:r})=>jsx("div",{style:{height:r},children:jsx(J,{message:Nt[e],height:r})}),Ht=(e,r)=>jsx(He,{type:e,height:r}),ze=({apiKey:e,route:r,height:n="100dvh",className:t,style:o,theme:s=w})=>{let{isHorizontal:a}=G();if(!e)return jsx(N,{theme:s,children:jsx(He,{type:"apiKey",height:n})});let i={height:n,width:"100%",...o};return jsx(N,{theme:s,children:jsx(j,{children:jsxs("div",{className:t,style:i,children:[jsx(Wrapper,{apiKey:e,render:c=>Ht(c,n),children:jsx(Oe,{route:r,height:n,isHorizontal:a})}),jsx("div",{className:Ne.rrpChartLayer,children:jsx("div",{className:Ne.rrpChartBody,children:jsx(Y,{route:r})})})]})})})};function Ue(){let[e,r]=k.useState({width:null,height:null}),n=k.useRef(null);return [k.useCallback(o=>{if(n.current&&(n.current.disconnect(),n.current=null),o?.nodeType===Node.ELEMENT_NODE){let s=new ResizeObserver(([a])=>{if(a&&a.borderBoxSize){let{inlineSize:i,blockSize:c}=a.borderBoxSize[0];r({width:i,height:c});}});s.observe(o),n.current=s;}},[]),e]}var Ut=()=>{let[e,{height:r}]=Ue(),n=!!r,t=n?`calc(100dvh - ${r}px)`:"0px";return {refHeader:e,isHeaderReady:n,headerHeight:r,mapHeight:t}};export{ze as RouteMap,se as SurfaceType,N as ThemeProvider,w as theme,Ut as useMapHeader,h as useTheme};//# sourceMappingURL=index.js.map
+`;var vt=(e,n,r)=>{let t=0;return e.replace(/fill="[^"]*"/g,o=>(t+=1,t===1?`fill="${n}"`:t===2?`fill="${r}"`:o))},P=(e,n)=>{let r=vt(ge,e,n).trim();return `data:image/svg+xml,${encodeURIComponent(r).replace(/'/g,"%27").replace(/"/g,"%22")}`};var xe=e=>{let{cx:n,cy:r,fill:t,name:o}=e,i=h(),s=i.markerShape,a=s.size,c=useMemo(()=>P(i.marker.outer,i.marker.inner),[i.marker.inner,i.marker.outer]);if(n===void 0||r===void 0)return null;let m=typeof o=="string"?o.split(/\s+/).map(l=>l.trim()).filter(Boolean):[];return jsxs("g",{children:[jsx(ne,{cx:n,cy:r}),jsx("image",{x:n-a/2,y:r-a/2-s.lift,width:a,height:a,href:c}),o?jsx(St,{words:m,cx:n,cy:r,fill:t}):null]})},St=({words:e,cx:n,cy:r,fill:t})=>{let i=h().markerShape.text;return jsx("text",{y:r-e.length*i.startLiftPerWord,fill:t||"#fff",fontSize:i.fontSize,fontWeight:i.fontWeight,letterSpacing:i.letterSpacing,style:{userSelect:"none"},children:e.map((s,a)=>jsx(bt,{word:s,index:a,cx:n},s))})},bt=({word:e,index:n,cx:r})=>{let o=h().markerShape.text,i=useId();return jsx("tspan",{x:r+o.xOffset,dy:n===0?0:o.lineHeight,children:e},i)};var ye=({route:e,maxDistance:n,belowHeight:r=0,xAxisMap:t,offset:o})=>{let i=e.routes??[];if(!i.length)return null;let s=t?Object.values(t)[0]:void 0,a=s?.scale,c=s?.x??o?.left??0,m=s?.width??o?.width??0,l=s?.y??(o?.top??0)+(o?.height??0),d=16,u=l-r-d;return !a||m<=0?null:jsxs("g",{children:[jsx("rect",{x:c,y:u,width:m,height:d,fill:"none"}),i.map((v,p)=>{let[x,y]=v.segment,f=Math.max(0,Math.min(x,n)),w=Math.max(0,Math.min(y,n)),b=Math.min(f,w),R=Math.max(f,w);if(R<=b)return null;let C=a(b),z=a(R),D=Math.min(C,z),N=Math.max(0,Math.abs(z-C));return N<=0?null:jsxs("g",{children:[jsx("rect",{x:D,y:u,width:N,height:d,fill:v.color}),jsx("text",{x:D+N/2,y:u+d/2,fill:"#000000",fontSize:10,fontWeight:600,textAnchor:"middle",dominantBaseline:"middle",children:v.id})]},`${v.id}-${p}`)})]})};function Se(e){let[n,r]=useState(null),t=useMemo(()=>n!=null?e[n]:null,[n,e]),o=useCallback(()=>{r(null);},[]),i=useCallback(s=>{if(!e.length)return;let a=0,c=e.length-1;for(;a<c;){let l=Math.floor((a+c)/2);e[l].distance<s?a=l+1:c=l;}let m=a;if(a>0){let l=e[a-1],d=e[a];Math.abs(l.distance-s)<Math.abs(d.distance-s)&&(m=a-1);}r(m);},[e]);return {activeIndex:n,activePoint:t,triggerByXValue:i,clearActiveIndex:o}}var be=e=>e.length?e[e.length-1].distance:0,Ee=(e,n=2e3)=>{let r=[];for(let t=0;t<=e;t+=n)r.push(t);return r[r.length-1]<e&&r.push(e),r},Re=e=>[...e.geoJson?.features?.find(o=>o?.geometry?.type==="LineString"&&o?.properties?.elevationProfile?.points)?.properties?.elevationProfile?.points||[]].sort((o,i)=>(o?.distance??0)-(i?.distance??0)),Te=e=>(e.geoJson?.features?.find(t=>t?.geometry?.type==="LineString"&&t?.geometry?.coordinates)).geometry.coordinates,ke=e=>{if(!e.length)return [0,0];let n=e.map(i=>i.elevation),r=Math.min(...n),t=Math.max(...n),o=Math.max(10,(t-r)*.05);return [Math.floor(r-o),Math.ceil(t+o)]},Ce=(e,n=false)=>{let[r,t]=e,o=(t-r)*1.2,i=Math.max(10,Math.round(o/6/10)*10||50),s=n?-20:0,a=Math.floor((r-(o-(t-r))/2)/i)*i+s,c=Math.ceil((t+(o-(t-r))/2)/i)*i+s,m=[];for(let l=a;l<=c+i/2;l+=i)m.push(l);return [a,c,m]},Me=(e,n)=>{if(!e?.length)return [];let t=(n?.features??[]).filter(i=>i?.geometry?.type==="Point"),o=[];return t.forEach(i=>{let s=i?.geometry?.coordinates;if(!Array.isArray(s)||s.length<2)return;let[a,c]=s;if(!Number.isFinite(c)||!Number.isFinite(a))return;let m=e.reduce((l,d)=>{let u=Math.pow(d.lat-c,2)+Math.pow(d.lng-a,2);return u<l.dist?{point:d,dist:u}:l},{point:null,dist:Number.POSITIVE_INFINITY});if(m.point){if(m.point.distance===0)return;o.push({distance:m.point.distance,elevation:m.point.elevation,name:i?.properties?.name});}}),o.sort((i,s)=>(i.distance??0)-(s.distance??0))},Pe=(e,n)=>{if(!e.length)return null;let r=null,t=Number.POSITIVE_INFINITY;return e.forEach(([o,i])=>{let s=(i-n.lat)**2+(o-n.lng)**2;s<t&&(t=s,r={lat:i,lng:o});}),r},Le=(e,n)=>{if(!e.length)return null;let r=null,t=Number.POSITIVE_INFINITY;return e.forEach(o=>{let i=(o.lat-n[0])**2+(o.lng-n[1])**2;i<t&&(t=i,r=o);}),r};var De=(e,n,r=1e3)=>n&&Math.abs((n.distance??0)-(e.distance??0))<r;var _=({route:e})=>{let{hover:n,setHover:r}=H(),t=h(),o=useMemo(()=>Re(e),[e]),i=useMemo(()=>Me(o,e.geoJson),[o,e.geoJson]),s=be(o),a=Ee(s),[c,m]=ke(o),[l,d,u]=useMemo(()=>Ce([c,m],!!e.surface?.length),[c,m,e.surface?.length]),{activeIndex:v,activePoint:p,triggerByXValue:x,clearActiveIndex:y}=Se(o);return useEffect(()=>{if(n.source==="chart"||!n.lat||!n.lng)return;let f=Le(o,[n.lat,n.lng]);f&&x(f.distance);},[n,o,x]),o.length?jsx(ResponsiveContainer,{width:"100%",height:"100%",style:{userSelect:"none"},children:jsxs(ComposedChart,{data:o,margin:t.chart.margin,onMouseMove:({activePayload:f})=>{v&&y();let w=f?.[0];if(!w)return;let{lat:b,lng:R}=w.payload;r({lat:b,lng:R,source:"chart"});},onMouseEnter:()=>y(),children:[jsx("defs",{children:jsxs("linearGradient",{id:"elevationGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"0%",stopColor:t.colors.primary,stopOpacity:t.chart.gradientStartOpacity}),jsx("stop",{offset:"100%",stopColor:t.colors.primaryMuted,stopOpacity:t.chart.gradientEndOpacity})]})}),jsx(CartesianGrid,{stroke:t.chart.gridStroke,strokeDasharray:t.chart.gridDasharray}),jsx(Customized,{component:jsx(ye,{route:e,maxDistance:s,belowHeight:A})}),jsx(Customized,{component:jsx(pe,{route:e,maxDistance:s})}),jsx(XAxis,{dataKey:"distance",type:"number",domain:[0,s],ticks:a,tick:jsx(V,{}),stroke:t.chart.axisStroke}),jsx(YAxis,{dataKey:"elevation",tick:jsx(oe,{}),domain:[l,d],ticks:u,stroke:t.chart.axisStroke,width:t.chart.yAxisWidth}),jsx(Tooltip,{cursor:{stroke:t.chart.cursorStroke,strokeWidth:t.chart.cursorStrokeWidth},content:jsx(he,{accent:t.colors.accent,primary:t.colors.primary,markers:i,surfaces:e.surface,routes:e.routes})}),jsx(Line,{type:"monotone",dataKey:"elevation",stroke:t.colors.primary,strokeWidth:t.chart.lineStrokeWidth,dot:f=>{let{cx:w,cy:b,index:R}=f;if(R===v&&p)return jsx(te,{cx:w,cy:b},`dot-${w}-${b}`)},activeDot:{r:t.chart.activeDotRadius,fill:t.dots.chartActive,strokeWidth:0},fill:"url(#elevationGradient)",isAnimationActive:false}),i.length>0&&i.map((f,w)=>{let b=De(i[w],i[w+1]);return jsx(ReferenceDot,{x:f.distance,y:f.elevation,r:t.chart.referenceDotRadius,shape:R=>jsx(xe,{...R,name:b?void 0:f.name,fill:t.colors.accent})},`${f.distance}-${w}`)}),p&&jsx(ReferenceLine,{x:p.distance,opacity:t.chart.referenceLineOpacity})]})}):null};var ze={lat:48.9325937,lng:20.3452306},Oe=13,He=12;var Ue=({route:e,height:n,isHorizontal:r})=>{let t=h(),{hover:o,setHover:i}=H(),s=useRef(null),a=useRef(null),c=useRef(null),m=useMemo(()=>Te(e),[e]),l=useMemo(()=>({default:P(t.marker.outer,t.marker.inner),start:P(t.marker.outer,t.marker.startInner),finish:P(t.marker.outer,t.marker.finishInner)}),[t.marker]);return useEffect(()=>{if(!s.current||!window.google?.maps)return;let d=r&&(e.zoomHorizontal||Oe)||e.zoomVertical||He,u=new window.google.maps.Map(s.current,{center:e.center||ze,zoom:d,mapTypeId:window.google.maps.MapTypeId.SATELLITE,streetViewControl:false});c.current=u,u.data.setStyle(p=>{let x=p.getProperty("name"),y=p.getProperty("first"),f=p.getProperty("last");return {strokeColor:t.colors.primaryMuted,strokeWeight:t.map.strokeWeight,icon:{url:y?l.start:f?l.finish:l.default,scaledSize:new window.google.maps.Size(t.map.markerSize,t.map.markerSize),optimized:false,zIndex:y||f?100:10,collisionBehavior:window.google?.maps?.CollisionBehavior?.REQUIRED_AND_HIDES_OPTIONAL},label:{className:"rrpMarkerLabel",fontSize:`${t.map.markerLabelFontSize}px`,fontWeight:t.map.markerLabelFontWeight,color:t.colors.accent,text:x}}}),u.data.addGeoJson(e.geoJson);let v=u.addListener("mousemove",p=>{let x=p.latLng;if(!x)return;let y=Pe(m,{lat:x.lat(),lng:x.lng()});y&&i({lat:y.lat,lng:y.lng,source:"map"});});return ()=>{v.remove(),u.data.forEach(p=>{u.data.remove(p);}),c.current=null;}},[e,r,t,m,i,l]),useEffect(()=>{if(!s.current||!window.google?.maps)return;let d=c.current;if(!d)return;if(!o.lat||!o.lng){a.current&&(a.current.setMap(null),a.current=null);return}let u={path:window.google.maps.SymbolPath.CIRCLE,scale:t.map.hoverMarkerScale,fillColor:t.dots.mapActive,fillOpacity:1,strokeWeight:0};a.current?a.current.setIcon(u):a.current=new window.google.maps.Marker({map:d,icon:u}),a.current.setPosition({lat:o.lat,lng:o.lng}),a.current.setMap(d);},[o,t]),jsx("div",{ref:s,className:Nt.rrpMapCanvas,style:{height:n}})};var Xt={apiKey:"Oops! Cannot display the map: Google Maps API key missing",[Status.FAILURE]:"Unable to load Google Maps API. Check your API key or network.",[Status.LOADING]:void 0,[Status.SUCCESS]:void 0},We=({type:e,height:n})=>jsx("div",{style:{height:n},children:jsx(B,{message:Xt[e],height:n})}),Wt=(e,n)=>jsx(We,{type:e,height:n}),_e=({apiKey:e,route:n,height:r="100dvh",className:t,style:o,theme:i=S})=>{let{isHorizontal:s}=Z();if(!e)return jsx(O,{theme:i,children:jsx(We,{type:"apiKey",height:r})});let a={height:r,width:"100%",...o};return jsx(O,{theme:i,children:jsx(K,{children:jsxs("div",{className:t,style:a,children:[jsx(Wrapper,{apiKey:e,render:c=>Wt(c,r),children:jsx(Ue,{route:n,height:r,isHorizontal:s})}),jsx("div",{className:Xe.rrpChartLayer,children:jsx("div",{className:Xe.rrpChartBody,children:jsx(_,{route:n})})})]})})})};function Ge(){let[e,n]=T.useState({width:null,height:null}),r=T.useRef(null);return [T.useCallback(o=>{if(r.current&&(r.current.disconnect(),r.current=null),o?.nodeType===Node.ELEMENT_NODE){let i=new ResizeObserver(([s])=>{if(s&&s.borderBoxSize){let{inlineSize:a,blockSize:c}=s.borderBoxSize[0];n({width:a,height:c});}});i.observe(o),r.current=i;}},[]),e]}var Gt=()=>{let[e,{height:n}]=Ge(),r=!!n,t=r?`calc(100dvh - ${n}px)`:"0px";return {refHeader:e,isHeaderReady:r,headerHeight:n,mapHeight:t}};export{_e as RouteMap,le as SurfaceType,O as ThemeProvider,S as theme,Gt as useMapHeader,h as useTheme};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map