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

package/common/mixins/StopFinderMixin.d.ts

@@ -0,0 +1,40 @@
+/**
+ * StopFinder control interface.
+ *
+ * @classproperty {StopsSearchParams} apiParams - Default request parameters used by the search method. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
+ */
+export class StopFinderInterface {
+    /**
+     * Constructor.
+     *
+     * @param {Object} options Map options
+     * @param {string} options.apiKey Access key for [geOps services](https://developer.geops.io/). See StopsAPI.
+     * @param {string} [options.url='https://api.geops.io/tracker/v1'] Stops service url. See StopsAPI.
+     * @param {string} [options.placeholder='Search for a stop...'] Input field placeholder.
+     * @param {StopsSearchParams} [options.apiParams={ limit: 20 }] Request parameters. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
+     */
+    constructor(options?: {
+        apiKey: string;
+        url?: string;
+        placeholder?: string;
+        apiParams?: StopsSearchParams;
+    });
+    /**
+     * Launch a search.
+     *
+     * @param {String} query The query to search for.
+     * @param {AbortController} abortController Abort controller used to cancel the request.
+     * @return {Promise<Array<GeoJSONFeature>>} An array of GeoJSON features with coordinates in [EPSG:4326](http://epsg.io/4326).
+     */
+    search(query: string, abortController: AbortController): Promise<Array<GeoJSONFeature>>;
+}
+export default StopFinderMixin;
+/**
+ * Mixin for StopFinderInterface.
+ *
+ * @param {Class} Base  A class to extend with {StopFinderInterface} functionnalities.
+ * @return {Class}  A class that implements <StopFinderInterface> class and extends Base;
+ * @private
+ */
+declare function StopFinderMixin(Base: Class): Class;
+//# sourceMappingURL=StopFinderMixin.d.ts.map

package/common/mixins/StopFinderMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopFinderMixin.d.ts","sourceRoot":"","sources":["../../../src/common/mixins/StopFinderMixin.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH;IACE;;;;;;;;OAQG;IAEH;QAN2B,MAAM,EAAtB,MAAM;QACW,GAAG,GAApB,MAAM;QACW,WAAW,GAA5B,MAAM;QACsB,SAAS;OAGpB;IAE5B;;;;;;OAMG;IAEH,uCAJW,eAAe,GACd,QAAQ,qBAAqB,CAAC,CAGT;CAClC;;AAED;;;;;;GAMG;AACH,qDAoIG"}

package/common/mixins/StopFinderMixin.js

@@ -1,110 +1,198 @@
-import { StopsAPI } from "../../api";
-export class StopFinderInterface {
-  constructor(options = {}) {
-  }
-  search(query, abortController) {
-  }
-}
-const StopFinderMixin = (Base) => class extends Base {
-  constructor(options = {}) {
-    super(options);
-    const { apiParams, apiKey, url } = options;
-    this.apiParams = { limit: 20, ...apiParams || {} };
-    this.placeholder = options.placeholder || "Search for a stop...";
-    const apiOptions = { apiKey };
-    if (url) {
-      apiOptions.url = url;
-    }
-    this.api = new StopsAPI(apiOptions);
-    this.abortController = new AbortController();
-  }
-  render(featureCollection) {
-    const suggestions = featureCollection?.features || [];
-    if (!this.suggestionsElt) {
-      return;
-    }
-    this.suggestionsElt.style.display = suggestions.length ? "block" : "none";
-    this.suggestionsElt.innerHTML = "";
-    suggestions.forEach((suggestion) => {
-      const { properties } = suggestion;
-      const suggElt = document.createElement("div");
-      suggElt.innerHTML = properties.name;
-      suggElt.onclick = () => {
-        this.onSuggestionClick(suggestion);
-      };
-      Object.assign(suggElt.style, {
-        padding: "5px 12px"
-      });
-      this.suggestionsElt.appendChild(suggElt);
-    });
-  }
-  createDefaultElement() {
-    this.element = document.createElement("div");
-    this.element.id = "mbt-search";
-    Object.assign(this.element.style, {
-      position: "absolute",
-      top: 0,
-      left: "50px",
-      margin: "10px",
-      display: "flex",
-      flexDirection: "column",
-      width: "320px"
-    });
-    this.inputElt = document.createElement("input");
-    this.inputElt.type = "text";
-    this.inputElt.placeholder = this.placeholder;
-    this.inputElt.autoComplete = "off";
-    this.inputElt.onkeyup = (evt) => {
-      this.abortController.abort();
-      this.abortController = new AbortController();
-      this.search(evt.target.value, this.abortController);
+"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);
     };
-    Object.assign(this.inputElt.style, {
-      padding: "10px 30px 10px 10px"
-    });
-    this.element.appendChild(this.inputElt);
-    this.suggestionsElt = document.createElement("div");
-    Object.assign(this.suggestionsElt.style, {
-      backgroundColor: "white",
-      overflowY: "auto",
-      cursor: "pointer"
-    });
-    this.element.appendChild(this.suggestionsElt);
-    this.clearElt = document.createElement("div");
-    Object.assign(this.clearElt.style, {
-      display: "none",
-      position: "absolute",
-      right: "0",
-      padding: "0 10px",
-      fontSize: "200%",
-      cursor: "pointer"
-    });
-    this.clearElt.innerHTML = "\xD7";
-    this.clearElt.onclick = () => this.clear();
-    this.element.appendChild(this.clearElt);
-  }
-  search(q, abortController) {
-    if (q !== void 0 || q !== null) {
-      this.apiParams.q = q;
-    }
-    if (this.clearElt) {
-      this.clearElt.style.display = "block";
-    }
-    return this.api.search(this.apiParams, abortController).then((data) => {
-      this.render(data);
-    }).catch(() => {
-      this.render();
-    });
-  }
-  onSuggestionClick(suggestion) {
-  }
-  clear() {
-    if (!this.suggestionsElt) {
-      return;
+    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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StopFinderInterface = void 0;
+/* eslint-disable no-empty-function */
+/* eslint-disable no-useless-constructor */
+/* eslint-disable class-methods-use-this */
+/* eslint-disable max-classes-per-file */
+var api_1 = require("../../api");
+/**
+ * StopFinder control interface.
+ *
+ * @classproperty {StopsSearchParams} apiParams - Default request parameters used by the search method. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
+ */
+var StopFinderInterface = /** @class */ (function () {
+    /**
+     * Constructor.
+     *
+     * @param {Object} options Map options
+     * @param {string} options.apiKey Access key for [geOps services](https://developer.geops.io/). See StopsAPI.
+     * @param {string} [options.url='https://api.geops.io/tracker/v1'] Stops service url. See StopsAPI.
+     * @param {string} [options.placeholder='Search for a stop...'] Input field placeholder.
+     * @param {StopsSearchParams} [options.apiParams={ limit: 20 }] Request parameters. See [Stops service documentation](https://developer.geops.io/apis/5dcbd702a256d90001cf1361/).
+     */
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    function StopFinderInterface(options) {
+        if (options === void 0) { options = {}; }
     }
-    this.inputElt.value = "";
-    this.suggestionsElt.innerHTML = "";
-    this.clearElt.style.display = "none";
-  }
+    /**
+     * Launch a search.
+     *
+     * @param {String} query The query to search for.
+     * @param {AbortController} abortController Abort controller used to cancel the request.
+     * @return {Promise<Array<GeoJSONFeature>>} An array of GeoJSON features with coordinates in [EPSG:4326](http://epsg.io/4326).
+     */
+    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    StopFinderInterface.prototype.search = function (query, abortController) { };
+    return StopFinderInterface;
+}());
+exports.StopFinderInterface = StopFinderInterface;
+/**
+ * Mixin for StopFinderInterface.
+ *
+ * @param {Class} Base  A class to extend with {StopFinderInterface} functionnalities.
+ * @return {Class}  A class that implements <StopFinderInterface> class and extends Base;
+ * @private
+ */
+var StopFinderMixin = 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 apiParams = options.apiParams, apiKey = options.apiKey, url = options.url;
+            _this.apiParams = __assign({ limit: 20 }, (apiParams || {}));
+            _this.placeholder = options.placeholder || 'Search for a stop...';
+            var apiOptions = { apiKey: apiKey };
+            if (url) {
+                apiOptions.url = url;
+            }
+            _this.api = new api_1.StopsAPI(apiOptions);
+            _this.abortController = new AbortController();
+            return _this;
+        }
+        class_1.prototype.render = function (featureCollection) {
+            var _this = this;
+            var suggestions = (featureCollection === null || featureCollection === void 0 ? void 0 : featureCollection.features) || [];
+            if (!this.suggestionsElt) {
+                return;
+            }
+            this.suggestionsElt.style.display = suggestions.length ? 'block' : 'none';
+            this.suggestionsElt.innerHTML = '';
+            suggestions.forEach(function (suggestion) {
+                var properties = suggestion.properties;
+                var suggElt = document.createElement('div');
+                suggElt.innerHTML = properties.name;
+                suggElt.onclick = function () {
+                    _this.onSuggestionClick(suggestion);
+                };
+                Object.assign(suggElt.style, {
+                    padding: '5px 12px',
+                });
+                _this.suggestionsElt.appendChild(suggElt);
+            });
+        };
+        class_1.prototype.createDefaultElement = function () {
+            var _this = this;
+            /**
+             * Define a default element.
+             */
+            this.element = document.createElement('div');
+            this.element.id = 'mbt-search';
+            Object.assign(this.element.style, {
+                position: 'absolute',
+                top: 0,
+                left: '50px',
+                margin: '10px',
+                display: 'flex',
+                flexDirection: 'column',
+                width: '320px',
+            });
+            // Create input element
+            this.inputElt = document.createElement('input');
+            this.inputElt.type = 'text';
+            this.inputElt.placeholder = this.placeholder;
+            this.inputElt.autoComplete = 'off';
+            this.inputElt.onkeyup = function (evt) {
+                _this.abortController.abort();
+                _this.abortController = new AbortController();
+                _this.search(evt.target.value, _this.abortController);
+            };
+            Object.assign(this.inputElt.style, {
+                padding: '10px 30px 10px 10px',
+            });
+            this.element.appendChild(this.inputElt);
+            // Create suggestions list element
+            this.suggestionsElt = document.createElement('div');
+            Object.assign(this.suggestionsElt.style, {
+                backgroundColor: 'white',
+                overflowY: 'auto',
+                cursor: 'pointer',
+            });
+            this.element.appendChild(this.suggestionsElt);
+            this.clearElt = document.createElement('div');
+            Object.assign(this.clearElt.style, {
+                display: 'none',
+                position: 'absolute',
+                right: '0',
+                padding: '0 10px',
+                fontSize: '200%',
+                cursor: 'pointer',
+            });
+            this.clearElt.innerHTML = '×';
+            this.clearElt.onclick = function () { return _this.clear(); };
+            this.element.appendChild(this.clearElt);
+        };
+        class_1.prototype.search = function (q, abortController) {
+            var _this = this;
+            if (q !== undefined || q !== null) {
+                this.apiParams.q = q;
+            }
+            if (this.clearElt) {
+                this.clearElt.style.display = 'block';
+            }
+            return this.api
+                .search(this.apiParams, abortController)
+                .then(function (data) {
+                _this.render(data);
+            })
+                .catch(function () {
+                _this.render();
+            });
+        };
+        /**
+         * To be defined in inherited class
+         */
+        // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+        class_1.prototype.onSuggestionClick = function (suggestion) { };
+        /**
+         * Clear the search field and close the control.
+         */
+        class_1.prototype.clear = function () {
+            if (!this.suggestionsElt) {
+                return;
+            }
+            this.inputElt.value = '';
+            this.suggestionsElt.innerHTML = '';
+            this.clearElt.style.display = 'none';
+        };
+        return class_1;
+    }(Base));
 };
-export default StopFinderMixin;
+exports.default = StopFinderMixin;

package/common/mixins/UserInteractionsLayerMixin.d.ts

@@ -0,0 +1,42 @@
+/**
+ * UserInteractionsLayerInterface.
+ */
+export class UserInteractionsLayerInterface {
+    constructor(options?: {});
+    /**
+     * Initialize the layer adding user interactions.
+     *
+     * @param {ol/Map~Map} map
+     */
+    attachToMap(map: any): void;
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    detachFromMap(): void;
+    /**
+     * Activate map listeners events.
+     */
+    activateUserInteractions(): void;
+    /**
+     * Deactivaet map listeners events.
+     */
+    deactivateUserInteractions(): void;
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    onClick(callback: any): void;
+    /**
+     * Terminate the layer unsubscribing user interactions.
+     */
+    onHover(callback: any): void;
+}
+export default UserInteractionsLayerMixin;
+/**
+ * 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
+ */
+declare function UserInteractionsLayerMixin(Base: Class): Class;
+//# sourceMappingURL=UserInteractionsLayerMixin.d.ts.map

package/common/mixins/UserInteractionsLayerMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInteractionsLayerMixin.d.ts","sourceRoot":"","sources":["../../../src/common/mixins/UserInteractionsLayerMixin.js"],"names":[],"mappings":"AAQA;;GAEG;AACH;IAUE,0BAA4B;IAE5B;;;;OAIG;IACH,4BAAmB;IAEnB;;OAEG;IACH,sBAAkB;IAElB;;OAEG;IACH,iCAA6B;IAE7B;;OAEG;IACH,mCAA+B;IAE/B;;OAEG;IACH,6BAAoB;IAEpB;;OAEG;IACH,6BAAoB;CACrB;;AAED;;;;;;GAMG;AACH,gEA6KG"}