@geops/rvf-mobility-web-component 0.1.96 → 0.1.97

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.97](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.96...v0.1.97) (2025-12-16)
+
+
+### Bug Fixes
+
+* do not set visible true on layergroup ([8985d4c](https://github.com/geops/rvf-mobility-web-component/commit/8985d4c689414fd8f3a1c17b931bae4de2dae1b1))
+* downgrade maplibre until geojson parsing null value bug is fixed ([eb1c5e4](https://github.com/geops/rvf-mobility-web-component/commit/eb1c5e46e3aa678ce0c8a35ca69dd4048a3788fb))
+
 ### [0.1.96](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.95...v0.1.96) (2025-12-16)
 
 

package/index.js

@@ -1547,7 +1547,7 @@ ${String(r)}`)}catch(t){return t}},KY=r=>{if(typeof r!="object"||r===null)throw
   left: unset;
   bottom: unset;
   background:unset;
-}`;function mg1({options:r,...t}){let{map:e}=dt(),[i,o]=lt(),n=Mt(()=>i?new _U({target:i,...r}):null,[r,i]);return N2(()=>{if(!(!e||!n))return e.addControl(n),()=>{e&&n&&e.removeControl(n)}},[e,n]),q("div",{ref:c=>{o(c)},...t,children:q("style",{children:SJ})})}var bR=mg1;function vg1({...r}){let{isSearchOpen:t,setIsSearchOpen:e}=dt(),{t:i}=c5(),o=V5(()=>{e(!t)},[t,e]);return q(t3,{title:i("search_menu_title"),...r,onClick:o,selected:t,children:q(iu,{})})}var MR=W2(vg1);function yg1({...r}){return q("svg",{fill:"none",height:24,stroke:"currentColor",strokeWidth:1.5,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z",strokeLinecap:"round",strokeLinejoin:"round"})})}var BR=yg1;function _g1({...r}){let{isShareMenuOpen:t,setIsShareMenuOpen:e}=dt(),{t:i}=c5(),o=V5(()=>{e(!t)},[t,e]);return q(t3,{title:i("share_menu_title"),...r,onClick:o,selected:t,children:q(BR,{})})}var SR=W2(_g1);function xg1(r){let{baseLayer:t,map:e,setStationsLayer:i}=dt(),o=Mt(()=>t?new M3({layersFilter:({metadata:n})=>n?.["tralis.variable"]==="station"||n?.["general.filter"]==="stations"||n?.["geops.filter"]==="netzplan_stops",maplibreLayer:t,name:Bm,...r||{}}):null,[t,r]);return N2(()=>{if(!(!e||!o))return e.addLayer(o),i(o),()=>{e.removeLayer(o)}},[e,i,o]),null}var EJ=W2(xg1);var wg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations",minZoom:10});function bg1(r){return q(EJ,{...wg1,...r})}var Qd=W2(bg1);function Mg1(r){return q("svg",{fill:"currentColor",height:"24px",version:"1.1",viewBox:"0 0 24 24",width:"24px",xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M19,10.9999 C19.5522847,10.9999 20,11.4476153 20,11.9999 C20,12.5521847 19.5522847,12.9999 19,12.9999 L5,12.9999 C4.44771525,12.9999 4,12.5521847 4,11.9999 C4,11.4476153 4.44771525,10.9999 5,10.9999 L19,10.9999 Z"})})}var ER=Mg1;function Bg1(r){return q("svg",{fill:"currentColor",height:"24px",version:"1.1",viewBox:"0 0 24 24",width:"24px",xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M12,4 C12.5522847,4 13,4.44771525 13,5 L13,11 L19,11 C19.5128358,11 19.9355072,11.3860402 19.9932723,11.8833789 L20,12 C20,12.5522847 19.5522847,13 19,13 L13,13 L13,19 C13,19.5128358 12.6139598,19.9355072 12.1166211,19.9932723 L12,20 C11.4477153,20 11,19.5522847 11,19 L11,13 L5,13 C4.48716416,13 4.06449284,12.6139598 4.00672773,12.1166211 L4,12 C4,11.4477153 4.44771525,11 5,11 L11,11 L11,5 C11,4.48716416 11.3860402,4.06449284 11.8833789,4.00672773 Z"})})}var TR=Bg1;function Sg1(){let{map:r}=dt(),[t,e]=lt(!1),[i,o]=lt(!1),{t:n}=c5(),c=V5(()=>{if(!r?.getView())return;let L=r.getView(),g=L.getZoom();L.setZoom(g+1)},[r]),A=V5(()=>{if(!r?.getView())return;let L=r.getView(),g=L.getZoom();L.setZoom(g-1)},[r]);return N2(()=>{let L=r?.on("moveend",()=>{let g=r.getView(),v=g.getZoom(),S=g.getMaxZoom(),I=g.getMinZoom();S&&v===Number(S)?e(!0):e(!1),I&&v===Number(I)?o(!0):o(!1)});return()=>{N5(L)}},[r]),q(Re,{children:[q(t3,{disabled:t,onClick:c,title:n("zoomin"),children:q(TR,{})}),q(t3,{disabled:i,onClick:A,title:n("zoomout"),children:q(ER,{})})]})}var IR=W2(Sg1);var TJ={style:{width:"calc(100% - 60px)"}},Eg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations"});function Tg1({className:r,...t}){let{hasDetails:e,hasGeolocation:i,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:A,hasShare:L,hasToolbar:g,isEmbed:v,isOverlayOpen:S,isSearchOpen:I,mainlink:B}=dt();return q("div",{className:Kt("relative flex size-full flex-col text-base @lg/main:flex-row-reverse",r),...t,children:[q(gR,{}),q(Qd,{minZoom:10,...Eg1}),q(wR,{}),q(mR,{}),q(CR,{}),q(xR,{}),q(KS,{className:"relative flex-1 overflow-visible",children:[v&&q(US,{}),B&&q(pR,{className:"absolute inset-x-2 bottom-8 z-10"}),q("div",{className:"pointer-events-none absolute inset-x-2 bottom-2 z-10 flex items-end justify-between gap-2 text-[10px]",children:[q(bR,{className:"bg-slate-50/70"}),q(zm,{className:"pointer-events-auto bg-slate-50/70"})]}),q("div",{className:"absolute top-2 right-2 z-10 flex",children:i&&q(GS,{})}),q("div",{className:"absolute right-2 bottom-10 z-10 flex flex-col justify-between gap-2",children:q(IR,{})}),!g&&A&&q("div",{className:Kt("absolute top-2 right-2 left-2 z-10 max-w-96",S&&"@lg:left-68"),children:q(nu,{})})]}),q("div",{className:"pointer-events-none absolute top-2 bottom-2 left-2 z-10 flex flex-col gap-2",children:[g&&q("div",{className:"pointer-events-none relative z-10 w-fit rounded-2xl bg-black/10 p-0 backdrop-blur-sm *:pointer-events-auto",children:[A&&q("div",{className:Kt("absolute top-12 left-0 w-0 p-0 opacity-0 transition-all @sm:top-0 @sm:left-[calc(100%-43px)] @md:left-[calc(100%-47px)]",I?"w-64 opacity-100":""),children:q(nu,{className:"border-grey @container m-0 h-[40px] rounded-2xl border p-2 px-4 text-base @sm/main:h-[44px] @sm/main:rounded-l-none @sm/main:rounded-r-2xl @md/main:h-[48px]",inputClassName:"h-6 text-base",inputContainerClassName:"border-none",resultClassName:"text-base  **:hover:cursor-pointer hover:text-red-500 p-2",resultsContainerClassName:"@container rounded-b-2xl max-h-[200px] overflow-y-auto border border-grey border-t-0 ",withResultsClassName:"text-base !rounded-b-none"})}),q("div",{className:Kt("border-grey relative flex gap-[1px] overflow-hidden rounded-2xl border @sm/main:h-[44px] @md/main:h-[48px]","*:size-[38px] *:rounded-none *:border-none *:@sm/main:size-[42px] *:@md/main:!size-[46px]","*:first:!rounded-l-2xl","*:last:!rounded-r-2xl",I?"@sm:rounded-r-none @sm:border-r-0 @sm:*:last:!rounded-r-none @sm:*:last:border-r-0":""),children:[o&&q(qS,{}),n&&q(HS,{}),L&&q(SR,{}),A&&q(MR,{})]})]}),S&&q("div",{className:Kt("pointer-events-none flex w-0 flex-1 flex-col overflow-hidden rounded-2xl @lg:min-w-[320px]"),style:{containerType:"normal"},children:q(Om,{className:"border-grey @container/overlay pointer-events-auto relative hidden flex-col overflow-hidden rounded-2xl border bg-white text-base shadow-lg @lg:flex",ScrollableHandlerProps:TJ,children:q(V_,{hasDetails:e,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:!1,hasShare:L})})})]}),S&&q(Om,{className:"absolute bottom-0 z-20 flex max-h-[70%] min-h-[75px] w-full flex-col border-t bg-white @lg:hidden",ScrollableHandlerProps:TJ,children:q(V_,{hasDetails:e,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:!1,hasShare:L})})]})}var W_=W2(Tg1);var Ig1=(r,t)=>{let e=t?.getView()?.getZoom(),i=r.get("minZoom"),o=r.get("maxZoom");return i>e||e>o};function Fg1(r){let{apikey:t,baseLayer:e,map:i,mapsetplanid:o,mapsettags:n,mapsettenants:c,mapsettimestamp:A,mapseturl:L,setMapsetLayer:g}=dt(),v=Mt(()=>!e||!i?null:new rS({apiKey:t,name:Em,planId:o??void 0,tags:n?.split(",").map(S=>S.trim()),tenants:c?.split(",").map(S=>S.trim()),timestamp:A,url:L,...r||{}}),[e,i,t,L,o,n,c,A,r]);return N2(()=>{g?.(v)},[v,g,i]),N2(()=>{if(!(!i||!v))return i.addLayer(v),()=>{i.removeLayer(v)}},[i,v]),N2(()=>{let S=null;return v&&(S=v.on("updatefeatures",()=>{let I=v.getSource()?.getFeatures();I?.length&&I.forEach(B=>{let R=B.getStyleFunction();R&&B.setStyle((H,V)=>Ig1(H,v.getMapInternal())?null:R(B,V))})})),()=>{N5(S)}},[v]),null}var FR=W2(Fg1);function Pg1(r){let{apikey:t,baseLayer:e,linesNetworkPlanLayer:i,map:o,notificationat:n,notificationtenant:c,notificationurl:A,previewNotifications:L,setNotificationsLayer:g}=dt(),[v,S]=lt(!!i?.getVisible()),I=Mt(()=>{if(!e)return null;let B=new aS({apiKey:t,apiParameters:{contentMedium:!0,isEdited:!0,publicNow:!0},maplibreLayer:e,name:Sm,publicAt:n?new Date(n):void 0,situations:L,tenant:c,url:A,...r||{},loadAll:!L});return L&&!B.getVisible()&&B.setVisible(!0),B},[e,t,n,L,c,A,r]);return N2(()=>{g?.(I)},[I,g]),N2(()=>{if(!(!o||!I))return o.addLayer(I),()=>{o.removeLayer(I)}},[o,I]),N2(()=>{let B=i?.on("change:visible",()=>{let R=i.getVisible();S(R)});return S(i?.getVisible()||!1),()=>{N5(B)}},[i]),N2(()=>{if(!I)return;let B=I.getVisible();return B&&I.setVisible(!1),v?I.layersFilter=R=>R.metadata?.["general.filter"]==="moco.lnp":I.layersFilter=R=>R.metadata?.["general.filter"]==="moco",I.setVisible(B),()=>{I.applyLayoutVisibility()}},[v,I,i]),null}var PR=W2(Pg1);var FJ=Jr(B4(),1);var Rg1=(r,t=new URLSearchParams)=>{let e=r.getView().getZoom(),[i,o]=r.getView().getCenter()||[],n=u4(r.getLayers().getArray()).filter(c=>c.get("name")&&c.getVisible()).map(c=>c.get("name"));return t.set("layers",n.join(",")),i>=0&&t.set("x",i.toFixed(2)),o>=0&&t.set("y",o.toFixed(2)),e>=0&&t.set("z",e.toFixed(1)),t},IJ=Rg1;var Dg1=({replaceState:r=!1})=>{let{map:t,setPermalinkUrlSearchParams:e}=dt(),i=Ud(),o=V5(n=>{if(t.get(Oo))return;let c=new URLSearchParams(window.location.search),A=IJ(n,c);e(A)},[t,e]);return N2(()=>{r&&i&&i!==window.location.href&&!i.includes(encodeURIComponent("{{"))&&window.history.replaceState(null,null,i)},[t,i,r]),N2(()=>{let n,c,A,L=(0,FJ.default)(o,1e3);return t&&(L(t),n=t?.on("moveend",g=>{L(g.map)}),c=t.once("loadend",g=>{L(g.map),A=u4(g.map.getLayers().getArray()).map(v=>v.on("change:visible",()=>{L(g.map)}))})),()=>{N5(n),N5(c),N5(A)}},[t,o]),null},RR=W2(Dg1);var zg1=async(r,t,e=0,i=!0)=>{if(!r)return Promise.reject(new Error("No vehicle provided"));let{geometry:o,properties:{coordinate:n}}=r,c=t.getView(),A=e||c.getZoom(),L=A>0?c.getResolutionForZoom(A):void 0,g=n?[...n]:null;if(!g&&o){let{coord:S}=yf(Date.now(),r,!0);g=S?[...S]:null}return g?(i&&(g[0]-=320/2*L),c.cancelAnimations(),new Promise(S=>{c.animate({center:g,duration:1e3,easing:Pg,resolution:L},I=>{S(I)})})):Promise.reject(new Error("No center found"))},DR=zg1;var kg1=(r,t,e,i,o)=>i?o?"#dc2626":"#a0a0a0":e===null?"transparent":FL(e,o),PJ=kg1;var Og1=(r,t,e,i=!1)=>{if(i)return String.fromCodePoint(215);let o=PL(e);return o==="0"?"":`+${o}`},RJ=Og1;var DJ=16,Ng1=!0,Zg1=new Y0;function Ug1(r){let{apikey:t,baseLayer:e,isFollowing:i,isTracking:o,linesNetworkPlanLayer:n,map:c,mots:A,realtimebboxparameters:L,realtimeurl:g,setIsFollowing:v,setIsTracking:S,setRealtimeLayer:I,tenant:B,trainId:R}=dt(),[H,V]=lt([]),[G,e1]=lt(!1),i1=Mt(()=>!t||!g?null:new fS({apiKey:t,bboxParameters:L?.split(" ").reduce((L1,w1)=>{if(!w1)return L1;let[S1,y1]=w1.split("=");return L1[S1]=y1,L1},{}),getMotsByZoom:A?()=>A.split(","):void 0,isQueryable:!0,minZoom:5,name:Mm,tenant:B,url:g,zIndex:1,...r,styleOptions:{getColor:Id,getDelayColor:PJ,getDelayText:RJ,getText:C_,getTextColor:p_,getTextFont:L_,...r?.styleOptions||{}}}),[t,g,L,A,B,r]);return N2(()=>{if(!(!c||!i1))return c.getView()?.getCenter()?c.addLayer(i1):c.once("moveend",()=>{c.addLayer(i1)}),I(i1),()=>{c.removeLayer(i1),I(null)}},[c,I,i1]),N2(()=>{R||v(!1)},[R,v]),N2(()=>{let r1=[];return o&&v(!1),()=>{N5(r1)}},[o,v]),N2(()=>{if(!c)return;let r1=null;return r1=c.getView().on("change:center",L1=>{L1.target.getInteracting()&&(v(!1),S(!1))}),()=>{N5(r1)}},[c,v,S]),N2(()=>{let r1=null;return i1&&(i1.engine.useThrottle=!i,i1.engine.isUpdateBboxOnMoveEnd=!i,i1.allowRenderWhenAnimating=!!i),!i||!R||!c||!i1?void 0:(S(!1),(async w1=>{let S1=w1&&i1?.trajectories?.[w1];if(!S1){S1=(await i1.api.getTrajectory(R,i1.mode))?.content;let H1=await i1.api.getFullTrajectory(R,i1.mode,void 0);if(H1?.content)try{let c1=Zg1.readFeatures(H1.content),g1=new Pa({features:c1}).getExtent();i1.api.bbox=[...g1,...i1.api.bbox.slice(4)]}catch(c1){console.warn("Error parsing full trajectory feature:",c1,H1?.content)}}await DR(S1,c,DJ)===!0&&(r1=setInterval(()=>{DR(i1?.trajectories?.[R],c,DJ)},1e3))})(R),()=>{clearInterval(r1)})},[i,c,i1,R,S]),N2(()=>{if(!(!R||!i1?.api))return i1.selectedVehicleId=R,i1.highlightTrajectory(R).catch(r1=>{console.error("Error highlighting trajectory:",r1)}),()=>{i1?.selectedVehicleId&&(i1.api?.unsubscribeFullTrajectory(i1.selectedVehicleId),i1.selectedVehicleId=null,i1.vectorLayer.getSource().clear())}},[R,i1,i1?.api]),N2(()=>{if(!c||!e)return;let r1=c.once("rendercomplete",()=>{let L1=e.mapLibreMap?.getStyle()?.metadata,w1=[];for(let S1=0;S1<26;S1++)w1.push(zh(S1,L1?.graphs));V(w1)});return()=>{N5(r1)}},[c,e,i1]),N2(()=>{let r1=n?.on("change:visible",()=>{let L1=n.getVisible();e1(L1)});return e1(n?.getVisible()||!1),()=>{N5(r1)}},[n]),N2(()=>{!i1||!H?.length||(Ng1&&G?i1.engine.graphByZoom=H:i1.engine.graphByZoom=[],i1.engine.setBbox())},[G,i1,H,n]),null}var zJ=W2(Ug1);var Qg1=new J0({image:new V9({fill:new r6({color:"#000000"}),radius:5}),stroke:new pi({color:"#000000",width:6}),zIndex:2}),Hg1=r=>{let t="#ffffff",e=r.get("type"),i=r.get("stroke");return i&&i[0]!=="#"&&(i=`#${i}`),t=i||Td(e,{name:r.get("line_name")}),t=/#ffffff/i.test(t)?"#ff0000":t,[Qg1,new J0({image:new V9({fill:new r6({color:t}),radius:4}),stroke:new pi({color:t,width:4}),zIndex:3})]},kJ=Hg1;var Vg1={0:[0,0,0,0,0,2,2,2,2,2,3,3,4,4,6,7,7],1:[0,0,0,0,0,2,2,2,2,2,3,3,4,4,6,7,7],2:[0,0,0,0,0,2,2,2,2,3,3,4,4,6,7,12,15],3:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,6,6],4:[0,0,0,0,0,2,2,2,2,2,2,3,3,6,7,12,15],5:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],6:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],7:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],8:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,6,6],9:[0,0,0,0,0,2,2,2,2,3,3,4,4,6,7,12,15]},Gg1=Vg1,OJ=(r=0,t=0,e=!1)=>{let i=Math.min(Math.floor(t||1),16);try{let o=_n.getTypeIndex(r);return Gg1[o][i]*(e?2:1)}catch{return 1}};var NJ='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 42 42" width="42" height="42">%0A      <path id="Pfad_1" data-name="Pfad 1" d="M40,20A20,20,0,1,1,20,0,20,20,0,0,1,40,20Z" transform="translate(0 0)" fill="%23353535"/>%0A      <path id="Pfad_2" data-name="Pfad 2" d="M25.481,11.843a9.993,9.993,0,0,0-10,9.992c0,7.773,10,14.8,10,14.8s9.992-7.5,9.992-14.8a9.991,9.991,0,0,0-9.992-9.992m0,14.662a4.924,4.924,0,1,1,4.924-4.924A4.93,4.93,0,0,1,25.482,26.5" transform="translate(-5.477 -4.19)" fill="%23fff"/>%0A      <path id="Pfad_3" data-name="Pfad 3" d="M12.015,8.124,38.081,34.031,35.4,36.536,9.06,10.527Z" transform="translate(-3.206 -2.874)" fill="%23ec0016"/>%0A      <path id="Pfad_4" data-name="Pfad 4" d="M20,3.231A16.769,16.769,0,1,1,3.231,20,16.788,16.788,0,0,1,20,3.231M20,0A20,20,0,1,0,40,20,20,20,0,0,0,20,0" transform="translate(0 0)" fill="%23353535"/>%0A</svg>%0A';var zR={},ZJ=new Image(42,42);ZJ.src=NJ;var qg1=(r,t)=>{let e=16;r>e&&(e=22);let i=`${e},${t}`;if(!zR[i]){let o=l8(e*t,e*t),n=o.getContext("2d");if(!n)return null;n.drawImage(ZJ,0,0,e*t,e*t),zR[i]=o}return zR[i]},kR={},Kg1=(r,t,e)=>{let i=`${r}, ${t}, ${e}`;if(!kR[i]){let o=l8(r*2,r*2);if(o){let n=o.getContext("2d");if(!n)return null;n.beginPath(),n.arc(r,r,t,0,2*Math.PI,!1),n.fillStyle=e,n.filter="blur(1px)",n.fill(),kR[i]=o}}return kR[i]},OR={},Wg1=(r,t,e,i,o="#000",n=1)=>{let c=`${r}, ${e}, ${i}, ${o}, ${n}`;if(!OR[c]){let A=l8(Math.ceil(r.length*t),Math.ceil(t+8*n));if(A){let L=A.getContext("2d");if(!L)return null;L.font=e,L.textAlign="left",L.textBaseline="middle",L.font=e,L.fillStyle=i,L.strokeStyle=o,L.lineWidth=1.5*n,L.strokeText(r,0,t),L.fillText(r,0,t),OR[c]=A}}return OR[c]},NR={},$g1=(r,t,e,i,o,n)=>{let c=`${r}, ${t}, ${e}, ${i},  ${o}, ${n}`;if(!NR[c]){let A=l8(r*2,r*2);if(A){let L=A.getContext("2d");if(!L)return null;L.fillStyle=e,i&&(L.lineWidth=1*n,L.strokeStyle="#000000"),L.beginPath(),L.arc(r,r,t,0,2*Math.PI,!1),L.fill(),o&&L.setLineDash([5,3]),i&&L.stroke(),NR[c]=A}}return NR[c]},ZR={},Xg1=(r,t,e,i,o,n,c,A,L,g)=>{let v=`${e}, ${i}, ${o}, ${n},${c}, ${A}, ${L}`;if(!ZR[v]){let S=l8(i*2,i*2);if(S){let I=S.getContext("2d");if(!I)return null;A&&(I.save(),I.textBaseline="middle",I.textAlign="center",I.font=g(r,t,o+2,e),I.strokeStyle=c,I.strokeText(e,i,i),I.restore()),I.textBaseline="middle",I.textAlign="center",I.fillStyle=n,I.font=g(r,t,o,e),I.strokeStyle=c,I.strokeText(e,i,i),I.fillText(e,i,i),ZR[v]=S}}return ZR[v]},UR={},Yg1=(r,t,e)=>{let{delayDisplay:i=3e5,delayOutlineColor:o="#000",getColor:n=()=>"#000",getDelayColor:c=()=>"#000",getDelayFont:A=(M2,f1,R1)=>`bold ${R1}px arial, sans-serif`,getDelayText:L=()=>null,getMaxRadiusForStrokeAndDelay:g=()=>7,getMaxRadiusForText:v=()=>10,getRadius:S=()=>0,getText:I=M2=>M2?.properties?.line?.name||"I",getTextColor:B=()=>"#000",getTextFont:R=(M2,f1,R1)=>`bold ${R1}px arial, sans-serif`,getTextSize:H=()=>14,hoverVehicleId:V,selectedVehicleId:G,useDelayStyle:e1}=e,{pixelRatio:i1=1}=t,{type:r1}=r.properties,{delay:L1,has_realtime_journey:w1,line:S1,operator_provides_realtime_journey:y1,state:C1,train_id:H1}=r.properties,{color:c1,name:g1,text_color:Z1}=S1||{};g1=I(r,t);let V1=C1==="JOURNEY_CANCELLED";g1||(g1="I"),Z1=B(r,t),c1=n(r,t),c1&&!c1.startsWith("#")&&(c1=`#${c1}`),Z1.startsWith("#")||(Z1=`#${Z1}`);let l2=!!(V&&V===H1),p2=!!(G&&G===H1),J1=S(r,t)*i1,G1=J1>=g()*i1;(l2||p2)&&(J1=G1?J1+5*i1:14*i1);let L2=J1>v()*i1,D2=`${J1}${l2||p2}${w1}`;if(e1?D2+=`${y1}${L1}${V1}`:(D2+=`${c1||r1}`,G1&&(D2+=`${V1}${L1}`)),L2&&(D2+=`${g1}${Z1}`),!UR[D2]){if(J1===0)return null;let M2=1*i1,f1=J1+2*i1,R1=J1*2,D1=f1*2+M2*2,t2=D1/2,c2=null;G1&&L1!==null&&(c2=Kg1(t2,f1,c(r,t,L1,V1)));let o2=null,T2=0;if(G1&&(l2||(L1||0)>=i||V1)){T2=Math.max(V1?19:14,Math.min(V1?19:17,J1*1.2))*i1;let It=L(r,t,L1,V1);It&&(o2=Wg1(It,T2,A(r,t,l2||t.zoom>=13?T2:0,It),c(r,t,L1,V1,!0),o,i1))}let F2=null,z2;e1?z2=c(r,t,L1,V1):z2=c1||n(r,t);let U2=G1||l2||p2,X2=!!G1&&!!e1&&L1===null&&y1==="yes",tt=!!U2&&L2&&!w1&&!V1;tt&&(F2=qg1(J1,i1));let ft=$g1(t2,J1,z2,U2,X2,i1),P1=o2?.width||tt&&F2.width/2||0,st=tt&&F2.height/2||0,Zt=D1+P1*2,Ht=D1+st*2,$2=l8(Zt,Ht);if($2){let It=$2.getContext("2d");if(!It)return null;let pt=P1,mt=st;c2&&It.drawImage(c2,pt,mt),ft&&It.drawImage(ft,pt,mt);let bt=null;if(L2){let kt=Math.max(J1,10),Xt=H(r,t,It,R1,g1,kt,R(r,t,kt,g1)),Gt=e1?"#000000":Z1||B(r,t);bt=Xg1(r,t,g1,t2,Xt,Gt,z2,!!e1&&L1===null&&y1==="yes",i1,R)}bt&&It.drawImage(bt,pt,mt),o2&&It.drawImage(o2,pt+Math.ceil(t2+f1)+M2,mt+Math.ceil(t2-T2)),tt&&It.drawImage(F2,pt-F2.width/4,mt-F2.height/4),UR[D2]=$2}}return UR[D2]},UJ=Yg1;var QJ={bus:25,coach:15,train:30,tram:20},Jg1={fullTrajectoryStyle:kJ,getMotsByZoom:r=>r<9?["rail"]:null,sort:({properties:{delay:r,type:t}},{properties:{delay:e,type:i}})=>t!==i?QJ[t]<QJ[i]?-1:1:r===e?0:r<e?-1:1,style:UJ,styleOptions:{getColor:r=>Td(r?.properties?.type,r?.properties?.line),getMaxRadiusForStrokeAndDelay:()=>4,getMaxRadiusForText:()=>8,getRadius:(r,t)=>OJ(r?.properties?.type,t?.zoom),getTextColor:r=>f_(r?.properties?.type)}};function tm1(r){return q(zJ,{...Jg1,...r})}var $_=W2(tm1);var HJ=Jr(B4(),1);function em1({debounceOptions:r,debounceTimeout:t=150,hover:e=!0}){let{map:i,mots:o,queryablelayers:n,setFeaturesInfos:c,setFeaturesInfosHovered:A,setLinesIds:L,setNotificationId:g,setStationId:v,setTrainId:S,stationsLayer:I,tenant:B}=dt(),R=V5(async G=>{let e1=G.map.getAllLayers().filter(r1=>n.split(",").includes(r1.get("name"))),i1=await pS(G.coordinate,e1,5,!0);if(I){let r1=i1?.find(S1=>S1.layer===I),L1=r1?.features||[],[w1]=L1.filter(S1=>{let y1=!1;return o?.split(",")?.length>0&&(y1=!!o.split(",").find(C1=>{if(S1.get(C1.trim().toLowerCase())===1)return!0})),!S1.get("uid")&&S1.get("external_id")&&S1.set("uid",S1.get("external_id")),y1?!!S1.get("tralis_network")?.includes(B):S1.get("network")?S1.get("network").toLowerCase().includes(B):y1});r1&&(r1.features=w1?[w1]:[])}return i1},[o,n,I,B]),H=V5(async G=>{let e1=await R(G);A(e1);let i1=e1.flatMap(r1=>r1.features);G.map.getTargetElement().style.cursor=i1?.length?"pointer":"default"},[R,A]),V=V5(async G=>{let e1=await R(G);c(e1),e1?.flatMap(i1=>i1.features).length===0&&(S(null),v(null),g(null),L(null))},[R,c,L,g,v,S]);return N2(()=>{let G=i?.on("singleclick",V);return()=>{N5(G)}},[i,V]),N2(()=>{let G;if(e){let e1=H;t&&(e1=(0,HJ.default)(H,t,r)),G=i?.on("pointermove",e1)}return()=>{N5(G)}},[r,t,e,i,H]),null}var QR=em1;var rm1=(r,t)=>{if(!!t.get("name")&&r!=null){let o=r?.split(",")||[],n=t.get("name"),c=o.includes(n);t.getVisible()!==c&&!t.getLayers&&t.setVisible(c)}},HR=rm1;var im1=(r,t,e)=>{let i=b3(!1),o=b3(km(e)?.layers);return N2(()=>{if(!r)return;let n=t;o.current!==null&&o.current!==void 0&&!i.current&&(n=o.current,i.current=!0);let c=u4(r.getLayers().getArray());c.forEach(L=>{HR(n,L)}),c.filter(L=>L.getLayers).forEach(L=>{L.getVisible()&&!L.getLayers()?.getArray().some(g=>g.getVisible())&&L.setVisible(!1)});let A=r.getLayers().on("add",L=>{HR(n,L.element)});return()=>{N5(A)}},[r,t]),null},VJ=im1;var GJ=["mwc:permalink","mwc:selectedfeature","mwc:singleclick","mwc:attribute"];function nm1({eventNode:r}){let{setPreviewNotifications:t}=dt();return N2(()=>{let e=i=>{i.data.situations&&t(i.data.situations)};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[t]),N2(()=>{if(!r)return;let e=i=>{i.type==="mwc:attribute"&&delete i.data.children,i.type==="mwc:selectedfeature"&&i.data?.properties?.olGeometry&&delete i.data.properties.olGeometry,window.parent?.postMessage({data:i.data,type:i.type},"*")};return GJ.forEach(i=>{r.addEventListener(i,e)}),window.parent?.postMessage({data:!0,type:"mwc:messageready"},"*"),()=>{GJ.forEach(i=>{r.removeEventListener(i,e)})}},[r]),null}var VR=W2(nm1);var om1='<a href="https://developer.geops.io/">geOps API key</a>',jJ='<a href="https://developer.geops.io/apis/maps">geOps Maps API</a>',am1='<a href="https://developer.geops.io/apis/stops">geOps Stops API</a>',GR='<a href="https://geops.com/en/solution/disruption-information">geOps MOCO API</a>',X_='<a href="https://geops.com/en/solution/mapset">geOps Mapset API</a>',Y_='<a href="https://developer.geops.io/apis/realtime">geOps Realtime API</a>',sm1={apikey:{defaultValue:"5cc87b12d7c5370001c1d655820abcc37dfd4d968d7bab5b2a74a935",description:`Your ${om1}`,public:!1},baselayer:{defaultValue:"de.rvf_moco",description:`The style's name from the ${jJ}. <br/>Ex: base_dark_v2, base_bright_v2, ...`,public:!1},center:{description:"The center of the map in EPSG:3857 coordinates.<br/>Parameter required if extent is not set.",public:!0},details:{defaultValue:"true",description:"When a feature of a queryable layer is clicked, it displays informations about it.",public:!0,type:"boolean"},embed:{defaultValue:"false",description:"Toggle the embedded navigation mode.<br/>In this mode zooming with mouse wheel is deactivated and, on touch device, you can only navigate with two finger, a warning message is displayed to warn the user.",public:!0,type:"boolean"},extent:{defaultValue:sp.join(","),description:"The map's extent in EPSG:3857 coordinates.<br/>Ex: 831634,5933959,940649,6173660 .<br/>Parameter required if center and zoom are not set.",public:!0},geolocation:{defaultValue:"true",description:"Toggle the display of the geolocation button or not.",public:!0,type:"boolean"},lang:{defaultValue:"de",description:"The language to use for the map. Supported languages are : de, en, fr, it.",public:!0},layers:{defaultValue:null,description:`A comma separated list of layers's name to make visible on load, others are hidden. If empty, all layers will be hidden except the baselayer.<br/>Layers available are ${Object.values(Tt).join(", ")}.`,public:!0},layersconfig:{description:`A JSON string to configure the layers and other components associated to it.<br/>
+}`;function mg1({options:r,...t}){let{map:e}=dt(),[i,o]=lt(),n=Mt(()=>i?new _U({target:i,...r}):null,[r,i]);return N2(()=>{if(!(!e||!n))return e.addControl(n),()=>{e&&n&&e.removeControl(n)}},[e,n]),q("div",{ref:c=>{o(c)},...t,children:q("style",{children:SJ})})}var bR=mg1;function vg1({...r}){let{isSearchOpen:t,setIsSearchOpen:e}=dt(),{t:i}=c5(),o=V5(()=>{e(!t)},[t,e]);return q(t3,{title:i("search_menu_title"),...r,onClick:o,selected:t,children:q(iu,{})})}var MR=W2(vg1);function yg1({...r}){return q("svg",{fill:"none",height:24,stroke:"currentColor",strokeWidth:1.5,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z",strokeLinecap:"round",strokeLinejoin:"round"})})}var BR=yg1;function _g1({...r}){let{isShareMenuOpen:t,setIsShareMenuOpen:e}=dt(),{t:i}=c5(),o=V5(()=>{e(!t)},[t,e]);return q(t3,{title:i("share_menu_title"),...r,onClick:o,selected:t,children:q(BR,{})})}var SR=W2(_g1);function xg1(r){let{baseLayer:t,map:e,setStationsLayer:i}=dt(),o=Mt(()=>t?new M3({layersFilter:({metadata:n})=>n?.["tralis.variable"]==="station"||n?.["general.filter"]==="stations"||n?.["geops.filter"]==="netzplan_stops",maplibreLayer:t,name:Bm,...r||{}}):null,[t,r]);return N2(()=>{if(!(!e||!o))return e.addLayer(o),i(o),()=>{e.removeLayer(o)}},[e,i,o]),null}var EJ=W2(xg1);var wg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations",minZoom:10});function bg1(r){return q(EJ,{...wg1,...r})}var Qd=W2(bg1);function Mg1(r){return q("svg",{fill:"currentColor",height:"24px",version:"1.1",viewBox:"0 0 24 24",width:"24px",xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M19,10.9999 C19.5522847,10.9999 20,11.4476153 20,11.9999 C20,12.5521847 19.5522847,12.9999 19,12.9999 L5,12.9999 C4.44771525,12.9999 4,12.5521847 4,11.9999 C4,11.4476153 4.44771525,10.9999 5,10.9999 L19,10.9999 Z"})})}var ER=Mg1;function Bg1(r){return q("svg",{fill:"currentColor",height:"24px",version:"1.1",viewBox:"0 0 24 24",width:"24px",xmlns:"http://www.w3.org/2000/svg",...r,children:q("path",{d:"M12,4 C12.5522847,4 13,4.44771525 13,5 L13,11 L19,11 C19.5128358,11 19.9355072,11.3860402 19.9932723,11.8833789 L20,12 C20,12.5522847 19.5522847,13 19,13 L13,13 L13,19 C13,19.5128358 12.6139598,19.9355072 12.1166211,19.9932723 L12,20 C11.4477153,20 11,19.5522847 11,19 L11,13 L5,13 C4.48716416,13 4.06449284,12.6139598 4.00672773,12.1166211 L4,12 C4,11.4477153 4.44771525,11 5,11 L11,11 L11,5 C11,4.48716416 11.3860402,4.06449284 11.8833789,4.00672773 Z"})})}var TR=Bg1;function Sg1(){let{map:r}=dt(),[t,e]=lt(!1),[i,o]=lt(!1),{t:n}=c5(),c=V5(()=>{if(!r?.getView())return;let L=r.getView(),g=L.getZoom();L.setZoom(g+1)},[r]),A=V5(()=>{if(!r?.getView())return;let L=r.getView(),g=L.getZoom();L.setZoom(g-1)},[r]);return N2(()=>{let L=r?.on("moveend",()=>{let g=r.getView(),v=g.getZoom(),S=g.getMaxZoom(),I=g.getMinZoom();S&&v===Number(S)?e(!0):e(!1),I&&v===Number(I)?o(!0):o(!1)});return()=>{N5(L)}},[r]),q(Re,{children:[q(t3,{disabled:t,onClick:c,title:n("zoomin"),children:q(TR,{})}),q(t3,{disabled:i,onClick:A,title:n("zoomout"),children:q(ER,{})})]})}var IR=W2(Sg1);var TJ={style:{width:"calc(100% - 60px)"}},Eg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations"});function Tg1({className:r,...t}){let{hasDetails:e,hasGeolocation:i,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:A,hasShare:L,hasToolbar:g,isEmbed:v,isOverlayOpen:S,isSearchOpen:I,mainlink:B}=dt();return q("div",{className:Kt("relative flex size-full flex-col text-base @lg/main:flex-row-reverse",r),...t,children:[q(gR,{}),q(Qd,{minZoom:10,...Eg1}),q(wR,{}),q(mR,{}),q(CR,{}),q(xR,{}),q(KS,{className:"relative flex-1 overflow-visible",children:[v&&q(US,{}),B&&q(pR,{className:"absolute inset-x-2 bottom-8 z-10"}),q("div",{className:"pointer-events-none absolute inset-x-2 bottom-2 z-10 flex items-end justify-between gap-2 text-[10px]",children:[q(bR,{className:"bg-slate-50/70"}),q(zm,{className:"pointer-events-auto bg-slate-50/70"})]}),q("div",{className:"absolute top-2 right-2 z-10 flex",children:i&&q(GS,{})}),q("div",{className:"absolute right-2 bottom-10 z-10 flex flex-col justify-between gap-2",children:q(IR,{})}),!g&&A&&q("div",{className:Kt("absolute top-2 right-2 left-2 z-10 max-w-96",S&&"@lg:left-68"),children:q(nu,{})})]}),q("div",{className:"pointer-events-none absolute top-2 bottom-2 left-2 z-10 flex flex-col gap-2",children:[g&&q("div",{className:"pointer-events-none relative z-10 w-fit rounded-2xl bg-black/10 p-0 backdrop-blur-sm *:pointer-events-auto",children:[A&&q("div",{className:Kt("absolute top-12 left-0 w-0 p-0 opacity-0 transition-all @sm:top-0 @sm:left-[calc(100%-43px)] @md:left-[calc(100%-47px)]",I?"w-64 opacity-100":""),children:q(nu,{className:"border-grey @container m-0 h-[40px] rounded-2xl border p-2 px-4 text-base @sm/main:h-[44px] @sm/main:rounded-l-none @sm/main:rounded-r-2xl @md/main:h-[48px]",inputClassName:"h-6 text-base",inputContainerClassName:"border-none",resultClassName:"text-base  **:hover:cursor-pointer hover:text-red-500 p-2",resultsContainerClassName:"@container rounded-b-2xl max-h-[200px] overflow-y-auto border border-grey border-t-0 ",withResultsClassName:"text-base !rounded-b-none"})}),q("div",{className:Kt("border-grey relative flex gap-[1px] overflow-hidden rounded-2xl border @sm/main:h-[44px] @md/main:h-[48px]","*:size-[38px] *:rounded-none *:border-none *:@sm/main:size-[42px] *:@md/main:!size-[46px]","*:first:!rounded-l-2xl","*:last:!rounded-r-2xl",I?"@sm:rounded-r-none @sm:border-r-0 @sm:*:last:!rounded-r-none @sm:*:last:border-r-0":""),children:[o&&q(qS,{}),n&&q(HS,{}),L&&q(SR,{}),A&&q(MR,{})]})]}),S&&q("div",{className:Kt("pointer-events-none flex w-0 flex-1 flex-col overflow-hidden rounded-2xl @lg:min-w-[320px]"),style:{containerType:"normal"},children:q(Om,{className:"border-grey @container/overlay pointer-events-auto relative hidden flex-col overflow-hidden rounded-2xl border bg-white text-base shadow-lg @lg:flex",ScrollableHandlerProps:TJ,children:q(V_,{hasDetails:e,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:!1,hasShare:L})})})]}),S&&q(Om,{className:"absolute bottom-0 z-20 flex max-h-[70%] min-h-[75px] w-full flex-col border-t bg-white @lg:hidden",ScrollableHandlerProps:TJ,children:q(V_,{hasDetails:e,hasLayerTree:o,hasPrint:n,hasRealtime:c,hasSearch:!1,hasShare:L})})]})}var W_=W2(Tg1);var Ig1=(r,t)=>{let e=t?.getView()?.getZoom(),i=r.get("minZoom"),o=r.get("maxZoom");return i>e||e>o};function Fg1(r){let{apikey:t,baseLayer:e,map:i,mapsetplanid:o,mapsettags:n,mapsettenants:c,mapsettimestamp:A,mapseturl:L,setMapsetLayer:g}=dt(),v=Mt(()=>!e||!i?null:new rS({apiKey:t,name:Em,planId:o??void 0,tags:n?.split(",").map(S=>S.trim()),tenants:c?.split(",").map(S=>S.trim()),timestamp:A,url:L,...r||{}}),[e,i,t,L,o,n,c,A,r]);return N2(()=>{g?.(v)},[v,g,i]),N2(()=>{if(!(!i||!v))return i.addLayer(v),()=>{i.removeLayer(v)}},[i,v]),N2(()=>{let S=null;return v&&(S=v.on("updatefeatures",()=>{let I=v.getSource()?.getFeatures();I?.length&&I.forEach(B=>{let R=B.getStyleFunction();R&&B.setStyle((H,V)=>Ig1(H,v.getMapInternal())?null:R(B,V))})})),()=>{N5(S)}},[v]),null}var FR=W2(Fg1);function Pg1(r){let{apikey:t,baseLayer:e,linesNetworkPlanLayer:i,map:o,notificationat:n,notificationtenant:c,notificationurl:A,previewNotifications:L,setNotificationsLayer:g}=dt(),[v,S]=lt(!!i?.getVisible()),I=Mt(()=>{if(!e)return null;let B=new aS({apiKey:t,apiParameters:{contentMedium:!0,isEdited:!0,publicNow:!0},maplibreLayer:e,name:Sm,publicAt:n?new Date(n):void 0,situations:L,tenant:c,url:A,...r||{},loadAll:!L});return L&&!B.getVisible()&&B.setVisible(!0),B},[e,t,n,L,c,A,r]);return N2(()=>{g?.(I)},[I,g]),N2(()=>{if(!(!o||!I))return o.addLayer(I),()=>{o.removeLayer(I)}},[o,I]),N2(()=>{let B=i?.on("change:visible",()=>{let R=i.getVisible();S(R)});return S(i?.getVisible()||!1),()=>{N5(B)}},[i]),N2(()=>{if(!I)return;let B=I.getVisible();return B&&I.setVisible(!1),v?I.layersFilter=R=>R.metadata?.["general.filter"]==="moco.lnp":I.layersFilter=R=>R.metadata?.["general.filter"]==="moco",I.setVisible(B),()=>{I.applyLayoutVisibility()}},[v,I,i]),null}var PR=W2(Pg1);var FJ=Jr(B4(),1);var Rg1=(r,t=new URLSearchParams)=>{let e=r.getView().getZoom(),[i,o]=r.getView().getCenter()||[],n=u4(r.getLayers().getArray()).filter(c=>c.get("name")&&c.getVisible()).map(c=>c.get("name"));return t.set("layers",n.join(",")),i>=0&&t.set("x",i.toFixed(2)),o>=0&&t.set("y",o.toFixed(2)),e>=0&&t.set("z",e.toFixed(1)),t},IJ=Rg1;var Dg1=({replaceState:r=!1})=>{let{map:t,setPermalinkUrlSearchParams:e}=dt(),i=Ud(),o=V5(n=>{if(t.get(Oo))return;let c=new URLSearchParams(window.location.search),A=IJ(n,c);e(A)},[t,e]);return N2(()=>{r&&i&&i!==window.location.href&&!i.includes(encodeURIComponent("{{"))&&window.history.replaceState(null,null,i)},[t,i,r]),N2(()=>{let n,c,A,L=(0,FJ.default)(o,1e3);return t&&(L(t),n=t?.on("moveend",g=>{L(g.map)}),c=t.once("loadend",g=>{L(g.map),A=u4(g.map.getLayers().getArray()).map(v=>v.on("change:visible",()=>{L(g.map)}))})),()=>{N5(n),N5(c),N5(A)}},[t,o]),null},RR=W2(Dg1);var zg1=async(r,t,e=0,i=!0)=>{if(!r)return Promise.reject(new Error("No vehicle provided"));let{geometry:o,properties:{coordinate:n}}=r,c=t.getView(),A=e||c.getZoom(),L=A>0?c.getResolutionForZoom(A):void 0,g=n?[...n]:null;if(!g&&o){let{coord:S}=yf(Date.now(),r,!0);g=S?[...S]:null}return g?(i&&(g[0]-=320/2*L),c.cancelAnimations(),new Promise(S=>{c.animate({center:g,duration:1e3,easing:Pg,resolution:L},I=>{S(I)})})):Promise.reject(new Error("No center found"))},DR=zg1;var kg1=(r,t,e,i,o)=>i?o?"#dc2626":"#a0a0a0":e===null?"transparent":FL(e,o),PJ=kg1;var Og1=(r,t,e,i=!1)=>{if(i)return String.fromCodePoint(215);let o=PL(e);return o==="0"?"":`+${o}`},RJ=Og1;var DJ=16,Ng1=!0,Zg1=new Y0;function Ug1(r){let{apikey:t,baseLayer:e,isFollowing:i,isTracking:o,linesNetworkPlanLayer:n,map:c,mots:A,realtimebboxparameters:L,realtimeurl:g,setIsFollowing:v,setIsTracking:S,setRealtimeLayer:I,tenant:B,trainId:R}=dt(),[H,V]=lt([]),[G,e1]=lt(!1),i1=Mt(()=>!t||!g?null:new fS({apiKey:t,bboxParameters:L?.split(" ").reduce((L1,w1)=>{if(!w1)return L1;let[S1,y1]=w1.split("=");return L1[S1]=y1,L1},{}),getMotsByZoom:A?()=>A.split(","):void 0,isQueryable:!0,minZoom:5,name:Mm,tenant:B,url:g,zIndex:1,...r,styleOptions:{getColor:Id,getDelayColor:PJ,getDelayText:RJ,getText:C_,getTextColor:p_,getTextFont:L_,...r?.styleOptions||{}}}),[t,g,L,A,B,r]);return N2(()=>{if(!(!c||!i1))return c.getView()?.getCenter()?c.addLayer(i1):c.once("moveend",()=>{c.addLayer(i1)}),I(i1),()=>{c.removeLayer(i1),I(null)}},[c,I,i1]),N2(()=>{R||v(!1)},[R,v]),N2(()=>{let r1=[];return o&&v(!1),()=>{N5(r1)}},[o,v]),N2(()=>{if(!c)return;let r1=null;return r1=c.getView().on("change:center",L1=>{L1.target.getInteracting()&&(v(!1),S(!1))}),()=>{N5(r1)}},[c,v,S]),N2(()=>{let r1=null;return i1&&(i1.engine.useThrottle=!i,i1.engine.isUpdateBboxOnMoveEnd=!i,i1.allowRenderWhenAnimating=!!i),!i||!R||!c||!i1?void 0:(S(!1),(async w1=>{let S1=w1&&i1?.trajectories?.[w1];if(!S1){S1=(await i1.api.getTrajectory(R,i1.mode))?.content;let H1=await i1.api.getFullTrajectory(R,i1.mode,void 0);if(H1?.content)try{let c1=Zg1.readFeatures(H1.content),g1=new Pa({features:c1}).getExtent();i1.api.bbox=[...g1,...i1.api.bbox.slice(4)]}catch(c1){console.warn("Error parsing full trajectory feature:",c1,H1?.content)}}await DR(S1,c,DJ)===!0&&(r1=setInterval(()=>{DR(i1?.trajectories?.[R],c,DJ)},1e3))})(R),()=>{clearInterval(r1)})},[i,c,i1,R,S]),N2(()=>{if(!(!R||!i1?.api))return i1.selectedVehicleId=R,i1.highlightTrajectory(R).catch(r1=>{console.error("Error highlighting trajectory:",r1)}),()=>{i1?.selectedVehicleId&&(i1.api?.unsubscribeFullTrajectory(i1.selectedVehicleId),i1.selectedVehicleId=null,i1.vectorLayer.getSource().clear())}},[R,i1,i1?.api]),N2(()=>{if(!c||!e)return;let r1=c.once("rendercomplete",()=>{let L1=e.mapLibreMap?.getStyle()?.metadata,w1=[];for(let S1=0;S1<26;S1++)w1.push(zh(S1,L1?.graphs));V(w1)});return()=>{N5(r1)}},[c,e,i1]),N2(()=>{let r1=n?.on("change:visible",()=>{let L1=n.getVisible();e1(L1)});return e1(n?.getVisible()||!1),()=>{N5(r1)}},[n]),N2(()=>{!i1||!H?.length||(Ng1&&G?i1.engine.graphByZoom=H:i1.engine.graphByZoom=[],i1.engine.setBbox())},[G,i1,H,n]),null}var zJ=W2(Ug1);var Qg1=new J0({image:new V9({fill:new r6({color:"#000000"}),radius:5}),stroke:new pi({color:"#000000",width:6}),zIndex:2}),Hg1=r=>{let t="#ffffff",e=r.get("type"),i=r.get("stroke");return i&&i[0]!=="#"&&(i=`#${i}`),t=i||Td(e,{name:r.get("line_name")}),t=/#ffffff/i.test(t)?"#ff0000":t,[Qg1,new J0({image:new V9({fill:new r6({color:t}),radius:4}),stroke:new pi({color:t,width:4}),zIndex:3})]},kJ=Hg1;var Vg1={0:[0,0,0,0,0,2,2,2,2,2,3,3,4,4,6,7,7],1:[0,0,0,0,0,2,2,2,2,2,3,3,4,4,6,7,7],2:[0,0,0,0,0,2,2,2,2,3,3,4,4,6,7,12,15],3:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,6,6],4:[0,0,0,0,0,2,2,2,2,2,2,3,3,6,7,12,15],5:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],6:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],7:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,7,7],8:[0,0,0,0,0,2,2,2,2,2,2,3,3,4,6,6,6],9:[0,0,0,0,0,2,2,2,2,3,3,4,4,6,7,12,15]},Gg1=Vg1,OJ=(r=0,t=0,e=!1)=>{let i=Math.min(Math.floor(t||1),16);try{let o=_n.getTypeIndex(r);return Gg1[o][i]*(e?2:1)}catch{return 1}};var NJ='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 42 42" width="42" height="42">%0A      <path id="Pfad_1" data-name="Pfad 1" d="M40,20A20,20,0,1,1,20,0,20,20,0,0,1,40,20Z" transform="translate(0 0)" fill="%23353535"/>%0A      <path id="Pfad_2" data-name="Pfad 2" d="M25.481,11.843a9.993,9.993,0,0,0-10,9.992c0,7.773,10,14.8,10,14.8s9.992-7.5,9.992-14.8a9.991,9.991,0,0,0-9.992-9.992m0,14.662a4.924,4.924,0,1,1,4.924-4.924A4.93,4.93,0,0,1,25.482,26.5" transform="translate(-5.477 -4.19)" fill="%23fff"/>%0A      <path id="Pfad_3" data-name="Pfad 3" d="M12.015,8.124,38.081,34.031,35.4,36.536,9.06,10.527Z" transform="translate(-3.206 -2.874)" fill="%23ec0016"/>%0A      <path id="Pfad_4" data-name="Pfad 4" d="M20,3.231A16.769,16.769,0,1,1,3.231,20,16.788,16.788,0,0,1,20,3.231M20,0A20,20,0,1,0,40,20,20,20,0,0,0,20,0" transform="translate(0 0)" fill="%23353535"/>%0A</svg>%0A';var zR={},ZJ=new Image(42,42);ZJ.src=NJ;var qg1=(r,t)=>{let e=16;r>e&&(e=22);let i=`${e},${t}`;if(!zR[i]){let o=l8(e*t,e*t),n=o.getContext("2d");if(!n)return null;n.drawImage(ZJ,0,0,e*t,e*t),zR[i]=o}return zR[i]},kR={},Kg1=(r,t,e)=>{let i=`${r}, ${t}, ${e}`;if(!kR[i]){let o=l8(r*2,r*2);if(o){let n=o.getContext("2d");if(!n)return null;n.beginPath(),n.arc(r,r,t,0,2*Math.PI,!1),n.fillStyle=e,n.filter="blur(1px)",n.fill(),kR[i]=o}}return kR[i]},OR={},Wg1=(r,t,e,i,o="#000",n=1)=>{let c=`${r}, ${e}, ${i}, ${o}, ${n}`;if(!OR[c]){let A=l8(Math.ceil(r.length*t),Math.ceil(t+8*n));if(A){let L=A.getContext("2d");if(!L)return null;L.font=e,L.textAlign="left",L.textBaseline="middle",L.font=e,L.fillStyle=i,L.strokeStyle=o,L.lineWidth=1.5*n,L.strokeText(r,0,t),L.fillText(r,0,t),OR[c]=A}}return OR[c]},NR={},$g1=(r,t,e,i,o,n)=>{let c=`${r}, ${t}, ${e}, ${i},  ${o}, ${n}`;if(!NR[c]){let A=l8(r*2,r*2);if(A){let L=A.getContext("2d");if(!L)return null;L.fillStyle=e,i&&(L.lineWidth=1*n,L.strokeStyle="#000000"),L.beginPath(),L.arc(r,r,t,0,2*Math.PI,!1),L.fill(),o&&L.setLineDash([5,3]),i&&L.stroke(),NR[c]=A}}return NR[c]},ZR={},Xg1=(r,t,e,i,o,n,c,A,L,g)=>{let v=`${e}, ${i}, ${o}, ${n},${c}, ${A}, ${L}`;if(!ZR[v]){let S=l8(i*2,i*2);if(S){let I=S.getContext("2d");if(!I)return null;A&&(I.save(),I.textBaseline="middle",I.textAlign="center",I.font=g(r,t,o+2,e),I.strokeStyle=c,I.strokeText(e,i,i),I.restore()),I.textBaseline="middle",I.textAlign="center",I.fillStyle=n,I.font=g(r,t,o,e),I.strokeStyle=c,I.strokeText(e,i,i),I.fillText(e,i,i),ZR[v]=S}}return ZR[v]},UR={},Yg1=(r,t,e)=>{let{delayDisplay:i=3e5,delayOutlineColor:o="#000",getColor:n=()=>"#000",getDelayColor:c=()=>"#000",getDelayFont:A=(M2,f1,R1)=>`bold ${R1}px arial, sans-serif`,getDelayText:L=()=>null,getMaxRadiusForStrokeAndDelay:g=()=>7,getMaxRadiusForText:v=()=>10,getRadius:S=()=>0,getText:I=M2=>M2?.properties?.line?.name||"I",getTextColor:B=()=>"#000",getTextFont:R=(M2,f1,R1)=>`bold ${R1}px arial, sans-serif`,getTextSize:H=()=>14,hoverVehicleId:V,selectedVehicleId:G,useDelayStyle:e1}=e,{pixelRatio:i1=1}=t,{type:r1}=r.properties,{delay:L1,has_realtime_journey:w1,line:S1,operator_provides_realtime_journey:y1,state:C1,train_id:H1}=r.properties,{color:c1,name:g1,text_color:Z1}=S1||{};g1=I(r,t);let V1=C1==="JOURNEY_CANCELLED";g1||(g1="I"),Z1=B(r,t),c1=n(r,t),c1&&!c1.startsWith("#")&&(c1=`#${c1}`),Z1.startsWith("#")||(Z1=`#${Z1}`);let l2=!!(V&&V===H1),p2=!!(G&&G===H1),J1=S(r,t)*i1,G1=J1>=g()*i1;(l2||p2)&&(J1=G1?J1+5*i1:14*i1);let L2=J1>v()*i1,D2=`${J1}${l2||p2}${w1}`;if(e1?D2+=`${y1}${L1}${V1}`:(D2+=`${c1||r1}`,G1&&(D2+=`${V1}${L1}`)),L2&&(D2+=`${g1}${Z1}`),!UR[D2]){if(J1===0)return null;let M2=1*i1,f1=J1+2*i1,R1=J1*2,D1=f1*2+M2*2,t2=D1/2,c2=null;G1&&L1!==null&&(c2=Kg1(t2,f1,c(r,t,L1,V1)));let o2=null,T2=0;if(G1&&(l2||(L1||0)>=i||V1)){T2=Math.max(V1?19:14,Math.min(V1?19:17,J1*1.2))*i1;let It=L(r,t,L1,V1);It&&(o2=Wg1(It,T2,A(r,t,l2||t.zoom>=13?T2:0,It),c(r,t,L1,V1,!0),o,i1))}let F2=null,z2;e1?z2=c(r,t,L1,V1):z2=c1||n(r,t);let U2=G1||l2||p2,X2=!!G1&&!!e1&&L1===null&&y1==="yes",tt=!!U2&&L2&&!w1&&!V1;tt&&(F2=qg1(J1,i1));let ft=$g1(t2,J1,z2,U2,X2,i1),P1=o2?.width||tt&&F2.width/2||0,st=tt&&F2.height/2||0,Zt=D1+P1*2,Ht=D1+st*2,$2=l8(Zt,Ht);if($2){let It=$2.getContext("2d");if(!It)return null;let pt=P1,mt=st;c2&&It.drawImage(c2,pt,mt),ft&&It.drawImage(ft,pt,mt);let bt=null;if(L2){let kt=Math.max(J1,10),Xt=H(r,t,It,R1,g1,kt,R(r,t,kt,g1)),Gt=e1?"#000000":Z1||B(r,t);bt=Xg1(r,t,g1,t2,Xt,Gt,z2,!!e1&&L1===null&&y1==="yes",i1,R)}bt&&It.drawImage(bt,pt,mt),o2&&It.drawImage(o2,pt+Math.ceil(t2+f1)+M2,mt+Math.ceil(t2-T2)),tt&&It.drawImage(F2,pt-F2.width/4,mt-F2.height/4),UR[D2]=$2}}return UR[D2]},UJ=Yg1;var QJ={bus:25,coach:15,train:30,tram:20},Jg1={fullTrajectoryStyle:kJ,getMotsByZoom:r=>r<9?["rail"]:null,sort:({properties:{delay:r,type:t}},{properties:{delay:e,type:i}})=>t!==i?QJ[t]<QJ[i]?-1:1:r===e?0:r<e?-1:1,style:UJ,styleOptions:{getColor:r=>Td(r?.properties?.type,r?.properties?.line),getMaxRadiusForStrokeAndDelay:()=>4,getMaxRadiusForText:()=>8,getRadius:(r,t)=>OJ(r?.properties?.type,t?.zoom),getTextColor:r=>f_(r?.properties?.type)}};function tm1(r){return q(zJ,{...Jg1,...r})}var $_=W2(tm1);var HJ=Jr(B4(),1);function em1({debounceOptions:r,debounceTimeout:t=150,hover:e=!0}){let{map:i,mots:o,queryablelayers:n,setFeaturesInfos:c,setFeaturesInfosHovered:A,setLinesIds:L,setNotificationId:g,setStationId:v,setTrainId:S,stationsLayer:I,tenant:B}=dt(),R=V5(async G=>{let e1=G.map.getAllLayers().filter(r1=>n.split(",").includes(r1.get("name"))),i1=await pS(G.coordinate,e1,5,!0);if(I){let r1=i1?.find(S1=>S1.layer===I),L1=r1?.features||[],[w1]=L1.filter(S1=>{let y1=!1;return o?.split(",")?.length>0&&(y1=!!o.split(",").find(C1=>{if(S1.get(C1.trim().toLowerCase())===1)return!0})),!S1.get("uid")&&S1.get("external_id")&&S1.set("uid",S1.get("external_id")),y1?!!S1.get("tralis_network")?.includes(B):S1.get("network")?S1.get("network").toLowerCase().includes(B):y1});r1&&(r1.features=w1?[w1]:[])}return i1},[o,n,I,B]),H=V5(async G=>{let e1=await R(G);A(e1);let i1=e1.flatMap(r1=>r1.features);G.map.getTargetElement().style.cursor=i1?.length?"pointer":"default"},[R,A]),V=V5(async G=>{let e1=await R(G);c(e1),e1?.flatMap(i1=>i1.features).length===0&&(S(null),v(null),g(null),L(null))},[R,c,L,g,v,S]);return N2(()=>{let G=i?.on("singleclick",V);return()=>{N5(G)}},[i,V]),N2(()=>{let G;if(e){let e1=H;t&&(e1=(0,HJ.default)(H,t,r)),G=i?.on("pointermove",e1)}return()=>{N5(G)}},[r,t,e,i,H]),null}var QR=em1;var rm1=(r,t)=>{if(!!t.get("name")&&r!=null){let o=r?.split(",")||[],n=t.get("name"),c=o.includes(n);t.getVisible()!==c&&!t.getLayers&&t.setVisible(c)}},HR=rm1;var im1=(r,t,e)=>{let i=b3(!1),o=b3(km(e)?.layers);return N2(()=>{if(!r)return;let n=t;o.current!==null&&o.current!==void 0&&!i.current&&(n=o.current,i.current=!0),u4(r.getLayers().getArray()).forEach(L=>{HR(n,L)});let A=r.getLayers().on("add",L=>{HR(n,L.element)});return()=>{N5(A)}},[r,t]),null},VJ=im1;var GJ=["mwc:permalink","mwc:selectedfeature","mwc:singleclick","mwc:attribute"];function nm1({eventNode:r}){let{setPreviewNotifications:t}=dt();return N2(()=>{let e=i=>{i.data.situations&&t(i.data.situations)};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[t]),N2(()=>{if(!r)return;let e=i=>{i.type==="mwc:attribute"&&delete i.data.children,i.type==="mwc:selectedfeature"&&i.data?.properties?.olGeometry&&delete i.data.properties.olGeometry,window.parent?.postMessage({data:i.data,type:i.type},"*")};return GJ.forEach(i=>{r.addEventListener(i,e)}),window.parent?.postMessage({data:!0,type:"mwc:messageready"},"*"),()=>{GJ.forEach(i=>{r.removeEventListener(i,e)})}},[r]),null}var VR=W2(nm1);var om1='<a href="https://developer.geops.io/">geOps API key</a>',jJ='<a href="https://developer.geops.io/apis/maps">geOps Maps API</a>',am1='<a href="https://developer.geops.io/apis/stops">geOps Stops API</a>',GR='<a href="https://geops.com/en/solution/disruption-information">geOps MOCO API</a>',X_='<a href="https://geops.com/en/solution/mapset">geOps Mapset API</a>',Y_='<a href="https://developer.geops.io/apis/realtime">geOps Realtime API</a>',sm1={apikey:{defaultValue:"5cc87b12d7c5370001c1d655820abcc37dfd4d968d7bab5b2a74a935",description:`Your ${om1}`,public:!1},baselayer:{defaultValue:"de.rvf_moco",description:`The style's name from the ${jJ}. <br/>Ex: base_dark_v2, base_bright_v2, ...`,public:!1},center:{description:"The center of the map in EPSG:3857 coordinates.<br/>Parameter required if extent is not set.",public:!0},details:{defaultValue:"true",description:"When a feature of a queryable layer is clicked, it displays informations about it.",public:!0,type:"boolean"},embed:{defaultValue:"false",description:"Toggle the embedded navigation mode.<br/>In this mode zooming with mouse wheel is deactivated and, on touch device, you can only navigate with two finger, a warning message is displayed to warn the user.",public:!0,type:"boolean"},extent:{defaultValue:sp.join(","),description:"The map's extent in EPSG:3857 coordinates.<br/>Ex: 831634,5933959,940649,6173660 .<br/>Parameter required if center and zoom are not set.",public:!0},geolocation:{defaultValue:"true",description:"Toggle the display of the geolocation button or not.",public:!0,type:"boolean"},lang:{defaultValue:"de",description:"The language to use for the map. Supported languages are : de, en, fr, it.",public:!0},layers:{defaultValue:null,description:`A comma separated list of layers's name to make visible on load, others are hidden. If empty, all layers will be hidden except the baselayer.<br/>Layers available are ${Object.values(Tt).join(", ")}.`,public:!0},layersconfig:{description:`A JSON string to configure the layers and other components associated to it.<br/>
        The layers available are : ${bZ.toString()}.<br/>
        Definition for a layer :
 <pre style="font-size: 12px; overflow: auto;">{

package/package.json

@@ -2,7 +2,7 @@
   "name": "@geops/rvf-mobility-web-component",
   "license": "UNLICENSED",
   "description": "Web components for rvf in the domains of mobility and logistics.",
-  "version": "0.1.96",
+  "version": "0.1.97",
   "homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
   "type": "module",
   "main": "index.js",

package/src/utils/hooks/useInitialLayersVisiblity.tsx

@@ -7,7 +7,7 @@ import applyInitialLayerVisibility from "../applyInitialLayerVisibility";
 import useInitialPermalink from "./useInitialPermalink";
 
 import type { Map } from "ol";
-import type { Group } from "ol/layer";
+// import type { Group } from "ol/layer";
 const useInitialLayersVisiblity = (
   map: Map,
   layers: string,
@@ -42,23 +42,23 @@ const useInitialLayersVisiblity = (
     });
 
     // Hide group if there is no children visible
-    layersAsArray
-      .filter((l) => {
-        return (l as Group).getLayers;
-      })
-      .forEach((layer) => {
-        if (
-          layer.getVisible() &&
-          !(layer as Group)
-            .getLayers()
-            ?.getArray()
-            .some((l) => {
-              return l.getVisible();
-            })
-        ) {
-          layer.setVisible(false);
-        }
-      });
+    // layersAsArray
+    //   .filter((l) => {
+    //     return (l as Group).getLayers;
+    //   })
+    //   .forEach((layer) => {
+    //     if (
+    //       layer.getVisible() &&
+    //       !(layer as Group)
+    //         .getLayers()
+    //         ?.getArray()
+    //         .some((l) => {
+    //           return l.getVisible();
+    //         })
+    //     ) {
+    //       layer.setVisible(false);
+    //     }
+    //   });
 
     const key = map.getLayers().on("add", (event) => {
       applyInitialLayerVisibility(layersToUse, event.element);