mobility-toolbox-js 2.0.0-beta.51 → 2.0.0-beta.53

package/mbt.js

@@ -33293,7 +33293,7 @@ uniform ${i3} ${o3} u_${a3};
     StopsAPI: () => StopsAPI_default,
     VectorLayer: () => VectorLayer_default2,
     WMSLayer: () => WMSLayer_default,
-    createTrackerFilters: () => createTrackerFilters_default,
+    createRealtimeFilters: () => createRealtimeFilters_default,
     fullTrajectoryDelayStyle: () => fullTrajectoryDelayStyle_default,
     fullTrajectoryStyle: () => fullTrajectoryStyle_default,
     getCircleCanvas: () => getCircleCanvas,
@@ -33309,13 +33309,13 @@ 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
+    sortByDelay: () => sortByDelay_default
   });
 
   // node_modules/ol/events/Event.js
@@ -33862,7 +33862,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 || {};
@@ -34154,7 +34154,7 @@ uniform ${i3} ${o3} u_${a3};
   };
   var cleanStopTime_default = cleanStopTime;
 
-  // src/common/utils/getRealtimeModeSuffix.js
+  // src/common/utils/getRealtimeModeSuffix.ts
   var getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? "_schematic" : "";
   var getRealtimeModeSuffix_default = getModeSuffix;
 
@@ -34209,8 +34209,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: {
@@ -34586,8 +34589,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;
@@ -34620,14 +34623,18 @@ uniform ${i3} ${o3} u_${a3};
       const routes = typeof route === "string" ? route.split(",") : route;
       const routeList = routes.map((item) => parseInt(item, 10));
       const routeFilter = (item) => {
-        const routeId = parseInt(item.properties.routeIdentifier.split(".")[0], 10);
+        const routeIdentifier = item.properties.route_identifier || item.properties.routeIdentifier || "";
+        const routeId = parseInt(routeIdentifier.split(".")[0], 10);
         return routeList.includes(routeId);
       };
       filterList.push(routeFilter);
     }
     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) => {
+        const tenant = item.properties.operator || item.properties.tenant || "";
+        return new RegExp(op, "i").test(tenant);
+      });
       filterList.push(operatorFilter);
     }
     if (!filterList.length) {
@@ -34642,7 +34649,7 @@ uniform ${i3} ${o3} u_${a3};
       return true;
     };
   };
-  var createTrackerFilters_default = createFilters;
+  var createRealtimeFilters_default = createRealtimeFilters;
 
   // src/common/utils/getLayersAsFlatArray.ts
   var getLayersAsFlatArray = (layersOrLayer) => {
@@ -34660,7 +34667,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;
@@ -34673,7 +34680,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 "";
@@ -34682,7 +34689,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;
@@ -34862,7 +34869,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,
@@ -35867,22 +35874,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();
@@ -35896,10 +35903,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();
@@ -35952,9 +35960,9 @@ uniform ${i3} ${o3} u_${a3};
     };
   }
 
-  // src/common/utils/trackerConfig.js
-  var trackerConfig_exports = {};
-  __export(trackerConfig_exports, {
+  // src/common/utils/realtimeConfig.ts
+  var realtimeConfig_exports = {};
+  __export(realtimeConfig_exports, {
     bgColors: () => bgColors,
     getBgColor: () => getBgColor,
     getDelayColor: () => getDelayColor,
@@ -35966,18 +35974,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,
@@ -36023,25 +36031,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) => {
@@ -37260,8 +37268,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;
@@ -37277,31 +37285,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])) {
@@ -37311,31 +37319,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();
@@ -37348,7 +37356,7 @@ uniform ${i3} ${o3} u_${a3};
       this.applyTransform(transformFn);
       return this;
     };
-    return Geometry2;
+    return Geometry3;
   }(Object_default);
   var Geometry_default = Geometry;
 
@@ -47852,10 +47860,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;
@@ -48103,10 +48114,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);
       }
@@ -48119,10 +48129,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);
       }
@@ -48218,7 +48227,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({
@@ -48255,7 +48264,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") {
@@ -48264,8 +48273,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
@@ -48277,7 +48287,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}))$/;
@@ -48285,13 +48295,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"),
@@ -48321,14 +48345,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
@@ -48338,18 +48359,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) {
@@ -48362,44 +48378,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();
@@ -48407,7 +48412,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;
       }
@@ -48416,26 +48421,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") {
@@ -48460,19 +48468,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;
         });
@@ -48483,14 +48490,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("$");
         }
@@ -48499,33 +48506,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) {
@@ -48534,13 +48538,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;
@@ -48548,21 +48549,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 = {
@@ -48573,7 +48574,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);
       }
@@ -48583,7 +48584,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");
@@ -48598,9 +48599,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
@@ -48622,10 +48623,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();
@@ -48634,20 +48637,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();
       }
@@ -48846,10 +48852,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);
     }
@@ -49002,8 +49005,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) {
@@ -49279,7 +49283,7 @@ uniform ${i3} ${o3} u_${a3};
             value: style || realtimeDefaultStyle_default
           },
           styleOptions: {
-            value: { ...trackerConfig_exports, ...styleOptions || {} }
+            value: { ...realtimeConfig_exports, ...styleOptions || {} }
           },
           speed: {
             get: () => currSpeed,
@@ -49972,7 +49976,7 @@ uniform ${i3} ${o3} u_${a3};
     RealtimeModes: () => RealtimeModes,
     RoutingAPI: () => RoutingAPI_default,
     StopsAPI: () => StopsAPI_default,
-    createTrackerFilters: () => createTrackerFilters_default,
+    createRealtimeFilters: () => createRealtimeFilters_default,
     getCircleCanvas: () => getCircleCanvas,
     getDelayBgCanvas: () => getDelayBgCanvas,
     getDelayTextCanvas: () => getDelayTextCanvas,
@@ -49988,13 +49992,13 @@ 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
+    sortByDelay: () => sortByDelay_default
   });
 
   // src/mapbox/controls/CopyrightControl.ts