@micromag/viewer 0.4.63 → 0.4.65

package/es/index.js

@@ -2172,7 +2172,7 @@ function PlaybackControls(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     showLoading = _useState2[0],
     setShowLoading = _useState2[1];
-  var mediaUrl = mediaElement !== null ? mediaElement.src : null;
+  var mediaUrl = mediaElement !== null ? mediaElement.currentSrc || mediaElement.src : null;
   var mediaReady = useMediaReady(mediaElement, {
     id: mediaUrl
   });
@@ -2185,6 +2185,15 @@ 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);
@@ -2195,7 +2204,9 @@ function PlaybackControls(_ref) {
     }
     return function () {
       setShowLoading(false);
-      clearTimeout(id);
+      if (id !== null) {
+        clearTimeout(id);
+      }
     };
   }, [ready, buffering, withLoading, setShowLoading]);
   var _useState3 = useState({
@@ -2281,7 +2292,7 @@ function PlaybackControls(_ref) {
     seekBarOnly = _ref3.seekBarOnly;
   var isCollapsed = controls && !controlsVisible && playing || !controls && mediaHasAudio;
   var withSuggestPlay = controlsSuggestPlay && !finalShowLoading && !playing;
-  var playIcon = playing ? /*#__PURE__*/jsx(PauseIcon, {
+  var playIcon = wantedPlaying ? /*#__PURE__*/jsx(PauseIcon, {
     className: styles$1.icon,
     color: "currentColor"
   }) : /*#__PURE__*/jsx(PlayIcon, {
@@ -2311,17 +2322,17 @@ function PlaybackControls(_ref) {
       }),
       withoutBootstrapStyles: true
     }) : null, /*#__PURE__*/jsx(Button$1, {
-      className: classNames([styles$1.playPauseButton, _defineProperty(_defineProperty({}, styles$1.hidden, controlsSuggestPlay && !controls), styles$1.loading, finalShowLoading)]),
+      className: classNames([styles$1.playPauseButton, _defineProperty(_defineProperty({}, styles$1.hidden, withSuggestPlay && !controls), styles$1.loading, finalShowLoading)]),
       style: {
         color: color
       },
-      onClick: playing ? onPause : onPlay,
-      focusable: controls && controlsVisible && (!seekBarOnly || !playing),
+      onClick: wantedPlaying ? onPause : onPlay,
+      focusable: controls && controlsVisible && (!seekBarOnly || !wantedPlaying),
       disabled: finalShowLoading,
       icon: finalShowLoading ? /*#__PURE__*/jsx(Spinner, {
         className: classNames([styles$1.spinner, styles$1.offset])
       }) : playIcon,
-      "aria-pressed": !playing,
+      "aria-pressed": !wantedPlaying,
       "aria-label": finalShowLoading ? intl.formatMessage({
         id: "YyYrXp",
         defaultMessage: [{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.63",
+    "version": "0.4.65",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,14 +63,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.4.63",
-        "@micromag/element-badge": "^0.4.63",
-        "@micromag/element-scroll": "^0.4.63",
-        "@micromag/element-share-options": "^0.4.63",
-        "@micromag/element-webview": "^0.4.63",
-        "@micromag/elements": "^0.4.63",
-        "@micromag/intl": "^0.4.63",
-        "@micromag/screens": "^0.4.63",
+        "@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",
         "@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": "0a6df1a5352c067c3296377d26fadb9b71244345",
+    "gitHead": "33460a352e56298ae450392b04c09503ecfeae05",
     "types": "es/index.d.ts"
 }