redhotmagma-visualization 1.43.2 → 1.44.0

package/Three/Three2D.js

@@ -297,28 +297,51 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
     }
   }, {
     key: "setCameraPositionToCurrentDesignArea",
-    value: function setCameraPositionToCurrentDesignArea() {
-      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          animate: false,
-          duration: {}
-        },
-        animate = _ref5.animate,
-        duration = _ref5.duration;
-      var designArea = this._currentDesignArea || (0, _first["default"])(this._designAreaList);
-      var obj = designArea && this.findAreaObjectByName(designArea.identifier);
-      var zoom = this.calculateZoomForObject(obj);
-      var position = new _three.Vector3();
-      if (obj) {
-        obj.getWorldPosition(position);
-      }
-      position.z = this.camera.position.z;
-      if (animate) {
-        this.moveCamera(position, zoom, duration);
-      } else {
-        this.stopAnimation("camera");
-        this.setCameraPosition(position, zoom);
+    value: function () {
+      var _setCameraPositionToCurrentDesignArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _ref5,
+          animate,
+          duration,
+          designArea,
+          obj,
+          zoom,
+          position,
+          _args2 = arguments;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _ref5 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {
+                animate: false,
+                duration: {}
+              }, animate = _ref5.animate, duration = _ref5.duration;
+              _context2.next = 3;
+              return this.getScreenshotsReady();
+            case 3:
+              designArea = this._currentDesignArea || (0, _first["default"])(this._designAreaList);
+              obj = designArea && this.findAreaObjectByName(designArea.identifier);
+              zoom = this.calculateZoomForObject(obj);
+              position = new _three.Vector3();
+              if (obj) {
+                obj.getWorldPosition(position);
+              }
+              position.z = this.camera.position.z;
+              if (animate) {
+                this.moveCamera(position, zoom, duration);
+              } else {
+                this.stopAnimation("camera");
+                this.setCameraPosition(position, zoom);
+              }
+            case 10:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function setCameraPositionToCurrentDesignArea() {
+        return _setCameraPositionToCurrentDesignArea.apply(this, arguments);
       }
-    }
+      return setCameraPositionToCurrentDesignArea;
+    }()
   }, {
     key: "updateCamera",
     value: function updateCamera(width, height) {
@@ -484,28 +507,28 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "dispatchMaterialUpdateEvent",
     value: function () {
-      var _dispatchMaterialUpdateEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _dispatchMaterialUpdateEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var options,
           _options$screenshot,
           screenshot,
           eventParams,
-          _args2 = arguments;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+          _args3 = arguments;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              options = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {};
+              options = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
               _options$screenshot = options.screenshot, screenshot = _options$screenshot === void 0 ? false : _options$screenshot;
               eventParams = {
                 variant: this._materialVariantPath,
                 screenshot: screenshot
               }; // the redrawing of the areas can be synced if the event handler returns a Promise
-              _context2.next = 5;
+              _context3.next = 5;
               return this.observable.dispatch(_Constants.EventTypes.MaterialUpdated, eventParams, true);
             case 5:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
       function dispatchMaterialUpdateEvent() {
         return _dispatchMaterialUpdateEvent.apply(this, arguments);
@@ -515,22 +538,22 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "updateMaterial",
     value: function () {
-      var _updateMaterial = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _updateMaterial = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var targetObject,
-          _args3 = arguments;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+          _args4 = arguments;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              targetObject = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : this.scene;
-              _context3.next = 3;
+              targetObject = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : this.scene;
+              _context4.next = 3;
               return this.updateView(this._currentDesignView);
             case 3:
-              return _context3.abrupt("return", _context3.sent);
+              return _context4.abrupt("return", _context4.sent);
             case 4:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
       function updateMaterial() {
         return _updateMaterial.apply(this, arguments);
@@ -540,30 +563,30 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "_getDrawingContext",
     value: function () {
-      var _getDrawingContext2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(drawingFn) {
+      var _getDrawingContext2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(drawingFn) {
         var _this4 = this;
         var updateAlpha,
           clearTexture,
           materialName,
           availableDesignAreas,
-          _args5 = arguments;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+          _args6 = arguments;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              updateAlpha = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : false;
-              clearTexture = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : false;
-              materialName = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : undefined;
+              updateAlpha = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : false;
+              clearTexture = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : false;
+              materialName = _args6.length > 3 && _args6[3] !== undefined ? _args6[3] : undefined;
               availableDesignAreas = (0, _get2["default"])(this._currentDesignView, "designAreas") || [];
-              _context5.next = 6;
+              _context6.next = 6;
               return Promise.all(availableDesignAreas.map( /*#__PURE__*/function () {
-                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(designArea) {
+                var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(designArea) {
                   var material, _this4$getCanvasConte, ctx, canvas, texture, getTextureBuilder, width, height;
-                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
+                  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                    while (1) switch (_context5.prev = _context5.next) {
                       case 0:
                         material = _this4._materialMap.get(designArea.identifier);
                         if (!(!material || !material.map || !material.map.image)) {
-                          _context4.next = 3;
+                          _context5.next = 3;
                           break;
                         }
                         throw new Error("Cannot get drawing context for material: ".concat(materialName, "! Is it prepared already?"));
@@ -577,15 +600,15 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                           width = canvas.width, height = canvas.height;
                           ctx.clearRect(0, 0, width, height);
                         }
-                        _context4.next = 8;
+                        _context5.next = 8;
                         return drawingFn(ctx, getTextureBuilder, [designArea]);
                       case 8:
                         texture.needsUpdate = true;
                       case 9:
                       case "end":
-                        return _context4.stop();
+                        return _context5.stop();
                     }
-                  }, _callee4);
+                  }, _callee5);
                 }));
                 return function (_x3) {
                   return _ref7.apply(this, arguments);
@@ -597,9 +620,9 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
               }
             case 7:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
       function _getDrawingContext(_x2) {
         return _getDrawingContext2.apply(this, arguments);
@@ -609,58 +632,58 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "getDrawingContext",
     value: function () {
-      var _getDrawingContext3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var _getDrawingContext3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
         var _this$_getDrawingCont,
           _this5 = this;
-        var _args7 = arguments;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        var _args8 = arguments;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              this._redraw = (_this$_getDrawingCont = this._getDrawingContext).bind.apply(_this$_getDrawingCont, [this].concat(Array.prototype.slice.call(_args7)));
-              _context7.prev = 1;
-              _context7.next = 4;
+              this._redraw = (_this$_getDrawingCont = this._getDrawingContext).bind.apply(_this$_getDrawingCont, [this].concat(Array.prototype.slice.call(_args8)));
+              _context8.prev = 1;
+              _context8.next = 4;
               return this._redrawPromise;
             case 4:
-              _context7.next = 8;
+              _context8.next = 8;
               break;
             case 6:
-              _context7.prev = 6;
-              _context7.t0 = _context7["catch"](1);
+              _context8.prev = 6;
+              _context8.t0 = _context8["catch"](1);
             case 8:
               this._redrawPromise = new Promise(function (resolve, reject) {
-                _this5._redrawFrame = window.requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-                  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-                    while (1) switch (_context6.prev = _context6.next) {
+                _this5._redrawFrame = window.requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+                  return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                    while (1) switch (_context7.prev = _context7.next) {
                       case 0:
-                        _context6.prev = 0;
-                        _context6.next = 3;
+                        _context7.prev = 0;
+                        _context7.next = 3;
                         return _this5.redraw();
                       case 3:
                         resolve();
-                        _context6.next = 9;
+                        _context7.next = 9;
                         break;
                       case 6:
-                        _context6.prev = 6;
-                        _context6.t0 = _context6["catch"](0);
-                        reject(_context6.t0);
+                        _context7.prev = 6;
+                        _context7.t0 = _context7["catch"](0);
+                        reject(_context7.t0);
                       case 9:
-                        _context6.prev = 9;
+                        _context7.prev = 9;
                         delete _this5._redrawPromise;
-                        return _context6.finish(9);
+                        return _context7.finish(9);
                       case 12:
                       case "end":
-                        return _context6.stop();
+                        return _context7.stop();
                     }
-                  }, _callee6, null, [[0, 6, 9, 12]]);
+                  }, _callee7, null, [[0, 6, 9, 12]]);
                 })));
               });
-              _context7.next = 11;
+              _context8.next = 11;
               return this._redrawPromise;
             case 11:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7, this, [[1, 6]]);
+        }, _callee8, this, [[1, 6]]);
       }));
       function getDrawingContext() {
         return _getDrawingContext3.apply(this, arguments);
@@ -713,28 +736,28 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "loadView",
     value: function () {
-      var _loadView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var _loadView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
         var rerender,
           url,
           image,
           tex,
-          _args8 = arguments;
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+          _args9 = arguments;
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              rerender = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
+              rerender = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
               if (this._itemPath && this._viewPath) {
-                _context8.next = 3;
+                _context9.next = 3;
                 break;
               }
-              return _context8.abrupt("return", false);
+              return _context9.abrupt("return", false);
             case 3:
               url = this.getModelPath();
               this.onLoadStart();
-              _context8.next = 7;
+              _context9.next = 7;
               return this._imageRepository.loadImage(url);
             case 7:
-              image = _context8.sent;
+              image = _context9.sent;
               this.onLoadFinished();
               tex = new _three.Texture(this._options.optimizeProductImage ? (0, _optimizeTextureImage.optimizeTextureImage)(image, MAX_TEXTURE_SIZE, MIN_TEXTURE_SIZE) : image);
               tex.premultiplyAlpha = this._options.premultiplyAlpha;
@@ -749,9 +772,9 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
               }
             case 16:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
       function loadView() {
         return _loadView.apply(this, arguments);
@@ -948,24 +971,24 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "updateViewForArea",
     value: function () {
-      var _updateViewForArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(selectedDesignArea) {
+      var _updateViewForArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(selectedDesignArea) {
         var options,
           designView,
-          _args9 = arguments;
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+          _args10 = arguments;
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              options = _args9.length > 1 && _args9[1] !== undefined ? _args9[1] : {};
+              options = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : {};
               designView = (0, _get2["default"])(selectedDesignArea, "designView");
-              _context9.next = 4;
+              _context10.next = 4;
               return this.updateView(designView, options);
             case 4:
-              return _context9.abrupt("return", _context9.sent);
+              return _context10.abrupt("return", _context10.sent);
             case 5:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this);
+        }, _callee10, this);
       }));
       function updateViewForArea(_x4) {
         return _updateViewForArea.apply(this, arguments);
@@ -1008,7 +1031,7 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "jumpToArea",
     value: function () {
-      var _jumpToArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(designAreaIdentifier) {
+      var _jumpToArea = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(designAreaIdentifier) {
         var animate,
           duration,
           forceUpdate,
@@ -1016,20 +1039,20 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
           obj,
           zoom,
           position,
-          _args10 = arguments;
-        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+          _args11 = arguments;
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              animate = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : true;
-              duration = _args10.length > 2 && _args10[2] !== undefined ? _args10[2] : {};
-              forceUpdate = _args10.length > 3 && _args10[3] !== undefined ? _args10[3] : false;
+              animate = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : true;
+              duration = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : {};
+              forceUpdate = _args11.length > 3 && _args11[3] !== undefined ? _args11[3] : false;
               // use the current design area if present, otherwise try to find it by the designViewIdentifier
               designArea = (0, _size["default"])(this._currentDesignArea) > 0 ? this._currentDesignArea : this.findDesignArea(designAreaIdentifier);
               if (!(designAreaIdentifier !== "default")) {
-                _context10.next = 8;
+                _context11.next = 8;
                 break;
               }
-              _context10.next = 7;
+              _context11.next = 7;
               return this.updateViewForArea(designArea, {
                 forceUpdate: forceUpdate
               });
@@ -1037,12 +1060,12 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
               this.render();
             case 8:
               if (this._containerGroup) {
-                _context10.next = 11;
+                _context11.next = 11;
                 break;
               }
               // eslint-disable-next-line no-console
               console.log("Container group is not available, skipping jump to view!");
-              return _context10.abrupt("return", false);
+              return _context11.abrupt("return", false);
             case 11:
               obj = designArea && this.findAreaObjectByName(designArea.identifier);
               zoom = this.calculateZoomForObject(obj);
@@ -1056,12 +1079,12 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
               } else {
                 this.setCameraPosition(position, zoom);
               }
-              return _context10.abrupt("return", true);
+              return _context11.abrupt("return", true);
             case 18:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
       function jumpToArea(_x5) {
         return _jumpToArea.apply(this, arguments);
@@ -1076,28 +1099,28 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "setView",
     value: function () {
-      var _setView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(designView) {
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+      var _setView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(designView) {
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              _context11.next = 2;
+              _context12.next = 2;
               return this.updateView(designView);
             case 2:
               if (this._containerGroup) {
-                _context11.next = 5;
+                _context12.next = 5;
                 break;
               }
               // eslint-disable-next-line no-console
               console.log("Container group is not available, skipping jump to view!");
-              return _context11.abrupt("return", false);
+              return _context12.abrupt("return", false);
             case 5:
               this.render();
-              return _context11.abrupt("return", true);
+              return _context12.abrupt("return", true);
             case 7:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11, this);
+        }, _callee12, this);
       }));
       function setView(_x6) {
         return _setView.apply(this, arguments);
@@ -1121,18 +1144,18 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "updateDesignAreaList",
     value: function () {
-      var _updateDesignAreaList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(designAreaList) {
+      var _updateDesignAreaList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(designAreaList) {
         var updateView,
           identifier,
           activeArea,
-          _args12 = arguments;
-        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+          _args13 = arguments;
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              updateView = _args12.length > 1 && _args12[1] !== undefined ? _args12[1] : false;
+              updateView = _args13.length > 1 && _args13[1] !== undefined ? _args13[1] : false;
               this._designAreaList = designAreaList;
               if (!updateView) {
-                _context12.next = 9;
+                _context13.next = 9;
                 break;
               }
               identifier = this._currentDesignArea && this._currentDesignArea.identifier;
@@ -1140,19 +1163,19 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                 identifier: identifier
               }) || (0, _first["default"])(designAreaList);
               if (!activeArea) {
-                _context12.next = 9;
+                _context13.next = 9;
                 break;
               }
-              _context12.next = 8;
+              _context13.next = 8;
               return this.updateViewForArea(activeArea);
             case 8:
               // update the zoom to the initial value only if there is no designArea selected
               !identifier && this.updateZoom();
             case 9:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
       function updateDesignAreaList(_x7) {
         return _updateDesignAreaList.apply(this, arguments);
@@ -1179,28 +1202,28 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
   }, {
     key: "getScreenshots",
     value: function () {
-      var _getScreenshots = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(callback, _ref10) {
+      var _getScreenshots = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(callback, _ref10) {
         var _this9 = this;
         var designViewList, areaList, variantList, size, removeTempOverlay, origDesignView, designAreaList, variants, screenshots, origVariantPath, origSize, origPixelRatio, restoreOriginalValues, camera, views, _iterator, _step, _loop, _ret;
-        return _regeneratorRuntime().wrap(function _callee15$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime().wrap(function _callee16$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               designViewList = _ref10.designViewList, areaList = _ref10.areaList, variantList = _ref10.variantList, size = _ref10.size;
               if (this.renderer) {
-                _context17.next = 3;
+                _context18.next = 3;
                 break;
               }
-              return _context17.abrupt("return", callback({}));
+              return _context18.abrupt("return", callback({}));
             case 3:
               this._screenshottingInProgress = true;
               this.endAnimation();
-              _context17.next = 7;
+              _context18.next = 7;
               return this.animationRunning();
             case 7:
-              _context17.next = 9;
+              _context18.next = 9;
               return this.createTempOverlay();
             case 9:
-              removeTempOverlay = _context17.sent;
+              removeTempOverlay = _context18.sent;
               origDesignView = this._currentDesignView; // if the areaList option is provided, use it to filter the design areas
               designAreaList = areaList instanceof Array && areaList.length > 0 ? this._designAreaList.filter(function (designArea) {
                 return areaList.indexOf(designArea.identifier) !== -1;
@@ -1212,15 +1235,15 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
               this.renderer.getSize(origSize);
               origPixelRatio = this.renderer.getPixelRatio();
               restoreOriginalValues = /*#__PURE__*/function () {
-                var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-                  return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-                    while (1) switch (_context13.prev = _context13.next) {
+                var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+                  return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+                    while (1) switch (_context14.prev = _context14.next) {
                       case 0:
                         _this9._screenshotCamera = null;
                         _this9._screenshottingInProgress = false;
                         _this9._materialVariantPath = origVariantPath;
                         _this9._currentDesignView = null;
-                        _context13.next = 6;
+                        _context14.next = 6;
                         return _this9.setView(origDesignView);
                       case 6:
                         _this9.renderer.setSize(origSize.width, origSize.height);
@@ -1229,9 +1252,9 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                         removeTempOverlay();
                       case 10:
                       case "end":
-                        return _context13.stop();
+                        return _context14.stop();
                     }
-                  }, _callee13);
+                  }, _callee14);
                 }));
                 return function restoreOriginalValues() {
                   return _ref11.apply(this, arguments);
@@ -1244,48 +1267,48 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                 return designView;
               });
               _iterator = _createForOfIteratorHelper(variants);
-              _context17.prev = 23;
+              _context18.prev = 23;
               _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
                 var variant, data, _iterator2, _step2, _loop2, _ret2;
-                return _regeneratorRuntime().wrap(function _loop$(_context16) {
-                  while (1) switch (_context16.prev = _context16.next) {
+                return _regeneratorRuntime().wrap(function _loop$(_context17) {
+                  while (1) switch (_context17.prev = _context17.next) {
                     case 0:
                       variant = _step.value;
                       data = {};
                       _this9.setMaterialVariantPath(variant);
                       _this9._currentDesignView = null;
                       _iterator2 = _createForOfIteratorHelper(views);
-                      _context16.prev = 5;
+                      _context17.prev = 5;
                       _loop2 = /*#__PURE__*/_regeneratorRuntime().mark(function _loop2() {
                         var view;
-                        return _regeneratorRuntime().wrap(function _loop2$(_context15) {
-                          while (1) switch (_context15.prev = _context15.next) {
+                        return _regeneratorRuntime().wrap(function _loop2$(_context16) {
+                          while (1) switch (_context16.prev = _context16.next) {
                             case 0:
                               view = _step2.value;
                               if (!_this9._abortScreenshotting) {
-                                _context15.next = 7;
+                                _context16.next = 7;
                                 break;
                               }
-                              _context15.next = 4;
+                              _context16.next = 4;
                               return restoreOriginalValues();
                             case 4:
-                              _context15.t0 = _context15.sent;
-                              _context15.t1 = {
-                                v: _context15.t0
+                              _context16.t0 = _context16.sent;
+                              _context16.t1 = {
+                                v: _context16.t0
                               };
-                              return _context15.abrupt("return", {
-                                v: _context15.t1
+                              return _context16.abrupt("return", {
+                                v: _context16.t1
                               });
                             case 7:
-                              _context15.prev = 7;
-                              _context15.next = 10;
+                              _context16.prev = 7;
+                              _context16.next = 10;
                               return new Promise(function (resolve) {
-                                window.setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+                                window.setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
                                   var _this9$getScreenshotS, width, height;
-                                  return _regeneratorRuntime().wrap(function _callee14$(_context14) {
-                                    while (1) switch (_context14.prev = _context14.next) {
+                                  return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+                                    while (1) switch (_context15.prev = _context15.next) {
                                       case 0:
-                                        _context14.next = 2;
+                                        _context15.next = 2;
                                         return _this9.updateView(view, {
                                           forceUpdate: false,
                                           updateMaterial: false
@@ -1300,7 +1323,7 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                                           height: height
                                         });
                                         camera.updateProjectionMatrix();
-                                        _context14.next = 10;
+                                        _context15.next = 10;
                                         return _this9.dispatchMaterialUpdateEvent({
                                           screenshot: true
                                         });
@@ -1313,97 +1336,97 @@ var Three2D = exports.Three2D = /*#__PURE__*/function (_ThreeBase) {
                                         resolve();
                                       case 15:
                                       case "end":
-                                        return _context14.stop();
+                                        return _context15.stop();
                                     }
-                                  }, _callee14);
+                                  }, _callee15);
                                 })));
                               });
                             case 10:
-                              _context15.next = 14;
+                              _context16.next = 14;
                               break;
                             case 12:
-                              _context15.prev = 12;
-                              _context15.t2 = _context15["catch"](7);
+                              _context16.prev = 12;
+                              _context16.t2 = _context16["catch"](7);
                             case 14:
                             case "end":
-                              return _context15.stop();
+                              return _context16.stop();
                           }
                         }, _loop2, null, [[7, 12]]);
                       });
                       _iterator2.s();
                     case 8:
                       if ((_step2 = _iterator2.n()).done) {
-                        _context16.next = 15;
+                        _context17.next = 15;
                         break;
                       }
-                      return _context16.delegateYield(_loop2(), "t0", 10);
+                      return _context17.delegateYield(_loop2(), "t0", 10);
                     case 10:
-                      _ret2 = _context16.t0;
+                      _ret2 = _context17.t0;
                       if (!_ret2) {
-                        _context16.next = 13;
+                        _context17.next = 13;
                         break;
                       }
-                      return _context16.abrupt("return", _ret2.v);
+                      return _context17.abrupt("return", _ret2.v);
                     case 13:
-                      _context16.next = 8;
+                      _context17.next = 8;
                       break;
                     case 15:
-                      _context16.next = 20;
+                      _context17.next = 20;
                       break;
                     case 17:
-                      _context16.prev = 17;
-                      _context16.t1 = _context16["catch"](5);
-                      _iterator2.e(_context16.t1);
+                      _context17.prev = 17;
+                      _context17.t1 = _context17["catch"](5);
+                      _iterator2.e(_context17.t1);
                     case 20:
-                      _context16.prev = 20;
+                      _context17.prev = 20;
                       _iterator2.f();
-                      return _context16.finish(20);
+                      return _context17.finish(20);
                     case 23:
                       screenshots[variant] = data;
                     case 24:
                     case "end":
-                      return _context16.stop();
+                      return _context17.stop();
                   }
                 }, _loop, null, [[5, 17, 20, 23]]);
               });
               _iterator.s();
             case 26:
               if ((_step = _iterator.n()).done) {
-                _context17.next = 33;
+                _context18.next = 33;
                 break;
               }
-              return _context17.delegateYield(_loop(), "t0", 28);
+              return _context18.delegateYield(_loop(), "t0", 28);
             case 28:
-              _ret = _context17.t0;
+              _ret = _context18.t0;
               if (!_ret) {
-                _context17.next = 31;
+                _context18.next = 31;
                 break;
               }
-              return _context17.abrupt("return", _ret.v);
+              return _context18.abrupt("return", _ret.v);
             case 31:
-              _context17.next = 26;
+              _context18.next = 26;
               break;
             case 33:
-              _context17.next = 38;
+              _context18.next = 38;
               break;
             case 35:
-              _context17.prev = 35;
-              _context17.t1 = _context17["catch"](23);
-              _iterator.e(_context17.t1);
+              _context18.prev = 35;
+              _context18.t1 = _context18["catch"](23);
+              _iterator.e(_context18.t1);
             case 38:
-              _context17.prev = 38;
+              _context18.prev = 38;
               _iterator.f();
-              return _context17.finish(38);
+              return _context18.finish(38);
             case 41:
-              _context17.next = 43;
+              _context18.next = 43;
               return restoreOriginalValues();
             case 43:
               callback(screenshots);
             case 44:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee15, this, [[23, 35, 38, 41]]);
+        }, _callee16, this, [[23, 35, 38, 41]]);
       }));
       function getScreenshots(_x8, _x9) {
         return _getScreenshots.apply(this, arguments);