redhotmagma-visualization 1.41.1 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/AlignTargetProvider.js +50 -79
  2. package/CommonUtils/Deferred.js +11 -38
  3. package/CommonUtils/Observable.js +29 -48
  4. package/CommonUtils/PropertyObserver.js +10 -17
  5. package/CommonUtils/SyncCurrentFunction.js +33 -42
  6. package/CommonUtils/SyncObservableEvent.js +2 -6
  7. package/CommonUtils/pointerEvent.js +50 -98
  8. package/Constants.js +6 -6
  9. package/DevApp.js +187 -309
  10. package/ExposedModules.js +2 -9
  11. package/FallbackVisualization.js +4 -10
  12. package/PrintingEffects/ColorEmbossingEffect.js +15 -26
  13. package/PrintingEffects/DomingEffect.js +29 -52
  14. package/PrintingEffects/EmbossingEffect.js +17 -29
  15. package/PrintingEffects/EmbroideryEffect.js +251 -362
  16. package/PrintingEffects/EngravingEffect.js +17 -29
  17. package/PrintingEffects/PrintingEffects.js +44 -73
  18. package/PrintingEffects/PrintingEffectsUtils.js +1 -7
  19. package/React/ReactBase.js +15 -47
  20. package/Three/Controls/OrbitControls.js +105 -126
  21. package/Three/Exporters/glTFExporter.js +2 -6
  22. package/Three/Loaders/ColladaLoader.js +202 -550
  23. package/Three/Loaders/MTLLoader.js +33 -64
  24. package/Three/Loaders/OBJLoader.js +48 -80
  25. package/Three/Three2D.js +750 -1014
  26. package/Three/Three2DLayers.js +217 -341
  27. package/Three/Three3D.js +530 -800
  28. package/Three/Three3DScene.js +484 -780
  29. package/Three/ThreeBase.js +145 -230
  30. package/Utils/DesignArea/getDesignAreaCanvasSize.js +3 -11
  31. package/Utils/TextureBuilder/createTextureBuilder.js +133 -193
  32. package/Utils/TextureBuilder/textureBuilderFunctions.js +11 -27
  33. package/Utils/alignToElement.js +13 -24
  34. package/Utils/canvasBlur.js +27 -45
  35. package/Utils/createAlphaMapFromAlphaChannel.js +11 -21
  36. package/Utils/createBakedShadow.js +38 -42
  37. package/Utils/createCache.js +0 -4
  38. package/Utils/createCanvas.js +3 -9
  39. package/Utils/createImageRepository.js +63 -87
  40. package/Utils/disposeMaterial.js +4 -14
  41. package/Utils/getImageSize.js +1 -2
  42. package/Utils/imagePreloader.js +36 -48
  43. package/Utils/initTextureCanvas.js +6 -18
  44. package/Utils/isMobileDevice.js +3 -7
  45. package/Utils/optimizeTextureImage.js +13 -29
  46. package/Utils/rememberCameraViewOffset.js +8 -11
  47. package/Utils/removeObject.js +0 -4
  48. package/Utils/restrictCameraMovement.js +2 -12
  49. package/Utils/setLightShadow.js +3 -5
  50. package/Utils/setOrthographicCameraSize.js +0 -1
  51. package/Utils/updateFitSizeToElement.js +4 -9
  52. package/VisualizationContainer.js +37 -90
  53. package/VisualizationInterface.js +32 -67
  54. package/VisualizationProvider.js +5 -15
  55. package/index.js +2 -9
  56. package/package.json +6 -7
  57. package/scripts/cpPublicLocal.js +7 -2
  58. package/src/CommonUtils/Observable.js +1 -0
  59. package/src/CommonUtils/pointerEvent.js +17 -0
  60. package/src/Constants.js +2 -0
  61. package/src/DevApp.js +1 -2
  62. package/src/Three/Three2D.js +105 -1
  63. package/src/Three/ThreeBase.js +31 -3
  64. package/src/Utils/TextureBuilder/createTextureBuilder.js +12 -3
  65. package/src/VisualizationContainer.js +8 -2
  66. package/src/index.js +2 -3
  67. package/visualizationAdapterCreator.js +6 -23
package/ExposedModules.js CHANGED
@@ -1,26 +1,19 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
7
+ exports.THREE = void 0;
8
8
  Object.defineProperty(exports, "TWEEN", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
11
  return _tween["default"];
12
12
  }
13
13
  });
14
- exports.THREE = void 0;
15
-
16
14
  var THREE = _interopRequireWildcard(require("three"));
17
-
18
15
  exports.THREE = THREE;
19
-
20
16
  var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
21
-
22
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
-
26
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = exports.FallbackVisualization = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var FallbackVisualization = function FallbackVisualization(_ref) {
9
+ var FallbackVisualization = exports.FallbackVisualization = function FallbackVisualization(_ref) {
13
10
  var imageSrc = _ref.imageSrc,
14
- className = _ref.className,
15
- classNameEmpty = _ref.classNameEmpty;
11
+ className = _ref.className,
12
+ classNameEmpty = _ref.classNameEmpty;
16
13
  return imageSrc ? /*#__PURE__*/_react["default"].createElement("img", {
17
14
  className: className,
18
15
  src: imageSrc
@@ -20,7 +17,4 @@ var FallbackVisualization = function FallbackVisualization(_ref) {
20
17
  className: classNameEmpty || className
21
18
  });
22
19
  };
23
-
24
- exports.FallbackVisualization = FallbackVisualization;
25
- var _default = FallbackVisualization;
26
- exports["default"] = _default;
20
+ var _default = exports["default"] = FallbackVisualization;
@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.colorEmbossingEffect = colorEmbossingEffect;
7
-
8
7
  var _createCanvas = require("../Utils/createCanvas");
9
-
10
8
  var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
11
-
9
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
12
10
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
-
14
11
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
-
16
12
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
-
18
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
19
-
20
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
21
-
13
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
15
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
-
24
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
25
-
26
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
27
-
28
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
-
16
+ 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; }
17
+ 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; }
18
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
30
21
  function colorEmbossingEffect(srcCanvas, options) {
31
22
  var _options$effectOption = _objectSpread({}, options.effectOptions),
32
- _options$effectOption2 = _options$effectOption.blur,
33
- blur = _options$effectOption2 === void 0 ? 4 : _options$effectOption2;
34
-
23
+ _options$effectOption2 = _options$effectOption.blur,
24
+ blur = _options$effectOption2 === void 0 ? 4 : _options$effectOption2;
35
25
  var shadows = [];
36
26
  shadows.push({
37
27
  blur: Math.max(2, 1 / options.currentZoom) * blur * 4,
@@ -41,16 +31,15 @@ function colorEmbossingEffect(srcCanvas, options) {
41
31
  });
42
32
  modifyImage(srcCanvas, shadows);
43
33
  }
44
-
45
34
  function modifyImage(srcCanvas, shadows) {
46
35
  var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas, true),
47
- _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
48
- imageCanvas = _createWorkingCanvas2[0],
49
- ctx = _createWorkingCanvas2[1];
50
-
36
+ _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
37
+ imageCanvas = _createWorkingCanvas2[0],
38
+ ctx = _createWorkingCanvas2[1];
51
39
  var negativeCanvas = (0, _PrintingEffectsUtils.createNegativeCanvas)(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
52
- var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height); // Draw shadow on background
40
+ var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
53
41
 
42
+ // Draw shadow on background
54
43
  ctx.drawImage(shadowCanvas, 0, 0);
55
44
  var srcCtx = srcCanvas.getContext("2d");
56
45
  srcCtx.clearRect(0, 0, imageCanvas.width, imageCanvas.height);
@@ -1,30 +1,22 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.domingEffect = domingEffect;
7
-
8
8
  var _createCanvas = require("../Utils/createCanvas");
9
-
10
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
11
-
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
-
14
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
-
9
+ 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; }
10
+ 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; }
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
16
14
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
-
18
15
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
19
-
20
16
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
21
-
22
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
23
-
24
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
25
-
17
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
18
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
26
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
-
28
20
  function domingEffect(srcCanvas) {
29
21
  var shadows = [{
30
22
  blur: "2px",
@@ -54,96 +46,81 @@ function domingEffect(srcCanvas) {
54
46
  }];
55
47
  modifyImage(srcCanvas, shadows);
56
48
  }
57
-
58
49
  function invertColor(color) {
59
50
  var colorArray = color.replace(/[^\d,.]/g, "").split(",");
60
51
  var inverted = [];
61
-
62
52
  for (var k = 0; k < colorArray.length; k++) {
63
53
  inverted[k] = 255 - colorArray[k];
64
54
  }
65
-
66
55
  return "rgb(".concat(inverted[0], ",").concat(inverted[1], ",").concat(inverted[2], ",").concat(colorArray[3], ")");
67
56
  }
68
-
69
57
  var createDropShadow = function createDropShadow(_ref) {
70
58
  var offsetX = _ref.offsetX,
71
- offsetY = _ref.offsetY,
72
- blur = _ref.blur,
73
- color = _ref.color;
59
+ offsetY = _ref.offsetY,
60
+ blur = _ref.blur,
61
+ color = _ref.color;
74
62
  return "drop-shadow(".concat([offsetX, offsetY, blur, color].join(" "), ")");
75
63
  };
76
-
77
64
  function modifyImage(srcCanvas, shadows) {
78
65
  if (!shadows || shadows.length === 0) {
79
66
  // eslint-disable-next-line no-console
80
67
  console.warn("Could not apply effect, shadows has to be provided!");
81
68
  return;
82
69
  }
83
-
84
70
  var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas),
85
- _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
86
- imageCanvas = _createWorkingCanvas2[0],
87
- ctx = _createWorkingCanvas2[1];
88
-
71
+ _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
72
+ imageCanvas = _createWorkingCanvas2[0],
73
+ ctx = _createWorkingCanvas2[1];
89
74
  ctx.drawImage(srcCanvas, 0, 0);
90
75
  var width = imageCanvas.width,
91
- height = imageCanvas.height;
76
+ height = imageCanvas.height;
92
77
  var diagonal = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
93
78
  var rectHeight = width * height / diagonal / diagonal;
94
79
  var gradient = ctx.createLinearGradient(0, 0, height, width);
95
80
  gradient.addColorStop(0, "rgba(0,0,0,0)");
96
81
  gradient.addColorStop(rectHeight - 0.005, "rgba(0,0,0,0)");
97
82
  gradient.addColorStop(1, "rgba(0,0,0,1)");
98
-
99
83
  var _createWorkingCanvas3 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
100
- _createWorkingCanvas4 = _slicedToArray(_createWorkingCanvas3, 2),
101
- shadowCanvas = _createWorkingCanvas4[0],
102
- shadowContext = _createWorkingCanvas4[1];
103
-
84
+ _createWorkingCanvas4 = _slicedToArray(_createWorkingCanvas3, 2),
85
+ shadowCanvas = _createWorkingCanvas4[0],
86
+ shadowContext = _createWorkingCanvas4[1];
104
87
  shadowContext.strokeStyle = gradient;
105
88
  shadowContext.lineWidth = 8;
106
89
  shadowContext.strokeRect(0, 0, width, height);
107
-
108
90
  for (var i = 0; i < shadows.length; i++) {
109
91
  shadowContext.filter = createDropShadow(shadows[i]);
110
92
  shadowContext.drawImage(shadowCanvas, 0, 0);
111
93
  ctx.drawImage(shadowCanvas, 0, 0);
112
94
  }
113
-
114
95
  var gradient2 = ctx.createLinearGradient(0, 0, height, width);
115
96
  gradient2.addColorStop(0, "rgba(255,255,255,1)");
116
97
  gradient2.addColorStop(rectHeight + 0.005, "rgba(255,255,255,0)");
117
98
  gradient2.addColorStop(1, "rgba(255,255,255,0)");
118
-
119
99
  var _createWorkingCanvas5 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
120
- _createWorkingCanvas6 = _slicedToArray(_createWorkingCanvas5, 2),
121
- shadowCanvas2 = _createWorkingCanvas6[0],
122
- shadowContext2 = _createWorkingCanvas6[1];
123
-
100
+ _createWorkingCanvas6 = _slicedToArray(_createWorkingCanvas5, 2),
101
+ shadowCanvas2 = _createWorkingCanvas6[0],
102
+ shadowContext2 = _createWorkingCanvas6[1];
124
103
  shadowContext2.strokeStyle = gradient2;
125
104
  shadowContext2.lineWidth = 8;
126
105
  shadowContext2.strokeRect(0, 0, width, height);
127
-
128
- for (var _i2 = 0; _i2 < shadows.length; _i2++) {
129
- var invertedColor = invertColor(shadows[_i2].color);
130
- shadowContext2.filter = createDropShadow(_objectSpread(_objectSpread({}, shadows[_i2]), {}, {
106
+ for (var _i = 0; _i < shadows.length; _i++) {
107
+ var invertedColor = invertColor(shadows[_i].color);
108
+ shadowContext2.filter = createDropShadow(_objectSpread(_objectSpread({}, shadows[_i]), {}, {
131
109
  color: invertedColor
132
110
  }));
133
111
  shadowContext2.drawImage(shadowCanvas2, 0, 0);
134
112
  ctx.drawImage(shadowCanvas2, 0, 0);
135
113
  }
136
-
137
114
  var _createWorkingCanvas7 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
138
- _createWorkingCanvas8 = _slicedToArray(_createWorkingCanvas7, 2),
139
- lighterCanvas = _createWorkingCanvas8[0],
140
- lighterContext = _createWorkingCanvas8[1];
141
-
115
+ _createWorkingCanvas8 = _slicedToArray(_createWorkingCanvas7, 2),
116
+ lighterCanvas = _createWorkingCanvas8[0],
117
+ lighterContext = _createWorkingCanvas8[1];
142
118
  lighterContext.fillStyle = "rgba(0,0,0,0.1)";
143
119
  lighterContext.fillRect(0, 0, width, height);
144
120
  ctx.globalCompositeOperation = "destination-out";
145
- ctx.drawImage(lighterCanvas, 0, 0); // copy the created image over the src canvas
121
+ ctx.drawImage(lighterCanvas, 0, 0);
146
122
 
123
+ // copy the created image over the src canvas
147
124
  var srcCtx = srcCanvas.getContext("2d");
148
125
  srcCtx.clearRect(0, 0, width, height);
149
126
  srcCtx.drawImage(imageCanvas, 0, 0);
@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.embossingEffect = embossingEffect;
7
-
8
7
  var _createCanvas = require("../Utils/createCanvas");
9
-
10
8
  var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
11
-
9
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
12
10
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
13
-
14
11
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
-
16
12
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
-
18
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
19
-
20
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
21
-
13
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
14
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
15
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
-
24
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
25
-
26
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
27
-
28
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
-
16
+ 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; }
17
+ 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; }
18
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
30
21
  function embossingEffect(srcCanvas, options) {
31
22
  var _options$effectOption = _objectSpread({}, options.effectOptions),
32
- _options$effectOption2 = _options$effectOption.fillColor,
33
- fillColor = _options$effectOption2 === void 0 ? "transparent" : _options$effectOption2,
34
- _options$effectOption3 = _options$effectOption.blur,
35
- blur = _options$effectOption3 === void 0 ? 4 : _options$effectOption3;
36
-
23
+ _options$effectOption2 = _options$effectOption.fillColor,
24
+ fillColor = _options$effectOption2 === void 0 ? "transparent" : _options$effectOption2,
25
+ _options$effectOption3 = _options$effectOption.blur,
26
+ blur = _options$effectOption3 === void 0 ? 4 : _options$effectOption3;
37
27
  var shadows = [];
38
28
  shadows.push({
39
29
  blur: Math.max(2, 1 / options.currentZoom) * blur * 4,
@@ -43,22 +33,20 @@ function embossingEffect(srcCanvas, options) {
43
33
  });
44
34
  modifyImage(srcCanvas, shadows, fillColor);
45
35
  }
46
-
47
36
  function modifyImage(srcCanvas, shadows, fillColor) {
48
37
  var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas),
49
- _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
50
- imageCanvas = _createWorkingCanvas2[0],
51
- ctx = _createWorkingCanvas2[1];
52
-
38
+ _createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
39
+ imageCanvas = _createWorkingCanvas2[0],
40
+ ctx = _createWorkingCanvas2[1];
53
41
  if (fillColor !== undefined) {
54
42
  var backgroundCanvas = (0, _PrintingEffectsUtils.createBackgroundCanvas)(srcCanvas, fillColor, imageCanvas.width, imageCanvas.height);
55
43
  var negativeCanvas = (0, _PrintingEffectsUtils.createNegativeCanvas)(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
56
- var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height); // Draw shadow on background
44
+ var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
57
45
 
46
+ // Draw shadow on background
58
47
  ctx.drawImage(backgroundCanvas, 0, 0);
59
48
  ctx.drawImage(shadowCanvas, 0, 0);
60
49
  }
61
-
62
50
  var srcCtx = srcCanvas.getContext("2d");
63
51
  srcCtx.clearRect(0, 0, imageCanvas.width, imageCanvas.height);
64
52
  srcCtx.drawImage(imageCanvas, 0, 0);