@innovastudio/contentbuilder 1.3.73 → 1.3.75

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -144,6 +144,8 @@ button:focus-visible {
   left: 0;
   background: rgba(0, 0, 0, 0.03);
   transform-origin: top left;
+  left: 5%;
+  top: -25%;
 }
 
 #_cbhtml .snippet-item {

package/public/contentbuilder/contentbuilder.esm.js

@@ -21948,14 +21948,14 @@ const renderSnippetPanel = builder => {
 
       builder.sectionDropSetup();
     },
-    onMove: evt => {
+    onMove: () => {
       let emptyinfo = builder.doc.querySelector('.row-add-initial'); // if there is empty info, remove it during snippet drag drop
       // if(emptyinfo) emptyinfo.parentNode.removeChild(emptyinfo);
 
-      if (emptyinfo) emptyinfo.style.display = 'none';
-      if (builder.sortableOnPage) if (evt.related.getBoundingClientRect().top < 0 || evt.related.getBoundingClientRect().top > window.innerHeight) {
-        return false;
-      }
+      if (emptyinfo) emptyinfo.style.display = 'none'; // if(builder.sortableOnPage) if(evt.related.getBoundingClientRect().top<0 ||
+      //     evt.related.getBoundingClientRect().top>window.innerHeight) {
+      //     return false;
+      // }
     },
     onStart: () => {
       // Remove .builder-active during dragging (because this class makes rows have border-right/left 120px)
@@ -76024,15 +76024,14 @@ class ContentBuilder {
         scroll: true,
         // invertSwap: true, /* https://github.com/SortableJS/Sortable/wiki/Swap-Thresholds-and-Direction#swap-threshold */
         group: 'shared',
-        direction: 'dummy',
-        // works well with border-right hack & empty-info
+        // direction: 'dummy', // works well with border-right hack & empty-info
         animation: 300,
         handle: '.row-handle',
         // swapThreshold: 0.1, // this cause drag drop snippet sometimes difficult
         // invertedSwapThreshold: 0.1,
         sort: true,
         //new
-        swapThreshold: 0.5,
+        // swapThreshold: 0.5,
         onChoose: () => {
           // Get zoom (scale) value
           let scale;
@@ -76064,6 +76063,8 @@ class ContentBuilder {
             if (oldCss) oldCss.parentNode.removeChild(oldCss);
             this.builderStuff.insertAdjacentHTML('afterbegin', newCss);
           }
+
+          this.sectionDropSetup(); // enable drop as section (ContentBox)
         },
         onStart: () => {
           this.uo.saveForUndo(); // Even if cancelled, saveForUndo will make sure not to save if there is no change 
@@ -76072,6 +76073,8 @@ class ContentBuilder {
         },
         onEnd: () => {
           this.util.checkEmpty(); // for multiple instances check
+
+          if (this.sortableOnPage) this.sortableOnPage.destroy(); // enable drop as section (ContentBox)
         },
         onAdd: evt => {
           var itemEl = evt.item;
@@ -78557,8 +78560,8 @@ class ContentBuilder {
         animation: 150,
         sort: true,
         // draggable: '.dummy',
-        swapThreshold: 0.1,
-        invertSwap: true,
+        // swapThreshold: 0.1,
+        // invertSwap: true,
         onAdd: evt => {
           var itemEl = evt.item;