@micromag/viewer 0.4.17 → 0.4.20

package/es/index.js

@@ -221,6 +221,27 @@ function checkDraggable(el) {
   return false;
 }
 
+var stopDragEventsPropagation = {
+  onTouchMove: function onTouchMove(e) {
+    return e.stopPropagation();
+  },
+  onTouchStart: function onTouchStart(e) {
+    return e.stopPropagation();
+  },
+  onTouchEnd: function onTouchEnd(e) {
+    return e.stopPropagation();
+  },
+  onPointerMove: function onPointerMove(e) {
+    return e.stopPropagation();
+  },
+  onPointerUp: function onPointerUp(e) {
+    return e.stopPropagation();
+  },
+  onPointerDown: function onPointerDown(e) {
+    return e.stopPropagation();
+  }
+};
+
 var styles$i = {"container":"micromag-viewer-buttons-button-container","icon":"micromag-viewer-buttons-button-icon","label":"micromag-viewer-buttons-button-label","asLink":"micromag-viewer-buttons-button-asLink","withIcon":"micromag-viewer-buttons-button-withIcon","right":"micromag-viewer-buttons-button-right","icon-right":"micromag-viewer-buttons-button-icon-right","withIconColumns":"micromag-viewer-buttons-button-withIconColumns","linkDisabled":"micromag-viewer-buttons-button-linkDisabled"};
 
 var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "withoutTheme", "asLink", "ariaLabel", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
@@ -1814,26 +1835,6 @@ function HandTap(_ref) {
 
 var styles$2 = {"inner":"micromag-viewer-partials-seek-bar-inner","progressBarContainer":"micromag-viewer-partials-seek-bar-progressBarContainer","progressBar":"micromag-viewer-partials-seek-bar-progressBar","progress":"micromag-viewer-partials-seek-bar-progress","track":"micromag-viewer-partials-seek-bar-track","playHead":"micromag-viewer-partials-seek-bar-playHead","withSeekHead":"micromag-viewer-partials-seek-bar-withSeekHead","scrubbedTime":"micromag-viewer-partials-seek-bar-scrubbedTime","showTimestamp":"micromag-viewer-partials-seek-bar-showTimestamp"};
 
-var stopDragEventsPropagation = {
-  onTouchMove: function onTouchMove(e) {
-    return e.stopPropagation();
-  },
-  onTouchStart: function onTouchStart(e) {
-    return e.stopPropagation();
-  },
-  onTouchEnd: function onTouchEnd(e) {
-    return e.stopPropagation();
-  },
-  onPointerMove: function onPointerMove(e) {
-    return e.stopPropagation();
-  },
-  onPointerUp: function onPointerUp(e) {
-    return e.stopPropagation();
-  },
-  onPointerDown: function onPointerDown(e) {
-    return e.stopPropagation();
-  }
-};
 function getFormattedTimestamp() {
   var secondsWithMs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   if (secondsWithMs === null || secondsWithMs <= 0) {
@@ -2113,12 +2114,14 @@ function PlaybackControls(_ref) {
     });
   }, [controlsTheme, setCustomControlsTheme, defaultColor, defaultProgressColor]);
   var onPlay = useCallback(function () {
+    console.log('onPlay');
     setPlaying(true);
     if (!controlsVisible && controls) {
       showControls();
     }
   }, [setPlaying, controlsVisible, showControls]);
   var onPause = useCallback(function () {
+    console.log('onPause');
     setPlaying(false);
     if (!controlsVisible && controls) {
       showControls();
@@ -2787,6 +2790,7 @@ function Viewer(_ref) {
       _ref11$args = _slicedToArray(_ref11.args, 1),
       bindState = _ref11$args[0];
     setPointerDownTime(null);
+    console.log('bindState', bindState);
     var _ref12 = bindState || {},
       _ref12$playing = _ref12.playing,
       currentPlaying = _ref12$playing === void 0 ? false : _ref12$playing,
@@ -3285,11 +3289,11 @@ function Viewer(_ref) {
         "value": "Go to next screen"
       }]
     })
-  }) : null, !withoutPlaybackControls ? /*#__PURE__*/React.createElement("div", {
+  }) : null, !withoutPlaybackControls ? /*#__PURE__*/React.createElement("div", Object.assign({
     className: styles$7.playbackControls,
     id: "controls",
     ref: playbackControlsContainerRef
-  }, /*#__PURE__*/React.createElement(PlaybackControls, {
+  }, stopDragEventsPropagation), /*#__PURE__*/React.createElement(PlaybackControls, {
     className: styles$7.controls,
     withoutShadow: withoutMenuShadow
   })) : null, withNavigationHint !== false && !withNeighborScreens && !navigationDisabled && screenIndex === 0 && !hasInteracted ? /*#__PURE__*/React.createElement(NavigationHint, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.17",
+    "version": "0.4.20",
     "private": false,
     "description": "",
     "keywords": [
@@ -62,14 +62,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.4.17",
-        "@micromag/element-badge": "^0.4.17",
-        "@micromag/element-scroll": "^0.4.17",
-        "@micromag/element-share-options": "^0.4.17",
-        "@micromag/element-webview": "^0.4.17",
-        "@micromag/elements": "^0.4.17",
-        "@micromag/intl": "^0.4.17",
-        "@micromag/screens": "^0.4.17",
+        "@micromag/core": "^0.4.20",
+        "@micromag/element-badge": "^0.4.20",
+        "@micromag/element-scroll": "^0.4.20",
+        "@micromag/element-share-options": "^0.4.20",
+        "@micromag/element-webview": "^0.4.20",
+        "@micromag/elements": "^0.4.20",
+        "@micromag/intl": "^0.4.20",
+        "@micromag/screens": "^0.4.20",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -88,6 +88,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d9c4b170763e7510eb07100538af44524ca9292c",
+    "gitHead": "cc2002a3386b66c7562f0975e5ecf5d54f178845",
     "types": "es/index.d.ts"
 }