@micromag/screen-audio 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 +14 -11
  3. package/lib/index.js +14 -11
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-audio-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{position:relative;padding:6px}.micromag-screen-audio-container .micromag-screen-audio-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-audio-container .micromag-screen-audio-audio{position:absolute;bottom:50%;left:0;width:100%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-screen-audio-container .micromag-screen-audio-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-audio-container .micromag-screen-audio-bottom>*{margin-bottom:10px}.micromag-screen-audio-container .micromag-screen-audio-bottom>:last-child{margin-bottom:0}.micromag-screen-audio-container .micromag-screen-audio-empty{width:100%;height:100px;margin:0 auto}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}
1
+ .micromag-screen-audio-container .micromag-screen-audio-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-audio-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{position:relative;padding:6px}.micromag-screen-audio-container .micromag-screen-audio-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-audio-container .micromag-screen-audio-background{z-index:0}.micromag-screen-audio-container .micromag-screen-audio-content{z-index:1}.micromag-screen-audio-container .micromag-screen-audio-audio{position:absolute;bottom:50%;left:0;width:100%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-screen-audio-container .micromag-screen-audio-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-audio-container .micromag-screen-audio-bottom>*{margin-bottom:10px}.micromag-screen-audio-container .micromag-screen-audio-bottom>:last-child{margin-bottom:0}.micromag-screen-audio-container .micromag-screen-audio-empty{width:100%;height:100px;margin:0 auto}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}
package/es/index.js CHANGED
@@ -19,7 +19,7 @@ import Layout, { Spacer } from '@micromag/element-layout';
19
19
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
20
  import { Audio as Audio$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
21
 
22
- var styles = {"container":"micromag-screen-audio-container","disabled":"micromag-screen-audio-disabled","hidden":"micromag-screen-audio-hidden","placeholder":"micromag-screen-audio-placeholder","content":"micromag-screen-audio-content","empty":"micromag-screen-audio-empty","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","isPreview":"micromag-screen-audio-isPreview"};
22
+ var styles = {"container":"micromag-screen-audio-container","background":"micromag-screen-audio-background","disabled":"micromag-screen-audio-disabled","hidden":"micromag-screen-audio-hidden","placeholder":"micromag-screen-audio-placeholder","content":"micromag-screen-audio-content","empty":"micromag-screen-audio-empty","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","isPreview":"micromag-screen-audio-isPreview"};
23
23
 
24
24
  var propTypes = {
25
25
  layout: PropTypes.oneOf(['middle']),
@@ -285,23 +285,26 @@ var AudioScreen = function AudioScreen(_ref) {
285
285
  return /*#__PURE__*/React.createElement("div", {
286
286
  className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.placeholder, isPlaceholder), _defineProperty(_ref8, styles.isPreview, isPreview), _ref8)]),
287
287
  "data-screen-ready": ready
288
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
289
- background: background,
288
+ }, /*#__PURE__*/React.createElement(Container, {
290
289
  width: width,
291
290
  height: height,
292
- resolution: resolution,
293
- playing: backgroundPlaying,
294
- shouldLoad: mediaShouldLoad
295
- }) : null, /*#__PURE__*/React.createElement(Container, {
296
- width: width,
297
- height: height
291
+ className: styles.content
298
292
  }, /*#__PURE__*/React.createElement(Layout, {
299
293
  fullscreen: true,
300
294
  style: !isPlaceholder ? {
301
295
  padding: spacing,
302
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing
296
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
303
297
  } : null
304
- }, elements)));
298
+ }, elements)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
299
+ background: background,
300
+ width: width,
301
+ height: height,
302
+ resolution: resolution,
303
+ playing: backgroundPlaying,
304
+ shouldLoad: mediaShouldLoad,
305
+ withoutVideo: isPreview,
306
+ className: styles.background
307
+ }) : null);
305
308
  };
306
309
 
307
310
  AudioScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -39,7 +39,7 @@ var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
39
39
  var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
40
40
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
41
41
 
42
- var styles = {"container":"micromag-screen-audio-container","disabled":"micromag-screen-audio-disabled","hidden":"micromag-screen-audio-hidden","placeholder":"micromag-screen-audio-placeholder","content":"micromag-screen-audio-content","empty":"micromag-screen-audio-empty","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","isPreview":"micromag-screen-audio-isPreview"};
42
+ var styles = {"container":"micromag-screen-audio-container","background":"micromag-screen-audio-background","disabled":"micromag-screen-audio-disabled","hidden":"micromag-screen-audio-hidden","placeholder":"micromag-screen-audio-placeholder","content":"micromag-screen-audio-content","empty":"micromag-screen-audio-empty","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","isPreview":"micromag-screen-audio-isPreview"};
43
43
 
44
44
  var propTypes = {
45
45
  layout: PropTypes__default["default"].oneOf(['middle']),
@@ -305,23 +305,26 @@ var AudioScreen = function AudioScreen(_ref) {
305
305
  return /*#__PURE__*/React__default["default"].createElement("div", {
306
306
  className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.placeholder, isPlaceholder), _defineProperty__default["default"](_ref8, styles.isPreview, isPreview), _ref8)]),
307
307
  "data-screen-ready": ready
308
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
309
- background: background,
308
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
310
309
  width: width,
311
310
  height: height,
312
- resolution: resolution,
313
- playing: backgroundPlaying,
314
- shouldLoad: mediaShouldLoad
315
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
316
- width: width,
317
- height: height
311
+ className: styles.content
318
312
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
319
313
  fullscreen: true,
320
314
  style: !isPlaceholder ? {
321
315
  padding: spacing,
322
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing
316
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
323
317
  } : null
324
- }, elements)));
318
+ }, elements)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
319
+ background: background,
320
+ width: width,
321
+ height: height,
322
+ resolution: resolution,
323
+ playing: backgroundPlaying,
324
+ shouldLoad: mediaShouldLoad,
325
+ withoutVideo: isPreview,
326
+ className: styles.background
327
+ }) : null);
325
328
  };
326
329
 
327
330
  AudioScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.251",
53
- "@micromag/element-audio": "^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-layout": "^0.3.251",
59
- "@micromag/element-media-controls": "^0.3.251",
60
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.252",
53
+ "@micromag/element-audio": "^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-layout": "^0.3.252",
59
+ "@micromag/element-media-controls": "^0.3.252",
60
+ "@micromag/transforms": "^0.3.252",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
70
+ "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
71
71
  }