@micromag/core 0.3.108 → 0.3.110

package/es/components.js

@@ -2628,7 +2628,7 @@ PropTypes$1.shape({
   loop: PropTypes$1.bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes$1.bool,
-  withPlayPause: PropTypes$1.bool
+  withControls: PropTypes$1.bool
 });
 var visualElement = PropTypes$1.shape({
   media: imageMedia

package/es/index.js

@@ -287,7 +287,7 @@ var videoElement = PropTypes$1.shape({
   loop: PropTypes$1.bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes$1.bool,
-  withPlayPause: PropTypes$1.bool
+  withControls: PropTypes$1.bool
 });
 var visualElement = PropTypes$1.shape({
   media: imageMedia

package/es/utils.js

@@ -404,6 +404,15 @@ var getScreenExtraField = function getScreenExtraField(intl) {
   };
 };
 
+function getShadowCoords(angle, distance) {
+  var x = Math.cos(angle) * distance;
+  var y = Math.sin(angle) * distance;
+  return {
+    x: x,
+    y: y
+  };
+}
+
 var getStyleFromColor = function getStyleFromColor() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
@@ -436,17 +445,22 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
   }
 
   var _ref = value || {},
-      _ref$shadowHorizontal = _ref.shadowHorizontalOffset,
-      shadowHorizontalOffset = _ref$shadowHorizontal === void 0 ? 0 : _ref$shadowHorizontal,
-      _ref$shadowVerticalOf = _ref.shadowVerticalOffset,
-      shadowVerticalOffset = _ref$shadowVerticalOf === void 0 ? 0 : _ref$shadowVerticalOf,
+      _ref$shadowAngle = _ref.shadowAngle,
+      shadowAngle = _ref$shadowAngle === void 0 ? 0 : _ref$shadowAngle,
+      _ref$shadowDistance = _ref.shadowDistance,
+      shadowDistance = _ref$shadowDistance === void 0 ? 5 : _ref$shadowDistance,
       _ref$shadowBlur = _ref.shadowBlur,
       shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
       _ref$shadowColor = _ref.shadowColor,
       shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
 
   var color = getColorAsString(shadowColor);
-  var boxShadow = "".concat(shadowHorizontalOffset, "px ").concat(shadowVerticalOffset, "px ").concat(shadowBlur, "px 0 ").concat(color);
+
+  var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
+      x = _getShadowCoords.x,
+      y = _getShadowCoords.y;
+
+  var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(shadowBlur, "px 0 ").concat(color);
   return {
     boxShadow: boxShadow
   };
@@ -477,10 +491,10 @@ var getStyleFromBox = function getStyleFromBox(value) {
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
       borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
-      _value$shadowHorizont = value.shadowHorizontalOffset,
-      shadowHorizontalOffset = _value$shadowHorizont === void 0 ? null : _value$shadowHorizont,
-      _value$shadowVertical = value.shadowVerticalOffset,
-      shadowVerticalOffset = _value$shadowVertical === void 0 ? null : _value$shadowVertical,
+      _value$shadowAngle = value.shadowAngle,
+      shadowAngle = _value$shadowAngle === void 0 ? null : _value$shadowAngle,
+      _value$shadowDistance = value.shadowDistance,
+      shadowDistance = _value$shadowDistance === void 0 ? null : _value$shadowDistance,
       _value$shadowBlur = value.shadowBlur,
       shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
       _value$shadowColor = value.shadowColor,
@@ -491,8 +505,8 @@ var getStyleFromBox = function getStyleFromBox(value) {
     color: borderColor
   };
   var shadow = {
-    shadowHorizontalOffset: shadowHorizontalOffset,
-    shadowVerticalOffset: shadowVerticalOffset,
+    shadowAngle: shadowAngle,
+    shadowDistance: shadowDistance,
     shadowBlur: shadowBlur,
     shadowColor: shadowColor
   };
@@ -513,7 +527,7 @@ var getStyleFromBox = function getStyleFromBox(value) {
 
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), shadowAngle ? getStyleFromShadow(shadow) : null), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop
@@ -836,4 +850,4 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
   return tinycolor(color).spin(30).toString();
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
+export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getShadowCoords, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };

package/lib/components.js

@@ -2651,7 +2651,7 @@ PropTypes__default["default"].shape({
   loop: PropTypes__default["default"].bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes__default["default"].bool,
-  withPlayPause: PropTypes__default["default"].bool
+  withControls: PropTypes__default["default"].bool
 });
 var visualElement = PropTypes__default["default"].shape({
   media: imageMedia

package/lib/index.js

@@ -314,7 +314,7 @@ var videoElement = PropTypes__default["default"].shape({
   loop: PropTypes__default["default"].bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes__default["default"].bool,
-  withPlayPause: PropTypes__default["default"].bool
+  withControls: PropTypes__default["default"].bool
 });
 var visualElement = PropTypes__default["default"].shape({
   media: imageMedia

package/lib/utils.js

@@ -421,6 +421,15 @@ var getScreenExtraField = function getScreenExtraField(intl) {
   };
 };
 
+function getShadowCoords(angle, distance) {
+  var x = Math.cos(angle) * distance;
+  var y = Math.sin(angle) * distance;
+  return {
+    x: x,
+    y: y
+  };
+}
+
 var getStyleFromColor = function getStyleFromColor() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
@@ -453,17 +462,22 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
   }
 
   var _ref = value || {},
-      _ref$shadowHorizontal = _ref.shadowHorizontalOffset,
-      shadowHorizontalOffset = _ref$shadowHorizontal === void 0 ? 0 : _ref$shadowHorizontal,
-      _ref$shadowVerticalOf = _ref.shadowVerticalOffset,
-      shadowVerticalOffset = _ref$shadowVerticalOf === void 0 ? 0 : _ref$shadowVerticalOf,
+      _ref$shadowAngle = _ref.shadowAngle,
+      shadowAngle = _ref$shadowAngle === void 0 ? 0 : _ref$shadowAngle,
+      _ref$shadowDistance = _ref.shadowDistance,
+      shadowDistance = _ref$shadowDistance === void 0 ? 5 : _ref$shadowDistance,
       _ref$shadowBlur = _ref.shadowBlur,
       shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
       _ref$shadowColor = _ref.shadowColor,
       shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
 
   var color = getColorAsString(shadowColor);
-  var boxShadow = "".concat(shadowHorizontalOffset, "px ").concat(shadowVerticalOffset, "px ").concat(shadowBlur, "px 0 ").concat(color);
+
+  var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
+      x = _getShadowCoords.x,
+      y = _getShadowCoords.y;
+
+  var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(shadowBlur, "px 0 ").concat(color);
   return {
     boxShadow: boxShadow
   };
@@ -494,10 +508,10 @@ var getStyleFromBox = function getStyleFromBox(value) {
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
       borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
-      _value$shadowHorizont = value.shadowHorizontalOffset,
-      shadowHorizontalOffset = _value$shadowHorizont === void 0 ? null : _value$shadowHorizont,
-      _value$shadowVertical = value.shadowVerticalOffset,
-      shadowVerticalOffset = _value$shadowVertical === void 0 ? null : _value$shadowVertical,
+      _value$shadowAngle = value.shadowAngle,
+      shadowAngle = _value$shadowAngle === void 0 ? null : _value$shadowAngle,
+      _value$shadowDistance = value.shadowDistance,
+      shadowDistance = _value$shadowDistance === void 0 ? null : _value$shadowDistance,
       _value$shadowBlur = value.shadowBlur,
       shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
       _value$shadowColor = value.shadowColor,
@@ -508,8 +522,8 @@ var getStyleFromBox = function getStyleFromBox(value) {
     color: borderColor
   };
   var shadow = {
-    shadowHorizontalOffset: shadowHorizontalOffset,
-    shadowVerticalOffset: shadowVerticalOffset,
+    shadowAngle: shadowAngle,
+    shadowDistance: shadowDistance,
     shadowBlur: shadowBlur,
     shadowColor: shadowColor
   };
@@ -530,7 +544,7 @@ var getStyleFromBox = function getStyleFromBox(value) {
 
   return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), shadowAngle ? getStyleFromShadow(shadow) : null), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop
@@ -881,6 +895,7 @@ exports.getMediaFilesAsArray = getMediaFilesAsArray;
 exports.getOptimalImageUrl = getOptimalImageUrl;
 exports.getScreenExtraField = getScreenExtraField;
 exports.getSecondsFromTime = getSecondsFromTime;
+exports.getShadowCoords = getShadowCoords;
 exports.getStyleFromBorder = getStyleFromBorder;
 exports.getStyleFromBox = getStyleFromBox;
 exports.getStyleFromColor = getStyleFromColor;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.108",
+    "version": "0.3.110",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d7681b84be82b08eff5ed444f910ed367f235f4e"
+    "gitHead": "a4a09bb4e14c7ee52330258a2e9a02b3cc8809a7"
 }