mobility-toolbox-js 2.0.0-beta.30 → 2.0.0-beta.34

package/common/utils/getUrlWithParams.js

@@ -1,11 +1,21 @@
-const getUrlWithParams = (url, params) => {
-  const newUrl = new URL(url);
-  const searchParams = params || {};
-  Object.entries(searchParams).forEach(([key, value]) => {
-    if (value !== void 0 && value !== null) {
-      newUrl.searchParams.set(key, value);
-    }
-  });
-  return newUrl;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 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
+ */
+var getUrlWithParams = function (url, params) {
+    // Clean requets parameters, removing undefined and null values.
+    var newUrl = new URL(url);
+    var searchParams = params || {};
+    Object.entries(searchParams).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        if (value !== undefined && value !== null) {
+            newUrl.searchParams.set(key, value);
+        }
+    });
+    return newUrl;
 };
-export default getUrlWithParams;
+exports.default = getUrlWithParams;

package/common/utils/getVehiclePosition.d.ts

@@ -0,0 +1,14 @@
+export default getVehiclePosition;
+/**
+ * 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 function getVehiclePosition(now: number, trajectory: GeoJSONFeature, noInterpolate: boolean): {
+    coord: any;
+    rotation: any;
+};
+//# 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.js"],"names":[],"mappings":";AAEA;;;;;;;GAOG;AACH,yCALW,MAAM,6CAEN,OAAO;;;EA8DjB"}

package/common/utils/getVehiclePosition.js

@@ -1,42 +1,66 @@
-import GeomType from "ol/geom/GeometryType";
-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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var GeometryType_1 = require("ol/geom/GeometryType");
+/**
+ * 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
+ */
+var getVehiclePosition = function (now, trajectory, noInterpolate) {
+    var _a;
+    var _b = trajectory.properties, timeIntervals = _b.time_intervals, geometry = _b.olGeometry, coordinate = _b.coordinate;
+    var coord;
+    var rotation;
+    if (noInterpolate && coordinate) {
+        coord = coordinate;
+    }
+    else if (geometry.getType() === GeometryType_1.default.POINT) {
+        coord = geometry.getCoordinates();
+    }
+    else if (geometry.getType() === GeometryType_1.default.LINE_STRING) {
+        var intervals = timeIntervals || [[]];
+        var firstInterval = intervals[0];
+        var 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[2];
+            coord = geometry.getFirstCoordinate();
+        }
+        else if (now > lastInterval[0]) {
+            // Display last position known.
+            rotation = lastInterval[2];
+            coord = geometry.getLastCoordinate();
         }
-      }
+        else {
+            // Interpolate position using time intervals.
+            for (var j = 0; j < intervals.length - 1; j += 1) {
+                // Rotation only available in realtime layer.
+                var _c = intervals[j], start = _c[0], startFrac = _c[1];
+                var _d = intervals[j + 1], end = _d[0], endFrac = _d[1];
+                if (start <= now && now <= end) {
+                    // interpolate position inside the time interval.
+                    var timeFrac = Math.min((now - start) / (end - start), 1);
+                    var geomFrac = timeFrac * (endFrac - startFrac) + startFrac;
+                    coord = geometry.getCoordinateAt(geomFrac);
+                    _a = intervals[j], rotation = _a[2];
+                    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: coord, rotation: rotation };
 };
-export default getVehiclePosition;
+exports.default = getVehiclePosition;

package/common/utils/index.d.ts

@@ -0,0 +1,12 @@
+export { default as getUrlWithParams } from "./getUrlWithParams";
+export { default as getMapboxMapCopyrights } from "./getMapboxMapCopyrights";
+export { default as removeDuplicate } from "./removeDuplicate";
+export { default as createTrackerFilters } from "./createTrackerFilters";
+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 * as trackerConfig from "./trackerConfig";
+//# 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,9 +1,37 @@
-export { default as getUrlWithParams } from "./getUrlWithParams";
-export { default as getMapboxMapCopyrights } from "./getMapboxMapCopyrights";
-export { default as removeDuplicate } from "./removeDuplicate";
-export { default as createTrackerFilters } from "./createTrackerFilters";
-export { default as getLayersAsFlatArray } from "./getLayersAsFlatArray";
-export * from "./timeUtils";
-export { default as sortByDelay } from "./sortByDelay";
-export { default as renderTrajectories } from "./renderTrajectories";
-export * as trackerConfig from "./trackerConfig";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackerConfig = exports.getMapboxRender = exports.getMaplibreRender = exports.renderTrajectories = exports.sortByDelay = exports.getLayersAsFlatArray = exports.createTrackerFilters = exports.removeDuplicate = exports.getMapboxMapCopyrights = exports.getUrlWithParams = void 0;
+var getUrlWithParams_1 = require("./getUrlWithParams");
+Object.defineProperty(exports, "getUrlWithParams", { enumerable: true, get: function () { return getUrlWithParams_1.default; } });
+var getMapboxMapCopyrights_1 = require("./getMapboxMapCopyrights");
+Object.defineProperty(exports, "getMapboxMapCopyrights", { enumerable: true, get: function () { return getMapboxMapCopyrights_1.default; } });
+var removeDuplicate_1 = require("./removeDuplicate");
+Object.defineProperty(exports, "removeDuplicate", { enumerable: true, get: function () { return removeDuplicate_1.default; } });
+var createTrackerFilters_1 = require("./createTrackerFilters");
+Object.defineProperty(exports, "createTrackerFilters", { enumerable: true, get: function () { return createTrackerFilters_1.default; } });
+var getLayersAsFlatArray_1 = require("./getLayersAsFlatArray");
+Object.defineProperty(exports, "getLayersAsFlatArray", { enumerable: true, get: function () { return getLayersAsFlatArray_1.default; } });
+__exportStar(require("./timeUtils"), exports);
+var sortByDelay_1 = require("./sortByDelay");
+Object.defineProperty(exports, "sortByDelay", { enumerable: true, get: function () { return sortByDelay_1.default; } });
+var renderTrajectories_1 = require("./renderTrajectories");
+Object.defineProperty(exports, "renderTrajectories", { enumerable: true, get: function () { return renderTrajectories_1.default; } });
+var getMaplibreRender_1 = require("./getMaplibreRender");
+Object.defineProperty(exports, "getMaplibreRender", { enumerable: true, get: function () { return getMaplibreRender_1.default; } });
+var getMapboxRender_1 = require("./getMapboxRender");
+Object.defineProperty(exports, "getMapboxRender", { enumerable: true, get: function () { return getMapboxRender_1.default; } });
+exports.trackerConfig = require("./trackerConfig");

package/common/utils/removeDuplicate.d.ts

@@ -0,0 +1,10 @@
+export default removeDuplicate;
+/**
+ * This function remove duplicates lower case string value of an array.
+ * It removes also null, undefined or non string values.
+ *
+ * @param {array} array Array of values.
+ * @ignore
+ */
+declare function removeDuplicate(array: any[]): any[];
+//# sourceMappingURL=removeDuplicate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"removeDuplicate.d.ts","sourceRoot":"","sources":["../../../src/common/utils/removeDuplicate.js"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,sDAYC"}

package/common/utils/removeDuplicate.js

@@ -1,8 +1,30 @@
-const removeDuplicate = (array) => {
-  const arrWithoutEmptyValues = array.filter((val) => val !== void 0 && val !== null && val.trim && val.trim());
-  const lowerCasesValues = arrWithoutEmptyValues.map((str) => str.toLowerCase());
-  const uniqueLowerCaseValues = [...new Set(lowerCasesValues)];
-  const uniqueValues = uniqueLowerCaseValues.map((uniqueStr) => arrWithoutEmptyValues.find((str) => str.toLowerCase() === uniqueStr));
-  return uniqueValues;
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
-export default removeDuplicate;
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * This function remove duplicates lower case string value of an array.
+ * It removes also null, undefined or non string values.
+ *
+ * @param {array} array Array of values.
+ * @ignore
+ */
+var removeDuplicate = function (array) {
+    var arrWithoutEmptyValues = array.filter(function (val) { return val !== undefined && val !== null && val.trim && val.trim(); });
+    var lowerCasesValues = arrWithoutEmptyValues.map(function (str) {
+        return str.toLowerCase();
+    });
+    var uniqueLowerCaseValues = __spreadArray([], new Set(lowerCasesValues), true);
+    var uniqueValues = uniqueLowerCaseValues.map(function (uniqueStr) {
+        return arrWithoutEmptyValues.find(function (str) { return str.toLowerCase() === uniqueStr; });
+    });
+    return uniqueValues;
+};
+exports.default = removeDuplicate;

package/common/utils/renderTrajectories.d.ts

@@ -0,0 +1,20 @@
+export default renderTrajectories;
+/**
+ * Draw all the trajectories available in a canvas.
+ * @param {HTMLCanvas|HTMLOffscreenCanvas} The canvas where to draw the trajectories.
+ * @param {ViewState} trajectories An array of trajectories.
+ * @param {Function} style A function that returns a canvas representing a vehicle of a specific trajectory.
+ * @param {ViewState} viewState The view state of the map.
+ * @param {boolean} options.hoverVehicleId The id of the vehicle to highlight.
+ * @param {boolean} options.selectedVehicleId The id of the vehicle to select.
+ * @param {boolean} options.noInterpolate If true trajectories are not interpolated but
+ *   drawn at the last known coordinate. Use this for performance optimization
+ *   during map navigation.
+ * @private
+ */
+declare function renderTrajectories(canvas: any, trajectories: ViewState, style: Function, viewState: ViewState, options: any): {
+    renderedTrajectories?: undefined;
+} | {
+    renderedTrajectories: any[];
+};
+//# sourceMappingURL=renderTrajectories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTrajectories.d.ts","sourceRoot":"","sources":["../../../src/common/utils/renderTrajectories.js"],"names":[],"mappings":";AAIA;;;;;;;;;;;;GAYG;AACH,+DAVW,SAAS,8BAET,SAAS;;;;EAmKnB"}

package/common/utils/renderTrajectories.js

@@ -1,86 +1,119 @@
-import { compose, apply, create } from "ol/transform";
-import getVehiclePosition from "./getVehiclePosition";
-const renderTrajectories = (canvas, trajectories, style, viewState, options) => {
-  if (!canvas) {
-    return {};
-  }
-  const {
-    time = Date.now(),
-    size = [],
-    center,
-    resolution,
-    rotation = 0,
-    pixelRatio
-  } = viewState;
-  const { noInterpolate = false, hoverVehicleId, selectedVehicleId } = options;
-  const context = canvas.getContext("2d");
-  context.clearRect(0, 0, canvas.width, canvas.height);
-  const [width, height] = size;
-  if (width && height && (canvas.width !== width || canvas.height !== height)) {
-    [canvas.width, canvas.height] = [width * pixelRatio, height * pixelRatio];
-  }
-  const coordinateToPixelTransform = compose(create(), size[0] / 2, size[1] / 2, 1 / resolution, -1 / resolution, -rotation, -center[0], -center[1]);
-  if (canvas.style) {
-    canvas.style.width = `${canvas.width / pixelRatio}px`;
-    canvas.style.height = `${canvas.height / pixelRatio}px`;
-  }
-  let hoverVehicleImg;
-  let hoverVehiclePx;
-  let hoverVehicleWidth;
-  let hoverVehicleHeight;
-  let selectedVehicleImg;
-  let selectedVehiclePx;
-  let selectedVehicleWidth;
-  let selectedVehicleHeight;
-  const renderedTrajectories = [];
-  for (let i = trajectories.length - 1; i >= 0; i -= 1) {
-    const trajectory = trajectories[i];
-    const { train_id: id, timeOffset } = trajectory.properties;
-    const { coord, rotation: rotationIcon } = getVehiclePosition(time - (timeOffset || 0), trajectory, noInterpolate);
-    trajectories[i].properties.coordinate = coord;
-    trajectories[i].properties.rotation = rotationIcon;
-    if (!coord) {
-      continue;
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
     }
-    let px = apply(coordinateToPixelTransform, [...coord]);
-    if (!px) {
-      continue;
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-param-reassign */
+var transform_1 = require("ol/transform");
+var getVehiclePosition_1 = require("./getVehiclePosition");
+/**
+ * Draw all the trajectories available in a canvas.
+ * @param {HTMLCanvas|HTMLOffscreenCanvas} The canvas where to draw the trajectories.
+ * @param {ViewState} trajectories An array of trajectories.
+ * @param {Function} style A function that returns a canvas representing a vehicle of a specific trajectory.
+ * @param {ViewState} viewState The view state of the map.
+ * @param {boolean} options.hoverVehicleId The id of the vehicle to highlight.
+ * @param {boolean} options.selectedVehicleId The id of the vehicle to select.
+ * @param {boolean} options.noInterpolate If true trajectories are not interpolated but
+ *   drawn at the last known coordinate. Use this for performance optimization
+ *   during map navigation.
+ * @private
+ */
+var renderTrajectories = function (canvas, trajectories, style, viewState, options) {
+    var _a;
+    if (!canvas) {
+        return {};
     }
-    px = px.map((p) => p * pixelRatio);
-    if (px[0] < 0 || px[0] > canvas.width || px[1] < 0 || px[1] > canvas.height) {
-      continue;
+    var _b = viewState.time, time = _b === void 0 ? Date.now() : _b, _c = viewState.size, size = _c === void 0 ? [] : _c, center = viewState.center, resolution = viewState.resolution, _d = viewState.rotation, rotation = _d === void 0 ? 0 : _d, pixelRatio = viewState.pixelRatio;
+    var _e = options.noInterpolate, noInterpolate = _e === void 0 ? false : _e, hoverVehicleId = options.hoverVehicleId, selectedVehicleId = options.selectedVehicleId;
+    var context = canvas.getContext('2d');
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    var width = size[0], height = size[1];
+    if (width && height && (canvas.width !== width || canvas.height !== height)) {
+        _a = [width * pixelRatio, height * pixelRatio], canvas.width = _a[0], canvas.height = _a[1];
     }
-    const vehicleImg = style(trajectory, viewState, options);
-    if (!vehicleImg) {
-      continue;
+    var coordinateToPixelTransform = (0, transform_1.compose)((0, transform_1.create)(), size[0] / 2, size[1] / 2, 1 / resolution, -1 / resolution, -rotation, -center[0], -center[1]);
+    // Offscreen canvas has not style attribute
+    if (canvas.style) {
+        canvas.style.width = "".concat(canvas.width / pixelRatio, "px");
+        canvas.style.height = "".concat(canvas.height / pixelRatio, "px");
     }
-    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);
+    var hoverVehicleImg;
+    var hoverVehiclePx;
+    var hoverVehicleWidth;
+    var hoverVehicleHeight;
+    var selectedVehicleImg;
+    var selectedVehiclePx;
+    var selectedVehicleWidth;
+    var selectedVehicleHeight;
+    var renderedTrajectories = [];
+    for (var i = trajectories.length - 1; i >= 0; i -= 1) {
+        var trajectory = trajectories[i];
+        // We simplify the trajectory object
+        var _f = trajectory.properties, id = _f.train_id, timeOffset = _f.timeOffset;
+        // We set the rotation and the timeFraction of the trajectory (used by tralis).
+        // if rotation === null that seems there is no rotation available.
+        var _g = (0, getVehiclePosition_1.default)(time - (timeOffset || 0), trajectory, noInterpolate), coord = _g.coord, rotationIcon = _g.rotation;
+        // We store  the current vehicle position to the trajectory.
+        trajectories[i].properties.coordinate = coord;
+        trajectories[i].properties.rotation = rotationIcon;
+        if (!coord) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        var px = (0, transform_1.apply)(coordinateToPixelTransform, __spreadArray([], coord, true));
+        if (!px) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        px = px.map(function (p) { return p * pixelRatio; });
+        if (px[0] < 0 ||
+            px[0] > canvas.width ||
+            px[1] < 0 ||
+            px[1] > canvas.height) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        var vehicleImg = style(trajectory, viewState, options);
+        if (!vehicleImg) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        var imgWidth = vehicleImg.width;
+        var imgHeight = vehicleImg.height;
+        if (hoverVehicleId !== id && selectedVehicleId !== id) {
+            context.drawImage(vehicleImg, px[0] - imgWidth / 2, px[1] - imgHeight / 2, imgWidth, imgHeight);
+        }
+        if (hoverVehicleId && hoverVehicleId === id) {
+            // Store the canvas to draw it at the end
+            hoverVehicleImg = vehicleImg;
+            hoverVehiclePx = px;
+            hoverVehicleWidth = imgWidth;
+            hoverVehicleHeight = imgHeight;
+        }
+        if (selectedVehicleId && selectedVehicleId === id) {
+            // Store the canvas to draw it at the end
+            selectedVehicleImg = vehicleImg;
+            selectedVehiclePx = px;
+            selectedVehicleWidth = imgWidth;
+            selectedVehicleHeight = imgHeight;
+        }
+        renderedTrajectories.push(trajectory);
     }
-    if (hoverVehicleId && hoverVehicleId === id) {
-      hoverVehicleImg = vehicleImg;
-      hoverVehiclePx = px;
-      hoverVehicleWidth = imgWidth;
-      hoverVehicleHeight = imgHeight;
+    if (selectedVehicleImg) {
+        context.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
     }
-    if (selectedVehicleId && selectedVehicleId === id) {
-      selectedVehicleImg = vehicleImg;
-      selectedVehiclePx = px;
-      selectedVehicleWidth = imgWidth;
-      selectedVehicleHeight = imgHeight;
+    if (hoverVehicleImg) {
+        context.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
     }
-    renderedTrajectories.push(trajectory);
-  }
-  if (selectedVehicleImg) {
-    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);
-  }
-  return {
-    renderedTrajectories
-  };
+    return {
+        renderedTrajectories: renderedTrajectories,
+    };
 };
-export default renderTrajectories;
+exports.default = renderTrajectories;

package/common/utils/sortByDelay.d.ts

@@ -0,0 +1,3 @@
+export default sortByDelay;
+declare function sortByDelay(traj1: any, traj2: any): number;
+//# sourceMappingURL=sortByDelay.d.ts.map

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

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

package/common/utils/sortByDelay.js

@@ -1,18 +1,22 @@
-const sortByDelay = (traj1, traj2) => {
-  const props1 = traj1.properties;
-  const props2 = traj2.properties;
-  if (props1.delay === null && props2.delay !== null) {
-    return 1;
-  }
-  if (props2.delay === null && props1.delay !== null) {
-    return -1;
-  }
-  if (props1.cancelled && !props2.cancelled) {
-    return props2.delay < 18e4 ? -1 : 1;
-  }
-  if (props2.cancelled && !props1.cancelled) {
-    return props1.delay < 18e4 ? 1 : -1;
-  }
-  return props2.delay - props1.delay;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var sortByDelay = function (traj1, traj2) {
+    var props1 = traj1.properties;
+    var props2 = traj2.properties;
+    if (props1.delay === null && props2.delay !== null) {
+        return 1;
+    }
+    if (props2.delay === null && props1.delay !== null) {
+        return -1;
+    }
+    // We put cancelled train inbetween green and yellow trains
+    // >=180000ms corresponds to yellow train
+    if (props1.cancelled && !props2.cancelled) {
+        return props2.delay < 180000 ? -1 : 1;
+    }
+    if (props2.cancelled && !props1.cancelled) {
+        return props1.delay < 180000 ? 1 : -1;
+    }
+    return props2.delay - props1.delay;
 };
-export default sortByDelay;
+exports.default = sortByDelay;

package/common/utils/timeUtils.d.ts

@@ -0,0 +1,5 @@
+export function getUTCDateString(now?: Date): string;
+export function getUTCTimeString(date: any): string;
+export function pad(integer: any): any;
+export function getHoursAndMinutes(timeInMs: number): string;
+//# sourceMappingURL=timeUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/common/utils/timeUtils.js"],"names":[],"mappings":"AAKO,qDAON;AAOM,oDAKM;AAMN,uCAAiE;AAOjE,6DAMN"}

package/common/utils/timeUtils.js

@@ -1,20 +1,49 @@
-export const getUTCDateString = (now = new Date()) => {
-  let month = (now.getUTCMonth() + 1).toString();
-  month = month.length === 1 ? `0${month}` : month;
-  let day = now.getUTCDate().toString();
-  day = day.length === 1 ? `0${day}` : day;
-  return [now.getUTCFullYear(), month, day].join("");
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHoursAndMinutes = exports.pad = exports.getUTCTimeString = exports.getUTCDateString = void 0;
+/**
+ * Get a Date object as UTC date string .
+ * ex: 2019 09 01
+ * @ignore
+ */
+var getUTCDateString = function (now) {
+    if (now === void 0) { now = new Date(); }
+    var month = (now.getUTCMonth() + 1).toString();
+    month = month.length === 1 ? "0".concat(month) : month;
+    var day = now.getUTCDate().toString();
+    day = day.length === 1 ? "0".concat(day) : day;
+    return [now.getUTCFullYear(), month, day].join('');
 };
-export const getUTCTimeString = (date) => [
-  date.getUTCHours(),
-  date.getUTCMinutes(),
-  `${date.getUTCSeconds()}.${date.getUTCMilliseconds()}`
-].join(":");
-export const pad = (integer) => integer < 10 ? `0${integer}` : integer;
-export const getHoursAndMinutes = (timeInMs) => {
-  if (!timeInMs || timeInMs <= 0) {
-    return "";
-  }
-  const date = new Date(timeInMs);
-  return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+exports.getUTCDateString = getUTCDateString;
+/**
+ * Get the UTC time string of Date object.
+ * ex: 09:05:01.123
+ * @ignore
+ */
+var getUTCTimeString = function (date) {
+    return [
+        date.getUTCHours(),
+        date.getUTCMinutes(),
+        "".concat(date.getUTCSeconds(), ".").concat(date.getUTCMilliseconds()),
+    ].join(':');
 };
+exports.getUTCTimeString = getUTCTimeString;
+/**
+ * Returns a string representation of a number, with a zero if the number is lower than 10.
+ * @ignore
+ */
+var pad = function (integer) { return (integer < 10 ? "0".concat(integer) : integer); };
+exports.pad = pad;
+/**
+ * Returns a 'hh:mm' string from a time in ms.
+ * @param {Number} timeInMs Time in milliseconds.
+ * @ignore
+ */
+var getHoursAndMinutes = function (timeInMs) {
+    if (!timeInMs || timeInMs <= 0) {
+        return '';
+    }
+    var date = new Date(timeInMs);
+    return "".concat((0, exports.pad)(date.getHours()), ":").concat((0, exports.pad)(date.getMinutes()));
+};
+exports.getHoursAndMinutes = getHoursAndMinutes;