@micromag/viewer 0.4.65 → 0.4.67

package/es/index.js

@@ -2185,15 +2185,6 @@ function PlaybackControls(_ref) {
     buffering = _useMediaState.buffering,
     playing = _useMediaState.playing,
     muted = _useMediaState.muted;
-  console.log({
-    wantedPlaying: wantedPlaying,
-    wantedMuted: wantedMuted,
-    muted: muted,
-    playing: playing,
-    buffering: buffering,
-    showLoading: showLoading,
-    ready: ready
-  });
   useEffect(function () {
     var id = null;
     setShowLoading(false);
@@ -2233,12 +2224,15 @@ function PlaybackControls(_ref) {
     });
   }, [controlsTheme, setCustomControlsTheme, defaultColor, defaultProgressColor]);
   var onPlay = useCallback(function () {
-    // console.log('onPlay');
-    setPlaying(true);
+    if (wantedPlaying && !playing && mediaElement !== null) {
+      mediaElement.play();
+    } else {
+      setPlaying(true);
+    }
     if (!controlsVisible && controls) {
       showControls();
     }
-  }, [setPlaying, controlsVisible, showControls]);
+  }, [setPlaying, controlsVisible, showControls, playing, wantedPlaying]);
   var onPause = useCallback(function () {
     // console.log('onPause');
     setPlaying(false);
@@ -2292,7 +2286,7 @@ function PlaybackControls(_ref) {
     seekBarOnly = _ref3.seekBarOnly;
   var isCollapsed = controls && !controlsVisible && playing || !controls && mediaHasAudio;
   var withSuggestPlay = controlsSuggestPlay && !finalShowLoading && !playing;
-  var playIcon = wantedPlaying ? /*#__PURE__*/jsx(PauseIcon, {
+  var playIcon = playing ? /*#__PURE__*/jsx(PauseIcon, {
     className: styles$1.icon,
     color: "currentColor"
   }) : /*#__PURE__*/jsx(PlayIcon, {
@@ -2326,13 +2320,13 @@ function PlaybackControls(_ref) {
       style: {
         color: color
       },
-      onClick: wantedPlaying ? onPause : onPlay,
-      focusable: controls && controlsVisible && (!seekBarOnly || !wantedPlaying),
+      onClick: playing ? onPause : onPlay,
+      focusable: controls && controlsVisible && (!seekBarOnly || !playing),
       disabled: finalShowLoading,
       icon: finalShowLoading ? /*#__PURE__*/jsx(Spinner, {
         className: classNames([styles$1.spinner, styles$1.offset])
       }) : playIcon,
-      "aria-pressed": !wantedPlaying,
+      "aria-pressed": !playing,
       "aria-label": finalShowLoading ? intl.formatMessage({
         id: "YyYrXp",
         defaultMessage: [{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.65",
+    "version": "0.4.67",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,14 +63,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.4.65",
-        "@micromag/element-badge": "^0.4.65",
-        "@micromag/element-scroll": "^0.4.65",
-        "@micromag/element-share-options": "^0.4.65",
-        "@micromag/element-webview": "^0.4.65",
-        "@micromag/elements": "^0.4.65",
-        "@micromag/intl": "^0.4.65",
-        "@micromag/screens": "^0.4.65",
+        "@micromag/core": "^0.4.66",
+        "@micromag/element-badge": "^0.4.66",
+        "@micromag/element-scroll": "^0.4.66",
+        "@micromag/element-share-options": "^0.4.66",
+        "@micromag/element-webview": "^0.4.66",
+        "@micromag/elements": "^0.4.66",
+        "@micromag/intl": "^0.4.66",
+        "@micromag/screens": "^0.4.66",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "33460a352e56298ae450392b04c09503ecfeae05",
+    "gitHead": "49cf82b5aadf1ca493a56e16accd5c28795c4149",
     "types": "es/index.d.ts"
 }