@royaloperahouse/harmonic 0.1.8-m → 0.1.8-n

package/dist/harmonic.cjs.development.js

@@ -7464,7 +7464,7 @@ var getMovedSlides = function getMovedSlides(delta, slideWidths) {
 
 var _excluded$h = ["children", "infinite", "onIndexChange", "slidesOffsetBefore", "onActiveChange"];
 var MAX_CLONES_NUMBER = 6;
-var CLICK_DRAG_THRESHOLD = 20;
+var CLICK_DRAG_THRESHOLD = 10;
 var getClonesCount = function getClonesCount(infinite, childrenLength) {
   if (!infinite) return 0;
   if (childrenLength > MAX_CLONES_NUMBER) return MAX_CLONES_NUMBER;
@@ -7640,6 +7640,8 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var handleMouseMove = function handleMouseMove(e) {
     if (!isDragging.current || !isMouseDown.current || transitioning) return;
     var deltaX = e.clientX - startX.current;
+    // eslint-disable-next-line no-console
+    console.log('handleMouseMove', isClickPrevented.current, CLICK_DRAG_THRESHOLD, deltaX);
     if (Math.abs(deltaX) > CLICK_DRAG_THRESHOLD) {
       isClickPrevented.current = true;
     }
@@ -7648,16 +7650,18 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setDragTranslateX(visualOffset);
   };
   var _handleMouseUp = function handleMouseUp() {
-    if (!isDragging.current || !isMouseDown.current) return;
-    isDragging.current = false;
+    if (!isMouseDown.current) return;
     isMouseDown.current = false;
-    window.removeEventListener('mousemove', handleMouseMove);
-    window.removeEventListener('mouseup', _handleMouseUp);
-    if (!isClickPrevented.current) {
+    isDragging.current = false;
+    // eslint-disable-next-line no-console
+    console.log('handleMouseUp', isClickPrevented.current, CLICK_DRAG_THRESHOLD);
+    if (isClickPrevented.current) {
+      navigateOnSwipeEnd();
+    } else {
       setDragTranslateX(null);
-      return;
     }
-    navigateOnSwipeEnd();
+    window.removeEventListener('mousemove', handleMouseMove);
+    window.removeEventListener('mouseup', _handleMouseUp);
   };
   var handleMouseDown = function handleMouseDown(e) {
     if (transitioning || e.button !== 0) return;
@@ -7668,6 +7672,8 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isMouseDown.current = true;
     isClickPrevented.current = false;
     setTransitioning(false);
+    // eslint-disable-next-line no-console
+    console.log('handleMouseDown', isClickPrevented, CLICK_DRAG_THRESHOLD);
     window.addEventListener('mousemove', handleMouseMove);
     window.addEventListener('mouseup', _handleMouseUp);
   };
@@ -7707,6 +7713,7 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onFocus: function onFocus() {
         return onSlideFocus(isVisible, index);
       },
+      onClick: onClickCapture,
       onClickCapture: onClickCapture
     });
   })));