@mxtommy/kip 3.0.0-alpha.55 → 3.0.0-alpha.56

package/package.json

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

package/public/main.js

@@ -127281,7 +127281,7 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
     this.widgetUrl = this.widgetProperties.config.widgetUrl = config2.widgetUrl;
   }
   handleIframeGesture = (event) => {
-    if (!event.data || !event.data.gesture)
+    if (!event.data || !event.data.gesture || event.data.instanceId !== this.widgetProperties.uuid)
       return;
     switch (event.data.gesture) {
       case "swipeup":
@@ -127336,10 +127336,13 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
     }
     const script = iframeDocument.createElement("script");
     script.textContent = `
-  if (!window.hammerInstance) {
+      if (!window.hammerInstance) {
         const hammer = new Hammer(document.body);
         hammer.get('swipe').set({ direction: Hammer.DIRECTION_ALL, velocity: 0.3, threshold: 10, domEvents: true });
         hammer.get('press').set({ time: 500 });
+        hammer.get('doubletap').set({ taps: 2 });
+
+        const instanceId = '${this.widgetProperties.uuid}'; // Include the instance ID in the script to prevent multiple listeners
 
         hammer.on('swipeleft', (ev) => {
           ev.preventDefault();
@@ -127356,7 +127359,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'swipeleft', eventData: eventData }, '*');
         });
@@ -127376,7 +127380,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'swiperight', eventData: eventData }, '*');
         });
@@ -127396,7 +127401,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'swipeup', eventData: eventData }, '*');
         });
@@ -127416,7 +127422,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'swipedown', eventData: eventData }, '*');
         });
@@ -127436,7 +127443,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'press', eventData: eventData }, '*');
         });
@@ -127456,7 +127464,8 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
             offsetDirection: ev.offsetDirection,
             scale: ev.scale,
             rotation: ev.rotation,
-            isFinal: ev.isFinal
+            isFinal: ev.isFinal,
+            instanceId: instanceId // Include the instance ID in the event data
           };
           window.parent.postMessage({ gesture: 'doubletap', eventData: eventData }, '*');
         });