mobility-toolbox-js 2.0.0-beta.45 → 2.0.0-beta.47

package/mbt.js

@@ -33912,7 +33912,7 @@ uniform ${i3} ${o3} u_${a3};
 
   // src/api/RoutingAPI.ts
   var RoutingAPI = class extends HttpAPI_default {
-    constructor(options) {
+    constructor(options = {}) {
       super({ url: "https://api.geops.io/routing/v1/", ...options });
     }
     route(params, config) {
@@ -33921,20 +33921,18 @@ uniform ${i3} ${o3} u_${a3};
   };
   var RoutingAPI_default = RoutingAPI;
 
-  // src/api/StopsAPI.js
+  // src/api/StopsAPI.ts
   var StopsAPI = class extends HttpAPI_default {
     constructor(options = {}) {
       super({ url: "https://api.geops.io/stops/v1/", ...options });
     }
-    search(params, abortController = {}) {
-      return this.fetch("", params, {
-        signal: abortController.signal
-      });
+    search(params, config) {
+      return this.fetch("", params, config);
     }
   };
   var StopsAPI_default = StopsAPI;
 
-  // src/common/api/WebSocketAPI.js
+  // src/common/api/WebSocketAPI.ts
   var WebSocketAPI = class {
     constructor() {
       this.defineProperties();
@@ -33967,7 +33965,7 @@ uniform ${i3} ${o3} u_${a3};
         }
       });
     }
-    static getRequestString(method, params) {
+    static getRequestString(method, params = {}) {
       let reqStr = `${method} ${params.channel}`;
       reqStr += params.args ? ` ${params.args}` : "";
       reqStr += params.id ? ` ${params.id}` : "";
@@ -33993,7 +33991,7 @@ uniform ${i3} ${o3} u_${a3};
       if (this.websocket) {
         this.websocket.onclose = null;
         this.websocket.close();
-        this.websocket = null;
+        this.websocket = void 0;
         this.messagesOnOpen = [];
       }
     }
@@ -34002,7 +34000,7 @@ uniform ${i3} ${o3} u_${a3};
         return;
       }
       const send = () => {
-        this.websocket.send(message);
+        this.websocket?.send(message);
       };
       if (!this.open) {
         if (!this.messagesOnOpen.includes(message)) {
@@ -34038,17 +34036,23 @@ uniform ${i3} ${o3} u_${a3};
       }
     }
     listen(params, cb, errorCb) {
-      this.unlisten(params, cb, errorCb);
+      this.unlisten(params, cb);
       const onMessage = (evt) => {
-        let data = {};
+        let data;
         try {
           data = JSON.parse(evt.data);
         } catch (err) {
           console.error("WebSocket: unable to parse JSON data", err, evt.data);
+          return;
         }
         let source = params.channel;
         source += params.args ? ` ${params.args}` : "";
-        const contents = data.source === "buffer" ? data.content : [data];
+        let contents;
+        if (data.source === "buffer") {
+          contents = data.content;
+        } else {
+          contents = [data];
+        }
         contents.forEach((content) => {
           if (content?.source === source && (!params.id || params.id === data.client_reference)) {
             cb(content);
@@ -34073,7 +34077,7 @@ uniform ${i3} ${o3} u_${a3};
         this.removeEvents(onMessageCb2, onErrorCb2);
         this.requests.splice(index2, 1);
       };
-      const { onMessageCb, onErrorCb } = this.listen(params, once(cb), once(errorCb));
+      const { onMessageCb, onErrorCb } = this.listen(params, once(cb), errorCb && once(errorCb));
       if (!this.requests) {
         this.requests = [];
       }
@@ -34132,11 +34136,8 @@ uniform ${i3} ${o3} u_${a3};
   };
   var WebSocketAPI_default = WebSocketAPI;
 
-  // src/common/utils/cleanStopTime.js
+  // src/common/utils/cleanStopTime.ts
   var cleanStopTime = (content) => {
-    if (!content) {
-      return;
-    }
     content.stations.forEach((station) => {
       station.arrivalTimeWithDelay = station.arrivalTime;
       if (station.departureTime) {
@@ -34157,7 +34158,7 @@ uniform ${i3} ${o3} u_${a3};
   var getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? "_schematic" : "";
   var getRealtimeModeSuffix_default = getModeSuffix;
 
-  // src/common/utils/compareDepartures.js
+  // 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;
@@ -34184,7 +34185,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var compareDepartures_default = compareDepartures;
 
-  // src/api/RealtimeAPI.js
+  // src/api/RealtimeAPI.ts
   var RealtimeModes = {
     RAW: "raw",
     TOPOGRAPHIC: "topographic",
@@ -34193,8 +34194,8 @@ uniform ${i3} ${o3} u_${a3};
   var RealtimeAPI = class {
     constructor(options = {}) {
       this.defineProperties(options);
-      this.subscribedStationUic = null;
-      this.departureUpdateTimeout = null;
+      this.subscribedStationUic = void 0;
+      this.departureUpdateTimeout = void 0;
       this.maxDepartureAge = 30;
       this.extraGeoms = {};
       this.prefix = options.prefix || "";
@@ -34235,7 +34236,7 @@ uniform ${i3} ${o3} u_${a3};
           set: (newBbox) => {
             if (JSON.stringify(newBbox) !== JSON.stringify(bbox)) {
               bbox = newBbox;
-              if (this.wsApi) {
+              if (this.wsApi && bbox) {
                 this.wsApi.send(`BBOX ${bbox.join(" ")}`);
               }
             }
@@ -34269,9 +34270,11 @@ uniform ${i3} ${o3} u_${a3};
     open() {
       this.close();
       this.wsApi.connect(this.url, this.onOpen);
-      this.wsApi.websocket.onclose = () => {
-        this.onClose();
-      };
+      if (this.wsApi.websocket) {
+        this.wsApi.websocket.onclose = () => {
+          this.onClose();
+        };
+      }
     }
     close() {
       this.wsApi.close();
@@ -34291,7 +34294,7 @@ uniform ${i3} ${o3} u_${a3};
       }
       if (this.pingIntervalMs) {
         window.clearInterval(this.pingInterval);
-        this.pingInterval = setInterval(() => {
+        this.pingInterval = window.setInterval(() => {
           this.wsApi.send("PING");
         }, this.pingIntervalMs);
       }
@@ -34304,44 +34307,49 @@ uniform ${i3} ${o3} u_${a3};
       }
     }
     subscribe(channel, onSuccess, onError, quiet = false) {
+      if (!channel || !onSuccess) {
+        return;
+      }
       this.wsApi.subscribe({ channel }, onSuccess, onError, quiet);
     }
-    unsubscribe(channel, suffix, cb) {
+    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));
-      let future = new Date();
-      future.setMinutes(future.getMinutes() + this.maxDepartureAge);
-      future = future.getTime();
-      let past = new Date();
-      past.setMinutes(past.getMinutes() - this.maxDepartureAge);
-      past = past.getTime();
+      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 d = departures[i];
-        const t = new Date(d.time).getTime();
-        if (t > past && t < future) {
-          if (d.state === "BOARDING") {
-            if (platformsBoarding.indexOf(d.platform) === -1) {
-              platformsBoarding.push(d.platform);
+        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 {
-              d.state = "HIDDEN";
+              departure.state = "HIDDEN";
             }
           }
-          if (previousDeparture && d.to[0] === previousDeparture.to[0] && Math.abs(t - previousDeparture.time) < 1e3 && d.line.name === previousDeparture.line.name) {
-            d.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(d.state)) {
-            d.cancelled = true;
+          if (/(STOP_CANCELLED|JOURNEY_CANCELLED)/.test(departure.state)) {
+            departure.cancelled = true;
           }
-          previousDeparture = d;
-          previousDeparture.time = t;
-          departureArray.unshift(d);
+          previousDeparture = departure;
+          previousDeparture.time = time;
+          departureArray.unshift(departure);
         }
       }
       return departureArray;
@@ -34352,26 +34360,29 @@ uniform ${i3} ${o3} u_${a3};
       this.subscribedStationUic = stationId;
       const channel = stationId ? `timetable_${stationId}` : null;
       const departureObject = {};
-      this.subscribe(channel, (data) => {
+      if (!channel) {
+        return;
+      }
+      const onSuccess = (data) => {
         if (data.source === channel) {
           const content = data.content || {};
           const tDiff = new Date(content.timestamp).getTime() - Date.now();
-          content.timediff = tDiff;
-          departureObject[content.call_id] = content;
+          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([]);
       });
     }
     unsubscribeDepartures(cb) {
       if (this.subscribedStationUic) {
         this.unsubscribe(`timetable_${this.subscribedStationUic}`, "", cb);
-        this.subscribedStationUic = null;
+        this.subscribedStationUic = void 0;
       }
     }
     subscribeDisruptions(onMessage) {
@@ -34448,14 +34459,14 @@ uniform ${i3} ${o3} u_${a3};
     }
     subscribeTrajectory(mode, onMessage, quiet = false) {
       this.unsubscribeTrajectory(onMessage);
-      this.subscribe(`trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, null, quiet);
+      this.subscribe(`trajectory${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, void 0, quiet);
     }
     unsubscribeTrajectory(cb) {
       this.unsubscribe(`trajectory`, "", cb);
     }
     subscribeDeletedVehicles(mode, onMessage, quiet = false) {
       this.unsubscribeDeletedVehicles(onMessage);
-      this.subscribe(`deleted_vehicles${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, null, quiet);
+      this.subscribe(`deleted_vehicles${getRealtimeModeSuffix_default(mode, RealtimeModes)}`, onMessage, void 0, quiet);
     }
     unsubscribeDeletedVehicles(cb) {
       this.unsubscribe("deleted_vehicles", "", cb);
@@ -34500,9 +34511,10 @@ uniform ${i3} ${o3} u_${a3};
       };
       return new Promise((resolve, reject) => {
         this.wsApi.get(params, (data) => {
-          if (data.content && data.content.length) {
-            const content = data.content.map((stopSequence) => cleanStopTime_default(stopSequence));
-            resolve(content);
+          const content = data.content;
+          if (content && content.length) {
+            const stopSequences = content.map((stopSequence) => cleanStopTime_default(stopSequence));
+            resolve(stopSequences);
           }
           resolve([]);
         }, (err) => {
@@ -34518,9 +34530,10 @@ uniform ${i3} ${o3} u_${a3};
       window.clearTimeout(this.fullTrajectoryUpdateTimeout);
       this.unsubscribeStopSequence(id);
       this.subscribe(`stopsequence_${id}`, (data) => {
-        if (data.content && data.content.length) {
-          const content = data.content.map((stopSequence) => cleanStopTime_default(stopSequence));
-          onMessage(content);
+        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);
@@ -34539,7 +34552,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var RealtimeAPI_default = RealtimeAPI;
 
-  // src/common/utils/removeDuplicate.js
+  // src/common/utils/removeDuplicate.ts
   var removeDuplicate = (array) => {
     const arrWithoutEmptyValues = array.filter((val) => val !== void 0 && val !== null && val.trim && val.trim());
     const lowerCasesValues = arrWithoutEmptyValues.map((str) => str.toLowerCase());
@@ -34549,12 +34562,16 @@ uniform ${i3} ${o3} u_${a3};
   };
   var removeDuplicate_default = removeDuplicate;
 
-  // src/common/utils/getMapboxMapCopyrights.js
+  // src/common/utils/getMapboxMapCopyrights.ts
   var getMapboxMapCopyrights = (map) => {
-    if (!map || !map.style) {
+    if (!map) {
       return [];
     }
-    const { sourceCaches } = map.style;
+    const { style } = map;
+    if (!style) {
+      return [];
+    }
+    const { sourceCaches } = style;
     let copyrights = [];
     Object.values(sourceCaches).forEach((sourceCache) => {
       if (sourceCache.used) {
@@ -34569,7 +34586,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var getMapboxMapCopyrights_default = getMapboxMapCopyrights;
 
-  // src/common/utils/createTrackerFilters.js
+  // src/common/utils/createTrackerFilters.ts
   var createFilters = (line, route, operator, regexLine) => {
     const filterList = [];
     if (!line && !route && !operator && !regexLine) {
@@ -34610,15 +34627,15 @@ uniform ${i3} ${o3} u_${a3};
     }
     if (operator) {
       const operatorList = typeof operator === "string" ? [operator] : operator;
-      const operatorFilter = (item) => operatorList.some((op) => new RegExp(op, "i").test(item.properties.operator));
+      const operatorFilter = (item) => operatorList.some((op) => new RegExp(op, "i").test(item.properties.operator || ""));
       filterList.push(operatorFilter);
     }
     if (!filterList.length) {
       return null;
     }
-    return (t) => {
+    return (item) => {
       for (let i = 0; i < filterList.length; i += 1) {
-        if (!filterList[i](t)) {
+        if (!filterList[i](item)) {
           return false;
         }
       }
@@ -34627,7 +34644,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var createTrackerFilters_default = createFilters;
 
-  // src/common/utils/getLayersAsFlatArray.js
+  // src/common/utils/getLayersAsFlatArray.ts
   var getLayersAsFlatArray = (layersOrLayer) => {
     let layers = layersOrLayer;
     if (!Array.isArray(layers)) {
@@ -34888,10 +34905,10 @@ uniform ${i3} ${o3} u_${a3};
   };
   var getVehiclePosition_default = getVehiclePosition;
 
-  // src/common/utils/renderTrajectories.js
+  // src/common/utils/renderTrajectories.ts
   var renderTrajectories = (canvas2, trajectories, style, viewState, options) => {
     if (!canvas2) {
-      return {};
+      return { renderedTrajectories: [] };
     }
     const {
       time = Date.now(),
@@ -34899,11 +34916,14 @@ uniform ${i3} ${o3} u_${a3};
       center,
       resolution,
       rotation = 0,
-      pixelRatio
+      pixelRatio = 1
     } = viewState;
+    if (!resolution || !center) {
+      return { renderedTrajectories: [] };
+    }
     const { noInterpolate = false, hoverVehicleId, selectedVehicleId } = options;
     const context = canvas2.getContext("2d");
-    context.clearRect(0, 0, canvas2.width, canvas2.height);
+    context?.clearRect(0, 0, canvas2.width, canvas2.height);
     const [width, height] = size;
     if (width && height && (canvas2.width !== width || canvas2.height !== height)) {
       [canvas2.width, canvas2.height] = [width * pixelRatio, height * pixelRatio];
@@ -34946,7 +34966,7 @@ uniform ${i3} ${o3} u_${a3};
       const imgWidth = vehicleImg.width;
       const imgHeight = vehicleImg.height;
       if (hoverVehicleId !== id && selectedVehicleId !== id) {
-        context.drawImage(vehicleImg, px[0] - imgWidth / 2, px[1] - imgHeight / 2, imgWidth, imgHeight);
+        context?.drawImage(vehicleImg, px[0] - imgWidth / 2, px[1] - imgHeight / 2, imgWidth, imgHeight);
       }
       if (hoverVehicleId && hoverVehicleId === id) {
         hoverVehicleImg = vehicleImg;
@@ -34962,11 +34982,11 @@ uniform ${i3} ${o3} u_${a3};
       }
       renderedTrajectories.push(trajectory);
     }
-    if (selectedVehicleImg) {
-      context.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
+    if (selectedVehicleImg && selectedVehiclePx && selectedVehicleWidth && selectedVehicleHeight) {
+      context?.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
     }
-    if (hoverVehicleImg) {
-      context.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
+    if (hoverVehicleImg && hoverVehiclePx && hoverVehicleWidth && hoverVehicleHeight) {
+      context?.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
     }
     return {
       renderedTrajectories
@@ -35866,7 +35886,7 @@ uniform ${i3} ${o3} u_${a3};
     };
   }
 
-  // src/common/utils/getMapboxRender.js
+  // src/common/utils/getMapboxRender.ts
   function getMapboxRender(mapoxLayer) {
     return (frameState) => {
       const { map, mbMap, renderState, olLayer } = mapoxLayer;
@@ -35905,7 +35925,7 @@ uniform ${i3} ${o3} u_${a3};
         renderState.zoom = viewState.zoom;
         renderState.center = viewState.center;
       }
-      const size = map.getSize();
+      const size = map.getSize() || [0, 0];
       if (renderState.size[0] !== size[0] || renderState.size[1] !== size[1]) {
         changed = true;
         renderState.size = size;
@@ -36018,6 +36038,9 @@ uniform ${i3} ${o3} u_${a3};
     }
   };
   var getTextSize = (ctx, markerSize, text, fontSize) => {
+    if (!ctx) {
+      return 0;
+    }
     ctx.font = `bold ${fontSize}px Arial`;
     let newText = ctx.measureText(text);
     const maxiter = 25;
@@ -36069,7 +36092,7 @@ uniform ${i3} ${o3} u_${a3};
     return "";
   };
 
-  // src/common/utils/createCanvas.js
+  // src/common/utils/createCanvas.ts
   var createCanvas = (width, height) => {
     let canvas2 = null;
     if (typeof window === "undefined") {
@@ -36088,7 +36111,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var createCanvas_default = createCanvas;
 
-  // src/common/styles/realtimeDefaultStyle.js
+  // src/common/styles/realtimeDefaultStyle.ts
   var cacheDelayBg = {};
   var getDelayBgCanvas = (origin, radius, color) => {
     const key = `${origin}, ${radius}, ${color}`;
@@ -36096,6 +36119,9 @@ uniform ${i3} ${o3} u_${a3};
       const canvas2 = createCanvas_default(origin * 2, origin * 2);
       if (canvas2) {
         const ctx = canvas2.getContext("2d");
+        if (!ctx) {
+          return null;
+        }
         ctx.beginPath();
         ctx.arc(origin, origin, radius, 0, 2 * Math.PI, false);
         ctx.fillStyle = color;
@@ -36113,6 +36139,9 @@ uniform ${i3} ${o3} u_${a3};
       const canvas2 = createCanvas_default(width, fontSize + 8 * pixelRatio);
       if (canvas2) {
         const ctx = canvas2.getContext("2d");
+        if (!ctx) {
+          return null;
+        }
         ctx.textAlign = "left";
         ctx.textBaseline = "middle";
         ctx.font = font;
@@ -36134,6 +36163,9 @@ uniform ${i3} ${o3} u_${a3};
       const canvas2 = createCanvas_default(origin * 2, origin * 2);
       if (canvas2) {
         const ctx = canvas2.getContext("2d");
+        if (!ctx) {
+          return null;
+        }
         ctx.fillStyle = color;
         if (hasStroke) {
           ctx.lineWidth = 1 * pixelRatio;
@@ -36160,6 +36192,9 @@ uniform ${i3} ${o3} u_${a3};
       const canvas2 = createCanvas_default(origin * 2, origin * 2);
       if (canvas2) {
         const ctx = canvas2.getContext("2d");
+        if (!ctx) {
+          return null;
+        }
         if (hasStroke) {
           ctx.save();
           ctx.textBaseline = "middle";
@@ -36189,14 +36224,14 @@ uniform ${i3} ${o3} u_${a3};
       useDelayStyle,
       delayOutlineColor = "#000",
       delayDisplay = 3e5,
-      getRadius: getRadius2,
-      getBgColor: getBgColor2,
-      getDelayColor: getDelayColor2,
-      getDelayText: getDelayText2,
-      getTextColor: getTextColor2,
-      getTextSize: getTextSize2
+      getRadius: getRadius2 = () => 0,
+      getBgColor: getBgColor2 = () => "#000",
+      getDelayColor: getDelayColor2 = () => "#000",
+      getDelayText: getDelayText2 = () => null,
+      getTextColor: getTextColor2 = () => "#000",
+      getTextSize: getTextSize2 = () => 0
     } = options;
-    const { zoom, pixelRatio } = viewState;
+    const { zoom, pixelRatio = 1 } = viewState;
     let { type } = trajectory.properties;
     const {
       train_id: id,
@@ -36223,8 +36258,8 @@ uniform ${i3} ${o3} u_${a3};
       textColor = `#${textColor}`;
     }
     const z = Math.min(Math.floor(zoom || 1), 16);
-    const hover = hoverVehicleId && hoverVehicleId === id;
-    const selected = selectedVehicleId && selectedVehicleId === id;
+    const hover = !!(hoverVehicleId && hoverVehicleId === id);
+    const selected = !!(selectedVehicleId && selectedVehicleId === id);
     let radius = getRadius2(type, z) * pixelRatio;
     const isDisplayStrokeAndDelay = radius >= 7 * pixelRatio;
     if (hover || selected) {
@@ -36242,7 +36277,6 @@ uniform ${i3} ${o3} u_${a3};
     }
     if (!cache2[key]) {
       if (radius === 0) {
-        cache2[key] = null;
         return null;
       }
       const margin = 1 * pixelRatio;
@@ -36253,17 +36287,24 @@ uniform ${i3} ${o3} u_${a3};
       const canvas2 = createCanvas_default(size, size);
       if (canvas2) {
         const ctx = canvas2.getContext("2d");
+        if (!ctx) {
+          return null;
+        }
         if (isDisplayStrokeAndDelay && delay !== null) {
           const delayBg = getDelayBgCanvas(origin, radiusDelay, getDelayColor2(delay, cancelled));
-          ctx.drawImage(delayBg, 0, 0);
+          if (delayBg) {
+            ctx.drawImage(delayBg, 0, 0);
+          }
         }
-        if (isDisplayStrokeAndDelay && (hover || delay >= delayDisplay || cancelled)) {
+        if (isDisplayStrokeAndDelay && (hover || (delay || 0) >= delayDisplay || cancelled)) {
           const fontSize = Math.max(cancelled ? 19 : 14, Math.min(cancelled ? 19 : 17, radius * 1.2)) * pixelRatio;
           const text = getDelayText2(delay, cancelled);
           if (text) {
             const textWidth = text.length * fontSize;
             const delayText = getDelayTextCanvas(textWidth, text, fontSize, `bold ${fontSize}px arial, sans-serif`, getDelayColor2(delay, cancelled, true), delayOutlineColor, pixelRatio);
-            ctx.drawImage(delayText, origin + radiusDelay + margin, origin - fontSize);
+            if (delayText) {
+              ctx.drawImage(delayText, origin + radiusDelay + margin, origin - fontSize);
+            }
           }
         }
         let circleFillColor;
@@ -36273,16 +36314,20 @@ uniform ${i3} ${o3} u_${a3};
           circleFillColor = color || getBgColor2(type);
         }
         const hasStroke = isDisplayStrokeAndDelay || hover || selected;
-        const hasDash = isDisplayStrokeAndDelay && useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
+        const hasDash = !!isDisplayStrokeAndDelay && !!useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
         const circle = getCircleCanvas(origin, radius, circleFillColor, hasStroke, hasDash, pixelRatio);
-        ctx.drawImage(circle, 0, 0);
-        if (mustDrawText) {
+        if (circle) {
+          ctx.drawImage(circle, 0, 0);
+        }
+        if (mustDrawText && ctx) {
           const fontSize = Math.max(radius, 10);
           const textSize = getTextSize2(ctx, markerSize, name, fontSize);
           const textColor2 = !useDelayStyle ? textColor || getTextColor2(type) : "#000000";
-          const hasStroke2 = useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
+          const hasStroke2 = !!useDelayStyle && delay === null && operatorProvidesRealtime === "yes";
           const text = getTextCanvas(name, origin, textSize, textColor2, circleFillColor, hasStroke2, pixelRatio);
-          ctx.drawImage(text, 0, 0);
+          if (text) {
+            ctx.drawImage(text, 0, 0);
+          }
         }
         cache2[key] = canvas2;
       }
@@ -36291,7 +36336,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var realtimeDefaultStyle_default = realtimeDefaultStyle;
 
-  // src/common/styles/realtimeDelayStyle.js
+  // src/common/styles/realtimeDelayStyle.ts
   var realtimeDelayStyle = (trajectory, viewState, options) => {
     return realtimeDefaultStyle_default(trajectory, viewState, {
       ...options,
@@ -36300,7 +36345,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var realtimeDelayStyle_default = realtimeDelayStyle;
 
-  // src/common/styles/realtimeSimpleStyle.js
+  // src/common/styles/realtimeSimpleStyle.ts
   var canvas;
   var realtimeSimpleStyle = () => {
     if (!canvas) {
@@ -36308,13 +36353,15 @@ uniform ${i3} ${o3} u_${a3};
       canvas.width = 15;
       canvas.height = 15;
       const ctx = canvas.getContext("2d");
-      ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
-      ctx.fillStyle = "#8ED6FF";
-      ctx.fill();
-      ctx.lineWidth = 3;
-      ctx.strokeStyle = "black";
-      ctx.stroke();
-      ctx.lineWidth = 3;
+      if (ctx) {
+        ctx.arc(8, 8, 5, 0, 2 * Math.PI, false);
+        ctx.fillStyle = "#8ED6FF";
+        ctx.fill();
+        ctx.lineWidth = 3;
+        ctx.strokeStyle = "black";
+        ctx.stroke();
+        ctx.lineWidth = 3;
+      }
     }
     return canvas;
   };
@@ -36675,8 +36722,8 @@ uniform ${i3} ${o3} u_${a3};
   }
   var Layer_default = Layer;
 
-  // src/common/controls/Control.js
-  var Control = class extends Object_default {
+  // src/common/controls/ControlCommon.ts
+  var ControlCommon = class extends Object_default {
     constructor(options = {}) {
       super(options);
       this.defineProperties(options);
@@ -36743,22 +36790,25 @@ uniform ${i3} ${o3} u_${a3};
       this.map = map;
     }
     detachFromMap() {
-      this.map = null;
+      this.map = void 0;
     }
     activate() {
       this.deactivate();
     }
     deactivate() {
+      console.error("This function must be implemented in subclasses");
     }
-    render() {
+    render(options) {
+      console.error("This function must be implemented in subclasses");
     }
     createDefaultElement() {
+      console.error("This function must be implemented in subclasses");
     }
   };
-  var Control_default = Control;
+  var ControlCommon_default = ControlCommon;
 
-  // src/common/mixins/CopyrightMixin.js
-  var CopyrightMixin = (Base) => class extends Base {
+  // src/common/controls/CopyrightControlCommon.ts
+  var CopyrightControlCommon = class extends ControlCommon_default {
     render() {
       if (!this.element) {
         return;
@@ -36776,11 +36826,15 @@ uniform ${i3} ${o3} u_${a3};
         padding: "0 10px"
       });
     }
+    getCopyrights() {
+      console.error("The getCopyrights() function must be implemented in subclasses.", this);
+      return [];
+    }
   };
-  var CopyrightMixin_default = CopyrightMixin;
+  var CopyrightControlCommon_default = CopyrightControlCommon;
 
-  // src/ol/controls/CopyrightControl.js
-  var CopyrightControl = class extends CopyrightMixin_default(Control_default) {
+  // src/ol/controls/CopyrightControl.ts
+  var CopyrightControl = class extends CopyrightControlCommon_default {
     constructor(options) {
       super(options);
       this.onPostRender = this.onPostRender.bind(this);
@@ -36790,9 +36844,9 @@ uniform ${i3} ${o3} u_${a3};
         return [];
       }
       let copyrights = [];
-      this.frameState.layerStatesArray.forEach((layerState) => {
+      this.frameState?.layerStatesArray.forEach((layerState) => {
         const { layer } = layerState;
-        if (inView(layerState, this.frameState.viewState) && layer && layer.getSource && layer.getSource() && layer.getSource().getAttributions()) {
+        if (this.frameState && inView(layerState, this.frameState.viewState) && layer && layer.getSource && layer.getSource() && layer.getSource().getAttributions()) {
           copyrights = copyrights.concat(layer.getSource().getAttributions()(this.frameState));
         }
       });
@@ -36812,7 +36866,7 @@ uniform ${i3} ${o3} u_${a3};
     }
     onPostRender(evt) {
       if (this.map && this.element) {
-        this.frameState = evt.frameState;
+        this.frameState = evt.frameState || void 0;
         this.render();
       }
     }
@@ -47788,12 +47842,14 @@ uniform ${i3} ${o3} u_${a3};
   }
   var v4_default = v4;
 
-  // src/common/layers/Layer.js
+  // src/common/layers/LayerCommon.ts
   var Layer2 = class extends Object_default {
     constructor(options = {}) {
       super();
       this.defineProperties(options);
-      this.setProperties(options.properties);
+      if (options.properties) {
+        this.setProperties(options.properties);
+      }
       this.visible = options.visible === void 0 ? true : !!options.visible;
       this.group = options.group;
       this.copyrights = options.copyrights;
@@ -47806,7 +47862,7 @@ uniform ${i3} ${o3} u_${a3};
         }
       });
     }
-    defineProperties(options) {
+    defineProperties(options = {}) {
       const { name, key, properties, hitTolerance } = {
         ...options
       };
@@ -47858,10 +47914,9 @@ uniform ${i3} ${o3} u_${a3};
                 while (higherParent.parent) {
                   higherParent = higherParent.parent;
                 }
-                higherParent.dispatchEvent({
-                  type: `change:visible:group`,
-                  target: this
-                });
+                const evt = new Event_default(`change:visible:group`);
+                evt.target = this;
+                higherParent.dispatchEvent(evt);
               }
             } else if (!this.visible) {
               if (this.children) {
@@ -47869,7 +47924,7 @@ uniform ${i3} ${o3} u_${a3};
                   child.visible = false;
                 });
               }
-              if (this.parent && this.parent.visible && !this.parent.children.find((child) => child.visible)) {
+              if (this.parent && this.parent.visible && this.parent.children && !this.parent.children.find((child) => child.visible)) {
                 this.parent.visible = false;
               }
             }
@@ -47889,7 +47944,7 @@ uniform ${i3} ${o3} u_${a3};
           get: () => this.get("children") || [],
           set: (newValue) => {
             (this.children || []).forEach((child) => {
-              child.parent = null;
+              child.parent = void 0;
             });
             if (Array.isArray(newValue)) {
               newValue.forEach((child) => {
@@ -47918,7 +47973,7 @@ uniform ${i3} ${o3} u_${a3};
       }
     }
     detachFromMap() {
-      this.map = null;
+      this.map = void 0;
     }
     getFeatureInfoAtCoordinate(coordinate, options) {
       console.error("getFeatureInfoAtCoordinate must be implemented by inheriting layers", this.key);
@@ -47933,141 +47988,147 @@ uniform ${i3} ${o3} u_${a3};
     }
   };
 
-  // src/common/mixins/UserInteractionsLayerMixin.js
-  var UserInteractionsLayerMixin = (Base) => class extends Base {
-    constructor(options = {}) {
-      super(options);
-      const {
-        userInteractions = true,
-        userClickInteractions = true,
-        userHoverInteractions = true,
-        defaultUserInteractions = true
-      } = options;
-      this.userInteractions = userInteractions;
-      this.userClickInteractions = userClickInteractions;
-      this.userHoverInteractions = userHoverInteractions;
-      this.defaultUserInteractions = defaultUserInteractions;
-      this.userClickCallbacks = [];
-      this.userHoverCallbacks = [];
-      this.userClickEventsKeys = [];
-      this.userHoverEventsKeys = [];
-      this.onUserClickCallback = this.onUserClickCallback.bind(this);
-      this.onUserMoveCallback = this.onUserMoveCallback.bind(this);
-      const { onClick, onHover } = options;
-      if (this.userInteractions && this.userClickInteractions && onClick) {
-        this.onClick(onClick);
-      }
-      if (this.userInteractions && this.userHoverInteractions && onHover) {
-        this.onHover(onHover);
-      }
-    }
-    attachToMap(map, options) {
-      super.attachToMap(map, options);
-      if (this.userInteractions && this.defaultUserInteractions && this.userClickInteractions && this.onFeatureClick) {
-        this.onClick(this.onFeatureClick);
-      }
-      if (this.userInteractions && this.defaultUserInteractions && this.userHoverInteractions && this.onFeatureHover) {
-        this.onHover(this.onFeatureHover);
-      }
-      this.listenEvents();
-    }
-    detachFromMap() {
-      this.unlistenEvents();
-      super.detachFromMap();
-    }
-    listenEvents() {
-      this.unlistenEvents();
-      this.userClickCallbacks.forEach((callback) => {
-        this.userClickEventsKeys.push(this.on("user:click", ({ target: { features, layer, coordinate } }) => {
-          callback(features, layer, coordinate);
-        }));
-      });
-      this.userHoverCallbacks.forEach((callback) => {
-        this.userHoverEventsKeys.push(this.on("user:hover", ({ target: { features, layer, coordinate, event } }) => {
-          callback(features, layer, coordinate, event);
-        }));
-      });
-    }
-    unlistenEvents() {
-      unByKey(this.userClickEventsKeys);
-      unByKey(this.userHoverEventsKeys);
-      this.userClickEventsKeys = [];
-      this.userHoverEventsKeys = [];
-    }
-    onClick(callback) {
-      this.userClickCallbacks.push(callback);
-      this.activateUserInteractions();
-      if (this.map) {
+  // src/common/mixins/UserInteractionsLayerMixin.ts
+  function UserInteractionsLayerMixin(Base) {
+    return class extends Base {
+      constructor(options = {}) {
+        super(options);
+        const {
+          userInteractions = true,
+          userClickInteractions = true,
+          userHoverInteractions = true,
+          defaultUserInteractions = true
+        } = options;
+        this.userInteractions = userInteractions;
+        this.userClickInteractions = userClickInteractions;
+        this.userHoverInteractions = userHoverInteractions;
+        this.defaultUserInteractions = defaultUserInteractions;
+        this.userClickCallbacks = [];
+        this.userHoverCallbacks = [];
+        this.userClickEventsKeys = [];
+        this.userHoverEventsKeys = [];
+        this.onUserClickCallback = this.onUserClickCallback.bind(this);
+        this.onUserMoveCallback = this.onUserMoveCallback.bind(this);
+        const { onClick, onHover } = options;
+        if (this.userInteractions && this.userClickInteractions && onClick) {
+          this.onClick(onClick);
+        }
+        if (this.userInteractions && this.userHoverInteractions && onHover) {
+          this.onHover(onHover);
+        }
+      }
+      attachToMap(map) {
+        super.attachToMap(map);
+        if (this.userInteractions && this.defaultUserInteractions && this.userClickInteractions && this.onFeatureClick) {
+          this.onClick(this.onFeatureClick);
+        }
+        if (this.userInteractions && this.defaultUserInteractions && this.userHoverInteractions && this.onFeatureHover) {
+          this.onHover(this.onFeatureHover);
+        }
         this.listenEvents();
       }
-    }
-    onHover(callback) {
-      this.userHoverCallbacks.push(callback);
-      this.activateUserInteractions();
-      if (this.map) {
-        this.listenEvents();
+      detachFromMap() {
+        this.unlistenEvents();
+        super.detachFromMap();
+      }
+      listenEvents() {
+        this.unlistenEvents();
+        this.userClickCallbacks.forEach((callback) => {
+          this.userClickEventsKeys.push(this.on("user:click", ({
+            target: { features, layer, coordinate, event }
+          }) => {
+            callback(features, layer, coordinate, event);
+          }));
+        });
+        this.userHoverCallbacks.forEach((callback) => {
+          this.userHoverEventsKeys.push(this.on("user:hover", ({
+            target: { features, layer, coordinate, event }
+          }) => {
+            callback(features, layer, coordinate, event);
+          }));
+        });
       }
-    }
-    unClick(callback) {
-      const index = this.userClickCallbacks.indexOf(callback);
-      if (index !== -1) {
-        return;
+      unlistenEvents() {
+        unByKey(this.userClickEventsKeys);
+        unByKey(this.userHoverEventsKeys);
+        this.userClickEventsKeys = [];
+        this.userHoverEventsKeys = [];
       }
-      this.userClickCallbacks = this.userClickCallbacks.slice(index, 1);
-      if (this.map) {
-        this.listenEvents();
+      onClick(callback) {
+        this.userClickCallbacks.push(callback);
+        this.activateUserInteractions();
+        if (this.map) {
+          this.listenEvents();
+        }
       }
-    }
-    unHover(callback) {
-      const index = this.userHoverCallbacks.indexOf(callback);
-      if (index !== -1) {
-        return;
+      onHover(callback) {
+        this.userHoverCallbacks.push(callback);
+        this.activateUserInteractions();
+        if (this.map) {
+          this.listenEvents();
+        }
       }
-      this.userHoverCallbacks = this.userHoverCallbacks.slice(index, 1);
-      if (this.map) {
-        this.listenEvents();
+      unClick(callback) {
+        const index = this.userClickCallbacks.indexOf(callback);
+        if (index !== -1) {
+          return;
+        }
+        this.userClickCallbacks = this.userClickCallbacks.slice(index, 1);
+        if (this.map) {
+          this.listenEvents();
+        }
       }
-    }
-    onUserClickCallback(evt) {
-      const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
-      const emptyFeatureInfo = {
-        features: [],
-        layer: this,
-        coordinate,
-        event: evt
-      };
-      return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
-        this.dispatchEvent({
-          type: "user:click",
-          target: featureInfo
-        });
-        return featureInfo;
-      }).catch(() => emptyFeatureInfo);
-    }
-    onUserMoveCallback(evt) {
-      const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
-      const emptyFeatureInfo = {
-        features: [],
-        layer: this,
-        coordinate,
-        event: evt
-      };
-      return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
-        this.dispatchEvent({
-          type: "user:hover",
-          target: featureInfo
-        });
-        return featureInfo;
-      }).catch(() => emptyFeatureInfo);
-    }
-    activateUserInteractions() {
-    }
-    deactivateUserInteractions() {
-    }
-  };
+      unHover(callback) {
+        const index = this.userHoverCallbacks.indexOf(callback);
+        if (index !== -1) {
+          return;
+        }
+        this.userHoverCallbacks = this.userHoverCallbacks.slice(index, 1);
+        if (this.map) {
+          this.listenEvents();
+        }
+      }
+      onUserClickCallback(evt) {
+        const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
+        const emptyFeatureInfo = {
+          features: [],
+          layer: this,
+          coordinate,
+          event: evt
+        };
+        return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
+          this.dispatchEvent({
+            type: "user:click",
+            target: featureInfo
+          });
+          return featureInfo;
+        }).catch(() => emptyFeatureInfo);
+      }
+      onUserMoveCallback(evt) {
+        const coordinate = evt.coordinate || fromLonLat(evt.lngLat.toArray());
+        const emptyFeatureInfo = {
+          features: [],
+          layer: this,
+          coordinate,
+          event: evt
+        };
+        return this.getFeatureInfoAtCoordinate(coordinate).then((featureInfo) => {
+          this.dispatchEvent({
+            type: "user:hover",
+            target: featureInfo
+          });
+          return featureInfo;
+        }).catch(() => emptyFeatureInfo);
+      }
+      activateUserInteractions() {
+      }
+      deactivateUserInteractions() {
+      }
+    };
+  }
   var UserInteractionsLayerMixin_default = UserInteractionsLayerMixin;
 
-  // src/ol/layers/Layer.js
+  // src/ol/layers/Layer.ts
   var Layer3 = class extends UserInteractionsLayerMixin_default(Layer2) {
     constructor(options) {
       super(options);
@@ -48108,7 +48169,9 @@ uniform ${i3} ${o3} u_${a3};
         const attributions = this.copyrights || [];
         if (this.olLayer.getLayers) {
           this.olLayer.getLayers().getArray().forEach((layer) => {
-            layer.getSource()?.setAttributions(attributions);
+            if (layer.getSource) {
+              layer.getSource()?.setAttributions(attributions);
+            }
           });
         } else if (this.olLayer.getSource) {
           this.olLayer.getSource()?.setAttributions(attributions);
@@ -48125,11 +48188,11 @@ uniform ${i3} ${o3} u_${a3};
     }
     activateUserInteractions() {
       this.deactivateUserInteractions();
-      if (this.map && this.userInteractions && this.userClickInteractions && this.userClickCallbacks.length) {
+      if (this.map && this.userInteractions && this.userClickInteractions && this.userClickCallbacks?.length) {
         this.singleClickListenerKey = this.map.on("singleclick", this.onUserClickCallback);
         this.olListenersKeys.push(this.singleClickListenerKey);
       }
-      if (this.map && this.userInteractions && this.userHoverInteractions && this.userHoverCallbacks.length) {
+      if (this.map && this.userInteractions && this.userHoverInteractions && this.userHoverCallbacks?.length) {
         this.pointerMoveListenerKey = this.map.on("pointermove", this.onUserMoveCallback);
       }
     }
@@ -48220,7 +48283,7 @@ uniform ${i3} ${o3} u_${a3};
     });
     return coords;
   };
-  var RoutingControl = class extends Control_default {
+  var RoutingControl = class extends ControlCommon_default {
     constructor(options = {}) {
       super(options);
       Object.defineProperties(this, {
@@ -48587,9 +48650,9 @@ uniform ${i3} ${o3} u_${a3};
   };
   var RoutingControl_default = RoutingControl;
 
-  // src/common/mixins/StopFinderMixin.js
-  var StopFinderMixin = (Base) => class extends Base {
-    constructor(options = {}) {
+  // src/common/controls/StopFinderControlCommon.ts
+  var StopFinderControlCommon = class extends ControlCommon_default {
+    constructor(options) {
       super(options);
       const { apiParams, apiKey, url } = options;
       this.apiParams = { limit: 20, ...apiParams || {} };
@@ -48609,16 +48672,15 @@ uniform ${i3} ${o3} u_${a3};
       this.suggestionsElt.style.display = suggestions.length ? "block" : "none";
       this.suggestionsElt.innerHTML = "";
       suggestions.forEach((suggestion) => {
-        const { properties } = suggestion;
         const suggElt = document.createElement("div");
-        suggElt.innerHTML = properties.name;
+        suggElt.innerHTML = suggestion?.properties?.name;
         suggElt.onclick = () => {
           this.onSuggestionClick(suggestion);
         };
         Object.assign(suggElt.style, {
           padding: "5px 12px"
         });
-        this.suggestionsElt.appendChild(suggElt);
+        this.suggestionsElt?.appendChild(suggElt);
       });
     }
     createDefaultElement() {
@@ -48636,9 +48698,9 @@ uniform ${i3} ${o3} u_${a3};
       this.inputElt = document.createElement("input");
       this.inputElt.type = "text";
       this.inputElt.placeholder = this.placeholder;
-      this.inputElt.autoComplete = "off";
+      this.inputElt.autocomplete = "off";
       this.inputElt.onkeyup = (evt) => {
-        this.abortController.abort();
+        this.abortController?.abort();
         this.abortController = new AbortController();
         this.search(evt.target.value, this.abortController);
       };
@@ -48673,7 +48735,7 @@ uniform ${i3} ${o3} u_${a3};
       if (this.clearElt) {
         this.clearElt.style.display = "block";
       }
-      return this.api.search(this.apiParams, abortController).then((data) => {
+      return this.api.search(this.apiParams, abortController && { signal: abortController.signal }).then((data) => {
         this.render(data);
       }).catch(() => {
         this.render();
@@ -48682,7 +48744,7 @@ uniform ${i3} ${o3} u_${a3};
     onSuggestionClick(suggestion) {
     }
     clear() {
-      if (!this.suggestionsElt) {
+      if (!this.suggestionsElt || !this.inputElt || !this.clearElt) {
         return;
       }
       this.inputElt.value = "";
@@ -48690,27 +48752,27 @@ uniform ${i3} ${o3} u_${a3};
       this.clearElt.style.display = "none";
     }
   };
-  var StopFinderMixin_default = StopFinderMixin;
+  var StopFinderControlCommon_default = StopFinderControlCommon;
 
-  // src/ol/controls/StopFinderControl.js
-  var StopFinderControl = class extends StopFinderMixin_default(Control_default) {
-    onSuggestionClick({ geometry }) {
-      const coord = fromLonLat(geometry.coordinates);
+  // src/ol/controls/StopFinderControl.ts
+  var StopFinderControl = class extends StopFinderControlCommon_default {
+    onSuggestionClick(suggestion) {
+      const coord = fromLonLat(suggestion.geometry.coordinates);
       this.map.getView().setCenter(coord);
     }
   };
   var StopFinderControl_default = StopFinderControl;
 
-  // src/ol/layers/MapboxLayer.js
+  // src/ol/layers/MapboxLayer.ts
   var import_mapbox_gl = __toESM(require_mapbox_gl());
 
-  // src/common/mixins/MapboxLayerMixin.js
-  var MapboxLayerMixin = (Base) => class extends Base {
-    constructor(options = {}) {
+  // src/ol/layers/MapGlLayer.ts
+  var MapGlLayer = class extends Layer_default4 {
+    constructor(options) {
       super(options);
       this.olLayer = new Layer_default({
         source: new Source_default({}),
-        render: this.getOlLayerRender(this)
+        render: this.getOlLayerRender()
       });
       this.styleUrl = options.url;
       this.apiKey = options.apiKey;
@@ -48733,16 +48795,16 @@ uniform ${i3} ${o3} u_${a3};
         this.mbMap.triggerRepaint = () => {
         };
         this.mbMap.remove();
-        this.mbMap = null;
+        this.mbMap = void 0;
       }
       this.loaded = false;
       super.detachFromMap();
     }
     loadMbMap() {
-      this.olListenersKeys.push(this.map.on("change:target", () => {
+      this.olListenersKeys.push(this.map?.on("change:target", () => {
         this.loadMbMap();
       }));
-      if (!this.map.getTargetElement()) {
+      if (!this.map?.getTargetElement()) {
         return;
       }
       if (!this.visible) {
@@ -48755,7 +48817,11 @@ uniform ${i3} ${o3} u_${a3};
       container.style.position = "absolute";
       container.style.width = "100%";
       container.style.height = "100%";
-      if (!this.apiKey && !this.styleUrl.includes(this.apiKeyName)) {
+      if (!this.styleUrl) {
+        console.error(`No styleUrl defined for mapbox layer: ${this.styleUrl}`);
+        return;
+      }
+      if (!this.apiKey && !this.styleUrl?.includes(this.apiKeyName)) {
         console.error(`No apiKey defined for mapbox layer with style url to ${this.styleUrl}`);
       }
       const Map3 = this.getMapboxMapClass();
@@ -48782,22 +48848,29 @@ uniform ${i3} ${o3} u_${a3};
       const newAttributions = getMapboxMapCopyrights_default(evt.target) || [];
       if (this.copyrights?.toString() !== newAttributions.toString()) {
         this.copyrights = newAttributions;
-        this.olLayer.getSource()?.setAttributions(newAttributions);
+        this.olLayer?.getSource()?.setAttributions(newAttributions);
       }
     }
     getFeatureInfoAtCoordinate(coordinate, options) {
       if (!options || !this.format || !this.mbMap || !this.mbMap.isStyleLoaded()) {
         return Promise.resolve({ coordinate, features: [], layer: this });
       }
-      let pixel = coordinate && this.mbMap.project(toLonLat(coordinate));
+      const pixel = coordinate && this.mbMap.project(toLonLat(coordinate));
+      let pixels;
       if (this.hitTolerance) {
         const { x, y } = pixel;
-        pixel = [
-          { x: x - this.hitTolerance, y: y - this.hitTolerance },
-          { x: x + this.hitTolerance, y: y + this.hitTolerance }
+        pixels = [
+          {
+            x: x - this.hitTolerance,
+            y: y - this.hitTolerance
+          },
+          {
+            x: x + this.hitTolerance,
+            y: y + this.hitTolerance
+          }
         ];
       }
-      const features = this.mbMap.queryRenderedFeatures(pixel, options).map((feature2) => {
+      const features = this.mbMap.queryRenderedFeatures(pixels || pixel, options).map((feature2) => {
         const olFeature = this.format.readFeature(feature2);
         if (olFeature) {
           olFeature.set("mapboxFeature", feature2);
@@ -48810,14 +48883,23 @@ uniform ${i3} ${o3} u_${a3};
         coordinate
       });
     }
+    getOlLayerRender() {
+      console.error("This function must be implemented in subclasses");
+      const div = document.createElement("div");
+      return () => div;
+    }
+    getMapboxMapClass() {
+      console.error("This function must be implemented in subclasses");
+      return null;
+    }
   };
-  var MapboxLayerMixin_default = MapboxLayerMixin;
+  var MapGlLayer_default = MapGlLayer;
 
-  // src/ol/layers/MapboxLayer.js
-  var MapboxLayer = class extends MapboxLayerMixin_default(Layer_default4) {
+  // src/ol/layers/MapboxLayer.ts
+  var MapboxLayer = class extends MapGlLayer_default {
     attachToMap(map) {
       super.attachToMap(map);
-      if (!this.map || this.mbMap) {
+      if (!this.map) {
         return;
       }
       this.olListenersKeys.push(this.map.on("change:size", () => {
@@ -48831,7 +48913,7 @@ uniform ${i3} ${o3} u_${a3};
       }));
     }
     loadMbMap() {
-      let [x, y] = this.map.getView().getCenter();
+      let [x, y] = this.map?.getView().getCenter() || [];
       if (!x || !y) {
         x = 0;
         y = 0;
@@ -48849,14 +48931,17 @@ uniform ${i3} ${o3} u_${a3};
         return;
       }
       this.mbMap.once("load", () => {
+        if (!this.mbMap) {
+          return;
+        }
         this.mbMap.resize();
         this.copyrights = getMapboxMapCopyrights_default(this.mbMap) || [];
-        this.olLayer.getSource()?.setAttributions(this.copyrights);
+        this.olLayer?.getSource()?.setAttributions(this.copyrights);
       });
       const mapboxCanvas = this.mbMap.getCanvas();
       if (mapboxCanvas) {
         if (this.options.tabIndex) {
-          mapboxCanvas.setAttribute("tabindex", this.options.tabIndex);
+          mapboxCanvas.setAttribute("tabindex", `${this.options.tabIndex}`);
         } else {
           mapboxCanvas.removeAttribute("tabindex");
         }
@@ -48873,9 +48958,9 @@ uniform ${i3} ${o3} u_${a3};
     }
   };
 
-  // src/ol/layers/MaplibreLayer.js
+  // src/ol/layers/MaplibreLayer.ts
   var import_maplibre_gl = __toESM(require_maplibre_gl());
-  var MaplibreLayer = class extends MapboxLayerMixin_default(Layer_default4) {
+  var MaplibreLayer = class extends MapGlLayer_default {
     getOlLayerRender() {
       return getMaplibreRender(this);
     }
@@ -49075,419 +49160,454 @@ uniform ${i3} ${o3} u_${a3};
   };
   var MapboxStyleLayer_default = MapboxStyleLayer;
 
-  // src/common/mixins/RealtimeLayerMixin.js
+  // src/common/mixins/RealtimeLayerMixin.ts
   var import_lodash = __toESM(require_lodash());
   var import_lodash2 = __toESM(require_lodash2());
-  var RealtimeLayerMixin = (Base) => class extends Base {
-    constructor(options = {}) {
-      super({
-        hitTolerance: 10,
-        ...options
-      });
-      this.debug = options.debug;
-      this.mode = options.mode || RealtimeModes.TOPOGRAPHIC;
-      this.api = options.api || new RealtimeAPI_default(options);
-      this.tenant = options.tenant || "";
-      this.minZoomNonTrain = options.minZoomNonTrain || 9;
-      this.minZoomInterpolation = options.minZoomInterpolation || 8;
-      this.format = new GeoJSON_default();
-      this.generalizationLevelByZoom = options.generalizationLevelByZoom || [
-        5,
-        5,
-        5,
-        5,
-        5,
-        5,
-        5,
-        5,
-        10,
-        30,
-        30,
-        100,
-        100,
-        100
-      ];
-      this.getGeneralizationLevelByZoom = (zoom) => {
-        return options.getGeneralizationLevelByZoom && options.getGeneralizationLevelByZoom(zoom, this.generalizationLevelByZoom) || this.generalizationLevelByZoom[zoom];
-      };
-      this.renderTimeIntervalByZoom = options.renderTimeIntervalByZoom || [
-        1e5,
-        5e4,
-        4e4,
-        3e4,
-        2e4,
-        15e3,
-        1e4,
-        5e3,
-        2e3,
-        1e3,
-        400,
-        300,
-        250,
-        180,
-        90,
-        60,
-        50,
-        50,
-        50,
-        50,
-        50
-      ];
-      this.getRenderTimeIntervalByZoom = (zoom) => {
-        return options.getRenderTimeIntervalByZoom && options.getRenderTimeIntervalByZoom(zoom, this.renderTimeIntervalByZoom) || this.renderTimeIntervalByZoom[zoom];
-      };
-      this.isUpdateBboxOnMoveEnd = options.isUpdateBboxOnMoveEnd !== false;
-      this.throttleRenderTrajectories = (0, import_lodash2.default)(this.renderTrajectoriesInternal, 50, { leading: false, trailing: true });
-      this.debounceRenderTrajectories = (0, import_lodash.default)(this.renderTrajectoriesInternal, 50, { leading: true, trailing: true, maxWait: 5e3 });
-      this.onFeatureHover = this.onFeatureHover.bind(this);
-      this.onFeatureClick = this.onFeatureClick.bind(this);
-      this.renderTrajectoriesInternal = this.renderTrajectoriesInternal.bind(this);
-      this.onTrajectoryMessage = this.onTrajectoryMessage.bind(this);
-      this.onDeleteTrajectoryMessage = this.onDeleteTrajectoryMessage.bind(this);
-      this.onDocumentVisibilityChange = this.onDocumentVisibilityChange.bind(this);
-    }
-    defineProperties(options) {
-      const {
-        style,
-        speed,
-        pixelRatio,
-        hoverVehicleId,
-        selectedVehicleId,
-        filter,
-        sort,
-        time,
-        live,
-        canvas: canvas2,
-        styleOptions
-      } = options;
-      let currSpeed = speed || 1;
-      let currTime = time || new Date();
-      super.defineProperties(options);
-      Object.defineProperties(this, {
-        isTrackerLayer: { value: true },
-        canvas: {
-          value: canvas2 || document.createElement("canvas")
-        },
-        style: {
-          value: style || realtimeDefaultStyle_default
-        },
-        styleOptions: {
-          value: { ...trackerConfig_exports, ...styleOptions || {} }
-        },
-        speed: {
-          get: () => currSpeed,
-          set: (newSpeed) => {
-            currSpeed = newSpeed;
-            this.start();
-          }
-        },
-        filter: {
-          value: filter,
-          writable: true
-        },
-        sort: {
-          value: sort,
-          writable: true
-        },
-        live: {
-          value: live === false ? live : true,
-          writable: true
-        },
-        time: {
-          get: () => currTime,
-          set: (newTime) => {
-            currTime = newTime && newTime.getTime ? newTime : new Date(newTime);
-            this.renderTrajectories();
+  function RealtimeLayerMixin(Base) {
+    return class Mixin extends Base {
+      constructor(options) {
+        super({
+          hitTolerance: 10,
+          ...options
+        });
+        this.debug = options.debug || false;
+        this.mode = options.mode || RealtimeModes.TOPOGRAPHIC;
+        this.api = options.api || new RealtimeAPI_default(options);
+        this.tenant = options.tenant || "";
+        this.minZoomNonTrain = options.minZoomNonTrain || 9;
+        this.minZoomInterpolation = options.minZoomInterpolation || 8;
+        this.format = new GeoJSON_default();
+        this.generalizationLevelByZoom = options.generalizationLevelByZoom || [
+          5,
+          5,
+          5,
+          5,
+          5,
+          5,
+          5,
+          5,
+          10,
+          30,
+          30,
+          100,
+          100,
+          100
+        ];
+        this.getGeneralizationLevelByZoom = (zoom) => {
+          return options.getGeneralizationLevelByZoom && options.getGeneralizationLevelByZoom(zoom, this.generalizationLevelByZoom) || this.generalizationLevelByZoom[zoom];
+        };
+        this.renderTimeIntervalByZoom = options.renderTimeIntervalByZoom || [
+          1e5,
+          5e4,
+          4e4,
+          3e4,
+          2e4,
+          15e3,
+          1e4,
+          5e3,
+          2e3,
+          1e3,
+          400,
+          300,
+          250,
+          180,
+          90,
+          60,
+          50,
+          50,
+          50,
+          50,
+          50
+        ];
+        this.getRenderTimeIntervalByZoom = (zoom) => {
+          return options.getRenderTimeIntervalByZoom && options.getRenderTimeIntervalByZoom(zoom, this.renderTimeIntervalByZoom) || this.renderTimeIntervalByZoom[zoom];
+        };
+        this.isUpdateBboxOnMoveEnd = options.isUpdateBboxOnMoveEnd !== false;
+        this.throttleRenderTrajectories = (0, import_lodash2.default)(this.renderTrajectoriesInternal, 50, { leading: false, trailing: true });
+        this.debounceRenderTrajectories = (0, import_lodash.default)(this.renderTrajectoriesInternal, 50, { leading: true, trailing: true, maxWait: 5e3 });
+        this.onFeatureHover = this.onFeatureHover.bind(this);
+        this.onFeatureClick = this.onFeatureClick.bind(this);
+        this.renderTrajectoriesInternal = this.renderTrajectoriesInternal.bind(this);
+        this.onTrajectoryMessage = this.onTrajectoryMessage.bind(this);
+        this.onDeleteTrajectoryMessage = this.onDeleteTrajectoryMessage.bind(this);
+        this.onDocumentVisibilityChange = this.onDocumentVisibilityChange.bind(this);
+      }
+      defineProperties(options) {
+        const {
+          style,
+          speed,
+          pixelRatio,
+          hoverVehicleId,
+          selectedVehicleId,
+          filter,
+          sort,
+          time,
+          live,
+          canvas: canvas2,
+          styleOptions
+        } = options;
+        let currSpeed = speed || 1;
+        let currTime = time || new Date();
+        super.defineProperties(options);
+        Object.defineProperties(this, {
+          isTrackerLayer: { value: true },
+          canvas: {
+            value: canvas2 || document.createElement("canvas")
+          },
+          style: {
+            value: style || realtimeDefaultStyle_default
+          },
+          styleOptions: {
+            value: { ...trackerConfig_exports, ...styleOptions || {} }
+          },
+          speed: {
+            get: () => currSpeed,
+            set: (newSpeed) => {
+              currSpeed = newSpeed;
+              this.start();
+            }
+          },
+          filter: {
+            value: filter,
+            writable: true
+          },
+          sort: {
+            value: sort,
+            writable: true
+          },
+          live: {
+            value: live === false ? live : true,
+            writable: true
+          },
+          time: {
+            get: () => currTime,
+            set: (newTime) => {
+              currTime = newTime && newTime.getTime ? newTime : new Date(newTime);
+              this.renderTrajectories();
+            }
+          },
+          trajectories: {
+            value: {},
+            writable: true
+          },
+          hoverVehicleId: {
+            value: hoverVehicleId,
+            writable: true
+          },
+          selectedVehicleId: {
+            value: selectedVehicleId,
+            writable: true
+          },
+          pixelRatio: {
+            value: pixelRatio || (typeof window !== "undefined" ? window.devicePixelRatio : 1),
+            writable: true
+          },
+          useRequestAnimationFrame: {
+            value: options.useRequestAnimationFrame || false,
+            writable: true
+          },
+          useThrottle: {
+            value: options.useThrottle !== false,
+            writable: true
+          },
+          useDebounce: {
+            value: options.useDebounce || false,
+            writable: true
           }
-        },
-        trajectories: {
-          value: {},
-          writable: true
-        },
-        hoverVehicleId: {
-          value: hoverVehicleId,
-          writable: true
-        },
-        selectedVehicleId: {
-          value: selectedVehicleId,
-          writable: true
-        },
-        pixelRatio: {
-          value: pixelRatio || (typeof window !== "undefined" ? window.devicePixelRatio : 1),
-          writable: true
-        },
-        useRequestAnimationFrame: {
-          value: options.useRequestAnimationFrame || false,
-          writable: true
-        },
-        useThrottle: {
-          value: options.useThrottle !== false,
-          writable: true
-        },
-        useDebounce: {
-          value: options.useDebounce || false,
-          writable: true
-        }
-      });
-    }
-    attachToMap(map) {
-      super.attachToMap(map);
-      if (this.visible) {
-        this.start();
+        });
       }
-      this.visibilityRef = this.on("change:visible", (evt) => {
-        if (evt.target.visible) {
+      attachToMap(map) {
+        super.attachToMap(map);
+        if (this.visible) {
           this.start();
-        } else {
-          this.stop();
         }
-      });
-      document.addEventListener("visibilitychange", this.onDocumentVisibilityChange);
-    }
-    detachFromMap() {
-      document.removeEventListener("visibilitychange", this.onDocumentVisibilityChange);
-      this.stop();
-      unByKey(this.visibilityRef);
-      const context = this.canvas.getContext("2d");
-      context.clearRect(0, 0, this.canvas.width, this.canvas.height);
-      super.detachFromMap();
-    }
-    start() {
-      this.stop();
-      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);
-      if (this.isUpdateBboxOnMoveEnd) {
-        this.setBbox();
-      }
-    }
-    startUpdateTime() {
-      this.stopUpdateTime();
-      this.updateTimeDelay = this.getRefreshTimeInMs();
-      this.updateTimeInterval = setInterval(() => {
-        this.time = this.live ? new Date() : this.time.getTime() + this.updateTimeDelay * this.speed;
-      }, this.updateTimeDelay);
-    }
-    stop() {
-      this.api.unsubscribeTrajectory(this.onTrajectoryMessage);
-      this.api.unsubscribeDeletedVehicles(this.onDeleteTrajectoryMessage);
-      this.api.close();
-    }
-    stopUpdateTime() {
-      if (this.updateTimeInterval) {
-        clearInterval(this.updateTimeInterval);
-      }
-    }
-    renderTrajectoriesInternal(viewState, noInterpolate) {
-      if (!this.map) {
-        return false;
-      }
-      const time = this.live ? Date.now() : this.time;
-      const trajectories = Object.values(this.trajectories);
-      if (this.sort) {
-        trajectories.sort(this.sort);
-      }
-      this.renderState = renderTrajectories_default(this.canvas, trajectories, this.style, { ...viewState, pixelRatio: this.pixelRatio, time }, {
-        noInterpolate: viewState.zoom < this.minZoomInterpolation ? true : noInterpolate,
-        hoverVehicleId: this.hoverVehicleId,
-        selectedVehicleId: this.selectedVehicleId,
-        ...this.styleOptions
-      });
-      return true;
-    }
-    renderTrajectories(viewState, noInterpolate) {
-      if (this.requestId) {
-        cancelAnimationFrame(this.requestId);
-        this.requestId = null;
-      }
-      if (!noInterpolate && this.useRequestAnimationFrame) {
-        this.requestId = requestAnimationFrame(() => {
-          this.renderTrajectoriesInternal(viewState, noInterpolate);
+        this.visibilityRef = this.on("change:visible", (evt) => {
+          if (evt.target.visible) {
+            this.start();
+          } else {
+            this.stop();
+          }
         });
-      } else if (!noInterpolate && this.useDebounce) {
-        this.debounceRenderTrajectories(viewState, noInterpolate);
-      } else if (!noInterpolate && this.useThrottle) {
-        this.throttleRenderTrajectories(viewState, noInterpolate);
-      } else {
-        this.renderTrajectoriesInternal(viewState, noInterpolate);
+        document.addEventListener("visibilitychange", this.onDocumentVisibilityChange);
       }
-    }
-    setBbox(extent, zoom) {
-      const keys = Object.keys(this.trajectories);
-      for (let i = keys.length - 1; i >= 0; i -= 1) {
-        this.purgeTrajectory(this.trajectories[keys[i]], extent, zoom);
+      detachFromMap() {
+        document.removeEventListener("visibilitychange", this.onDocumentVisibilityChange);
+        this.stop();
+        unByKey(this.visibilityRef);
+        if (this.canvas) {
+          const context = this.canvas.getContext("2d");
+          context?.clearRect(0, 0, this.canvas.width, this.canvas.height);
+          super.detachFromMap();
+        }
       }
-      const bbox = [...extent];
-      if (this.isUpdateBboxOnMoveEnd) {
-        bbox.push(zoom);
-        if (this.tenant) {
-          bbox.push(`tenant=${this.tenant}`);
+      start() {
+        this.stop();
+        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);
+        if (this.isUpdateBboxOnMoveEnd) {
+          this.setBbox();
+        }
+      }
+      startUpdateTime() {
+        this.stopUpdateTime();
+        this.updateTimeDelay = this.getRefreshTimeInMs() || 0;
+        this.updateTimeInterval = window.setInterval(() => {
+          if (this.live) {
+            this.time = new Date();
+          } else if (this.time && this.updateTimeDelay && this.speed) {
+            this.time = new Date(this.time.getTime() + this.updateTimeDelay * this.speed);
+          }
+        }, this.updateTimeDelay);
+      }
+      stop() {
+        this.api.unsubscribeTrajectory(this.onTrajectoryMessage);
+        this.api.unsubscribeDeletedVehicles(this.onDeleteTrajectoryMessage);
+        this.api.close();
+      }
+      stopUpdateTime() {
+        if (this.updateTimeInterval) {
+          clearInterval(this.updateTimeInterval);
+          this.updateTimeInterval = void 0;
+        }
+      }
+      renderTrajectoriesInternal(viewState, noInterpolate = false) {
+        if (!this.map || !this.trajectories) {
+          return false;
         }
-        this.generalizationLevel = this.getGeneralizationLevelByZoom(zoom);
-        if (this.generalizationLevel) {
-          bbox.push(`gen=${this.generalizationLevel}`);
+        const time = this.live ? Date.now() : this.time?.getTime();
+        const trajectories = Object.values(this.trajectories);
+        if (this.sort) {
+          trajectories.sort(this.sort);
         }
-      }
-      this.api.bbox = bbox;
-    }
-    setMode(mode) {
-      if (this.mode === mode) {
-        return;
-      }
-      this.mode = mode;
-      this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
-      this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
-    }
-    getRefreshTimeInMs(zoom) {
-      const roundedZoom = Math.round(zoom);
-      const timeStep = this.getRenderTimeIntervalByZoom(roundedZoom) || 25;
-      const nextTick = Math.max(25, timeStep / this.speed);
-      const nextThrottleTick = Math.min(nextTick, 500);
-      if (this.useThrottle) {
-        this.throttleRenderTrajectories = (0, import_lodash2.default)(this.renderTrajectoriesInternal, nextThrottleTick, { leading: true, trailing: true });
-      } else if (this.useDebounce) {
-        this.debounceRenderTrajectories = (0, import_lodash.default)(this.renderTrajectoriesInternal, nextThrottleTick, { leading: true, trailing: true, maxWait: 5e3 });
-      }
-      if (this.api?.buffer) {
-        const [, size] = this.api.buffer;
-        this.api.buffer = [nextThrottleTick, size];
-      }
-      return nextTick;
-    }
-    getVehicle(filterFc) {
-      return Object.values(this.trajectories).filter(filterFc);
-    }
-    getFeatureInfoAtCoordinate(coordinate, options = {}) {
-      const { resolution, nb } = options;
-      const ext = buffer([...coordinate, ...coordinate], this.hitTolerance * resolution);
-      let trajectories = Object.values(this.trajectories);
-      if (this.sort) {
-        trajectories = trajectories.sort(this.sort);
-      }
-      const vehicles = [];
-      for (let i = 0; i < trajectories.length; i += 1) {
-        if (trajectories[i].properties.coordinate && containsCoordinate(ext, trajectories[i].properties.coordinate)) {
-          vehicles.push(trajectories[i]);
-        }
-        if (vehicles.length === nb) {
-          break;
+        if (!this.canvas || !this.style) {
+          return true;
         }
-      }
-      return Promise.resolve({
-        layer: this,
-        features: vehicles.map((vehicle) => this.format.readFeature(vehicle)),
-        coordinate
-      });
-    }
-    getTrajectoryInfos(id) {
-      const promises = [
-        this.api.getStopSequence(id, this.mode),
-        this.api.getFullTrajectory(id, this.mode, this.generalizationLevel)
-      ];
-      return Promise.all(promises).then(([stopSequence, fullTrajectory]) => {
-        const response = {
-          stopSequence,
-          fullTrajectory
-        };
-        return response;
-      });
-    }
-    purgeTrajectory(trajectory, extent, zoom) {
-      const { type, bounds, train_id: id } = trajectory.properties;
-      if (!intersects(extent, bounds) || type !== "rail" && zoom < (this.minZoomNonTrain || 9)) {
-        this.removeTrajectory(id);
+        this.renderState = renderTrajectories_default(this.canvas, trajectories, this.style, {
+          ...viewState,
+          pixelRatio: this.pixelRatio || 1,
+          time
+        }, {
+          noInterpolate: (viewState.zoom || 0) < this.minZoomInterpolation ? true : noInterpolate,
+          hoverVehicleId: this.hoverVehicleId,
+          selectedVehicleId: this.selectedVehicleId,
+          ...this.styleOptions
+        });
         return true;
       }
-      return false;
-    }
-    addTrajectory(trajectory) {
-      if (this.filter && !this.filter(trajectory)) {
-        return;
+      renderTrajectories(viewState, noInterpolate) {
+        if (this.requestId) {
+          cancelAnimationFrame(this.requestId);
+          this.requestId = void 0;
+        }
+        if (!viewState) {
+          return;
+        }
+        if (!noInterpolate && this.useRequestAnimationFrame) {
+          this.requestId = requestAnimationFrame(() => {
+            this.renderTrajectoriesInternal(viewState, noInterpolate);
+          });
+        } else if (!noInterpolate && this.useDebounce) {
+          this.debounceRenderTrajectories(viewState, noInterpolate);
+        } else if (!noInterpolate && this.useThrottle) {
+          this.throttleRenderTrajectories(viewState, noInterpolate);
+        } else {
+          this.renderTrajectoriesInternal(viewState, noInterpolate);
+        }
       }
-      this.trajectories[trajectory.properties.train_id] = trajectory;
-      this.renderTrajectories();
-    }
-    removeTrajectory(id) {
-      delete this.trajectories[id];
-    }
-    onZoomEnd(evt) {
-      this.startUpdateTime();
-    }
-    onDocumentVisibilityChange() {
-      if (!this.visible) {
-        return;
+      setBbox(extent, zoom) {
+        if (this.trajectories && extent && zoom) {
+          const keys = Object.keys(this.trajectories);
+          for (let i = keys.length - 1; i >= 0; i -= 1) {
+            this.purgeTrajectory(this.trajectories[keys[i]], extent, zoom);
+          }
+        }
+        if (!extent) {
+          return;
+        }
+        const bbox = [...extent];
+        if (this.isUpdateBboxOnMoveEnd && zoom) {
+          bbox.push(zoom);
+          if (this.tenant) {
+            bbox.push(`tenant=${this.tenant}`);
+          }
+          this.generalizationLevel = this.getGeneralizationLevelByZoom(zoom);
+          if (this.generalizationLevel) {
+            bbox.push(`gen=${this.generalizationLevel}`);
+          }
+        }
+        this.api.bbox = bbox;
       }
-      if (document.hidden) {
-        this.stop();
-      } else {
-        this.start();
+      setMode(mode) {
+        if (this.mode === mode) {
+          return;
+        }
+        this.mode = mode;
+        this.api.subscribeTrajectory(this.mode, this.onTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
+        this.api.subscribeDeletedVehicles(this.mode, this.onDeleteTrajectoryMessage, this.isUpdateBboxOnMoveEnd);
+      }
+      getRefreshTimeInMs(zoom = 0) {
+        const roundedZoom = zoom !== void 0 ? Math.round(zoom) : -1;
+        const timeStep = this.getRenderTimeIntervalByZoom(roundedZoom) || 25;
+        const nextTick = Math.max(25, timeStep / (this.speed || 1));
+        const nextThrottleTick = Math.min(nextTick, 500);
+        if (this.useThrottle) {
+          this.throttleRenderTrajectories = (0, import_lodash2.default)(this.renderTrajectoriesInternal, nextThrottleTick, { leading: true, trailing: true });
+        } else if (this.useDebounce) {
+          this.debounceRenderTrajectories = (0, import_lodash.default)(this.renderTrajectoriesInternal, nextThrottleTick, { leading: true, trailing: true, maxWait: 5e3 });
+        }
+        if (this.api?.buffer) {
+          const [, size] = this.api.buffer;
+          this.api.buffer = [nextThrottleTick, size];
+        }
+        return nextTick;
+      }
+      getVehicle(filterFc) {
+        return this.trajectories && Object.values(this.trajectories).filter(filterFc) || [];
+      }
+      getFeatureInfoAtCoordinate(coordinate, options) {
+        const { resolution, nb } = options;
+        const ext = buffer([...coordinate, ...coordinate], this.hitTolerance * resolution);
+        let trajectories = Object.values(this.trajectories || {});
+        if (this.sort) {
+          trajectories = trajectories.sort(this.sort);
+        }
+        const vehicles = [];
+        for (let i = 0; i < trajectories.length; i += 1) {
+          if (trajectories[i].properties.coordinate && containsCoordinate(ext, trajectories[i].properties.coordinate)) {
+            vehicles.push(trajectories[i]);
+          }
+          if (vehicles.length === nb) {
+            break;
+          }
+        }
+        return Promise.resolve({
+          layer: this,
+          features: vehicles.map((vehicle) => this.format.readFeature(vehicle)),
+          coordinate
+        });
       }
-    }
-    onTrajectoryMessage(data) {
-      if (!data.content) {
-        return;
+      getTrajectoryInfos(id) {
+        const promises = [
+          this.api.getStopSequence(id),
+          this.api.getFullTrajectory(id, this.mode, this.generalizationLevel)
+        ];
+        return Promise.all(promises).then(([stopSequence, fullTrajectory]) => {
+          const response = {
+            stopSequence,
+            fullTrajectory
+          };
+          return response;
+        });
       }
-      const trajectory = data.content;
-      const {
-        geometry,
-        properties: {
-          train_id: id,
-          time_since_update: timeSinceUpdate,
-          raw_coordinates: rawCoordinates
+      purgeTrajectory(trajectory, extent, zoom) {
+        const { type, bounds } = trajectory.properties;
+        if (!intersects(extent, bounds) || type !== "rail" && zoom < (this.minZoomNonTrain || 9)) {
+          this.removeTrajectory(trajectory);
+          return true;
         }
-      } = trajectory;
-      if (timeSinceUpdate < 0) {
-        return;
+        return false;
       }
-      if (this.purgeTrajectory(trajectory)) {
-        return;
+      addTrajectory(trajectory) {
+        if (this.filter && !this.filter(trajectory)) {
+          return;
+        }
+        if (!this.trajectories) {
+          this.trajectories = {};
+        }
+        this.trajectories[trajectory.properties.train_id] = trajectory;
+        this.renderTrajectories();
       }
-      if (this.debug && this.mode === RealtimeModes.TOPOGRAPHIC && rawCoordinates) {
-        trajectory.properties.olGeometry = {
-          type: "Point",
-          coordinates: fromLonLat(rawCoordinates, this.map.getView().getProjection())
-        };
-      } else {
-        trajectory.properties.olGeometry = this.format.readGeometry(geometry);
+      removeTrajectory(trajectoryOrId) {
+        let id;
+        if (typeof trajectoryOrId !== "string") {
+          id = trajectoryOrId?.properties?.train_id;
+        } else {
+          id = trajectoryOrId;
+        }
+        if (this.trajectories) {
+          delete this.trajectories[id];
+        }
       }
-      trajectory.properties.timeOffset = Date.now() - data.timestamp;
-      this.addTrajectory(trajectory);
-    }
-    onDeleteTrajectoryMessage(data) {
-      if (!data.content) {
-        return;
+      onZoomEnd() {
+        this.startUpdateTime();
       }
-      this.removeTrajectory(data.content);
-    }
-    onFeatureHover(features, layer, coordinate) {
-      const [feature2] = features;
-      let id = null;
-      if (feature2) {
-        id = feature2.get("train_id");
+      onDocumentVisibilityChange() {
+        if (!this.visible) {
+          return;
+        }
+        if (document.hidden) {
+          this.stop();
+        } else {
+          this.start();
+        }
       }
-      if (this.hoverVehicleId !== id) {
-        this.hoverVehicleId = id;
-        this.renderTrajectories(true);
+      onTrajectoryMessage(data) {
+        if (!data.content) {
+          return;
+        }
+        const trajectory = data.content;
+        const {
+          geometry,
+          properties: {
+            train_id: id,
+            time_since_update: timeSinceUpdate,
+            raw_coordinates: rawCoordinates
+          }
+        } = trajectory;
+        if (timeSinceUpdate < 0) {
+          return;
+        }
+        if (this.purgeTrajectory(trajectory)) {
+          return;
+        }
+        if (this.debug && this.mode === RealtimeModes.TOPOGRAPHIC && rawCoordinates) {
+          trajectory.properties.olGeometry = {
+            type: "Point",
+            coordinates: fromLonLat(rawCoordinates, this.map.getView().getProjection())
+          };
+        } else {
+          trajectory.properties.olGeometry = this.format.readGeometry(geometry);
+        }
+        trajectory.properties.timeOffset = Date.now() - data.timestamp;
+        this.addTrajectory(trajectory);
       }
-    }
-    onFeatureClick(features, layer, coordinate) {
-      const [feature2] = features;
-      let id = null;
-      if (feature2) {
-        id = feature2.get("train_id");
+      onDeleteTrajectoryMessage(data) {
+        if (!data.content) {
+          return;
+        }
+        this.removeTrajectory(data.content);
       }
-      if (this.selectedVehicleId !== id) {
-        this.selectedVehicleId = id;
-        this.selectedVehicle = feature2;
-        this.renderTrajectories(true);
+      onFeatureHover(features, layer, coordinate) {
+        const [feature2] = features;
+        let id = null;
+        if (feature2) {
+          id = feature2.get("train_id");
+        }
+        if (this.hoverVehicleId !== id) {
+          this.hoverVehicleId = id;
+          this.renderTrajectories(true);
+        }
       }
-    }
-  };
+      onFeatureClick(features, layer, coordinate) {
+        const [feature2] = features;
+        let id = null;
+        if (feature2) {
+          id = feature2.get("train_id");
+        }
+        if (this.selectedVehicleId !== id) {
+          this.selectedVehicleId = id;
+          this.selectedVehicle = feature2;
+          this.renderTrajectories(true);
+        }
+      }
+    };
+  }
   var RealtimeLayerMixin_default = RealtimeLayerMixin;
 
-  // src/ol/styles/fullTrajectoryStyle.js
+  // src/ol/styles/fullTrajectoryStyle.ts
   var borderStyle = new Style_default({
     zIndex: 2,
     image: new Circle_default({
@@ -49562,10 +49682,10 @@ uniform ${i3} ${o3} u_${a3};
   };
   var fullTrajectoryDelayStyle_default = fullTrajectoryDelaystyle;
 
-  // src/ol/layers/RealtimeLayer.js
+  // src/ol/layers/RealtimeLayer.ts
   var format = new GeoJSON_default();
   var RealtimeLayer = class extends RealtimeLayerMixin_default(Layer_default4) {
-    constructor(options = {}) {
+    constructor(options) {
       super({
         ...options
       });
@@ -49590,11 +49710,13 @@ uniform ${i3} ${o3} u_${a3};
                 this.transformContainer.style.width = "100%";
                 this.transformContainer.style.height = "100%";
                 this.container.appendChild(this.transformContainer);
-                this.canvas.style.position = "absolute";
-                this.canvas.style.top = "0";
-                this.canvas.style.left = "0";
-                this.canvas.style.transformOrigin = "top left";
-                this.transformContainer.appendChild(this.canvas);
+                if (this.canvas) {
+                  this.canvas.style.position = "absolute";
+                  this.canvas.style.top = "0";
+                  this.canvas.style.left = "0";
+                  this.canvas.style.transformOrigin = "top left";
+                  this.transformContainer.appendChild(this.canvas);
+                }
               }
               if (this.renderedViewState) {
                 const { center, resolution, rotation } = frameState.viewState;
@@ -49604,8 +49726,8 @@ uniform ${i3} ${o3} u_${a3};
                   rotation: renderedRotation
                 } = this.renderedViewState;
                 if (renderedResolution / resolution >= 3) {
-                  const context = this.canvas.getContext("2d");
-                  context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+                  const context = this.canvas?.getContext("2d");
+                  context?.clearRect(0, 0, this.canvas?.width, this.canvas?.height);
                 } else {
                   const pixelCenterRendered = this.map.getPixelFromCoordinate(renderedCenter);
                   const pixelCenter = this.map.getPixelFromCoordinate(center);
@@ -49620,7 +49742,7 @@ uniform ${i3} ${o3} u_${a3};
       this.vectorLayer = this.olLayer.getLayers().item(0);
       this.renderState = {
         center: [0, 0],
-        zoom: null,
+        zoom: void 0,
         rotation: 0
       };
     }
@@ -49634,7 +49756,7 @@ uniform ${i3} ${o3} u_${a3};
           }
           const zoom = view.getZoom();
           if (this.currentZoom !== zoom) {
-            this.onZoomEnd(evt);
+            this.onZoomEnd();
           }
           this.currentZoom = zoom;
           this.onMoveEnd(evt);
@@ -49649,7 +49771,7 @@ uniform ${i3} ${o3} u_${a3};
       if (this.map && this.canvas) {
         const context = this.canvas.getContext("2d");
         const pixel = this.map.getPixelFromCoordinate(coordinate);
-        return !!context.getImageData(pixel[0] * this.pixelRatio, pixel[1] * this.pixelRatio, 1, 1).data[3];
+        return !!context?.getImageData(pixel[0] * (this.pixelRatio || 1), pixel[1] * (this.pixelRatio || 1), 1, 1).data[3];
       }
       return false;
     }
@@ -49693,7 +49815,7 @@ uniform ${i3} ${o3} u_${a3};
         ...options
       });
     }
-    onMoveEnd() {
+    onMoveEnd(evt) {
       if (this.visible && this.isUpdateBboxOnMoveEnd) {
         this.setBbox();
       }
@@ -49701,8 +49823,8 @@ uniform ${i3} ${o3} u_${a3};
         this.highlightTrajectory(this.selectedVehicleId);
       }
     }
-    onZoomEnd(evt) {
-      super.onZoomEnd(evt);
+    onZoomEnd() {
+      super.onZoomEnd();
     }
     onFeatureHover(features, layer, coordinate) {
       super.onFeatureHover(features, layer, coordinate);
@@ -49840,8 +49962,8 @@ uniform ${i3} ${o3} u_${a3};
     trackerConfig: () => trackerConfig_exports
   });
 
-  // src/mapbox/controls/CopyrightControl.js
-  var CopyrightControl2 = class extends CopyrightMixin_default(Control_default) {
+  // src/mapbox/controls/CopyrightControl.ts
+  var CopyrightControl2 = class extends CopyrightControlCommon_default {
     constructor(options) {
       super(options);
       this.render = this.render.bind(this);