@innovastudio/contentbuilder 1.4.136 → 1.4.138

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -159,6 +159,7 @@ class Util {
       e.preventDefault();
       e.stopImmediatePropagation();
     });
+    if (buttonok) buttonok.focus();
   }
   showRtePop(pop, onShow, btn) {
     const dom = this.dom;
@@ -45836,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();
@@ -46370,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)