mobility-toolbox-js 3.0.0-beta.26 → 3.0.0-beta.28

package/ol/layers/Layer.js

@@ -1,6 +1,6 @@
 import debounce from 'lodash.debounce';
 import OLLayer from 'ol/layer/Layer';
-import CanvasLayerRenderer from 'ol/renderer/canvas/Layer';
+import LayerRenderer from 'ol/renderer/Layer';
 import MobilityLayerMixin from '../mixins/MobilityLayerMixin';
 let deprecated = () => { };
 if (typeof window !== 'undefined' &&
@@ -10,6 +10,14 @@ if (typeof window !== 'undefined' &&
         console.warn(message);
     }, 1000);
 }
+class EmptyLayerRenderer extends LayerRenderer {
+    prepareFrame() {
+        return true;
+    }
+    renderFrame() {
+        return null;
+    }
+}
 /**
  * An OpenLayers layer here only for backward compatibility v2.
  * @deprecated Use an OpenLayers Layer instead.
@@ -24,7 +32,7 @@ class Layer extends MobilityLayerMixin(OLLayer) {
     }
     // ol does not like when it returns null.
     createRenderer() {
-        return new CanvasLayerRenderer(this);
+        return new EmptyLayerRenderer(this);
     }
 }
 export default Layer;

package/ol/layers/MaplibreLayer.js

@@ -53,8 +53,13 @@ class MaplibreLayer extends MobilityLayerMixin(MapLibreLayer) {
      * @param {string} [options.url="https://maps.geops.io"] The geOps Maps API url.
      */
     constructor(options) {
+        var _a;
         const newOptions = Object.assign(Object.assign({ apiKeyName: 'key', style: 'travic_v2', url: 'https://maps.geops.io' }, (options || {})), { mapLibreOptions: Object.assign({}, (options.mapLibreOptions || {})) });
         if (!newOptions.mapLibreOptions.style &&
+            ((_a = newOptions.url) === null || _a === void 0 ? void 0 : _a.includes('style.json'))) {
+            newOptions.mapLibreOptions.style = newOptions.url;
+        }
+        else if (!newOptions.mapLibreOptions.style &&
             newOptions.apiKey &&
             newOptions.style &&
             typeof newOptions.style === 'string') {

package/ol/layers/MaplibreStyleLayer.js

@@ -185,6 +185,16 @@ class MaplibreStyleLayer extends MobilityLayerMixin(Layer) {
                 this.detachFromMap();
                 this.attachToMap(map);
             }
+        }), 
+        // When the style changes we wait that it is loaded to relaunch the onLoad
+        this.maplibreLayer.on('propertychange', (evt) => {
+            if (evt.key === 'style') {
+                evt.target.maplibreMap.once('styledata', () => {
+                    evt.target.maplibreMap.once('idle', () => {
+                        this.onLoad();
+                    });
+                });
+            }
         }));
     }
     /**

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.26",
+  "version": "3.0.0-beta.28",
   "homepage": "https://mobility-toolbox-js.geops.io/",
   "exports": {
     ".": "./index.js",