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

package/common/mixins/UserInteractionsLayerMixin.js

@@ -1,124 +1,225 @@
-import { fromLonLat } from "ol/proj";
-import { unByKey } from "ol/Observable";
-export class UserInteractionsLayerInterface {
-  constructor(options = {}) {
-  }
-  attachToMap(map) {
-  }
-  detachFromMap() {
-  }
-  activateUserInteractions() {
-  }
-  deactivateUserInteractions() {
-  }
-  onClick(callback) {
-  }
-  onHover(callback) {
-  }
-}
-const UserInteractionsLayerMixin = (Base) => class extends Base {
-  constructor(options = {}) {
-    super(options);
-    const {
-      userInteractions = true,
-      userClickInteractions = true,
-      userHoverInteractions = true,
-      defaultUserInteractions = true
-    } = options;
-    this.userInteractions = userInteractions;
-    this.userClickInteractions = userClickInteractions;
-    this.userHoverInteractions = userHoverInteractions;
-    this.defaultUserInteractions = defaultUserInteractions;
-    this.userClickCallbacks = [];
-    this.userHoverCallbacks = [];
-    this.userClickEventsKeys = [];
-    this.userHoverEventsKeys = [];
-    this.onUserClickCallback = this.onUserClickCallback.bind(this);
-    this.onUserMoveCallback = this.onUserMoveCallback.bind(this);
-    const { onClick, onHover } = options;
-    if (this.userInteractions && this.userClickInteractions && onClick) {
-      this.onClick(onClick);
-    }
-    if (this.userInteractions && this.userHoverInteractions && onHover) {
-      this.onHover(onHover);
-    }
-  }
-  attachToMap(map, options) {
-    super.attachToMap(map, options);
-    if (this.userInteractions && this.defaultUserInteractions && this.userClickInteractions && this.onFeatureClick) {
-      this.onClick(this.onFeatureClick);
-    }
-    if (this.userInteractions && this.defaultUserInteractions && this.userHoverInteractions && this.onFeatureHover) {
-      this.onHover(this.onFeatureHover);
-    }
-    this.listenEvents();
-  }
-  detachFromMap() {
-    this.unlistenEvents();
-    super.detachFromMap();
-  }
-  listenEvents() {
-    this.unlistenEvents();
-    this.userClickCallbacks.forEach((callback) => {
-      this.userClickEventsKeys.push(this.on("user:click", ({ target: { features, layer, coordinate } }) => {
-        callback(features, layer, coordinate);
-      }));
-    });
-    this.userHoverCallbacks.forEach((callback) => {
-      this.userHoverEventsKeys.push([
-        this.on("user:hover", ({ target: { features, layer, coordinate, event } }) => {
-          callback(features, layer, coordinate, event);
-        })
-      ]);
-    });
-  }
-  unlistenEvents() {
-    unByKey(this.userClickEventsKeys);
-    unByKey(this.userHoverEventsKeys);
-    this.userClickEventsKeys = [];
-    this.userHoverEventsKeys = [];
-  }
-  onClick(callback) {
-    this.userClickCallbacks.push(callback);
-    this.activateUserInteractions();
-  }
-  onHover(callback) {
-    this.userHoverCallbacks.push(callback);
-    this.activateUserInteractions();
-  }
-  onUserClickCallback(evt) {
-    const emptyFeatureInfo = {
-      features: [],
-      layer: this,
-      coordinate: evt.coordinate || fromLonLat(evt.lngLat.toArray()),
-      event: evt
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    return this.getFeatureInfoAtCoordinate(evt.coordinate).then((featureInfo) => {
-      this.dispatchEvent({
-        type: "user:click",
-        target: featureInfo
-      });
-      return featureInfo;
-    }).catch(() => emptyFeatureInfo);
-  }
-  onUserMoveCallback(evt) {
-    const emptyFeatureInfo = {
-      features: [],
-      layer: this,
-      coordinate: evt.coordinate || fromLonLat(evt.lngLat.toArray()),
-      event: evt
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-    return this.getFeatureInfoAtCoordinate(evt.coordinate).then((featureInfo) => {
-      this.dispatchEvent({
-        type: "user:hover",
-        target: featureInfo
-      });
-      return featureInfo;
-    }).catch(() => emptyFeatureInfo);
-  }
-  activateUserInteractions() {
-  }
-  deactivateUserInteractions() {
-  }
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserInteractionsLayerInterface = void 0;
+/* eslint-disable no-empty-function,@typescript-eslint/no-empty-function */
+/* eslint-disable no-useless-constructor,@typescript-eslint/no-useless-constructor */
+/* eslint-disable no-unused-vars,@typescript-eslint/no-unused-vars */
+/* eslint-disable class-methods-use-this */
+/* eslint-disable max-classes-per-file */
+var proj_1 = require("ol/proj");
+var Observable_1 = require("ol/Observable");
+/**
+ * UserInteractionsLayerInterface.
+ */
+var UserInteractionsLayerInterface = /** @class */ (function () {
+    /*
+     * Constructor
+  
+     * @param {Object} options Layer options.
+     * @param {string} options.userInteractions If true, it listens for user mouse hover and click event.
+     * @param {string} options.userClickInteractions If true, it listens for user click event.
+     * @param {string} options.userHoverInteractions If true, it listens for user mouse over event.
+     * @param {string} options.defaultUserInteractions  If true, it adds default listeners for user mouse hover and click event.
+     */
+    function UserInteractionsLayerInterface(options) {
+        if (options === void 0) { options = {}; }
+    }
+    /**
+     * Initialize the layer adding user interactions.
+     *
+     * @param {ol/Map~Map} map
+     */
+    UserInteractionsLayerInterface.prototype.attachToMap = function (map) { };
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    UserInteractionsLayerInterface.prototype.detachFromMap = function () { };
+    /**
+     * Activate map listeners events.
+     */
+    UserInteractionsLayerInterface.prototype.activateUserInteractions = function () { };
+    /**
+     * Deactivaet map listeners events.
+     */
+    UserInteractionsLayerInterface.prototype.deactivateUserInteractions = function () { };
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    UserInteractionsLayerInterface.prototype.onClick = function (callback) { };
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    UserInteractionsLayerInterface.prototype.onHover = function (callback) { };
+    return UserInteractionsLayerInterface;
+}());
+exports.UserInteractionsLayerInterface = UserInteractionsLayerInterface;
+/**
+ * Mixin for UserInteractionsLayerInterface. It provide onClick and onHover functions.
+ *
+ * @param {Class} Base A class to extend with {UserInteractionsLayerInterface} functionnalities.
+ * @return {Class}  A class that implements {UserInteractionsLayerInterface} class and extends Base;
+ * @private
+ */
+var UserInteractionsLayerMixin = function (Base) {
+    return /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1(options) {
+            if (options === void 0) { options = {}; }
+            var _this = _super.call(this, options) || this;
+            var _a = options.userInteractions, userInteractions = _a === void 0 ? true : _a, _b = options.userClickInteractions, userClickInteractions = _b === void 0 ? true : _b, _c = options.userHoverInteractions, userHoverInteractions = _c === void 0 ? true : _c, _d = options.defaultUserInteractions, defaultUserInteractions = _d === void 0 ? true : _d;
+            _this.userInteractions = userInteractions;
+            _this.userClickInteractions = userClickInteractions;
+            _this.userHoverInteractions = userHoverInteractions;
+            _this.defaultUserInteractions = defaultUserInteractions;
+            _this.userClickCallbacks = [];
+            _this.userHoverCallbacks = [];
+            _this.userClickEventsKeys = [];
+            _this.userHoverEventsKeys = [];
+            _this.onUserClickCallback = _this.onUserClickCallback.bind(_this);
+            _this.onUserMoveCallback = _this.onUserMoveCallback.bind(_this);
+            // Add mouse event callbacks
+            var onClick = options.onClick, onHover = options.onHover;
+            if (_this.userInteractions && _this.userClickInteractions && onClick) {
+                _this.onClick(onClick);
+            }
+            if (_this.userInteractions && _this.userHoverInteractions && onHover) {
+                _this.onHover(onHover);
+            }
+            return _this;
+        }
+        class_1.prototype.attachToMap = function (map, options) {
+            _super.prototype.attachToMap.call(this, map, options);
+            if (this.userInteractions &&
+                this.defaultUserInteractions &&
+                this.userClickInteractions &&
+                this.onFeatureClick) {
+                this.onClick(this.onFeatureClick);
+            }
+            if (this.userInteractions &&
+                this.defaultUserInteractions &&
+                this.userHoverInteractions &&
+                this.onFeatureHover) {
+                this.onHover(this.onFeatureHover);
+            }
+            this.listenEvents();
+        };
+        class_1.prototype.detachFromMap = function () {
+            this.unlistenEvents();
+            _super.prototype.detachFromMap.call(this);
+        };
+        class_1.prototype.listenEvents = function () {
+            var _this = this;
+            this.unlistenEvents();
+            this.userClickCallbacks.forEach(function (callback) {
+                _this.userClickEventsKeys.push(_this.on('user:click', function (_a) {
+                    var _b = _a.target, features = _b.features, layer = _b.layer, coordinate = _b.coordinate;
+                    callback(features, layer, coordinate);
+                }));
+            });
+            this.userHoverCallbacks.forEach(function (callback) {
+                _this.userHoverEventsKeys.push(_this.on('user:hover', function (_a) {
+                    var _b = _a.target, features = _b.features, layer = _b.layer, coordinate = _b.coordinate, event = _b.event;
+                    callback(features, layer, coordinate, event);
+                }));
+            });
+        };
+        class_1.prototype.unlistenEvents = function () {
+            (0, Observable_1.unByKey)(this.userClickEventsKeys);
+            (0, Observable_1.unByKey)(this.userHoverEventsKeys);
+            this.userClickEventsKeys = [];
+            this.userHoverEventsKeys = [];
+        };
+        /**
+         * Listens to click events on the layer.
+         * @param {function} callback Callback function, called with the clicked
+         *   features,
+         *   the layer instance and the click event.
+         */
+        class_1.prototype.onClick = function (callback) {
+            this.userClickCallbacks.push(callback);
+            this.activateUserInteractions();
+            if (this.map) {
+                // If the layer is already attached to the map we reload the events
+                this.listenEvents();
+            }
+        };
+        /**
+         * Listens to hover events on the layer.
+         * @param {function} callback Callback function, called with the clicked
+         *   features, the layer instance and the click event.
+         */
+        class_1.prototype.onHover = function (callback) {
+            this.userHoverCallbacks.push(callback);
+            this.activateUserInteractions();
+            if (this.map) {
+                // If the layer is already attached to the map we reload the events
+                this.listenEvents();
+            }
+        };
+        /**
+         * Function triggered when the user click the map.
+         * @private
+         */
+        class_1.prototype.onUserClickCallback = function (evt) {
+            var _this = this;
+            var coordinate = evt.coordinate || (0, proj_1.fromLonLat)(evt.lngLat.toArray());
+            var emptyFeatureInfo = {
+                features: [],
+                layer: this,
+                coordinate: coordinate,
+                event: evt,
+            };
+            return this.getFeatureInfoAtCoordinate(coordinate)
+                .then(function (featureInfo) {
+                _this.dispatchEvent({
+                    type: 'user:click',
+                    target: featureInfo,
+                });
+                return featureInfo;
+            })
+                .catch(function () { return emptyFeatureInfo; });
+        };
+        /**
+         * Function triggered when the user move the cursor.
+         * @private
+         */
+        class_1.prototype.onUserMoveCallback = function (evt) {
+            var _this = this;
+            var coordinate = evt.coordinate || (0, proj_1.fromLonLat)(evt.lngLat.toArray());
+            var emptyFeatureInfo = {
+                features: [],
+                layer: this,
+                coordinate: coordinate,
+                event: evt,
+            };
+            return this.getFeatureInfoAtCoordinate(coordinate)
+                .then(function (featureInfo) {
+                _this.dispatchEvent({
+                    type: 'user:hover',
+                    target: featureInfo,
+                });
+                return featureInfo;
+            })
+                .catch(function () { return emptyFeatureInfo; });
+        };
+        class_1.prototype.activateUserInteractions = function () { };
+        class_1.prototype.deactivateUserInteractions = function () { };
+        return class_1;
+    }(Base));
 };
-export default UserInteractionsLayerMixin;
+exports.default = UserInteractionsLayerMixin;

package/common/styles/index.d.ts

@@ -0,0 +1,5 @@
+export { default as realtimeDefaultStyle } from "./realtimeDefaultStyle";
+export { default as realtimeDelayStyle } from "./realtimeDelayStyle";
+export { default as realtimeSimpleStyle } from "./realtimeSimpleStyle";
+export * from "./realtimeDefaultStyle";
+//# sourceMappingURL=index.d.ts.map

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

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

package/common/styles/index.js

@@ -1,4 +1,24 @@
-export { default as realtimeDefaultStyle } from "./realtimeDefaultStyle";
-export { default as realtimeDelayStyle } from "./realtimeDelayStyle";
-export { default as realtimeSimpleStyle } from "./realtimeSimpleStyle";
-export * from "./realtimeDefaultStyle";
+"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.realtimeSimpleStyle = exports.realtimeDelayStyle = exports.realtimeDefaultStyle = void 0;
+var realtimeDefaultStyle_1 = require("./realtimeDefaultStyle");
+Object.defineProperty(exports, "realtimeDefaultStyle", { enumerable: true, get: function () { return realtimeDefaultStyle_1.default; } });
+var realtimeDelayStyle_1 = require("./realtimeDelayStyle");
+Object.defineProperty(exports, "realtimeDelayStyle", { enumerable: true, get: function () { return realtimeDelayStyle_1.default; } });
+var realtimeSimpleStyle_1 = require("./realtimeSimpleStyle");
+Object.defineProperty(exports, "realtimeSimpleStyle", { enumerable: true, get: function () { return realtimeSimpleStyle_1.default; } });
+__exportStar(require("./realtimeDefaultStyle"), exports);

package/common/styles/realtimeDefaultStyle.d.ts

@@ -0,0 +1,15 @@
+export function getDelayBgCanvas(origin: any, radius: any, color: any): any;
+export function getDelayTextCanvas(width: any, text: any, fontSize: any, font: any, delayColor: any, delayOutlineColor?: string, pixelRatio?: number): any;
+export function getCircleCanvas(origin: any, radius: any, color: any, hasStroke: any, hasDash: any, pixelRatio: any): any;
+export function getTextCanvas(text: any, origin: any, textSize: any, fillColor: any, strokeColor: any, hasStroke: any, pixelRatio: any): any;
+export default realtimeDefaultStyle;
+/**
+ * A tracker style that take in account the delay.
+ *
+ * @param {*} trajectory The trajectory to render.
+ * @param {*} viewState The view state of the map.
+ * @param {*} options Some options to change the rendering
+ * @return a canvas
+ */
+declare function realtimeDefaultStyle(trajectory: any, viewState: any, options: any): any;
+//# sourceMappingURL=realtimeDefaultStyle.d.ts.map

package/common/styles/realtimeDefaultStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtimeDefaultStyle.d.ts","sourceRoot":"","sources":["../../../src/common/styles/realtimeDefaultStyle.js"],"names":[],"mappings":"AAUO,4EAeN;AAUM,2JA2BN;AAUM,0HAoCN;AAUM,6IAuCN;;AAKD;;;;;;;GAOG;AACH,0FAgMC"}