formeo 4.2.3 → 4.2.4

package/dist/demo/assets/js/formeo.cjs.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 4.2.2
+Version: 4.2.3
 Author: Draggable https://draggable.io
 */
 
@@ -433,7 +433,7 @@ if (window !== void 0) {
   window.SmartTooltip = SmartTooltip;
 }
 const name$1 = "formeo";
-const version$2 = "4.2.2";
+const version$2 = "4.2.3";
 const pkg = {
   name: name$1,
   version: version$2
@@ -9147,6 +9147,7 @@ class Column extends Component {
     Sortable.create(childWrap, {
       animation: 150,
       fallbackClass: "field-moving",
+      forceFallback: true,
       group: {
         name: "column",
         pull: true,
@@ -9252,6 +9253,7 @@ class Row extends Component {
     Sortable.create(children, {
       animation: 150,
       fallbackClass: "column-moving",
+      forceFallback: true,
       group: {
         name: "row",
         pull: true,
@@ -9947,30 +9949,37 @@ let Controls$1 = class Controls {
     for (let i2 = groups.length - 1; i2 >= 0; i2--) {
       const storeID = `formeo-controls-${groups[i2]}`;
       if (!this.options.sortable) {
-        window.localStorage.removeItem(storeID);
+        globalThis.localStorage.removeItem(storeID);
       }
       Sortable.create(groups[i2], {
         animation: 150,
-        forceFallback: true,
         fallbackClass: "control-moving",
         fallbackOnBody: true,
+        forceFallback: true,
+        fallbackTolerance: 5,
         group: {
           name: "controls",
           pull: "clone",
-          put: false
+          put: false,
+          revertClone: true
         },
-        onStart: async ({ item }) => {
-          const { controlData } = this.get(item.id);
+        onClone: ({ clone: clone2, item }) => {
+          clone2.id = item.id;
           if (this.options.ghostPreview) {
-            const { default: Field2 } = await Promise.resolve().then(() => field);
-            item.innerHTML = "";
-            item.appendChild(new Field2(controlData).preview);
+            const { controlData } = this.get(item.id);
+            Promise.resolve().then(() => field).then(({ default: Field2 }) => {
+              clone2.innerHTML = "";
+              clone2.appendChild(new Field2(controlData).preview);
+            });
           }
         },
-        onEnd: ({ from, item, clone: clone2 }) => {
-          if (from.contains(clone2)) {
-            from.replaceChild(item, clone2);
-          }
+        onStart: () => {
+          this.originalDocumentOverflow = document.documentElement.style.overflow;
+          document.documentElement.style.overflow = "hidden";
+        },
+        onEnd: () => {
+          document.documentElement.style.overflow = this.originalDocumentOverflow;
+          this.originalDocumentOverflow = null;
         },
         sort: this.options.sortable,
         store: {
@@ -9980,7 +9989,7 @@ let Controls$1 = class Controls {
            * @return {Array}
            */
           get: () => {
-            const order = window.localStorage.getItem(storeID);
+            const order = globalThis.localStorage.getItem(storeID);
             return order ? order.split("|") : [];
           },
           /**
@@ -9989,7 +9998,7 @@ let Controls$1 = class Controls {
            */
           set: (sortable) => {
             const order = sortable.toArray();
-            window.localStorage.setItem(storeID, order.join("|"));
+            globalThis.localStorage.setItem(storeID, order.join("|"));
           }
         }
       });

package/dist/demo/assets/js/formeo.es.js

@@ -1,7 +1,7 @@
 
 /**
 formeo - https://formeo.io
-Version: 4.2.2
+Version: 4.2.3
 Author: Draggable https://draggable.io
 */
 
@@ -431,7 +431,7 @@ if (window !== void 0) {
   window.SmartTooltip = SmartTooltip;
 }
 const name$1 = "formeo";
-const version$2 = "4.2.2";
+const version$2 = "4.2.3";
 const pkg = {
   name: name$1,
   version: version$2
@@ -9145,6 +9145,7 @@ class Column extends Component {
     Sortable.create(childWrap, {
       animation: 150,
       fallbackClass: "field-moving",
+      forceFallback: true,
       group: {
         name: "column",
         pull: true,
@@ -9250,6 +9251,7 @@ class Row extends Component {
     Sortable.create(children, {
       animation: 150,
       fallbackClass: "column-moving",
+      forceFallback: true,
       group: {
         name: "row",
         pull: true,
@@ -9945,30 +9947,37 @@ let Controls$1 = class Controls {
     for (let i2 = groups.length - 1; i2 >= 0; i2--) {
       const storeID = `formeo-controls-${groups[i2]}`;
       if (!this.options.sortable) {
-        window.localStorage.removeItem(storeID);
+        globalThis.localStorage.removeItem(storeID);
       }
       Sortable.create(groups[i2], {
         animation: 150,
-        forceFallback: true,
         fallbackClass: "control-moving",
         fallbackOnBody: true,
+        forceFallback: true,
+        fallbackTolerance: 5,
         group: {
           name: "controls",
           pull: "clone",
-          put: false
+          put: false,
+          revertClone: true
         },
-        onStart: async ({ item }) => {
-          const { controlData } = this.get(item.id);
+        onClone: ({ clone: clone2, item }) => {
+          clone2.id = item.id;
           if (this.options.ghostPreview) {
-            const { default: Field2 } = await Promise.resolve().then(() => field);
-            item.innerHTML = "";
-            item.appendChild(new Field2(controlData).preview);
+            const { controlData } = this.get(item.id);
+            Promise.resolve().then(() => field).then(({ default: Field2 }) => {
+              clone2.innerHTML = "";
+              clone2.appendChild(new Field2(controlData).preview);
+            });
           }
         },
-        onEnd: ({ from, item, clone: clone2 }) => {
-          if (from.contains(clone2)) {
-            from.replaceChild(item, clone2);
-          }
+        onStart: () => {
+          this.originalDocumentOverflow = document.documentElement.style.overflow;
+          document.documentElement.style.overflow = "hidden";
+        },
+        onEnd: () => {
+          document.documentElement.style.overflow = this.originalDocumentOverflow;
+          this.originalDocumentOverflow = null;
         },
         sort: this.options.sortable,
         store: {
@@ -9978,7 +9987,7 @@ let Controls$1 = class Controls {
            * @return {Array}
            */
           get: () => {
-            const order = window.localStorage.getItem(storeID);
+            const order = globalThis.localStorage.getItem(storeID);
             return order ? order.split("|") : [];
           },
           /**
@@ -9987,7 +9996,7 @@ let Controls$1 = class Controls {
            */
           set: (sortable) => {
             const order = sortable.toArray();
-            window.localStorage.setItem(storeID, order.join("|"));
+            globalThis.localStorage.setItem(storeID, order.join("|"));
           }
         }
       });