1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1412],{1412:(e,r,t)=>{t.r(r),t.d(r,{OfflineMapLibreMap:()=>L});var n=t(95155),a=t(12115),o=t(2146);t(23879);var i=t(95654),l=t(95478),c=t(92858);let s=!1,u=null,d=!1,p=new c.j1;class f{constructor(e,r){this.buf=e,this.key=r}getKey(){return this.key}async getBytes(e,r){return{data:this.buf.slice(e,e+r)}}}function m(){if(!s||!u){let e=u=new c.Zs;(0,l.Mn)("pmtiles",async(r,t)=>{let n=await e.tilev4(r,t);if(n?.data instanceof Uint8Array){let e=n.data;return{...n,data:e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength)}}return n}),s=!0}return u}async function h(e,r){var t;let n=await r.arrayBuffer(),a=new c.HC(new f(n,e));return m().add(a),{url:`pmtiles://${e}`,maxZoom:"number"==typeof(t=await a.getHeader()).maxZoom&&t.maxZoom>0?t.maxZoom:15}}async function g(e){let r=new c.i$(e),t=new c.HC(r,p);return m().add(t),t.getHeader().catch(()=>void 0),{url:`pmtiles://${e}`,maxZoom:15}}var y=t(15457);let w=[18.4131,43.8563],b={type:"FeatureCollection",features:[]};function x(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function v(e,r,t){let n=Math.round(1.36*r),a=document.createElement("div");return a.title=t??"",a.style.cssText=`width:${r}px;height:${n}px;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));`,a.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${n}" viewBox="0 0 24 34" aria-hidden="true"> 2 <path fill="${e}" stroke="#fff" stroke-width="1.25" stroke-linejoin="round" d="M12 34s11-15 11-22C23 5.4 18.1 0 12 0S1 5.4 1 12c0 7 11 22 11 22z"/> 3 <circle cx="12" cy="11.5" r="3.5" fill="#fff"/> 4 </svg>`,a}function E(e,r){let t=e.querySelector(".soar-puck-rot");t&&(t.style.transform=null==r?"":`rotate(${r}deg)`)}function k(e,r={}){let t=function(e,r=2800){let t=e.filter(e=>Number.isFinite(e.lat)&&Number.isFinite(e.lng));if(t.length<=r)return t;let n=(t.length-1)/(r-1),a=[];for(let e=0;e<r;e+=1)a.push(t[Math.round(e*n)]);return a[a.length-1]=t[t.length-1],a}(e);return t.length<2?b:{type:"FeatureCollection",features:[{type:"Feature",properties:r,geometry:{type:"LineString",coordinates:t.map(e=>[e.lng,e.lat])}}]}}function L({path:e,pathSecondary:r,secondaryStrokeColor:t="#16A34A",strokeColor:c="#5CC6D0",strokeWidth:s=5,userPosition:u,userHeadingDegrees:p=null,markerPosition:f,startMarker:L,endMarker:z,startMarkerLabel:R="Start",endMarkerLabel:M="Finish",onStartMarkerClick:S,onEndMarkerClick:T,waypoints:j=[],recommendedMarkers:C=[],fitToRecommendedMarkers:_=!1,onRecommendedMarkerClick:P,placeMarkers:$=[],fitToPlaceMarkers:A=!1,onPlaceMarkerClick:F,showOtherRoutes:N=!1,otherRoutes:H=[],onOtherRouteClick:O,onMapBackgroundClick:Z,className:U="",caption:B,fitBoundsMaxZoom:D=16,terrain3d:q=!1,followUser:I=!1,onFollowBreak:W,allowBasemapNetworkRequests:X=!1}){let Q=(0,a.useRef)(null),V=(0,a.useRef)(null),G=(0,a.useRef)(null),K=(0,a.useRef)([]),Y=(0,a.useRef)(null),J=(0,a.useRef)([]),ee=(0,a.useRef)([]),er=(0,a.useRef)([]),et=(0,a.useRef)(null),en=(0,a.useRef)(null),ea=(0,a.useRef)(""),eo=(0,a.useRef)(P);eo.current=P;let ei=(0,a.useRef)(F);ei.current=F;let el=(0,a.useRef)(O);el.current=O;let ec=(0,a.useRef)(S);ec.current=S;let es=(0,a.useRef)(T);es.current=T;let eu=(0,a.useRef)(Z);eu.current=Z;let ed=(0,a.useRef)(W);ed.current=W;let ep=(0,a.useRef)(e);ep.current=e;let ef=(0,a.useRef)(r);ef.current=r;let em=(0,a.useRef)(N);em.current=N;let eh=(0,a.useRef)(H);eh.current=H;let eg=(0,a.useRef)(c);eg.current=c;let ey=(0,a.useRef)(t);ey.current=t;let ew=(0,a.useRef)(s);ew.current=s;let eb=(0,a.useRef)(null),ex=(0,a.useRef)(u);ex.current=u;let ev=(0,a.useRef)(p);ev.current=p;let eE=(0,a.useRef)(q);eE.current=q;let ek=(0,a.useRef)("terrarium"),[eL,ez]=(0,a.useState)(!1),[eR,eM]=(0,a.useState)(null),eS=(0,a.useMemo)(()=>k(e),[e]),eT=(0,a.useMemo)(()=>k(r??[]),[r]),ej=(0,a.useMemo)(()=>({type:"FeatureCollection",features:N?H.filter(e=>e.path.length>=2).map(e=>({type:"Feature",properties:{id:e.id,name:e.name,color:e.color},geometry:{type:"LineString",coordinates:e.path.map(e=>[e.lng,e.lat])}})):[]}),[N,H]),eC=(0,a.useCallback)(e=>{e.getSource("soar-primary")?.setData(k(ep.current)),e.getSource("soar-secondary")?.setData(k(ef.current??[])),e.getSource("soar-other")?.setData({type:"FeatureCollection",features:em.current?eh.current.filter(e=>e.path.length>=2).map(e=>({type:"Feature",properties:{id:e.id,name:e.name,color:e.color},geometry:{type:"LineString",coordinates:e.path.map(e=>[e.lng,e.lat])}})):[]})},[]),e_=(0,a.useCallback)((e,r)=>{if(r&&e.getSource("terrain")){try{e.setTerrain({source:"terrain",exaggeration:1.4})}catch{}if(!e.getLayer("soar-hillshade")){let r=e.getLayer("soar-other-line")?"soar-other-line":void 0;e.addLayer({id:"soar-hillshade",type:"hillshade",source:"terrain",paint:{"hillshade-exaggeration":.55,"hillshade-illumination-direction":335,"hillshade-shadow-color":"#3d4a38","hillshade-highlight-color":"#f4efe4"}},r)}e.touchPitch.enable(),28>e.getPitch()&&e.easeTo({pitch:56,duration:600});return}e.getLayer("soar-hillshade")&&e.removeLayer("soar-hillshade");try{e.setTerrain(null)}catch{}e.getPitch()>2&&e.easeTo({pitch:0,duration:400})},[]),eP=(0,a.useRef)(X);eP.current=X;let e$=(0,a.useCallback)(async e=>{if(e.getSource("terrain"))return!0;let r=await (0,i.j5)("terrain"),t=await (0,i.sN)();ek.current="mapbox"===t.terrainEncoding?"mapbox":"terrarium";let n=null;if(r)n=await h("soar-terrain",r);else{if(!eP.current||!t.terrainUrl)return!1;let e=(0,y.c5)(t.terrainUrl);try{n=await g(e)}catch{return!1}}return!!e.getSource("terrain")||(e.addSource("terrain",{type:"raster-dem",url:n.url,tileSize:256,maxzoom:n.maxZoom,encoding:ek.current}),J.current=Array.from(new Set([...J.current,"soar-terrain"])),!0)},[]),eA=(0,a.useCallback)(async()=>{var e,r;let t;if(!Q.current||V.current)return;eM(null),d||((0,o.QE)(`${window.location.origin}/maplibre-gl-worker.mjs`),l.Fn.MAX_PARALLEL_IMAGE_REQUESTS=32,l.Fn.MAX_PARALLEL_IMAGE_REQUESTS_PER_FRAME=16,d=!0),m();
4let[n,a,c]=await Promise.all([(0,i.j5)("basemap"),(0,i.j5)("terrain"),(0,i.sN)()]),s=Q.current;if(!s)return;let u=null;if(n)u=await h("soar-basemap",n);else if(eP.current&&c.basemapUrl){let e=(0,y.c5)(c.basemapUrl);try{u=await g(e)}catch{eM("Mapa nije dostupna (PMTiles). Provjerite mrežu.");return}}if(!u)return void eM("Offline pack nije uÄitan na ureÄaju.");for(let e=0;e<40&&(s.clientHeight<80||s.clientWidth<80);e+=1)await new Promise(e=>requestAnimationFrame(()=>e()));J.current=["soar-basemap"];let p=(e=u.url,r={maxzoom:u.maxZoom},{version:8,name:"SOAR outdoor",sources:{protomaps:{type:"vector",url:e,minzoom:0,maxzoom:r?.maxzoom&&r.maxzoom>0?r.maxzoom:15,attribution:"\xa9 OpenStreetMap"}},layers:[{id:"background",type:"background",paint:{"background-color":"#e7f1e4"}},{id:"earth",type:"fill",source:"protomaps","source-layer":"earth",paint:{"fill-color":"#e7f1e4"}},{id:"landcover",type:"fill",source:"protomaps","source-layer":"landcover",paint:{"fill-color":["match",["get","kind"],"forest","#a8c994","scrub","#b9cb96","grassland","#cfe8b0","farmland","#e0ecc0","glacier","#e8f2f5","barren","#efe1c2","urban_area","#eadfd0","#c5d6b0"],"fill-opacity":.95}},{id:"landuse",type:"fill",source:"protomaps","source-layer":"landuse",paint:{"fill-color":["match",["get","kind"],"forest","#a8c994","wood","#a8c994","grass","#cfe8b0","meadow","#cfe8b0","park","#c4e0a8","farmland","#e0ecc0","orchard","#d4e8b0","residential","#eadfd0","commercial","#ead9cc","industrial","#e2ddd4","cemetery","#c8d9b8","hospital","#f0e4dc","school","#ebe4d4","pitch","#b8d4a0","playground","#c4e0a8","#d7e6c8"],"fill-opacity":.88}},{id:"water-lakes",type:"fill",source:"protomaps","source-layer":"water",filter:["all",["==",["geometry-type"],"Polygon"],["any",["==",["get","kind"],"lake"],["in",["get","kind_detail"],["literal",["lake","pond","reservoir","basin","oxbow","lagoon"]]]]],paint:{"fill-color":"#7eb8d4","fill-opacity":.9}},{id:"water-rivers",type:"line",source:"protomaps","source-layer":"water",filter:["all",["==",["geometry-type"],"LineString"],["in",["get","kind"],["literal",["river","stream","canal","drain"]]]],paint:{"line-color":"#6aa8c8","line-width":["interpolate",["linear"],["zoom"],10,.8,13,1.6,16,2.8],"line-opacity":.85}},{id:"waterway",type:"line",source:"protomaps","source-layer":"waterway",minzoom:10,paint:{"line-color":"#6aa8c8","line-width":["interpolate",["linear"],["zoom"],10,.6,14,1.6,16,2.4],"line-opacity":.85}},{id:"buildings",type:"fill",source:"protomaps","source-layer":"buildings",minzoom:12,paint:{"fill-color":"#d4cbc0","fill-opacity":["interpolate",["linear"],["zoom"],12,.45,15,.8],"fill-outline-color":"#c4b8aa"}},{id:"boundaries",type:"line",source:"protomaps","source-layer":"boundaries",paint:{"line-color":"#b7c4b0","line-width":.6,"line-dasharray":[2,2]}},{id:"roads-path",type:"line",source:"protomaps","source-layer":"roads",filter:["any",["==",["get","kind"],"path"],["==",["get","kind_detail"],"footway"],["==",["get","kind_detail"],"path"],["==",["get","kind_detail"],"trail"],["==",["get","kind_detail"],"bridleway"],["==",["get","kind_detail"],"steps"]],paint:{"line-color":"#b8864a","line-width":["interpolate",["linear"],["zoom"],11,.7,14,1.6,16,2.8],"line-dasharray":[2.2,1.2]}},{id:"roads-other",type:"line",source:"protomaps","source-layer":"roads",filter:["all",["==",["get","kind"],"other"],["!",["in",["get","kind_detail"],["literal",["footway","path","trail","bridleway","steps"]]]]],paint:{"line-color":"#c9b896","line-width":["interpolate",["linear"],["zoom"],12,.5,16,1.8]}},{id:"roads-minor",type:"line",source:"protomaps","source-layer":"roads",filter:["==",["get","kind"],"minor_road"],paint:{"line-color":"#f7f2ea","line-width":["interpolate",["linear"],["zoom"],10,.7,14,2.2,16,5]}},{id:"roads-major",type:"line",source:"protomaps","source-layer":"roads",filter:["in",["get","kind"],["literal",["major_road","medium_road"]]],paint:{"line-color":"#faf6ee","line-width":["interpolate",["linear"],["zoom"],8,1.1,14,4,16,7]}},{id:"roads-highway",type:"line",source:"protomaps","source-layer":"roads",filter:["==",["get","kind"],"highway"],paint:{"line-color":"#f0d290","line-width":["interpolate",["linear"],["zoom"],6,1.4,12,4,16,8]}},{id:"roads-rail",type:"line",source:"protomaps","source-layer":"roads",filter:["==",["get","kind"],"rail"],minzoom:11,paint:{"line-color":"#9a8f84","line-width":["interpolate",["linear"],["zoom"],11,.8,16,1.6],"line-dasharray":[3,2]}}]});if(ek.current="mapbox"===c.terrainEncoding?"mapbox":"terrarium",a){let{url:e,maxZoom:r}=await h("soar-terrain",a);J.current.push("soar-terrain"),p.sources.terrain={type:"raster-dem",url:e,tileSize:256,maxzoom:r,encoding:ek.current}}try{t=new o.T5({container:s,style:p,center:w,zoom:11,attributionControl:!1,pitchWithRotate:!0,maxPitch:68,fadeDuration:0,
4canvasContextAttributes:{failIfMajorPerformanceCaveat:!1}})}catch{eM("Mapa se nije mogla otvoriti na ovom ureÄaju.");return}V.current=t;let f=()=>{s.clientWidth<2||s.clientHeight<2||t.resize()};G.current?.disconnect(),"undefined"!=typeof ResizeObserver&&(G.current=new ResizeObserver(f),G.current.observe(s)),K.current.forEach(e=>window.clearTimeout(e)),K.current=[0,50,200,600].map(e=>window.setTimeout(f,e)),Y.current=f,window.addEventListener("resize",f),window.visualViewport?.addEventListener("resize",f),t.on("error",e=>{let r=e.error?.message||"";!r||/tile|404|not found|source-layer/i.test(r)||eM(r.slice(0,160))});let x=e=>{e.originalEvent&&ed.current?.()};t.on("dragstart",x),t.on("zoomstart",x),t.on("rotatestart",x),t.on("pitchstart",x),t.on("load",()=>{t.resize();let e=ew.current;t.addSource("soar-other",{type:"geojson",data:b}),t.addLayer({id:"soar-other-line",type:"line",source:"soar-other",paint:{"line-color":["coalesce",["get","color"],"#64748b"],"line-width":4,"line-opacity":.55}}),t.addSource("soar-secondary",{type:"geojson",data:b}),t.addLayer({id:"soar-secondary-line",type:"line",source:"soar-secondary",layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":ey.current,"line-width":e+1,"line-opacity":.95}}),t.addSource("soar-primary",{type:"geojson",data:b}),t.addLayer({id:"soar-primary-case",type:"line",source:"soar-primary",layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":"#0b4a52","line-width":e+5,"line-opacity":.85}}),t.addLayer({id:"soar-primary-line",type:"line",source:"soar-primary",layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":eg.current,"line-width":e+2,"line-opacity":1}}),eC(t),[50,200,600,1400].forEach(e=>{window.setTimeout(()=>{V.current===t&&eC(t)},e)}),t.on("click","soar-other-line",e=>{let r=e.features?.[0];if(!r||"LineString"!==r.geometry.type)return;let n=Number(r.properties?.id),a=String(r.properties?.name??""),o=t.project(e.lngLat);el.current?.({id:n,name:a,lat:e.lngLat.lat,lng:e.lngLat.lng,anchorX:o.x,anchorY:o.y})}),t.on("click",e=>{let r=e.originalEvent.target;ee.current.some(e=>{let t=e.getElement();return!!(r&&(t===r||t.contains(r)))})||0===t.queryRenderedFeatures(e.point,{layers:["soar-other-line"]}).length&&(er.current.forEach(e=>e.remove()),null!=et.current&&(window.clearTimeout(et.current),et.current=null),eu.current?.())}),ez(!0),t.resize(),eC(t)}),t.once("idle",()=>eC(t))},[eC]);return(0,a.useEffect)(()=>(eA(),()=>{ee.current.forEach(e=>e.remove()),ee.current=[],er.current.forEach(e=>e.remove()),er.current=[],null!=et.current&&(window.clearTimeout(et.current),et.current=null),en.current?.remove(),en.current=null,G.current?.disconnect(),G.current=null,K.current.forEach(e=>window.clearTimeout(e)),K.current=[],Y.current&&(window.removeEventListener("resize",Y.current),window.visualViewport?.removeEventListener("resize",Y.current),Y.current=null),V.current?.remove(),V.current=null,J.current=[],ez(!1)}),[eA]),(0,a.useEffect)(()=>{let e=V.current;e&&eL&&eC(e)},[eS,eT,ej,eL,eC]),(0,a.useEffect)(()=>{let e=V.current;e?.isStyleLoaded()&&eL&&(e.getLayer("soar-primary-line")&&(e.setPaintProperty("soar-primary-line","line-color",c),e.setPaintProperty("soar-primary-line","line-width",s+2),e.setPaintProperty("soar-primary-case","line-width",s+5)),e.getLayer("soar-secondary-line")&&(e.setPaintProperty("soar-secondary-line","line-color",t),e.setPaintProperty("soar-secondary-line","line-width",s+1)))},[c,t,s,eL]),(0,a.useEffect)(()=>{let e,r,t,n,a=V.current;if(!a||!eL)return;ee.current.forEach(e=>e.remove()),ee.current=[],er.current.forEach(e=>e.remove()),er.current=[],null!=et.current&&(window.clearTimeout(et.current),et.current=null);let i=()=>{er.current.forEach(e=>e.remove()),null!=et.current&&(window.clearTimeout(et.current),et.current=null)},l=(e,r,t,n,l,c)=>{let s=new o.pH({element:t,anchor:"bottom"}).setLngLat([e,r]),u=null;c&&(u=new o.zD({offset:18,closeButton:!0,closeOnClick:!1,closeOnMove:!1,className:"soar-endpoint-popup",maxWidth:"220px"}).setHTML(c),er.current.push(u)),s.addTo(a),(l||u)&&t.addEventListener("click",t=>{if(t.preventDefault(),t.stopPropagation(),l?.(),u){var n;if(u.isOpen())return void i();n=u,i(),n.setLngLat([e,r]).addTo(a),et.current=window.setTimeout(()=>{n.remove(),et.current=null},4e3)}}),ee.current.push(s)};
4C.forEach(e=>{let r=document.createElement("img");r.src="/markers/recommended_icon.png",r.alt=e.name,r.width=34,r.height=34,r.style.cursor="pointer",l(e.lng,e.lat,r,200,()=>eo.current?.(e.id))}),$.forEach(e=>{l(e.lng,e.lat,v(e.color||"#16a34a",e.selected?34:28,e.name),e.selected?280:180,()=>ei.current?.(e.id))}),j.forEach(e=>l(e.lng,e.lat,v("#fb923c",26),250));let c=!!(L&&z)&&L.lat===z.lat&&L.lng===z.lng;L&&!c&&l(L.lng,L.lat,((e=document.createElement("div")).title=R??"",e.setAttribute("aria-label",R??""),e.style.cssText="width:32px;height:40px;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));",(r=document.createElement("img")).src="/markers/destination_map_marker.png",r.alt=R??"",r.width=32,r.height=40,r.draggable=!1,r.style.cssText="display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;",e.appendChild(r),e),850,ec.current?()=>ec.current?.():void 0,`<strong>${x(R)}</strong>`),z&&l(z.lng,z.lat,(t="#EF4444",(n=document.createElement("div")).title=M,n.setAttribute("aria-label",M),n.style.cssText="width:32px;height:40px;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));",n.innerHTML=`<svg width="32" height="40" viewBox="0 0 32 40" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5 <path d="M16 1.5C8.544 1.5 2.5 7.544 2.5 15c0 9.75 13.5 23.5 13.5 23.5S29.5 24.75 29.5 15C29.5 7.544 23.456 1.5 16 1.5z" fill="${t}" stroke="#fff" stroke-width="2"/> 6 <circle cx="16" cy="15" r="7.25" fill="#fff"/> 7 <text x="16" y="19.2" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="11" font-weight="700" fill="${t}">B</text> 8</svg>`,n),860,es.current?()=>es.current?.():void 0,`<strong>${x(M)}</strong>`),f&&l(f.lng,f.lat,v("#16a34a",30),700)},[eL,C,$,j,L,z,R,M,f]),(0,a.useEffect)(()=>{let e=V.current;if(!e||!eL)return;if(!u){en.current?.remove(),en.current=null;return}let r=[u.lng,u.lat];if(en.current)en.current.setLngLat(r);else{let t,n,a;en.current=new o.pH({element:((t=document.createElement("div")).style.cssText="width:22px;height:22px;",(n=document.createElement("div")).className="soar-puck-rot",n.style.cssText="position:relative;width:22px;height:22px;border-radius:999px;background:#0e7c88;border:3px solid #fff;box-shadow:0 0 0 6px rgba(92,198,208,.35);transition:transform 0.35s ease-out;will-change:transform;",(a=document.createElement("div")).style.cssText="position:absolute;left:50%;top:-7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #0b4a52;transform:translateX(-50%);",n.appendChild(a),t.appendChild(n),t),anchor:"center"}).setLngLat(r).addTo(e)}if(E(en.current.getElement(),ev.current),I){let t,n,a,o=eb.current;(!o||(n=(t=e=>e*Math.PI/180)(u.lat-o.lat),a=t(u.lng-o.lng),12742e3*Math.asin(Math.min(1,Math.sqrt(Math.sin(n/2)**2+Math.cos(t(o.lat))*Math.cos(t(u.lat))*Math.sin(a/2)**2)))>=15))&&(eb.current=u,e.setCenter(r))}},[u,I,eL]),(0,a.useEffect)(()=>{let e=en.current?.getElement();e&&E(e,p)},[p,eL]),(0,a.useEffect)(()=>{if(!I||!eL||!V.current)return;let e=ex.current;e&&(eb.current=e,V.current.setCenter([e.lng,e.lat]))},[I,eL]),(0,a.useEffect)(()=>{let e=V.current;if(!e||!eL)return;let r=!1;return(async()=>{q&&await e$(e),!r&&V.current&&e_(e,q)})(),()=>{r=!0}},[q,eL,e$,e_]),(0,a.useEffect)(()=>{if(eL)return(0,i.VL)(()=>{let e=V.current;e&&e$(e).then(r=>{r&&eE.current&&e_(e,!0)})})},[eL,e$,e_]),(0,a.useEffect)(()=>{let t=V.current;if(!t||!eL)return;let n=new o.UH,a=!1,i=(e,r)=>{n.extend([e,r]),a=!0};e.forEach(e=>i(e.lng,e.lat)),r?.forEach(e=>i(e.lng,e.lat)),j.forEach(e=>i(e.lng,e.lat)),L&&i(L.lng,L.lat),z&&i(z.lng,z.lat),f&&i(f.lng,f.lat),_&&C.forEach(e=>i(e.lng,e.lat)),A&&$.forEach(e=>i(e.lng,e.lat));let l=`${e.length}:${e[0]?.lat}:${C.length}:${$.length}:${L?.lat}`;a&&l!==ea.current&&!I&&(ea.current=l,t.fitBounds(n,{padding:28,maxZoom:D,duration:0}))},[eL,e,r,j,L,z,f,C,$,_,A,D,I]),(0,n.jsxs)("div",{className:`relative h-full w-full min-h-[200px] overflow-hidden ${U}`,children:[(0,n.jsx)("style",{children:` 9 .soar-endpoint-popup.maplibregl-popup { 10 z-index: 5; 11 } 12 .soar-endpoint-popup .maplibregl-popup-content { 13 padding: 8px 12px; 14 border-radius: 10px; 15 border: 1px solid #64748b; 16 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); 17 font-size: 14px; 18 font-weight: 600; 19 color: #111827; 20 min-width: 72px; 21 text-align: center; 22 } 23 .soar-endpoint-popup .maplibregl-popup-close-button { 24 font-size: 18px; 25 padding: 0 6px; 26 color: #6b7280; 27 } 28 .soar-endpoint-popup .maplibregl-popup-tip { 29 border-top-color: #fff; 30 } 31 `}),(0,n.jsx)("div",{ref:Q,className:"h-full w-full bg-[#c5d6b8]"}),eR?(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-16 z-[4] px-3",children:(0,n.jsx)("p",{className:"rounded-lg bg-white/95 px-2 py-1.5 text-center text-[12px] font-medium text-red-700 shadow",children:eR})}):null,B?(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 z-[3] border-t border-slate-300/80 bg-slate-800/95 px-2 py-1.5 text-center text-[10px] leading-tight text-white sm:text-[11px]",children:B}):null]})}}}]);
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.