@innovastudio/contentbuilder 1.5.29 → 1.5.30

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -17314,19 +17314,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') {
@@ -89159,7 +89167,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;
+            }
           }
         }
       });
@@ -92417,7 +92428,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);
@@ -92493,7 +92507,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')) {
@@ -92647,7 +92664,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;
+          }
         }
       });
     }