@innovastudio/contentbuilder 1.4.137 → 1.4.138

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.137",
+  "version": "1.4.138",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -45837,6 +45837,7 @@ class Image$1 {
 
             //Check if image is part of module snippet. If so, refresh the (active) module (hide imageTool). If not, refresh imageTool position
             this.refreshIfIsModule(img);
+            this.startImageMonitor(img);
 
             //Trigger Change event
             this.builder.opts.onChange();
@@ -46371,6 +46372,30 @@ class Image$1 {
     this.builder.imgs = [];
   } //constructor
 
+  startImageMonitor(target) {
+    let observer;
+    const config = {
+      attributes: true
+    };
+    observer = new MutationObserver(mutations => {
+      mutations.forEach(mutation => {
+        if (mutation.attributeName === 'src') {
+          // console.log('Image Changed:' + target.src);
+
+          if (this.builder.onImageSrcChange) this.builder.onImageSrcChange();
+          stopImageMonitor(); // Stop the monitor when the image changes
+        }
+      });
+    });
+
+    observer.observe(target, config);
+    function stopImageMonitor() {
+      if (observer) {
+        observer.disconnect();
+        // console.log('Monitor Stopped');
+      }
+    }
+  }
   open() {
     const movControlBox = document.querySelector('.moveable-control-box');
     if (movControlBox) movControlBox.style.display = 'none'; //needed by Safari (prevent z-index problem)