@micromag/element-background 0.3.463 → 0.3.471

package/es/index.js

@@ -31,6 +31,7 @@ var propTypes$1 = {
   children: PropTypes.node,
   loadingMode: PropTypes.string,
   shouldLoad: PropTypes.bool,
+  onPlayError: PropTypes.func,
   withoutVideo: PropTypes.bool,
   forceMuted: PropTypes.bool
 };
@@ -51,6 +52,7 @@ var defaultProps$1 = {
   children: null,
   loadingMode: 'lazy',
   shouldLoad: true,
+  onPlayError: null,
   withoutVideo: false,
   forceMuted: false
 };
@@ -71,6 +73,7 @@ var Background = function Background(_ref) {
     children = _ref.children,
     loadingMode = _ref.loadingMode,
     shouldLoad = _ref.shouldLoad,
+    onPlayError = _ref.onPlayError,
     withoutVideo = _ref.withoutVideo,
     forceMuted = _ref.forceMuted;
   var _ref2 = media || {},
@@ -150,6 +153,7 @@ var Background = function Background(_ref) {
     paused: !playing,
     muted: muted || forceMuted,
     shouldLoad: shouldLoad,
+    onPlayError: onPlayError,
     disablePictureInPicture: true,
     autoPlay: true,
     loop: true,
@@ -179,7 +183,8 @@ var propTypes = {
     current: PropTypes.any
   })]),
   shouldLoad: PropTypes.bool,
-  withoutVideo: PropTypes.bool
+  withoutVideo: PropTypes.bool,
+  onPlayError: PropTypes.bool
 };
 var defaultProps = {
   width: null,
@@ -195,7 +200,8 @@ var defaultProps = {
   loadingMode: 'lazy',
   mediaRef: null,
   shouldLoad: true,
-  withoutVideo: false
+  withoutVideo: false,
+  onPlayError: null
 };
 var BackgroundLayers = function BackgroundLayers(_ref) {
   var width = _ref.width,
@@ -211,7 +217,8 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
     loadingMode = _ref.loadingMode,
     mediaRef = _ref.mediaRef,
     shouldLoad = _ref.shouldLoad,
-    withoutVideo = _ref.withoutVideo;
+    withoutVideo = _ref.withoutVideo,
+    onPlayError = _ref.onPlayError;
   var hasSize = width > 0 && height > 0;
   var layers = useMemo(function () {
     return getLayersFromBackground(background);
@@ -255,7 +262,8 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
       loadingMode: loadingMode,
       shouldLoad: shouldLoad,
       mediaRef: mediaRef,
-      withoutVideo: withoutVideo
+      withoutVideo: withoutVideo,
+      onPlayError: onPlayError
     }, layer)));
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.content

package/lib/index.js

@@ -35,6 +35,7 @@ var propTypes$1 = {
   children: PropTypes.node,
   loadingMode: PropTypes.string,
   shouldLoad: PropTypes.bool,
+  onPlayError: PropTypes.func,
   withoutVideo: PropTypes.bool,
   forceMuted: PropTypes.bool
 };
@@ -55,6 +56,7 @@ var defaultProps$1 = {
   children: null,
   loadingMode: 'lazy',
   shouldLoad: true,
+  onPlayError: null,
   withoutVideo: false,
   forceMuted: false
 };
@@ -75,6 +77,7 @@ var Background = function Background(_ref) {
     children = _ref.children,
     loadingMode = _ref.loadingMode,
     shouldLoad = _ref.shouldLoad,
+    onPlayError = _ref.onPlayError,
     withoutVideo = _ref.withoutVideo,
     forceMuted = _ref.forceMuted;
   var _ref2 = media || {},
@@ -154,6 +157,7 @@ var Background = function Background(_ref) {
     paused: !playing,
     muted: muted || forceMuted,
     shouldLoad: shouldLoad,
+    onPlayError: onPlayError,
     disablePictureInPicture: true,
     autoPlay: true,
     loop: true,
@@ -183,7 +187,8 @@ var propTypes = {
     current: PropTypes.any
   })]),
   shouldLoad: PropTypes.bool,
-  withoutVideo: PropTypes.bool
+  withoutVideo: PropTypes.bool,
+  onPlayError: PropTypes.bool
 };
 var defaultProps = {
   width: null,
@@ -199,7 +204,8 @@ var defaultProps = {
   loadingMode: 'lazy',
   mediaRef: null,
   shouldLoad: true,
-  withoutVideo: false
+  withoutVideo: false,
+  onPlayError: null
 };
 var BackgroundLayers = function BackgroundLayers(_ref) {
   var width = _ref.width,
@@ -215,7 +221,8 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
     loadingMode = _ref.loadingMode,
     mediaRef = _ref.mediaRef,
     shouldLoad = _ref.shouldLoad,
-    withoutVideo = _ref.withoutVideo;
+    withoutVideo = _ref.withoutVideo,
+    onPlayError = _ref.onPlayError;
   var hasSize = width > 0 && height > 0;
   var layers = React.useMemo(function () {
     return utils.getLayersFromBackground(background);
@@ -259,7 +266,8 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
       loadingMode: loadingMode,
       shouldLoad: shouldLoad,
       mediaRef: mediaRef,
-      withoutVideo: withoutVideo
+      withoutVideo: withoutVideo,
+      onPlayError: onPlayError
     }, layer)));
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.content

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-background",
-    "version": "0.3.463",
+    "version": "0.3.471",
     "private": false,
     "description": "",
     "keywords": [
@@ -57,8 +57,8 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.463",
-        "@micromag/element-video": "^0.3.463",
+        "@micromag/core": "^0.3.465",
+        "@micromag/element-video": "^0.3.465",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "a2eb34209cb2dcbcd6a15d1325a02778543a8bca"
+    "gitHead": "6b03fab564117f8cc3175c9759047c44e03e4987"
 }