@micromag/element-background 0.3.66 → 0.3.69

package/es/index.js

@@ -14,6 +14,7 @@ var styles = {"container":"micromag-element-background-container","layer":"micro
 var propTypes$1 = {
   width: PropTypes.number,
   height: PropTypes.number,
+  resolution: PropTypes.number,
   fit: PropTypes.oneOf(['contain', 'cover']),
   horizontalAlign: PropTypes.string,
   verticalAlign: PropTypes.string,
@@ -29,6 +30,7 @@ var propTypes$1 = {
 var defaultProps$1 = {
   width: null,
   height: null,
+  resolution: 1,
   fit: null,
   horizontalAlign: 'center',
   verticalAlign: 'center',
@@ -45,6 +47,7 @@ var defaultProps$1 = {
 var Background = function Background(_ref) {
   var width = _ref.width,
       height = _ref.height,
+      resolution = _ref.resolution,
       fit = _ref.fit,
       horizontalAlign = _ref.horizontalAlign,
       verticalAlign = _ref.verticalAlign,
@@ -91,7 +94,9 @@ var Background = function Background(_ref) {
   if (media !== null && (isImage || isVideo && !playing)) {
     var finalUrl = getOptimalImageUrl(isVideo ? {
       url: mediaThumbnailUrl
-    } : media, width, height);
+    } : media, width, height, {
+      resolution: resolution
+    });
     containerStyle.backgroundImage = finalUrl !== null && finalShouldLoad ? "url(\"".concat(finalUrl, "\")") : null;
     containerStyle.backgroundRepeat = repeat && !isVideo ? 'repeat' : 'no-repeat';
     containerStyle.backgroundPosition = [horizontalAlign, verticalAlign].join(' ');
@@ -150,6 +155,7 @@ var _excluded = ["horizontalAlign", "verticalAlign"];
 var propTypes = {
   width: PropTypes.number,
   height: PropTypes.number,
+  resolution: PropTypes.number,
   background: PropTypes.oneOfType([PropTypes$1.backgroundElement, PropTypes.arrayOf(PropTypes$1.backgroundElement)]),
   playing: PropTypes.bool,
   children: PropTypes.node,
@@ -162,6 +168,7 @@ var propTypes = {
 var defaultProps = {
   width: null,
   height: null,
+  resolution: 1,
   background: [],
   playing: false,
   children: null,
@@ -175,6 +182,7 @@ var defaultProps = {
 var BackgroundLayers = function BackgroundLayers(_ref) {
   var width = _ref.width,
       height = _ref.height,
+      resolution = _ref.resolution,
       background = _ref.background,
       playing = _ref.playing,
       children = _ref.children,
@@ -217,6 +225,7 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
     }, /*#__PURE__*/React.createElement(Background, Object.assign({
       width: width,
       height: height,
+      resolution: resolution,
       className: classNames([styles.background, _defineProperty({}, backgroundClassName, backgroundClassName !== null)]),
       playing: playing,
       horizontalAlign: horizontalAlign,

package/lib/index.js

@@ -28,6 +28,7 @@ var styles = {"container":"micromag-element-background-container","layer":"micro
 var propTypes$1 = {
   width: PropTypes__default["default"].number,
   height: PropTypes__default["default"].number,
+  resolution: PropTypes__default["default"].number,
   fit: PropTypes__default["default"].oneOf(['contain', 'cover']),
   horizontalAlign: PropTypes__default["default"].string,
   verticalAlign: PropTypes__default["default"].string,
@@ -43,6 +44,7 @@ var propTypes$1 = {
 var defaultProps$1 = {
   width: null,
   height: null,
+  resolution: 1,
   fit: null,
   horizontalAlign: 'center',
   verticalAlign: 'center',
@@ -59,6 +61,7 @@ var defaultProps$1 = {
 var Background = function Background(_ref) {
   var width = _ref.width,
       height = _ref.height,
+      resolution = _ref.resolution,
       fit = _ref.fit,
       horizontalAlign = _ref.horizontalAlign,
       verticalAlign = _ref.verticalAlign,
@@ -105,7 +108,9 @@ var Background = function Background(_ref) {
   if (media !== null && (isImage || isVideo && !playing)) {
     var finalUrl = utils.getOptimalImageUrl(isVideo ? {
       url: mediaThumbnailUrl
-    } : media, width, height);
+    } : media, width, height, {
+      resolution: resolution
+    });
     containerStyle.backgroundImage = finalUrl !== null && finalShouldLoad ? "url(\"".concat(finalUrl, "\")") : null;
     containerStyle.backgroundRepeat = repeat && !isVideo ? 'repeat' : 'no-repeat';
     containerStyle.backgroundPosition = [horizontalAlign, verticalAlign].join(' ');
@@ -164,6 +169,7 @@ var _excluded = ["horizontalAlign", "verticalAlign"];
 var propTypes = {
   width: PropTypes__default["default"].number,
   height: PropTypes__default["default"].number,
+  resolution: PropTypes__default["default"].number,
   background: PropTypes__default["default"].oneOfType([core.PropTypes.backgroundElement, PropTypes__default["default"].arrayOf(core.PropTypes.backgroundElement)]),
   playing: PropTypes__default["default"].bool,
   children: PropTypes__default["default"].node,
@@ -176,6 +182,7 @@ var propTypes = {
 var defaultProps = {
   width: null,
   height: null,
+  resolution: 1,
   background: [],
   playing: false,
   children: null,
@@ -189,6 +196,7 @@ var defaultProps = {
 var BackgroundLayers = function BackgroundLayers(_ref) {
   var width = _ref.width,
       height = _ref.height,
+      resolution = _ref.resolution,
       background = _ref.background,
       playing = _ref.playing,
       children = _ref.children,
@@ -231,6 +239,7 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Background, Object.assign({
       width: width,
       height: height,
+      resolution: resolution,
       className: classNames__default["default"]([styles.background, _defineProperty__default["default"]({}, backgroundClassName, backgroundClassName !== null)]),
       playing: playing,
       horizontalAlign: horizontalAlign,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-background",
-    "version": "0.3.66",
+    "version": "0.3.69",
     "description": "",
     "keywords": [
         "javascript"
@@ -48,8 +48,8 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.66",
-        "@micromag/element-video": "^0.3.66",
+        "@micromag/core": "^0.3.69",
+        "@micromag/element-video": "^0.3.69",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -59,5 +59,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "264bfc8506d254073e1d55ffb9d8dd97e5b78c0b"
+    "gitHead": "c69c85dbe321ddcd2d57f5d972b456ab76b5da3e"
 }