@innovastudio/contentbox 1.6.44 → 1.6.46

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -14926,15 +14926,17 @@ class PanelBlock {
         elms.forEach(target => {
           target.classList.add('block-steady');
           this.builder.editor.eb.common.clearBreakpoint(target);
-          this.builder.editor.eb.common.applyPixels(target);
-          this.builder.editor.eb.common.applyPercentage(target);
+          this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
+
+          this.builder.editor.eb.resizable.updateBlockStyle(target);
         });
       } else {
         elms.forEach(target => {
           target.classList.remove('block-steady');
           this.builder.editor.eb.common.clearBreakpoint(target);
-          this.builder.editor.eb.common.applyPixels(target);
-          this.builder.editor.eb.common.applyPercentage(target);
+          this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
+
+          this.builder.editor.eb.resizable.updateBlockStyle(target);
         });
       }
     });
@@ -42787,19 +42789,27 @@ const renderSnippetPanel = (builder, snippetOpen) => {
       if (activeBuilderArea) {
         dom.addClass(activeBuilderArea, 'builder-active');
       }
-
-      // destroy
-      if (builder.sortableOnCanvas) {
-        builder.sortableOnCanvas.forEach(obj => {
-          if (obj) {
-            obj.destroy();
-          }
-        });
-        builder.sortableOnCanvas = [];
-      }
-      if (builder.sortableOnPage) builder.sortableOnPage.destroy();
-      let dummies = builder.doc.querySelectorAll('.block-dummy');
-      dummies.forEach(elm => elm.parentNode.removeChild(elm));
+    },
+    onUnchoose: () => {
+      setTimeout(() => {
+        // Give time for onAdd to finish
+        // Destroy placed in onUnchoose in case a snippet is just clicked (no drag/drop) so that onAdd is not triggered.
+        // destroy
+        if (builder.sortableOnCanvas) {
+          builder.sortableOnCanvas.forEach(obj => {
+            if (obj) {
+              obj.destroy();
+            }
+          });
+          builder.sortableOnCanvas = [];
+        }
+        if (builder.sortableOnPage) {
+          builder.sortableOnPage.destroy();
+          builder.sortableOnPage = null;
+        }
+        let dummies = builder.doc.querySelectorAll('.block-dummy');
+        dummies.forEach(elm => elm.parentNode.removeChild(elm));
+      }, 10);
     }
   });
   if (builder.opts.snippetList === '#divSnippetList') {
@@ -114632,7 +114642,10 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
               dummies.forEach(elm => elm.parentNode.removeChild(elm));
               this.sortableOnCanvas = [];
             }
-            if (this.sortableOnPage) this.sortableOnPage.destroy();
+            if (this.sortableOnPage) {
+              this.sortableOnPage.destroy();
+              this.sortableOnPage = null;
+            }
           }
         }
       });
@@ -117890,7 +117903,10 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
               dummies.forEach(elm => elm.parentNode.removeChild(elm));
               this.sortableOnCanvas = [];
             }
-            if (this.sortableOnPage) this.sortableOnPage.destroy();
+            if (this.sortableOnPage) {
+              this.sortableOnPage.destroy();
+              this.sortableOnPage = null;
+            }
           }
         });
         this.sortableOnCanvas.push(obj);
@@ -117966,7 +117982,10 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
               dummies.forEach(elm => elm.parentNode.removeChild(elm));
               this.sortableOnCanvas = [];
             }
-            if (this.sortableOnPage) this.sortableOnPage.destroy();
+            if (this.sortableOnPage) {
+              this.sortableOnPage.destroy();
+              this.sortableOnPage = null;
+            }
             return;
           }
           if (itemEl.getAttribute('data-id')) {
@@ -118120,7 +118139,10 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
             dummies.forEach(elm => elm.parentNode.removeChild(elm));
             this.sortableOnCanvas = [];
           }
-          if (this.sortableOnPage) this.sortableOnPage.destroy();
+          if (this.sortableOnPage) {
+            this.sortableOnPage.destroy();
+            this.sortableOnPage = null;
+          }
         }
       });
     }