@innovastudio/contentbox 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.2.2",
+    "@innovastudio/contentbuilder": "^1.2.3",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -24649,10 +24649,20 @@ class HtmlUtil {
   }
 
   viewHtmlExternal() {
-    const source = document.querySelector('textarea[data-source-active]');
     const util = this.builder.util;
     const builderStuff = this.builder.builderStuff;
     const viewhtmlexternal = builderStuff.querySelector('.viewhtmlexternal');
+    util.showModal(viewhtmlexternal, true, null, false);
+    let codeEditor = viewhtmlexternal.querySelector('.input-code-editor');
+    codeEditor.style.opacity = 0.01;
+
+    this._viewHtmlExternal();
+  }
+
+  _viewHtmlExternal() {
+    const source = document.querySelector('textarea[data-source-active]');
+    const builderStuff = this.builder.builderStuff;
+    const viewhtmlexternal = builderStuff.querySelector('.viewhtmlexternal');
     let codeEditor = viewhtmlexternal.querySelector('.input-code-editor');
 
     if (!codeEditor.querySelector('.monaco-editor')) {
@@ -24683,15 +24693,15 @@ class HtmlUtil {
         });
       });
       setTimeout(() => {
-        this.viewHtmlExternal();
+        this._viewHtmlExternal();
       }, 100);
       return;
-    }
+    } // code editor
 
-    util.showModal(viewhtmlexternal, true, null, false); // code editor
 
     const model = this.builder.monaco.editor.createModel(source.value, 'html');
     this.builder.codeEditorExternal.setModel(model);
+    codeEditor.style.opacity = '';
   }
 
   view(mode, area) {
@@ -24699,6 +24709,24 @@ class HtmlUtil {
     const builderStuff = this.builder.builderStuff;
     let viewhtml;
 
+    if (this.builder.opts.htmlSyntaxHighlighting) {
+      viewhtml = builderStuff.querySelector('.viewhtmlmonaco');
+    } else {
+      viewhtml = builderStuff.querySelector('.viewhtml');
+    }
+
+    util.showModal(viewhtml, true);
+    let codeEditor = viewhtml.querySelector('.input-code-editor');
+    codeEditor.style.opacity = 0.01;
+
+    this._view(mode, area);
+  }
+
+  _view(mode, area) {
+    const util = this.builder.util;
+    const builderStuff = this.builder.builderStuff;
+    let viewhtml;
+
     if (this.builder.opts.htmlSyntaxHighlighting) {
       viewhtml = builderStuff.querySelector('.viewhtmlmonaco');
       let codeEditor = viewhtml.querySelector('.input-code-editor');
@@ -24731,7 +24759,7 @@ class HtmlUtil {
           });
         });
         setTimeout(() => {
-          this.view(mode, area);
+          this._view(mode, area);
         }, 100);
         return;
       }
@@ -24739,8 +24767,7 @@ class HtmlUtil {
       viewhtml = builderStuff.querySelector('.viewhtml');
     }
 
-    let textarea = viewhtml.querySelector('textarea');
-    util.showModal(viewhtml, true);
+    let textarea = viewhtml.querySelector('textarea'); // util.showModal(viewhtml, true);
 
     if (mode === 'cell') {
       // old: 3550
@@ -24755,9 +24782,19 @@ class HtmlUtil {
 
     if (mode === 'row') {
       // old: 15534
-      const cell = util.cellSelected();
-      if (!cell) return;
-      const row = cell.parentNode;
+      // const cell = util.cellSelected();
+      // if(!cell) return;
+      // const row = cell.parentNode;
+      let row;
+      let cell = util.cellSelected();
+
+      if (cell) {
+        row = cell.parentNode;
+      } else {
+        row = util.rowSelected();
+      }
+
+      if (!row) return;
       let textarea = viewhtml.querySelector('textarea');
       this.builder.cleanHtmlFormatting = true;
       textarea.value = this.readHtml(row, true); // for view=true
@@ -24820,6 +24857,8 @@ class HtmlUtil {
     rowMore.style.display = '';
     this.builder.codeEditorMode = mode;
     this.builder.codeEditorArea = area;
+    let codeEditor = viewhtml.querySelector('.input-code-editor');
+    codeEditor.style.opacity = '';
   }
 
   fromViewToActual(html) {