@innovastudio/contentbuilder 1.0.62 → 1.0.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.0.62",
+  "version": "1.0.67",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -9120,8 +9120,8 @@ class HtmlUtil {
     Array.prototype.forEach.call(emptystyles, emptystyle => {
       emptystyle.removeAttribute('style');
     });
-    dom$E.removeEmptyStyle(tmp);
-    dom$E.cleanEmptySpans(tmp);
+    dom$E.removeEmptyStyle(tmp); // dom.cleanEmptySpans(tmp);
+
     elms = tmp.querySelectorAll('[data-keep]');
     dom$E.removeAttributes(elms, 'data-keep'); //Cleanup button <span contenteditable="false"><a contenteditable="true">button</a></span>
 
@@ -39280,6 +39280,10 @@ class Image {
             let modalImageSelect = builderStuff.querySelector('.is-modal.imageselect');
             let iframe = modalImageSelect.querySelector('iframe');
 
+            if (this.builder.opts.assetRefresh) {
+              iframe.src = this.builder.opts.imageselect;
+            }
+
             if (iframe.src === 'about:blank') {
               iframe.src = this.builder.opts.imageselect;
             }
@@ -39302,6 +39306,10 @@ class Image {
             let modalImageSelect = builderStuff.querySelector('.is-modal.imageselect');
             let iframe = modalImageSelect.querySelector('iframe');
 
+            if (this.builder.opts.assetRefresh) {
+              iframe.src = this.builder.opts.imageselect;
+            }
+
             if (iframe.src === 'about:blank') {
               iframe.src = this.builder.opts.imageselect;
             }
@@ -39989,6 +39997,10 @@ class Image {
           resize = false;
         }
 
+        if (this.builder.opts.maxEmbedImageWidth === -1) {
+          resize = false;
+        }
+
         if (!resize) {
           // NEW: this is to prevent using MegaPixImage (problem with some PNG. PNG doesn't need to resize, so no need to use MegaPixImage)
           let tmpCanvasNoCrop = document.getElementById('myTmpCanvasNoCrop');
@@ -41419,6 +41431,10 @@ class Hyperlink {
         } else {
           let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
 
+          if (this.builder.opts.assetRefresh) {
+            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+          }
+
           if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
             modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
           }
@@ -41511,6 +41527,10 @@ class Hyperlink {
         } else {
           let modalFileSelect = this.builderStuff.querySelector('.is-modal.fileselect');
 
+          if (this.builder.opts.assetRefresh) {
+            modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
+          }
+
           if (modalFileSelect.querySelector('iframe').src === 'about:blank') {
             modalFileSelect.querySelector('iframe').src = this.builder.opts.fileselect;
           }
@@ -42940,6 +42960,10 @@ class Video {
           let modalVideoSelect = builderStuff.querySelector('.is-modal.videoselect');
           let iframe = modalVideoSelect.querySelector('iframe');
 
+          if (this.builder.opts.assetRefresh) {
+            iframe.src = this.builder.opts.videoSelect;
+          }
+
           if (iframe.src === 'about:blank') {
             iframe.src = this.builder.opts.videoSelect;
           }
@@ -53625,6 +53649,10 @@ class Rte {
           let modalImageSelect = this.builderStuff.querySelector('.is-modal.imageselect');
           let iframe = modalImageSelect.querySelector('iframe');
 
+          if (this.builder.opts.assetRefresh) {
+            iframe.src = this.builder.opts.imageselect;
+          }
+
           if (iframe.src === 'about:blank') {
             iframe.src = this.builder.opts.imageselect;
           }
@@ -57621,6 +57649,8 @@ class ContentBuilder {
       imageSelect: '',
       fileSelect: '',
       videoSelect: '',
+      assetRefresh: true,
+      // asset manager specified in imageSelect, fileSelect & videoSelect will always refreshed on click/open
       customTags: [],
       buttons: ['bold', 'italic', 'underline', 'formatting', 'color', 'align', 'textsettings', 'createLink', 'tags', '|', 'undo', 'redo', 'zoom', 'more'],
       buttonsMore: ['icon', 'image', '|', 'list', 'font', 'formatPara', '|', 'html', 'preferences'],
@@ -58370,6 +58400,8 @@ class ContentBuilder {
               this.colTool.showColumnTool(this.activeCol);
             }
           }
+
+          this.util.checkEmpty(); // for multiple instances check
         },
         onAdd: evt => {
           var itemEl = evt.item;
@@ -59435,10 +59467,15 @@ class ContentBuilder {
         } // Css loaded. Now we can get UI styles.
 
 
-        const util = this.util;
-        util.getUIStyles();
-        this.setUIColorRefresh();
-        if (this.opts.onThemeChange) this.opts.onThemeChange();
+        const util = this.util; // util.getUIStyles();
+        // this.setUIColorRefresh();
+        // if(this.opts.onThemeChange) this.opts.onThemeChange();
+
+        setTimeout(() => {
+          util.getUIStyles();
+          this.setUIColorRefresh();
+          if (this.opts.onThemeChange) this.opts.onThemeChange();
+        }, 300);
       });
       document.head.appendChild(link);
     } else {
@@ -59454,10 +59491,15 @@ class ContentBuilder {
       } // Css loaded. Now we can get UI styles.
 
 
-      const util = this.util;
-      util.getUIStyles();
-      this.setUIColorRefresh();
-      if (this.opts.onThemeChange) this.opts.onThemeChange();
+      const util = this.util; // util.getUIStyles();
+      // this.setUIColorRefresh();
+      // if(this.opts.onThemeChange) this.opts.onThemeChange();
+
+      setTimeout(() => {
+        util.getUIStyles();
+        this.setUIColorRefresh();
+        if (this.opts.onThemeChange) this.opts.onThemeChange();
+      }, 1000);
     }
   }