@innovastudio/contentbuilder 1.4.8 → 1.4.10

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -49826,7 +49826,7 @@ class Image$1 {
                 </div>
 
                 <div class="is-modal imageselect" style="z-index:10005" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
-                    <div style="max-width:800px;height:80%;padding:0;">
+                    <div style="max-width:${this.builder.imageSelectWidth};height:${this.builder.imageSelectHeight};padding:0;">
                         <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
                     </div>
                 </div>
@@ -52763,7 +52763,7 @@ class Hyperlink {
             </div>
             
             <div class="is-modal fileselect" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
-                <div class="is-modal-content" style="max-width:800px;height:80%;padding:0;">
+                <div class="is-modal-content" style="max-width:${this.builder.fileSelectWidth};height:${this.builder.fileSelectHeight};padding:0;">
                     <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
                 </div>
             </div>
@@ -54885,7 +54885,7 @@ class Video {
             </div>
 
             <div class="is-modal videoselect" style="z-index:10005" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
-                <div style="max-width:800px;height:80%;padding:0;">
+                <div style="max-width:${this.builder.videoSelectWidth};height:${this.builder.videoSelectHeight};padding:0;">
                     <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
                 </div>
             </div>
@@ -55122,7 +55122,7 @@ class Audio {
             </div>
 
             <div class="is-modal audioselect" style="z-index:10005" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
-                <div style="max-width:800px;height:80%;padding:0;">
+                <div style="max-width:${this.builder.audioSelectWidth};height:${this.builder.audioSelectHeight};padding:0;">
                     <iframe tabindex="0" style="width:100%;height:100%;border: none;display: block;" src="about:blank"></iframe>
                 </div>
             </div>
@@ -76675,7 +76675,10 @@ class LivePreview {
         if (this.builder.previewURL) {
           iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
         } else {
-          this.writeHtml(iframe);
+          try {
+            this.writeHtml(iframe);
+          } catch (e) {// Do Nothing
+          }
         }
       } else {
         iframe.src = this.builder.previewURL + '?' + Math.floor(Date.now() / 1000);
@@ -76760,7 +76763,7 @@ class LivePreview {
       if (scripts[i].src.indexOf('.js') != -1 && scripts[i].src.indexOf('_next/') == -1 && //next
       scripts[i].src.indexOf('static/js/') == -1 && //react
       scripts[i].src.indexOf('src/') == -1 && //vue
-      scripts[i].src.indexOf('index') == -1 && scripts[i].src.indexOf('contentbox.js') == -1 && scripts[i].src.indexOf('contentbox.min.js') == -1 && scripts[i].src.indexOf('contentbuilder.js') == -1 && scripts[i].src.indexOf('contentbuilder.min.js') == -1 && scripts[i].src.indexOf('plugin.js') == -1 && scripts[i].src.indexOf('config.js') == -1 && scripts[i].src.indexOf('en.js') == -1 && scripts[i].src.indexOf('rangy') == -1 && scripts[i].src.indexOf('minimalist-blocks') == -1) {
+      scripts[i].src.indexOf('index') == -1 && scripts[i].src.indexOf('contentbox.js') == -1 && scripts[i].src.indexOf('contentbox.min.js') == -1 && scripts[i].src.indexOf('contentbuilder.js') == -1 && scripts[i].src.indexOf('contentbuilder.min.js') == -1 && scripts[i].src.indexOf('plugin.js') == -1 && scripts[i].src.indexOf('config.js') == -1 && scripts[i].src.indexOf('en.js') == -1 && scripts[i].src.indexOf('rangy') == -1 && scripts[i].src.indexOf('monaco-editor') == -1 && scripts[i].src.indexOf('minimalist-blocks') == -1) {
         jsincludes1 += '<script src="' + scripts[i].src + '" type="text/javascript"></script>';
       }
     }
@@ -76772,7 +76775,7 @@ class LivePreview {
       if (scripts[i].src.indexOf('.js') != -1 && scripts[i].src.indexOf('_next/') == -1 && //next
       scripts[i].src.indexOf('static/js/') == -1 && //react
       scripts[i].src.indexOf('src/') == -1 && //vue
-      scripts[i].src.indexOf('index') == -1 && scripts[i].src.indexOf('contentbox.js') == -1 && scripts[i].src.indexOf('contentbox.min.js') == -1 && scripts[i].src.indexOf('contentbuilder.js') == -1 && scripts[i].src.indexOf('contentbuilder.min.js') == -1 && scripts[i].src.indexOf('plugin.js') == -1 && scripts[i].src.indexOf('config.js') == -1 && scripts[i].src.indexOf('en.js') == -1 && scripts[i].src.indexOf('rangy') == -1 && scripts[i].src.indexOf('minimalist-blocks') == -1) {
+      scripts[i].src.indexOf('index') == -1 && scripts[i].src.indexOf('contentbox.js') == -1 && scripts[i].src.indexOf('contentbox.min.js') == -1 && scripts[i].src.indexOf('contentbuilder.js') == -1 && scripts[i].src.indexOf('contentbuilder.min.js') == -1 && scripts[i].src.indexOf('plugin.js') == -1 && scripts[i].src.indexOf('config.js') == -1 && scripts[i].src.indexOf('en.js') == -1 && scripts[i].src.indexOf('rangy') == -1 && scripts[i].src.indexOf('monaco-editor') == -1 && scripts[i].src.indexOf('minimalist-blocks') == -1) {
         jsincludes2 += '<script src="' + scripts[i].src + '" type="text/javascript"></script>';
       }
     }
@@ -76939,6 +76942,16 @@ class ContentBuilder {
       audioSelect: '',
       mediaSelect: '',
       // NEW: for image & video
+      imageSelectWidth: '1024px',
+      imageSelectHeight: '80vh',
+      fileSelectWidth: '1024px',
+      fileSelectHeight: '80vh',
+      videoSelectWidth: '1024px',
+      videoSelectHeight: '80vh',
+      audioSelectWidth: '1024px',
+      audioSelectHeight: '80vh',
+      mediaSelectWidth: '1024px',
+      mediaSelectHeight: '80vh',
       assetRefresh: false,
       // asset manager specified in imageSelect, fileSelect & videoSelect will always refreshed on click/open
       customTags: [],