mobility-toolbox-js 2.0.1-beta.13 → 2.2.0-beta.0

package/common/utils/getMapboxMapCopyrights.js

@@ -1,19 +1,30 @@
-import removeDuplicate from "./removeDuplicate";
+import removeDuplicate from './removeDuplicate';
+/**
+ * Return the copyright a Mapbox map.
+ * @param {mapboxgl.Map | maplibregl.Map} map A Mapbox map
+ * @ignore
+ */
 const getMapboxMapCopyrights = (map) => {
-  if (!map || !map.style) {
-    return [];
-  }
-  const { sourceCaches } = map.style;
-  let copyrights = [];
-  Object.values(sourceCaches).forEach((sourceCache) => {
-    if (sourceCache.used) {
-      const source = sourceCache.getSource();
-      const attribution = source.attribution || source.options && source.options.attribution;
-      if (attribution) {
-        copyrights = copyrights.concat(attribution.replace(/&copy;/g, "\xA9").split(/(<a.*?<\/a>)/));
-      }
+    if (!map) {
+        return [];
     }
-  });
-  return removeDuplicate(copyrights);
+    // @ts-ignore
+    const { style } = map;
+    if (!style) {
+        return [];
+    }
+    const { sourceCaches } = style;
+    let copyrights = [];
+    Object.values(sourceCaches).forEach((sourceCache) => {
+        if (sourceCache.used) {
+            const source = sourceCache.getSource();
+            const attribution = // @ts-ignore
+             source.attribution || (source.options && source.options.attribution);
+            if (attribution) {
+                copyrights = copyrights.concat(attribution.replace(/&copy;/g, '©').split(/(<a.*?<\/a>)/));
+            }
+        }
+    });
+    return removeDuplicate(copyrights);
 };
 export default getMapboxMapCopyrights;

package/common/utils/getMapboxRender.d.ts

@@ -0,0 +1,7 @@
+import { RenderFunction } from 'ol/layer/Layer';
+import type { MapboxLayer } from '../../ol';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMapboxRender(mapoxLayer: MapboxLayer): RenderFunction;
+//# sourceMappingURL=getMapboxRender.d.ts.map

package/common/utils/getMapboxRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMapboxRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,UAAU,EAAE,WAAW,GACtB,cAAc,CA4FhB"}

package/common/utils/getMapboxRender.js

@@ -0,0 +1,87 @@
+import { toLonLat } from 'ol/proj';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMapboxRender(mapoxLayer) {
+    // We cretae emptyDiv only in render finction to work with serverside rendering
+    let emptyDiv;
+    return (frameState) => {
+        const { map, mbMap, renderState, olLayer } = mapoxLayer;
+        if (!map || !mbMap) {
+            if (!emptyDiv) {
+                emptyDiv = document.createElement('div');
+            }
+            return emptyDiv;
+        }
+        let changed = false;
+        const canvas = mbMap.getCanvas();
+        const { viewState } = frameState;
+        const visible = olLayer === null || olLayer === void 0 ? void 0 : olLayer.getVisible();
+        if (renderState && (renderState === null || renderState === void 0 ? void 0 : renderState.visible) !== visible) {
+            canvas.style.display = visible ? 'block' : 'none';
+            renderState.visible = visible;
+            // Needed since mapbox-gl 1.9.0.
+            // Without you don't see others ol layers on top.
+            canvas.style.position = 'absolute';
+        }
+        const opacity = olLayer === null || olLayer === void 0 ? void 0 : olLayer.getOpacity();
+        if (canvas && renderState && renderState.opacity !== opacity) {
+            // @ts-ignore
+            canvas.style.opacity = opacity;
+            renderState.opacity = opacity;
+        }
+        // adjust view parameters in mapbox
+        const { rotation } = viewState;
+        if (renderState && renderState.rotation !== rotation) {
+            mbMap.rotateTo((-(rotation || 0) * 180) / Math.PI, {
+                animate: false,
+            });
+            changed = true;
+            renderState.rotation = rotation;
+        }
+        if (renderState &&
+            renderState.center &&
+            (renderState.zoom !== viewState.zoom ||
+                renderState.center[0] !== viewState.center[0] ||
+                renderState.center[1] !== viewState.center[1])) {
+            mbMap.jumpTo({
+                center: toLonLat(viewState.center),
+                zoom: viewState.zoom - 1,
+            });
+            changed = true;
+            renderState.zoom = viewState.zoom;
+            renderState.center = viewState.center;
+        }
+        const size = map.getSize() || [0, 0];
+        if (renderState &&
+            renderState.size &&
+            (renderState.size[0] !== size[0] || renderState.size[1] !== size[1])) {
+            changed = true;
+            renderState.size = size;
+        }
+        // cancel the scheduled update & trigger synchronous redraw
+        // see https://github.com/mapbox/mapbox-gl-js/issues/7893#issue-408992184
+        // NOTE: THIS MIGHT BREAK WHEN UPDATING MAPBOX
+        // @ts-ignore
+        if (mbMap && mbMap.style && mbMap.isStyleLoaded() && changed) {
+            try {
+                // @ts-ignore
+                if (mbMap._frame) {
+                    // @ts-ignore
+                    mbMap._frame.cancel();
+                    // @ts-ignore
+                    mbMap._frame = null;
+                }
+                // @ts-ignore
+                mbMap._render();
+            }
+            catch (err) {
+                // ignore render errors because it's probably related to
+                // a render during an update of the style.
+                // eslint-disable-next-line no-console
+                console.warn(err);
+            }
+        }
+        return mbMap.getContainer();
+    };
+}

package/common/utils/getMaplibreRender.d.ts

@@ -0,0 +1,7 @@
+import type { RenderFunction } from 'ol/layer/Layer';
+import type { MaplibreLayer } from '../../ol';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMaplibreRender(maplibreLayer: MaplibreLayer): RenderFunction;
+//# sourceMappingURL=getMaplibreRender.d.ts.map

package/common/utils/getMaplibreRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMaplibreRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMaplibreRender.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;GAEG;AAEH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,aAAa,EAAE,aAAa,GAC3B,cAAc,CAuChB"}

package/common/utils/getMaplibreRender.js

@@ -0,0 +1,38 @@
+import { toLonLat } from 'ol/proj';
+import { toDegrees } from 'ol/math';
+/**
+ * Return the render function fo the olLayer of a MaplibreLayer
+ */
+export default function getMaplibreRender(maplibreLayer) {
+    let emptyDiv;
+    return (frameState) => {
+        const { map, mbMap, olLayer } = maplibreLayer;
+        if (!map || !mbMap) {
+            if (!emptyDiv) {
+                emptyDiv = document.createElement('div');
+            }
+            return emptyDiv;
+        }
+        const canvas = mbMap.getCanvas();
+        const { viewState } = frameState;
+        const opacity = (olLayer === null || olLayer === void 0 ? void 0 : olLayer.getOpacity()) || 1;
+        canvas.style.opacity = `${opacity}`;
+        // adjust view parameters in mapbox
+        mbMap.jumpTo({
+            center: toLonLat(viewState.center),
+            zoom: viewState.zoom - 1,
+            bearing: toDegrees(-viewState.rotation),
+        });
+        if (!canvas.isConnected) {
+            // The canvas is not connected to the DOM, request a map rendering at the next animation frame
+            // to set the canvas size.
+            map.render();
+        }
+        else if (canvas.width !== frameState.size[0] ||
+            canvas.height !== frameState.size[1]) {
+            mbMap.resize();
+        }
+        mbMap.redraw();
+        return mbMap.getContainer();
+    };
+}

package/common/utils/getRealtimeModeSuffix.d.ts

@@ -0,0 +1,10 @@
+import type { RealtimeMode } from '../../types';
+import type { RealtimeModesType } from '../../api/RealtimeAPI';
+/**
+ * Get the websocket channel suffix, depending on the current mode.
+ * @param {String} mode Mode 'topographic' ou 'schematic'.
+ * @private
+ */
+declare const getModeSuffix: (mode: RealtimeMode, modes: RealtimeModesType) => string;
+export default getModeSuffix;
+//# sourceMappingURL=getRealtimeModeSuffix.d.ts.map

package/common/utils/getRealtimeModeSuffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRealtimeModeSuffix.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getRealtimeModeSuffix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D;;;;GAIG;AACH,QAAA,MAAM,aAAa,SAAU,YAAY,SAAS,iBAAiB,KAAG,MACxB,CAAC;AAE/C,eAAe,aAAa,CAAC"}

package/common/utils/getRealtimeModeSuffix.js

@@ -0,0 +1,7 @@
+/**
+ * Get the websocket channel suffix, depending on the current mode.
+ * @param {String} mode Mode 'topographic' ou 'schematic'.
+ * @private
+ */
+const getModeSuffix = (mode, modes) => mode === modes.SCHEMATIC ? '_schematic' : '';
+export default getModeSuffix;

package/common/utils/getUrlWithParams.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Return the styleUrl with apiKey parameters set.
+ * @param {string} url a url.
+ * @param {Object<String,String>} params a list of key/value pair to add to the url.
+ * @ignore
+ */
+declare const getUrlWithParams: (url: string, params: Object) => URL;
+export default getUrlWithParams;
+//# sourceMappingURL=getUrlWithParams.d.ts.map

package/common/utils/getUrlWithParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUrlWithParams.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getUrlWithParams.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,QAAS,MAAM,UAAU,MAAM,KAAG,GAYvD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/common/utils/getUrlWithParams.js

@@ -0,0 +1,18 @@
+/**
+ * Return the styleUrl with apiKey parameters set.
+ * @param {string} url a url.
+ * @param {Object<String,String>} params a list of key/value pair to add to the url.
+ * @ignore
+ */
+const getUrlWithParams = (url, params) => {
+    // Clean requets parameters, removing undefined and null values.
+    const newUrl = new URL(url);
+    const searchParams = params || {};
+    Object.entries(searchParams).forEach(([key, value]) => {
+        if (value !== undefined && value !== null) {
+            newUrl.searchParams.set(key, value);
+        }
+    });
+    return newUrl;
+};
+export default getUrlWithParams;

package/common/utils/getVehiclePosition.d.ts

@@ -0,0 +1,16 @@
+import { Coordinate } from 'ol/coordinate';
+export type VehiclePosition = {
+    coord: Coordinate;
+    rotation: number;
+};
+/**
+ * Interpolate or not the vehicle position from a trajectory at a specific date.
+ *
+ * @param {number} now Current date to interpolate a position with. In ms.
+ * @param {RealtimeTrajectory} trajectory The trajectory to interpolate.
+ * @param {boolean} noInterpolate If true, the vehicle position is not interpolated on each render but only once.
+ * @returns
+ */
+declare const getVehiclePosition: (now: number, trajectory: GeoJSONFeature, noInterpolate: boolean) => VehiclePosition;
+export default getVehiclePosition;
+//# sourceMappingURL=getVehiclePosition.d.ts.map

package/common/utils/getVehiclePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVehiclePosition.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getVehiclePosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,QACjB,MAAM,6CAEI,OAAO,KACrB,eAoEF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/common/utils/getVehiclePosition.js

@@ -1,42 +1,72 @@
-import GeomType from "ol/geom/GeometryType";
+import { LineString } from 'ol/geom';
+/**
+ * Interpolate or not the vehicle position from a trajectory at a specific date.
+ *
+ * @param {number} now Current date to interpolate a position with. In ms.
+ * @param {RealtimeTrajectory} trajectory The trajectory to interpolate.
+ * @param {boolean} noInterpolate If true, the vehicle position is not interpolated on each render but only once.
+ * @returns
+ */
 const getVehiclePosition = (now, trajectory, noInterpolate) => {
-  const {
-    time_intervals: timeIntervals,
-    olGeometry: geometry,
-    coordinate
-  } = trajectory.properties;
-  let coord;
-  let rotation;
-  if (noInterpolate && coordinate) {
-    coord = coordinate;
-  } else if (geometry.getType() === GeomType.POINT) {
-    coord = geometry.getCoordinates();
-  } else if (geometry.getType() === GeomType.LINE_STRING) {
-    const intervals = timeIntervals || [[]];
-    const firstInterval = intervals[0];
-    const lastInterval = intervals[intervals.length - 1];
-    if (now < firstInterval[0]) {
-      [, , rotation] = firstInterval;
-      coord = geometry.getFirstCoordinate();
-    } else if (now > lastInterval[0]) {
-      [, , rotation] = lastInterval;
-      coord = geometry.getLastCoordinate();
-    } else {
-      for (let j = 0; j < intervals.length - 1; j += 1) {
-        const [start, startFrac] = intervals[j];
-        const [end, endFrac] = intervals[j + 1];
-        if (start <= now && now <= end) {
-          const timeFrac = Math.min((now - start) / (end - start), 1);
-          const geomFrac = timeFrac * (endFrac - startFrac) + startFrac;
-          coord = geometry.getCoordinateAt(geomFrac);
-          [, , rotation] = intervals[j];
-          break;
+    const { time_intervals: timeIntervals, olGeometry, coordinate, } = trajectory.properties;
+    const { coordinates } = trajectory.geometry;
+    let { type } = trajectory.geometry;
+    let geometry = olGeometry;
+    let coord;
+    let rotation;
+    if (olGeometry) {
+        type = geometry.getType();
+    }
+    if (noInterpolate && coordinate) {
+        coord = coordinate;
+    }
+    else if (type === 'Point') {
+        coord = coordinates;
+    }
+    else if (type === 'LineString') {
+        if (!geometry) {
+            geometry = new LineString(coordinates);
+        }
+        const intervals = timeIntervals || [[]];
+        const firstInterval = intervals[0];
+        const lastInterval = intervals[intervals.length - 1];
+        // Between the last time interval of a trajectory event and the beginning
+        // of the new trajectory event, there is few seconds, can be 6 to 30
+        // seconds (that's why the vehicle jumps sometimes).
+        // So we make the choice here to display the last (or the first) position
+        // of an trajectory event instead of removing them, if the current date is
+        // outside the time intervals we display the vehicle at the last (or first) position known.
+        if (now < firstInterval[0]) {
+            // Display first position known.
+            [, , rotation] = firstInterval;
+            coord = geometry.getFirstCoordinate();
         }
-      }
+        else if (now > lastInterval[0]) {
+            // Display last position known.
+            [, , rotation] = lastInterval;
+            coord = geometry.getLastCoordinate();
+        }
+        else {
+            // Interpolate position using time intervals.
+            for (let j = 0; j < intervals.length - 1; j += 1) {
+                // Rotation only available in realtime layer.
+                const [start, startFrac] = intervals[j];
+                const [end, endFrac] = intervals[j + 1];
+                if (start <= now && now <= end) {
+                    // interpolate position inside the time interval.
+                    const timeFrac = Math.min((now - start) / (end - start), 1);
+                    const geomFrac = timeFrac * (endFrac - startFrac) + startFrac;
+                    coord = geometry.getCoordinateAt(geomFrac);
+                    [, , rotation] = intervals[j];
+                    break;
+                }
+            }
+        }
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error('This geometry type is not supported. Only Point or LineString are. Current geometry: ', geometry);
     }
-  } else {
-    console.error("This geometry type is not supported. Only Point or LineString are. Current geometry: ", geometry);
-  }
-  return { coord, rotation };
+    return { coord, rotation };
 };
 export default getVehiclePosition;

package/common/utils/index.d.ts

@@ -0,0 +1,17 @@
+export { default as getUrlWithParams } from "./getUrlWithParams";
+export { default as getMapboxMapCopyrights } from "./getMapboxMapCopyrights";
+export { default as removeDuplicate } from "./removeDuplicate";
+export { default as createRealtimeFilters } from "./createRealtimeFilters";
+export { default as getLayersAsFlatArray } from "./getLayersAsFlatArray";
+export * from "./timeUtils";
+export { default as sortByDelay } from "./sortByDelay";
+export { default as renderTrajectories } from "./renderTrajectories";
+export { default as getMaplibreRender } from "./getMaplibreRender";
+export { default as getMapboxRender } from "./getMapboxRender";
+export { default as debounceDeparturesMessages } from "./debounceDeparturesMessages";
+export { default as debounceWebsocketMessages } from "./debounceWebsocketMessages";
+export { default as sortAndFilterDepartures } from "./sortAndFilterDepartures";
+export { default as compareDepartures } from "./compareDepartures";
+export { default as createCanvas } from "./createCanvas";
+export * as realtimeConfig from "./realtimeConfig";
+//# sourceMappingURL=index.d.ts.map

package/common/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/utils/index.js"],"names":[],"mappings":""}

package/common/utils/index.js

@@ -1,5 +1,17 @@
-export { default as getMapboxStyleUrl } from "./getMapboxStyleUrl";
-export { default as getMapboxMapCopyrights } from "./getMapboxMapCopyrights";
-export { default as removeDuplicate } from "./removeDuplicate";
-export * from "./timeUtils";
-export { default as sortByDelay } from "./sortByDelay";
+export { default as getUrlWithParams } from './getUrlWithParams';
+export { default as getMapboxMapCopyrights } from './getMapboxMapCopyrights';
+export { default as removeDuplicate } from './removeDuplicate';
+export { default as createRealtimeFilters } from './createRealtimeFilters';
+export { default as getLayersAsFlatArray } from './getLayersAsFlatArray';
+export * from './timeUtils';
+export { default as sortByDelay } from './sortByDelay';
+export { default as renderTrajectories } from './renderTrajectories';
+export { default as getMaplibreRender } from './getMaplibreRender';
+export { default as getMapboxRender } from './getMapboxRender';
+export { default as debounceDeparturesMessages } from './debounceDeparturesMessages';
+export { default as debounceWebsocketMessages } from './debounceWebsocketMessages';
+export { default as sortAndFilterDepartures } from './sortAndFilterDepartures';
+export { default as compareDepartures } from './compareDepartures';
+export { default as createCanvas } from './createCanvas';
+import * as realtimeConfig_1 from './realtimeConfig';
+export { realtimeConfig_1 as realtimeConfig };

package/common/utils/realtimeConfig.d.ts

@@ -0,0 +1,49 @@
+import { AnyCanvasContext, RealtimeMot } from '../../types';
+/**
+ * Trajserv value: 'Tram',  'Subway / Metro / S-Bahn',  'Train', 'Bus', 'Ferry', 'Cable Car', 'Gondola', 'Funicular', 'Long distance bus', 'Rail',
+ * New endpoint use Rail instead of Train.
+ * New tracker values:  null, "tram", "subway", "rail", "bus", "ferry", "cablecar", "gondola", "funicular", "coach".
+ *
+ * @ignore
+ */
+export declare const types: RegExp[];
+/**
+ * @ignore
+ */
+export declare const bgColors: string[];
+/**
+ * @ignore
+ */
+export declare const textColors: string[];
+/**
+ * @ignore
+ */
+export declare const getTypeIndex: (type: RealtimeMot) => number;
+/**
+ * @ignore
+ */
+export declare const getRadius: (type: RealtimeMot, zoom: number) => number;
+/**
+ * @ignore
+ */
+export declare const getBgColor: (type: RealtimeMot) => string;
+/**
+ * @ignore
+ */
+export declare const getTextColor: (type: RealtimeMot) => string;
+/**
+ * @ignore
+ */
+export declare const getTextSize: (ctx: AnyCanvasContext, markerSize: number, text: string, fontSize: number) => number;
+/**
+ * @ignore
+ * @param {number} delayInMs Delay in milliseconds.
+ * @param {boolean} cancelled true if the journey is cancelled.
+ * @param {boolean} isDelayText true if the color is used for delay text of the symbol.
+ */
+export declare const getDelayColor: (delayInMs: number | null, cancelled?: boolean, isDelayText?: boolean) => string;
+/**
+ * @ignore
+ */
+export declare const getDelayText: (delayInMs: number, cancelled: boolean) => string;
+//# sourceMappingURL=realtimeConfig.d.ts.map

package/common/utils/realtimeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtimeConfig.d.ts","sourceRoot":"","sources":["../../../src/common/utils/realtimeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe5D;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,EAAE,MAAM,EAWzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,EAW5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,EAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,WAAW,KAAG,MAKhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,WAAW,QAAQ,MAAM,KAAG,MAO3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,WAAW,KAAG,MAO9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,WAAW,KAAG,MAOhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,QACjB,gBAAgB,cACT,MAAM,QACZ,MAAM,YACF,MAAM,KACf,MAkBF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,cACb,MAAM,GAAG,IAAI,cACZ,OAAO,gBACL,OAAO,KACpB,MAoBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,cAAe,MAAM,aAAa,OAAO,KAAG,MAmBpE,CAAC"}

package/common/utils/realtimeConfig.js

@@ -0,0 +1,173 @@
+const 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],
+];
+/**
+ * Trajserv value: 'Tram',  'Subway / Metro / S-Bahn',  'Train', 'Bus', 'Ferry', 'Cable Car', 'Gondola', 'Funicular', 'Long distance bus', 'Rail',
+ * New endpoint use Rail instead of Train.
+ * New tracker values:  null, "tram", "subway", "rail", "bus", "ferry", "cablecar", "gondola", "funicular", "coach".
+ *
+ * @ignore
+ */
+export const types = [
+    /^Tram/i,
+    /^Subway( \/ Metro \/ S-Bahn)?/i,
+    /^Train/i,
+    /^Bus/i,
+    /^Ferry/i,
+    /^Cable ?Car/i,
+    /^Gondola/i,
+    /^Funicular/i,
+    /^(Long distance bus|coach)/i,
+    /^Rail/i, // New endpoint use Rail instead of Train.
+];
+/**
+ * @ignore
+ */
+export const bgColors = [
+    '#ffb400',
+    '#ff5400',
+    '#ff8080',
+    '#ea0000',
+    '#3000ff',
+    '#ffb400',
+    '#41a27b',
+    '#00d237',
+    '#b5b5b5',
+    '#ff8080',
+];
+/**
+ * @ignore
+ */
+export const textColors = [
+    '#000000',
+    '#ffffff',
+    '#000000',
+    '#ffffff',
+    '#ffffff',
+    '#000000',
+    '#ffffff',
+    '#000000',
+    '#000000',
+    '#000000',
+];
+/**
+ * @ignore
+ */
+export const getTypeIndex = (type) => {
+    if (typeof type === 'string') {
+        return types.findIndex((t) => t.test(type));
+    }
+    return type;
+};
+/**
+ * @ignore
+ */
+export const getRadius = (type, zoom) => {
+    try {
+        const typeIdx = getTypeIndex(type || 0);
+        return radiusMapping[typeIdx][zoom];
+    }
+    catch (e) {
+        return 1;
+    }
+};
+/**
+ * @ignore
+ */
+export const getBgColor = (type) => {
+    try {
+        const typeIdx = getTypeIndex(type);
+        return bgColors[typeIdx];
+    }
+    catch (e) {
+        return '#ffffff';
+    }
+};
+/**
+ * @ignore
+ */
+export const getTextColor = (type) => {
+    try {
+        const typeIdx = getTypeIndex(type);
+        return textColors[typeIdx];
+    }
+    catch (e) {
+        return '#ffffff';
+    }
+};
+/**
+ * @ignore
+ */
+export const getTextSize = (ctx, markerSize, text, fontSize) => {
+    if (!ctx) {
+        return 0;
+    }
+    ctx.font = `bold ${fontSize}px Arial`;
+    let newText = ctx.measureText(text);
+    const maxiter = 25;
+    let i = 0;
+    while (newText.width > markerSize - 6 && i < maxiter) {
+        // eslint-disable-next-line no-param-reassign
+        fontSize -= 0.5;
+        ctx.font = `bold ${fontSize}px arial, sans-serif`;
+        newText = ctx.measureText(text);
+        i += 1;
+    }
+    return fontSize;
+};
+/**
+ * @ignore
+ * @param {number} delayInMs Delay in milliseconds.
+ * @param {boolean} cancelled true if the journey is cancelled.
+ * @param {boolean} isDelayText true if the color is used for delay text of the symbol.
+ */
+export const getDelayColor = (delayInMs, cancelled, isDelayText) => {
+    if (cancelled) {
+        return isDelayText ? '#ff0000' : '#a0a0a0'; // red or gray
+    }
+    if (delayInMs === null) {
+        return '#a0a0a0'; // grey { r: 160, g: 160, b: 160, s: '160,160,160' };
+    }
+    if (delayInMs >= 3600000) {
+        return '#ed004c'; // pink { r: 237, g: 0, b: 76, s: '237,0,76' };
+    }
+    if (delayInMs >= 500000) {
+        return '#e80000'; // red { r: 232, g: 0, b: 0, s: '232,0,0' };
+    }
+    if (delayInMs >= 300000) {
+        return '#ff4a00'; // orange { r: 255, g: 74, b: 0, s: '255,74,0' };
+    }
+    if (delayInMs >= 180000) {
+        return '#f7bf00'; // yellow { r: 247, g: 191, b: 0, s: '247,191,0' };
+    }
+    return '#00a00c'; // green { r: 0, g: 160, b: 12, s: '0,160,12' };
+};
+/**
+ * @ignore
+ */
+export const getDelayText = (delayInMs, cancelled) => {
+    if (cancelled) {
+        return String.fromCodePoint(0x00d7);
+    }
+    if (delayInMs > 3600000) {
+        const rounded = Math.round(delayInMs / 3600000);
+        return `+${rounded}h`;
+    }
+    if (delayInMs > 59000) {
+        const rounded = Math.round(delayInMs / 60000);
+        return `+${rounded}m`;
+    }
+    if (delayInMs > 0) {
+        return `+${delayInMs}s`;
+    }
+    return '';
+};