@micromag/screen-slideshow 0.2.401 → 0.2.406

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 (3) hide show
  1. package/es/index.js +17 -13
  2. package/lib/index.js +17 -13
  3. package/package.json +10 -10
package/es/index.js CHANGED
@@ -26,6 +26,7 @@ var propTypes = {
26
26
  background: PropTypes$1.backgroundElement,
27
27
  callToAction: PropTypes$1.callToAction,
28
28
  current: PropTypes.bool,
29
+ active: PropTypes.bool,
29
30
  transitions: PropTypes$1.transitions,
30
31
  // transitionStagger: PropTypes.number,
31
32
  className: PropTypes.string
@@ -39,12 +40,13 @@ var defaultProps = {
39
40
  background: null,
40
41
  callToAction: null,
41
42
  current: true,
43
+ active: true,
42
44
  transitions: null,
43
45
  // transitionStagger: 50,
44
46
  className: null
45
47
  };
46
48
 
47
- function SlideshowScreen(_ref) {
49
+ var SlideshowScreen = function SlideshowScreen(_ref) {
48
50
  var _ref4;
49
51
 
50
52
  _ref.layout;
@@ -53,6 +55,7 @@ function SlideshowScreen(_ref) {
53
55
  background = _ref.background,
54
56
  callToAction = _ref.callToAction,
55
57
  current = _ref.current,
58
+ active = _ref.active,
56
59
  spacing = _ref.spacing,
57
60
  captionMaxLines = _ref.captionMaxLines,
58
61
  transitions = _ref.transitions,
@@ -183,7 +186,8 @@ function SlideshowScreen(_ref) {
183
186
  background: background,
184
187
  width: width,
185
188
  height: height,
186
- playing: backgroundPlaying
189
+ playing: backgroundPlaying,
190
+ shouldLoad: current || active
187
191
  }) : null, /*#__PURE__*/React.createElement(Container, {
188
192
  width: width,
189
193
  height: height
@@ -204,7 +208,7 @@ function SlideshowScreen(_ref) {
204
208
  animationDisabled: isPreview,
205
209
  focusable: current && isView
206
210
  })) : null)));
207
- }
211
+ };
208
212
 
209
213
  SlideshowScreen.propTypes = propTypes;
210
214
  SlideshowScreen.defaultProps = defaultProps;
@@ -215,8 +219,8 @@ var definition = [{
215
219
  type: 'screen',
216
220
  group: {
217
221
  label: defineMessage({
218
- "id": "6mX2ya",
219
- "defaultMessage": [{
222
+ id: "6mX2ya",
223
+ defaultMessage: [{
220
224
  "type": 0,
221
225
  "value": "Images"
222
226
  }]
@@ -224,8 +228,8 @@ var definition = [{
224
228
  order: 7
225
229
  },
226
230
  title: defineMessage({
227
- "id": "MhGUaY",
228
- "defaultMessage": [{
231
+ id: "MhGUaY",
232
+ defaultMessage: [{
229
233
  "type": 0,
230
234
  "value": "Slideshow"
231
235
  }]
@@ -238,8 +242,8 @@ var definition = [{
238
242
  type: 'screen-layout',
239
243
  defaultValue: 'two-vertical-equal',
240
244
  label: defineMessage({
241
- "id": "4iBXj2",
242
- "defaultMessage": [{
245
+ id: "4iBXj2",
246
+ defaultMessage: [{
243
247
  "type": 0,
244
248
  "value": "Layout"
245
249
  }]
@@ -248,8 +252,8 @@ var definition = [{
248
252
  name: 'slides',
249
253
  type: 'visuals-with-caption',
250
254
  label: defineMessage({
251
- "id": "muYwrB",
252
- "defaultMessage": [{
255
+ id: "muYwrB",
256
+ defaultMessage: [{
253
257
  "type": 0,
254
258
  "value": "Images"
255
259
  }]
@@ -258,8 +262,8 @@ var definition = [{
258
262
  name: 'background',
259
263
  type: 'background',
260
264
  label: defineMessage({
261
- "id": "+MPZRu",
262
- "defaultMessage": [{
265
+ id: "+MPZRu",
266
+ defaultMessage: [{
263
267
  "type": 0,
264
268
  "value": "Background"
265
269
  }]
package/lib/index.js CHANGED
@@ -43,6 +43,7 @@ var propTypes = {
43
43
  background: core.PropTypes.backgroundElement,
44
44
  callToAction: core.PropTypes.callToAction,
45
45
  current: PropTypes__default["default"].bool,
46
+ active: PropTypes__default["default"].bool,
46
47
  transitions: core.PropTypes.transitions,
47
48
  // transitionStagger: PropTypes.number,
48
49
  className: PropTypes__default["default"].string
@@ -56,12 +57,13 @@ var defaultProps = {
56
57
  background: null,
57
58
  callToAction: null,
58
59
  current: true,
60
+ active: true,
59
61
  transitions: null,
60
62
  // transitionStagger: 50,
61
63
  className: null
62
64
  };
63
65
 
64
- function SlideshowScreen(_ref) {
66
+ var SlideshowScreen = function SlideshowScreen(_ref) {
65
67
  var _ref4;
66
68
 
67
69
  _ref.layout;
@@ -70,6 +72,7 @@ function SlideshowScreen(_ref) {
70
72
  background = _ref.background,
71
73
  callToAction = _ref.callToAction,
72
74
  current = _ref.current,
75
+ active = _ref.active,
73
76
  spacing = _ref.spacing,
74
77
  captionMaxLines = _ref.captionMaxLines,
75
78
  transitions = _ref.transitions,
@@ -200,7 +203,8 @@ function SlideshowScreen(_ref) {
200
203
  background: background,
201
204
  width: width,
202
205
  height: height,
203
- playing: backgroundPlaying
206
+ playing: backgroundPlaying,
207
+ shouldLoad: current || active
204
208
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
205
209
  width: width,
206
210
  height: height
@@ -221,7 +225,7 @@ function SlideshowScreen(_ref) {
221
225
  animationDisabled: isPreview,
222
226
  focusable: current && isView
223
227
  })) : null)));
224
- }
228
+ };
225
229
 
226
230
  SlideshowScreen.propTypes = propTypes;
227
231
  SlideshowScreen.defaultProps = defaultProps;
@@ -232,8 +236,8 @@ var definition = [{
232
236
  type: 'screen',
233
237
  group: {
234
238
  label: reactIntl.defineMessage({
235
- "id": "6mX2ya",
236
- "defaultMessage": [{
239
+ id: "6mX2ya",
240
+ defaultMessage: [{
237
241
  "type": 0,
238
242
  "value": "Images"
239
243
  }]
@@ -241,8 +245,8 @@ var definition = [{
241
245
  order: 7
242
246
  },
243
247
  title: reactIntl.defineMessage({
244
- "id": "MhGUaY",
245
- "defaultMessage": [{
248
+ id: "MhGUaY",
249
+ defaultMessage: [{
246
250
  "type": 0,
247
251
  "value": "Slideshow"
248
252
  }]
@@ -255,8 +259,8 @@ var definition = [{
255
259
  type: 'screen-layout',
256
260
  defaultValue: 'two-vertical-equal',
257
261
  label: reactIntl.defineMessage({
258
- "id": "4iBXj2",
259
- "defaultMessage": [{
262
+ id: "4iBXj2",
263
+ defaultMessage: [{
260
264
  "type": 0,
261
265
  "value": "Layout"
262
266
  }]
@@ -265,8 +269,8 @@ var definition = [{
265
269
  name: 'slides',
266
270
  type: 'visuals-with-caption',
267
271
  label: reactIntl.defineMessage({
268
- "id": "muYwrB",
269
- "defaultMessage": [{
272
+ id: "muYwrB",
273
+ defaultMessage: [{
270
274
  "type": 0,
271
275
  "value": "Images"
272
276
  }]
@@ -275,8 +279,8 @@ var definition = [{
275
279
  name: 'background',
276
280
  type: 'background',
277
281
  label: reactIntl.defineMessage({
278
- "id": "+MPZRu",
279
- "defaultMessage": [{
282
+ id: "+MPZRu",
283
+ defaultMessage: [{
280
284
  "type": 0,
281
285
  "value": "Background"
282
286
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-slideshow",
3
- "version": "0.2.401",
3
+ "version": "0.2.406",
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.2.401",
53
- "@micromag/element-background": "^0.2.401",
54
- "@micromag/element-call-to-action": "^0.2.401",
55
- "@micromag/element-container": "^0.2.401",
56
- "@micromag/element-layout": "^0.2.401",
57
- "@micromag/element-text": "^0.2.401",
58
- "@micromag/element-visual": "^0.2.401",
59
- "@micromag/transforms": "^0.2.401",
52
+ "@micromag/core": "^0.2.405",
53
+ "@micromag/element-background": "^0.2.406",
54
+ "@micromag/element-call-to-action": "^0.2.405",
55
+ "@micromag/element-container": "^0.2.405",
56
+ "@micromag/element-layout": "^0.2.405",
57
+ "@micromag/element-text": "^0.2.405",
58
+ "@micromag/element-visual": "^0.2.406",
59
+ "@micromag/transforms": "^0.2.405",
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": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
69
+ "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
70
70
  }