@micromag/screen-gallery 0.2.404 → 0.2.408

package/es/index.js

@@ -207,6 +207,7 @@ var propTypes = {
   background: PropTypes$1.backgroundElement,
   callToAction: PropTypes$1.callToAction,
   current: PropTypes.bool,
+  active: PropTypes.bool,
   transitions: PropTypes$1.transitions,
   transitionStagger: PropTypes.number,
   className: PropTypes.string
@@ -220,12 +221,13 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   transitions: null,
   transitionStagger: 50,
   className: null
 };
 
-function GalleryScreen(_ref) {
+var GalleryScreen = function GalleryScreen(_ref) {
   var _ref6;
 
   var layout = _ref.layout,
@@ -234,6 +236,7 @@ function GalleryScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       spacing = _ref.spacing,
       captionMaxLines = _ref.captionMaxLines,
       transitions = _ref.transitions,
@@ -257,6 +260,7 @@ function GalleryScreen(_ref) {
       isCapture = _useScreenRenderConte.isCapture;
 
   var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
   var finalSpacing = isPlaceholder ? 5 : spacing;
   var grid = isPlainObject(layoutProps[layout]) ? layoutProps[layout] : {};
   var _grid$layout = grid.layout,
@@ -400,7 +404,8 @@ function GalleryScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: backgroundShouldLoad
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height
@@ -426,7 +431,7 @@ function GalleryScreen(_ref) {
     animationDisabled: isPreview,
     focusable: current && isView
   })) : null)));
-}
+};
 
 GalleryScreen.propTypes = propTypes;
 GalleryScreen.defaultProps = defaultProps;

package/lib/index.js

@@ -229,6 +229,7 @@ var propTypes = {
   background: core.PropTypes.backgroundElement,
   callToAction: core.PropTypes.callToAction,
   current: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool,
   transitions: core.PropTypes.transitions,
   transitionStagger: PropTypes__default["default"].number,
   className: PropTypes__default["default"].string
@@ -242,12 +243,13 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   transitions: null,
   transitionStagger: 50,
   className: null
 };
 
-function GalleryScreen(_ref) {
+var GalleryScreen = function GalleryScreen(_ref) {
   var _ref6;
 
   var layout = _ref.layout,
@@ -256,6 +258,7 @@ function GalleryScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       spacing = _ref.spacing,
       captionMaxLines = _ref.captionMaxLines,
       transitions = _ref.transitions,
@@ -279,6 +282,7 @@ function GalleryScreen(_ref) {
       isCapture = _useScreenRenderConte.isCapture;
 
   var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
   var finalSpacing = isPlaceholder ? 5 : spacing;
   var grid = isPlainObject__default["default"](layoutProps[layout]) ? layoutProps[layout] : {};
   var _grid$layout = grid.layout,
@@ -422,7 +426,8 @@ function GalleryScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: backgroundShouldLoad
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height
@@ -448,7 +453,7 @@ function GalleryScreen(_ref) {
     animationDisabled: isPreview,
     focusable: current && isView
   })) : null)));
-}
+};
 
 GalleryScreen.propTypes = propTypes;
 GalleryScreen.defaultProps = defaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery",
-    "version": "0.2.404",
+    "version": "0.2.408",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,15 +49,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.2.404",
-        "@micromag/element-background": "^0.2.404",
-        "@micromag/element-call-to-action": "^0.2.404",
-        "@micromag/element-container": "^0.2.404",
-        "@micromag/element-grid": "^0.2.404",
-        "@micromag/element-layout": "^0.2.404",
-        "@micromag/element-text": "^0.2.404",
-        "@micromag/element-visual": "^0.2.404",
-        "@micromag/transforms": "^0.2.404",
+        "@micromag/core": "^0.2.405",
+        "@micromag/element-background": "^0.2.407",
+        "@micromag/element-call-to-action": "^0.2.405",
+        "@micromag/element-container": "^0.2.405",
+        "@micromag/element-grid": "^0.2.405",
+        "@micromag/element-layout": "^0.2.405",
+        "@micromag/element-text": "^0.2.405",
+        "@micromag/element-visual": "^0.2.407",
+        "@micromag/transforms": "^0.2.405",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "34d5345cb0dad79206bb6b7a25f02742663023ee"
+    "gitHead": "4bc2ba99622adef74bd0da42cb52d1a575c1a544"
 }