@micromag/screen-audio 0.3.230 → 0.3.233

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 +13 -11
  3. package/lib/index.js +13 -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,24 +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
- withoutVideo: isPreview
296
- }) : null, /*#__PURE__*/React.createElement(Container, {
297
- width: width,
298
- height: height
291
+ className: styles.content
299
292
  }, /*#__PURE__*/React.createElement(Layout, {
300
293
  fullscreen: true,
301
294
  style: !isPlaceholder ? {
302
295
  padding: spacing,
303
296
  paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
304
297
  } : null
305
- }, 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);
306
308
  };
307
309
 
308
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,24 +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
- withoutVideo: isPreview
316
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
317
- width: width,
318
- height: height
311
+ className: styles.content
319
312
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
320
313
  fullscreen: true,
321
314
  style: !isPlaceholder ? {
322
315
  padding: spacing,
323
316
  paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
324
317
  } : null
325
- }, 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);
326
328
  };
327
329
 
328
330
  AudioScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-audio",
3
- "version": "0.3.230",
3
+ "version": "0.3.233",
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.230",
53
- "@micromag/element-audio": "^0.3.230",
54
- "@micromag/element-background": "^0.3.230",
55
- "@micromag/element-call-to-action": "^0.3.230",
56
- "@micromag/element-closed-captions": "^0.3.230",
57
- "@micromag/element-container": "^0.3.230",
58
- "@micromag/element-layout": "^0.3.230",
59
- "@micromag/element-media-controls": "^0.3.230",
60
- "@micromag/transforms": "^0.3.230",
52
+ "@micromag/core": "^0.3.233",
53
+ "@micromag/element-audio": "^0.3.233",
54
+ "@micromag/element-background": "^0.3.233",
55
+ "@micromag/element-call-to-action": "^0.3.233",
56
+ "@micromag/element-closed-captions": "^0.3.233",
57
+ "@micromag/element-container": "^0.3.233",
58
+ "@micromag/element-layout": "^0.3.233",
59
+ "@micromag/element-media-controls": "^0.3.233",
60
+ "@micromag/transforms": "^0.3.233",
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": "e69201dc3a0c466c0140d3f9d382c9873b1cead9"
70
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
71
71
  }