@innovastudio/contentbox 1.6.51 → 1.6.52

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.51",
+  "version": "1.6.52",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.37",
+    "@innovastudio/contentbuilder": "^1.5.38",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -38945,6 +38945,7 @@ class Grid {
     if (!cell) return;
     if (cell.previousElementSibling) {
       this.builder.uo.saveForUndo();
+      this.builder.hideTools();
       cell.parentElement.insertBefore(cell, cell.previousElementSibling);
       this.builder.opts.onChange();
     }
@@ -38956,6 +38957,7 @@ class Grid {
     const cellnext = util.cellNext(cell);
     if (cellnext) {
       this.builder.uo.saveForUndo();
+      this.builder.hideTools();
       cell.parentElement.insertBefore(cellnext, cell);
       this.builder.opts.onChange();
     }
@@ -38982,6 +38984,7 @@ class Grid {
           //+2 => includes is-row-tool & is-rowaddtool
 
           this.builder.uo.saveForUndo();
+          this.builder.hideTools();
 
           //Move row up
           row.parentNode.insertBefore(row, row.previousElementSibling);
@@ -38989,6 +38992,7 @@ class Grid {
           return;
         } else {
           this.builder.uo.saveForUndo();
+          this.builder.hideTools();
 
           //Add inside prev row
           let tool = row.previousElementSibling.querySelector('.is-row-tool');
@@ -39016,6 +39020,7 @@ class Grid {
       }
     } else {
       this.builder.uo.saveForUndo();
+      this.builder.hideTools();
       var rowElement = row.cloneNode(true);
       rowElement.innerHTML = '';
       rowElement.appendChild(cell);
@@ -39059,6 +39064,7 @@ class Grid {
           //+2 => includes is-row-tool & is-rowadd-tool
 
           this.builder.uo.saveForUndo();
+          this.builder.hideTools();
 
           //Move row down
           row.parentNode.insertBefore(row.nextElementSibling, row);
@@ -39066,6 +39072,7 @@ class Grid {
           return;
         } else {
           this.builder.uo.saveForUndo();
+          this.builder.hideTools();
 
           //Add inside next row
           let tool = row.nextElementSibling.querySelector('.is-row-tool');
@@ -39093,6 +39100,7 @@ class Grid {
       }
     } else {
       this.builder.uo.saveForUndo();
+      this.builder.hideTools();
       var rowElement = row.cloneNode(true);
       rowElement.innerHTML = '';
       rowElement.appendChild(cell);
@@ -113742,10 +113750,17 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         this.util.repositionColumnTool();
       }
       this.elmTool.repositionElementTool(true);
-      if (this.element.image.imageTool) this.element.image.imageTool.style.display = '';
-      if (this.element.module.moduleTool) this.element.module.moduleTool.style.display = '';
-      if (this.element.hyperlink.linkTool) this.element.hyperlink.linkTool.style.display = '';
-      this.colTool.lockIndicator.style.display = '';
+
+      // if(this.element.image.imageTool) this.element.image.imageTool.style.display='';
+      // if(this.element.module.moduleTool) this.element.module.moduleTool.style.display='';
+      // if(this.element.hyperlink.linkTool) this.element.hyperlink.linkTool.style.display='';
+      // this.colTool.lockIndicator.style.display='';
+
+      // this.hideTools();
+      setTimeout(() => {
+        this.hideTools();
+      }, 40); // give delay, in case of programmatically click after col move
+
       return ret;
     };
 
@@ -119058,6 +119073,16 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
   hideElementTools() {
     let elmTool = this.doc.querySelector('.is-element-tool');
     if (elmTool) elmTool.style.display = '';
+    let videoTool = this.doc.querySelector('.is-video-tool');
+    if (videoTool) videoTool.style.display = '';
+    let audioTool = this.doc.querySelector('.is-audio-tool');
+    if (audioTool) audioTool.style.display = '';
+    let iframeTool = this.doc.querySelector('.is-iframe-tool');
+    if (iframeTool) iframeTool.style.display = '';
+    let moduleTool = this.doc.querySelector('.is-module-tool');
+    if (moduleTool) moduleTool.style.display = '';
+    let lockIndicator = this.doc.querySelector('.is-locked-indicator');
+    if (lockIndicator) lockIndicator.style.display = '';
     let linkTool = this.doc.querySelector('#divLinkTool');
     if (linkTool) linkTool.style.display = '';
     let spacerTool = this.builderStuff.querySelector('.is-spacer-tool');
@@ -119071,6 +119096,32 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     this.inspectedElement = null;
     this.activeElement = null;
   }
+  hideTools() {
+    // used by contentbuilder.js & grid.js
+
+    // let elmTool = this.doc.querySelector('.is-element-tool');
+    // if(elmTool) elmTool.style.display = '';
+
+    let videoTool = this.doc.querySelector('.is-video-tool');
+    if (videoTool) videoTool.style.display = '';
+    let audioTool = this.doc.querySelector('.is-audio-tool');
+    if (audioTool) audioTool.style.display = '';
+    let iframeTool = this.doc.querySelector('.is-iframe-tool');
+    if (iframeTool) iframeTool.style.display = '';
+    let moduleTool = this.doc.querySelector('.is-module-tool');
+    if (moduleTool) moduleTool.style.display = '';
+    let lockIndicator = this.doc.querySelector('.is-locked-indicator');
+    if (lockIndicator) lockIndicator.style.display = '';
+    let linkTool = this.doc.querySelector('#divLinkTool');
+    if (linkTool) linkTool.style.display = '';
+    let spacerTool = this.builderStuff.querySelector('.is-spacer-tool');
+    if (spacerTool) spacerTool.style.display = '';
+    this.element.image.hideImageTool();
+
+    // this.doc.querySelectorAll('.icon-active').forEach(elm => elm.classList.remove('icon-active'));
+    // this.doc.querySelectorAll('.elm-inspected').forEach(elm => elm.classList.remove('elm-inspected'));
+    // this.doc.querySelectorAll('.elm-active').forEach(elm => elm.classList.remove('elm-active'));
+  }
 }
 
 class ContentStuff {
@@ -145966,6 +146017,12 @@ class IframePanel {
   hideTools() {
     let elmTool = this.builder.doc.querySelector('.is-element-tool');
     if (elmTool) elmTool.style.display = '';
+    let videoTool = this.builder.doc.querySelector('.is-video-tool');
+    if (videoTool) videoTool.style.display = '';
+    let audioTool = this.builder.doc.querySelector('.is-audio-tool');
+    if (audioTool) audioTool.style.display = '';
+    let iframeTool = this.builder.doc.querySelector('.is-iframe-tool');
+    if (iframeTool) iframeTool.style.display = '';
     let moduleTool = this.builder.doc.querySelector('.is-module-tool');
     if (moduleTool) moduleTool.style.display = '';
     let lockIndicator = this.builder.doc.querySelector('.is-locked-indicator');
@@ -145974,10 +146031,9 @@ class IframePanel {
     if (linkTool) linkTool.style.display = '';
     let spacerTool = this.builderStuff.querySelector('.is-spacer-tool');
     if (spacerTool) spacerTool.style.display = '';
-    this.builder.editor.element.image.hideImageTool();
-    this.builder.doc.querySelectorAll('.icon-active').forEach(elm => elm.classList.remove('icon-active'));
-    this.builder.doc.querySelectorAll('.elm-inspected').forEach(elm => elm.classList.remove('elm-inspected'));
-    this.builder.doc.querySelectorAll('.elm-active').forEach(elm => elm.classList.remove('elm-active'));
+    this.builder.editor.element.image.hideImageTool(); // this.builder.doc.querySelectorAll('.icon-active').forEach(elm => elm.classList.remove('icon-active'));
+    // this.builder.doc.querySelectorAll('.elm-inspected').forEach(elm => elm.classList.remove('elm-inspected'));
+    // this.builder.doc.querySelectorAll('.elm-active').forEach(elm => elm.classList.remove('elm-active'));
   }
 
   repositionTool() {