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

package/ol/layers/MapboxLayer.d.ts

@@ -1,3 +1,6 @@
+import { Map } from 'mapbox-gl';
+import type OlMap from 'ol/Map';
+import MapGlLayer, { MapGlLayerOptions } from './MapGlLayer';
 /**
  * A class representing Mapboxlayer to display on BasicMap
  *
@@ -12,31 +15,26 @@
  * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
  * @extends {Layer}
  */
-export default class MapboxLayer extends Layer {
+export default class MapboxLayer extends MapGlLayer {
+    renderState?: {};
+    tabIndex?: number;
+    /**
+     * Initialize the layer and listen to feature clicks.
+     * @param {ol/Map~Map} map
+     */
+    attachToMap(map: OlMap): void;
     /**
      * Create the mapbox map.
      * @private
      */
-    private loadMbMap;
-    /** @ignore */
-    renderState: {
-        center: any[];
-        zoom: null;
-        rotation: null;
-        visible: null;
-        opacity: null;
-        size: number[];
-    } | undefined;
-    /** @ignore */
-    copyrights: any[] | undefined;
-    getOlLayerRender(): (frameState: any) => any;
-    getMapboxMapClass(): any;
+    loadMbMap(): void;
+    getOlLayerRender(): (frameState: import("ol/PluggableMap").FrameState) => HTMLElement;
+    getMapboxMapClass(): typeof Map;
     /**
      * Create a copy of the MapboxLayer.
      * @param {Object} newOptions Options to override
      * @return {MapboxLayer} A MapboxLayer
      */
-    clone(newOptions: Object): MapboxLayer;
+    clone(newOptions: MapGlLayerOptions): MapboxLayer;
 }
-import Layer from "./Layer";
 //# sourceMappingURL=MapboxLayer.d.ts.map

package/ol/layers/MapboxLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapboxLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MapboxLayer.js"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AACH;IA2BE;;;OAGG;IACH,kBA+CC;IApCC,cAAc;IACd;;;;;;;kBAOC;IAYC,cAAc;IACd,8BAA0D;IAiB9D,6CAEC;IAGD,yBAEC;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACL,WAAW,CAItB;CACF"}
+{"version":3,"file":"MapboxLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MapboxLayer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,QAAQ,CAAC;AAEhC,OAAO,UAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,WAAW,CAAC,EAAE,EAAE,CAAC;IAEjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,KAAK;IAsBtB;;;OAGG;IACH,SAAS;IAoDT,gBAAgB;IAKhB,iBAAiB;IAIjB;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,iBAAiB;CAGpC"}

package/ol/layers/MapboxLayer.js

@@ -1,8 +1,7 @@
 /* eslint-disable no-underscore-dangle */
 import { Map } from 'mapbox-gl';
-import Layer from './Layer';
-import mixin from '../../common/mixins/MapboxLayerMixin';
 import { getMapboxMapCopyrights, getMapboxRender } from '../../common/utils';
+import MapGlLayer from './MapGlLayer';
 /**
  * A class representing Mapboxlayer to display on BasicMap
  *
@@ -17,7 +16,7 @@ import { getMapboxMapCopyrights, getMapboxRender } from '../../common/utils';
  * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
  * @extends {Layer}
  */
-export default class MapboxLayer extends mixin(Layer) {
+export default class MapboxLayer extends MapGlLayer {
     /**
      * Initialize the layer and listen to feature clicks.
      * @param {ol/Map~Map} map
@@ -45,9 +44,10 @@ export default class MapboxLayer extends mixin(Layer) {
      * @private
      */
     loadMbMap() {
+        var _a;
         // If the map hasn't been resized, the center could be [NaN,NaN].
         // We set default good value for the mapbox map, to avoid the app crashes.
-        let [x, y] = this.map.getView().getCenter();
+        let [x, y] = ((_a = this.map) === null || _a === void 0 ? void 0 : _a.getView().getCenter()) || [];
         if (!x || !y) {
             x = 0;
             y = 0;
@@ -69,16 +69,19 @@ export default class MapboxLayer extends mixin(Layer) {
             return;
         }
         this.mbMap.once('load', () => {
-            var _a;
+            var _a, _b;
+            if (!this.mbMap) {
+                return;
+            }
             this.mbMap.resize();
             /** @ignore */
             this.copyrights = getMapboxMapCopyrights(this.mbMap) || [];
-            (_a = this.olLayer.getSource()) === null || _a === void 0 ? void 0 : _a.setAttributions(this.copyrights);
+            (_b = (_a = this.olLayer) === null || _a === void 0 ? void 0 : _a.getSource()) === null || _b === void 0 ? void 0 : _b.setAttributions(this.copyrights);
         });
         const mapboxCanvas = this.mbMap.getCanvas();
         if (mapboxCanvas) {
             if (this.options.tabIndex) {
-                mapboxCanvas.setAttribute('tabindex', this.options.tabIndex);
+                mapboxCanvas.setAttribute('tabindex', `${this.options.tabIndex}`);
             }
             else {
                 // With a tabIndex='-1' the mouse events works but the map is not focused when we click on it

package/ol/layers/MapboxStyleLayer.d.ts

@@ -91,6 +91,12 @@ declare class MapboxStyleLayer extends Layer {
     onLoad(): void;
     /** @private */
     private addDynamicFilters;
+    /**
+     * Initialize the layer.
+     * @param {mapboxgl.Map} map the mapbox map.
+     * @override
+     */
+    override attachToMap(map: mapboxgl.Map): void;
     /**
      * Terminate the layer.
      * @param {mapboxgl.Map} map the mapbox map.

package/ol/layers/MapboxStyleLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapboxStyleLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MapboxStyleLayer.js"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;OAMG;IACH;QAHiC,WAAW;QACd,iBAAiB;OA4F9C;IAvFC;;;;OAIG;IACH,oBAAsC;IAEtC;;OAEG;IACH,kBAAqB;IAErB;;;;OAIG;IACH,0BAAkD;IAElD;;;;;OAKG;IACH,iBAAgC;IAEhC;;;;OAIG;IACH,0BAAoE;IAEpE;;;;OAIG;IACH,kCAAkE;IAElE;;;;OAIG;IACH,4BAA6B;IAE7B;;;;OAIG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,oBACyE;IAiG3E,cAAc;IACd,uBAcC;IAiBD;;;OAGG;IACH,eAaC;IAtIG,eAAe;IACf,0BAMC;IAgEL;;;;OAIG;IACH,gDAOC;IAmBD,cAAc;IACd,0BAYC;IAqBD;;;;OAIG;IACH,6CAFY,QAAQ,WAAW,CAAC,CAiC/B;IAED;;;OAGG;IACH,yCAYC;IAED;;;;;OAKG;IACH,sBA8BC;IAED;;;;OAIG;IACH,eAIC;IAED;;;;OAIG;IACH,kBAeC;IAED;;;;OAIG;IAEH,8BA8BC;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACL,gBAAgB,CAI3B;CACF"}
+{"version":3,"file":"MapboxStyleLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MapboxStyleLayer.js"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;OAMG;IACH;QAHiC,WAAW;QACd,iBAAiB;OA4F9C;IAvFC;;;;OAIG;IACH,oBAAsC;IAEtC;;OAEG;IACH,kBAAqB;IAErB;;;;OAIG;IACH,0BAAkD;IAElD;;;;;OAKG;IACH,iBAAgC;IAEhC;;;;OAIG;IACH,0BAAoE;IAEpE;;;;OAIG;IACH,kCAAkE;IAElE;;;;OAIG;IACH,4BAA6B;IAE7B;;;;OAIG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,oBACyE;IAiG3E,cAAc;IACd,uBAcC;IAiBD;;;OAGG;IACH,eAaC;IAtIG,eAAe;IACf,0BAMC;IASL;;;;OAIG;IACH,0BAHW,YAAY,QAmDtB;IAED;;;;OAIG;IACH,4BAHW,YAAY,QAUtB;IAmBD,cAAc;IACd,0BAYC;IAqBD;;;;OAIG;IACH,6CAFY,QAAQ,WAAW,CAAC,CAiC/B;IAED;;;OAGG;IACH,yCAYC;IAED;;;;;OAKG;IACH,sBA8BC;IAED;;;;OAIG;IACH,eAIC;IAED;;;;OAIG;IACH,kBAeC;IAED;;;;OAIG;IAEH,8BA8BC;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACL,gBAAgB,CAI3B;CACF"}

package/ol/layers/MaplibreLayer.d.ts

@@ -1,3 +1,5 @@
+import { Map } from 'maplibre-gl';
+import MapGlLayer, { MapGlLayerOptions } from './MapGlLayer';
 /**
  * A class representing MaplibreLayer to display on BasicMap
  *
@@ -12,7 +14,7 @@
  * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
  * @extends {Layer}
  */
-export default class MaplibreLayer extends Layer {
+export default class MaplibreLayer extends MapGlLayer {
     getOlLayerRender(): (frameState: any) => any;
     getMapboxMapClass(): typeof Map;
     /**
@@ -20,8 +22,6 @@ export default class MaplibreLayer extends Layer {
      * @param {Object} newOptions Options to override
      * @return {MapboxLayer} A MapboxLayer
      */
-    clone(newOptions: Object): MapboxLayer;
+    clone(newOptions: MapGlLayerOptions): MaplibreLayer;
 }
-import Layer from "./Layer";
-import { Map } from "maplibre-gl";
 //# sourceMappingURL=MaplibreLayer.d.ts.map

package/ol/layers/MaplibreLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaplibreLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MaplibreLayer.js"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;GAaG;AACH;IACE,6CAEC;IAGD,gCAEC;IAED;;;;OAIG;IACH,kBAHW,MAAM,eAKhB;CACF"}
+{"version":3,"file":"MaplibreLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/MaplibreLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,UAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,UAAU;IACnD,gBAAgB;IAKhB,iBAAiB;IAIjB;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,iBAAiB;CAGpC"}

package/ol/layers/MaplibreLayer.js

@@ -1,7 +1,6 @@
 import { Map } from 'maplibre-gl';
-import Layer from './Layer';
-import mixin from '../../common/mixins/MapboxLayerMixin';
 import { getMaplibreRender } from '../../common/utils';
+import MapGlLayer from './MapGlLayer';
 /**
  * A class representing MaplibreLayer to display on BasicMap
  *
@@ -16,7 +15,7 @@ import { getMaplibreRender } from '../../common/utils';
  * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
  * @extends {Layer}
  */
-export default class MaplibreLayer extends mixin(Layer) {
+export default class MaplibreLayer extends MapGlLayer {
     getOlLayerRender() {
         return getMaplibreRender(this);
     }

package/ol/layers/RealtimeLayer.d.ts

@@ -1,4 +1,89 @@
-export default RealtimeLayer;
+import GeoJSON from 'ol/format/GeoJSON';
+import Feature, { FeatureLike } from 'ol/Feature';
+import { MapEvent } from 'ol';
+import { Coordinate } from 'ol/coordinate';
+import Layer from './Layer';
+import { RealtimeLayerMixinOptions } from '../../common/mixins/RealtimeLayerMixin';
+import { AnyMap, LayerGetFeatureInfoResponse, RealtimeTrainId } from '../../types';
+import { RealtimeTrajectory } from '../../api/typedefs';
+export declare type OlRealtimeLayerOptions = RealtimeLayerMixinOptions & {
+    fullTrajectoryStyle: (feature: FeatureLike, resolution: number, options: any) => void;
+};
+declare const RealtimeLayer_base: {
+    new (options: RealtimeLayerMixinOptions): {
+        [x: string]: any;
+        debug: boolean;
+        trajectories?: {
+            [key: string]: GeoJSONFeature;
+        } | undefined;
+        canvas?: import("../../types").AnyCanvas | undefined;
+        mode: import("../../types").RealtimeMode;
+        api: import("../../api/RealtimeAPI").default;
+        tenant: string;
+        time?: Date | undefined;
+        live?: boolean | undefined;
+        speed?: number | undefined;
+        filter?: Function | undefined;
+        sort?: Function | undefined;
+        style?: import("../../types").RealtimeStyleFunction | undefined;
+        styleOptions?: import("../../types").RealtimeStyleOptions | undefined;
+        pixelRatio?: number | undefined;
+        minZoomNonTrain: number;
+        minZoomInterpolation: number;
+        isUpdateBboxOnMoveEnd: boolean;
+        hoverVehicleId?: string | undefined;
+        selectedVehicleId?: string | undefined;
+        renderState?: import("../../types").RealtimeRenderState | undefined;
+        useRequestAnimationFrame?: boolean | undefined;
+        useDebounce?: boolean | undefined;
+        useThrottle?: boolean | undefined;
+        generalizationLevel?: import("../../types").RealtimeGeneralizationLevel | undefined;
+        generalizationLevelByZoom: import("../../types").RealtimeGeneralizationLevel[];
+        renderTimeIntervalByZoom: number[];
+        /** @ignore */
+        format: GeoJSON;
+        requestId?: number | undefined;
+        updateTimeInterval?: number | undefined;
+        updateTimeDelay?: number | undefined;
+        visibilityRef: import("ol/events").EventsKey;
+        selectedVehicle: GeoJSONFeature;
+        getGeneralizationLevelByZoom: (zoom: number) => import("../../types").RealtimeGeneralizationLevel;
+        getRenderTimeIntervalByZoom: (zoom: number) => number;
+        throttleRenderTrajectories: (viewState: import("../../types").ViewState, noInterpolate?: boolean | undefined) => void;
+        debounceRenderTrajectories: (viewState: import("../../types").ViewState, noInterpolate?: boolean | undefined) => void;
+        defineProperties(options: RealtimeLayerMixinOptions): void;
+        attachToMap(map: any): void;
+        detachFromMap(): void;
+        start(): void;
+        startUpdateTime(): void;
+        stop(): void;
+        stopUpdateTime(): void;
+        renderTrajectoriesInternal(viewState: import("../../types").ViewState, noInterpolate?: boolean): boolean;
+        renderTrajectories(viewState: import("../../types").ViewState | undefined, noInterpolate: boolean | undefined): void;
+        setBbox(extent?: [number, number, number, number] | undefined, zoom?: number | undefined): void;
+        setMode(mode: import("../../types").RealtimeMode): void;
+        getRefreshTimeInMs(zoom?: number | undefined): number;
+        getVehicle(filterFc: Function): GeoJSONFeature[];
+        getFeatureInfoAtCoordinate(coordinate: Coordinate, options: import("../../types").LayerGetFeatureInfoOptions): Promise<{
+            layer: any;
+            features: Feature<import("ol/geom/Geometry").default>[];
+            coordinate: Coordinate;
+        }>;
+        getTrajectoryInfos(id: string): Promise<{
+            stopSequence: unknown;
+            fullTrajectory: unknown;
+        }>;
+        purgeTrajectory(trajectory: GeoJSONFeature, extent: [number, number, number, number], zoom: number): boolean;
+        addTrajectory(trajectory: GeoJSONFeature): void;
+        removeTrajectory(trajectoryOrId: any): void;
+        onZoomEnd(): void;
+        onDocumentVisibilityChange(): void;
+        onTrajectoryMessage(data: import("../../common/api/WebSocketAPI").WebSocketAPIMessageEventData): void;
+        onDeleteTrajectoryMessage(data: import("../../common/api/WebSocketAPI").WebSocketAPIMessageEventData): void;
+        onFeatureHover(features: Feature<import("ol/geom/Geometry").default>[], layer: import("../../types").AnyRealtimeLayer, coordinate: Coordinate): void;
+        onFeatureClick(features: Feature<import("ol/geom/Geometry").default>[], layer: import("../../types").AnyRealtimeLayer, coordinate: Coordinate): void;
+    };
+} & typeof Layer;
 /**
  * Responsible for loading and display data from a Realtime service.
  *
@@ -17,33 +102,25 @@ export default RealtimeLayer;
  * @implements {UserInteractionsLayerInterface}
  * @implements {RealtimeLayerInterface}
  */
-declare class RealtimeLayer extends Layer implements UserInteractionsLayerInterface, RealtimeLayerInterface {
+declare class RealtimeLayer extends RealtimeLayer_base {
     /**
      * Constructor.
      *
      * @param {Object} options
      * @private
      */
-    private constructor();
-    /** @ignore */
-    olLayer: any;
-    container: HTMLDivElement;
-    transformContainer: HTMLDivElement;
-    vectorLayer: any;
-    /** @ignore */
-    renderState: {
-        center: number[];
-        zoom: null;
-        rotation: number;
-    };
-    attachToMap(map: any): void;
-    currentZoom: any;
+    constructor(options: OlRealtimeLayerOptions);
+    attachToMap(map: AnyMap): void;
+    /**
+     * Destroy the container of the tracker.
+     */
+    detachFromMap(): void;
     /**
      * Detect in the canvas if there is data to query at a specific coordinate.
      * @param {ol/coordinate~Coordinate}  coordinate The coordinate to test
      * @returns
      */
-    hasFeatureInfoAtCoordinate(coordinate: any): boolean;
+    hasFeatureInfoAtCoordinate(coordinate: Coordinate): boolean;
     /**
      * Render the trajectories using current map's size, resolution and rotation.
      * @param {boolean} noInterpolate if true, renders the vehicles without interpolating theirs positions.
@@ -55,20 +132,19 @@ declare class RealtimeLayer extends Layer implements UserInteractionsLayerInterf
      * @private
      * @override
      */
-    private override renderTrajectoriesInternal;
-    renderedViewState: any;
+    renderTrajectoriesInternal(viewState: ViewState, noInterpolate: boolean): boolean;
     /**
      * Return the delay in ms before the next rendering.
      */
-    getRefreshTimeInMs(): any;
-    getFeatureInfoAtCoordinate(coordinate: any, options?: {}): any;
+    getRefreshTimeInMs(): number;
+    getFeatureInfoAtCoordinate(coordinate: Coordinate, options?: {}): Promise<LayerGetFeatureInfoResponse>;
     /**
      * On move end we update the websocket with the new bbox.
      *
      * @private
      * @override
      */
-    private override onMoveEnd;
+    onMoveEnd(evt: MapEvent): void;
     /**
      * Function called on moveend event only when the zoom has changed.
      *
@@ -76,44 +152,44 @@ declare class RealtimeLayer extends Layer implements UserInteractionsLayerInterf
      * @private
      * @override
      */
-    private override onZoomEnd;
+    onZoomEnd(): void;
     /**
      * Update the cursor style when hovering a vehicle.
      *
      * @private
      * @override
      */
-    private override onFeatureHover;
+    onFeatureHover(features: Feature[], layer: RealtimeLayer, coordinate: Coordinate): void;
     /**
      * Display the complete trajectory of the vehicle.
      *
      * @private
      * @override
      */
-    private override onFeatureClick;
+    onFeatureClick(features: Feature[], layer: RealtimeLayer, coordinate: Coordinate): void;
     /**
      * Remove the trajectory form the list if necessary.
      *
      * @private
      */
-    private purgeTrajectory;
+    purgeTrajectory(trajectory: RealtimeTrajectory, extent: [number, number, number, number], zoom: number): boolean;
     /**
      * Send the current bbox to the websocket
      *
      * @private
      */
-    private setBbox;
+    setBbox(extent?: [number, number, number, number], zoom?: number): void;
     /**
      * Highlight the trajectory of journey.
      * @private
      */
-    private highlightTrajectory;
+    highlightTrajectory(id: RealtimeTrainId): void;
     /**
      * Create a copy of the RealtimeLayer.
      * @param {Object} newOptions Options to override
      * @return {RealtimeLayer} A RealtimeLayer
      */
-    clone(newOptions: Object): RealtimeLayer;
+    clone(newOptions: OlRealtimeLayerOptions): RealtimeLayer;
 }
-import Layer from "./Layer";
+export default RealtimeLayer;
 //# sourceMappingURL=RealtimeLayer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/RealtimeLayer.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;GAiBG;AACH,qDAHgB,8BAA8B,EAC9B,sBAAsB;IAGpC;;;;;OAKG;IACH,sBA2FC;IApFC,cAAc;IACd,aAsEI;IApDQ,0BAA8C;IAI9C,mCAAuD;IAmDnE,iBAAmD;IAInD,cAAc;IACd;;;;MAIC;IAGH,4BAqBC;IANO,iBAAuB;IAgB/B;;;;OAIG;IACH,qDAYC;IAED;;;;OAIG;IACH,kCAHW,OAAO,QAqBjB;IAED;;;;OAIG;IACH,4CAuBC;IAPG,uBAAyC;IAS7C;;OAEG;IACH,0BAEC;IAED,+DAMC;IAED;;;;;OAKG;IACH,2BAaC;IAED;;;;;;OAMG;IAEH,2BAEC;IAED;;;;;OAKG;IACH,gCAKC;IAED;;;;;OAKG;IACH,gCAQC;IAED;;;;OAIG;IACH,wBAMC;IAED;;;;OAIG;IACH,gBAQC;IAED;;;OAGG;IACH,4BAiBC;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACL,aAAa,CAIxB;CACF"}
+{"version":3,"file":"RealtimeLayer.d.ts","sourceRoot":"","sources":["../../../src/ol/layers/RealtimeLayer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAKxC,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAc,EACZ,yBAAyB,EAC1B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EACL,MAAM,EACN,2BAA2B,EAE3B,eAAe,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,oBAAY,sBAAsB,GAAG,yBAAyB,GAAG;IAC/D,mBAAmB,EAAE,CACnB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,GAAG,KACT,IAAI,CAAC;CACX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqHE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnHlB;;;;;;;;;;;;;;;;;GAiBG;AAEH,cAAM,aAAc,SAAQ,kBAAY;IACtC;;;;;OAKG;gBACS,OAAO,EAAE,sBAAsB;IAiG3C,WAAW,CAAC,GAAG,EAAE,MAAM;IAuBvB;;OAEG;IACH,aAAa;IAKb;;;;OAIG;IACH,0BAA0B,CAAC,UAAU,EAAE,UAAU;IAcjD;;;;OAIG;IAEH,kBAAkB,CAAC,aAAa,EAAE,OAAO;IAoBzC;;;;OAIG;IACH,0BAA0B,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO;IAyBvE;;OAEG;IACH,kBAAkB;IAIlB,0BAA0B,CACxB,UAAU,EAAE,UAAU,EACtB,OAAO,KAAK,GACX,OAAO,CAAC,2BAA2B,CAAC;IAQvC;;;;;OAKG;IAEH,SAAS,CAAC,GAAG,EAAE,QAAQ;IAevB;;;;;;OAMG;IAEH,SAAS;IAIT;;;;;OAKG;IACH,cAAc,CACZ,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU;IAQxB;;;;;OAKG;IACH,cAAc,CACZ,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU;IAWxB;;;;OAIG;IACH,eAAe,CACb,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxC,IAAI,EAAE,MAAM;IASd;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM;IAUhE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,EAAE,eAAe;IAmBvC;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,sBAAsB;CAGzC;AAED,eAAe,aAAa,CAAC"}

package/ol/layers/RealtimeLayer.js

@@ -26,6 +26,7 @@ const format = new GeoJSON();
  * @implements {UserInteractionsLayerInterface}
  * @implements {RealtimeLayerInterface}
  */
+// @ts-ignore
 class RealtimeLayer extends mixin(Layer) {
     /**
      * Constructor.
@@ -33,7 +34,7 @@ class RealtimeLayer extends mixin(Layer) {
      * @param {Object} options
      * @private
      */
-    constructor(options = {}) {
+    constructor(options) {
         // We use a group to be able to add custom vector layer in extended class.
         // For example TrajservLayer use a vectorLayer to display the complete trajectory.
         super(Object.assign({}, options));
@@ -51,6 +52,7 @@ class RealtimeLayer extends mixin(Layer) {
                         new OLLayer({
                             source: new Source({}),
                             render: (frameState) => {
+                                var _a, _b, _c;
                                 if (!this.container) {
                                     this.container = document.createElement('div');
                                     this.container.style.position = 'absolute';
@@ -61,19 +63,23 @@ class RealtimeLayer extends mixin(Layer) {
                                     this.transformContainer.style.width = '100%';
                                     this.transformContainer.style.height = '100%';
                                     this.container.appendChild(this.transformContainer);
-                                    this.canvas.style.position = 'absolute';
-                                    this.canvas.style.top = '0';
-                                    this.canvas.style.left = '0';
-                                    this.canvas.style.transformOrigin = 'top left';
-                                    this.transformContainer.appendChild(this.canvas);
+                                    if (this.canvas) {
+                                        this.canvas.style.position =
+                                            'absolute';
+                                        this.canvas.style.top = '0';
+                                        this.canvas.style.left = '0';
+                                        this.canvas.style.transformOrigin =
+                                            'top left';
+                                        this.transformContainer.appendChild(this.canvas);
+                                    }
                                 }
                                 if (this.renderedViewState) {
                                     const { center, resolution, rotation } = frameState.viewState;
                                     const { center: renderedCenter, resolution: renderedResolution, rotation: renderedRotation, } = this.renderedViewState;
                                     if (renderedResolution / resolution >= 3) {
                                         // Avoid having really big points when zooming fast.
-                                        const context = this.canvas.getContext('2d');
-                                        context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+                                        const context = (_a = this.canvas) === null || _a === void 0 ? void 0 : _a.getContext('2d');
+                                        context === null || context === void 0 ? void 0 : context.clearRect(0, 0, (_b = this.canvas) === null || _b === void 0 ? void 0 : _b.width, (_c = this.canvas) === null || _c === void 0 ? void 0 : _c.height);
                                     }
                                     else {
                                         const pixelCenterRendered = this.map.getPixelFromCoordinate(renderedCenter);
@@ -93,7 +99,7 @@ class RealtimeLayer extends mixin(Layer) {
         /** @ignore */
         this.renderState = {
             center: [0, 0],
-            zoom: null,
+            zoom: undefined,
             rotation: 0,
         };
     }
@@ -108,7 +114,7 @@ class RealtimeLayer extends mixin(Layer) {
                 const zoom = view.getZoom();
                 // Update the interval between render updates
                 if (this.currentZoom !== zoom) {
-                    this.onZoomEnd(evt);
+                    this.onZoomEnd();
                 }
                 this.currentZoom = zoom;
                 this.onMoveEnd(evt);
@@ -131,7 +137,7 @@ class RealtimeLayer extends mixin(Layer) {
         if (this.map && this.canvas) {
             const context = this.canvas.getContext('2d');
             const pixel = this.map.getPixelFromCoordinate(coordinate);
-            return !!context.getImageData(pixel[0] * this.pixelRatio, pixel[1] * this.pixelRatio, 1, 1).data[3];
+            return !!(context === null || context === void 0 ? void 0 : context.getImageData(pixel[0] * (this.pixelRatio || 1), pixel[1] * (this.pixelRatio || 1), 1, 1).data[3]);
         }
         return false;
     }
@@ -140,6 +146,7 @@ class RealtimeLayer extends mixin(Layer) {
      * @param {boolean} noInterpolate if true, renders the vehicles without interpolating theirs positions.
      * @overrides
      */
+    // @ts-ignore
     renderTrajectories(noInterpolate) {
         if (!this.map) {
             return;
@@ -195,7 +202,8 @@ class RealtimeLayer extends mixin(Layer) {
      * @private
      * @override
      */
-    onMoveEnd() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onMoveEnd(evt) {
         if (this.visible && this.isUpdateBboxOnMoveEnd) {
             this.setBbox();
         }
@@ -214,8 +222,8 @@ class RealtimeLayer extends mixin(Layer) {
      * @override
      */
     // eslint-disable-next-line no-unused-vars
-    onZoomEnd(evt) {
-        super.onZoomEnd(evt);
+    onZoomEnd() {
+        super.onZoomEnd();
     }
     /**
      * Update the cursor style when hovering a vehicle.

package/ol/styles/fullTrajectoryStyle.d.ts

@@ -1,4 +1,5 @@
+import { Feature } from 'ol';
+import { Style } from 'ol/style';
+declare const fullTrajectorystyle: (feature: Feature, resolution: number, options: any) => Style[];
 export default fullTrajectorystyle;
-declare function fullTrajectorystyle(feature: any, resolution: any, options: any): Style[];
-import { Style } from "ol/style";
 //# sourceMappingURL=fullTrajectoryStyle.d.ts.map

package/ol/styles/fullTrajectoryStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullTrajectoryStyle.d.ts","sourceRoot":"","sources":["../../../src/ol/styles/fullTrajectoryStyle.js"],"names":[],"mappings":";AAiBA,2FAgCC"}
+{"version":3,"file":"fullTrajectoryStyle.d.ts","sourceRoot":"","sources":["../../../src/ol/styles/fullTrajectoryStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAwB,MAAM,UAAU,CAAC;AAiBvD,QAAA,MAAM,mBAAmB,YACd,OAAO,cACJ,MAAM,WACT,GAAG,YAiCb,CAAC;AACF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "mobility-toolbox-js",
   "license": "MIT",
   "description": "Toolbox for JavaScript applications in the domains of mobility and logistics.",
-  "version": "2.0.0-beta.46",
+  "version": "2.0.0-beta.47",
   "main": "index.js",
   "exports": {
     ".": "./index.js",
@@ -14,6 +14,7 @@
   "dependencies": {
     "@turf/helpers": "^6.5.0",
     "@turf/transform-rotate": "^6.5.0",
+    "@types/lodash": "^4.14.185",
     "lodash.debounce": "4.0.8",
     "lodash.throttle": "4.1.1",
     "path": "^0.12.7",
@@ -29,14 +30,19 @@
     "@babel/core": "7.16.12",
     "@babel/eslint-parser": "7.16.5",
     "@babel/plugin-transform-runtime": "7.16.10",
-    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-env": "^7.18.10",
     "@babel/preset-react": "7.16.7",
     "@commitlint/cli": "17.0.2",
     "@commitlint/config-conventional": "17.0.2",
     "@types/arcgis-js-api": "^4.24.0",
     "@types/arcgis-rest-api": "^10.4.5",
-    "@types/geojson": "^7946.0.8",
+    "@types/geojson": "^7946.0.10",
+    "@types/lodash.debounce": "^4.0.7",
+    "@types/lodash.throttle": "^4.1.7",
+    "@types/mapbox-gl": "^2.7.5",
+    "@types/offscreencanvas": "^2019.7.0",
     "@types/topojson": "^3.2.3",
+    "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.30.5",
     "@typescript-eslint/parser": "^5.30.5",
     "autoprefixer": "9.7.6",
@@ -55,7 +61,7 @@
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.6.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "^7.30.1",
     "fixpack": "3.0.6",
@@ -69,18 +75,18 @@
     "lint-staged": "12.3.3",
     "mapbox-gl": "1.13.2",
     "maplibre-gl": "2.4.0",
-    "mock-socket": "9.1.2",
+    "mock-socket": "9.1.5",
     "next": "12.1.6",
     "next-transpile-modules": "9.0.0",
     "ol": "6.14.1",
-    "openapi-typescript": "^5.4.0",
+    "openapi-typescript": "5.4.1",
     "postcss": "8.3.3",
     "postcss-loader": "3.0.0",
     "prettier": "2.5.1",
     "raw-loader": "4.0.2",
     "sass": "1.52.2",
     "sass-loader": "8.0.2",
-    "sort-json": "2.0.0",
+    "sort-json": "2.0.1",
     "standard-version": "9.5.0",
     "start-server-and-test": "1.14.0",
     "stylelint": "14.3.0",
@@ -91,7 +97,7 @@
   },
   "scripts": {
     "apidoc": "esdoc && cp apidoc/index.json doc/src/components/Esdoc",
-    "build": "rm -rf build && yarn tsc && yarn esbuild:iife && cp README.md build/ && cp package.json build/ && cp -R src/types build/",
+    "build": "rm -rf build && yarn tsc && yarn esbuild:iife && cp README.md build/ && cp package.json build/ && cp -R src/types build/ && find build -type f -name '*.test.*' -delete",
     "coverage": "yarn test  --watchAll=false  --coverage --coverageDirectory=coverage",
     "cy:open": "cypress open",
     "cy:test": "start-server-and-test dev http://localhost:3000 'cypress run --browser chrome'",
@@ -121,7 +127,7 @@
     "test": "TZ='UTC' jest",
     "test:watch": "yarn test --watchAll",
     "tsc": "tsc",
-    "types:backend": "openapi-typescript https://developer.geops.io/swagger/routing.json --output types/routing.d.ts && openapi-typescript  https://developer.geops.io/swagger/stops.json --output types/stops.d.ts"
+    "types:backend": "openapi-typescript https://developer.geops.io/swagger/routing.json --output src/types/routing.d.ts && openapi-typescript  https://developer.geops.io/swagger/stops.json --output src/types/stops.d.ts"
   },
   "browserslist": [
     ">0.2%",