@micromag/screen-slideshow 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 +16 -12
  3. package/lib/index.js +16 -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']),
@@ -156,6 +156,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
156
156
  },
157
157
  playing: backgroundPlaying,
158
158
  active: active,
159
+ withoutVideo: isPreview,
159
160
  onLoaded: onImageLoaded
160
161
  })) : null))), withCaptions ? /*#__PURE__*/React.createElement(Transitions, {
161
162
  transitions: transitions,
@@ -183,20 +184,14 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
183
184
  return /*#__PURE__*/React.createElement("div", {
184
185
  className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
185
186
  "data-screen-ready": ready
186
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
187
- background: background,
187
+ }, /*#__PURE__*/React.createElement(Container, {
188
188
  width: width,
189
189
  height: height,
190
- resolution: resolution,
191
- playing: backgroundPlaying,
192
- shouldLoad: mediaShouldLoad
193
- }) : null, /*#__PURE__*/React.createElement(Container, {
194
- width: width,
195
- height: height
190
+ className: styles.content
196
191
  }, /*#__PURE__*/React.createElement("div", {
197
- className: styles.content,
192
+ className: styles.inner,
198
193
  style: {
199
- paddingTop: current && !isPreview ? viewerTopHeight : null,
194
+ paddingTop: !isPreview ? viewerTopHeight : null,
200
195
  paddingBottom: (hasCallToAction ? callToActionHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
201
196
  }
202
197
  }, items, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
@@ -215,7 +210,16 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
215
210
  },
216
211
  enableInteraction: enableInteraction,
217
212
  disableInteraction: disableInteraction
218
- })) : 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);
219
223
  };
220
224
 
221
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']),
@@ -173,6 +173,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
173
173
  },
174
174
  playing: backgroundPlaying,
175
175
  active: active,
176
+ withoutVideo: isPreview,
176
177
  onLoaded: onImageLoaded
177
178
  })) : null))), withCaptions ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
178
179
  transitions: transitions,
@@ -200,20 +201,14 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
200
201
  return /*#__PURE__*/React__default["default"].createElement("div", {
201
202
  className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
202
203
  "data-screen-ready": ready
203
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
204
- background: background,
204
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
205
205
  width: width,
206
206
  height: height,
207
- resolution: resolution,
208
- playing: backgroundPlaying,
209
- shouldLoad: mediaShouldLoad
210
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
211
- width: width,
212
- height: height
207
+ className: styles.content
213
208
  }, /*#__PURE__*/React__default["default"].createElement("div", {
214
- className: styles.content,
209
+ className: styles.inner,
215
210
  style: {
216
- paddingTop: current && !isPreview ? viewerTopHeight : null,
211
+ paddingTop: !isPreview ? viewerTopHeight : null,
217
212
  paddingBottom: (hasCallToAction ? callToActionHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
218
213
  }
219
214
  }, items, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -232,7 +227,16 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
232
227
  },
233
228
  enableInteraction: enableInteraction,
234
229
  disableInteraction: disableInteraction
235
- })) : 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);
236
240
  };
237
241
 
238
242
  SlideshowScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-slideshow",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
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.251",
53
- "@micromag/element-background": "^0.3.251",
54
- "@micromag/element-call-to-action": "^0.3.251",
55
- "@micromag/element-container": "^0.3.251",
56
- "@micromag/element-layout": "^0.3.251",
57
- "@micromag/element-text": "^0.3.251",
58
- "@micromag/element-visual": "^0.3.251",
59
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.252",
53
+ "@micromag/element-background": "^0.3.252",
54
+ "@micromag/element-call-to-action": "^0.3.252",
55
+ "@micromag/element-container": "^0.3.252",
56
+ "@micromag/element-layout": "^0.3.252",
57
+ "@micromag/element-text": "^0.3.252",
58
+ "@micromag/element-visual": "^0.3.252",
59
+ "@micromag/transforms": "^0.3.252",
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": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
69
+ "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
70
70
  }