@innovastudio/contentbuilder 1.0.65 → 1.0.69

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -11059,14 +11059,16 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-button');
     if (elm) dom$B.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = '<a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a>';
+      const html = '<div><a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-twobutton');
     if (elm) dom$B.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
-            <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>`;
+      const html = `<div>
+            <a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
+            <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>
+            </div>`;
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-spacer');
@@ -39280,6 +39282,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 +39308,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;
             }
@@ -41423,6 +41433,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;
           }
@@ -41515,6 +41529,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;
           }
@@ -42944,6 +42962,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;
           }
@@ -52206,6 +52228,9 @@ class Preferences {
             }
           }
         }
+      } else {
+        this.builder.setUIColor('', '');
+        this.builder.renderIframeLater = true;
       }
 
       if (!this.builder.renderIframeLater) {
@@ -53629,6 +53654,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;
           }
@@ -57625,6 +57654,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'],
@@ -59441,10 +59472,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 {
@@ -59460,10 +59496,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);
     }
   }