@innovastudio/contentbox 1.0.34 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.0.34",
+  "version": "1.0.38",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@ashthornton/asscroll": "^2.0.4",
-    "@innovastudio/contentbuilder": "^1.0.63",
+    "@innovastudio/contentbuilder": "^1.0.66",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -311,7 +311,7 @@ class SideBar {
     this.builderStuff = builderStuff;
 
     if (this.builder.useSidebar) {
-      html += '<div class="is-sidebar active"  style="transform: translate3d(0,0,0);display: flex;flex-direction: column;">';
+      html += '<div class="is-sidebar active"  style="transform: translate3d(0,0,0);display: flex;flex-direction: column;opacity:opacity: 0.0001;">';
       var sideIndex = 0;
       this.builder.sidebarData.buttons.map(button => {
         if (button.name == 'section') {
@@ -19192,8 +19192,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>
 
@@ -49352,6 +49352,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;
             }
@@ -49374,6 +49378,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;
             }
@@ -50061,6 +50069,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');
@@ -51491,6 +51503,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;
           }
@@ -51583,6 +51599,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;
           }
@@ -53012,6 +53032,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;
           }
@@ -63697,6 +63721,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;
           }
@@ -67693,6 +67721,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'],
@@ -73727,6 +73757,7 @@ class ContentBox {
     if (!builderStuff) {
       builderStuff = document.createElement('div');
       builderStuff.id = '_cbhtml';
+      builderStuff.style.visibility = 'hidden';
       builderStuff.className = 'is-ui';
       document.body.appendChild(builderStuff);
       builderStuff = document.querySelector('#_cbhtml');
@@ -73979,7 +74010,8 @@ class ContentBox {
       if (elm) elm.parentNode.removeChild(elm);
       this.wrapperEl.style.opacity = 1;
       let sidebar = builderStuff.querySelector('.is-sidebar');
-      if (sidebar) sidebar.style.opacity = 1; // Remove the page-overlay
+      if (sidebar) sidebar.style.opacity = 1;
+      this.builderStuff.style.visibility = 'visible'; // Remove the page-overlay
 
       pageOverlay = builderStuff.querySelectorAll('.page-overlay');
       pageOverlay.forEach(elm => {