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

package/common/styles/realtimeSimpleStyle.js

@@ -9,13 +9,15 @@ const realtimeSimpleStyle = () => {
         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;
 };

package/common/typedefs.d.ts

@@ -1,13 +1,14 @@
 type FilterFunction = Function;
+type SortFunction = Function;
 type ViewState = {
     /**
      * A time in ms.
      */
-    time: number;
+    time: number | undefined;
     /**
      * A center in mercator coordinate.
      */
-    center: any;
+    center: number[2] | undefined;
     /**
      * An Extent in mercator coordinates.
      */
@@ -31,7 +32,7 @@ type ViewState = {
     /**
      * A pixel ratio.
      */
-    pixelRatio: number;
+    pixelRatio: number | undefined;
 };
 type FeatureInfo = {
     /**
@@ -47,4 +48,64 @@ type FeatureInfo = {
      */
     coordinate: any;
 };
+type ControlCommonOptions = {
+    /**
+     * Whether the control is active or not.
+     */
+    active?: boolean | undefined;
+    /**
+     * The HTML element used to render the control.
+     */
+    element: HTMLElement;
+    /**
+     * The HTML element where to render the element property. Default is the map's element.
+     */
+    target: HTMLElement;
+    /**
+     * Render function called whenever the control needs to be rerendered.
+     */
+    render: Function;
+};
+type LayerCommonOptions = {
+    /**
+     * Identifier of the layer. Must be unique.
+     */
+    key: string;
+    /**
+     * Name of the layer.
+     */
+    name: string;
+    /**
+     * Group of the layer.
+     */
+    group: string;
+    /**
+     * List of copyrights.
+     */
+    copyrights: string[];
+    /**
+     * List of children layers.
+     */
+    children: Layer[];
+    /**
+     * Define if the layer is currently display on the map.
+     */
+    visible: boolean;
+    /**
+     * Define if the layer is currently display on the map but can't be seen (extent, zoom ,data restrictions).
+     */
+    disabled: boolean;
+    /**
+     * Hit-detection tolerance in css pixels. Pixels inside the radius around the given position will be checked for features.
+     */
+    hittolerance: number;
+    /**
+     * - Custom properties.
+     */
+    properties: Object;
+    /**
+     * - The map used to display the layer.
+     */
+    map: AnyMap;
+};
 //# sourceMappingURL=typedefs.d.ts.map

package/common/typedefs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../src/common/typedefs.js"],"names":[],"mappings":";;;;;UAOc,MAAM;;;;;;;;;;;;;;;;cAIN,MAAM;;;;gBACN,MAAM;;;;UACN,MAAM;;;;gBACN,MAAM"}
+{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../src/common/typedefs.js"],"names":[],"mappings":";;;;;;UAcc,MAAM,GAAC,SAAS;;;;YAChB,MAAM,CAAC,CAAC,CAAC,GAAC,SAAS;;;;;;;;;;;;cAGnB,MAAM;;;;gBACN,MAAM;;;;UACN,MAAM;;;;gBACN,MAAM,GAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAiBhB,WAAW;;;;YACX,WAAW;;;;;;;;;;SAMX,MAAM;;;;UACN,MAAM;;;;WACN,MAAM;;;;gBACN,MAAM,EAAE;;;;cACR,OAAO;;;;aACP,OAAO;;;;cACP,OAAO;;;;kBACP,MAAM;;;;gBACN,MAAM"}

package/common/typedefs.js

@@ -1,18 +1,25 @@
 "use strict";
 /**
  * @typedef {function} FilterFunction
- * @param {Object} vehicle Vehicle to filter.
+ * @param {Vehicle} vehicle Vehicle to filter.
+ * @returns boolean
+ */
+/**
+ * @typedef {function} SortFunction
+ * @param {any} a Object a to compare.
+ * @param {any} b Object b to compare.
+ * @returns number
  */
 /**
  * @typedef {Object} ViewState
- * @property {number} time A time in ms.
- * @property {number[2]} center A center in mercator coordinate.
+ * @property {number|undefined} time A time in ms.
+ * @property {number[2]|undefined} center A center in mercator coordinate.
  * @property {number[4]} extent An Extent in mercator coordinates.
  * @property {number[2]} size A size ([width, height]).
  * @property {number} rotation A rotation in radians.
  * @property {number} resolution A resolution.
  * @property {number} zoom A zoom level.
- * @property {number} pixelRatio A pixel ratio.
+ * @property {number|undefined} pixelRatio A pixel ratio.
  */
 /**
  * @typedef {Object} FeatureInfo
@@ -20,3 +27,26 @@
  * @property {ol/Feature~Feature[]} features  An array of features.
  * @property {number[2]} coordinate The coordinate where to find the featue.
  */
+/**
+ * @typedef {ol/Map~Map|mapboxgl.Map|maplibregl.Map} AnyMap
+ */
+/**
+ * @typedef {Object} ControlCommonOptions
+ * @property {boolean} [active = true] Whether the control is active or not.
+ * @property {HTMLElement} element The HTML element used to render the control.
+ * @property {HTMLElement} target The HTML element where to render the element property. Default is the map's element.
+ * @property {function} render Render function called whenever the control needs to be rerendered.
+ */
+/**
+ * @typedef {Object} LayerCommonOptions
+ * @property {string} key Identifier of the layer. Must be unique.
+ * @property {string!} name  Name of the layer.
+ * @property {string!} group Group of the layer.
+ * @property {string[]} copyrights List of copyrights.
+ * @property {Layer[]} children List of children layers.
+ * @property {boolean!} visible  Define if the layer is currently display on the map.
+ * @property {boolean!} disabled Define if the layer is currently display on the map but can't be seen (extent, zoom ,data restrictions).
+ * @property {number!} hittolerance Hit-detection tolerance in css pixels. Pixels inside the radius around the given position will be checked for features.
+ * @property {Object!} properties - Custom properties.
+ * @property {AnyMap!} map - The map used to display the layer.
+ */

package/common/utils/cleanStopTime.d.ts

@@ -1,7 +1,8 @@
-export default cleanStopTime;
+import { RealtimeStopSequence } from '../../types';
 /**
  * Remove the delay from arrivalTime and departureTime
  * @private
  */
-declare function cleanStopTime(content: any): any;
+declare const cleanStopTime: (content: RealtimeStopSequence) => RealtimeStopSequence;
+export default cleanStopTime;
 //# sourceMappingURL=cleanStopTime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"cleanStopTime.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cleanStopTime.js"],"names":[],"mappings":";AAAA;;;GAGG;AACH,kDAsBC"}
+{"version":3,"file":"cleanStopTime.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cleanStopTime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD;;;GAGG;AACH,QAAA,MAAM,aAAa,YAAa,oBAAoB,KAAG,oBAmBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/common/utils/cleanStopTime.js

@@ -3,9 +3,6 @@
  * @private
  */
 const cleanStopTime = (content) => {
-    if (!content) {
-        return;
-    }
     content.stations.forEach((station) => {
         // eslint-disable-next-line no-param-reassign
         station.arrivalTimeWithDelay = station.arrivalTime;

package/common/utils/compareDepartures.d.ts

@@ -1,9 +1,11 @@
-export default compareDepartures;
+import { RealtimeDeparture } from '../../types';
 /**
  * Compare two given departures for sort alogithm,
- * @param {Object} a First departure.
- * @param {Object} b Second departure.
+ * @param {Departure} a First departure.
+ * @param {Departure} b Second departure.
+ * @param {boolean} [sortByMinArrivalTime=false] Sort departures by arrival time.
  * @private
  */
-declare function compareDepartures(a: Object, b: Object, sortByMinArrivalTime?: boolean): number;
+declare const compareDepartures: (a: RealtimeDeparture, b: RealtimeDeparture, sortByMinArrivalTime?: boolean) => number;
+export default compareDepartures;
 //# sourceMappingURL=compareDepartures.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"compareDepartures.d.ts","sourceRoot":"","sources":["../../../src/common/utils/compareDepartures.js"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,sCAJW,MAAM,KACN,MAAM,0CAiChB"}
+{"version":3,"file":"compareDepartures.d.ts","sourceRoot":"","sources":["../../../src/common/utils/compareDepartures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB,MAClB,iBAAiB,KACjB,iBAAiB,yBACE,OAAO,KAC5B,MA8BF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/common/utils/compareDepartures.js

@@ -1,7 +1,8 @@
 /**
  * Compare two given departures for sort alogithm,
- * @param {Object} a First departure.
- * @param {Object} b Second departure.
+ * @param {Departure} a First departure.
+ * @param {Departure} b Second departure.
+ * @param {boolean} [sortByMinArrivalTime=false] Sort departures by arrival time.
  * @private
  */
 const compareDepartures = (a, b, sortByMinArrivalTime = false) => {

package/common/utils/createCanvas.d.ts

@@ -1,9 +1,10 @@
-export default createCanvas;
+import { AnyCanvas } from '../../types';
 /**
  * This function try to create a canvas element and return it.
  * it uses document.createElement('canvas') if document is available
  * or new OffscreenCanvas(width, height) if OffscreenCanvas is avalaible (for web worker)
  * or it returns null if neither is available.
  */
-declare function createCanvas(width: any, height: any): any;
+declare const createCanvas: (width: number, height: number) => AnyCanvas | null;
+export default createCanvas;
 //# sourceMappingURL=createCanvas.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createCanvas.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createCanvas.js"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,4DAqBC"}
+{"version":3,"file":"createCanvas.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createCanvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;GAKG;AACH,QAAA,MAAM,YAAY,UAAW,MAAM,UAAU,MAAM,KAAG,SAAS,GAAG,IAqBjE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/common/utils/createTrackerFilters.d.ts

@@ -1,4 +1,4 @@
-export default createFilters;
+import { RealtimeTrajectory } from '../../types';
 /**
  * Return a filter functions based on some parameters of a vehicle.
  *
@@ -8,5 +8,6 @@ export default createFilters;
  * @param {Regexp} regexLine - A regex aplly of vehcile's name.
  * @private
  */
-declare function createFilters(line: string | Array<string>, route: string | Array<string>, operator: string | Array<string>, regexLine: Regexp): ((t: any) => boolean) | null;
+declare const createFilters: (line: string | string[], route: string | string[], operator: string | string[], regexLine: string | string[]) => ((trajectory: RealtimeTrajectory) => boolean) | null;
+export default createFilters;
 //# sourceMappingURL=createTrackerFilters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createTrackerFilters.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createTrackerFilters.js"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,qCANW,MAAM,GAAC,MAAM,MAAM,CAAC,SACpB,MAAM,GAAC,MAAM,MAAM,CAAA,YACnB,MAAM,GAAC,MAAM,MAAM,CAAA,mDA+E7B"}
+{"version":3,"file":"createTrackerFilters.d.ts","sourceRoot":"","sources":["../../../src/common/utils/createTrackerFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,SACX,MAAM,GAAG,MAAM,EAAE,SAChB,MAAM,GAAG,MAAM,EAAE,YACd,MAAM,GAAG,MAAM,EAAE,aAChB,MAAM,GAAG,MAAM,EAAE,mBACb,kBAAkB,KAAK,OAAO,QA2E9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/common/utils/createTrackerFilters.js

@@ -49,15 +49,15 @@ const createFilters = (line, route, operator, regexLine) => {
     }
     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;
             }
         }

package/common/utils/getLayersAsFlatArray.d.ts

@@ -1,3 +1,3 @@
+declare const getLayersAsFlatArray: (layersOrLayer: any | any[]) => any[];
 export default getLayersAsFlatArray;
-declare function getLayersAsFlatArray(layersOrLayer: any): any[];
 //# sourceMappingURL=getLayersAsFlatArray.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getLayersAsFlatArray.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getLayersAsFlatArray.js"],"names":[],"mappings":";AAAA,iEAYC"}
+{"version":3,"file":"getLayersAsFlatArray.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getLayersAsFlatArray.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,oBAAoB,kBAAmB,GAAG,GAAG,GAAG,EAAE,KAAG,GAAG,EAY7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/common/utils/getLayersAsFlatArray.js

@@ -1,3 +1,4 @@
+// TODO: I use any to avoid circular dependency  with common/layers/layer
 const getLayersAsFlatArray = (layersOrLayer) => {
     let layers = layersOrLayer;
     if (!Array.isArray(layers)) {

package/common/utils/getMapboxMapCopyrights.d.ts

@@ -1,8 +1,18 @@
-export default getMapboxMapCopyrights;
+export interface Source {
+    attribution: string;
+    options: {
+        attribution: string;
+    };
+}
+export interface SourceCache {
+    used: boolean;
+    getSource: () => Source;
+}
 /**
  * Return the copyright a Mapbox map.
- * @param {mapboxgl.Map} map A Mapbox map
+ * @param {mapboxgl.Map | maplibregl.Map} map A Mapbox map
  * @ignore
  */
-declare function getMapboxMapCopyrights(map: mapboxgl.Map): any[];
+declare const getMapboxMapCopyrights: (map: mapboxgl.Map | maplibregl.Map) => any[];
+export default getMapboxMapCopyrights;
 //# sourceMappingURL=getMapboxMapCopyrights.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getMapboxMapCopyrights.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxMapCopyrights.js"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,kEAsBC"}
+{"version":3,"file":"getMapboxMapCopyrights.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxMapCopyrights.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,MAAM;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACP,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,QAAS,YAAY,GAAG,cAAc,UA8BjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/common/utils/getMapboxMapCopyrights.js

@@ -1,19 +1,25 @@
 import removeDuplicate from './removeDuplicate';
 /**
  * Return the copyright a Mapbox map.
- * @param {mapboxgl.Map} map A Mapbox map
+ * @param {mapboxgl.Map | maplibregl.Map} map A Mapbox map
  * @ignore
  */
 const getMapboxMapCopyrights = (map) => {
-    if (!map || !map.style) {
+    if (!map) {
         return [];
     }
-    const { sourceCaches } = map.style;
+    // @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 = source.attribution || (source.options && source.options.attribution);
+            const attribution = // @ts-ignore
+             source.attribution || (source.options && source.options.attribution);
             if (attribution) {
                 copyrights = copyrights.concat(attribution.replace(/&copy;/g, '©').split(/(<a.*?<\/a>)/));
             }

package/common/utils/getMapboxRender.d.ts

@@ -1,5 +1,7 @@
+import { FrameState } from 'ol/PluggableMap';
+import type { AnyMapboxLayer } from '../../types';
 /**
  * Return the render function fo the olLayer of a MaplibreLayer
  */
-export default function getMapboxRender(mapoxLayer: any): (frameState: any) => any;
+export default function getMapboxRender(mapoxLayer: AnyMapboxLayer): (frameState: FrameState) => HTMLElement;
 //# sourceMappingURL=getMapboxRender.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getMapboxRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxRender.js"],"names":[],"mappings":"AAGA;;GAEG;AACH,mFA4EC"}
+{"version":3,"file":"getMapboxRender.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getMapboxRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,UAAU,EAAE,cAAc,GACzB,CAAC,UAAU,EAAE,UAAU,KAAK,WAAW,CA4EzC"}

package/common/utils/getMapboxRender.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-underscore-dangle */
 import { toLonLat } from 'ol/proj';
 /**
  * Return the render function fo the olLayer of a MaplibreLayer
@@ -46,7 +45,7 @@ export default function getMapboxRender(mapoxLayer) {
             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;

package/common/utils/getVehiclePosition.d.ts

@@ -7,7 +7,7 @@ export default getVehiclePosition;
  * @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): {
+declare function getVehiclePosition(now: number, trajectory: RealtimeTrajectory, noInterpolate: boolean): {
     coord: any;
     rotation: any;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"getVehiclePosition.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getVehiclePosition.js"],"names":[],"mappings":";AAEA;;;;;;;GAOG;AACH,yCALW,MAAM,6CAEN,OAAO;;;EA8DjB"}
+{"version":3,"file":"getVehiclePosition.d.ts","sourceRoot":"","sources":["../../../src/common/utils/getVehiclePosition.js"],"names":[],"mappings":";AAEA;;;;;;;GAOG;AACH,yCALW,MAAM,iDAEN,OAAO;;;EA8DjB"}

package/common/utils/removeDuplicate.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"removeDuplicate.d.ts","sourceRoot":"","sources":["../../../src/common/utils/removeDuplicate.js"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,oDAYC"}
+{"version":3,"file":"removeDuplicate.d.ts","sourceRoot":"","sources":["../../../src/common/utils/removeDuplicate.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,QAAA,MAAM,eAAe,UAAW,GAAG,EAAE,UAYpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/common/utils/renderTrajectories.d.ts

@@ -1,4 +1,4 @@
-export default renderTrajectories;
+import { AnyCanvas, RealtimeRenderState, RealtimeStyleFunction, RealtimeStyleOptions, RealtimeTrajectories, ViewState } from '../../types';
 /**
  * Draw all the trajectories available in a canvas.
  * @param {HTMLCanvas|HTMLOffscreenCanvas} The canvas where to draw the trajectories.
@@ -12,9 +12,6 @@ export default renderTrajectories;
  *   during map navigation.
  * @private
  */
-declare function renderTrajectories(canvas: any, trajectories: ViewState, style: Function, viewState: ViewState, options: any): {
-    renderedTrajectories?: undefined;
-} | {
-    renderedTrajectories: any[];
-};
+declare const renderTrajectories: (canvas: AnyCanvas, trajectories: RealtimeTrajectories, style: RealtimeStyleFunction, viewState: ViewState, options: RealtimeStyleOptions) => RealtimeRenderState;
+export default renderTrajectories;
 //# sourceMappingURL=renderTrajectories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderTrajectories.d.ts","sourceRoot":"","sources":["../../../src/common/utils/renderTrajectories.js"],"names":[],"mappings":";AAIA;;;;;;;;;;;;GAYG;AACH,+DAVW,SAAS,8BAET,SAAS;;;;EAmKnB"}
+{"version":3,"file":"renderTrajectories.d.ts","sourceRoot":"","sources":["../../../src/common/utils/renderTrajectories.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACV,MAAM,aAAa,CAAC;AAGrB;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,kBAAkB,WACd,SAAS,gBACH,oBAAoB,SAC3B,qBAAqB,aACjB,SAAS,WACX,oBAAoB,KAC5B,mBAwKF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/common/utils/renderTrajectories.js

@@ -16,12 +16,15 @@ import getVehiclePosition from './getVehiclePosition';
  */
 const renderTrajectories = (canvas, trajectories, style, viewState, options) => {
     if (!canvas) {
-        return {};
+        return { renderedTrajectories: [] };
+    }
+    const { time = Date.now(), size = [], center, resolution, rotation = 0, pixelRatio = 1, } = viewState;
+    if (!resolution || !center) {
+        return { renderedTrajectories: [] };
     }
-    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);
+    context === null || context === void 0 ? void 0 : 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];
@@ -76,7 +79,7 @@ const renderTrajectories = (canvas, trajectories, style, viewState, options) =>
         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 === null || context === void 0 ? void 0 : 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
@@ -94,11 +97,17 @@ const renderTrajectories = (canvas, trajectories, style, viewState, options) =>
         }
         renderedTrajectories.push(trajectory);
     }
-    if (selectedVehicleImg) {
-        context.drawImage(selectedVehicleImg, selectedVehiclePx[0] - selectedVehicleWidth / 2, selectedVehiclePx[1] - selectedVehicleHeight / 2, selectedVehicleWidth, selectedVehicleHeight);
+    if (selectedVehicleImg &&
+        selectedVehiclePx &&
+        selectedVehicleWidth &&
+        selectedVehicleHeight) {
+        context === null || context === void 0 ? void 0 : 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 === null || context === void 0 ? void 0 : context.drawImage(hoverVehicleImg, hoverVehiclePx[0] - hoverVehicleWidth / 2, hoverVehiclePx[1] - hoverVehicleHeight / 2, hoverVehicleWidth, hoverVehicleHeight);
     }
     return {
         renderedTrajectories,

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

@@ -1 +1 @@
-{"version":3,"file":"trackerConfig.d.ts","sourceRoot":"","sources":["../../../src/common/utils/trackerConfig.js"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,6BAWE;AAEF;;GAEG;AACH,gCAWE;AAEF;;GAEG;AACH,kCAWE;AAKK,6CAKN;AAKM,qDAON;AAKM,sDAON;AAKM,wDAON;AAKM,sFAeN;AAQM,yCAJI,MAAM,aACN,OAAO,eACP,OAAO,qFAsBjB;AAKM,qEAmBN"}
+{"version":3,"file":"trackerConfig.d.ts","sourceRoot":"","sources":["../../../src/common/utils/trackerConfig.js"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,6BAWE;AAEF;;GAEG;AACH,gCAWE;AAEF;;GAEG;AACH,kCAWE;AAKK,6CAKN;AAKM,qDAON;AAKM,sDAON;AAKM,wDAON;AAKM,sFAkBN;AAQM,yCAJI,MAAM,aACN,OAAO,eACP,OAAO,qFAsBjB;AAKM,qEAmBN"}

package/common/utils/trackerConfig.js

@@ -108,6 +108,9 @@ export const getTextColor = (type = 0) => {
  * @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;

package/mapbox/controls/CopyrightControl.d.ts

@@ -1,4 +1,4 @@
-export default CopyrightControl;
+import CopyrightControlCommon from '../../common/controls/CopyrightControlCommon';
 /**
  * Display layer's copyrights.
  *
@@ -9,9 +9,6 @@ export default CopyrightControl;
  * const map = new Map({
  *   container: 'map',
  *   style: `https://maps.geops.io/styles/travic_v2/style.json?key=${window.apiKey}`,
- *   controls: [
- *     new CopyrightControl()
- *   ]
  * });
  *
  * const control = new CopyrightControl();
@@ -20,12 +17,13 @@ export default CopyrightControl;
  *
  * @see <a href="/example/mb-copyright">Mapbox copyright example</a>
  *
- * @extends {Control}
- * @implements {CopyrightInterface}
+ * @extends {CopyrightControlCommon}
  */
-declare class CopyrightControl extends Control implements CopyrightInterface {
+declare class CopyrightControl extends CopyrightControlCommon {
     constructor(options: any);
+    activate(): void;
+    deactivate(): void;
     getCopyrights(): any[];
 }
-import Control from "../../common/controls/Control";
+export default CopyrightControl;
 //# sourceMappingURL=CopyrightControl.d.ts.map

package/mapbox/controls/CopyrightControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyrightControl.d.ts","sourceRoot":"","sources":["../../../src/mapbox/controls/CopyrightControl.js"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,0DAFgB,kBAAkB;IAGhC,0BAGC;IAoBD,uBAEC;CACF"}
+{"version":3,"file":"CopyrightControl.d.ts","sourceRoot":"","sources":["../../../src/mapbox/controls/CopyrightControl.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,8CAA8C,CAAC;AAGlF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,cAAM,gBAAiB,SAAQ,sBAAsB;gBACvC,OAAO,EAAE,GAAG;IAKxB,QAAQ;IASR,UAAU;IASV,aAAa;CAGd;AAED,eAAe,gBAAgB,CAAC"}

package/mapbox/controls/CopyrightControl.js

@@ -1,5 +1,4 @@
-import Control from '../../common/controls/Control';
-import mixin from '../../common/mixins/CopyrightMixin';
+import CopyrightControlCommon from '../../common/controls/CopyrightControlCommon';
 import { getMapboxMapCopyrights } from '../../common/utils';
 /**
  * Display layer's copyrights.
@@ -11,9 +10,6 @@ import { getMapboxMapCopyrights } from '../../common/utils';
  * const map = new Map({
  *   container: 'map',
  *   style: `https://maps.geops.io/styles/travic_v2/style.json?key=${window.apiKey}`,
- *   controls: [
- *     new CopyrightControl()
- *   ]
  * });
  *
  * const control = new CopyrightControl();
@@ -22,10 +18,9 @@ import { getMapboxMapCopyrights } from '../../common/utils';
  *
  * @see <a href="/example/mb-copyright">Mapbox copyright example</a>
  *
- * @extends {Control}
- * @implements {CopyrightInterface}
+ * @extends {CopyrightControlCommon}
  */
-class CopyrightControl extends mixin(Control) {
+class CopyrightControl extends CopyrightControlCommon {
     constructor(options) {
         super(options);
         this.render = this.render.bind(this);

package/mapbox/layers/Layer.js

@@ -1,6 +1,6 @@
 import { unByKey } from 'ol/Observable';
 import { transformExtent } from 'ol/proj';
-import LayerCommon from '../../common/layers/Layer';
+import LayerCommon from '../../common/layers/LayerCommon';
 import userInteractionsMixin from '../../common/mixins/UserInteractionsLayerMixin';
 /**
  * A class representing a layer to display on an OpenLayers map.

package/mapbox/layers/RealtimeLayer.d.ts

@@ -46,7 +46,7 @@ declare class RealtimeLayer extends Layer implements RealtimeLayerInterface {
     source: {
         type: string;
         canvas: any;
-        coordinates: any[][];
+        coordinates: number[][];
         animate: boolean;
         attribution: any;
     } | undefined;

package/mapbox/layers/RealtimeLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/mapbox/layers/RealtimeLayer.js"],"names":[],"mappings":";AASA;;;;;;;;;;;;;;;;GAgBG;AACH,qDAFgB,sBAAsB;IAGpC,0BAmBC;IAuGD,eAOC;IA0HD;;;;OAIG;IACH,eAEC;IAcD;;;;;OAKG;IACH,2BAMC;IA9QC,cAAc;IACd,eAA0C;IAoM5C,2BAYC;IA1MD;;;;;;OAMG;IACH,kDAHW,MAAM,QA8ChB;IA/BC;;;;;;kBAOC;IAED,6BAAwB;IACxB;;;;;;;;;;;;kBAYC;IAQD,6BAAqE;IAuBvE;;;;;;OAMG;IACH,uBAMC;IAED;;;;OAIG;IACH,sBAOC;IAWD;;;OAGG;IACH,4CAKC;IAED;;;;OAIG;IACH,kCAHW,OAAO,QAkDjB;IAED;;OAEG;IACH,0BAEC;IAED,+DAMC;IAgBD;;;;OAIG;IACH,wBAMC;IAED;;OAEG;IACH,sCAQC;IAWD,oEAUC;IAgBD;;;;;OAKG;IACH,gCAKC;CACF"}
+{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/mapbox/layers/RealtimeLayer.js"],"names":[],"mappings":";AASA;;;;;;;;;;;;;;;;GAgBG;AACH,qDAFgB,sBAAsB;IAGpC,0BAmBC;IAuGD,eAOC;IA0HD;;;;OAIG;IACH,eAEC;IAcD;;;;;OAKG;IACH,2BAMC;IA9QC,cAAc;IACd,eAA0C;IAoM5C,2BAYC;IA1MD;;;;;;OAMG;IACH,0BAJW,YAAY,YACZ,MAAM,QA8ChB;IA/BC;;;;;;kBAOC;IAED,6BAAwB;IACxB;;;;;;;;;;;;kBAYC;IAQD,6BAAqE;IAuBvE;;;;;;OAMG;IACH,uBAMC;IAED;;;;OAIG;IACH,sBAOC;IAWD;;;OAGG;IACH,4CAKC;IAED;;;;OAIG;IACH,kCAHW,OAAO,QAkDjB;IAED;;OAEG;IACH,0BAEC;IAED,+DAMC;IAgBD;;;;OAIG;IACH,wBAMC;IAED;;OAEG;IACH,sCAQC;IAWD,oEAUC;IAgBD;;;;;OAKG;IACH,gCAKC;CACF"}