@innovastudio/contentbuilder 1.4.95 → 1.4.96

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -50085,6 +50085,8 @@ class Image$1 {
       if (this.builder.opts.onImageSelectClick || this.builder.opts.imageselect) {
         btnOpenAsset.style.display = 'block';
         dom.addEventListener(btnOpenAsset, 'click', () => {
+          let img = this.builder.activeImage;
+          let currentSrc = img ? img.getAttribute('src') : '';
           this.builder.openImageSelect(src => {
             this.builder.uo.saveForUndo();
             let img = this.builder.activeImage;
@@ -50105,7 +50107,7 @@ class Image$1 {
 
             //Trigger Render event
             this.builder.opts.onRender();
-          });
+          }, currentSrc);
         });
       } else {
         btnOpenAsset.style.display = 'none';
@@ -60112,6 +60114,8 @@ class ColumnTool {
         const inpSrc = this.cellSettings.querySelector('.input-src');
         elm = this.divCellClick.querySelector('.input-select');
         if (elm) dom.addEventListener(elm, 'click', () => {
+          //TODO: Simplify using openAsset
+
           //---default
           this.builder.targetInput = inpSrc; // used by selectAsset() (see contentbuilder.js)
           this.builder.targetCallback = () => {
@@ -80938,12 +80942,12 @@ class ContentBuilder {
     return this.targetAssetType; // not used yet
   }
 
-  openImageSelect(callback) {
+  openImageSelect(callback, defaultValue) {
     const inpUrl = document.createElement('input');
 
     // dummy button (for the openAsset() method, for the old Asset Manager. Not needed for the new.)
     const btn = document.createElement('button');
-    this.openAsset(inpUrl, 'image', btn);
+    this.openAsset(inpUrl, 'image', btn, defaultValue);
     let out = s => this.util.out(s);
     const desc = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
     Object.defineProperty(inpUrl, 'value', {
@@ -81036,7 +81040,9 @@ class ContentBuilder {
       this.targetAssetType = targetAssetType;
     }
   }
-  openAsset(targetInput, targetAssetType, theTrigger) {
+  openAsset(targetInput, targetAssetType, theTrigger, defaultValue) {
+    let iframe;
+    let modal;
     if (targetAssetType === 'media' && (this.opts.onMediaSelectClick || this.opts.onImageSelectClick)) {
       if (this.opts.onMediaSelectClick) {
         this.opts.onMediaSelectClick({
@@ -81070,8 +81076,6 @@ class ContentBuilder {
         theTrigger: theTrigger
       });
     } else {
-      let iframe;
-      let modal;
       if (targetAssetType === 'media') {
         modal = this.builderStuff.querySelector('.is-modal.mediaselect');
         iframe = modal.querySelector('iframe');
@@ -81100,6 +81104,23 @@ class ContentBuilder {
       this.targetCallback = null;
       this.targetAssetType = targetAssetType;
     }
+    if (!defaultValue) defaultValue = '';
+    if (targetInput && targetInput.value) {
+      defaultValue = targetInput.value;
+    }
+    if (this.onAssetOpen) {
+      if (iframe) {
+        if (iframe.contentWindow.document.body.innerHTML !== '') {
+          this.onAssetOpen(defaultValue, iframe.contentWindow);
+        } else {
+          iframe.addEventListener('load', () => {
+            this.onAssetOpen(defaultValue, iframe.contentWindow);
+          });
+        }
+      } else {
+        this.onAssetOpen(defaultValue, iframe);
+      }
+    }
   }
 
   // Grid