@micromag/element-background 0.3.651 → 0.3.659
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.
- package/es/index.js +8 -8
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -84,15 +84,15 @@ var Background = function Background(_ref) {
|
|
|
84
84
|
onQualityLevelChange = _ref.onQualityLevelChange;
|
|
85
85
|
var _ref2 = media || {},
|
|
86
86
|
_ref2$type = _ref2.type,
|
|
87
|
-
mediaType = _ref2$type ===
|
|
87
|
+
mediaType = _ref2$type === void 0 ? null : _ref2$type,
|
|
88
88
|
_ref2$metadata = _ref2.metadata,
|
|
89
|
-
mediaMetadata = _ref2$metadata ===
|
|
89
|
+
mediaMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
|
|
90
90
|
mediaThumbnailUrl = _ref2.thumbnail_url;
|
|
91
91
|
var _ref3 = mediaMetadata || {},
|
|
92
92
|
_ref3$width = _ref3.width,
|
|
93
|
-
mediaWidth = _ref3$width ===
|
|
93
|
+
mediaWidth = _ref3$width === void 0 ? 0 : _ref3$width,
|
|
94
94
|
_ref3$height = _ref3.height,
|
|
95
|
-
mediaHeight = _ref3$height ===
|
|
95
|
+
mediaHeight = _ref3$height === void 0 ? 0 : _ref3$height;
|
|
96
96
|
var isVideo = mediaType === 'video';
|
|
97
97
|
var isImage = mediaType === 'image';
|
|
98
98
|
|
|
@@ -135,9 +135,9 @@ var Background = function Background(_ref) {
|
|
|
135
135
|
cover: fit === 'cover' || fit === null
|
|
136
136
|
}),
|
|
137
137
|
_getSizeWithinBounds$ = _getSizeWithinBounds.width,
|
|
138
|
-
videoWidth = _getSizeWithinBounds$ ===
|
|
138
|
+
videoWidth = _getSizeWithinBounds$ === void 0 ? 0 : _getSizeWithinBounds$,
|
|
139
139
|
_getSizeWithinBounds$2 = _getSizeWithinBounds.height,
|
|
140
|
-
videoHeight = _getSizeWithinBounds$2 ===
|
|
140
|
+
videoHeight = _getSizeWithinBounds$2 === void 0 ? 0 : _getSizeWithinBounds$2;
|
|
141
141
|
videoContainerStyle.width = videoWidth;
|
|
142
142
|
videoContainerStyle.height = videoHeight;
|
|
143
143
|
videoContainerStyle.left = -(videoWidth - width) / 2;
|
|
@@ -255,9 +255,9 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
|
|
|
255
255
|
className: styles.layers
|
|
256
256
|
}, layers.map(function (_ref3, index) {
|
|
257
257
|
var _ref3$horizontalAlign = _ref3.horizontalAlign,
|
|
258
|
-
horizontalAlign = _ref3$horizontalAlign ===
|
|
258
|
+
horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
|
|
259
259
|
_ref3$verticalAlign = _ref3.verticalAlign,
|
|
260
|
-
verticalAlign = _ref3$verticalAlign ===
|
|
260
|
+
verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
|
|
261
261
|
layer = _objectWithoutProperties(_ref3, _excluded);
|
|
262
262
|
return /*#__PURE__*/React.createElement("div", {
|
|
263
263
|
key: "background-".concat(index),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-background",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.659",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@babel/runtime": "^7.13.10",
|
|
60
60
|
"@folklore/size": "^0.1.20",
|
|
61
|
-
"@micromag/core": "^0.3.
|
|
62
|
-
"@micromag/element-video": "^0.3.
|
|
61
|
+
"@micromag/core": "^0.3.659",
|
|
62
|
+
"@micromag/element-video": "^0.3.659",
|
|
63
63
|
"classnames": "^2.2.6",
|
|
64
64
|
"lodash": "^4.17.21",
|
|
65
65
|
"prop-types": "^15.7.2",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"access": "public",
|
|
71
71
|
"registry": "https://registry.npmjs.org/"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "7c13dad69a7e377cd2f900d95cb95694a3a8fcbb"
|
|
74
74
|
}
|