@micromag/screen-audio 0.4.88 → 0.4.90-alpha.1

package/es/index.js

@@ -18,7 +18,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 var styles = {"container":"micromag-screen-audio-container","background":"micromag-screen-audio-background","content":"micromag-screen-audio-content","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","empty":"micromag-screen-audio-empty","isPreview":"micromag-screen-audio-isPreview"};
 
 function AudioScreen(t0) {
-  const $ = c(150);
+  const $ = c(151);
   const {
     layout: t1,
     audio: t2,
@@ -427,28 +427,38 @@ function AudioScreen(t0) {
   }
   let t46;
   if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
-    t46 = /*#__PURE__*/jsx(FormattedMessage, {
+    t46 = {
+      width: "50%",
+      height: "50%"
+    };
+    $[85] = t46;
+  } else {
+    t46 = $[85];
+  }
+  let t47;
+  if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
+    t47 = /*#__PURE__*/jsx(FormattedMessage, {
       id: "MYZwSA",
       defaultMessage: "Audio"
     });
-    $[85] = t46;
+    $[86] = t47;
   } else {
-    t46 = $[85];
+    t47 = $[86];
   }
-  const t47 = !hasAudioUrl;
-  let t48;
-  if ($[86] !== customMediaRef || $[87] !== mediaRef) {
-    t48 = mergeRefs(mediaRef, customMediaRef);
-    $[86] = customMediaRef;
-    $[87] = mediaRef;
-    $[88] = t48;
+  const t48 = !hasAudioUrl;
+  let t49;
+  if ($[87] !== customMediaRef || $[88] !== mediaRef) {
+    t49 = mergeRefs(mediaRef, customMediaRef);
+    $[87] = customMediaRef;
+    $[88] = mediaRef;
+    $[89] = t49;
   } else {
-    t48 = $[88];
+    t49 = $[89];
   }
-  const t49 = isIOS || isPreview;
-  let t50;
-  if ($[89] !== color || $[90] !== isPreview || $[91] !== progressColor) {
-    t50 = isPreview ? {
+  const t50 = isIOS || isPreview;
+  let t51;
+  if ($[90] !== color || $[91] !== isPreview || $[92] !== progressColor) {
+    t51 = isPreview ? {
       sampleWidth: 10,
       sampleMargin: 5,
       minSampleHeight: 5,
@@ -458,21 +468,21 @@ function AudioScreen(t0) {
       backgroundColor: color,
       progressColor
     };
-    $[89] = color;
-    $[90] = isPreview;
-    $[91] = progressColor;
-    $[92] = t50;
+    $[90] = color;
+    $[91] = isPreview;
+    $[92] = progressColor;
+    $[93] = t51;
   } else {
-    t50 = $[92];
+    t51 = $[93];
   }
-  const t51 = showWave && withWave;
-  let t52;
-  if ($[93] !== finalAudio || $[94] !== muted || $[95] !== onEnded || $[96] !== onPause || $[97] !== onPlay || $[98] !== onPlayError || $[99] !== onProgressStep || $[100] !== onSeeked || $[101] !== paused || $[102] !== t48 || $[103] !== t49 || $[104] !== t50 || $[105] !== t51) {
-    t52 = /*#__PURE__*/jsx(Audio, {
+  const t52 = showWave && withWave;
+  let t53;
+  if ($[94] !== finalAudio || $[95] !== muted || $[96] !== onEnded || $[97] !== onPause || $[98] !== onPlay || $[99] !== onPlayError || $[100] !== onProgressStep || $[101] !== onSeeked || $[102] !== paused || $[103] !== t49 || $[104] !== t50 || $[105] !== t51 || $[106] !== t52) {
+    t53 = /*#__PURE__*/jsx(Audio, {
       ...finalAudio,
-      mediaRef: t48,
-      waveFake: t49,
-      waveProps: t50,
+      mediaRef: t49,
+      waveFake: t50,
+      waveProps: t51,
       paused: paused,
       muted: muted,
       className: styles.audio,
@@ -485,50 +495,52 @@ function AudioScreen(t0) {
       onSeeked: onSeeked,
       onEnded: onEnded,
       onPlayError: onPlayError,
-      withWave: t51
+      withWave: t52
     });
-    $[93] = finalAudio;
-    $[94] = muted;
-    $[95] = onEnded;
-    $[96] = onPause;
-    $[97] = onPlay;
-    $[98] = onPlayError;
-    $[99] = onProgressStep;
-    $[100] = onSeeked;
-    $[101] = paused;
-    $[102] = t48;
+    $[94] = finalAudio;
+    $[95] = muted;
+    $[96] = onEnded;
+    $[97] = onPause;
+    $[98] = onPlay;
+    $[99] = onPlayError;
+    $[100] = onProgressStep;
+    $[101] = onSeeked;
+    $[102] = paused;
     $[103] = t49;
     $[104] = t50;
     $[105] = t51;
     $[106] = t52;
+    $[107] = t53;
   } else {
-    t52 = $[106];
+    t53 = $[107];
   }
-  let t53;
-  if ($[107] !== t47 || $[108] !== t52) {
-    t53 = /*#__PURE__*/jsx(ScreenElement, {
+  let t54;
+  if ($[108] !== t48 || $[109] !== t53) {
+    t54 = /*#__PURE__*/jsx(ScreenElement, {
       placeholder: "audio",
-      emptyLabel: t46,
+      placeholderProps: t46,
+      placeholderClassName: "position-absolute top-50 start-50 translate-middle w-100",
+      emptyLabel: t47,
       emptyClassName: styles.empty,
-      isEmpty: t47,
-      children: t52
+      isEmpty: t48,
+      children: t53
     }, "audio");
-    $[107] = t47;
-    $[108] = t52;
+    $[108] = t48;
     $[109] = t53;
-  } else {
-    t53 = $[109];
-  }
-  let t54;
-  if ($[110] === Symbol.for("react.memo_cache_sentinel")) {
-    t54 = /*#__PURE__*/jsx(Spacer, {}, "spacer-middle");
     $[110] = t54;
   } else {
     t54 = $[110];
   }
   let t55;
-  if ($[111] !== captions || $[112] !== closedCaptions || $[113] !== current || $[114] !== currentTime || $[115] !== footerProps || $[116] !== hasClosedCaptions || $[117] !== hasFooter || $[118] !== isCapture || $[119] !== isPlaceholder || $[120] !== isPreview || $[121] !== isStatic || $[122] !== spacing || $[123] !== viewerBottomHeight || $[124] !== viewerBottomSidesWidth) {
-    t55 = !isPlaceholder ? /*#__PURE__*/jsxs("div", {
+  if ($[111] === Symbol.for("react.memo_cache_sentinel")) {
+    t55 = /*#__PURE__*/jsx(Spacer, {}, "spacer-middle");
+    $[111] = t55;
+  } else {
+    t55 = $[111];
+  }
+  let t56;
+  if ($[112] !== captions || $[113] !== closedCaptions || $[114] !== current || $[115] !== currentTime || $[116] !== footerProps || $[117] !== hasClosedCaptions || $[118] !== hasFooter || $[119] !== isCapture || $[120] !== isPlaceholder || $[121] !== isPreview || $[122] !== isStatic || $[123] !== spacing || $[124] !== viewerBottomHeight || $[125] !== viewerBottomSidesWidth) {
+    t56 = !isPlaceholder ? /*#__PURE__*/jsxs("div", {
       className: styles.bottom,
       style: {
         transform: current && !isPreview ? `translate(0, -${viewerBottomHeight}px)` : null,
@@ -547,57 +559,57 @@ function AudioScreen(t0) {
         className: styles.callToAction
       }) : null]
     }, "bottom") : null;
-    $[111] = captions;
-    $[112] = closedCaptions;
-    $[113] = current;
-    $[114] = currentTime;
-    $[115] = footerProps;
-    $[116] = hasClosedCaptions;
-    $[117] = hasFooter;
-    $[118] = isCapture;
-    $[119] = isPlaceholder;
-    $[120] = isPreview;
-    $[121] = isStatic;
-    $[122] = spacing;
-    $[123] = viewerBottomHeight;
-    $[124] = viewerBottomSidesWidth;
-    $[125] = t55;
-  } else {
-    t55 = $[125];
+    $[112] = captions;
+    $[113] = closedCaptions;
+    $[114] = current;
+    $[115] = currentTime;
+    $[116] = footerProps;
+    $[117] = hasClosedCaptions;
+    $[118] = hasFooter;
+    $[119] = isCapture;
+    $[120] = isPlaceholder;
+    $[121] = isPreview;
+    $[122] = isStatic;
+    $[123] = spacing;
+    $[124] = viewerBottomHeight;
+    $[125] = viewerBottomSidesWidth;
+    $[126] = t56;
+  } else {
+    t56 = $[126];
   }
-  let t56;
-  if ($[126] !== t44 || $[127] !== t45 || $[128] !== t53 || $[129] !== t55) {
-    t56 = /*#__PURE__*/jsxs(Layout, {
+  let t57;
+  if ($[127] !== t44 || $[128] !== t45 || $[129] !== t54 || $[130] !== t56) {
+    t57 = /*#__PURE__*/jsxs(Layout, {
       fullscreen: true,
       style: t44,
-      children: [t45, t53, t54, t55]
+      children: [t45, t54, t55, t56]
     });
-    $[126] = t44;
-    $[127] = t45;
-    $[128] = t53;
-    $[129] = t55;
+    $[127] = t44;
+    $[128] = t45;
+    $[129] = t54;
     $[130] = t56;
+    $[131] = t57;
   } else {
-    t56 = $[130];
+    t57 = $[131];
   }
-  let t57;
-  if ($[131] !== height || $[132] !== t56 || $[133] !== width) {
-    t57 = /*#__PURE__*/jsx(Container, {
+  let t58;
+  if ($[132] !== height || $[133] !== t57 || $[134] !== width) {
+    t58 = /*#__PURE__*/jsx(Container, {
       width: width,
       height: height,
       className: styles.content,
-      children: t56
+      children: t57
     });
-    $[131] = height;
-    $[132] = t56;
-    $[133] = width;
-    $[134] = t57;
+    $[132] = height;
+    $[133] = t57;
+    $[134] = width;
+    $[135] = t58;
   } else {
-    t57 = $[134];
+    t58 = $[135];
   }
-  let t58;
-  if ($[135] !== background || $[136] !== backgroundPlaying || $[137] !== height || $[138] !== isPlaceholder || $[139] !== isPreview || $[140] !== mediaShouldLoad || $[141] !== muted || $[142] !== resolution || $[143] !== width) {
-    t58 = !isPlaceholder ? /*#__PURE__*/jsx(Background, {
+  let t59;
+  if ($[136] !== background || $[137] !== backgroundPlaying || $[138] !== height || $[139] !== isPlaceholder || $[140] !== isPreview || $[141] !== mediaShouldLoad || $[142] !== muted || $[143] !== resolution || $[144] !== width) {
+    t59 = !isPlaceholder ? /*#__PURE__*/jsx(Background, {
       background: background,
       width: width,
       height: height,
@@ -608,35 +620,35 @@ function AudioScreen(t0) {
       withoutVideo: isPreview,
       className: styles.background
     }) : null;
-    $[135] = background;
-    $[136] = backgroundPlaying;
-    $[137] = height;
-    $[138] = isPlaceholder;
-    $[139] = isPreview;
-    $[140] = mediaShouldLoad;
-    $[141] = muted;
-    $[142] = resolution;
-    $[143] = width;
-    $[144] = t58;
-  } else {
-    t58 = $[144];
-  }
-  let t59;
-  if ($[145] !== ready || $[146] !== t43 || $[147] !== t57 || $[148] !== t58) {
-    t59 = /*#__PURE__*/jsxs("div", {
+    $[136] = background;
+    $[137] = backgroundPlaying;
+    $[138] = height;
+    $[139] = isPlaceholder;
+    $[140] = isPreview;
+    $[141] = mediaShouldLoad;
+    $[142] = muted;
+    $[143] = resolution;
+    $[144] = width;
+    $[145] = t59;
+  } else {
+    t59 = $[145];
+  }
+  let t60;
+  if ($[146] !== ready || $[147] !== t43 || $[148] !== t58 || $[149] !== t59) {
+    t60 = /*#__PURE__*/jsxs("div", {
       className: t43,
       "data-screen-ready": ready,
-      children: [t57, t58]
+      children: [t58, t59]
     });
-    $[145] = ready;
-    $[146] = t43;
-    $[147] = t57;
+    $[146] = ready;
+    $[147] = t43;
     $[148] = t58;
     $[149] = t59;
+    $[150] = t60;
   } else {
-    t59 = $[149];
+    t60 = $[150];
   }
-  return t59;
+  return t60;
 }
 function _temp() {}
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-audio",
-    "version": "0.4.88",
+    "version": "0.4.90-alpha.1",
     "private": false,
     "description": "",
     "keywords": [
@@ -62,15 +62,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.88",
-        "@micromag/element-audio": "^0.4.88",
-        "@micromag/element-background": "^0.4.88",
-        "@micromag/element-closed-captions": "^0.4.88",
-        "@micromag/element-container": "^0.4.88",
-        "@micromag/element-footer": "^0.4.88",
-        "@micromag/element-header": "^0.4.88",
-        "@micromag/element-layout": "^0.4.88",
-        "@micromag/transforms": "^0.4.88",
+        "@micromag/core": "^0.4.90-alpha.1",
+        "@micromag/element-audio": "^0.4.90-alpha.1",
+        "@micromag/element-background": "^0.4.90-alpha.1",
+        "@micromag/element-closed-captions": "^0.4.90-alpha.1",
+        "@micromag/element-container": "^0.4.90-alpha.1",
+        "@micromag/element-footer": "^0.4.90-alpha.1",
+        "@micromag/element-header": "^0.4.90-alpha.1",
+        "@micromag/element-layout": "^0.4.90-alpha.1",
+        "@micromag/transforms": "^0.4.90-alpha.1",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -80,6 +80,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "cf331286bb6037d61e664cd5c961955c136719c6",
+    "gitHead": "a13dd2242ee733dc3b3663354783f0b4395f9926",
     "types": "es/index.d.ts"
 }