@micromag/screen-image-360 0.3.100 → 0.3.106

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 +4 -3
  2. package/lib/index.js +4 -3
  3. package/package.json +15 -15
package/es/index.js CHANGED
@@ -147,7 +147,7 @@ var Image360Screen = function Image360Screen(_ref) {
147
147
  isCapture = _useScreenRenderConte.isCapture;
148
148
 
149
149
  var backgroundPlaying = current && (isView || isEdit);
150
- var backgroundShouldLoad = current || active || !isView;
150
+ var mediaShouldLoad = current || active;
151
151
  var canvasContainerRef = useRef(); // ------------------------------------
152
152
 
153
153
  var hasMedia = image !== null;
@@ -431,7 +431,8 @@ var Image360Screen = function Image360Screen(_ref) {
431
431
  },
432
432
  width: resizedImageWidth,
433
433
  height: resizedImageHeight,
434
- resolution: resolution
434
+ resolution: resolution,
435
+ shouldLoad: mediaShouldLoad
435
436
  })))), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
436
437
  key: "bottom-content",
437
438
  className: styles.bottomContent
@@ -463,7 +464,7 @@ var Image360Screen = function Image360Screen(_ref) {
463
464
  height: height,
464
465
  resolution: resolution,
465
466
  playing: backgroundPlaying,
466
- shouldLoad: backgroundShouldLoad
467
+ shouldLoad: mediaShouldLoad
467
468
  }) : null, /*#__PURE__*/React.createElement(Container, {
468
469
  width: width,
469
470
  height: height
package/lib/index.js CHANGED
@@ -183,7 +183,7 @@ var Image360Screen = function Image360Screen(_ref) {
183
183
  isCapture = _useScreenRenderConte.isCapture;
184
184
 
185
185
  var backgroundPlaying = current && (isView || isEdit);
186
- var backgroundShouldLoad = current || active || !isView;
186
+ var mediaShouldLoad = current || active;
187
187
  var canvasContainerRef = React.useRef(); // ------------------------------------
188
188
 
189
189
  var hasMedia = image !== null;
@@ -467,7 +467,8 @@ var Image360Screen = function Image360Screen(_ref) {
467
467
  },
468
468
  width: resizedImageWidth,
469
469
  height: resizedImageHeight,
470
- resolution: resolution
470
+ resolution: resolution,
471
+ shouldLoad: mediaShouldLoad
471
472
  })))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
472
473
  key: "bottom-content",
473
474
  className: styles.bottomContent
@@ -499,7 +500,7 @@ var Image360Screen = function Image360Screen(_ref) {
499
500
  height: height,
500
501
  resolution: resolution,
501
502
  playing: backgroundPlaying,
502
- shouldLoad: backgroundShouldLoad
503
+ shouldLoad: mediaShouldLoad
503
504
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
504
505
  width: width,
505
506
  height: height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-image-360",
3
- "version": "0.3.100",
3
+ "version": "0.3.106",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -40,25 +40,25 @@
40
40
  "prepare": "../../scripts/prepare-package.sh"
41
41
  },
42
42
  "devDependencies": {
43
- "react": "^16.8.0 || ^17.0.0",
44
- "react-dom": "^16.8.0 || ^17.0.0"
43
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
44
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "react": "^16.8.0 || ^17.0.0",
48
- "react-dom": "^16.8.0 || ^17.0.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.20",
53
- "@micromag/core": "^0.3.91",
54
- "@micromag/element-background": "^0.3.91",
55
- "@micromag/element-call-to-action": "^0.3.100",
56
- "@micromag/element-closed-captions": "^0.3.91",
57
- "@micromag/element-container": "^0.3.91",
58
- "@micromag/element-image": "^0.3.91",
59
- "@micromag/element-media-controls": "^0.3.91",
60
- "@micromag/element-video": "^0.3.91",
61
- "@micromag/transforms": "^0.3.91",
53
+ "@micromag/core": "^0.3.106",
54
+ "@micromag/element-background": "^0.3.106",
55
+ "@micromag/element-call-to-action": "^0.3.106",
56
+ "@micromag/element-closed-captions": "^0.3.106",
57
+ "@micromag/element-container": "^0.3.106",
58
+ "@micromag/element-image": "^0.3.106",
59
+ "@micromag/element-media-controls": "^0.3.106",
60
+ "@micromag/element-video": "^0.3.106",
61
+ "@micromag/transforms": "^0.3.106",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "bd594780d88fcd716c2d7d3c0e735e29c14c64ce"
73
+ "gitHead": "865842ef7fbdc41f89dd0891857989ded63d44c4"
74
74
  }