@innovastudio/contentbuilder 1.5.201 → 1.5.203

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.201",
+  "version": "1.5.203",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -4693,12 +4693,12 @@ class Util {
       dom.appendHtml(builderStuff, html);
       confirmmodal = builderStuff.querySelector('.is-confirm');
     }
-    this.showModal(confirmmodal, false, () => {
+    this.showModal(confirmmodal, false, e => {
       //this function runs when overlay is clicked. Remove modal.
       confirmmodal.parentNode.removeChild(confirmmodal);
 
       //do task
-      callback(false);
+      callback(false, e);
     }, true);
     let buttonok = confirmmodal.querySelector('.is-confirm .input-ok');
     dom.addEventListener(buttonok, 'click', () => {
@@ -5022,7 +5022,7 @@ class Util {
         modal.removeEventListener('keydown', handleKeyDown);
         const btnClose = modal.querySelector('.is-modal-close');
         if (btnClose) btnClose.removeEventListener('click', close);
-        if (cancelCallback) cancelCallback();
+        if (cancelCallback) cancelCallback(e);
       }
     };
     modal.addEventListener('keydown', handleKeyDown);
@@ -18207,7 +18207,7 @@ const renderSnippetPanel = (builder, snippetOpen) => {
     builder.opts.snippetJSON.snippets.forEach(item => {
       item.id = index; //Give id to each record
       if (item.category === builder.opts.defaultSnippetCategory + '') {
-        dom.appendHtml(snippetlist, '<div class="snippet-item" data-id="' + item.id + '" data-cat="' + item.category + '"><img alt="' + util.out('Snippet') + '" src="' + snippetPath + item.thumbnail + '"><span class="is-overlay"></span></div>');
+        dom.appendHtml(snippetlist, '<div data-drag-id="' + (index - 1) + '" class="snippet-item" data-id="' + item.id + '" data-cat="' + item.category + '"><img alt="' + util.out('Snippet') + '" src="' + snippetPath + item.thumbnail + '"><span class="is-overlay"></span></div>');
       }
       index++;
     });
@@ -18242,8 +18242,9 @@ const renderSnippetPanel = (builder, snippetOpen) => {
       });
       useClick=true;
   }
-   if(!useClick) */
-  new Sortable(snippetlist, {
+  
+  if(!useClick) */
+  if (!builder.iframeDragDrop) new Sortable(snippetlist, {
     // forceFallback: safariAgent,
     group: {
       name: 'shared',
@@ -92589,6 +92590,7 @@ The frameworks provide utility classes for structure and typography. To create r
 class ContentBuilder {
   constructor(opts = {}) {
     let defaults = {
+      iframeDragDrop: false,
       page: '',
       container: '.is-container',
       siteToken: '',
@@ -99844,6 +99846,7 @@ Please obtain a license at: https://innovastudio.com/contentbox`);
     return visibleHeight / rect.height > 0.5;
   }
   sectionDropSetup() {
+    if (this.iframeDragDrop) return;
     if (this.blockContainer) {
       this.sortableOnCanvas = [];
       let wrapper;