@innovastudio/contentbox 1.4.64 → 1.4.66

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.64",
+  "version": "1.4.66",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.3.73",
+    "@innovastudio/contentbuilder": "^1.3.75",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -35675,14 +35675,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)
@@ -89751,15 +89751,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;
@@ -89791,6 +89790,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 
@@ -89799,6 +89800,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;
@@ -92284,8 +92287,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;
 
@@ -103671,6 +103674,9 @@ class ContentBox {
             min-height: unset !important;
             background: rgba(204, 204, 204, 0.15) !important;
         }
+        .is-wrapper > .sortable-ghost * {
+          opacity: 0 !important;
+        }
 
         /* toggle tool */
         .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,