@micromag/screen-video 0.3.251 → 0.3.252

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +24 -36
  3. package/lib/index.js +22 -34
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-video-unmuteAndPlayButton{display:inline-block;position:relative;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-video-container .micromag-screen-video-content,.micromag-screen-video-container .micromag-screen-video-empty,.micromag-screen-video-container .micromag-screen-video-emptyContainer,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-video-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-video-disabled.micromag-screen-video-container{overflow:hidden;pointer-events:none}.micromag-screen-video-hidden.micromag-screen-video-container{display:none;visibility:hidden}.micromag-screen-video-placeholder.micromag-screen-video-container .micromag-screen-video-content{position:relative;padding:6px}.micromag-screen-video-container .micromag-screen-video-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-video-container .micromag-screen-video-emptyContainer{top:50%;height:0;padding-bottom:56.25%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-screen-video-container .micromag-screen-video-empty{margin:0}.micromag-screen-video-container .micromag-screen-video-content{overflow:hidden}.micromag-screen-video-container .micromag-screen-video-bottom{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{display:block;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;background-color:rgba(0,0,0,0)}
1
+ .micromag-screen-video-unmuteAndPlayButton{display:inline-block;position:relative;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-video-container .micromag-screen-video-background,.micromag-screen-video-container .micromag-screen-video-empty,.micromag-screen-video-container .micromag-screen-video-emptyContainer,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video,.micromag-screen-video-container .micromag-screen-video-inner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-video-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-video-disabled.micromag-screen-video-container{overflow:hidden;pointer-events:none}.micromag-screen-video-hidden.micromag-screen-video-container{display:none;visibility:hidden}.micromag-screen-video-placeholder.micromag-screen-video-container .micromag-screen-video-content{position:relative;padding:6px}.micromag-screen-video-container .micromag-screen-video-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-video-container .micromag-screen-video-background{z-index:0}.micromag-screen-video-container .micromag-screen-video-content{z-index:1}.micromag-screen-video-container .micromag-screen-video-emptyContainer{top:50%;height:0;padding-bottom:56.25%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-screen-video-container .micromag-screen-video-empty{margin:0}.micromag-screen-video-container .micromag-screen-video-inner{z-index:1;overflow:hidden}.micromag-screen-video-container .micromag-screen-video-bottom{position:absolute;z-index:2;bottom:0;left:0;width:100%;-webkit-transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);-o-transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1)}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{display:block;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;background-color:rgba(0,0,0,0)}
package/es/index.js CHANGED
@@ -7,9 +7,9 @@ import classNames from 'classnames';
7
7
  import PropTypes from 'prop-types';
8
8
  import React, { useState, useEffect, useCallback, useMemo } from 'react';
9
9
  import { PropTypes as PropTypes$1 } from '@micromag/core';
10
- import { ScreenElement, PlaceholderVideo, Empty, Transitions } from '@micromag/core/components';
10
+ import { ScreenElement, PlaceholderVideo, Empty } from '@micromag/core/components';
11
11
  import { useScreenSize, useScreenRenderContext, useViewerNavigation, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerContainer } from '@micromag/core/contexts';
12
- import { useTrackScreenMedia, useActivityDetector, useMediaThumbnail } from '@micromag/core/hooks';
12
+ import { useTrackScreenMedia, useActivityDetector, useDebounce, useMediaThumbnail } from '@micromag/core/hooks';
13
13
  import Background from '@micromag/element-background';
14
14
  import CallToAction from '@micromag/element-call-to-action';
15
15
  import ClosedCaptions from '@micromag/element-closed-captions';
@@ -19,7 +19,7 @@ import Video from '@micromag/element-video';
19
19
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
20
  import { Video as Video$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
21
 
22
- var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","content":"micromag-screen-video-content","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","placeholder":"micromag-screen-video-placeholder","video":"micromag-screen-video-video","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
22
+ var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","background":"micromag-screen-video-background","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","placeholder":"micromag-screen-video-placeholder","video":"micromag-screen-video-video","inner":"micromag-screen-video-inner","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
23
23
 
24
24
  var propTypes = {
25
25
  layout: PropTypes.oneOf(['middle', 'full']),
@@ -58,7 +58,6 @@ var VideoScreen = function VideoScreen(_ref) {
58
58
  callToAction = _ref.callToAction,
59
59
  current = _ref.current,
60
60
  active = _ref.active,
61
- transitions = _ref.transitions,
62
61
  spacing = _ref.spacing,
63
62
  customMediaRef = _ref.mediaRef,
64
63
  className = _ref.className;
@@ -127,9 +126,7 @@ var VideoScreen = function VideoScreen(_ref) {
127
126
  setHasPlayed = _useState2[1];
128
127
 
129
128
  var backgroundPlaying = current && (isView || isEdit);
130
- var videoPlaying = current && (isView || isEdit) && playing; // const shouldDisplayPoster =
131
- // isPreview || isCapture || (isView && active && !current && !hasPlayed);
132
-
129
+ var videoPlaying = current && (isView || isEdit) && playing;
133
130
  var shouldDisplayPoster = isPreview || isCapture;
134
131
  useEffect(function () {
135
132
  if (!current) {
@@ -168,22 +165,19 @@ var VideoScreen = function VideoScreen(_ref) {
168
165
 
169
166
  var _useActivityDetector = useActivityDetector({
170
167
  element: viewerContainer,
171
- disabled: !current || !isView,
168
+ disabled: !isView,
172
169
  timeout: 2000
173
170
  }),
174
171
  activityDetected = _useActivityDetector.detected;
175
172
 
176
- useEffect(function () {
177
- if (!current) {
178
- return;
179
- }
180
-
173
+ var toggleControlsVisibility = useCallback(function () {
181
174
  if (activityDetected) {
182
175
  showControls();
183
176
  } else {
184
177
  hideControls();
185
178
  }
186
- }, [activityDetected, showControls, hideControls]); // Get api state updates from callback
179
+ }, [activityDetected, showControls, hideControls]);
180
+ useDebounce(toggleControlsVisibility, activityDetected, 1000);
187
181
 
188
182
  var _useState3 = useState(null),
189
183
  _useState4 = _slicedToArray(_useState3, 2),
@@ -238,11 +232,8 @@ var VideoScreen = function VideoScreen(_ref) {
238
232
  var _useState7 = useState(hasVideo),
239
233
  _useState8 = _slicedToArray(_useState7, 2),
240
234
  ready = _useState8[0],
241
- setReady = _useState8[1]; // useState(!hasVideo);
235
+ setReady = _useState8[1];
242
236
 
243
-
244
- var transitionPlaying = current && ready;
245
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
246
237
  var finalVideo = useMemo(function () {
247
238
  return hasVideo ? _objectSpread(_objectSpread({}, video), {}, {
248
239
  autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -289,7 +280,16 @@ var VideoScreen = function VideoScreen(_ref) {
289
280
  setPlaying(false);
290
281
  }
291
282
  }, [current, playing, setPlaying]);
292
- var items = [/*#__PURE__*/React.createElement(ScreenElement, {
283
+ return /*#__PURE__*/React.createElement("div", {
284
+ className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.fullscreen, fullscreen), _ref7)]),
285
+ "data-screen-ready": isStatic || isCapture || ready
286
+ }, /*#__PURE__*/React.createElement(Container, {
287
+ width: width,
288
+ height: height,
289
+ className: styles.content
290
+ }, /*#__PURE__*/React.createElement("div", {
291
+ className: styles.inner
292
+ }, /*#__PURE__*/React.createElement(ScreenElement, {
293
293
  key: "video",
294
294
  placeholder: /*#__PURE__*/React.createElement(PlaceholderVideo, Object.assign({
295
295
  className: styles.placeholder
@@ -346,16 +346,12 @@ var VideoScreen = function VideoScreen(_ref) {
346
346
  key: "bottom-content",
347
347
  className: styles.bottom,
348
348
  style: {
349
- transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
349
+ transform: current && !isPreview ? "translate3d(0, -".concat(viewerBottomHeight, "px, 0)") : null,
350
350
  paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
351
351
  paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
352
352
  paddingBottom: spacing / 2,
353
353
  paddingTop: 0
354
354
  }
355
- }, /*#__PURE__*/React.createElement(Transitions, {
356
- playing: transitionPlaying,
357
- transitions: transitions,
358
- disabled: transitionDisabled
359
355
  }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React.createElement(ClosedCaptions, {
360
356
  className: styles.closedCaptions,
361
357
  media: closedCaptions,
@@ -365,23 +361,15 @@ var VideoScreen = function VideoScreen(_ref) {
365
361
  animationDisabled: isPreview,
366
362
  focusable: current && isView,
367
363
  openWebView: openWebView
368
- })) : null)) : null];
369
- return /*#__PURE__*/React.createElement("div", {
370
- className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.fullscreen, fullscreen), _ref7)]),
371
- "data-screen-ready": isStatic || isCapture || ready
372
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
364
+ })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
373
365
  background: background,
374
366
  width: width,
375
367
  height: height,
376
368
  resolution: resolution,
377
369
  playing: backgroundPlaying,
378
- shouldLoad: mediaShouldLoad
379
- }) : null, /*#__PURE__*/React.createElement(Container, {
380
- width: width,
381
- height: height
382
- }, /*#__PURE__*/React.createElement("div", {
383
- className: styles.content
384
- }, items)));
370
+ shouldLoad: mediaShouldLoad,
371
+ withoutVideo: isPreview
372
+ }) : null);
385
373
  };
386
374
 
387
375
  VideoScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -39,7 +39,7 @@ var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
39
39
  var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
40
40
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
41
41
 
42
- var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","content":"micromag-screen-video-content","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","placeholder":"micromag-screen-video-placeholder","video":"micromag-screen-video-video","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
42
+ var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","background":"micromag-screen-video-background","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","placeholder":"micromag-screen-video-placeholder","video":"micromag-screen-video-video","inner":"micromag-screen-video-inner","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
43
43
 
44
44
  var propTypes = {
45
45
  layout: PropTypes__default["default"].oneOf(['middle', 'full']),
@@ -78,7 +78,6 @@ var VideoScreen = function VideoScreen(_ref) {
78
78
  callToAction = _ref.callToAction,
79
79
  current = _ref.current,
80
80
  active = _ref.active,
81
- transitions = _ref.transitions,
82
81
  spacing = _ref.spacing,
83
82
  customMediaRef = _ref.mediaRef,
84
83
  className = _ref.className;
@@ -147,9 +146,7 @@ var VideoScreen = function VideoScreen(_ref) {
147
146
  setHasPlayed = _useState2[1];
148
147
 
149
148
  var backgroundPlaying = current && (isView || isEdit);
150
- var videoPlaying = current && (isView || isEdit) && playing; // const shouldDisplayPoster =
151
- // isPreview || isCapture || (isView && active && !current && !hasPlayed);
152
-
149
+ var videoPlaying = current && (isView || isEdit) && playing;
153
150
  var shouldDisplayPoster = isPreview || isCapture;
154
151
  React.useEffect(function () {
155
152
  if (!current) {
@@ -188,22 +185,19 @@ var VideoScreen = function VideoScreen(_ref) {
188
185
 
189
186
  var _useActivityDetector = hooks.useActivityDetector({
190
187
  element: viewerContainer,
191
- disabled: !current || !isView,
188
+ disabled: !isView,
192
189
  timeout: 2000
193
190
  }),
194
191
  activityDetected = _useActivityDetector.detected;
195
192
 
196
- React.useEffect(function () {
197
- if (!current) {
198
- return;
199
- }
200
-
193
+ var toggleControlsVisibility = React.useCallback(function () {
201
194
  if (activityDetected) {
202
195
  showControls();
203
196
  } else {
204
197
  hideControls();
205
198
  }
206
- }, [activityDetected, showControls, hideControls]); // Get api state updates from callback
199
+ }, [activityDetected, showControls, hideControls]);
200
+ hooks.useDebounce(toggleControlsVisibility, activityDetected, 1000);
207
201
 
208
202
  var _useState3 = React.useState(null),
209
203
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -258,11 +252,8 @@ var VideoScreen = function VideoScreen(_ref) {
258
252
  var _useState7 = React.useState(hasVideo),
259
253
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
260
254
  ready = _useState8[0],
261
- setReady = _useState8[1]; // useState(!hasVideo);
255
+ setReady = _useState8[1];
262
256
 
263
-
264
- var transitionPlaying = current && ready;
265
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
266
257
  var finalVideo = React.useMemo(function () {
267
258
  return hasVideo ? _objectSpread__default["default"](_objectSpread__default["default"]({}, video), {}, {
268
259
  autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -309,7 +300,16 @@ var VideoScreen = function VideoScreen(_ref) {
309
300
  setPlaying(false);
310
301
  }
311
302
  }, [current, playing, setPlaying]);
312
- var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
303
+ return /*#__PURE__*/React__default["default"].createElement("div", {
304
+ className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.fullscreen, fullscreen), _ref7)]),
305
+ "data-screen-ready": isStatic || isCapture || ready
306
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
307
+ width: width,
308
+ height: height,
309
+ className: styles.content
310
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
311
+ className: styles.inner
312
+ }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
313
313
  key: "video",
314
314
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo, Object.assign({
315
315
  className: styles.placeholder
@@ -366,16 +366,12 @@ var VideoScreen = function VideoScreen(_ref) {
366
366
  key: "bottom-content",
367
367
  className: styles.bottom,
368
368
  style: {
369
- transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
369
+ transform: current && !isPreview ? "translate3d(0, -".concat(viewerBottomHeight, "px, 0)") : null,
370
370
  paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
371
371
  paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
372
372
  paddingBottom: spacing / 2,
373
373
  paddingTop: 0
374
374
  }
375
- }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
376
- playing: transitionPlaying,
377
- transitions: transitions,
378
- disabled: transitionDisabled
379
375
  }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default["default"].createElement(ClosedCaptions__default["default"], {
380
376
  className: styles.closedCaptions,
381
377
  media: closedCaptions,
@@ -385,23 +381,15 @@ var VideoScreen = function VideoScreen(_ref) {
385
381
  animationDisabled: isPreview,
386
382
  focusable: current && isView,
387
383
  openWebView: openWebView
388
- })) : null)) : null];
389
- return /*#__PURE__*/React__default["default"].createElement("div", {
390
- className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.fullscreen, fullscreen), _ref7)]),
391
- "data-screen-ready": isStatic || isCapture || ready
392
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
384
+ })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
393
385
  background: background,
394
386
  width: width,
395
387
  height: height,
396
388
  resolution: resolution,
397
389
  playing: backgroundPlaying,
398
- shouldLoad: mediaShouldLoad
399
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
400
- width: width,
401
- height: height
402
- }, /*#__PURE__*/React__default["default"].createElement("div", {
403
- className: styles.content
404
- }, items)));
390
+ shouldLoad: mediaShouldLoad,
391
+ withoutVideo: isPreview
392
+ }) : null);
405
393
  };
406
394
 
407
395
  VideoScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,15 +50,15 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.20",
53
- "@micromag/core": "^0.3.251",
54
- "@micromag/element-background": "^0.3.251",
55
- "@micromag/element-call-to-action": "^0.3.251",
56
- "@micromag/element-closed-captions": "^0.3.251",
57
- "@micromag/element-container": "^0.3.251",
58
- "@micromag/element-image": "^0.3.251",
59
- "@micromag/element-media-controls": "^0.3.251",
60
- "@micromag/element-video": "^0.3.251",
61
- "@micromag/transforms": "^0.3.251",
53
+ "@micromag/core": "^0.3.252",
54
+ "@micromag/element-background": "^0.3.252",
55
+ "@micromag/element-call-to-action": "^0.3.252",
56
+ "@micromag/element-closed-captions": "^0.3.252",
57
+ "@micromag/element-container": "^0.3.252",
58
+ "@micromag/element-image": "^0.3.252",
59
+ "@micromag/element-media-controls": "^0.3.252",
60
+ "@micromag/element-video": "^0.3.252",
61
+ "@micromag/transforms": "^0.3.252",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
71
+ "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
72
72
  }