@micromag/screen-slideshow 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 +14 -12
  3. package/lib/index.js +14 -12
  4. package/package.json +10 -10
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-slideshow-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-slideshow-disabled.micromag-screen-slideshow-container{overflow:hidden;pointer-events:none}.micromag-screen-slideshow-hidden.micromag-screen-slideshow-container{display:none;visibility:hidden}.micromag-screen-slideshow-placeholder.micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:relative;padding:6px}
1
+ .micromag-screen-slideshow-container .micromag-screen-slideshow-background,.micromag-screen-slideshow-container .micromag-screen-slideshow-inner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-slideshow-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-slideshow-disabled.micromag-screen-slideshow-container{overflow:hidden;pointer-events:none}.micromag-screen-slideshow-hidden.micromag-screen-slideshow-container{display:none;visibility:hidden}.micromag-screen-slideshow-placeholder.micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:relative;padding:6px}.micromag-screen-slideshow-container .micromag-screen-slideshow-background{z-index:0}.micromag-screen-slideshow-container .micromag-screen-slideshow-content{z-index:1}
package/es/index.js CHANGED
@@ -15,7 +15,7 @@ import Container from '@micromag/element-container';
15
15
  import Text from '@micromag/element-text';
16
16
  import Visual from '@micromag/element-visual';
17
17
 
18
- var styles = {"container":"micromag-screen-slideshow-container","content":"micromag-screen-slideshow-content","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder"};
18
+ var styles = {"container":"micromag-screen-slideshow-container","background":"micromag-screen-slideshow-background","inner":"micromag-screen-slideshow-inner","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
19
19
 
20
20
  var propTypes = {
21
21
  layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
@@ -184,19 +184,12 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
184
184
  return /*#__PURE__*/React.createElement("div", {
185
185
  className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
186
186
  "data-screen-ready": ready
187
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
188
- background: background,
187
+ }, /*#__PURE__*/React.createElement(Container, {
189
188
  width: width,
190
189
  height: height,
191
- resolution: resolution,
192
- playing: backgroundPlaying,
193
- shouldLoad: mediaShouldLoad,
194
- withoutVideo: isPreview
195
- }) : null, /*#__PURE__*/React.createElement(Container, {
196
- width: width,
197
- height: height
190
+ className: styles.content
198
191
  }, /*#__PURE__*/React.createElement("div", {
199
- className: styles.content,
192
+ className: styles.inner,
200
193
  style: {
201
194
  paddingTop: !isPreview ? viewerTopHeight : null,
202
195
  paddingBottom: (hasCallToAction ? callToActionHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
@@ -217,7 +210,16 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
217
210
  },
218
211
  enableInteraction: enableInteraction,
219
212
  disableInteraction: disableInteraction
220
- })) : null)));
213
+ })) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
214
+ background: background,
215
+ width: width,
216
+ height: height,
217
+ resolution: resolution,
218
+ playing: backgroundPlaying,
219
+ shouldLoad: mediaShouldLoad,
220
+ withoutVideo: isPreview,
221
+ className: styles.background
222
+ }) : null);
221
223
  };
222
224
 
223
225
  SlideshowScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -32,7 +32,7 @@ var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
32
32
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
33
33
  var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
34
34
 
35
- var styles = {"container":"micromag-screen-slideshow-container","content":"micromag-screen-slideshow-content","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder"};
35
+ var styles = {"container":"micromag-screen-slideshow-container","background":"micromag-screen-slideshow-background","inner":"micromag-screen-slideshow-inner","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
36
36
 
37
37
  var propTypes = {
38
38
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
@@ -201,19 +201,12 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
201
201
  return /*#__PURE__*/React__default["default"].createElement("div", {
202
202
  className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
203
203
  "data-screen-ready": ready
204
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
205
- background: background,
204
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
206
205
  width: width,
207
206
  height: height,
208
- resolution: resolution,
209
- playing: backgroundPlaying,
210
- shouldLoad: mediaShouldLoad,
211
- withoutVideo: isPreview
212
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
213
- width: width,
214
- height: height
207
+ className: styles.content
215
208
  }, /*#__PURE__*/React__default["default"].createElement("div", {
216
- className: styles.content,
209
+ className: styles.inner,
217
210
  style: {
218
211
  paddingTop: !isPreview ? viewerTopHeight : null,
219
212
  paddingBottom: (hasCallToAction ? callToActionHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
@@ -234,7 +227,16 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
234
227
  },
235
228
  enableInteraction: enableInteraction,
236
229
  disableInteraction: disableInteraction
237
- })) : null)));
230
+ })) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
231
+ background: background,
232
+ width: width,
233
+ height: height,
234
+ resolution: resolution,
235
+ playing: backgroundPlaying,
236
+ shouldLoad: mediaShouldLoad,
237
+ withoutVideo: isPreview,
238
+ className: styles.background
239
+ }) : null);
238
240
  };
239
241
 
240
242
  SlideshowScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-slideshow",
3
- "version": "0.3.230",
3
+ "version": "0.3.233",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,14 +49,14 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.230",
53
- "@micromag/element-background": "^0.3.230",
54
- "@micromag/element-call-to-action": "^0.3.230",
55
- "@micromag/element-container": "^0.3.230",
56
- "@micromag/element-layout": "^0.3.230",
57
- "@micromag/element-text": "^0.3.230",
58
- "@micromag/element-visual": "^0.3.230",
59
- "@micromag/transforms": "^0.3.230",
52
+ "@micromag/core": "^0.3.233",
53
+ "@micromag/element-background": "^0.3.233",
54
+ "@micromag/element-call-to-action": "^0.3.233",
55
+ "@micromag/element-container": "^0.3.233",
56
+ "@micromag/element-layout": "^0.3.233",
57
+ "@micromag/element-text": "^0.3.233",
58
+ "@micromag/element-visual": "^0.3.233",
59
+ "@micromag/transforms": "^0.3.233",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "e69201dc3a0c466c0140d3f9d382c9873b1cead9"
69
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
70
70
  }