@innovastudio/contentbox 1.6.45 → 1.6.46

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.45",
+  "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

@@ -42789,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') {
@@ -114634,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;
+            }
           }
         }
       });
@@ -117892,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);
@@ -117968,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')) {
@@ -118122,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;
+          }
         }
       });
     }