mobility-toolbox-js 2.3.10 → 2.3.11

package/common/utils/renderTrajectories.d.ts

@@ -0,0 +1,17 @@
+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.
+ * @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 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

@@ -0,0 +1 @@
+{"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,mBA+JF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/common/utils/renderTrajectories.js

@@ -0,0 +1,110 @@
+import { compose, apply, create } from 'ol/transform';
+import getVehiclePosition from './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
+ */
+const renderTrajectories = (canvas, trajectories, style, viewState, options) => {
+    if (!canvas) {
+        return { renderedTrajectories: [] };
+    }
+    const { time = Date.now(), size = [], center, resolution, rotation = 0, pixelRatio = 1, } = viewState;
+    if (!resolution || !center) {
+        return { renderedTrajectories: [] };
+    }
+    const { noInterpolate = false, hoverVehicleId, selectedVehicleId, filter, getScreenPixel = (pixel, viewStat) => (viewStat.zoom || 0) < 12
+        ? pixel.map((coord) => Math.floor(coord))
+        : pixel, } = options;
+    const context = canvas.getContext('2d');
+    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];
+    }
+    const coordinateToPixelTransform = compose(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 = `${canvas.width / pixelRatio}px`;
+        canvas.style.height = `${canvas.height / pixelRatio}px`;
+    }
+    let hoverVehicleImg;
+    let hoverVehiclePx;
+    let selectedVehicleImg;
+    let selectedVehiclePx;
+    const renderedTrajectories = [];
+    for (let i = trajectories.length - 1; i >= 0; i -= 1) {
+        const trajectory = trajectories[i];
+        // Filter out trajectories
+        if (filter && !filter(trajectory)) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        // We simplify the trajectory object
+        const { train_id: id, timeOffset } = trajectory.properties;
+        // We set the rotation and the timeFraction of the trajectory (used by tralis).
+        // if rotation === null that seems there is no rotation available.
+        const { coord, rotation: rotationIcon } = getVehiclePosition(time - (timeOffset || 0), trajectory, noInterpolate);
+        // 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;
+        }
+        let px = apply(coordinateToPixelTransform, [...coord]);
+        if (!px) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        px = px.map((p) => p * pixelRatio);
+        if (px[0] < 0 ||
+            px[0] > canvas.width ||
+            px[1] < 0 ||
+            px[1] > canvas.height) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        const vehicleImg = style(trajectory, viewState, options);
+        if (!vehicleImg) {
+            // eslint-disable-next-line no-continue
+            continue;
+        }
+        if (hoverVehicleId !== id && selectedVehicleId !== id) {
+            // To optimize the performance we use integer as pixel coordinate
+            // to avoid an additional work by the browser on zoom level < 12.
+            // See https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas?retiredLocale=de#avoid_floating-point_coordinates_and_use_integers_instead
+            const [x, y] = getScreenPixel([px[0] - vehicleImg.width / 2, px[1] - vehicleImg.height / 2], viewState);
+            context === null || context === void 0 ? void 0 : context.drawImage(vehicleImg, x, y);
+        }
+        if (hoverVehicleId && hoverVehicleId === id) {
+            // Store the canvas to draw it at the end
+            hoverVehicleImg = vehicleImg;
+            hoverVehiclePx = px;
+        }
+        if (selectedVehicleId && selectedVehicleId === id) {
+            // Store the canvas to draw it at the end
+            selectedVehicleImg = vehicleImg;
+            selectedVehiclePx = px;
+        }
+        renderedTrajectories.push(trajectory);
+    }
+    if (selectedVehicleImg && selectedVehiclePx) {
+        context === null || context === void 0 ? void 0 : context.drawImage(selectedVehicleImg, Math.floor(selectedVehiclePx[0] - selectedVehicleImg.width / 2), Math.floor(selectedVehiclePx[1] - selectedVehicleImg.height / 2));
+    }
+    if (hoverVehicleImg && hoverVehiclePx) {
+        context === null || context === void 0 ? void 0 : context.drawImage(hoverVehicleImg, Math.floor(hoverVehiclePx[0] - hoverVehicleImg.width / 2), Math.floor(hoverVehiclePx[1] - hoverVehicleImg.height / 2));
+    }
+    return {
+        renderedTrajectories,
+    };
+};
+export default renderTrajectories;

package/common/utils/sortAndFilterDepartures.d.ts

@@ -0,0 +1,16 @@
+import { RealtimeAPIDeparturesById } from '../../api/RealtimeAPI';
+import type { RealtimeDepartureExtended } from '../../types';
+/**
+ * This function sort Departures by arrival time and filter out unwanted departures:
+ *  - when dparture time is in the past
+ *  - when departure are duplicated
+ *  - when departure is not in the next 30 min
+ *
+ * @param {Object} depObject The object containing departures by id.
+ * @param {boolean} [sortByMinArrivalTime=false] If true sort departures by arrival time.
+ * @return {Array<Departure>} Return departures array.
+ * @private
+ */
+declare const sortAndfilterDepartures: (depObject: RealtimeAPIDeparturesById, sortByMinArrivalTime?: boolean, maxDepartureAge?: number) => RealtimeDepartureExtended[];
+export default sortAndfilterDepartures;
+//# sourceMappingURL=sortAndFilterDepartures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortAndFilterDepartures.d.ts","sourceRoot":"","sources":["../../../src/common/utils/sortAndFilterDepartures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D;;;;;;;;;;GAUG;AACH,QAAA,MAAM,uBAAuB,cAChB,yBAAyB,yBACd,OAAO,oBACZ,MAAM,KACtB,yBAAyB,EAwD3B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/common/utils/sortAndFilterDepartures.js

@@ -0,0 +1,58 @@
+import compareDepartures from './compareDepartures';
+/**
+ * This function sort Departures by arrival time and filter out unwanted departures:
+ *  - when dparture time is in the past
+ *  - when departure are duplicated
+ *  - when departure is not in the next 30 min
+ *
+ * @param {Object} depObject The object containing departures by id.
+ * @param {boolean} [sortByMinArrivalTime=false] If true sort departures by arrival time.
+ * @return {Array<Departure>} Return departures array.
+ * @private
+ */
+const sortAndfilterDepartures = (depObject, sortByMinArrivalTime = false, maxDepartureAge = 30) => {
+    const departures = Object.keys(depObject).map((k) => depObject[k]);
+    departures.sort((a, b) => compareDepartures(a, b, sortByMinArrivalTime));
+    const futureDate = new Date();
+    futureDate.setMinutes(futureDate.getMinutes() + maxDepartureAge);
+    const future = futureDate.getTime();
+    const pastDate = new Date();
+    pastDate.setMinutes(pastDate.getMinutes() - maxDepartureAge);
+    const past = pastDate.getTime();
+    const departureArray = [];
+    const platformsBoarding = [];
+    let previousDeparture = null;
+    for (let i = departures.length - 1; i >= 0; i -= 1) {
+        const departure = Object.assign({}, departures[i]);
+        const time = new Date(departure.time).getTime();
+        // Only show departures within the next 30 minutes
+        if (time > past && time < future) {
+            // If 2 trains are boarding at the same platform,
+            // remove the older one.
+            if (departure.state === 'BOARDING') {
+                if (!platformsBoarding.includes(departure.platform)) {
+                    platformsBoarding.push(departure.platform);
+                }
+                else {
+                    departure.state = 'HIDDEN';
+                }
+            }
+            // If two trains with the same line number and destinatin
+            // and a departure difference < 1 minute, hide the second one.
+            if (previousDeparture &&
+                departure.to[0] === previousDeparture.to[0] &&
+                Math.abs(time - previousDeparture.time) < 1000 &&
+                departure.line.name === previousDeparture.line.name) {
+                departure.state = 'HIDDEN';
+            }
+            if (/(STOP_CANCELLED|JOURNEY_CANCELLED)/.test(departure.state)) {
+                departure.cancelled = true;
+            }
+            previousDeparture = departure;
+            previousDeparture.time = time;
+            departureArray.unshift(departure);
+        }
+    }
+    return departureArray;
+};
+export default sortAndfilterDepartures;

package/common/utils/sortByDelay.d.ts

@@ -0,0 +1,4 @@
+/** @private */
+declare const sortByDelay: (traj1: GeoJSONFeature, traj2: GeoJSONFeature) => number;
+export default sortByDelay;
+//# 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.ts"],"names":[],"mappings":"AAEA,eAAe;AACf,QAAA,MAAM,WAAW,oDAGd,MAoBF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/common/utils/sortByDelay.js

@@ -0,0 +1,21 @@
+/** @private */
+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;
+    }
+    // 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;

package/common/utils/timeUtils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Get a Date object as UTC date string .
+ * ex: 2019 09 01
+ * @private
+ */
+export declare const getUTCDateString: (now?: Date) => string;
+/**
+ * Get the UTC time string of Date object.
+ * ex: 09:05:01.123
+ * @private
+ */
+export declare const getUTCTimeString: (date: Date) => string;
+/**
+ * Returns a string representation of a number, with a zero if the number is lower than 10.
+ * @private
+ */
+export declare const pad: (integer: number) => string;
+/**
+ * Returns a 'hh:mm' string from a time in ms.
+ * @param {Number} timeInMs Time in milliseconds.
+ * @private
+ */
+export declare const 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.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,kBAAuB,MAOnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,MAKjC,CAAC;AAEd;;;GAGG;AACH,eAAO,MAAM,GAAG,YAAa,MAAM,KAAG,MACO,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,aAAc,MAAM,KAAG,MAMrD,CAAC"}

package/common/utils/timeUtils.js

@@ -0,0 +1,39 @@
+/**
+ * Get a Date object as UTC date string .
+ * ex: 2019 09 01
+ * @private
+ */
+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('');
+};
+/**
+ * Get the UTC time string of Date object.
+ * ex: 09:05:01.123
+ * @private
+ */
+export const getUTCTimeString = (date) => [
+    date.getUTCHours(),
+    date.getUTCMinutes(),
+    `${date.getUTCSeconds()}.${date.getUTCMilliseconds()}`,
+].join(':');
+/**
+ * Returns a string representation of a number, with a zero if the number is lower than 10.
+ * @private
+ */
+export const pad = (integer) => integer < 10 ? `0${integer}` : `${integer}`;
+/**
+ * Returns a 'hh:mm' string from a time in ms.
+ * @param {Number} timeInMs Time in milliseconds.
+ * @private
+ */
+export const getHoursAndMinutes = (timeInMs) => {
+    if (!timeInMs || timeInMs <= 0) {
+        return '';
+    }
+    const date = new Date(timeInMs);
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+};

package/iife.d.ts

@@ -0,0 +1,3 @@
+export default mbt;
+import mbt from './index';
+//# sourceMappingURL=iife.d.ts.map

package/iife.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iife.d.ts","sourceRoot":"","sources":["../src/iife.js"],"names":[],"mappings":";gBAAgB,SAAS"}

package/{src/iife.js → iife.js}

@@ -1,7 +1,5 @@
 import mbt from './index';
-
 if (typeof window !== 'undefined') {
-  window.mbt = mbt;
+    window.mbt = mbt;
 }
-
 export default mbt;

package/index.d.ts

@@ -0,0 +1,10 @@
+export * as ol from "./ol";
+export * as mapbox from "./mapbox";
+declare namespace _default {
+    export { ol };
+    export { mapbox };
+}
+export default _default;
+import * as ol from './ol';
+import * as mapbox from './mapbox';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";;;;;;;oBAAoB,MAAM;wBACF,UAAU"}

package/index.js

@@ -0,0 +1,10 @@
+import * as ol from './ol';
+import * as mapbox from './mapbox';
+import * as ol_1 from './ol';
+export { ol_1 as ol };
+import * as mapbox_1 from './mapbox';
+export { mapbox_1 as mapbox };
+export default {
+    ol,
+    mapbox,
+};

package/mapbox/controls/CopyrightControl.d.ts

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

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

@@ -0,0 +1 @@
+{"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/{src/mapbox/controls/CopyrightControl.ts → mapbox/controls/CopyrightControl.js}

@@ -1,6 +1,5 @@
 import CopyrightControlCommon from '../../common/controls/CopyrightControlCommon';
 import { getMapboxMapCopyrights } from '../../common/utils';
-
 /**
  * Display layer's copyrights.
  *
@@ -22,32 +21,28 @@ import { getMapboxMapCopyrights } from '../../common/utils';
  * @extends {CopyrightControlCommon}
  */
 class CopyrightControl extends CopyrightControlCommon {
-  constructor(options: any) {
-    super(options);
-    this.render = this.render.bind(this);
-  }
-
-  activate() {
-    super.activate();
-    if (this.map) {
-      this.map.on('sourcedata', this.render);
-      this.map.on('styledata', this.render);
-      this.map.on('idle', this.render);
+    constructor(options) {
+        super(options);
+        this.render = this.render.bind(this);
     }
-  }
-
-  deactivate() {
-    if (this.map) {
-      this.map.off('sourcedata', this.render);
-      this.map.off('styledata', this.render);
-      this.map.off('idle', this.render);
+    activate() {
+        super.activate();
+        if (this.map) {
+            this.map.on('sourcedata', this.render);
+            this.map.on('styledata', this.render);
+            this.map.on('idle', this.render);
+        }
+    }
+    deactivate() {
+        if (this.map) {
+            this.map.off('sourcedata', this.render);
+            this.map.off('styledata', this.render);
+            this.map.off('idle', this.render);
+        }
+        super.deactivate();
+    }
+    getCopyrights() {
+        return getMapboxMapCopyrights(this.map);
     }
-    super.deactivate();
-  }
-
-  getCopyrights() {
-    return getMapboxMapCopyrights(this.map);
-  }
 }
-
 export default CopyrightControl;

package/mapbox/controls/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CopyrightControl } from "./CopyrightControl";
+//# sourceMappingURL=index.d.ts.map

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

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

package/mapbox/index.d.ts

@@ -0,0 +1,6 @@
+export * from "../api";
+export * from "../common";
+export * from "./controls";
+export * from "./layers";
+export * from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/mapbox/index.d.ts.map

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

package/mapbox/layers/Layer.d.ts

@@ -0,0 +1,59 @@
+import { EventsKey } from 'ol/events';
+import LayerCommon, { LayerCommonOptions } from '../../common/layers/LayerCommon';
+import { AnyMapboxMap, UserInteractionCallback } from '../../types';
+declare const Layer_base: typeof LayerCommon;
+/**
+ * A class representing a layer to display on an OpenLayers map.
+ *
+ * @example
+ * import { Layer } from 'mobility-toolbox-js/ol';
+ *
+ * const layer = new Layer({
+ *   olLayer: ...,
+ * });
+ *
+ * @see <a href="/example/ol-map">Map example</a>
+ *
+ * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
+ * @extends {Layer}
+ */
+declare class Layer extends Layer_base {
+    options: LayerCommonOptions;
+    onChangeVisibleKey?: EventsKey;
+    userInteractions?: boolean;
+    userClickInteractions?: boolean;
+    userHoverInteractions?: boolean;
+    userClickCallbacks?: UserInteractionCallback[];
+    userHoverCallbacks?: UserInteractionCallback[];
+    onUserClickCallback: () => void;
+    onUserMoveCallback: () => void;
+    /**
+     * Initialize the layer and listen to user events.
+     * @param {mapboxgl.Map|maplibregl.Map} map
+     */
+    attachToMap(map: AnyMapboxMap): void;
+    detachFromMap(): void;
+    activateUserInteractions(): void;
+    deactivateUserInteractions(): void;
+    /**
+     * Toggle listeners needed when a layer is avisible or not.
+     * @private
+     */
+    toggleVisibleListeners(): void;
+    /**
+     * Returns the current extent in mercator coordinates.
+     */
+    getMercatorExtent(): import("ol/extent").Extent;
+    /**
+     * Returns the equivalent zoom in Openlayers.
+     */
+    getOlZoom(): any;
+    /**
+     * Create a copy of the Layer.
+     * @param {Object} newOptions Options to override
+     * @return {Layer} A Layer
+     */
+    clone(newOptions: LayerCommonOptions): Layer;
+}
+export default Layer;
+//# sourceMappingURL=Layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.d.ts","sourceRoot":"","sources":["../../../src/mapbox/layers/Layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,WAAW,EAAE,EAClB,kBAAkB,EACnB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;;AAEpE;;;;;;;;;;;;;;GAcG;AACH,cAAM,KAAM,SAAQ,UAAkC;IACpD,OAAO,EAAG,kBAAkB,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAI/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAE/C,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAE/C,mBAAmB,EAAG,MAAM,IAAI,CAAC;IAEjC,kBAAkB,EAAG,MAAM,IAAI,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,YAAY;IAiB7B,aAAa;IASb,wBAAwB;IAqBxB,0BAA0B;IAO1B;;;OAGG;IACH,sBAAsB;IAQtB;;OAEG;IACH,iBAAiB;IASjB;;OAEG;IACH,SAAS;IAIT;;;;OAIG;IACH,KAAK,CAAC,UAAU,EAAE,kBAAkB;CAGrC;AACD,eAAe,KAAK,CAAC"}

package/mapbox/layers/Layer.js

@@ -0,0 +1,101 @@
+import { unByKey } from 'ol/Observable';
+import { transformExtent } from 'ol/proj';
+import LayerCommon from '../../common/layers/LayerCommon';
+import userInteractionsMixin from '../../common/mixins/UserInteractionsLayerMixin';
+/**
+ * A class representing a layer to display on an OpenLayers map.
+ *
+ * @example
+ * import { Layer } from 'mobility-toolbox-js/ol';
+ *
+ * const layer = new Layer({
+ *   olLayer: ...,
+ * });
+ *
+ * @see <a href="/example/ol-map">Map example</a>
+ *
+ * @classproperty {ol/Map~Map} map - The map where the layer is displayed.
+ * @extends {Layer}
+ */
+class Layer extends userInteractionsMixin(LayerCommon) {
+    /**
+     * Initialize the layer and listen to user events.
+     * @param {mapboxgl.Map|maplibregl.Map} map
+     */
+    attachToMap(map) {
+        super.attachToMap(map);
+        if (!this.map) {
+            return;
+        }
+        if (this.userInteractions) {
+            this.toggleVisibleListeners();
+            this.onChangeVisibleKey = this.on(
+            // @ts-ignore
+            'change:visible', this.toggleVisibleListeners);
+        }
+    }
+    detachFromMap() {
+        if (this.map) {
+            this.deactivateUserInteractions();
+            // @ts-ignore
+            unByKey(this.onChangeVisibleKey);
+        }
+        super.detachFromMap();
+    }
+    activateUserInteractions() {
+        var _a, _b;
+        this.deactivateUserInteractions();
+        if (this.map &&
+            this.userInteractions &&
+            this.userClickInteractions &&
+            ((_a = this.userClickCallbacks) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.map.on('click', this.onUserClickCallback);
+        }
+        if (this.map &&
+            this.userInteractions &&
+            this.userHoverInteractions &&
+            ((_b = this.userHoverCallbacks) === null || _b === void 0 ? void 0 : _b.length)) {
+            this.map.on('mousemove', this.onUserMoveCallback);
+        }
+    }
+    deactivateUserInteractions() {
+        if (this.map) {
+            this.map.off('mousemove', this.onUserMoveCallback);
+            this.map.off('click', this.onUserClickCallback);
+        }
+    }
+    /**
+     * Toggle listeners needed when a layer is avisible or not.
+     * @private
+     */
+    toggleVisibleListeners() {
+        if (this.visible) {
+            this.activateUserInteractions();
+        }
+        else {
+            this.deactivateUserInteractions();
+        }
+    }
+    /**
+     * Returns the current extent in mercator coordinates.
+     */
+    getMercatorExtent() {
+        const bounds = this.map.getBounds().toArray();
+        return transformExtent([...bounds[0], ...bounds[1]], 'EPSG:4326', 'EPSG:3857');
+    }
+    /**
+     * Returns the equivalent zoom in Openlayers.
+     */
+    getOlZoom() {
+        return this.map.getZoom() + 1;
+    }
+    /**
+     * Create a copy of the Layer.
+     * @param {Object} newOptions Options to override
+     * @return {Layer} A Layer
+     */
+    clone(newOptions) {
+        return new Layer(Object.assign(Object.assign({}, this.options), newOptions));
+    }
+}
+export default Layer;