mobility-toolbox-js 3.0.0-beta.0 → 3.0.0-beta.2

package/ol/layers/MapGlLayer.js

@@ -84,7 +84,7 @@ class MapGlLayer extends MobilityLayerMixin(Layer) {
         this.loaded = false;
         this.olListenersKeys.push(
         // @ts-ignore
-        (_a = this.map) === null || _a === void 0 ? void 0 : _a.on('change:target', this.loadMbMap));
+        (_a = this.map) === null || _a === void 0 ? void 0 : _a.on('change:target', this.loadMbMap.bind(this)));
         if (!((_b = this.map) === null || _b === void 0 ? void 0 : _b.getTargetElement())) {
             return;
         }
@@ -92,7 +92,7 @@ class MapGlLayer extends MobilityLayerMixin(Layer) {
             // On next change of visibility we load the map
             this.olListenersKeys.push(
             // @ts-ignore
-            this.once('change:visible', this.loadMbMap));
+            this.once('change:visible', this.loadMbMap.bind(this)));
             return;
         }
         const container = document.createElement('div');
@@ -103,9 +103,7 @@ class MapGlLayer extends MobilityLayerMixin(Layer) {
          * A Maplibre map
          * @type {maplibregl.Map}
          */
-        this.mbMap = this.createMap(Object.assign({ 
-            // https://maps.geops.io/styles/t7ravic_v2/style.json',
-            style: this.getStyle(), container }, (((_c = this.options) === null || _c === void 0 ? void 0 : _c.mapOptions) || {})));
+        this.mbMap = this.createMap(Object.assign({ style: this.getStyle(), container }, (((_c = this.options) === null || _c === void 0 ? void 0 : _c.mapOptions) || {})));
         this.mbMap.on('sourcedata', () => {
             var _a;
             (_a = this.getSource()) === null || _a === void 0 ? void 0 : _a.refresh(); // Refresh attribution

package/ol/layers/MaplibreStyleLayer.js

@@ -156,13 +156,13 @@ class MaplibreStyleLayer extends MobilityLayerMixin(Layer) {
             maplibreMap.once('load', this.onLoad);
         }
         // Apply the visibiltity when layer's visibility change.
-        this.olListenersKeys.push(this.on('change:visible', (evt) => {
+        this.olListenersKeys.push(
+        // @ts-expect-error 'load' is a custom event form mobility-toolbox-js
+        this.maplibreLayer.on('load', this.onLoad.bind(this)), this.on('change:visible', (evt) => {
             // Once the map is loaded we can apply visiblity without waiting
             // the style. Maplibre take care of the application of style changes.
             this.applyLayoutVisibility(evt);
-        }), 
-        // @ts-expect-error 'load' is a custom event form mobility-toolbox-js
-        this.maplibreLayer.on('load', this.onLoad), this.on('propertychange', (evt) => {
+        }), this.on('propertychange', (evt) => {
             if (/(sources|layers|layersFilter|maplibreLayer|beforeId|)/.test(evt.key)) {
                 this.detachFromMap();
                 this.attachToMap(map);

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": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "homepage": "https://mobility-toolbox-js.geops.io/",
   "module": "index.js",
   "exports": {
@@ -85,7 +85,7 @@
   "scripts": {
     "apidoc": "esdoc && cp apidoc/index.json doc/src/components/Esdoc",
     "build": "yarn build:tsc && yarn esbuild:iife",
-    "build:tsc": "rm -rf build && yarn tsc && cp package.json build/ && cp -R src/types build/ && find build -type f -name '*.test.*' -delete",
+    "build:tsc": "rm -rf build && yarn tsc && cp package.json build/ && cp README.md build/ && cp LICENSE build/  && cp -R src/types build/ && find build -type f -name '*.test.*' -delete",
     "clean": "rm -rf .next && rm -rf doc/.next",
     "coverage": "yarn test  --watchAll=false  --coverage --coverageDirectory=coverage",
     "cy:open": "cypress open",