mobility-toolbox-js 2.0.0-beta.52 → 2.0.0-beta.54

package/mbt.js

@@ -33293,7 +33293,9 @@ uniform ${i3} ${o3} u_${a3};
     StopsAPI: () => StopsAPI_default,
     VectorLayer: () => VectorLayer_default2,
     WMSLayer: () => WMSLayer_default,
-    createTrackerFilters: () => createTrackerFilters_default,
+    createRealtimeFilters: () => createRealtimeFilters_default,
+    debounceDeparturesMessages: () => debounceDeparturesMessages_default,
+    debounceWebsocketMessages: () => debounceWebsocketMessages_default,
     fullTrajectoryDelayStyle: () => fullTrajectoryDelayStyle_default,
     fullTrajectoryStyle: () => fullTrajectoryStyle_default,
     getCircleCanvas: () => getCircleCanvas,
@@ -33309,13 +33311,14 @@ uniform ${i3} ${o3} u_${a3};
     getUTCTimeString: () => getUTCTimeString,
     getUrlWithParams: () => getUrlWithParams_default,
     pad: () => pad,
+    realtimeConfig: () => realtimeConfig_exports,
     realtimeDefaultStyle: () => realtimeDefaultStyle_default,
     realtimeDelayStyle: () => realtimeDelayStyle_default,
     realtimeSimpleStyle: () => realtimeSimpleStyle_default,
     removeDuplicate: () => removeDuplicate_default,
     renderTrajectories: () => renderTrajectories_default,
-    sortByDelay: () => sortByDelay_default,
-    trackerConfig: () => trackerConfig_exports
+    sortAndFilterDepartures: () => sortAndFilterDepartures_default,
+    sortByDelay: () => sortByDelay_default
   });
 
   // node_modules/ol/events/Event.js
@@ -33862,7 +33865,7 @@ uniform ${i3} ${o3} u_${a3};
   }(Observable_default);
   var Object_default = BaseObject;
 
-  // src/common/utils/getUrlWithParams.js
+  // src/common/utils/getUrlWithParams.ts
   var getUrlWithParams = (url, params) => {
     const newUrl = new URL(url);
     const searchParams = params || {};
@@ -34136,55 +34139,33 @@ uniform ${i3} ${o3} u_${a3};
   };
   var WebSocketAPI_default = WebSocketAPI;
 
-  // src/common/utils/cleanStopTime.ts
-  var cleanStopTime = (content) => {
-    content.stations.forEach((station) => {
-      station.arrivalTimeWithDelay = station.arrivalTime;
-      if (station.departureTime) {
-        station.departureTimeWithDelay = station.departureTime;
-      }
-      if (station.arrivalDelay) {
-        station.arrivalTime -= station.arrivalDelay;
-        if (station.departureTime) {
-          station.departureTime -= station.arrivalDelay;
-        }
+  // src/common/utils/debounceWebsocketMessages.ts
+  var debounceWebsocketMessages = (onUpdate, getObjectId, timeout = 100) => {
+    const updateTimeout = {};
+    const objectsById = {};
+    const objects = [];
+    return (data) => {
+      const { source, content } = data;
+      if (updateTimeout[source]) {
+        window.clearTimeout(updateTimeout[source]);
+      }
+      if (getObjectId) {
+        objectsById[getObjectId(content)] = content;
+      } else {
+        objects.push(content);
       }
-    });
-    return content;
+      updateTimeout[source] = window.setTimeout(() => {
+        const objectToReturn = getObjectId ? Object.values(objectsById) : objects;
+        onUpdate(objectToReturn);
+      }, timeout);
+    };
   };
-  var cleanStopTime_default = cleanStopTime;
+  var debounceWebsocketMessages_default = debounceWebsocketMessages;
 
-  // src/common/utils/getRealtimeModeSuffix.js
+  // src/common/utils/getRealtimeModeSuffix.ts
   var getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? "_schematic" : "";
   var getRealtimeModeSuffix_default = getModeSuffix;
 
-  // src/common/utils/compareDepartures.ts
-  var compareDepartures = (a, b, sortByMinArrivalTime = false) => {
-    const topStates = ["HIDDEN", "LEAVING", "BOARDING"];
-    const aTop = a.has_fzo && topStates.indexOf(a.state) > -1;
-    const bTop = b.has_fzo && topStates.indexOf(b.state) > -1;
-    if (aTop || bTop) {
-      if (aTop !== bTop) {
-        return aTop ? -1 : 1;
-      }
-      if (a.state !== b.state) {
-        return topStates.indexOf(a.state) - topStates.indexOf(b.state);
-      }
-    }
-    let aDuration = null;
-    let bDuration = null;
-    const now = Date.now();
-    if (sortByMinArrivalTime) {
-      aDuration = new Date(a.min_arrival_time || a.time).getTime() - now;
-      bDuration = new Date(b.min_arrival_time || b.time).getTime() - now;
-    } else {
-      aDuration = new Date(a.time).getTime() - now;
-      bDuration = new Date(b.time).getTime() - now;
-    }
-    return aDuration - bDuration;
-  };
-  var compareDepartures_default = compareDepartures;
-
   // src/api/RealtimeAPI.ts
   var RealtimeModes = {
     RAW: "raw",
@@ -34194,10 +34175,6 @@ uniform ${i3} ${o3} u_${a3};
   var RealtimeAPI = class {
     constructor(options = {}) {
       this.defineProperties(options);
-      this.subscribedStationUic = void 0;
-      this.departureUpdateTimeout = void 0;
-      this.maxDepartureAge = 30;
-      this.extraGeoms = {};
       this.prefix = options.prefix || "";
       this.onOpen = this.onOpen.bind(this);
     }
@@ -34209,8 +34186,11 @@ uniform ${i3} ${o3} u_${a3};
       const { apiKey } = opt;
       let { url, projection, bbox, buffer: buffer2 = [100, 100] } = opt;
       const wsApi = new WebSocketAPI_default();
+      if (!url) {
+        url = "wss://api.geops.io/tracker-ws/v1/";
+      }
       if (apiKey) {
-        url = `${url || "wss://api.geops.io/tracker-ws/v1/"}?key=${apiKey}`;
+        url = `${url}?key=${apiKey}`;
       }
       Object.defineProperties(this, {
         url: {
@@ -34306,92 +34286,32 @@ uniform ${i3} ${o3} u_${a3};
         this.reconnectTimeout = window.setTimeout(() => this.open(), this.reconnectTimeoutMs);
       }
     }
-    subscribe(channel, onSuccess, onError, quiet = false) {
+    subscribe(channel, onSuccess, onError = () => {
+    }, quiet = false) {
       if (!channel || !onSuccess) {
         return;
       }
       this.wsApi.subscribe({ channel }, onSuccess, onError, quiet);
     }
-    unsubscribe(channel, suffix = "", cb) {
-      this.wsApi.unsubscribe(`${channel}${getRealtimeModeSuffix_default(RealtimeModes.SCHEMATIC, RealtimeModes)}${suffix}`, cb);
-      this.wsApi.unsubscribe(`${channel}${getRealtimeModeSuffix_default(RealtimeModes.TOPOGRAPHIC, RealtimeModes)}${suffix || ""}`, cb);
-    }
-    filterDepartures(depObject, sortByMinArrivalTime = false) {
-      const departures = Object.keys(depObject).map((k) => depObject[k]);
-      departures.sort((a, b) => compareDepartures_default(a, b, sortByMinArrivalTime));
-      const futureDate = new Date();
-      futureDate.setMinutes(futureDate.getMinutes() + this.maxDepartureAge);
-      const future = futureDate.getTime();
-      const pastDate = new Date();
-      pastDate.setMinutes(pastDate.getMinutes() - this.maxDepartureAge);
-      const past = pastDate.getTime();
-      const departureArray = [];
-      const platformsBoarding = [];
-      let previousDeparture = null;
-      for (let i = departures.length - 1; i >= 0; i -= 1) {
-        const departure = {
-          ...departures[i]
-        };
-        const time = new Date(departure.time).getTime();
-        if (time > past && time < future) {
-          if (departure.state === "BOARDING") {
-            if (platformsBoarding.indexOf(departure.platform) === -1) {
-              platformsBoarding.push(departure.platform);
-            } else {
-              departure.state = "HIDDEN";
-            }
-          }
-          if (previousDeparture && departure.to[0] === previousDeparture.to[0] && Math.abs(time - previousDeparture.time) < 1e3 && departure.line.name === previousDeparture.line.name) {
-            departure.state = "HIDDEN";
-          }
-          if (/(STOP_CANCELLED|JOURNEY_CANCELLED)/.test(departure.state)) {
-            departure.cancelled = true;
-          }
-          previousDeparture = departure;
-          previousDeparture.time = time;
-          departureArray.unshift(departure);
-        }
-      }
-      return departureArray;
+    unsubscribe(channel, suffix = "", onMessage) {
+      const suffixSchenatic = getRealtimeModeSuffix_default(RealtimeModes.SCHEMATIC, RealtimeModes);
+      const suffixTopographic = getRealtimeModeSuffix_default(RealtimeModes.TOPOGRAPHIC, RealtimeModes);
+      this.wsApi.unsubscribe(`${channel}${suffixSchenatic}${suffix || ""}`, onMessage);
+      this.wsApi.unsubscribe(`${channel}${suffixTopographic}${suffix || ""}`, onMessage);
     }
-    subscribeDepartures(stationId, sortByMinArrivalTime, onMessage) {
-      window.clearTimeout(this.departureUpdateTimeout);
-      this.unsubscribeDepartures();
-      this.subscribedStationUic = stationId;
-      const channel = stationId ? `timetable_${stationId}` : null;
-      const departureObject = {};
-      if (!channel) {
-        return;
-      }
-      const onSuccess = (data) => {
-        if (data.source === channel) {
-          const content = data.content || {};
-          const tDiff = new Date(content.timestamp).getTime() - Date.now();
-          departureObject[content.call_id] = { ...content, timediff: tDiff };
-          window.clearTimeout(this.departureUpdateTimeout);
-          this.departureUpdateTimeout = window.setTimeout(() => {
-            const departures = this.filterDepartures(departureObject, sortByMinArrivalTime || false);
-            onMessage(departures);
-          }, 100);
-        }
-      };
-      this.subscribe(channel, onSuccess, () => {
-        onMessage([]);
-      });
+    subscribeDepartures(stationId, onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe(`timetable_${stationId}`, onMessage, onError, quiet);
     }
-    unsubscribeDepartures(cb) {
-      if (this.subscribedStationUic) {
-        this.unsubscribe(`timetable_${this.subscribedStationUic}`, "", cb);
-        this.subscribedStationUic = void 0;
-      }
+    unsubscribeDepartures(id, onMessage) {
+      this.unsubscribe(`timetable_${id}`, "", onMessage);
     }
-    subscribeDisruptions(onMessage) {
-      this.subscribe(`${this.prefix}newsticker`, (data) => {
-        onMessage(data.content);
-      });
+    subscribeDisruptions(onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe(`${this.prefix}newsticker`, onMessage, onError, quiet);
     }
-    unsubscribeDisruptions(cb) {
-      this.unsubscribe(`${this.prefix}newsticker`, "", cb);
+    unsubscribeDisruptions(onMessage) {
+      this.unsubscribe(`${this.prefix}newsticker`, "", onMessage);
     }
     getStation(uic, mode) {
       const params = {
@@ -34399,77 +34319,45 @@ uniform ${i3} ${o3} u_${a3};
         args: uic
       };
       return new Promise((resolve, reject) => {
-        this.wsApi.get(params, (data) => {
-          if (data.content) {
-            resolve(data.content);
-          } else {
-            reject();
-          }
-        });
+        this.wsApi.get(params, resolve, reject);
       });
     }
-    getStations(mode) {
-      const stations = [];
-      const params = {
-        channel: `station${getRealtimeModeSuffix_default(mode, RealtimeModes)}`
-      };
-      window.clearTimeout(this.stationUpdateTimeout);
-      return new Promise((resolve, reject) => {
-        this.wsApi.get(params, (data) => {
-          if (data.content) {
-            stations.push(data.content);
-            window.clearTimeout(this.stationUpdateTimeout);
-            this.stationUpdateTimeout = window.setTimeout(() => {
-              resolve(stations);
-            }, 50);
-          } else {
-            reject(data.content);
-          }
-        });
+    getStations(mode, timeout = 100) {
+      return new Promise((resolve) => {
+        this.wsApi.get({
+          channel: `station${getRealtimeModeSuffix_default(mode, RealtimeModes)}`
+        }, debounceWebsocketMessages_default(resolve, void 0, timeout));
       });
     }
-    subscribeStations(mode, onMessage) {
-      this.unsubscribeStations();
-      this.subscribe(`station${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, (data) => {
-        if (data.content) {
-          onMessage(data.content);
-        }
-      });
+    subscribeStations(mode, onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe(`station${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, onError, quiet);
     }
-    unsubscribeStations(cb) {
-      window.clearTimeout(this.stationUpdateTimeout);
-      this.unsubscribe("station", "", cb);
-    }
-    subscribeExtraGeoms(onMessage) {
-      this.subscribe("extra_geoms", (data) => {
-        const extraGeom = data.content;
-        if (extraGeom) {
-          const { ref } = extraGeom.properties;
-          if (extraGeom.type === "Feature") {
-            this.extraGeoms[ref] = extraGeom;
-          } else {
-            delete this.extraGeoms[ref];
-          }
-          onMessage(Object.keys(this.extraGeoms).map((key) => this.extraGeoms[key]));
-        }
-      });
+    unsubscribeStations(onMessage) {
+      this.unsubscribe("station", "", onMessage);
+    }
+    subscribeExtraGeoms(onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe("extra_geoms", onMessage, onError, quiet);
     }
-    unsubscribeExtraGeoms(cb) {
-      this.unsubscribe("extra_geoms", "", cb);
+    unsubscribeExtraGeoms(onMessage) {
+      this.unsubscribe("extra_geoms", "", onMessage);
     }
-    subscribeTrajectory(mode, onMessage, quiet = false) {
+    subscribeTrajectory(mode, onMessage, onError = () => {
+    }, quiet = false) {
       this.unsubscribeTrajectory(onMessage);
-      this.subscribe(`trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, void 0, quiet);
+      this.subscribe(`trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, onError, quiet);
     }
-    unsubscribeTrajectory(cb) {
-      this.unsubscribe(`trajectory`, "", cb);
+    unsubscribeTrajectory(onMessage) {
+      this.unsubscribe(`trajectory`, "", onMessage);
     }
-    subscribeDeletedVehicles(mode, onMessage, quiet = false) {
+    subscribeDeletedVehicles(mode, onMessage, onError = () => {
+    }, quiet = false) {
       this.unsubscribeDeletedVehicles(onMessage);
-      this.subscribe(`deleted_vehicles${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, void 0, quiet);
+      this.subscribe(`deleted_vehicles${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, onError, quiet);
     }
-    unsubscribeDeletedVehicles(cb) {
-      this.unsubscribe("deleted_vehicles", "", cb);
+    unsubscribeDeletedVehicles(onMessage) {
+      this.unsubscribe("deleted_vehicles", "", onMessage);
     }
     getFullTrajectory(id, mode, generalizationLevel) {
       const channel = [`full_trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}`];
@@ -34482,72 +34370,37 @@ uniform ${i3} ${o3} u_${a3};
       const params = {
         channel: channel.join("_")
       };
-      return new Promise((resolve) => {
-        this.wsApi.get(params, (data) => {
-          if (data.content) {
-            resolve(data.content);
-          }
-        });
+      return new Promise((resolve, reject) => {
+        this.wsApi.get(params, resolve, reject);
       });
     }
-    getFullTrajectories(ids, mode, generalizationLevel) {
-      const promises = ids.map((id) => this.getFullTrajectory(id, mode, generalizationLevel));
-      return Promise.all(promises);
+    subscribeFullTrajectory(id, mode, onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe(`full_trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}_${id}`, onMessage, onError, quiet);
     }
-    subscribeFullTrajectory(id, mode) {
-      this.unsubscribeFullTrajectory(id);
-      this.subscribe(`full_trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}_${id}`, (data) => {
-        console.log("subscribe full_trajectory", data);
-      }, (err) => {
-        console.log("subscribe full_trajectory error", err);
-      });
-    }
-    unsubscribeFullTrajectory(id, cb) {
-      this.unsubscribe("full_trajectory", `_${id}`, cb);
+    unsubscribeFullTrajectory(id, onMessage) {
+      this.unsubscribe("full_trajectory", `_${id}`, onMessage);
     }
     getStopSequence(id) {
-      const params = {
-        channel: `stopsequence_${id}`
-      };
       return new Promise((resolve, reject) => {
-        this.wsApi.get(params, (data) => {
-          const content = data.content;
-          if (content && content.length) {
-            const stopSequences = content.map((stopSequence) => cleanStopTime_default(stopSequence));
-            resolve(stopSequences);
-          }
-          resolve([]);
-        }, (err) => {
-          reject(err);
-        });
+        this.wsApi.get({
+          channel: `stopsequence_${id}`
+        }, resolve, reject);
       });
     }
-    getStopSequences(ids) {
-      const promises = ids.map((id) => this.getStopSequence(id));
-      return Promise.all(promises);
-    }
-    subscribeStopSequence(id, onMessage) {
-      window.clearTimeout(this.fullTrajectoryUpdateTimeout);
-      this.unsubscribeStopSequence(id);
-      this.subscribe(`stopsequence_${id}`, (data) => {
-        const content = data.content;
-        if (content && content.length) {
-          const stopSequences = content.map((stopSequence) => cleanStopTime_default(stopSequence));
-          onMessage(stopSequences);
-        }
-      }, (err) => {
-        console.log("subscribe stopsequence error", err);
-      });
+    subscribeStopSequence(id, onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe(`stopsequence_${id}`, onMessage, onError, quiet);
     }
-    unsubscribeStopSequence(id, cb) {
-      this.unsubscribe(`stopsequence`, `_${id}`, cb);
+    unsubscribeStopSequence(id, onMessage) {
+      this.unsubscribe(`stopsequence`, `_${id}`, onMessage);
     }
-    subscribeHealthCheck(onMessage) {
-      this.unsubscribeHealthCheck();
-      this.subscribe("healthcheck", onMessage);
+    subscribeHealthCheck(onMessage, onError = () => {
+    }, quiet = false) {
+      this.subscribe("healthcheck", onMessage, onError, quiet);
     }
-    unsubscribeHealthCheck() {
-      this.unsubscribe("healthcheck");
+    unsubscribeHealthCheck(onMessage) {
+      this.unsubscribe("healthcheck", "", onMessage);
     }
   };
   var RealtimeAPI_default = RealtimeAPI;
@@ -34586,8 +34439,8 @@ uniform ${i3} ${o3} u_${a3};
   };
   var getMapboxMapCopyrights_default = getMapboxMapCopyrights;
 
-  // src/common/utils/createTrackerFilters.ts
-  var createFilters = (line, route, operator, regexLine) => {
+  // src/common/utils/createRealtimeFilters.ts
+  var createRealtimeFilters = (line, route, operator, regexLine) => {
     const filterList = [];
     if (!line && !route && !operator && !regexLine) {
       return null;
@@ -34646,7 +34499,7 @@ uniform ${i3} ${o3} u_${a3};
       return true;
     };
   };
-  var createTrackerFilters_default = createFilters;
+  var createRealtimeFilters_default = createRealtimeFilters;
 
   // src/common/utils/getLayersAsFlatArray.ts
   var getLayersAsFlatArray = (layersOrLayer) => {
@@ -34664,7 +34517,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var getLayersAsFlatArray_default = getLayersAsFlatArray;
 
-  // src/common/utils/timeUtils.js
+  // src/common/utils/timeUtils.ts
   var getUTCDateString = (now = new Date()) => {
     let month = (now.getUTCMonth() + 1).toString();
     month = month.length === 1 ? `0${month}` : month;
@@ -34677,7 +34530,7 @@ uniform ${i3} ${o3} u_${a3};
     date.getUTCMinutes(),
     `${date.getUTCSeconds()}.${date.getUTCMilliseconds()}`
   ].join(":");
-  var pad = (integer) => integer < 10 ? `0${integer}` : integer;
+  var pad = (integer) => integer < 10 ? `0${integer}` : `${integer}`;
   var getHoursAndMinutes = (timeInMs) => {
     if (!timeInMs || timeInMs <= 0) {
       return "";
@@ -34686,7 +34539,7 @@ uniform ${i3} ${o3} u_${a3};
     return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
   };
 
-  // src/common/utils/sortByDelay.js
+  // src/common/utils/sortByDelay.ts
   var sortByDelay = (traj1, traj2) => {
     const props1 = traj1.properties;
     const props2 = traj2.properties;
@@ -34866,7 +34719,7 @@ uniform ${i3} ${o3} u_${a3};
     CIRCLE: "Circle"
   };
 
-  // src/common/utils/getVehiclePosition.js
+  // src/common/utils/getVehiclePosition.ts
   var getVehiclePosition = (now, trajectory, noInterpolate) => {
     const {
       time_intervals: timeIntervals,
@@ -35871,22 +35724,22 @@ uniform ${i3} ${o3} u_${a3};
   }
   addCommon();
 
-  // src/common/utils/getMaplibreRender.js
+  // src/common/utils/getMaplibreRender.ts
   function getMaplibreRender(maplibreLayer) {
+    const emptyDiv = document.createElement("div");
     return (frameState) => {
       const { map, mbMap, olLayer } = maplibreLayer;
       if (!map || !mbMap) {
-        return null;
+        return emptyDiv;
       }
       const canvas2 = mbMap.getCanvas();
       const { viewState } = frameState;
-      const opacity = olLayer.getOpacity();
-      canvas2.style.opacity = opacity;
+      const opacity = olLayer?.getOpacity() || 1;
+      canvas2.style.opacity = `${opacity}`;
       mbMap.jumpTo({
         center: toLonLat(viewState.center),
         zoom: viewState.zoom - 1,
-        bearing: toDegrees(-viewState.rotation),
-        animate: false
+        bearing: toDegrees(-viewState.rotation)
       });
       if (!canvas2.isConnected) {
         map.render();
@@ -35900,10 +35753,11 @@ uniform ${i3} ${o3} u_${a3};
 
   // src/common/utils/getMapboxRender.ts
   function getMapboxRender(mapoxLayer) {
+    const emptyDiv = document.createElement("div");
     return (frameState) => {
       const { map, mbMap, renderState, olLayer } = mapoxLayer;
       if (!map || !mbMap) {
-        return document.createElement("div");
+        return emptyDiv;
       }
       let changed = false;
       const canvas2 = mbMap.getCanvas();
@@ -35956,9 +35810,95 @@ uniform ${i3} ${o3} u_${a3};
     };
   }
 
-  // src/common/utils/trackerConfig.js
-  var trackerConfig_exports = {};
-  __export(trackerConfig_exports, {
+  // src/common/utils/compareDepartures.ts
+  var compareDepartures = (a, b, sortByMinArrivalTime = false) => {
+    const topStates = ["HIDDEN", "LEAVING", "BOARDING"];
+    const aTop = a.has_fzo && topStates.indexOf(a.state) > -1;
+    const bTop = b.has_fzo && topStates.indexOf(b.state) > -1;
+    if (aTop || bTop) {
+      if (aTop !== bTop) {
+        return aTop ? -1 : 1;
+      }
+      if (a.state !== b.state) {
+        return topStates.indexOf(a.state) - topStates.indexOf(b.state);
+      }
+    }
+    let aDuration = null;
+    let bDuration = null;
+    const now = Date.now();
+    if (sortByMinArrivalTime) {
+      aDuration = new Date(a.min_arrival_time || a.time).getTime() - now;
+      bDuration = new Date(b.min_arrival_time || b.time).getTime() - now;
+    } else {
+      aDuration = new Date(a.time).getTime() - now;
+      bDuration = new Date(b.time).getTime() - now;
+    }
+    return aDuration - bDuration;
+  };
+  var compareDepartures_default = compareDepartures;
+
+  // src/common/utils/sortAndFilterDepartures.ts
+  var sortAndfilterDepartures = (depObject, sortByMinArrivalTime = false, maxDepartureAge = 30) => {
+    const departures = Object.keys(depObject).map((k) => depObject[k]);
+    departures.sort((a, b) => compareDepartures_default(a, b, sortByMinArrivalTime));
+    const futureDate = new Date();
+    futureDate.setMinutes(futureDate.getMinutes() + maxDepartureAge);
+    const future = futureDate.getTime();
+    const pastDate = new Date();
+    pastDate.setMinutes(pastDate.getMinutes() - maxDepartureAge);
+    const past = pastDate.getTime();
+    const departureArray = [];
+    const platformsBoarding = [];
+    let previousDeparture = null;
+    for (let i = departures.length - 1; i >= 0; i -= 1) {
+      const departure = {
+        ...departures[i]
+      };
+      const time = new Date(departure.time).getTime();
+      if (time > past && time < future) {
+        if (departure.state === "BOARDING") {
+          if (!platformsBoarding.includes(departure.platform)) {
+            platformsBoarding.push(departure.platform);
+          } else {
+            departure.state = "HIDDEN";
+          }
+        }
+        if (previousDeparture && departure.to[0] === previousDeparture.to[0] && Math.abs(time - previousDeparture.time) < 1e3 && departure.line.name === previousDeparture.line.name) {
+          departure.state = "HIDDEN";
+        }
+        if (/(STOP_CANCELLED|JOURNEY_CANCELLED)/.test(departure.state)) {
+          departure.cancelled = true;
+        }
+        previousDeparture = departure;
+        previousDeparture.time = time;
+        departureArray.unshift(departure);
+      }
+    }
+    return departureArray;
+  };
+  var sortAndFilterDepartures_default = sortAndfilterDepartures;
+
+  // src/common/utils/debounceDeparturesMessages.ts
+  var debounceDeparturesMessages = (onDeparturesUpdate, sortByMinArrivalTime = true, maxDepartureAge = 30, timeout = 100) => {
+    const departureUpdateTimeout = {};
+    const departureObject = {};
+    return (data) => {
+      const { source, content: departure } = data;
+      if (departureUpdateTimeout[source]) {
+        window.clearTimeout(departureUpdateTimeout[source]);
+      }
+      departureObject[departure.call_id] = departure;
+      departureUpdateTimeout[source] = window.setTimeout(() => {
+        const departures = sortAndFilterDepartures_default(departureObject, sortByMinArrivalTime || false, maxDepartureAge);
+        onDeparturesUpdate(departures);
+      }, timeout);
+    };
+  };
+  var debounceDeparturesMessages_default = debounceDeparturesMessages;
+
+  // src/common/utils/realtimeConfig.ts
+  var realtimeConfig_exports = {};
+  __export(realtimeConfig_exports, {
     bgColors: () => bgColors,
     getBgColor: () => getBgColor,
     getDelayColor: () => getDelayColor,
@@ -35970,18 +35910,18 @@ uniform ${i3} ${o3} u_${a3};
     textColors: () => textColors,
     types: () => types
   });
-  var trackerRadiusMapping = {
-    0: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    1: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    2: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
-    3: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    4: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    5: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    6: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    7: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    8: [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
-    9: [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15]
-  };
+  var radiusMapping = [
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7],
+    [0, 0, 0, 0, 0, 2, 2, 3, 7, 7, 7, 12, 15, 15, 15, 15, 15]
+  ];
   var types = [
     /^Tram/i,
     /^Subway( \/ Metro \/ S-Bahn)?/i,
@@ -36027,25 +35967,25 @@ uniform ${i3} ${o3} u_${a3};
   var getRadius = (type, zoom) => {
     try {
       const typeIdx = getTypeIndex(type || 0);
-      return trackerRadiusMapping[typeIdx][zoom];
+      return radiusMapping[typeIdx][zoom];
     } catch (e) {
       return 1;
     }
   };
-  var getBgColor = (type = 0) => {
+  var getBgColor = (type) => {
     try {
       const typeIdx = getTypeIndex(type);
       return bgColors[typeIdx];
     } catch (e) {
-      return 1;
+      return "#ffffff";
     }
   };
-  var getTextColor = (type = 0) => {
+  var getTextColor = (type) => {
     try {
       const typeIdx = getTypeIndex(type);
       return textColors[typeIdx];
     } catch (e) {
-      return 1;
+      return "#ffffff";
     }
   };
   var getTextSize = (ctx, markerSize, text, fontSize) => {
@@ -37264,8 +37204,8 @@ uniform ${i3} ${o3} u_${a3};
   }();
   var tmpTransform = create();
   var Geometry = function(_super) {
-    __extends11(Geometry2, _super);
-    function Geometry2() {
+    __extends11(Geometry3, _super);
+    function Geometry3() {
       var _this = _super.call(this) || this;
       _this.extent_ = createEmpty();
       _this.extentRevision_ = -1;
@@ -37281,31 +37221,31 @@ uniform ${i3} ${o3} u_${a3};
       });
       return _this;
     }
-    Geometry2.prototype.simplifyTransformed = function(squaredTolerance, opt_transform) {
+    Geometry3.prototype.simplifyTransformed = function(squaredTolerance, opt_transform) {
       return this.simplifyTransformedInternal(this.getRevision(), squaredTolerance, opt_transform);
     };
-    Geometry2.prototype.clone = function() {
+    Geometry3.prototype.clone = function() {
       return abstract();
     };
-    Geometry2.prototype.closestPointXY = function(x, y, closestPoint, minSquaredDistance) {
+    Geometry3.prototype.closestPointXY = function(x, y, closestPoint, minSquaredDistance) {
       return abstract();
     };
-    Geometry2.prototype.containsXY = function(x, y) {
+    Geometry3.prototype.containsXY = function(x, y) {
       var coord = this.getClosestPoint([x, y]);
       return coord[0] === x && coord[1] === y;
     };
-    Geometry2.prototype.getClosestPoint = function(point2, opt_closestPoint) {
+    Geometry3.prototype.getClosestPoint = function(point2, opt_closestPoint) {
       var closestPoint = opt_closestPoint ? opt_closestPoint : [NaN, NaN];
       this.closestPointXY(point2[0], point2[1], closestPoint, Infinity);
       return closestPoint;
     };
-    Geometry2.prototype.intersectsCoordinate = function(coordinate) {
+    Geometry3.prototype.intersectsCoordinate = function(coordinate) {
       return this.containsXY(coordinate[0], coordinate[1]);
     };
-    Geometry2.prototype.computeExtent = function(extent) {
+    Geometry3.prototype.computeExtent = function(extent) {
       return abstract();
     };
-    Geometry2.prototype.getExtent = function(opt_extent) {
+    Geometry3.prototype.getExtent = function(opt_extent) {
       if (this.extentRevision_ != this.getRevision()) {
         var extent = this.computeExtent(this.extent_);
         if (isNaN(extent[0]) || isNaN(extent[1])) {
@@ -37315,31 +37255,31 @@ uniform ${i3} ${o3} u_${a3};
       }
       return returnOrUpdate(this.extent_, opt_extent);
     };
-    Geometry2.prototype.rotate = function(angle, anchor) {
+    Geometry3.prototype.rotate = function(angle, anchor) {
       abstract();
     };
-    Geometry2.prototype.scale = function(sx, opt_sy, opt_anchor) {
+    Geometry3.prototype.scale = function(sx, opt_sy, opt_anchor) {
       abstract();
     };
-    Geometry2.prototype.simplify = function(tolerance) {
+    Geometry3.prototype.simplify = function(tolerance) {
       return this.getSimplifiedGeometry(tolerance * tolerance);
     };
-    Geometry2.prototype.getSimplifiedGeometry = function(squaredTolerance) {
+    Geometry3.prototype.getSimplifiedGeometry = function(squaredTolerance) {
       return abstract();
     };
-    Geometry2.prototype.getType = function() {
+    Geometry3.prototype.getType = function() {
       return abstract();
     };
-    Geometry2.prototype.applyTransform = function(transformFn) {
+    Geometry3.prototype.applyTransform = function(transformFn) {
       abstract();
     };
-    Geometry2.prototype.intersectsExtent = function(extent) {
+    Geometry3.prototype.intersectsExtent = function(extent) {
       return abstract();
     };
-    Geometry2.prototype.translate = function(deltaX, deltaY) {
+    Geometry3.prototype.translate = function(deltaX, deltaY) {
       abstract();
     };
-    Geometry2.prototype.transform = function(source, destination) {
+    Geometry3.prototype.transform = function(source, destination) {
       var sourceProj = get3(source);
       var transformFn = sourceProj.getUnits() == Units_default.TILE_PIXELS ? function(inCoordinates, outCoordinates, stride) {
         var pixelExtent = sourceProj.getExtent();
@@ -37352,7 +37292,7 @@ uniform ${i3} ${o3} u_${a3};
       this.applyTransform(transformFn);
       return this;
     };
-    return Geometry2;
+    return Geometry3;
   }(Object_default);
   var Geometry_default = Geometry;
 
@@ -47856,10 +47796,13 @@ uniform ${i3} ${o3} u_${a3};
   var Layer2 = class extends Object_default {
     constructor(options = {}) {
       super();
+      this.properties = {};
+      this.options = {};
       this.defineProperties(options);
       if (options.properties) {
         this.setProperties(options.properties);
       }
+      this.options = options;
       this.visible = options.visible === void 0 ? true : !!options.visible;
       this.group = options.group;
       this.copyrights = options.copyrights;
@@ -48107,10 +48050,9 @@ uniform ${i3} ${o3} u_${a3};
           event: evt
         };
         return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
-          this.dispatchEvent({
-            type: "user:click",
-            target: featureInfo
-          });
+          const event = new Event_default("user:click");
+          event.target = featureInfo;
+          this.dispatchEvent(event);
           return featureInfo;
         }).catch(() => emptyFeatureInfo);
       }
@@ -48123,10 +48065,9 @@ uniform ${i3} ${o3} u_${a3};
           event: evt
         };
         return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
-          this.dispatchEvent({
-            type: "user:hover",
-            target: featureInfo
-          });
+          const event = new Event_default("user:hover");
+          event.target = featureInfo;
+          this.dispatchEvent(event);
           return featureInfo;
         }).catch(() => emptyFeatureInfo);
       }
@@ -48222,7 +48163,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var Layer_default4 = Layer3;
 
-  // src/ol/layers/RoutingLayer.js
+  // src/ol/layers/RoutingLayer.ts
   var circleStyle = new Circle_default({
     radius: 6,
     fill: new Fill_default({
@@ -48259,7 +48200,7 @@ uniform ${i3} ${o3} u_${a3};
     const maxResolution = feature2.get("maxResolution");
     const inRange = resolution <= minResolution && resolution > maxResolution;
     if (minResolution && maxResolution && !inRange) {
-      return null;
+      return [];
     }
     const mot = feature2.get("mot");
     if (mot !== "foot") {
@@ -48268,8 +48209,9 @@ uniform ${i3} ${o3} u_${a3};
     return [dashedRedLine];
   };
   var RoutingLayer = class extends Layer_default4 {
-    constructor(options = {}) {
+    constructor(options) {
       super(options);
+      this.options = {};
       this.olLayer = options.olLayer || new Vector_default({
         source: new Vector_default2(),
         style: options.style || defaultStyleFunction
@@ -48281,7 +48223,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var RoutingLayer_default = RoutingLayer;
 
-  // src/ol/controls/RoutingControl.js
+  // src/ol/controls/RoutingControl.ts
   var REGEX_VIA_POINT = /^([^@$!\n]*)(@?([\d.]+),([\d.]+))?(\$?([a-zA-Z0-9]{0,2}))$/;
   var REGEX_VIA_POINT_COORD = /^([\d.]+),([\d.]+)$/;
   var REGEX_VIA_POINT_STATION_ID = /^!([^$]*)(\$?([a-zA-Z0-9]{0,2}))$/;
@@ -48289,13 +48231,27 @@ uniform ${i3} ${o3} u_${a3};
   var getFlatCoordinatesFromSegments = (segmentArray) => {
     const coords = [];
     segmentArray.forEach((seg) => {
-      coords.push(...seg.getGeometry().getCoordinates());
+      const coordArr = seg.getGeometry()?.getCoordinates();
+      if (coordArr?.length) {
+        coords.push(...coordArr);
+      }
     });
     return coords;
   };
   var RoutingControl = class extends ControlCommon_default {
     constructor(options = {}) {
       super(options);
+      this.viaPoints = [];
+      this.loading = false;
+      this.graphs = [];
+      this.modify = true;
+      this.useRawViaPoints = false;
+      this.snapToClosestStation = false;
+      this.cacheStationData = {};
+      this.abortControllers = {};
+      this.segments = [];
+      this.format = new GeoJSON_default({ featureProjection: "EPSG:3857" });
+      this.initialRouteDrag = {};
       Object.defineProperties(this, {
         mot: {
           get: () => this.get("mot"),
@@ -48325,14 +48281,11 @@ uniform ${i3} ${o3} u_${a3};
       this.graphs = options.graphs || [["osm", 0, 99]];
       this.mot = options.mot || "bus";
       this.modify = options.modify !== false;
-      this.routingApiParams = options.routingApiParams || {};
+      this.routingApiParams = options.routingApiParams;
       this.useRawViaPoints = options.useRawViaPoints || false;
       this.snapToClosestStation = options.snapToClosestStation || false;
-      this.cacheStationData = {};
-      this.abortControllers = [];
       this.apiKey = options.apiKey;
       this.stopsApiKey = options.stopsApiKey || this.apiKey;
-      this.segments = [];
       this.stopsApiUrl = options.stopsApiUrl || "https://api.geops.io/stops/v1/";
       this.api = new RoutingAPI_default({
         ...options
@@ -48342,18 +48295,13 @@ uniform ${i3} ${o3} u_${a3};
         style: options.style
       });
       this.onRouteError = options.onRouteError || ((error) => {
-        this.dispatchEvent({
-          type: "change:route",
-          target: this
-        });
+        this.dispatchEvent(new Event_default("change:route"));
         this.reset();
         console.error(error);
       });
-      this.viaPoints = [];
       this.onMapClick = this.onMapClick.bind(this);
       this.onModifyEnd = this.onModifyEnd.bind(this);
       this.onModifyStart = this.onModifyStart.bind(this);
-      this.apiChangeListener = () => this.drawRoute();
       this.createModifyInteraction();
     }
     static getGraphsResolutions(graphs, map) {
@@ -48366,44 +48314,33 @@ uniform ${i3} ${o3} u_${a3};
     addViaPoint(coordinatesOrString, index = -1, overwrite = 0) {
       this.viaPoints.splice(index === -1 ? this.viaPoints.length : index, overwrite, coordinatesOrString);
       this.drawRoute();
-      this.dispatchEvent({
-        type: "change:route",
-        target: this
-      });
+      this.dispatchEvent(new Event_default("change:route"));
     }
-    removeViaPoint(index = this.viaPoints.length - 1) {
+    removeViaPoint(index = (this.viaPoints || []).length - 1) {
       if (this.viaPoints.length && this.viaPoints[index]) {
         this.viaPoints.splice(index, 1);
       }
       this.drawRoute();
-      this.dispatchEvent({
-        type: "change:route",
-        target: this
-      });
+      this.dispatchEvent(new Event_default("change:route"));
     }
     setViaPoints(coordinateArray) {
       this.viaPoints = [...coordinateArray];
       this.drawRoute();
-      this.dispatchEvent({
-        type: "change:route",
-        target: this
-      });
+      this.dispatchEvent(new Event_default("change:route"));
     }
     reset() {
       this.abortRequests();
       this.viaPoints = [];
-      this.routingLayer.olLayer.getSource().clear();
-      this.dispatchEvent({
-        type: "change:route",
-        target: this
-      });
+      this.routingLayer?.olLayer?.getSource()?.clear();
+      this.dispatchEvent(new Event_default("change:route"));
     }
     abortRequests() {
-      this.graphs.forEach(([graph]) => {
-        if (this.abortControllers[graph]) {
-          this.abortControllers[graph].abort();
+      this.graphs.forEach((graph) => {
+        const graphName = graph[0];
+        if (this.abortControllers[graphName]) {
+          this.abortControllers[graphName].abort();
         }
-        this.abortControllers[graph] = new AbortController();
+        this.abortControllers[graphName] = new AbortController();
       });
       this.abortControllers[STOP_FETCH_ABORT_CONTROLLER_KEY]?.abort();
       this.abortControllers[STOP_FETCH_ABORT_CONTROLLER_KEY] = new AbortController();
@@ -48411,7 +48348,7 @@ uniform ${i3} ${o3} u_${a3};
     }
     drawRoute() {
       this.abortRequests();
-      this.routingLayer.olLayer.getSource().clear();
+      this.routingLayer?.olLayer?.getSource()?.clear();
       if (!this.viaPoints.length) {
         return null;
       }
@@ -48420,26 +48357,29 @@ uniform ${i3} ${o3} u_${a3};
       }
       const formattedViaPoints = this.viaPoints.map((viaPoint) => {
         if (Array.isArray(viaPoint)) {
-          const projection = this.map.getView().getProjection();
+          const projection = this.map?.getView().getProjection();
           const [lon, lat] = toLonLat(viaPoint, projection);
           return this.snapToClosestStation ? [`@${lat}`, lon] : [lat, lon];
         }
         return this.useRawViaPoints ? viaPoint : `!${viaPoint}`;
       });
       this.loading = true;
-      this.routingLayer.olLayer.getSource().clear();
+      this.routingLayer?.olLayer?.getSource()?.clear();
       this.viaPoints.forEach((viaPoint, idx) => this.drawViaPoint(viaPoint, idx, this.abortControllers[STOP_FETCH_ABORT_CONTROLLER_KEY]));
       return Promise.all(this.graphs.map(([graph], index) => {
         const { signal } = this.abortControllers[graph];
+        if (!this.api) {
+          return Promise.resolve([]);
+        }
         return this.api.route({
           graph,
           via: `${formattedViaPoints.join("|")}`,
-          mot: `${this.mot}`,
+          mot: this.mot,
           "resolve-hops": false,
           elevation: false,
           "coord-radius": 100,
           "coord-punish": 1e3,
-          ...this.routingApiParams
+          ...this.routingApiParams || {}
         }, { signal }).then((featureCollection) => {
           this.segments = this.format.readFeatures(featureCollection);
           if (this.mot === "foot") {
@@ -48464,19 +48404,18 @@ uniform ${i3} ${o3} u_${a3};
           });
           routeFeature.set("graph", graph);
           routeFeature.set("mot", this.mot);
-          routeFeature.set("minResolution", this.graphsResolutions[index][0]);
-          routeFeature.set("maxResolution", this.graphsResolutions[index][1]);
-          this.routingLayer.olLayer.getSource().addFeature(routeFeature);
+          if (this.graphsResolutions && this.graphsResolutions[index]?.length >= 2) {
+            routeFeature.set("minResolution", this.graphsResolutions[index][0]);
+            routeFeature.set("maxResolution", this.graphsResolutions[index][1]);
+          }
+          this.routingLayer?.olLayer?.getSource()?.addFeature(routeFeature);
           this.loading = false;
         }).catch((error) => {
           if (error.name === "AbortError") {
             return;
           }
           this.segments = [];
-          this.dispatchEvent({
-            type: "error",
-            target: this
-          });
+          this.dispatchEvent(new Event_default("error"));
           this.onRouteError(error, this);
           this.loading = false;
         });
@@ -48487,14 +48426,14 @@ uniform ${i3} ${o3} u_${a3};
       pointFeature.set("viaPointIdx", idx);
       if (Array.isArray(viaPoint)) {
         pointFeature.setGeometry(new Point_default(viaPoint));
-        this.routingLayer.olLayer.getSource().addFeature(pointFeature);
+        this.routingLayer?.olLayer?.getSource()?.addFeature(pointFeature);
         return Promise.resolve(pointFeature);
       }
       if (!this.useRawViaPoints || REGEX_VIA_POINT_STATION_ID.test(viaPoint)) {
         let stationId;
         let track2;
         if (this.useRawViaPoints) {
-          [, stationId, , track2] = REGEX_VIA_POINT_STATION_ID.exec(viaPoint);
+          [, stationId, , track2] = REGEX_VIA_POINT_STATION_ID.exec(viaPoint) || [];
         } else {
           [stationId, track2] = viaPoint.split("$");
         }
@@ -48503,33 +48442,30 @@ uniform ${i3} ${o3} u_${a3};
           this.cacheStationData[viaPoint] = fromLonLat(coordinates2);
           pointFeature.set("viaPointTrack", track2);
           pointFeature.setGeometry(new Point_default(fromLonLat(coordinates2)));
-          this.routingLayer.olLayer.getSource().addFeature(pointFeature);
+          this.routingLayer?.olLayer?.getSource()?.addFeature(pointFeature);
           return pointFeature;
         }).catch((error) => {
           if (error.name === "AbortError") {
             return;
           }
-          this.dispatchEvent({
-            type: "error",
-            target: this
-          });
+          this.dispatchEvent(new Event_default("error"));
           this.onRouteError(error, this);
           this.loading = false;
         });
       }
       if (this.useRawViaPoints && REGEX_VIA_POINT_COORD.test(viaPoint)) {
-        const [lat2, lon2] = REGEX_VIA_POINT_COORD.exec(viaPoint);
-        const coordinates2 = fromLonLat([parseFloat(lon2), parseFloat(lat2)], this.map.getView().getProjection());
+        const [lat2, lon2] = REGEX_VIA_POINT_COORD.exec(viaPoint) || [];
+        const coordinates2 = fromLonLat([parseFloat(lon2), parseFloat(lat2)], this.map?.getView().getProjection());
         pointFeature.setGeometry(new Point_default(coordinates2));
-        this.routingLayer.olLayer.getSource().addFeature(pointFeature);
+        this.routingLayer?.olLayer?.getSource()?.addFeature(pointFeature);
         return Promise.resolve(pointFeature);
       }
-      const [, stationName, , lat, lon, , track] = REGEX_VIA_POINT.exec(viaPoint);
+      const [, stationName, , lat, lon, , track] = REGEX_VIA_POINT.exec(viaPoint) || [];
       if (lon && lat) {
-        const coordinates2 = fromLonLat([parseFloat(lon), parseFloat(lat)], this.map.getView().getProjection());
+        const coordinates2 = fromLonLat([parseFloat(lon), parseFloat(lat)], this.map?.getView().getProjection());
         pointFeature.set("viaPointTrack", track);
         pointFeature.setGeometry(new Point_default(coordinates2));
-        this.routingLayer.olLayer.getSource().addFeature(pointFeature);
+        this.routingLayer?.olLayer?.getSource()?.addFeature(pointFeature);
         return Promise.resolve(pointFeature);
       }
       if (stationName) {
@@ -48538,13 +48474,10 @@ uniform ${i3} ${o3} u_${a3};
           this.cacheStationData[viaPoint] = fromLonLat(coordinates2);
           pointFeature.set("viaPointTrack", track);
           pointFeature.setGeometry(new Point_default(fromLonLat(coordinates2)));
-          this.routingLayer.olLayer.getSource().addFeature(pointFeature);
+          this.routingLayer?.olLayer?.getSource()?.addFeature(pointFeature);
           return pointFeature;
         }).catch((error) => {
-          this.dispatchEvent({
-            type: "error",
-            target: this
-          });
+          this.dispatchEvent(new Event_default("error"));
           this.onRouteError(error, this);
           this.loading = false;
           return null;
@@ -48552,21 +48485,21 @@ uniform ${i3} ${o3} u_${a3};
       }
       return Promise.resolve(null);
     }
-    onMapClick(e) {
-      const feats = e.target.getFeaturesAtPixel(e.pixel);
+    onMapClick(evt) {
+      const feats = evt.target.getFeaturesAtPixel(evt.pixel);
       const viaPoint = feats.find((feat) => feat.getGeometry()?.getType() === GeometryType_default.POINT && feat.get("viaPointIdx") !== void 0);
       if (viaPoint) {
         this.removeViaPoint(viaPoint.get("viaPointIdx"));
         return;
       }
-      this.addViaPoint(e.coordinate);
+      this.addViaPoint(evt.coordinate);
     }
     onModifyStart(evt) {
       let segmentIndex = -1;
       const route = evt.features.getArray().find((feat) => feat.getGeometry()?.getType() === GeometryType_default.LINE_STRING);
-      if (route) {
-        const closestExtent = buffer(new Point_default(route.getGeometry().getClosestPoint(evt.mapBrowserEvent.coordinate)).getExtent(), 1e-3);
-        segmentIndex = this.segments.findIndex((segment) => segment.getGeometry().intersectsExtent(closestExtent));
+      if (route && route.getGeometry() && evt.mapBrowserEvent.coordinate) {
+        const closestExtent = buffer(new Point_default(route.getGeometry()?.getClosestPoint(evt.mapBrowserEvent.coordinate)).getExtent(), 1e-3);
+        segmentIndex = this.segments.findIndex((segment) => segment.getGeometry()?.intersectsExtent(closestExtent));
       }
       const viaPoint = (evt.features.getArray().filter((feat) => feat.getGeometry()?.getType() === GeometryType_default.POINT) || [])[0];
       this.initialRouteDrag = {
@@ -48577,7 +48510,7 @@ uniform ${i3} ${o3} u_${a3};
     }
     onModifyEnd(evt) {
       const coord = evt.mapBrowserEvent.coordinate;
-      const { oldRoute, viaPoint, segmentIndex } = this.initialRouteDrag;
+      const { oldRoute, viaPoint, segmentIndex } = this.initialRouteDrag || {};
       if (viaPoint) {
         return this.addViaPoint(coord, viaPoint.get("viaPointIdx"), 1);
       }
@@ -48587,7 +48520,7 @@ uniform ${i3} ${o3} u_${a3};
       if (segmentIndex === -1) {
         return Promise.reject(new Error("No segment found"));
       }
-      return this.addViaPoint(coord, segmentIndex + 1);
+      return this.addViaPoint(coord, (segmentIndex || 0) + 1);
     }
     createDefaultElement() {
       this.element = document.createElement("button");
@@ -48602,9 +48535,9 @@ uniform ${i3} ${o3} u_${a3};
     }
     createModifyInteraction() {
       this.modifyInteraction = new Modify_default({
-        source: this.routingLayer.olLayer.getSource(),
+        source: this.routingLayer?.olLayer?.getSource() || void 0,
         pixelTolerance: 4,
-        hitDetection: this.routingLayer.olLayer,
+        hitDetection: this.routingLayer?.olLayer,
         deleteCondition: (e) => {
           const feats = e.target.getFeaturesAtPixel(e.pixel, {
             hitTolerance: 5
@@ -48626,10 +48559,12 @@ uniform ${i3} ${o3} u_${a3};
         return;
       }
       this.removeListeners();
-      this.onMapClickKey = this.map.on("singleclick", this.onMapClick);
+      this.onMapClickKey = this.map?.on("singleclick", this.onMapClick);
     }
     removeListeners() {
-      unByKey(this.onMapClickKey);
+      if (this.onMapClickKey) {
+        unByKey(this.onMapClickKey);
+      }
     }
     activate() {
       super.activate();
@@ -48638,20 +48573,23 @@ uniform ${i3} ${o3} u_${a3};
           featureProjection: this.map.getView().getProjection()
         });
         this.graphsResolutions = RoutingControl.getGraphsResolutions(this.graphs, this.map);
-        this.map.removeInteraction(this.modifyInteraction);
-        this.routingLayer.attachToMap(this.map);
-        this.map.addInteraction(this.modifyInteraction);
-        this.modifyInteraction.setActive(this.modify);
+        if (this.modifyInteraction) {
+          this.map.removeInteraction(this.modifyInteraction);
+        }
+        this.routingLayer?.attachToMap(this.map);
+        if (this.modifyInteraction) {
+          this.map.addInteraction(this.modifyInteraction);
+        }
+        this.modifyInteraction?.setActive(this.modify);
         this.addListeners();
-      } else {
-        this.format = new GeoJSON_default({ featureProjection: "EPSG:3857" });
-        this.graphsResolutions = this.graphs;
       }
     }
     deactivate() {
       if (this.map) {
-        this.routingLayer.detachFromMap(this.map);
-        this.map.removeInteraction(this.modifyInteraction);
+        this.routingLayer?.detachFromMap();
+        if (this.modifyInteraction) {
+          this.map.removeInteraction(this.modifyInteraction);
+        }
         this.removeListeners();
         this.reset();
       }
@@ -48850,10 +48788,7 @@ uniform ${i3} ${o3} u_${a3};
       });
       this.mbMap.once("load", () => {
         this.loaded = true;
-        this.dispatchEvent({
-          type: "load",
-          target: this
-        });
+        this.dispatchEvent(new Event_default("load"));
       });
       this.mbMap.on("idle", this.updateAttribution);
     }
@@ -49006,8 +48941,9 @@ uniform ${i3} ${o3} u_${a3};
         };
       }
       if (!this.styleLayersFilter && this.styleLayers) {
-        const ids = this.styleLayers.map((s) => s.id);
-        this.styleLayersFilter = (styleLayer) => ids.includes(styleLayer.id);
+        this.styleLayersFilter = (styleLayer) => {
+          return !!this.styleLayers?.find((sl) => styleLayer.id === sl.id);
+        };
       }
     }
     attachToMap(map) {
@@ -49283,7 +49219,7 @@ uniform ${i3} ${o3} u_${a3};
             value: style || realtimeDefaultStyle_default
           },
           styleOptions: {
-            value: { ...trackerConfig_exports, ...styleOptions || {} }
+            value: { ...realtimeConfig_exports, ...styleOptions || {} }
           },
           speed: {
             get: () => currSpeed,
@@ -49370,8 +49306,8 @@ uniform ${i3} ${o3} u_${a3};
         this.renderTrajectories();
         this.startUpdateTime();
         this.api.open();
-        this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
-        this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
+        this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, void 0, this.isUpdateBboxOnMoveEnd);
+        this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, void 0, this.isUpdateBboxOnMoveEnd);
         if (this.isUpdateBboxOnMoveEnd) {
           this.setBbox();
         }
@@ -49471,8 +49407,8 @@ uniform ${i3} ${o3} u_${a3};
           return;
         }
         this.mode = mode;
-        this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
-        this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
+        this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, void 0, this.isUpdateBboxOnMoveEnd);
+        this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, void 0, this.isUpdateBboxOnMoveEnd);
       }
       getRefreshTimeInMs(zoom = 0) {
         const roundedZoom = zoom !== void 0 ? Math.round(zoom) : -1;
@@ -49878,9 +49814,9 @@ uniform ${i3} ${o3} u_${a3};
       super.setBbox(newExtent, newZoom);
     }
     highlightTrajectory(id) {
-      this.api.getFullTrajectory(id, this.mode, this.generalizationLevel).then((fullTrajectory) => {
-        const vectorSource = this.vectorLayer.getSource();
-        vectorSource.clear();
+      this.api.getFullTrajectory(id, this.mode, this.generalizationLevel).then((data) => {
+        const fullTrajectory = data.content;
+        this.vectorLayer.getSource().clear();
         if (!fullTrajectory || !fullTrajectory.features || !fullTrajectory.features.length) {
           return;
         }
@@ -49976,7 +49912,9 @@ uniform ${i3} ${o3} u_${a3};
     RealtimeModes: () => RealtimeModes,
     RoutingAPI: () => RoutingAPI_default,
     StopsAPI: () => StopsAPI_default,
-    createTrackerFilters: () => createTrackerFilters_default,
+    createRealtimeFilters: () => createRealtimeFilters_default,
+    debounceDeparturesMessages: () => debounceDeparturesMessages_default,
+    debounceWebsocketMessages: () => debounceWebsocketMessages_default,
     getCircleCanvas: () => getCircleCanvas,
     getDelayBgCanvas: () => getDelayBgCanvas,
     getDelayTextCanvas: () => getDelayTextCanvas,
@@ -49992,13 +49930,14 @@ uniform ${i3} ${o3} u_${a3};
     getUTCTimeString: () => getUTCTimeString,
     getUrlWithParams: () => getUrlWithParams_default,
     pad: () => pad,
+    realtimeConfig: () => realtimeConfig_exports,
     realtimeDefaultStyle: () => realtimeDefaultStyle_default,
     realtimeDelayStyle: () => realtimeDelayStyle_default,
     realtimeSimpleStyle: () => realtimeSimpleStyle_default,
     removeDuplicate: () => removeDuplicate_default,
     renderTrajectories: () => renderTrajectories_default,
-    sortByDelay: () => sortByDelay_default,
-    trackerConfig: () => trackerConfig_exports
+    sortAndFilterDepartures: () => sortAndFilterDepartures_default,
+    sortByDelay: () => sortByDelay_default
   });
 
   // src/mapbox/controls/CopyrightControl.ts