@tmagic/stage 1.1.4 → 1.1.6

package/dist/tmagic-stage.umd.js

@@ -178,7 +178,9 @@
   const down = (deltaTop, target) => {
     let swapIndex = 0;
     let addUpH = target.clientHeight;
-    const brothers = Array.from(target.parentNode?.children || []).filter((node) => !node.id.startsWith(GHOST_EL_ID_PREFIX));
+    const brothers = Array.from(target.parentNode?.children || []).filter(
+      (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX)
+    );
     const index = brothers.indexOf(target);
     const downEls = brothers.slice(index + 1);
     for (let i = 0; i < downEls.length; i++) {
@@ -199,7 +201,9 @@
     };
   };
   const up = (deltaTop, target) => {
-    const brothers = Array.from(target.parentNode?.children || []).filter((node) => !node.id.startsWith(GHOST_EL_ID_PREFIX));
+    const brothers = Array.from(target.parentNode?.children || []).filter(
+      (node) => !node.id.startsWith(GHOST_EL_ID_PREFIX)
+    );
     const index = brothers.indexOf(target);
     const upEls = brothers.slice(0, index);
     let addUpH = target.clientHeight;
@@ -987,19 +991,22 @@
       this.wrapperResizeObserver?.disconnect();
       this.intersectionObserver?.disconnect();
       if (typeof IntersectionObserver !== "undefined") {
-        this.intersectionObserver = new IntersectionObserver((entries) => {
-          entries.forEach((entry) => {
-            const { target, intersectionRatio } = entry;
-            if (intersectionRatio <= 0) {
-              this.scrollIntoView(target);
-            }
-            this.intersectionObserver?.unobserve(target);
-          });
-        }, {
-          root: this.pageScrollParent,
-          rootMargin: "0px",
-          threshold: 1
-        });
+        this.intersectionObserver = new IntersectionObserver(
+          (entries) => {
+            entries.forEach((entry) => {
+              const { target, intersectionRatio } = entry;
+              if (intersectionRatio <= 0) {
+                this.scrollIntoView(target);
+              }
+              this.intersectionObserver?.unobserve(target);
+            });
+          },
+          {
+            root: this.pageScrollParent,
+            rootMargin: "0px",
+            threshold: 1
+          }
+        );
       }
       if (typeof ResizeObserver !== "undefined") {
         this.pageResizeObserver = new ResizeObserver((entries) => {
@@ -1175,9 +1182,12 @@
       });
       this.moveableForMulti?.destroy();
       this.multiMoveableHelper?.clear();
-      this.moveableForMulti = new Moveable__default.default(this.container, this.getOptions({
-        target: this.dragElList
-      }));
+      this.moveableForMulti = new Moveable__default.default(
+        this.container,
+        this.getOptions({
+          target: this.dragElList
+        })
+      );
       this.multiMoveableHelper = MoveableHelper__default.default.create({
         useBeforeRender: true,
         useRender: false,
@@ -1186,7 +1196,9 @@
       const frames = [];
       const setFrames = (events) => {
         events.forEach((ev) => {
-          const matchEventTarget = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+          const matchEventTarget = this.targetList.find(
+            (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+          );
           if (!matchEventTarget)
             return;
           frames.push({
@@ -1205,10 +1217,14 @@
         const { events } = params;
         events.forEach((ev) => {
           const { width, height, beforeTranslate } = ev.drag;
-          const frameSnapShot = frames.find((frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+          const frameSnapShot = frames.find(
+            (frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+          );
           if (!frameSnapShot)
             return;
-          const targeEl = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+          const targeEl = this.targetList.find(
+            (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+          );
           if (!targeEl)
             return;
           const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
@@ -1232,10 +1248,14 @@
       }).on("dragGroup", (params) => {
         const { events } = params;
         events.forEach((ev) => {
-          const frameSnapShot = frames.find((frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+          const frameSnapShot = frames.find(
+            (frameItem) => frameItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+          );
           if (!frameSnapShot)
             return;
-          const targeEl = this.targetList.find((targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, ""));
+          const targeEl = this.targetList.find(
+            (targetItem) => targetItem.id === ev.target.id.replace(DRAG_EL_ID_PREFIX, "")
+          );
           if (!targeEl)
             return;
           const isParentIncluded = this.targetList.find((targetItem) => targetItem.id === targeEl.parentElement?.id);
@@ -1426,9 +1446,12 @@
     postTmagicRuntimeReady() {
       this.contentWindow = this.iframe?.contentWindow;
       this.contentWindow.magic = this.getMagicApi();
-      this.contentWindow.postMessage({
-        tmagicRuntimeReady: true
-      }, "*");
+      this.contentWindow.postMessage(
+        {
+          tmagicRuntimeReady: true
+        },
+        "*"
+      );
     }
   }