@geops/rvf-mobility-web-component 0.1.100 → 0.1.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/src/RvfMapLayout/RvfMapLayout.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
+
### [0.1.101](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.100...v0.1.101) (2025-12-22)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* remove minZoom property ([da64916](https://github.com/geops/rvf-mobility-web-component/commit/da64916d9c4ddc7406e39e1c6375e985035d1eaa))
|
|
11
|
+
|
|
5
12
|
### [0.1.100](https://github.com/geops/rvf-mobility-web-component/compare/v0.1.99...v0.1.100) (2025-12-17)
|
|
6
13
|
|
|
7
14
|
|
package/index.js
CHANGED
|
@@ -1547,7 +1547,7 @@ ${String(r)}`)}catch(t){return t}},KY=r=>{if(typeof r!="object"||r===null)throw
|
|
|
1547
1547
|
left: unset;
|
|
1548
1548
|
bottom: unset;
|
|
1549
1549
|
background:unset;
|
|
1550
|
-
}`;function vg1({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=vg1;function yg1({...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(yg1);function _g1({...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=_g1;function xg1({...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(xg1);function wg1(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(wg1);var bg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations",minZoom:10});function Mg1(r){return q(EJ,{...bg1,...r})}var Qd=W2(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:"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=Bg1;function Sg1(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=Sg1;function Eg1(){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(Eg1);var TJ={style:{width:"calc(100% - 60px)"}},Tg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations"});function Ig1({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,...Tg1}),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(Ig1);var Fg1=(r,t)=>{let e=t?.getView()?.getZoom(),i=r.get("minZoom"),o=r.get("maxZoom");return i>e||e>o};function Pg1(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)=>Fg1(H,v.getMapInternal())?null:R(B,V))})})),()=>{N5(S)}},[v]),null}var FR=W2(Pg1);function Rg1(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(Rg1);var FJ=Jr(B4(),1);var Dg1=(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=Dg1;var zg1=({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(zg1);var kg1=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=kg1;var Og1=(r,t,e,i,o)=>i?o?"#dc2626":"#a0a0a0":e===null?"transparent":FL(e,o),PJ=Og1;var Ng1=(r,t,e,i=!1)=>{if(i)return String.fromCodePoint(215);let o=PL(e);return o==="0"?"":`+${o}`},RJ=Ng1;var DJ=16,Zg1=!0,Ug1=new Y0;function Qg1(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=Ug1.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||(Zg1&&G?i1.engine.graphByZoom=H:i1.engine.graphByZoom=[],i1.engine.setBbox())},[G,i1,H,n]),null}var zJ=W2(Qg1);var Hg1=new J0({image:new V9({fill:new r6({color:"#000000"}),radius:5}),stroke:new pi({color:"#000000",width:6}),zIndex:2}),Vg1=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,[Hg1,new J0({image:new V9({fill:new r6({color:t}),radius:4}),stroke:new pi({color:t,width:4}),zIndex:3})]},kJ=Vg1;var Gg1={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]},jg1=Gg1,OJ=(r=0,t=0,e=!1)=>{let i=Math.min(Math.floor(t||1),16);try{let o=_n.getTypeIndex(r);return jg1[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 Kg1=(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={},Wg1=(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={},$g1=(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={},Xg1=(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={},Yg1=(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={},Jg1=(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=Wg1(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=$g1(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=Kg1(J1,i1));let ft=Xg1(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=Yg1(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=Jg1;var QJ={bus:25,coach:15,train:30,tram:20},tm1={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 em1(r){return q(zJ,{...tm1,...r})}var $_=W2(em1);var HJ=Jr(B4(),1);function rm1({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=rm1;var VJ=(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.getLayers().getArray().forEach(A=>{VJ(r,A)}):t.setVisible(c))}t.getLayers&&t.getVisible()&&!t.getLayers()?.getArray().find(o=>o.getVisible())&&t.setVisible(!1)},HR=VJ;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()).reverse().forEach(L=>{HR(n,L)});let A=r.getLayers().on("add",L=>{HR(n,L.element)});return()=>{N5(A)}},[r,t]),null},GJ=im1;var jJ=["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 jJ.forEach(i=>{r.addEventListener(i,e)}),window.parent?.postMessage({data:!0,type:"mwc:messageready"},"*"),()=>{jJ.forEach(i=>{r.removeEventListener(i,e)})}},[r]),null}var VR=W2(nm1);var om1='<a href="https://developer.geops.io/">geOps API key</a>',qJ='<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 ${qJ}. <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/>
|
|
1550
|
+
}`;function vg1({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=vg1;function yg1({...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(yg1);function _g1({...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=_g1;function xg1({...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(xg1);function wg1(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(wg1);var bg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations",minZoom:10});function Mg1(r){return q(EJ,{...bg1,...r})}var Qd=W2(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:"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=Bg1;function Sg1(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=Sg1;function Eg1(){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(Eg1);var TJ={style:{width:"calc(100% - 60px)"}},Tg1=()=>({layersFilter:({metadata:r})=>r?.["general.filter"]==="stations"});function Ig1({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,{...Tg1}),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(Ig1);var Fg1=(r,t)=>{let e=t?.getView()?.getZoom(),i=r.get("minZoom"),o=r.get("maxZoom");return i>e||e>o};function Pg1(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)=>Fg1(H,v.getMapInternal())?null:R(B,V))})})),()=>{N5(S)}},[v]),null}var FR=W2(Pg1);function Rg1(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(Rg1);var FJ=Jr(B4(),1);var Dg1=(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=Dg1;var zg1=({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(zg1);var kg1=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=kg1;var Og1=(r,t,e,i,o)=>i?o?"#dc2626":"#a0a0a0":e===null?"transparent":FL(e,o),PJ=Og1;var Ng1=(r,t,e,i=!1)=>{if(i)return String.fromCodePoint(215);let o=PL(e);return o==="0"?"":`+${o}`},RJ=Ng1;var DJ=16,Zg1=!0,Ug1=new Y0;function Qg1(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=Ug1.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||(Zg1&&G?i1.engine.graphByZoom=H:i1.engine.graphByZoom=[],i1.engine.setBbox())},[G,i1,H,n]),null}var zJ=W2(Qg1);var Hg1=new J0({image:new V9({fill:new r6({color:"#000000"}),radius:5}),stroke:new pi({color:"#000000",width:6}),zIndex:2}),Vg1=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,[Hg1,new J0({image:new V9({fill:new r6({color:t}),radius:4}),stroke:new pi({color:t,width:4}),zIndex:3})]},kJ=Vg1;var Gg1={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]},jg1=Gg1,OJ=(r=0,t=0,e=!1)=>{let i=Math.min(Math.floor(t||1),16);try{let o=_n.getTypeIndex(r);return jg1[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 Kg1=(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={},Wg1=(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={},$g1=(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={},Xg1=(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={},Yg1=(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={},Jg1=(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=Wg1(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=$g1(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=Kg1(J1,i1));let ft=Xg1(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=Yg1(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=Jg1;var QJ={bus:25,coach:15,train:30,tram:20},tm1={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 em1(r){return q(zJ,{...tm1,...r})}var $_=W2(em1);var HJ=Jr(B4(),1);function rm1({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=rm1;var VJ=(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.getLayers().getArray().forEach(A=>{VJ(r,A)}):t.setVisible(c))}t.getLayers&&t.getVisible()&&!t.getLayers()?.getArray().find(o=>o.getVisible())&&t.setVisible(!1)},HR=VJ;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()).reverse().forEach(L=>{HR(n,L)});let A=r.getLayers().on("add",L=>{HR(n,L.element)});return()=>{N5(A)}},[r,t]),null},GJ=im1;var jJ=["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 jJ.forEach(i=>{r.addEventListener(i,e)}),window.parent?.postMessage({data:!0,type:"mwc:messageready"},"*"),()=>{jJ.forEach(i=>{r.removeEventListener(i,e)})}},[r]),null}var VR=W2(nm1);var om1='<a href="https://developer.geops.io/">geOps API key</a>',qJ='<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 ${qJ}. <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/>
|
|
1551
1551
|
The layers available are : ${bZ.toString()}.<br/>
|
|
1552
1552
|
Definition for a layer :
|
|
1553
1553
|
<pre style="font-size: 12px; overflow: auto;">{
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@geops/rvf-mobility-web-component",
|
|
3
3
|
"license": "UNLICENSED",
|
|
4
4
|
"description": "Web components for rvf in the domains of mobility and logistics.",
|
|
5
|
-
"version": "0.1.
|
|
5
|
+
"version": "0.1.101",
|
|
6
6
|
"homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "index.js",
|
|
@@ -65,7 +65,7 @@ function RvfMapLayout({
|
|
|
65
65
|
{...props}
|
|
66
66
|
>
|
|
67
67
|
<RvfSelectedFeatureHighlightLayer />
|
|
68
|
-
<StationsLayer
|
|
68
|
+
<StationsLayer {...stationsLayerProps} />
|
|
69
69
|
<RvfTarifZonenLayer />
|
|
70
70
|
<RvfSellingPointsLayer />
|
|
71
71
|
<RvfPoisLayer />
|