@streamscloud/embeddable 10.1.1 → 10.1.2

package/dist/content-player/cmp.content-player.svelte

@@ -44,10 +44,10 @@ const handleContentPlayerMounted = (node) => {
         node.removeEventListener('click', markAsTouched);
         node.removeEventListener('keypress', markAsTouched);
     };
-    node.addEventListener('touchstart', markAsTouched);
-    node.addEventListener('wheel', markAsTouched);
-    node.addEventListener('click', markAsTouched);
-    node.addEventListener('keypress', markAsTouched);
+    node.addEventListener('touchstart', markAsTouched, { passive: true });
+    node.addEventListener('wheel', markAsTouched, { passive: true });
+    node.addEventListener('click', markAsTouched, { passive: true });
+    node.addEventListener('keypress', markAsTouched, { passive: true });
     return {
         destroy: () => {
             removeListeners();

package/dist/core/actions/horizontal-wheel-scroll.js

@@ -4,11 +4,8 @@ export const horizontalWheelScroll = (node, param = { isolateScroll: true, speed
         if (!canScrollX) {
             return;
         }
-        if (Math.abs(event.deltaX) > Math.abs(event.deltaY)) {
-            return;
-        }
-        const delta = event.deltaY * (param.speed ?? 1);
-        node.scrollBy({ left: delta, behavior: 'auto' });
+        const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+        node.scrollBy({ left: delta * (param.speed ?? 1), behavior: 'smooth' });
         if (param.isolateScroll) {
             event.preventDefault();
             event.stopPropagation();

package/dist/streams/layout/element-views/cmp.products-slider-stream-element.svelte

@@ -38,6 +38,7 @@ const getProductDataByIndex = (index) => {
   scroll-snap-type: x proximity;
 }
 .products-slider-stream-element__item {
+  display: flex;
   scroll-snap-align: start;
-  flex-shrink: 0;
+  height: 100%;
 }</style>

package/dist/ui/player/slider/cmp.player-slider.svelte

@@ -52,7 +52,7 @@ onMount(() => {
         touchStartY = e.changedTouches[0].screenY;
         touchStartTime = Date.now();
         isVerticalSwipe = false;
-    });
+    }, { passive: true });
     slidesRef.addEventListener('touchmove', (e) => {
         if (isVerticalSwipe) {
             // Already determined this is a vertical swipe

package/dist/ui/slider/cmp.slider.svelte

@@ -35,7 +35,7 @@ onMount(() => {
         touchStartY = e.changedTouches[0].screenY;
         touchStartTime = Date.now();
         isHorizontalSwipe = false;
-    });
+    }, { passive: true });
     slidesRef.addEventListener('touchmove', (e) => {
         if (isHorizontalSwipe) {
             // Already determined this is a horizontal swipe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "10.1.1",
+  "version": "10.1.2",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",