@micromag/screen-slideshow 0.3.651 → 0.3.655
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +11 -5
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import React, { useState, useCallback, useRef } from 'react';
|
|
7
7
|
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
8
8
|
import { Transitions, ScreenElement } from '@micromag/core/components';
|
|
9
|
-
import { useScreenSize, useViewerContext, useViewerInteraction, useScreenRenderContext } from '@micromag/core/contexts';
|
|
9
|
+
import { useScreenSize, useViewerContext, useViewerInteraction, useScreenRenderContext, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
10
10
|
import { useDimensionObserver } from '@micromag/core/hooks';
|
|
11
11
|
import { isHeaderFilled, isFooterFilled, getFooterProps, isTextFilled } from '@micromag/core/utils';
|
|
12
12
|
import Background from '@micromag/element-background';
|
|
@@ -82,6 +82,9 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
|
|
|
82
82
|
isCapture = _useScreenRenderConte.isCapture;
|
|
83
83
|
var backgroundPlaying = current && (isView || isEdit);
|
|
84
84
|
var mediaShouldLoad = current || preload;
|
|
85
|
+
var _usePlaybackContext = usePlaybackContext(),
|
|
86
|
+
muted = _usePlaybackContext.muted;
|
|
87
|
+
var mediaRef = usePlaybackMediaRef(current);
|
|
85
88
|
var finalSpacing = isPlaceholder ? 5 : spacing;
|
|
86
89
|
var _useState = useState(0),
|
|
87
90
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -108,15 +111,15 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
|
|
|
108
111
|
var _useDimensionObserver = useDimensionObserver(),
|
|
109
112
|
footerRef = _useDimensionObserver.ref,
|
|
110
113
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
111
|
-
footerHeight = _useDimensionObserver2 ===
|
|
114
|
+
footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
112
115
|
var _useDimensionObserver3 = useDimensionObserver(),
|
|
113
116
|
headerRef = _useDimensionObserver3.ref;
|
|
114
117
|
var items = (slides || []).map(function (item, itemI) {
|
|
115
118
|
var _ref2 = item || {},
|
|
116
119
|
_ref2$media = _ref2.media,
|
|
117
|
-
media = _ref2$media ===
|
|
120
|
+
media = _ref2$media === void 0 ? null : _ref2$media,
|
|
118
121
|
_ref2$caption = _ref2.caption,
|
|
119
|
-
caption = _ref2$caption ===
|
|
122
|
+
caption = _ref2$caption === void 0 ? null : _ref2$caption;
|
|
120
123
|
var imageSize = {
|
|
121
124
|
width: width,
|
|
122
125
|
height: height
|
|
@@ -155,7 +158,8 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
|
|
|
155
158
|
isEmpty: !hasImage
|
|
156
159
|
}, mediaShouldLoad ? /*#__PURE__*/React.createElement(Visual, Object.assign({
|
|
157
160
|
className: styles.image,
|
|
158
|
-
media: media
|
|
161
|
+
media: media,
|
|
162
|
+
muted: muted
|
|
159
163
|
}, imageSize, {
|
|
160
164
|
resolution: resolution,
|
|
161
165
|
objectFit: {
|
|
@@ -233,6 +237,8 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
|
|
|
233
237
|
width: width,
|
|
234
238
|
height: height,
|
|
235
239
|
resolution: resolution,
|
|
240
|
+
muted: muted,
|
|
241
|
+
mediaRef: mediaRef,
|
|
236
242
|
playing: backgroundPlaying,
|
|
237
243
|
shouldLoad: mediaShouldLoad,
|
|
238
244
|
withoutVideo: isPreview,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-slideshow",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.655",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"access": "public",
|
|
80
80
|
"registry": "https://registry.npmjs.org/"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "95f1c26afca871334931cda3d49ccc3a2f89ccf9"
|
|
83
83
|
}
|