@innovastudio/contentbox 1.6.89 → 1.6.91

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.89",
+  "version": "1.6.91",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -54,7 +54,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.75",
+    "@innovastudio/contentbuilder": "^1.5.77",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -40498,6 +40498,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();
@@ -40563,6 +40566,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
@@ -40694,12 +40704,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);
   }
@@ -40835,7 +40850,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]);
@@ -77082,7 +77103,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();
@@ -127600,15 +127621,16 @@ class AnimateScroll {
       elm.removeAttribute('data-hidden-onstart');
       elm.style.transform = '';
       elm.style.transition = '';
-      elm.style.opacity = '';
-      this.restart(); // console.log(elm)
+      elm.style.opacity = ''; // this.restart();
+      // console.log(elm)
     });
     elms = section.querySelectorAll('.is-animated');
     elms.forEach(elm => {
       // if(elm.classList.contains('is-overlay-bg')) return;
       this.cleanupBasic(elm);
       this.cleanupDelay(elm);
-    }); // setTimeout(()=>{
+    });
+    this.restart(); // setTimeout(()=>{
     //     // if (this.builder.win.skrollrr) {
     //     //     this.builder.win.skrollrr.refresh();
     //     // }
@@ -130736,7 +130758,7 @@ class Timeline {
       if (activeCol) section = activeCol.closest('.is-section');
       let elms; // elms = section.querySelectorAll('*');
 
-      elms = document.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]');
+      elms = section.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]');
       elms.forEach(elm => {
         elm.removeAttribute('data-center');
         elm.removeAttribute('data-center-top');