yet-another-react-lightbox 3.21.5 → 3.21.7

package/dist/index.js

@@ -839,7 +839,8 @@ function useWheelSwipe(swipeState, subscribeSensors, isSwipeValid, containerWidt
     const intent = React.useRef(0);
     const intentCleanup = React.useRef();
     const resetCleanup = React.useRef();
-    const wheelResidualMomentum = React.useRef(0);
+    const wheelInertia = React.useRef(0);
+    const wheelInertiaCleanup = React.useRef();
     const startTime = React.useRef(0);
     const { setTimeout, clearTimeout } = useTimeouts();
     const cancelSwipeIntentCleanup = React.useCallback(() => {
@@ -876,9 +877,20 @@ function useWheelSwipe(swipeState, subscribeSensors, isSwipeValid, containerWidt
         if (Math.abs(event.deltaY) > Math.abs(event.deltaX)) {
             return;
         }
+        const setWheelInertia = (inertia) => {
+            wheelInertia.current = inertia;
+            clearTimeout(wheelInertiaCleanup.current);
+            wheelInertiaCleanup.current =
+                inertia > 0
+                    ? setTimeout(() => {
+                        wheelInertia.current = 0;
+                        wheelInertiaCleanup.current = undefined;
+                    }, 300)
+                    : undefined;
+        };
         if (swipeState === SwipeState.NONE) {
-            if (Math.abs(event.deltaX) <= 1.2 * Math.abs(wheelResidualMomentum.current)) {
-                wheelResidualMomentum.current = event.deltaX;
+            if (Math.abs(event.deltaX) <= 1.2 * Math.abs(wheelInertia.current)) {
+                setWheelInertia(event.deltaX);
                 return;
             }
             if (!isSwipeValid(-event.deltaX)) {
@@ -888,7 +900,7 @@ function useWheelSwipe(swipeState, subscribeSensors, isSwipeValid, containerWidt
             cancelSwipeIntentCleanup();
             if (Math.abs(intent.current) > 30) {
                 intent.current = 0;
-                wheelResidualMomentum.current = 0;
+                setWheelInertia(0);
                 startTime.current = Date.now();
                 onSwipeStart();
             }
@@ -909,14 +921,14 @@ function useWheelSwipe(swipeState, subscribeSensors, isSwipeValid, containerWidt
             onSwipeProgress(newSwipeOffset);
             cancelSwipeResetCleanup();
             if (Math.abs(newSwipeOffset) > 0.2 * containerWidth) {
-                wheelResidualMomentum.current = event.deltaX;
+                setWheelInertia(event.deltaX);
                 onSwipeFinish(newSwipeOffset, Date.now() - startTime.current);
                 return;
             }
             resetCleanup.current = setTimeout(() => handleCancelSwipe(newSwipeOffset), 2 * swipeAnimationDuration);
         }
         else {
-            wheelResidualMomentum.current = event.deltaX;
+            setWheelInertia(event.deltaX);
         }
     });
     React.useEffect(() => subscribeSensors(EVENT_ON_WHEEL, onWheel), [subscribeSensors, onWheel]);

package/dist/plugins/video/index.js

@@ -79,6 +79,11 @@ function VideoSlide({ slide, offset }) {
             height: "100%",
             ...(width ? { maxWidth: `${width}px` } : null),
         }, className: clsx(cssClass("video_container"), cssClass(CLASS_FLEX_CENTER), cssClass(CLASS_SLIDE_WRAPPER)) }, containerRect && (React.createElement("video", { ref: setVideoRef, poster: poster, ...scaleWidthAndHeight(), ...resolveBoolean("controls"), ...resolveBoolean("playsInline"), ...resolveBoolean("loop"), ...resolveBoolean("muted"), ...resolveBoolean("playsInline"), ...resolveBoolean("disablePictureInPicture"), ...resolveBoolean("disableRemotePlayback"), ...resolveString("controlsList"), ...resolveString("crossOrigin"), ...resolveString("preload"), onPlay: () => {
+            var _a;
+            if (offset !== 0) {
+                (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+                return;
+            }
             publish(ACTIVE_SLIDE_PLAYING);
         }, onEnded: () => {
             publish(ACTIVE_SLIDE_COMPLETE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yet-another-react-lightbox",
-  "version": "3.21.5",
+  "version": "3.21.7",
   "description": "Modern React lightbox component",
   "author": "Igor Danchenko",
   "license": "MIT",