@innovastudio/contentbuilder 1.5.75 → 1.5.77

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.75",
+  "version": "1.5.77",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -14109,6 +14109,9 @@ class HtmlUtil {
   }
   applyHtml(modal) {
     const util = this.builder.util;
+    const cell = util.cellSelected();
+    if (cell) cell.parentNode.classList.add('row-active'); // add row-select class back
+
     let mode = this.builder.codeEditorMode;
     let area = this.builder.codeEditorArea;
     this.builder.uo.saveForUndo();
@@ -14174,6 +14177,13 @@ class HtmlUtil {
 
       //Trigger Render event
       this.builder.opts.onRender();
+
+      // Re-select
+      if (row.firstChild) row.firstChild.click();
+      //Change to row selection
+      row.classList.remove('row-outline');
+      //Hide Column tool (new!)
+      util.hideColumnTool();
     }
     if (mode === 'full') {
       // freeform
@@ -14305,12 +14315,17 @@ class HtmlUtil {
       modelContent.style.maxWidth = this.builder.blockCodeEditorMaxWidth;
       codeEditor.style.height = this.builder.blockCodeEditorHeight;
     }
+    const row = this.builder.doc.querySelector('.row-active'); // row-select class cannot be used during code editing
+    if (row) row.classList.remove('row-active');
     util.showModal(viewhtml, true, () => {
       if (btn) {
         btn.removeAttribute('data-focus');
         btn.focus();
       }
+      const cell = util.cellSelected();
+      if (cell) cell.parentNode.classList.add('row-active'); // add row-select class back
     });
+
     if (btn) btn.setAttribute('data-focus', true);
     this._view(mode, area);
   }
@@ -14446,7 +14461,13 @@ class HtmlUtil {
     this.builder.codeEditorArea = area;
     let codeEditor = viewhtml.querySelector('.input-code-editor');
     codeEditor.style.opacity = '';
+
+    // const row = this.builder.doc.querySelector('.row-active');
+    // if(row) row.classList.remove('row-active');
+    // util.showModal(viewhtml, true);
+    // this.builder.codeEditor.focus();
   }
+
   fromViewToActual(html) {
     for (var key in hash$1) {
       html = html.replace(key, hash$1[key]);
@@ -50693,7 +50714,7 @@ class Video {
     if (elm.tagName.toLowerCase() === 'video') {
       if (elm.closest('[data-html]')) {
         this.builder.activeVideo = null;
-        this.videoTool.style.display = '';
+        // this.videoTool.style.display = '';
         return;
       }
       this.renderTool();