@mxtommy/kip 3.0.0-alpha.29 → 3.0.0-alpha.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxtommy/kip",
-  "version": "3.0.0-alpha.29",
+  "version": "3.0.0-alpha.31",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
   "author": {

package/public/main.js

@@ -125255,10 +125255,25 @@ var WidgetFreeboardskComponent = class _WidgetFreeboardskComponent extends BaseW
     if (!event.data || !event.data.gesture)
       return;
     console.log("Received iframe gesture:", event.data.gesture);
-    const swipeEvent = new CustomEvent(event.data.gesture, { detail: event.data, bubbles: true, cancelable: true });
-    window.dispatchEvent(swipeEvent);
-    document.body.dispatchEvent(swipeEvent);
+    this.triggerSwipe("down");
   };
+  triggerSwipe(direction) {
+    const eventTarget = document;
+    const swipeEvent = new CustomEvent("swipe", {
+      detail: {
+        type: "swipe",
+        deltaX: direction === "left" ? -100 : direction === "right" ? 100 : 0,
+        deltaY: direction === "up" ? -100 : direction === "down" ? 100 : 0,
+        velocityX: direction === "left" ? -1 : direction === "right" ? 1 : 0,
+        velocityY: direction === "up" ? -1 : direction === "down" ? 1 : 0,
+        direction: direction === "left" ? 2 : direction === "right" ? 4 : direction === "up" ? 8 : 16,
+        center: { x: window.innerWidth / 2, y: window.innerHeight / 2 }
+      },
+      bubbles: true,
+      cancelable: true
+    });
+    eventTarget.dispatchEvent(swipeEvent);
+  }
   injectHammerJS() {
     const iframeWindow = this.iframe().nativeElement.contentWindow;
     const iframeDocument = this.iframe().nativeElement.contentDocument;
@@ -125327,7 +125342,19 @@ var WidgetFreeboardskComponent = class _WidgetFreeboardskComponent extends BaseW
 
         hammer.on('swipeup', (ev) => {
           const eventData = {
-            ...ev
+            type: ev.type,
+            deltaX: ev.deltaX,
+            deltaY: ev.deltaY,
+            velocityX: ev.velocityX,
+            velocityY: ev.velocityY,
+            direction: ev.direction,
+            distance: ev.distance,
+            angle: ev.angle,
+            center: ev.center,
+            offsetDirection: ev.offsetDirection,
+            scale: ev.scale,
+            rotation: ev.rotation,
+            isFinal: ev.isFinal
           };
           window.parent.postMessage({ gesture: 'swipeup', eventData: eventData }, '*');
         });