mobility-toolbox-js 3.0.0-beta.27 → 3.0.0-beta.29

package/mbt.js

@@ -52204,14 +52204,11 @@ uniform ${i3} ${a3} u_${s3};
           );
           this.setProperties(options.properties);
         }
-        this.olEventsKeys?.push(
-          // Update parent property
-          this.on("propertychange", (evt) => {
-            if (evt.key === "children") {
-              this.onChildrenChange(evt.oldValue);
-            }
-          })
-        );
+        this.on("propertychange", (evt) => {
+          if (evt.key === "children") {
+            this.onChildrenChange(evt.oldValue);
+          }
+        });
         this.options = options;
         this.set("children", options.children || []);
       }
@@ -52231,6 +52228,7 @@ uniform ${i3} ${a3} u_${s3};
        * Terminate what was initialized in init function. Remove layer, events...
        */
       detachFromMap() {
+        unByKey(this.olEventsKeys);
         (this.get("children") || []).forEach((child) => {
           this.map.removeLayer(child);
         });
@@ -52437,7 +52435,9 @@ uniform ${i3} ${a3} u_${s3};
           ...options.mapLibreOptions || {}
         }
       };
-      if (!newOptions.mapLibreOptions.style && newOptions.apiKey && newOptions.style && typeof newOptions.style === "string") {
+      if (!newOptions.mapLibreOptions.style && newOptions.url?.includes("style.json")) {
+        newOptions.mapLibreOptions.style = newOptions.url;
+      } else if (!newOptions.mapLibreOptions.style && newOptions.apiKey && newOptions.style && typeof newOptions.style === "string") {
         newOptions.mapLibreOptions.style = buildStyleUrl(
           newOptions.url,
           newOptions.style,
@@ -52771,6 +52771,16 @@ uniform ${i3} ${a3} u_${s3};
             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();
+              });
+            });
+          }
         })
       );
     }