✨ Change layerChanged event trigger strategy

examples/al-event-listeners.html

@@ -60,8 +60,8 @@
             console.log(proj)
         });
 
-        aladin.on('layerChanged', function(imageLayer, layer){
-            console.log(imageLayer, layer)
+        aladin.on('layerChanged', function(imageLayer, layer, state){
+            console.log(imageLayer, layer, state)
         });
 
         cat.sources[0].actionClicked();

src/js/Aladin.js

@@ -286,6 +286,17 @@ export let Aladin = (function () {
 
         const self = this;
 
+        ALEvent.HIPS_LAYER_ADDED.listenedBy(aladinDiv, (imageLayer) => {
+            this.callbacksByEventName["layerChanged"] &&
+            this.callbacksByEventName["layerChanged"](imageLayer.detail.layer, imageLayer.detail.layer.layer, "ADDED");
+        });
+
+        ALEvent.HIPS_LAYER_REMOVED.listenedBy(aladinDiv, (imageLayer) => {
+            console.log(imageLayer)
+            this.callbacksByEventName["layerChanged"] &&
+            this.callbacksByEventName["layerChanged"](imageLayer.detail.layer, imageLayer.detail.layer.layer, "REMOVED");
+        });
+
         // if not options was set, try to retrieve them from the query string
         if (requestedOptions === undefined) {
             requestedOptions = this.getOptionsFromQueryString();

src/js/View.js

@@ -1760,9 +1760,6 @@ export let View = (function () {
                         self.renameLayer(this.overlayLayers[0], "base");
                     }
                 }
-
-                const layerChangedFn = this.aladin.callbacksByEventName["layerChanged"];
-                (typeof layerChangedFn === "function") && layerChangedFn(imageLayer, layer);
             })
     }