@innovastudio/contentbuilder 1.2.2 → 1.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",

package/public/contentbuilder/contentbuilder.esm.js

@@ -14007,10 +14007,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')) {
@@ -14041,15 +14051,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) {
@@ -14057,6 +14067,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');
@@ -14089,7 +14117,7 @@ class HtmlUtil {
           });
         });
         setTimeout(() => {
-          this.view(mode, area);
+          this._view(mode, area);
         }, 100);
         return;
       }
@@ -14097,8 +14125,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
@@ -14113,9 +14140,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
@@ -14178,6 +14215,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) {