@solostylist/image-editor 1.0.9 → 1.0.11

package/lib/utils/debounce.js

@@ -1 +1,19 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";function _arrayLikeToArray(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}var debounce=function(a){var b,c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:300;return function(){var d,e;b!==void 0&&clearTimeout(b);for(var f=arguments.length,g=Array(f),h=0;h<f;h++)g[h]=arguments[h];var i=g[0],j=_arrayLikeToArray(g).slice(1);b=setTimeout(a.bind.apply(a,[null,null!==(d=null===i||void 0===i||null===(e=i.target)||void 0===e?void 0:e.value)&&void 0!==d?d:i].concat(_toConsumableArray(j))),c)}};export default debounce;
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var debounce = function debounce(func) {
+  var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var timer;
+  return function () {
+    var _firstArg$target$valu, _firstArg$target;
+    if (timer !== undefined) {
+      clearTimeout(timer);
+    }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var firstArg = args[0],
+      otherArgs = _arrayLikeToArray(args).slice(1);
+    timer = setTimeout(func.bind.apply(func, [null, (_firstArg$target$valu = firstArg === null || firstArg === void 0 || (_firstArg$target = firstArg.target) === null || _firstArg$target === void 0 ? void 0 : _firstArg$target.value) !== null && _firstArg$target$valu !== void 0 ? _firstArg$target$valu : firstArg].concat(_toConsumableArray(otherArgs))), timeout);
+  };
+};
+export default debounce;

package/lib/utils/deep-merge.js

@@ -1 +1,26 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _typeof from"@babel/runtime/helpers/typeof";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var _deepMerge=function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},c=!!(2<arguments.length&&void 0!==arguments[2])&&arguments[2],d=_objectSpread({},a),e=Object.keys(b);return e.forEach(function(e){var f=b[e];if(void 0!==f){var g=_typeof(f),h=a[e];if("object"!==g||f instanceof HTMLElement||null===f||Array.isArray(f)||!h||"object"!==_typeof(h)){var i=d[e];return void(d[e]=c&&Array.isArray(i)&&Array.isArray(f)?[].concat(_toConsumableArray(i),_toConsumableArray(f)):f)}d[e]=_deepMerge(h,f)}}),d};export default _deepMerge;
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _deepMerge = function deepMerge(source) {
+  var object = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var considerArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var mergedObject = _objectSpread({}, source);
+  var keys = Object.keys(object);
+  keys.forEach(function (k) {
+    var val = object[k];
+    if (val !== undefined) {
+      var valType = _typeof(val);
+      var sourceVal = source[k];
+      if (valType !== 'object' || val instanceof HTMLElement || val === null || Array.isArray(val) || !sourceVal || _typeof(sourceVal) !== 'object') {
+        var mergedVal = mergedObject[k];
+        mergedObject[k] = considerArray && Array.isArray(mergedVal) && Array.isArray(val) ? [].concat(_toConsumableArray(mergedVal), _toConsumableArray(val)) : val;
+        return;
+      }
+      mergedObject[k] = _deepMerge(sourceVal, val);
+    }
+  });
+  return mergedObject;
+};
+export default _deepMerge;

package/lib/utils/extract-current-design-state.js

@@ -1 +1,15 @@
-import defaultConfig from"context/default-config";import getInitialAppState from"context/get-initial-app-state";var extractCurrentDesignState=function(a,b){var c=getInitialAppState(b?a:defaultConfig);return{imgSrc:a.imgSrc||c.imgSrc,finetunes:a.finetunes||c.finetunes,finetunesProps:a.finetunesProps||c.finetunesProps,filter:a.filter||c.filter,adjustments:a.adjustments||c.adjustments,annotations:a.annotations||c.annotations,resize:a.resize||c.resize}};export default extractCurrentDesignState;
+import defaultConfig from "../context/default-config";
+import getInitialAppState from "../context/get-initial-app-state";
+var extractCurrentDesignState = function extractCurrentDesignState(state, useStateAsConfig) {
+  var initialAppState = getInitialAppState(useStateAsConfig ? state : defaultConfig);
+  return {
+    imgSrc: state.imgSrc || initialAppState.imgSrc,
+    finetunes: state.finetunes || initialAppState.finetunes,
+    finetunesProps: state.finetunesProps || initialAppState.finetunesProps,
+    filter: state.filter || initialAppState.filter,
+    adjustments: state.adjustments || initialAppState.adjustments,
+    annotations: state.annotations || initialAppState.annotations,
+    resize: state.resize || initialAppState.resize
+  };
+};
+export default extractCurrentDesignState;

package/lib/utils/extract-name-from-url.js

@@ -1 +1,5 @@
-var extractNameFromUrl=function(a){var b=a.split("/");return b[b.length-1].split("?")[0]};export default extractNameFromUrl;
+var extractNameFromUrl = function extractNameFromUrl(url) {
+  var urlParts = url.split('/');
+  return urlParts[urlParts.length - 1].split('?')[0];
+};
+export default extractNameFromUrl;

package/lib/utils/filter-str-to-class.js

@@ -1 +1,9 @@
-import Konva from"konva";import*as CustomFilters from"custom/filters";var filterStrToClass=function(a){return a?CustomFilters[a]||Konva.Filters[a]:null};export default filterStrToClass;
+import Konva from 'konva';
+import * as CustomFilters from "../custom/filters";
+var filterStrToClass = function filterStrToClass(filterString) {
+  if (filterString) {
+    return CustomFilters[filterString] || Konva.Filters[filterString];
+  }
+  return null;
+};
+export default filterStrToClass;

package/lib/utils/finetunes-strs-to-classes.js

@@ -1 +1,13 @@
-import Konva from"konva";import*as CustomFinetunes from"custom/finetunes";var finetunesStrsToClasses=function(a){return Array.isArray(a)&&0<a.length?a.map(function(a){return Konva.Filters[a]||CustomFinetunes[a]}).filter(function(a){return void 0!==a}):[]};export default finetunesStrsToClasses;
+import Konva from 'konva';
+import * as CustomFinetunes from "../custom/finetunes";
+var finetunesStrsToClasses = function finetunesStrsToClasses(finetunesStrings) {
+  if (Array.isArray(finetunesStrings) && finetunesStrings.length > 0) {
+    return finetunesStrings.map(function (finetuneClassName) {
+      return Konva.Filters[finetuneClassName] || CustomFinetunes[finetuneClassName];
+    }).filter(function (filter) {
+      return filter !== undefined;
+    });
+  }
+  return [];
+};
+export default finetunesStrsToClasses;

package/lib/utils/get-center-rotated-point.js

@@ -1 +1,34 @@
-var getRotatedPoint=function(a,b){var c=a.x,d=a.y,e=b*Math.PI/180,f=Math.cos(e),g=Math.sin(e);return{x:c*f-d*g,y:d*f+c*g}},getCenterRotatedPoint=function(a,b,c){if(!a||!b||!c&&0!==c)return{x:0,y:0,rotation:c};var d={x:-a/2,y:-b/2},e=getRotatedPoint(d,0),f=getRotatedPoint(d,c),g=f.x-e.x,h=f.y-e.y;return{x:g,y:h,rotation:c}};export default getCenterRotatedPoint;
+var getRotatedPoint = function getRotatedPoint(_ref, angleDegree) {
+  var x = _ref.x,
+    y = _ref.y;
+  var radianAngle = angleDegree * Math.PI / 180;
+  var rcos = Math.cos(radianAngle);
+  var rsin = Math.sin(radianAngle);
+  return {
+    x: x * rcos - y * rsin,
+    y: y * rcos + x * rsin
+  };
+};
+var getCenterRotatedPoint = function getCenterRotatedPoint(width, height, newRotationAngleDegree) {
+  if (!width || !height || !newRotationAngleDegree && newRotationAngleDegree !== 0) {
+    return {
+      x: 0,
+      y: 0,
+      rotation: newRotationAngleDegree
+    };
+  }
+  var topLeft = {
+    x: -width / 2,
+    y: -height / 2
+  };
+  var current = getRotatedPoint(topLeft, 0);
+  var rotated = getRotatedPoint(topLeft, newRotationAngleDegree);
+  var dx = rotated.x - current.x;
+  var dy = rotated.y - current.y;
+  return {
+    x: dx,
+    y: dy,
+    rotation: newRotationAngleDegree
+  };
+};
+export default getCenterRotatedPoint;

package/lib/utils/get-default-save-quality.js

@@ -1 +1,5 @@
-import{DEFAULT_SAVE_QUALITY}from"./constants";var getDefaultSaveQuality=function(a){return 0>=a||1<a?DEFAULT_SAVE_QUALITY:a};export default getDefaultSaveQuality;
+import { DEFAULT_SAVE_QUALITY } from "./constants";
+var getDefaultSaveQuality = function getDefaultSaveQuality(providedDefaultQuality) {
+  return providedDefaultQuality <= 0 || providedDefaultQuality > 1 ? DEFAULT_SAVE_QUALITY : providedDefaultQuality;
+};
+export default getDefaultSaveQuality;

package/lib/utils/get-dimensions-minimal-ratio.js

@@ -1 +1,6 @@
-var getDimensionsMinimalRatio=function(a,b,c,d){return Math.min(a/c,b/d)||1};export default getDimensionsMinimalRatio;
+var getDimensionsMinimalRatio = function getDimensionsMinimalRatio(firstWidth, firstHeight, secondWidth, secondHeight) {
+  var widthScale = firstWidth / secondWidth;
+  var heightScale = firstHeight / secondHeight;
+  return Math.min(widthScale, heightScale) || 1;
+};
+export default getDimensionsMinimalRatio;

package/lib/utils/get-elem-document-coords.js

@@ -1 +1,24 @@
-import getScrollOffset from"./get-scroll-offset";var getElemDocumentCoords=function(a){if(!a)return null;var b=a.getBoundingClientRect(),c=document,d=c.body,e=getScrollOffset(),f=e.topOffset,g=e.leftOffset,h=document.documentElement,i=h.clientTop||d.clientTop||0,j=h.clientLeft||d.clientLeft||0,k=b.top+f-i,l=b.left+g-j;return{top:Math.round(k),left:Math.round(l),width:b.width,height:b.height}};export default getElemDocumentCoords;
+import getScrollOffset from "./get-scroll-offset";
+var getElemDocumentCoords = function getElemDocumentCoords(elem) {
+  if (!elem) {
+    return null;
+  }
+  var box = elem.getBoundingClientRect();
+  var _document = document,
+    body = _document.body;
+  var _getScrollOffset = getScrollOffset(),
+    topOffset = _getScrollOffset.topOffset,
+    leftOffset = _getScrollOffset.leftOffset;
+  var docEl = document.documentElement;
+  var clientTop = docEl.clientTop || body.clientTop || 0;
+  var clientLeft = docEl.clientLeft || body.clientLeft || 0;
+  var top = box.top + topOffset - clientTop;
+  var left = box.left + leftOffset - clientLeft;
+  return {
+    top: Math.round(top),
+    left: Math.round(left),
+    width: box.width,
+    height: box.height
+  };
+};
+export default getElemDocumentCoords;

package/lib/utils/get-file-full-name.js

@@ -1 +1,21 @@
-import{DEFAULT_IMAGE_TYPE,POSSIBLE_IMAGE_TYPES,SUPPORTED_IMAGE_TYPES}from"./constants";var getFileFullName=function(a,b){var c=a||"",d=b,e=c;if(!d&&POSSIBLE_IMAGE_TYPES.some(function(a){return c.lastIndexOf(".".concat(a))===c.length-".".concat(a).length})){var f,g=null===(f=c.slice(c.lastIndexOf(".")+1))||void 0===f?void 0:f.toLowerCase();d=g&&SUPPORTED_IMAGE_TYPES.includes(g)?g:DEFAULT_IMAGE_TYPE,e=c.slice(0,c.lastIndexOf("."))}return d=d||DEFAULT_IMAGE_TYPE,{fullName:"".concat(e,".").concat(d),name:e,extension:d}};export default getFileFullName;
+import { DEFAULT_IMAGE_TYPE, POSSIBLE_IMAGE_TYPES, SUPPORTED_IMAGE_TYPES } from "./constants";
+var getFileFullName = function getFileFullName(fileNameProp, appendedExtension) {
+  var fileName = fileNameProp || '';
+  var finalExtension = appendedExtension;
+  var finalFileName = fileName;
+  if (!finalExtension && POSSIBLE_IMAGE_TYPES.some(function (extension) {
+    return fileName.lastIndexOf(".".concat(extension)) === fileName.length - ".".concat(extension).length;
+  })) {
+    var _fileName$slice;
+    var currentExtension = (_fileName$slice = fileName.slice(fileName.lastIndexOf('.') + 1)) === null || _fileName$slice === void 0 ? void 0 : _fileName$slice.toLowerCase();
+    finalExtension = currentExtension && SUPPORTED_IMAGE_TYPES.includes(currentExtension) ? currentExtension : DEFAULT_IMAGE_TYPE;
+    finalFileName = fileName.slice(0, fileName.lastIndexOf('.'));
+  }
+  finalExtension = finalExtension || DEFAULT_IMAGE_TYPE;
+  return {
+    fullName: "".concat(finalFileName, ".").concat(finalExtension),
+    name: finalFileName,
+    extension: finalExtension
+  };
+};
+export default getFileFullName;

package/lib/utils/get-pointer-offset-position-bounded-to-object.js

@@ -1 +1,26 @@
-import restrictNumber from"./restrict-number";var getPointerOffsetPositionBoundedToObject=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:null,b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{width:0,height:0};if(!a)return{offsetX:0,offsetY:0};var c=a.parent,d=c.getStage(),e=d.attrs.zoomFactor,f=c.getRelativePointerPosition()||{x:0,y:0};return{offsetX:restrictNumber(f.x,0,b.width/(d.scaleX()/e))+c.attrs.xPadding,offsetY:restrictNumber(f.y,0,b.height/(d.scaleY()/e))+c.attrs.yPadding}};export default getPointerOffsetPositionBoundedToObject;
+import restrictNumber from "./restrict-number";
+var getPointerOffsetPositionBoundedToObject = function getPointerOffsetPositionBoundedToObject() {
+  var previewGroup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var relativeToObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    width: 0,
+    height: 0
+  };
+  if (!previewGroup) {
+    return {
+      offsetX: 0,
+      offsetY: 0
+    };
+  }
+  var designLayer = previewGroup.parent;
+  var canvas = designLayer.getStage();
+  var canvasZoomFactor = canvas.attrs.zoomFactor;
+  var pos = designLayer.getRelativePointerPosition() || {
+    x: 0,
+    y: 0
+  };
+  return {
+    offsetX: restrictNumber(pos.x, 0, relativeToObject.width / (canvas.scaleX() / canvasZoomFactor)) + designLayer.attrs.xPadding,
+    offsetY: restrictNumber(pos.y, 0, relativeToObject.height / (canvas.scaleY() / canvasZoomFactor)) + designLayer.attrs.yPadding
+  };
+};
+export default getPointerOffsetPositionBoundedToObject;

package/lib/utils/get-proper-dimensions.js

@@ -1 +1,21 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import getSizeAfterRotation from"./get-size-after-rotation";import mapCropBox from"./map-crop-box";var getProperDimensions=function(a,b,c,d){var e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:0;if(a.width&&a.height)return a;var f=mapCropBox(b,c,d),g=getSizeAfterRotation(f.width,f.height,e);return a.width||a.height?{width:a.width||g.width,height:a.height||g.height}:g.width&&g.height&&g||_objectSpread(_objectSpread({},d),getSizeAfterRotation(d.width,d.height,e))};export default getProperDimensions;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import getSizeAfterRotation from "./get-size-after-rotation";
+import mapCropBox from "./map-crop-box";
+var getProperDimensions = function getProperDimensions(resizeDimensions, cropDimensions, shownImageDimensions, originalDimensions) {
+  var rotationAngle = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  if (resizeDimensions.width && resizeDimensions.height) {
+    return resizeDimensions;
+  }
+  var mappedCropArea = mapCropBox(cropDimensions, shownImageDimensions, originalDimensions);
+  var croppedRotatedArea = getSizeAfterRotation(mappedCropArea.width, mappedCropArea.height, rotationAngle);
+  if (resizeDimensions.width || resizeDimensions.height) {
+    return {
+      width: resizeDimensions.width || croppedRotatedArea.width,
+      height: resizeDimensions.height || croppedRotatedArea.height
+    };
+  }
+  return croppedRotatedArea.width && croppedRotatedArea.height && croppedRotatedArea || _objectSpread(_objectSpread({}, originalDimensions), getSizeAfterRotation(originalDimensions.width, originalDimensions.height, rotationAngle));
+};
+export default getProperDimensions;

package/lib/utils/get-proper-image-to-canvas-spacing.js

@@ -1 +1,6 @@
-var SPACING_PERCENTAGE=.05,DEFAULT_SPACING=12,getProperImageToCanvasSpacing=function(){return 2*(window?Math.min(window.innerHeight,window.innerWidth)*SPACING_PERCENTAGE:DEFAULT_SPACING)};export default getProperImageToCanvasSpacing;
+var SPACING_PERCENTAGE = 0.05;
+var DEFAULT_SPACING = 12;
+var getProperImageToCanvasSpacing = function getProperImageToCanvasSpacing() {
+  return (window ? Math.min(window.innerHeight, window.innerWidth) * SPACING_PERCENTAGE : DEFAULT_SPACING) * 2;
+};
+export default getProperImageToCanvasSpacing;

package/lib/utils/get-scroll-offset.js

@@ -1 +1,13 @@
-var getScrollOffset=function(){var a,b,c=document,d=c.body,e=document.documentElement,f=(null===(a=window)||void 0===a?void 0:a.pageYOffset)||e.scrollTop||d.scrollTop,g=(null===(b=window)||void 0===b?void 0:b.pageXOffset)||e.scrollLeft||d.scrollLeft;return{topOffset:f,leftOffset:g}};export default getScrollOffset;
+var getScrollOffset = function getScrollOffset() {
+  var _window, _window2;
+  var _document = document,
+    body = _document.body;
+  var docEl = document.documentElement;
+  var scrollTop = ((_window = window) === null || _window === void 0 ? void 0 : _window.pageYOffset) || docEl.scrollTop || body.scrollTop;
+  var scrollLeft = ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.pageXOffset) || docEl.scrollLeft || body.scrollLeft;
+  return {
+    topOffset: scrollTop,
+    leftOffset: scrollLeft
+  };
+};
+export default getScrollOffset;

package/lib/utils/get-size-after-rotation.js

@@ -1 +1,31 @@
-var getSizeAfterRotation=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:0,d=Math.abs(c),e=Math.round(c),f=90<d,g=f?d-90:d,h=f?b:a,i=f?a:b,j=g*Math.PI/180,k=Math.abs(Math.sin(j)),l=Math.abs(Math.cos(j));return{width:Math.round(h*l)+Math.round(i*k),height:Math.round(h*k)+Math.round(i*l),offsetTop:0<=e&&90>=e?0:function(){return 0>e&&-90<e?h*k:90<e?h*k:i*l+h*k}(),offsetLeft:0>=e&&-90<=e?0:function(){return 90<e?h*l+i*k:i*k}()}};export default getSizeAfterRotation;
+var getSizeAfterRotation = function getSizeAfterRotation(width, height) {
+  var rotationAngleInDegree = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var absRotationAngleInDegree = Math.abs(rotationAngleInDegree);
+  var roundedDegree = Math.round(rotationAngleInDegree);
+  var isGreaterThan90Degree = absRotationAngleInDegree > 90;
+  var currentAbsRotationAngleInDegree = isGreaterThan90Degree ? absRotationAngleInDegree - 90 : absRotationAngleInDegree;
+  var currentWidth = isGreaterThan90Degree ? height : width;
+  var currentHeight = isGreaterThan90Degree ? width : height;
+  var radianAngle = currentAbsRotationAngleInDegree * Math.PI / 180;
+  var sin = Math.abs(Math.sin(radianAngle));
+  var cos = Math.abs(Math.cos(radianAngle));
+  var getLeftOffset = function getLeftOffset() {
+    return roundedDegree > 90 ? currentWidth * cos + currentHeight * sin : currentHeight * sin;
+  };
+  var getTopOffset = function getTopOffset() {
+    if (roundedDegree < 0 && roundedDegree > -90) {
+      return currentWidth * sin;
+    }
+    if (roundedDegree > 90) {
+      return currentWidth * sin;
+    }
+    return currentHeight * cos + currentWidth * sin;
+  };
+  return {
+    width: Math.round(currentWidth * cos) + Math.round(currentHeight * sin),
+    height: Math.round(currentWidth * sin) + Math.round(currentHeight * cos),
+    offsetTop: roundedDegree >= 0 && roundedDegree <= 90 ? 0 : getTopOffset(),
+    offsetLeft: roundedDegree <= 0 && roundedDegree >= -90 ? 0 : getLeftOffset()
+  };
+};
+export default getSizeAfterRotation;

package/lib/utils/get-zoom-fit-factor.js

@@ -1 +1,5 @@
-import{DEFAULT_ZOOM_FACTOR}from"./constants";var getZoomFitFactor=function(a,b){return Math.min(a.width/b.width,a.height/b.height)||DEFAULT_ZOOM_FACTOR};export default getZoomFitFactor;
+import { DEFAULT_ZOOM_FACTOR } from "./constants";
+var getZoomFitFactor = function getZoomFitFactor(previewDimens, originalDimens) {
+  return Math.min(previewDimens.width / originalDimens.width, previewDimens.height / originalDimens.height) || DEFAULT_ZOOM_FACTOR;
+};
+export default getZoomFitFactor;

package/lib/utils/image-to-base64.js

@@ -1 +1,12 @@
-var imageToBase64=function(a){if(a instanceof HTMLImageElement){var b=document.createElement("canvas"),c=b.getContext("2d");return b.width=a.width,b.height=a.height,c.drawImage(a,0,0),b.toDataURL()}return""};export default imageToBase64;
+var imageToBase64 = function imageToBase64(image) {
+  if (image instanceof HTMLImageElement) {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    canvas.width = image.width;
+    canvas.height = image.height;
+    ctx.drawImage(image, 0, 0);
+    return canvas.toDataURL();
+  }
+  return '';
+};
+export default imageToBase64;

package/lib/utils/is-default-zero-values-only.js

@@ -1 +1,6 @@
-var isDefaultZeroValuesOnly=function(a,b){return!!(a&&Object.keys(a||{}).every(function(b){return 0===a[b]})&&b&&0===Object.keys(b||{}).length)};export default isDefaultZeroValuesOnly;
+var isDefaultZeroValuesOnly = function isDefaultZeroValuesOnly(initialProps, newProps) {
+  return !!(initialProps && Object.keys(initialProps || {}).every(function (key) {
+    return initialProps[key] === 0;
+  }) && newProps && Object.keys(newProps || {}).length === 0);
+};
+export default isDefaultZeroValuesOnly;

package/lib/utils/is-same-image.js

@@ -1 +1,4 @@
-var isSameImage=function(a,b){return!!(a&&b&&(a instanceof HTMLImageElement&&a.src===b.src&&a.width===b.width&&a.height===b.height||(a instanceof HTMLImageElement&&a.src||a)===b.src))};export default isSameImage;
+var isSameImage = function isSameImage(img1, img2HtmlElement) {
+  return !!(img1 && img2HtmlElement && (img1 instanceof HTMLImageElement && img1.src === img2HtmlElement.src && img1.width === img2HtmlElement.width && img1.height === img2HtmlElement.height || (img1 instanceof HTMLImageElement && img1.src || img1) === img2HtmlElement.src));
+};
+export default isSameImage;

package/lib/utils/load-image.js

@@ -1 +1,19 @@
-import extractNameFromUrl from"./extract-name-from-url";var loadImage=function(a,b){var c=!!(2<arguments.length&&arguments[2]!==void 0)&&arguments[2];return new Promise(function(d,e){var f=new Image;c||(f.crossOrigin="Anonymous"),f.src=a,f.name=null!==b&&void 0!==b?b:extractNameFromUrl(a),f.onload=function(){d(f)},f.onerror=function(){e(new Error("Error in loading the image with the provided url: ".concat(a)))}})};export default loadImage;
+import extractNameFromUrl from "./extract-name-from-url";
+var loadImage = function loadImage(imageSrc, imageFileName) {
+  var noCrossOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return new Promise(function (resolve, reject) {
+    var imageElement = new Image();
+    if (!noCrossOrigin) {
+      imageElement.crossOrigin = 'Anonymous';
+    }
+    imageElement.src = imageSrc;
+    imageElement.name = imageFileName !== null && imageFileName !== void 0 ? imageFileName : extractNameFromUrl(imageSrc);
+    imageElement.onload = function () {
+      resolve(imageElement);
+    };
+    imageElement.onerror = function () {
+      reject(new Error("Error in loading the image with the provided url: ".concat(imageSrc)));
+    };
+  });
+};
+export default loadImage;

package/lib/utils/map-crop-box.js

@@ -1 +1,16 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import mapNumber from"./map-number";var mapCropBox=function(a,b,c){var d,e;return _objectSpread(_objectSpread(_objectSpread({},a.x||0===a.x?{x:Math.round(mapNumber(a.x,0,b.width,0,c.width))}:{}),a.y||0===a.y?{y:Math.round(mapNumber(a.y,0,b.height,0,c.height))}:{}),{},{width:Math.round(mapNumber(null!==(d=a.width)&&void 0!==d?d:b.width,0,b.width,0,c.width)),height:Math.round(mapNumber(null!==(e=a.height)&&void 0!==e?e:b.height,0,b.height,0,c.height))})};export default mapCropBox;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import mapNumber from "./map-number";
+var mapCropBox = function mapCropBox(crop, shownImageDimensions, toDimensions) {
+  var _crop$width, _crop$height;
+  return _objectSpread(_objectSpread(_objectSpread({}, crop.x || crop.x === 0 ? {
+    x: Math.round(mapNumber(crop.x, 0, shownImageDimensions.width, 0, toDimensions.width))
+  } : {}), crop.y || crop.y === 0 ? {
+    y: Math.round(mapNumber(crop.y, 0, shownImageDimensions.height, 0, toDimensions.height))
+  } : {}), {}, {
+    width: Math.round(mapNumber((_crop$width = crop.width) !== null && _crop$width !== void 0 ? _crop$width : shownImageDimensions.width, 0, shownImageDimensions.width, 0, toDimensions.width)),
+    height: Math.round(mapNumber((_crop$height = crop.height) !== null && _crop$height !== void 0 ? _crop$height : shownImageDimensions.height, 0, shownImageDimensions.height, 0, toDimensions.height))
+  });
+};
+export default mapCropBox;

package/lib/utils/map-number.js

@@ -1 +1,4 @@
-var mapNumber=function(a,b,c,d,e){return(a-b)*(e-d)/(c-b)+d};export default mapNumber;
+var mapNumber = function mapNumber(number, oldMin, oldMax, newMin, newMax) {
+  return (number - oldMin) * (newMax - newMin) / (oldMax - oldMin) + newMin;
+};
+export default mapNumber;

package/lib/utils/map-position-string-to-point.js

@@ -1 +1,92 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import{hasDimensions,hasRadius,hasRadii}from"types/annotations";import{POSITIONS}from"./constants";import getSizeAfterRotation from"./get-size-after-rotation";var mapPositionStringToPoint=function(a,b,c){var d=a.scaleX,e=void 0===d?1:d,f=a.scaleY,g=void 0===f?1:f,h=a.rotation,i=void 0===h?0:h,j=a.padding,k=void 0===j?0:j,l=0,m=0;hasDimensions(a)?(l=a.width,m=a.height):hasRadius(a)?(l=2*a.radius,m=2*a.radius):hasRadii(a)&&(l=2*a.radiusX,m=2*a.radiusY);var n=getSizeAfterRotation(l*e,m*g,i),o=b.attrs,p=o.clipWidth,q=o.clipHeight,r=o.clipX,s=void 0===r?0:r,t=o.clipY,u=void 0===t?0:t,v={left:s+n.offsetLeft+k,center:s+p/2-(n.width/2-n.offsetLeft)+k,right:s+p-n.width-k+n.offsetLeft},w={top:u+n.offsetTop+k,middle:u+q/2-(n.height/2-n.offsetTop)+k,bottom:u+q-n.height-k+n.offsetTop},x=_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},POSITIONS.TOP_LEFT,function(){return{x:v.left,y:w.top}}),POSITIONS.TOP_CENTER,function(){return{x:v.center,y:w.top}}),POSITIONS.TOP_RIGHT,function(){return{x:v.right,y:w.top}}),POSITIONS.MIDDLE_LEFT,function(){return{x:v.left,y:w.middle}}),POSITIONS.MIDDLE_CENTER,function(){return{x:v.center,y:w.middle}}),POSITIONS.MIDDLE_RIGHT,function(){return{x:v.right,y:w.middle}}),POSITIONS.BOTTOM_LEFT,function(){return{x:v.left,y:w.bottom}}),POSITIONS.BOTTOM_CENTER,function(){return{x:v.center,y:w.bottom}}),POSITIONS.BOTTOM_RIGHT,function(){return{x:v.right,y:w.bottom}});return x[c]()};export default mapPositionStringToPoint;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { hasDimensions, hasRadius, hasRadii } from "../types/annotations";
+import { POSITIONS } from "./constants";
+import getSizeAfterRotation from "./get-size-after-rotation";
+var mapPositionStringToPoint = function mapPositionStringToPoint(annotation, designLayer, position) {
+  var _annotation$scaleX = annotation.scaleX,
+    scaleX = _annotation$scaleX === void 0 ? 1 : _annotation$scaleX,
+    _annotation$scaleY = annotation.scaleY,
+    scaleY = _annotation$scaleY === void 0 ? 1 : _annotation$scaleY,
+    _annotation$rotation = annotation.rotation,
+    rotation = _annotation$rotation === void 0 ? 0 : _annotation$rotation,
+    _annotation$padding = annotation.padding,
+    padding = _annotation$padding === void 0 ? 0 : _annotation$padding;
+  var annotationWidth = 0;
+  var annotationHeight = 0;
+  if (hasDimensions(annotation)) {
+    annotationWidth = annotation.width;
+    annotationHeight = annotation.height;
+  } else if (hasRadius(annotation)) {
+    annotationWidth = annotation.radius * 2;
+    annotationHeight = annotation.radius * 2;
+  } else if (hasRadii(annotation)) {
+    annotationWidth = annotation.radiusX * 2;
+    annotationHeight = annotation.radiusY * 2;
+  }
+  var scaledRotatedAnnotationSize = getSizeAfterRotation(annotationWidth * scaleX, annotationHeight * scaleY, rotation);
+  var _designLayer$attrs = designLayer.attrs,
+    designLayerWidth = _designLayer$attrs.clipWidth,
+    designLayerHeight = _designLayer$attrs.clipHeight,
+    _designLayer$attrs$cl = _designLayer$attrs.clipX,
+    designLayerX = _designLayer$attrs$cl === void 0 ? 0 : _designLayer$attrs$cl,
+    _designLayer$attrs$cl2 = _designLayer$attrs.clipY,
+    designLayerY = _designLayer$attrs$cl2 === void 0 ? 0 : _designLayer$attrs$cl2;
+  var xAxisMapping = {
+    left: designLayerX + scaledRotatedAnnotationSize.offsetLeft + padding,
+    center: designLayerX + designLayerWidth / 2 - (scaledRotatedAnnotationSize.width / 2 - scaledRotatedAnnotationSize.offsetLeft) + padding,
+    right: designLayerX + designLayerWidth - scaledRotatedAnnotationSize.width - padding + scaledRotatedAnnotationSize.offsetLeft
+  };
+  var yAxisMapping = {
+    top: designLayerY + scaledRotatedAnnotationSize.offsetTop + padding,
+    middle: designLayerY + designLayerHeight / 2 - (scaledRotatedAnnotationSize.height / 2 - scaledRotatedAnnotationSize.offsetTop) + padding,
+    bottom: designLayerY + designLayerHeight - scaledRotatedAnnotationSize.height - padding + scaledRotatedAnnotationSize.offsetTop
+  };
+  var mapStringToPoint = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, POSITIONS.TOP_LEFT, function () {
+    return {
+      x: xAxisMapping.left,
+      y: yAxisMapping.top
+    };
+  }), POSITIONS.TOP_CENTER, function () {
+    return {
+      x: xAxisMapping.center,
+      y: yAxisMapping.top
+    };
+  }), POSITIONS.TOP_RIGHT, function () {
+    return {
+      x: xAxisMapping.right,
+      y: yAxisMapping.top
+    };
+  }), POSITIONS.MIDDLE_LEFT, function () {
+    return {
+      x: xAxisMapping.left,
+      y: yAxisMapping.middle
+    };
+  }), POSITIONS.MIDDLE_CENTER, function () {
+    return {
+      x: xAxisMapping.center,
+      y: yAxisMapping.middle
+    };
+  }), POSITIONS.MIDDLE_RIGHT, function () {
+    return {
+      x: xAxisMapping.right,
+      y: yAxisMapping.middle
+    };
+  }), POSITIONS.BOTTOM_LEFT, function () {
+    return {
+      x: xAxisMapping.left,
+      y: yAxisMapping.bottom
+    };
+  }), POSITIONS.BOTTOM_CENTER, function () {
+    return {
+      x: xAxisMapping.center,
+      y: yAxisMapping.bottom
+    };
+  }), POSITIONS.BOTTOM_RIGHT, function () {
+    return {
+      x: xAxisMapping.right,
+      y: yAxisMapping.bottom
+    };
+  });
+  return mapStringToPoint[position]();
+};
+export default mapPositionStringToPoint;

package/lib/utils/random-id.js

@@ -1 +1,5 @@
-var randomId=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";return"".concat(a).concat(a?"-":"").concat(parseInt((Date.now()*Math.random()).toString(),10))};export default randomId;
+var randomId = function randomId() {
+  var prefixString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return "".concat(prefixString).concat(prefixString ? '-' : '').concat(parseInt((Date.now() * Math.random()).toString(), 10));
+};
+export default randomId;

package/lib/utils/restrict-number.js

@@ -1 +1,7 @@
-var restrictNumber=function(a,b,c){var d=b===void 0?0:b;return Math.min(Math.max(d,+a),c||1e6)};export default restrictNumber;
+var restrictNumber = function restrictNumber(number, minProp, max) {
+  var min = minProp === undefined ? 0 : minProp;
+  var currentMax = max || 1000000;
+  var convertedNumber = +number;
+  return Math.min(Math.max(min, convertedNumber), currentMax);
+};
+export default restrictNumber;

package/lib/utils/serialize-design-state.js

@@ -1 +1,62 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{isImageAnnotation}from"types/annotations";import imageToBase64 from"./image-to-base64";export var filterToString=function(a){if(a){var b=a;return b.filterName||b.name}};export var finetuneToString=function(a){var b=a;return b.finetuneName||b.name||""};export var finetunesToStrings=function(a){return a.map(finetuneToString).filter(Boolean)};export var serializeAnnotations=function(a){var b={};return Object.keys(a).forEach(function(c){var d=a[c];if(isImageAnnotation(d)&&d.image){var e="string"==typeof d.image?d.image:d.image.src;b[c]=d.image instanceof HTMLImageElement?e&&e.startsWith("blob:")?_objectSpread(_objectSpread({},d),{},{image:imageToBase64(d.image)}):_objectSpread(_objectSpread({},d),{},{image:e}):d}else b[c]=d}),b};export var serializeDesignState=function(a){var b=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1],c={imgSrc:a.imgSrc,finetunes:finetunesToStrings(a.finetunes),finetunesProps:a.finetunesProps,filter:filterToString(a.filter),adjustments:a.adjustments,annotations:serializeAnnotations(a.annotations),resize:a.resize};return b&&(c.shownImageDimensions={width:a.shownImageDimensions.width,height:a.shownImageDimensions.height,scaledBy:a.shownImageDimensions.scaledBy}),c};
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isImageAnnotation } from "../types/annotations";
+import imageToBase64 from "./image-to-base64";
+export var filterToString = function filterToString(filter) {
+  if (!filter) return undefined;
+  var namedFilter = filter;
+  return namedFilter.filterName || namedFilter.name;
+};
+export var finetuneToString = function finetuneToString(finetune) {
+  var namedFinetune = finetune;
+  return namedFinetune.finetuneName || namedFinetune.name || '';
+};
+export var finetunesToStrings = function finetunesToStrings(finetunes) {
+  return finetunes.map(finetuneToString).filter(Boolean);
+};
+export var serializeAnnotations = function serializeAnnotations(annotations) {
+  var serialized = {};
+  Object.keys(annotations).forEach(function (annotationId) {
+    var annotation = annotations[annotationId];
+    if (isImageAnnotation(annotation) && annotation.image) {
+      var imgSrc = typeof annotation.image === 'string' ? annotation.image : annotation.image.src;
+      if (annotation.image instanceof HTMLImageElement) {
+        if (imgSrc && imgSrc.startsWith('blob:')) {
+          serialized[annotationId] = _objectSpread(_objectSpread({}, annotation), {}, {
+            image: imageToBase64(annotation.image)
+          });
+        } else {
+          serialized[annotationId] = _objectSpread(_objectSpread({}, annotation), {}, {
+            image: imgSrc
+          });
+        }
+      } else {
+        serialized[annotationId] = annotation;
+      }
+    } else {
+      serialized[annotationId] = annotation;
+    }
+  });
+  return serialized;
+};
+export var serializeDesignState = function serializeDesignState(state) {
+  var includeShownImageDimensions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var serialized = {
+    imgSrc: state.imgSrc,
+    finetunes: finetunesToStrings(state.finetunes),
+    finetunesProps: state.finetunesProps,
+    filter: filterToString(state.filter),
+    adjustments: state.adjustments,
+    annotations: serializeAnnotations(state.annotations),
+    resize: state.resize
+  };
+  if (includeShownImageDimensions) {
+    serialized.shownImageDimensions = {
+      width: state.shownImageDimensions.width,
+      height: state.shownImageDimensions.height,
+      scaledBy: state.shownImageDimensions.scaledBy
+    };
+  }
+  return serialized;
+};

package/lib/utils/to-precised-float.js

@@ -1 +1,5 @@
-var toPrecisedFloat=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:5;return a&&+parseFloat(a.toString()).toFixed(b)};export default toPrecisedFloat;
+var toPrecisedFloat = function toPrecisedFloat(number) {
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
+  return number && +parseFloat(number.toString()).toFixed(precision);
+};
+export default toPrecisedFloat;