@micromag/core 0.3.307 → 0.3.318

package/es/utils.js

@@ -23,134 +23,116 @@ var convertStyleToString = function convertStyleToString(style) {
 };
 
 /*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
 // @note vendoring this: https://github.com/feross/clipboard-copy/blob/master/index.js
 // we might want to add that to the npm deps and just use it
+
 function makeError() {
   return new DOMException('The request is not allowed', 'NotAllowedError');
 }
-
 function copyClipboardApi(_x) {
   return _copyClipboardApi.apply(this, arguments);
 }
-
 function _copyClipboardApi() {
   _copyClipboardApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (navigator.clipboard) {
-              _context.next = 2;
-              break;
-            }
-
-            throw makeError();
-
-          case 2:
-            return _context.abrupt("return", navigator.clipboard.writeText(text));
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (navigator.clipboard) {
+            _context.next = 2;
+            break;
+          }
+          throw makeError();
+        case 2:
+          return _context.abrupt("return", navigator.clipboard.writeText(text));
+        case 3:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
   return _copyClipboardApi.apply(this, arguments);
 }
-
 function copyExecCommand(_x2) {
   return _copyExecCommand.apply(this, arguments);
 }
-
 function _copyExecCommand() {
   _copyExecCommand = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
     var span, selection, range, success;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            // Put the text to copy into a <span>
-            span = document.createElement('span');
-            span.textContent = text; // Preserve consecutive spaces and newlines
-
-            span.style.whiteSpace = 'pre';
-            span.style.webkitUserSelect = 'auto';
-            span.style.userSelect = 'all'; // Add the <span> to the page
-
-            document.body.appendChild(span); // Make a selection object representing the range of text selected by the user
-
-            selection = window.getSelection();
-            range = window.document.createRange();
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          // Put the text to copy into a <span>
+          span = document.createElement('span');
+          span.textContent = text;
+
+          // Preserve consecutive spaces and newlines
+          span.style.whiteSpace = 'pre';
+          span.style.webkitUserSelect = 'auto';
+          span.style.userSelect = 'all';
+
+          // Add the <span> to the page
+          document.body.appendChild(span);
+
+          // Make a selection object representing the range of text selected by the user
+          selection = window.getSelection();
+          range = window.document.createRange();
+          selection.removeAllRanges();
+          range.selectNode(span);
+          selection.addRange(range);
+
+          // Copy text to the clipboard
+          success = false;
+          try {
+            success = window.document.execCommand('copy');
+          } finally {
+            // Cleanup
             selection.removeAllRanges();
-            range.selectNode(span);
-            selection.addRange(range); // Copy text to the clipboard
-
-            success = false;
-
-            try {
-              success = window.document.execCommand('copy');
-            } finally {
-              // Cleanup
-              selection.removeAllRanges();
-              window.document.body.removeChild(span);
-            }
-
-            if (success) {
-              _context2.next = 15;
-              break;
-            }
-
-            throw makeError();
-
-          case 15:
-          case "end":
-            return _context2.stop();
-        }
+            window.document.body.removeChild(span);
+          }
+          if (success) {
+            _context2.next = 15;
+            break;
+          }
+          throw makeError();
+        case 15:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   }));
   return _copyExecCommand.apply(this, arguments);
 }
-
 function copyToClipboard(_x3) {
   return _copyToClipboard.apply(this, arguments);
 }
-
 function _copyToClipboard() {
   _copyToClipboard = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text) {
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.prev = 0;
-            _context3.next = 3;
-            return copyClipboardApi(text);
-
-          case 3:
-            _context3.next = 15;
-            break;
-
-          case 5:
-            _context3.prev = 5;
-            _context3.t0 = _context3["catch"](0);
-            _context3.prev = 7;
-            _context3.next = 10;
-            return copyExecCommand(text);
-
-          case 10:
-            _context3.next = 15;
-            break;
-
-          case 12:
-            _context3.prev = 12;
-            _context3.t1 = _context3["catch"](7);
-            throw _context3.t1 || _context3.t0 || makeError();
-
-          case 15:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          _context3.next = 3;
+          return copyClipboardApi(text);
+        case 3:
+          _context3.next = 15;
+          break;
+        case 5:
+          _context3.prev = 5;
+          _context3.t0 = _context3["catch"](0);
+          _context3.prev = 7;
+          _context3.next = 10;
+          return copyExecCommand(text);
+        case 10:
+          _context3.next = 15;
+          break;
+        case 12:
+          _context3.prev = 12;
+          _context3.t1 = _context3["catch"](7);
+          throw _context3.t1 || _context3.t0 || makeError();
+        case 15:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3, null, [[0, 5], [7, 12]]);
   }));
@@ -161,17 +143,14 @@ var createNullableOnChange = function createNullableOnChange() {
   var onChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return function (newValue) {
     var nullableValue = newValue;
-
     if (isObject(newValue)) {
       var allNull = Object.keys(newValue).reduce(function (acc, key) {
         return acc && newValue[key] === null;
       }, true);
-
       if (allNull) {
         nullableValue = null;
       }
     }
-
     if (onChange !== null) {
       onChange(nullableValue);
     }
@@ -185,7 +164,6 @@ var createUseEvent = function createUseEvent(eventsManager) {
       if (enabled && eventsManager !== null) {
         eventsManager.subscribe(event, callback);
       }
-
       return function () {
         if (enabled && eventsManager !== null) {
           eventsManager.unsubscribe(event, callback);
@@ -286,19 +264,16 @@ var easings = {
 var getColorAsString = function getColorAsString() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var overideAlpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
   if (value === null) {
     return null;
   }
-
   var _ref = isString(value) ? {
-    color: value
-  } : value,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? null : _ref$color,
-      _ref$alpha = _ref.alpha,
-      alpha = _ref$alpha === void 0 ? null : _ref$alpha;
-
+      color: value
+    } : value,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? null : _ref$color,
+    _ref$alpha = _ref.alpha,
+    alpha = _ref$alpha === void 0 ? null : _ref$alpha;
   return alpha !== null || overideAlpha !== null ? tinycolor(color).setAlpha(overideAlpha !== null ? overideAlpha : alpha).toRgbString() : color;
 };
 
@@ -306,11 +281,9 @@ var getComponentFromName = function getComponentFromName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var components = arguments.length > 1 ? arguments[1] : undefined;
   var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   if (components === null || name === null) {
     return defaultComponent;
   }
-
   var pascalName = pascalCase(name);
   return components[pascalName] || components[name] || defaultComponent;
 };
@@ -329,17 +302,18 @@ var deviceScreens = [{
 }, {
   name: 'very-large',
   mediaQuery: 'only screen and (min-width: 1600px)'
-}]; // eslint-disable-next-line import/prefer-default-export
+}];
 
+// eslint-disable-next-line import/prefer-default-export
 var getDeviceScreens = function getDeviceScreens() {
   return deviceScreens;
 };
 
 var getDisplayName = function getDisplayName(_ref) {
   var _ref$displayName = _ref.displayName,
-      displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? null : _ref$name;
+    displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? null : _ref$name;
   return displayName || name || 'Component';
 };
 
@@ -348,16 +322,13 @@ var getFieldByName = function getFieldByName(fields, name) {
     if (foundField !== null) {
       return foundField;
     }
-
     var _it$name = it.name,
-        fieldName = _it$name === void 0 ? null : _it$name,
-        _it$fields = it.fields,
-        subFields = _it$fields === void 0 ? [] : _it$fields;
-
+      fieldName = _it$name === void 0 ? null : _it$name,
+      _it$fields = it.fields,
+      subFields = _it$fields === void 0 ? [] : _it$fields;
     if (name !== null && fieldName === name) {
       return it;
     }
-
     return getFieldByName(subFields, name);
   }, null);
 };
@@ -367,35 +338,30 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
     if (foundField === null) {
       return null;
     }
-
     var _foundField$type = foundField.type,
-        type = _foundField$type === void 0 ? null : _foundField$type,
-        _foundField$fields = foundField.fields,
-        fieldFields = _foundField$fields === void 0 ? null : _foundField$fields,
-        _foundField$field = foundField.field,
-        field = _foundField$field === void 0 ? null : _foundField$field,
-        _foundField$itemsFiel = foundField.itemsField,
-        itemsField = _foundField$itemsFiel === void 0 ? null : _foundField$itemsFiel;
+      type = _foundField$type === void 0 ? null : _foundField$type,
+      _foundField$fields = foundField.fields,
+      fieldFields = _foundField$fields === void 0 ? null : _foundField$fields,
+      _foundField$field = foundField.field,
+      field = _foundField$field === void 0 ? null : _foundField$field,
+      _foundField$itemsFiel = foundField.itemsField,
+      itemsField = _foundField$itemsFiel === void 0 ? null : _foundField$itemsFiel;
     var finalType = field !== null ? field.type || type : type;
     var definition = fieldManager.getDefinition(finalType);
-
     var _ref = finalType !== null ? definition : foundField,
-        _ref$fields = _ref.fields,
-        subFields = _ref$fields === void 0 ? null : _ref$fields,
-        _ref$settings = _ref.settings,
-        settings = _ref$settings === void 0 ? null : _ref$settings,
-        _ref$itemsField = _ref.itemsField,
-        defItemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
-
+      _ref$fields = _ref.fields,
+      subFields = _ref$fields === void 0 ? null : _ref$fields,
+      _ref$settings = _ref.settings,
+      settings = _ref$settings === void 0 ? null : _ref$settings,
+      _ref$itemsField = _ref.itemsField,
+      defItemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
     var finalItemsField = itemsField || defItemsField;
-
     if (finalItemsField !== null && key.match(/^[0-9]+$/)) {
       return _objectSpread(_objectSpread({}, finalItemsField), {}, {
         name: path.join('/'),
         listItems: true
       });
     }
-
     return getFieldByName([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
   }, {
     fields: fields
@@ -404,11 +370,9 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
 
 var getFileName = function getFileName() {
   var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
   if (url === null || typeof url.match === 'undefined') {
     return null;
   }
-
   return url.match(/([^/]+)(\?.*)?$/)[1] || url;
 };
 
@@ -416,14 +380,12 @@ var getFontFamily = function getFontFamily(value) {
   if (value == null) {
     return null;
   }
-
   var _ref = isObject(value) ? value : {
-    name: value
-  },
-      name = _ref.name,
-      _ref$fallback = _ref.fallback,
-      fallback = _ref$fallback === void 0 ? null : _ref$fallback;
-
+      name: value
+    },
+    name = _ref.name,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? null : _ref$fallback;
   return [name, fallback].filter(function (it) {
     return it !== null;
   }).map(function (it) {
@@ -441,7 +403,6 @@ var getRemainder = function getRemainder(number) {
   var remainder = number - Math.floor(number);
   return remainder.toFixed(4);
 };
-
 var largestRemainderRound = function largestRemainderRound(numbers, desiredTotal) {
   if (!isArray(numbers) || numbers.length < 1) return numbers;
   var result = numbers.map(function (number, index) {
@@ -457,13 +418,11 @@ var largestRemainderRound = function largestRemainderRound(numbers, desiredTotal
     return sum + current.floor;
   }, 0);
   var delta = desiredTotal - lowerSum;
-
   for (var i = 0; i < delta; i += 1) {
     if (result[i]) {
       result[i].floor += 1;
     }
   }
-
   return result.sort(function (a, b) {
     return a.index - b.index;
   }).map(function (res) {
@@ -472,23 +431,19 @@ var largestRemainderRound = function largestRemainderRound(numbers, desiredTotal
 };
 
 var _excluded = ["image", "video", "media"];
-
 var getLayersFromBackground = function getLayersFromBackground() {
   var background = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
   if (background === null) {
     return [];
   }
-
   return (isArray(background) ? background : [background]).reduce(function (layers, _ref) {
     var _ref$image = _ref.image,
-        image = _ref$image === void 0 ? null : _ref$image,
-        _ref$video = _ref.video,
-        video = _ref$video === void 0 ? null : _ref$video,
-        _ref$media = _ref.media,
-        media = _ref$media === void 0 ? null : _ref$media,
-        data = _objectWithoutProperties(_ref, _excluded);
-
+      image = _ref$image === void 0 ? null : _ref$image,
+      _ref$video = _ref.video,
+      video = _ref$video === void 0 ? null : _ref$video,
+      _ref$media = _ref.media,
+      media = _ref$media === void 0 ? null : _ref$media,
+      data = _objectWithoutProperties(_ref, _excluded);
     if (image !== null && video !== null) {
       return [].concat(_toConsumableArray(layers), [_objectSpread({
         media: image
@@ -496,7 +451,6 @@ var getLayersFromBackground = function getLayersFromBackground() {
         media: video
       }, data)]);
     }
-
     return [].concat(_toConsumableArray(layers), [_objectSpread({
       media: media || image || video
     }, data)]);
@@ -516,28 +470,23 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
   var media = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var containerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var containerHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-      _ref$resolution = _ref.resolution,
-      resolution = _ref$resolution === void 0 ? 1 : _ref$resolution,
-      _ref$maxDiff = _ref.maxDiff,
-      maxDiff = _ref$maxDiff === void 0 ? 800 : _ref$maxDiff;
-
+    _ref$resolution = _ref.resolution,
+    resolution = _ref$resolution === void 0 ? 1 : _ref$resolution,
+    _ref$maxDiff = _ref.maxDiff,
+    maxDiff = _ref$maxDiff === void 0 ? 800 : _ref$maxDiff;
   var _ref2 = media || {},
-      _ref2$sizes = _ref2.sizes,
-      sizes = _ref2$sizes === void 0 ? null : _ref2$sizes,
-      _ref2$url = _ref2.url,
-      defaultUrl = _ref2$url === void 0 ? null : _ref2$url,
-      _ref2$metadata = _ref2.metadata;
-
-  _ref2$metadata = _ref2$metadata === void 0 ? {} : _ref2$metadata;
-  var imgWidth = _ref2$metadata.width,
-      imgHeight = _ref2$metadata.height;
-
+    _ref2$sizes = _ref2.sizes,
+    sizes = _ref2$sizes === void 0 ? null : _ref2$sizes,
+    _ref2$url = _ref2.url,
+    defaultUrl = _ref2$url === void 0 ? null : _ref2$url,
+    _ref2$metadata = _ref2.metadata,
+    _ref2$metadata2 = _ref2$metadata === void 0 ? {} : _ref2$metadata,
+    imgWidth = _ref2$metadata2.width,
+    imgHeight = _ref2$metadata2.height;
   if (sizes === null || containerWidth === null && containerHeight === null) {
     return defaultUrl;
   }
-
   var finalSizes = _objectSpread({
     original: {
       url: defaultUrl,
@@ -545,70 +494,64 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
       height: imgHeight
     }
   }, sizes);
-
   var finalContainerWidth = containerWidth !== null && resolution !== null ? containerWidth * resolution : containerWidth;
   var finalContainerHeight = containerHeight !== null && resolution !== null ? containerHeight * resolution : containerHeight;
-
   var _Object$keys$reduce = Object.keys(finalSizes).reduce(function (acc, key) {
-    var currentDiff = acc.diff,
+      var currentDiff = acc.diff,
         currentIsLarger = acc.isLarger,
         currentSize = acc.size;
-    var _finalSizes$key = finalSizes[key],
+      var _finalSizes$key = finalSizes[key],
         url = _finalSizes$key.url,
         _finalSizes$key$width = _finalSizes$key.width,
         width = _finalSizes$key$width === void 0 ? null : _finalSizes$key$width,
         _finalSizes$key$heigh = _finalSizes$key.height,
         height = _finalSizes$key$heigh === void 0 ? null : _finalSizes$key$heigh;
-    var diffWidth = width !== null && finalContainerWidth !== null ? width - finalContainerWidth : null;
-    var diffHeight = height !== null && finalContainerHeight !== null ? height - finalContainerHeight : null;
-    var isLarger = (diffWidth === null || diffWidth >= 0) && (diffHeight === null || diffHeight >= 0);
-    var diff = [diffWidth, diffHeight].reduce(function (total, value) {
-      return value !== null ? (total || 0) + Math.abs(value) : total;
-    }, null);
-
-    if (diff === null) {
-      diff = Infinity;
-    }
-
-    var size = (width || 0) + (height || 0);
-    var sizeIsLarger = size > currentSize;
-
-    if ( // Difference is lower and image is larger
-    diff < currentDiff && isLarger || // Difference is lower and current is not larger or diff is greater than max
-    diff < currentDiff && (!currentIsLarger && sizeIsLarger || currentDiff > maxDiff) || // Image is larger and diff is smaller than max
-    diff <= maxDiff && !currentIsLarger && isLarger || // Image is larger than previous
-    diff <= maxDiff && !currentIsLarger && !isLarger && sizeIsLarger) {
-      return {
-        key: key,
-        url: url,
-        diff: diff,
-        isLarger: isLarger
-      };
-    }
-
-    return acc;
-  }, {
-    key: null,
-    url: defaultUrl,
-    diff: Infinity,
-    isLarger: false,
-    size: 0
-  }),
-      finalUrl = _Object$keys$reduce.url;
-
+      var diffWidth = width !== null && finalContainerWidth !== null ? width - finalContainerWidth : null;
+      var diffHeight = height !== null && finalContainerHeight !== null ? height - finalContainerHeight : null;
+      var isLarger = (diffWidth === null || diffWidth >= 0) && (diffHeight === null || diffHeight >= 0);
+      var diff = [diffWidth, diffHeight].reduce(function (total, value) {
+        return value !== null ? (total || 0) + Math.abs(value) : total;
+      }, null);
+      if (diff === null) {
+        diff = Infinity;
+      }
+      var size = (width || 0) + (height || 0);
+      var sizeIsLarger = size > currentSize;
+      if (
+      // Difference is lower and image is larger
+      diff < currentDiff && isLarger ||
+      // Difference is lower and current is not larger or diff is greater than max
+      diff < currentDiff && (!currentIsLarger && sizeIsLarger || currentDiff > maxDiff) ||
+      // Image is larger and diff is smaller than max
+      diff <= maxDiff && !currentIsLarger && isLarger ||
+      // Image is larger than previous
+      diff <= maxDiff && !currentIsLarger && !isLarger && sizeIsLarger) {
+        return {
+          key: key,
+          url: url,
+          diff: diff,
+          isLarger: isLarger
+        };
+      }
+      return acc;
+    }, {
+      key: null,
+      url: defaultUrl,
+      diff: Infinity,
+      isLarger: false,
+      size: 0
+    }),
+    finalUrl = _Object$keys$reduce.url;
   return finalUrl;
 };
 
 var getSecondsFromTime = function getSecondsFromTime(time) {
   var t = time.split(':');
-
   try {
     var s = t[2].split(',');
-
     if (s.length === 1) {
       s = t[2].split('.');
     }
-
     return parseFloat(t[0], 10) * 3600 + parseFloat(t[1], 10) * 60 + parseFloat(s[0], 10) + parseFloat(s[1], 10) / 1000;
   } catch (e) {
     return 0;
@@ -644,23 +587,20 @@ function getJustifyContent(horizontal) {
   if (horizontal === 'right') return 'flex-end';
   return null;
 }
-
 function getAlignItems(vertical) {
   if (vertical === 'top') return 'flex-start';
   if (vertical === 'middle') return 'center';
   if (vertical === 'bottom') return 'flex-end';
   return null;
 }
-
 var getStyleFromAlignment = function getStyleFromAlignment(value) {
   if (value === null) {
     return null;
   }
-
   var _value$horizontal = value.horizontal,
-      horizontal = _value$horizontal === void 0 ? null : _value$horizontal,
-      _value$vertical = value.vertical,
-      vertical = _value$vertical === void 0 ? null : _value$vertical;
+    horizontal = _value$horizontal === void 0 ? null : _value$horizontal,
+    _value$vertical = value.vertical,
+    vertical = _value$vertical === void 0 ? null : _value$vertical;
   var justifyContent = getJustifyContent(horizontal);
   var alignItems = getAlignItems(vertical);
   return {
@@ -681,13 +621,12 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   if (value == null) {
     return null;
   }
-
   var _value$width = value.width,
-      width = _value$width === void 0 ? null : _value$width,
-      _value$style = value.style,
-      borderStyle = _value$style === void 0 ? null : _value$style,
-      _value$color = value.color,
-      color = _value$color === void 0 ? null : _value$color;
+    width = _value$width === void 0 ? null : _value$width,
+    _value$style = value.style,
+    borderStyle = _value$style === void 0 ? null : _value$style,
+    _value$color = value.color,
+    color = _value$color === void 0 ? null : _value$color;
   return _objectSpread(_objectSpread(_objectSpread({}, width !== null ? {
     borderWidth: width
   } : null), borderStyle !== null ? {
@@ -699,64 +638,60 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
   if (value == null) {
     return null;
   }
-
   var _ref = value || {},
-      _ref$shadowAngle = _ref.shadowAngle,
-      shadowAngle = _ref$shadowAngle === void 0 ? null : _ref$shadowAngle,
-      _ref$shadowDistance = _ref.shadowDistance,
-      shadowDistance = _ref$shadowDistance === void 0 ? null : _ref$shadowDistance,
-      _ref$shadowBlur = _ref.shadowBlur,
-      shadowBlur = _ref$shadowBlur === void 0 ? null : _ref$shadowBlur,
-      _ref$shadowColor = _ref.shadowColor,
-      shadowColor = _ref$shadowColor === void 0 ? null : _ref$shadowColor;
-
+    _ref$shadowAngle = _ref.shadowAngle,
+    shadowAngle = _ref$shadowAngle === void 0 ? null : _ref$shadowAngle,
+    _ref$shadowDistance = _ref.shadowDistance,
+    shadowDistance = _ref$shadowDistance === void 0 ? null : _ref$shadowDistance,
+    _ref$shadowBlur = _ref.shadowBlur,
+    shadowBlur = _ref$shadowBlur === void 0 ? null : _ref$shadowBlur,
+    _ref$shadowColor = _ref.shadowColor,
+    shadowColor = _ref$shadowColor === void 0 ? null : _ref$shadowColor;
   if (!shadowAngle) return null;
   var blur = shadowBlur || '0';
   var color = getColorAsString(shadowColor) || '#000000';
-
   var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
-      x = _getShadowCoords.x,
-      y = _getShadowCoords.y;
-
+    x = _getShadowCoords.x,
+    y = _getShadowCoords.y;
   var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(blur, "px 0 ").concat(color);
   return {
     boxShadow: boxShadow
   };
 };
 
+// @todo hmm, gotta find a better way to handle this
 var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
   }
-
   var _value$backgroundColo = value.backgroundColor,
-      backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo,
-      _value$borderRadius = value.borderRadius,
-      borderRadius = _value$borderRadius === void 0 ? null : _value$borderRadius,
-      _value$padding = value.padding,
-      padding = _value$padding === void 0 ? null : _value$padding,
-      _value$paddingTop = value.paddingTop,
-      paddingTop = _value$paddingTop === void 0 ? null : _value$paddingTop,
-      _value$paddingRight = value.paddingRight,
-      paddingRight = _value$paddingRight === void 0 ? null : _value$paddingRight,
-      _value$paddingBottom = value.paddingBottom,
-      paddingBottom = _value$paddingBottom === void 0 ? null : _value$paddingBottom,
-      _value$paddingLeft = value.paddingLeft,
-      paddingLeft = _value$paddingLeft === void 0 ? null : _value$paddingLeft,
-      _value$borderWidth = value.borderWidth,
-      borderWidth = _value$borderWidth === void 0 ? null : _value$borderWidth,
-      _value$borderStyle = value.borderStyle,
-      borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
-      _value$borderColor = value.borderColor,
-      borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
-      _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,
-      shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
+    backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo,
+    _value$borderRadius = value.borderRadius,
+    borderRadius = _value$borderRadius === void 0 ? null : _value$borderRadius,
+    _value$padding = value.padding,
+    padding = _value$padding === void 0 ? null : _value$padding,
+    _value$paddingTop = value.paddingTop,
+    paddingTop = _value$paddingTop === void 0 ? null : _value$paddingTop,
+    _value$paddingRight = value.paddingRight,
+    paddingRight = _value$paddingRight === void 0 ? null : _value$paddingRight,
+    _value$paddingBottom = value.paddingBottom,
+    paddingBottom = _value$paddingBottom === void 0 ? null : _value$paddingBottom,
+    _value$paddingLeft = value.paddingLeft,
+    paddingLeft = _value$paddingLeft === void 0 ? null : _value$paddingLeft,
+    _value$borderWidth = value.borderWidth,
+    borderWidth = _value$borderWidth === void 0 ? null : _value$borderWidth,
+    _value$borderStyle = value.borderStyle,
+    borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
+    _value$borderColor = value.borderColor,
+    borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
+    _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,
+    shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
   var border = {
     width: borderWidth,
     style: borderStyle,
@@ -768,21 +703,19 @@ var getStyleFromBox = function getStyleFromBox(value) {
     shadowBlur: shadowBlur,
     shadowColor: shadowColor
   };
-
   var _ref = isObject(padding) ? padding : {
-    padding: padding
-  },
-      _ref$top = _ref.top,
-      paddingValueTop = _ref$top === void 0 ? null : _ref$top,
-      _ref$right = _ref.right,
-      paddingValueRight = _ref$right === void 0 ? null : _ref$right,
-      _ref$bottom = _ref.bottom,
-      paddingValueBottom = _ref$bottom === void 0 ? null : _ref$bottom,
-      _ref$left = _ref.left,
-      paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
-      _ref$padding = _ref.padding,
-      paddingValue = _ref$padding === void 0 ? null : _ref$padding;
-
+      padding: padding
+    },
+    _ref$top = _ref.top,
+    paddingValueTop = _ref$top === void 0 ? null : _ref$top,
+    _ref$right = _ref.right,
+    paddingValueRight = _ref$right === void 0 ? null : _ref$right,
+    _ref$bottom = _ref.bottom,
+    paddingValueBottom = _ref$bottom === void 0 ? null : _ref$bottom,
+    _ref$left = _ref.left,
+    paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
+    _ref$padding = _ref.padding,
+    paddingValue = _ref$padding === void 0 ? null : _ref$padding;
   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 ? {
@@ -802,15 +735,14 @@ var getStyleFromContainer = function getStyleFromContainer(value) {
   if (value == null) {
     return null;
   }
-
   var _value$size = value.size,
-      size = _value$size === void 0 ? {} : _value$size,
-      _value$backgroundColo = value.backgroundColor,
-      backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo;
+    size = _value$size === void 0 ? {} : _value$size,
+    _value$backgroundColo = value.backgroundColor,
+    backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo;
   var _size$width = size.width,
-      width = _size$width === void 0 ? null : _size$width,
-      _size$height = size.height,
-      height = _size$height === void 0 ? null : _size$height;
+    width = _size$width === void 0 ? null : _size$width,
+    _size$height = size.height,
+    height = _size$height === void 0 ? null : _size$height;
   return _objectSpread(_objectSpread(_objectSpread({}, width ? {
     width: "".concat(width, "%")
   } : null), height ? {
@@ -822,11 +754,10 @@ var getStyleFromHighlight = function getStyleFromHighlight(value) {
   if (value == null) {
     return null;
   }
-
   var _value$textColor = value.textColor,
-      textColor = _value$textColor === void 0 ? null : _value$textColor,
-      _value$color = value.color,
-      color = _value$color === void 0 ? null : _value$color;
+    textColor = _value$textColor === void 0 ? null : _value$textColor,
+    _value$color = value.color,
+    color = _value$color === void 0 ? null : _value$color;
   var colorString = color !== null ? getColorAsString(color) : null;
   var boxShadow = colorString !== null ? "0.05em 0px 0px ".concat(colorString, ", -0.05em 0px 0px ").concat(colorString) : null;
   return color !== null || textColor !== null ? _objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'backgroundColor') : null), textColor !== null ? getStyleFromColor(textColor, 'color') : null), color !== null ? {
@@ -841,19 +772,18 @@ var getStyleFromImage = function getStyleFromImage(value) {
   if (value == null) {
     return null;
   }
-
   var _value$fit = value.fit,
-      fit = _value$fit === void 0 ? {} : _value$fit,
-      _value$backgroundColo = value.backgroundColor,
-      backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo;
+    fit = _value$fit === void 0 ? {} : _value$fit,
+    _value$backgroundColo = value.backgroundColor,
+    backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo;
   var _fit$size = fit.size,
-      size = _fit$size === void 0 ? null : _fit$size,
-      _fit$position = fit.position,
-      position = _fit$position === void 0 ? {} : _fit$position;
+    size = _fit$size === void 0 ? null : _fit$size,
+    _fit$position = fit.position,
+    position = _fit$position === void 0 ? {} : _fit$position;
   var _position$axisAlign = position.axisAlign,
-      axisAlign = _position$axisAlign === void 0 ? null : _position$axisAlign,
-      _position$crossAlign = position.crossAlign,
-      crossAlign = _position$crossAlign === void 0 ? null : _position$crossAlign;
+    axisAlign = _position$axisAlign === void 0 ? null : _position$axisAlign,
+    _position$crossAlign = position.crossAlign,
+    crossAlign = _position$crossAlign === void 0 ? null : _position$crossAlign;
   return _objectSpread(_objectSpread(_objectSpread({}, size !== null ? {
     objectFit: size
   } : null), axisAlign !== null && crossAlign !== null ? {
@@ -865,19 +795,16 @@ var getStyleFromLink = function getStyleFromLink(value) {
   if (value == null) {
     return null;
   }
-
   var _value$color = value.color,
-      color = _value$color === void 0 ? null : _value$color,
-      fontStyle = value.fontStyle;
-
+    color = _value$color === void 0 ? null : _value$color,
+    fontStyle = value.fontStyle;
   var _ref = fontStyle || {},
-      _ref$italic = _ref.italic,
-      italic = _ref$italic === void 0 ? false : _ref$italic,
-      _ref$bold = _ref.bold,
-      bold = _ref$bold === void 0 ? false : _ref$bold,
-      _ref$underline = _ref.underline,
-      underline = _ref$underline === void 0 ? false : _ref$underline;
-
+    _ref$italic = _ref.italic,
+    italic = _ref$italic === void 0 ? false : _ref$italic,
+    _ref$bold = _ref.bold,
+    bold = _ref$bold === void 0 ? false : _ref$bold,
+    _ref$underline = _ref.underline,
+    underline = _ref$underline === void 0 ? false : _ref$underline;
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, color !== null ? getStyleFromColor(color, 'color') : null), italic ? {
     fontStyle: 'italic'
   } : null), bold ? {
@@ -891,35 +818,32 @@ var getStyleFromText = function getStyleFromText(value) {
   if (value == null) {
     return null;
   }
-
   var _value$fontFamily = value.fontFamily,
-      fontFamily = _value$fontFamily === void 0 ? null : _value$fontFamily,
-      _value$fontSize = value.fontSize,
-      fontSize = _value$fontSize === void 0 ? null : _value$fontSize,
-      _value$fontStyle = value.fontStyle,
-      fontStyle = _value$fontStyle === void 0 ? null : _value$fontStyle,
-      _value$fontWeight = value.fontWeight,
-      fontWeight = _value$fontWeight === void 0 ? null : _value$fontWeight,
-      _value$lineHeight = value.lineHeight,
-      lineHeight = _value$lineHeight === void 0 ? null : _value$lineHeight,
-      _value$letterSpacing = value.letterSpacing,
-      letterSpacing = _value$letterSpacing === void 0 ? null : _value$letterSpacing,
-      _value$align = value.align,
-      textAlign = _value$align === void 0 ? null : _value$align,
-      _value$color = value.color,
-      color = _value$color === void 0 ? null : _value$color;
-
+    fontFamily = _value$fontFamily === void 0 ? null : _value$fontFamily,
+    _value$fontSize = value.fontSize,
+    fontSize = _value$fontSize === void 0 ? null : _value$fontSize,
+    _value$fontStyle = value.fontStyle,
+    fontStyle = _value$fontStyle === void 0 ? null : _value$fontStyle,
+    _value$fontWeight = value.fontWeight,
+    fontWeight = _value$fontWeight === void 0 ? null : _value$fontWeight,
+    _value$lineHeight = value.lineHeight,
+    lineHeight = _value$lineHeight === void 0 ? null : _value$lineHeight,
+    _value$letterSpacing = value.letterSpacing,
+    letterSpacing = _value$letterSpacing === void 0 ? null : _value$letterSpacing,
+    _value$align = value.align,
+    textAlign = _value$align === void 0 ? null : _value$align,
+    _value$color = value.color,
+    color = _value$color === void 0 ? null : _value$color;
   var _ref = fontStyle || {},
-      _ref$italic = _ref.italic,
-      italic = _ref$italic === void 0 ? false : _ref$italic,
-      _ref$bold = _ref.bold,
-      bold = _ref$bold === void 0 ? false : _ref$bold,
-      _ref$underline = _ref.underline,
-      underline = _ref$underline === void 0 ? false : _ref$underline,
-      textTransform = _ref.transform,
-      _ref$outline = _ref.outline,
-      outline = _ref$outline === void 0 ? false : _ref$outline;
-
+    _ref$italic = _ref.italic,
+    italic = _ref$italic === void 0 ? false : _ref$italic,
+    _ref$bold = _ref.bold,
+    bold = _ref$bold === void 0 ? false : _ref$bold,
+    _ref$underline = _ref.underline,
+    underline = _ref$underline === void 0 ? false : _ref$underline,
+    textTransform = _ref.transform,
+    _ref$outline = _ref.outline,
+    outline = _ref$outline === void 0 ? false : _ref$outline;
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     fontFamily: getFontFamily(fontFamily)
   }, fontSize !== null ? {
@@ -950,11 +874,10 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
   if (value == null) {
     return null;
   }
-
   var _value$top = value.top,
-      marginTop = _value$top === void 0 ? null : _value$top,
-      _value$bottom = value.bottom,
-      marginBottom = _value$bottom === void 0 ? null : _value$bottom;
+    marginTop = _value$top === void 0 ? null : _value$top,
+    _value$bottom = value.bottom,
+    marginBottom = _value$bottom === void 0 ? null : _value$bottom;
   return _objectSpread(_objectSpread({}, marginTop !== null ? {
     marginTop: marginTop
   } : null), marginBottom !== null ? {
@@ -964,29 +887,24 @@ var getStyleFromMargin = function getStyleFromMargin(value) {
 
 var possibleMimes = ['video/webm', 'video/mp4', 'video/ogg'];
 var supportedMimes = null;
-
 function getVideoSupportedMimes() {
   var mimes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : possibleMimes;
-
   if (supportedMimes === null) {
     var video = document.createElement('video');
     supportedMimes = mimes.filter(function (mime) {
       return video.canPlayType(mime) !== '';
     });
   }
-
   return supportedMimes;
 }
 
 var getLayoutParts = function getLayoutParts() {
   var layout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
   var _ref = layout !== null && layout.indexOf('-') !== false ? layout.split('-') : [layout, null, null],
-      _ref2 = _slicedToArray(_ref, 3),
-      horizontal = _ref2[0],
-      vertical = _ref2[1],
-      suffix = _ref2[2];
-
+    _ref2 = _slicedToArray(_ref, 3),
+    horizontal = _ref2[0],
+    vertical = _ref2[1],
+    suffix = _ref2[2];
   return {
     horizontal: horizontal,
     vertical: vertical,
@@ -999,51 +917,45 @@ var isMessage = function isMessage(message) {
 };
 
 var isIos = function isIos() {
-  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
+  return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||
+  // iPad on iOS 13 detection
   navigator.userAgent.includes('Mac') && 'ontouchend' in document;
 };
 
 var isImageFilled = function isImageFilled(image) {
   var _ref = image || {},
-      _ref$media = _ref.media,
-      media = _ref$media === void 0 ? null : _ref$media;
-
+    _ref$media = _ref.media,
+    media = _ref$media === void 0 ? null : _ref$media;
   return media !== null;
 };
 
 var isTextFilled$1 = function isTextFilled(text) {
   var _ref = text || {},
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? null : _ref$label;
-
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label;
   var _ref2 = label || {},
-      _ref2$length = _ref2.length,
-      length = _ref2$length === void 0 ? 0 : _ref2$length;
-
+    _ref2$length = _ref2.length,
+    length = _ref2$length === void 0 ? 0 : _ref2$length;
   return typeof length === 'number' && length > 0;
 };
 
 var isTextFilled = function isTextFilled(text) {
   var _ref = text || {},
-      _ref$body = _ref.body,
-      body = _ref$body === void 0 ? null : _ref$body;
-
+    _ref$body = _ref.body,
+    body = _ref$body === void 0 ? null : _ref$body;
   var _ref2 = body || {},
-      _ref2$length = _ref2.length,
-      length = _ref2$length === void 0 ? 0 : _ref2$length;
-
+    _ref2$length = _ref2.length,
+    length = _ref2$length === void 0 ? 0 : _ref2$length;
   return typeof length === 'number' && length > 0;
 };
 
 var isValidUrl = function isValidUrl(string) {
   var url;
-
   try {
     url = new URL(string);
   } catch (_) {
     return false;
   }
-
   return url.protocol === 'http:' || url.protocol === 'https:';
 };
 
@@ -1058,10 +970,10 @@ var schemaId = function schemaId(str) {
 var setValue = function setValue(value, keyParts, fieldValue) {
   var key = keyParts.shift();
   var isArray = key.match(/^[0-9]+$/) !== null;
-
   if (value !== null || fieldValue !== null) {
     if (isArray) {
-      var index = parseInt(key, 10); // TODO: fix this with an explicit delete
+      var index = parseInt(key, 10);
+      // TODO: fix this with an explicit delete
       // instead on splicing out the element on null fieldValue
       // const newArrayValue =
       //     fieldValue !== null
@@ -1081,23 +993,19 @@ var setValue = function setValue(value, keyParts, fieldValue) {
       var newArrayValue = [].concat(_toConsumableArray(value.slice(0, index)), [keyParts.length > 0 ? setValue(value !== null ? value[index] || null : null, keyParts, fieldValue) : fieldValue], _toConsumableArray(value.slice(index + 1)));
       return newArrayValue.length > 0 ? newArrayValue : null;
     }
-
     return _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, keyParts.length > 0 ? setValue(value !== null ? value[key] || null : null, keyParts, fieldValue) : fieldValue));
   }
-
   return null;
 };
 
 var slug = function slug(str) {
   var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var toSlug;
-
   if (separator === '-') {
     toSlug = paramCase$1(str);
   } else {
     toSlug = snakeCase(str);
   }
-
   return slugify(toSlug, {
     lower: true
   });
@@ -1115,28 +1023,23 @@ var validateFields = function validateFields(fields, value) {
       if (field.type === 'fields' && field.fields) {
         return validateFields(field.fields, value);
       }
-
       var val = value && value[field.name] ? value[field.name] : false;
       return !(field.required && !val);
     }
-
     return acc;
   }, true);
 };
 
 var getContrastingColor = function getContrastingColor(backgroundColor) {
   var _ref = backgroundColor || {},
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'white' : _ref$color;
-
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'white' : _ref$color;
   if (tinycolor.equals(color, tinycolor('white'))) {
     return '#A13DFF';
   }
-
   if (tinycolor.equals(color, tinycolor('black'))) {
     return 'white';
   }
-
   return tinycolor(color).spin(30).toString();
 };