@innovastudio/contentbuilder 1.5.41 → 1.5.43

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.41",
+  "version": "1.5.43",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -12658,7 +12658,7 @@ class Grid {
       this.builder.uo.saveForUndo();
       this.builder.hideTools();
       cell.parentElement.insertBefore(cell, cell.previousElementSibling);
-      this.builder.opts.onChange();
+      this.builder.opts.onChange(true);
     }
   }
   moveColumnNext() {
@@ -12670,7 +12670,7 @@ class Grid {
       this.builder.uo.saveForUndo();
       this.builder.hideTools();
       cell.parentElement.insertBefore(cellnext, cell);
-      this.builder.opts.onChange();
+      this.builder.opts.onChange(true);
     }
   }
   moveColumnUp() {
@@ -12699,7 +12699,7 @@ class Grid {
 
           //Move row up
           row.parentNode.insertBefore(row, row.previousElementSibling);
-          this.builder.opts.onChange();
+          this.builder.opts.onChange(true);
           return;
         } else {
           this.builder.uo.saveForUndo();
@@ -12723,7 +12723,7 @@ class Grid {
           setTimeout(() => {
             cell.click(); //refresh active cell/row
           }, 30);
-          this.builder.opts.onChange();
+          this.builder.opts.onChange(true);
         }
       } else {
         //move outside container (move to previous container)
@@ -12743,7 +12743,7 @@ class Grid {
       setTimeout(() => {
         cell.click(); //refresh active cell/row
       }, 30);
-      this.builder.opts.onChange();
+      this.builder.opts.onChange(true);
     }
 
     //fix layout
@@ -12779,7 +12779,7 @@ class Grid {
 
           //Move row down
           row.parentNode.insertBefore(row.nextElementSibling, row);
-          this.builder.opts.onChange();
+          this.builder.opts.onChange(true);
           return;
         } else {
           this.builder.uo.saveForUndo();
@@ -12803,7 +12803,7 @@ class Grid {
           setTimeout(() => {
             cell.click(); //refresh active cell/row
           }, 30);
-          this.builder.opts.onChange();
+          this.builder.opts.onChange(true);
         }
       } else {
         //move outside container (move to next container)
@@ -12823,7 +12823,7 @@ class Grid {
       setTimeout(() => {
         cell.click(); //refresh active cell/row
       }, 30);
-      this.builder.opts.onChange();
+      this.builder.opts.onChange(true);
     }
 
     //fix layout
@@ -17053,9 +17053,12 @@ const renderSnippetPanel = (builder, snippetOpen) => {
             </div>   
         </div>
         `;
-    dom.appendHtml(builder.builderStuff, html);
+    let snippetModal = builder.builderStuff.querySelector('.is-modal.snippetwindow');
+    if (!snippetModal) {
+      dom.appendHtml(builder.builderStuff, html);
+      snippetModal = builder.builderStuff.querySelector('.is-modal.snippetwindow');
+    }
     builder.draggable('.snippetwindow .is-draggable');
-    const snippetModal = builder.builderStuff.querySelector('.is-modal.snippetwindow');
     const btnClose = snippetModal.querySelector('.is-modal-close');
     btnClose.addEventListener('click', () => {
       snippetModal.classList.remove('active');
@@ -87451,7 +87454,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
 
     // Extend the onChange function
     var oldget = this.opts.onChange;
-    this.opts.onChange = () => {
+    this.opts.onChange = hideTools => {
       var ret = oldget.apply(this, arguments);
       if (this.activeCol) {
         // Quick reposition column tool
@@ -87459,14 +87462,16 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
       }
       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='';
+      // Hide some tools (not all)
+      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.code.codeTool) this.element.code.codeTool.style.display = '';
+      if (this.element.hyperlink.linkTool) this.element.hyperlink.linkTool.style.display = '';
+      this.colTool.lockIndicator.style.display = '';
 
       // this.hideTools();
       setTimeout(() => {
-        this.hideTools();
+        if (hideTools) this.hideTools(); // Hide all tools to prevent incorrect positioning (eg. when layout changes)
       }, 40); // give delay, in case of programmatically click after col move
 
       return ret;
@@ -89716,6 +89721,8 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     this.pageoption.print();
   }
   destroy() {
+    const snippetData = document.querySelector('#_snippet_data');
+    if (snippetData) snippetData.remove();
     if (this.eb) this.eb.destroy();
     this.doc.body.classList.remove('data-editor');
     document.removeEventListener('click', this.doDocumentClick, false);
@@ -90748,8 +90755,11 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     if (this.isScriptAlreadyIncluded(snippetFile)) return;
     const script = document.createElement('script');
     script.src = snippetFile;
+    script.id = '_snippet_data';
     script.async = true;
     script.onload = () => {
+      if (!document.body.contains(this.builderStuff)) return; // in case the instance is destroyed
+
       this.opts.snippetJSON = window.data_basic;
       if (!this.canvas) for (let i = this.opts.snippetJSON.snippets.length - 1; i >= 0; i--) {
         if (this.opts.snippetJSON.snippets[i].mode === 'canvas') {
@@ -92822,6 +92832,8 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     if (iframeTool) iframeTool.style.display = '';
     let moduleTool = this.doc.querySelector('.is-module-tool');
     if (moduleTool) moduleTool.style.display = '';
+    let codeTool = this.doc.querySelector('.is-code-tool');
+    if (codeTool) codeTool.style.display = '';
     let lockIndicator = this.doc.querySelector('.is-locked-indicator');
     if (lockIndicator) lockIndicator.style.display = '';
     let linkTool = this.doc.querySelector('#divLinkTool');