kitchen-simulator 11.28.0 → 11.28.2

package/lib/components/viewer3d/scene-creator.js

@@ -527,6 +527,8 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             getDistances(layer, item);
           }, 50);
           removeSelItemMesh(tmpMoldings, item, planData, mode);
+        } else if (modifiedPath[keyIndex] == 'mirrored') {
+          applyMirrorToItem3D(item3D, item.mirrored);
         } else if (modifiedPath[keyIndex] == 'selected') {
           var itemType = !!catalog.elements[item.type] ? catalog.elements[item.type].type : catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)].type;
           if (value == false) {
@@ -2247,6 +2249,22 @@ function updateItem(sceneData, oldSceneData, planData, layer, itemID, difference
   if (!mesh) return null;
   return catalog.getElement(item.type).updateRender3D(item, layer, sceneData, mesh, oldItem, differences, selfDestroy, selfBuild);
 }
+function applyMirrorToItem3D(item3D, mirrored) {
+  var _item3D$children, _object$children;
+  var object = item3D === null || item3D === void 0 || (_item3D$children = item3D.children) === null || _item3D$children === void 0 ? void 0 : _item3D$children[0];
+  if (!object || !object.scale) return;
+  var shouldMirror = mirrored === true;
+  var isCurrentlyMirrored = object.scale.x < 0;
+  if (shouldMirror !== isCurrentlyMirrored) object.scale.x *= -1;
+  var transformGizmo = (_object$children = object.children) === null || _object$children === void 0 ? void 0 : _object$children.find(function (child) {
+    return child.name === 'TransformGizmo';
+  });
+  if (transformGizmo !== null && transformGizmo !== void 0 && transformGizmo.scale) {
+    var sign = object.scale.x < 0 ? -1 : 1;
+    transformGizmo.scale.x = sign * Math.abs(transformGizmo.scale.x);
+  }
+  object.userData.mirrored = shouldMirror;
+}
 
 // Apply interact function to children of an Object3D
 function applyInteract(object, interactFunction) {

package/lib/components/viewer3d/viewer3d.js

@@ -31,11 +31,13 @@ var _RGBELoader = require("three/examples/jsm/loaders/RGBELoader");
 var _cameraControls = _interopRequireDefault(require("camera-controls"));
 var _objectsUtils = require("../../utils/objects-utils");
 var _utils = require("../viewer2d/utils");
+var _cabinetMirror = require("../../shared/domain/cabinet-mirror");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2["default"])(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; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var ICON_SPACING = 0;
 _cameraControls["default"].install({
   THREE: Three
 });
@@ -350,6 +352,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       var bRotate = false;
       var bMove = false;
       var bMoveUP = false;
+      var bMirror = false;
       /** Transformation matrix of grid */
       var gridMatrix = new Three.Matrix4();
       var rayDirection = new Three.Vector3();
@@ -1051,35 +1054,73 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       var firstMove = false;
       var prevX, prevY;
       var selObj = null;
+      var TOOL_CANVAS_WIDTH = 100;
+      var TOOL_CANVAS_TWO_BUTTON_HEIGHT = 200;
+      var TOOL_CANVAS_THREE_BUTTON_HEIGHT = 300;
+      var TOOL_BUTTON_RADIUS = 40;
+      var TOOL_BUTTONS_SPACING = 20;
+      var TOOL_HIT_RADIUS = 20;
+      var getItemMirrored = function getItemMirrored(item) {
+        return (item === null || item === void 0 ? void 0 : item.mirrored) === true;
+      };
+      var canMirrorItem = function canMirrorItem(item) {
+        return (0, _cabinetMirror.canMirrorCabinet)(item);
+      };
+      var toolTexture = null;
       var createToolObject = function createToolObject() {
+        var mirrorActive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        var canMirror = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var buttons = [{
+          src: '/assets/img/svg/3d_item_rotation.svg',
+          y: 50
+        }, {
+          src: '/assets/img/svg/3d_item_move.svg',
+          y: 150
+        }, canMirror && {
+          src: '/assets/img/svg/invert.svg',
+          y: 250,
+          flip: !mirrorActive
+        }].filter(Boolean);
         var canvas = document.createElement('canvas');
-        canvas.width = 100;
-        canvas.height = 200;
-        canvas.style.width = 50 + 'px';
-        canvas.style.height = 100 + 'px';
+        canvas.width = TOOL_CANVAS_WIDTH;
+        canvas.height = canMirror ? TOOL_CANVAS_THREE_BUTTON_HEIGHT : TOOL_CANVAS_TWO_BUTTON_HEIGHT;
+        canvas.style.width = '50px';
+        canvas.style.height = canMirror ? '150px' : '100px';
         var ctx = canvas.getContext('2d');
-        ctx.fillStyle = '#FFFFFF';
-        ctx.strokeStyle = '#000000';
-        ctx.beginPath();
-        ctx.arc(50, 50, 40, 0, 4 * Math.PI);
-        ctx.fill();
-        ctx.stroke();
-        var img1 = new Image();
-        img1.crossOrigin = 'anonymous';
-        img1.src = '/assets/img/svg/3d_item_rotation.svg';
-        img1.onload = function () {
-          ctx.drawImage(img1, 16, 16, 68, 68);
+        var drawShadowCircle = function drawShadowCircle(x, y, radius) {
+          ctx.save();
+          ctx.shadowColor = 'rgba(0, 0, 0, 0.16)';
+          ctx.shadowBlur = 2.4;
+          ctx.shadowOffsetX = 0;
+          ctx.shadowOffsetY = -1;
+          ctx.fillStyle = '#FFFFFF';
+          ctx.beginPath();
+          ctx.arc(x, y, radius, 0, 2 * Math.PI);
+          ctx.fill();
+          ctx.restore();
         };
-        ctx.beginPath();
-        ctx.arc(50, 150, 40, 0, 4 * Math.PI);
-        ctx.fill();
-        ctx.stroke();
-        var img2 = new Image();
-        img2.crossOrigin = 'anonymous';
-        img2.src = '/assets/img/svg/3d_item_move.svg';
-        img2.onload = function () {
-          ctx.drawImage(img2, 16, 116, 68, 68);
+        var drawIcon = function drawIcon(_ref) {
+          var src = _ref.src,
+            y = _ref.y,
+            flip = _ref.flip;
+          drawShadowCircle(50, y, TOOL_BUTTON_RADIUS);
+          var img = new Image();
+          img.crossOrigin = 'anonymous';
+          img.src = src;
+          img.onload = function () {
+            ctx.save();
+            if (flip) {
+              ctx.translate(100, 0);
+              ctx.scale(-1, 1);
+            }
+            ctx.imageSmoothingEnabled = true;
+            ctx.imageSmoothingQuality = 'high';
+            ctx.drawImage(img, 25, y - 25, 50, 50);
+            ctx.restore();
+            if (toolTexture) toolTexture.needsUpdate = true;
+          };
         };
+        buttons.forEach(drawIcon);
         return canvas;
       };
       var clockWise = true;
@@ -1118,7 +1159,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         lastAngle = rotate;
         return canvas;
       };
-      var toolTexture = new Three.Texture(createToolObject());
+      toolTexture = new Three.Texture(createToolObject(false, false));
       toolTexture.needsUpdate = true;
       var toolObj = new Three.Sprite(new Three.SpriteMaterial({
         map: toolTexture,
@@ -1129,6 +1170,15 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       toolObj.scale.set(20, 40, 20);
       toolObj.renderOrder = 3;
       toolObj.name = 'toolObj';
+      toolObj.userData.canMirror = false;
+      var refreshToolObject = function refreshToolObject(item) {
+        var showMirror = canMirrorItem(item);
+        toolTexture.image = createToolObject(getItemMirrored(item), showMirror);
+        toolTexture.needsUpdate = true;
+        toolObj.scale.set(20, showMirror ? 60 : 40, 20);
+        toolObj.userData.canMirror = showMirror;
+      };
+      this.refreshToolObject = refreshToolObject;
       var angleTexture = new Three.Texture(createAngleObject(0));
       angleTexture.needsUpdate = true;
       var angleObj = new Three.Sprite(new Three.SpriteMaterial({
@@ -1206,6 +1256,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         }
       };
       this.mouseDownEvent = function (event) {
+        var _selectedObject;
         gridPlanOrigin = gridPlane.position;
         gridMatrix.copy(gridPlane.matrixWorld).invert();
         var altitude = 0;
@@ -1234,6 +1285,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
          * 1 - move up/down
          * 2 - move x/y
          * 3 - camera rotate
+         * 4 - mirror
          */
         var transflag = 3;
         raycaster.setFromCamera(mouse, camera);
@@ -1247,20 +1299,23 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         var intersects = raycaster.intersectObjects(meshes, true);
         var toolIntersects = raycaster.intersectObjects([toolObj], true);
 
-        // This code is excuted when click the tool object(rotation or move icon).
+        // This code is excuted when click the tool object(rotation, move or mirror icon).
         if (toolIntersects.length > 0) {
           updateSelectedObject();
-          // it determines whether mouse is over on rotation icon or move icon.
-          var distance = Math.sqrt(Math.pow((toolIntersects[0].uv.x - 0.5) * 50, 2) + Math.pow((toolIntersects[0].uv.y - 0.25) * 100, 2));
-          // move icon selected
-          if (distance <= 20) {
+          var toolHeight = toolObj.userData.canMirror ? TOOL_CANVAS_THREE_BUTTON_HEIGHT : TOOL_CANVAS_TWO_BUTTON_HEIGHT;
+          var yScale = toolHeight / 2;
+          var distanceFromToolButton = function distanceFromToolButton(centerY) {
+            return Math.sqrt(Math.pow((toolIntersects[0].uv.x - 0.5) * 50, 2) + Math.pow((toolIntersects[0].uv.y - centerY) * yScale, 2));
+          };
+          var moveCenter = toolObj.userData.canMirror ? 0.5 : 0.25;
+          var rotateCenter = toolObj.userData.canMirror ? 5 / 6 : 0.75;
+          var mirrorCenter = 1 / 6;
+          if (toolObj.userData.canMirror && distanceFromToolButton(mirrorCenter) <= TOOL_HIT_RADIUS) {
+            transflag = 4;
+          } else if (distanceFromToolButton(moveCenter) <= TOOL_HIT_RADIUS) {
             transflag = 2;
-          } else {
-            distance = Math.sqrt(Math.pow((toolIntersects[0].uv.x - 0.5) * 50, 2) + Math.pow((toolIntersects[0].uv.y - 0.75) * 100, 2));
-            // rotation icon selected
-            if (distance <= 20) {
-              transflag = 0;
-            }
+          } else if (distanceFromToolButton(rotateCenter) <= TOOL_HIT_RADIUS) {
+            transflag = 0;
           }
         }
         if (intersects.length > 0) {
@@ -1279,6 +1334,19 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
           }
         }
         if (_this2.props.state.mode == _constants.MODE_DRAWING_ITEM_3D) return;
+        if (isSelected && transflag == 4 && (_selectedObject = selectedObject) !== null && _selectedObject !== void 0 && _selectedObject.itemID) {
+          var _this2$props$state$sc;
+          var selectedItem = (_this2$props$state$sc = _this2.props.state.scene.getIn(['layers', selectedObject.layerID])) === null || _this2$props$state$sc === void 0 ? void 0 : _this2$props$state$sc.items.get(selectedObject.itemID);
+          if (canMirrorItem(selectedItem)) {
+            var mirrored = selectedItem.mirrored !== true;
+            var mirroredItem = selectedItem.set('mirrored', mirrored);
+            refreshToolObject(mirroredItem);
+            _this2.context.itemsActions.toggleItemMirror(selectedObject.layerID, selectedObject.itemID, mirrored, _this2.props.onInternalEvent);
+            cameraControls.mouseButtons.left = _cameraControls["default"].ACTION.NONE;
+            bMirror = true;
+          }
+          return;
+        }
         if (isSelected) {
           !_this2.props.downloadFlag && _this2.props.setToolbar('');
           if (intersects.length > 0 && !isNaN(intersects[0].distance)) {
@@ -1297,13 +1365,13 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
             }
             if (selectedObject !== undefined) {
               // get selected object from planData.sceneGraph
-              var selectedItem = null;
+              var _selectedItem = null;
               switch (true) {
                 case 'itemID' in selectedObject:
-                  selectedItem = planData.sceneGraph.layers[selectedObject.layerID].items[selectedObject.itemID];
+                  _selectedItem = planData.sceneGraph.layers[selectedObject.layerID].items[selectedObject.itemID];
                   break;
                 case 'holeID' in selectedObject:
-                  selectedItem = planData.sceneGraph.layers[selectedObject.layerID].holes[selectedObject.holeID];
+                  _selectedItem = planData.sceneGraph.layers[selectedObject.layerID].holes[selectedObject.holeID];
                   break;
                 default:
                   break;
@@ -1322,7 +1390,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
                   offsetX: event.offsetX - 50,
                   offsetY: event.offsetY
                 }, alti);
-                if ((0, _util.isUndefined)(selectedItem)) return;
+                if ((0, _util.isUndefined)(_selectedItem)) return;
                 var selItem = _this2.props.state.scene.layers.get(selectedObject.layerID).items.get(selectedObject.itemID);
                 lastAngle = 0;
                 angleObj.position.set(planData.plan.position.x + Point.x, selItem.category === 'lighting' ? -planData.plan.position.y - selItem.properties.get('height').get('length') : selItem.properties.get('altitude').get('length') + planData.plan.position.y, planData.plan.position.z - Point.y);
@@ -1351,7 +1419,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
                 scene3D.remove(toolObj);
               }
               for (_i1 = 0; _i1 < intersects.length; _i1++) {
-                if (selectedItem != undefined && intersects[_i1].object.parent && intersects[_i1].object.parent.parent.userData.itemId === selectedItem.userData.itemId) selectedFlag = true;
+                if (_selectedItem != undefined && intersects[_i1].object.parent && intersects[_i1].object.parent.parent.userData.itemId === _selectedItem.userData.itemId) selectedFlag = true;
               }
               if (selectedFlag || toolIntersects.length > 0 && !(0, _helper.isElevationView)(mode)) {
                 cameraControls.mouseButtons.left = _cameraControls["default"].ACTION.NONE;
@@ -1368,18 +1436,24 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         }
       };
       this.mouseUpEvent = function (event) {
-        var _selectedObject;
+        var _selectedObject2;
         var internalType = ''; // internalEvent type - select/drag/draw
         var selectedElement; // internalEvent data
         firstMove = 0;
         var altitude = 0;
-        var curLayer = _this2.props.state.scene.getIn(['layers', (_selectedObject = selectedObject) === null || _selectedObject === void 0 ? void 0 : _selectedObject.layerID]);
+        var curLayer = _this2.props.state.scene.getIn(['layers', (_selectedObject2 = selectedObject) === null || _selectedObject2 === void 0 ? void 0 : _selectedObject2.layerID]);
         if (allItemRect && allItemRect.cur && allItemRect.cur.itemInfo !== undefined) {
           var properties = allItemRect.cur.itemInfo.properties;
           altitude = properties.getIn(['altitude', '_length']);
           var unit = properties.getIn(['altitude', '_unit']) || 'in';
           altitude = (0, _convertUnitsLite.convert)(altitude).from(unit).to(_this2.props.state.scene.unit);
         }
+        if (bMirror) {
+          bMirror = false;
+          cameraControls.mouseButtons.left = _cameraControls["default"].ACTION.ROTATE;
+          event.preventDefault();
+          return;
+        }
         scene3D.remove(angleObj);
         scene3D.remove(toolObj);
         if (!_this2.props.downloadFlag && !_this2.props.state.mode.includes('ING')) {
@@ -1488,10 +1562,11 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
           }
           gridMatrix.copy(gridPlane.matrixWorld).invert();
           var addItemToolObj = function addItemToolObj() {
-            var _planData$sceneGraph, _selectedObject2, _intersects$_i;
-            var selectedItem = (_planData$sceneGraph = planData.sceneGraph) === null || _planData$sceneGraph === void 0 || (_planData$sceneGraph = _planData$sceneGraph.layers[selectedObject.layerID]) === null || _planData$sceneGraph === void 0 ? void 0 : _planData$sceneGraph.items[(_selectedObject2 = selectedObject) === null || _selectedObject2 === void 0 ? void 0 : _selectedObject2.itemID];
+            var _planData$sceneGraph, _selectedObject3, _intersects$_i;
+            var selectedItem = (_planData$sceneGraph = planData.sceneGraph) === null || _planData$sceneGraph === void 0 || (_planData$sceneGraph = _planData$sceneGraph.layers[selectedObject.layerID]) === null || _planData$sceneGraph === void 0 ? void 0 : _planData$sceneGraph.items[(_selectedObject3 = selectedObject) === null || _selectedObject3 === void 0 ? void 0 : _selectedObject3.itemID];
             if ((0, _util.isUndefined)(selectedItem)) return;
             selectedElement = _this2.props.state.scene.layers.get(selectedObject.layerID).items.get(selectedObject.itemID);
+            refreshToolObject(selectedElement);
             var itemPos = selectedItem.position.clone();
             if (((_intersects$_i = intersects[_i10]) === null || _intersects$_i === void 0 || (_intersects$_i = _intersects$_i.object) === null || _intersects$_i === void 0 || (_intersects$_i = _intersects$_i.parent) === null || _intersects$_i === void 0 || (_intersects$_i = _intersects$_i.parent) === null || _intersects$_i === void 0 || (_intersects$_i = _intersects$_i.userData) === null || _intersects$_i === void 0 ? void 0 : _intersects$_i.itemId) === selectedItem.userData.itemId) {
               toolObj.position.set(intersects[_i10].point.x, intersects[_i10].point.y, intersects[_i10].point.z);
@@ -1591,7 +1666,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
               selectedObj = allItemRect.cur;
             }
           } else {
-            var _planData$sceneGraph2, _selectedObject3, _selectedObject4;
+            var _planData$sceneGraph2, _selectedObject4, _selectedObject5;
             (0, _sceneCreator.visibleTransformBox)(false);
             var alti = 0;
             if (allItemRect && allItemRect.cur && allItemRect.cur.itemInfo !== undefined) {
@@ -1601,8 +1676,8 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
               alti = (0, _convertUnitsLite.convert)(alti).from(_unit2).to(_this2.props.state.scene.unit);
             }
             getPoint(event, alti);
-            var _selectedItem = planData === null || planData === void 0 || (_planData$sceneGraph2 = planData.sceneGraph) === null || _planData$sceneGraph2 === void 0 || (_planData$sceneGraph2 = _planData$sceneGraph2.layers[(_selectedObject3 = selectedObject) === null || _selectedObject3 === void 0 ? void 0 : _selectedObject3.layerID]) === null || _planData$sceneGraph2 === void 0 ? void 0 : _planData$sceneGraph2.items[(_selectedObject4 = selectedObject) === null || _selectedObject4 === void 0 ? void 0 : _selectedObject4.itemID];
-            if (isSelected && !(0, _helper.isEmpty)(_selectedItem)) addItemToolObj();
+            var _selectedItem2 = planData === null || planData === void 0 || (_planData$sceneGraph2 = planData.sceneGraph) === null || _planData$sceneGraph2 === void 0 || (_planData$sceneGraph2 = _planData$sceneGraph2.layers[(_selectedObject4 = selectedObject) === null || _selectedObject4 === void 0 ? void 0 : _selectedObject4.layerID]) === null || _planData$sceneGraph2 === void 0 ? void 0 : _planData$sceneGraph2.items[(_selectedObject5 = selectedObject) === null || _selectedObject5 === void 0 ? void 0 : _selectedObject5.itemID];
+            if (isSelected && !(0, _helper.isEmpty)(_selectedItem2)) addItemToolObj();
             if (bRotate) {
               _this2.setState({
                 toolObj: toolObj
@@ -2101,6 +2176,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
               _this2.context.itemsActions.setMoveStatus(false);
               _this2.context.itemsActions.setRotateStatus(false);
               bMoveUP = false;
+              bMirror = false;
               removeSnapBox();
               break;
             case 65:
@@ -2184,6 +2260,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
             currentObject = planData.sceneGraph.layers[selectedObject.layerID].items[selectedObject.itemID];
             if ((0, _util.isUndefined)(currentObject)) return;
             var selItem = _this2.props.state.scene.layers.get(selectedObject.layerID).items.get(selectedObject.itemID);
+            refreshToolObject(selItem);
             var itemPos = currentObject.position.clone();
             toolObj.position.set(planData.plan.position.x + itemPos.x, selItem.category === 'lighting' ? -planData.plan.position.y - selItem.properties.get('height').get('length') : planData.plan.position.y + currentObject.children[0].position.y, planData.plan.position.z + itemPos.z);
             scene3D.add(toolObj);
@@ -2528,6 +2605,14 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       }
       if (nextProps.state.scene !== this.props.state.scene || nextProps.state.doorStyle && nextProps.state.doorStyle.get('name') !== this.props.state.doorStyle.get('name')) {
         var changedValues = (0, _immutablediff["default"])(this.props.state.scene, nextProps.state.scene);
+        var changedValuesJS = changedValues.toJS();
+        var selectedItemID = layer.selected.items.size ? layer.selected.items.get(0) : null;
+        var selectedItem = selectedItemID ? layer.items.get(selectedItemID) : null;
+        var shouldRefreshSelectedToolObject = selectedItem && changedValuesJS.some(function (_ref2) {
+          var path = _ref2.path;
+          var modifiedPath = path.split('/');
+          return modifiedPath[1] === 'layers' && modifiedPath[2] === String(data.selectedLayer) && modifiedPath[3] === 'items' && modifiedPath[4] === String(selectedItemID) && modifiedPath[5] === 'mirrored';
+        });
         prepareSnapSpec(layer);
         var isInteractiveMove = nextProps.state.mode === _constants.MODE_DRAGGING_ITEM_3D || nextProps.state.mode === _constants.MODE_ROTATING_ITEM_3D || nextProps.state.mode === _constants.MODE_DRAWING_ITEM_3D || nextProps.state.mode === _constants.MODE_DRAGGING_HOLE_3D || nextProps.state.mode === _constants.MODE_IDLE_3D;
         if (nextProps.state.doorStyle && nextProps.state.doorStyle.get('name') === this.props.state.doorStyle.get('name')) {
@@ -2560,8 +2645,11 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         var _this$state = this.state,
           toolObj = _this$state.toolObj,
           angleObj = _this$state.angleObj;
-        var _updateScene = (0, _sceneCreator.updateScene)(this.planData, nextProps.state.scene, this.props.state.scene, changedValues.toJS(), actions, this.context.catalog, nextProps.state.mode, toolObj, angleObj, nextProps.state.draggingSupport),
+        var _updateScene = (0, _sceneCreator.updateScene)(this.planData, nextProps.state.scene, this.props.state.scene, changedValuesJS, actions, this.context.catalog, nextProps.state.mode, toolObj, angleObj, nextProps.state.draggingSupport),
           promise = _updateScene.promise;
+        if (shouldRefreshSelectedToolObject && this.refreshToolObject) {
+          this.refreshToolObject(selectedItem);
+        }
         self.setState();
         promise.then(function (p1Value) {
           self.setState({

package/lib/constants.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.ELEMENT_VERTEX = exports.ELEMENT_LINE = exports.ELEMENT_ITEM = exports.ELEMENT_HOLE = exports.ELEMENT_AREA = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DOORSTYLE_SCOPE_SINGLE = exports.DOORSTYLE_SCOPE_MULTIPLE = exports.DOORSTYLE_SCOPE_ALL = exports.DISTANCE_MEASUREMENT_LINE_COLOR = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_MOLDING_PIECE_LENGTH = exports.DEFAULT_INTERIOR_TEXTURE = exports.DEFAULT_FONT_FAMILY = exports.DEFAULT_DOOR_HANDLE_TEXTURE_URL = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.DASH_LINE_COLOR = exports.CREATE_ROOM_WITH_SHAPE = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_MEASUREMENT_UNIT = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_ITEM_MEASUREMENT_LINE_COLOR = exports.BASE_CABINET_LAYOUTPOS = exports.BACK_DIST_ANG = exports.ATT_VERTEXT_TWO = exports.ATT_VERTEXT_ONE = exports.ATT_LINE_LENGTH = exports.ATT_ITEM_ROTATION = exports.ATT_ITEM_POS = exports.ATT_HOLE_OFFSET_B = exports.ATT_HOLE_OFFSET_A = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCESSORIES_LAYOUTPOS = exports.ACCENT_COLOR = void 0;
-exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ZOOM_IN_SCALE = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT_DIST_ANG = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_UNSELECT_ALL = exports.INTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_ITEMS_CATALOG = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_NAMES = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FRONT_DIST_ANG = exports.FINISHING_TYPE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UPDATE_PROPERTY = exports.EXTERNAL_EVENT_UPDATE_ATTRIBUTE = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = exports.EXTERNAL_EVENT_SET_FINISHING = exports.EXTERNAL_EVENT_ROTATE_PAN = exports.EXTERNAL_EVENT_REPLACE_CABINET = exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_DUPLICATE_ELEMENT = exports.EXTERNAL_EVENT_DELETE_ELEMENT = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CENTERING_2D = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_HOLE = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = void 0;
-exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_TYPE = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT_DIST_ANG = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROP_RESIZE_WIDTH = exports.PROP_RESIZE_HEIGHT = exports.PROP_RESIZE_DEPTH = exports.PROP_OPEN_DOORS = exports.PROP_FLIP_DOOR_HANDLE = exports.PROP_ALTITUDE = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = void 0;
-exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH_LONG = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDINGS_CCDF = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_CCDF = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = void 0;
-exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VANITY_CABINET_LAYOUTPOS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = void 0;
+exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ZOOM_IN_SCALE = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT_DIST_ANG = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_UNSELECT_ALL = exports.INTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_MIRROR_ELEMENT = exports.INTERNAL_EVENT_ITEMS_CATALOG = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_NAMES = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FRONT_DIST_ANG = exports.FINISHING_TYPE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UPDATE_PROPERTY = exports.EXTERNAL_EVENT_UPDATE_ATTRIBUTE = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = exports.EXTERNAL_EVENT_SET_FINISHING = exports.EXTERNAL_EVENT_ROTATE_PAN = exports.EXTERNAL_EVENT_REPLACE_CABINET = exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_MIRROR_ELEMENT = exports.EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_DUPLICATE_ELEMENT = exports.EXTERNAL_EVENT_DELETE_ELEMENT = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CENTERING_2D = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_HOLE = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = void 0;
+exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_TYPE = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT_DIST_ANG = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROP_RESIZE_WIDTH = exports.PROP_RESIZE_HEIGHT = exports.PROP_RESIZE_DEPTH = exports.PROP_OPEN_DOORS = exports.PROP_FLIP_DOOR_HANDLE = exports.PROP_ALTITUDE = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = void 0;
+exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH_LONG = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOGGLE_ITEM_MIRROR = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDINGS_CCDF = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_CCDF = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = void 0;
+exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VANITY_CABINET_LAYOUTPOS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = void 0;
 //API server
 // export const API_SERVER = 'http://localhost:3000/';
 // ACTIONS project
@@ -89,6 +89,7 @@ var END_LOADING = exports.END_LOADING = 'END_LOADING';
 var TOGGLE_LOADING_CABINET = exports.TOGGLE_LOADING_CABINET = 'TOGGLE_LOADING_CABINET';
 var EDIT_WIDTH = exports.EDIT_WIDTH = 'EDIT_WIDTH';
 var DUPLICATE_SELECTED = exports.DUPLICATE_SELECTED = 'DUPLICATE_SELECTED';
+var TOGGLE_ITEM_MIRROR = exports.TOGGLE_ITEM_MIRROR = 'TOGGLE_ITEM_MIRROR';
 var REPLACE_ITEM = exports.REPLACE_ITEM = 'REPLACE_ITEM';
 var SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_ITEM = 'SELECT_TOOL_DRAWING_ITEM';
 var SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM_3D = 'SELECT_TOOL_DRAWING_ITEM_3D';
@@ -323,6 +324,7 @@ var ITEMS_ACTIONS = exports.ITEMS_ACTIONS = {
   // SET_MOVE_STATUS,
   // SET_ROTATE_STATUS,
   DUPLICATE_SELECTED: DUPLICATE_SELECTED,
+  TOGGLE_ITEM_MIRROR: TOGGLE_ITEM_MIRROR,
   EDIT_WIDTH: EDIT_WIDTH,
   TOGGLE_LOADING_CABINET: TOGGLE_LOADING_CABINET,
   END_LOADING: END_LOADING,
@@ -754,6 +756,7 @@ var EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_PROJECT_SETTING = 'E
 var EXTERNAL_EVENT_CENTERING_2D = exports.EXTERNAL_EVENT_CENTERING_2D = 'EXTERNAL_EVENT_CENTERING_2D';
 var EXTERNAL_EVENT_DUPLICATE_ELEMENT = exports.EXTERNAL_EVENT_DUPLICATE_ELEMENT = 'EXTERNAL_EVENT_DUPLICATE_ELEMENT';
 var EXTERNAL_EVENT_DELETE_ELEMENT = exports.EXTERNAL_EVENT_DELETE_ELEMENT = 'EXTERNAL_EVENT_DELETE_ELEMENT';
+var EXTERNAL_EVENT_MIRROR_ELEMENT = exports.EXTERNAL_EVENT_MIRROR_ELEMENT = 'EXTERNAL_EVENT_MIRROR_ELEMENT';
 var EXTERNAL_EVENT_UPDATE_ATTRIBUTE = exports.EXTERNAL_EVENT_UPDATE_ATTRIBUTE = 'EXTERNAL_EVENT_UPDATE_ATTRIBUTE'; // update the element's attributes (distance, rotation...) in the property window
 var EXTERNAL_EVENT_UPDATE_PROPERTY = exports.EXTERNAL_EVENT_UPDATE_PROPERTY = 'EXTERNAL_EVENT_UPDATE_PROPERTY'; // update the element's property (flip_doorhandle, open_doors...) in the property window
 var EXTERNAL_EVENT_REPLACE_CABINET = exports.EXTERNAL_EVENT_REPLACE_CABINET = 'EXTERNAL_EVENT_REPLACE_CABINET';
@@ -766,6 +769,7 @@ var INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_SELECT_ELEMENT = 'INT
 var INTERNAL_EVENT_DRAG_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = 'INTERNAL_EVENT_DRAG_ELEMENT';
 var INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAW_ELEMENT = 'INTERNAL_EVENT_DRAW_ELEMENT';
 var INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = 'INTERNAL_EVENT_ROTATE_ELEMENT';
+var INTERNAL_EVENT_MIRROR_ELEMENT = exports.INTERNAL_EVENT_MIRROR_ELEMENT = 'INTERNAL_EVENT_MIRROR_ELEMENT';
 var INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_REPLACE_CABINET = 'INTERNAL_EVENT_REPLACE_CABINET';
 var INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_START_DRAW_WALL = 'INTERNAL_EVENT_START_DRAW_WALL';
 var INTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.INTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'INTERNAL_EVENT_TOGGLE_TO_ELEVATION';

package/lib/events/external/handleExternalEvent.js

@@ -53,92 +53,95 @@ function _handleExternalEvent() {
           layerId = state.getIn(['scene', 'selectedLayer']);
           layer = state.getIn(['scene', 'layers', layerId]);
           _t = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context.next = _t === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 4 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 5 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 6 : _t === _constants.EXTERNAL_EVENT_ADD_WALL ? 7 : _t === _constants.EXTERNAL_EVENT_ADD_ITEM ? 8 : _t === _constants.EXTERNAL_EVENT_ADD_HOLE ? 10 : _t === _constants.EXTERNAL_EVENT_ROTATE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_MOVE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 12 : _t === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 13 : _t === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 15 : _t === _constants.EXTERNAL_EVENT_ZOOM_IN ? 16 : _t === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 17 : _t === _constants.EXTERNAL_EVENT_CENTERING_2D ? 18 : _t === _constants.EXTERNAL_EVENT_UNDO ? 19 : _t === _constants.EXTERNAL_EVENT_REDO ? 20 : _t === _constants.EXTERNAL_EVENT_SET_MOLDING ? 21 : _t === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 23 : _t === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 24 : _t === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 25 : _t === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 26 : _t === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 26 : _t === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 27 : _t === _constants.EXTERNAL_EVENT_SET_FINISHING ? 29 : _t === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 30 : 31;
+          _context.next = _t === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 4 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 5 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 6 : _t === _constants.EXTERNAL_EVENT_ADD_WALL ? 7 : _t === _constants.EXTERNAL_EVENT_ADD_ITEM ? 8 : _t === _constants.EXTERNAL_EVENT_ADD_HOLE ? 10 : _t === _constants.EXTERNAL_EVENT_ROTATE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_MOVE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 12 : _t === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 13 : _t === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 15 : _t === _constants.EXTERNAL_EVENT_ZOOM_IN ? 16 : _t === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 17 : _t === _constants.EXTERNAL_EVENT_CENTERING_2D ? 18 : _t === _constants.EXTERNAL_EVENT_UNDO ? 19 : _t === _constants.EXTERNAL_EVENT_REDO ? 20 : _t === _constants.EXTERNAL_EVENT_SET_MOLDING ? 21 : _t === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 23 : _t === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 24 : _t === _constants.EXTERNAL_EVENT_MIRROR_ELEMENT ? 25 : _t === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 26 : _t === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 27 : _t === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 27 : _t === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 28 : _t === _constants.EXTERNAL_EVENT_SET_FINISHING ? 30 : _t === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 31 : 32;
           break;
         case 2:
           _context.next = 3;
           return (0, _handlers11.handleLoadProjectEvent)(props, state, evt, _ccdfToCDSMapper.mapFromCCDFToCDS, _loadProjectMapper.updateProjectWithCDSList, _ccdfMapper.ccdfMapper, _handleExternalEvent2.mergeSameElements, _handleExternalEvent2.addItemToCatalog);
         case 3:
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 4:
           (0, _handlers.handleToggleTo3D)(props, _constants.MODE_IDLE_3D);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 5:
           (0, _handlers.handleToggleTo2D)(props, _constants.MODE_IDLE);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 6:
           (0, _handlers.handleToggleToElevation)(props, layer, _constants.MODE_ELEVATION_VIEW);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 7:
           (0, _handlers6.handleAddWall)(props, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 8:
           _context.next = 9;
           return (0, _handlers12.handleAddItemEvent)(props, state, evt === null || evt === void 0 ? void 0 : evt.payload, _handleExternalEvent2.addItemToCatalog, _helper.isEmpty, _constants.ARRAY_3D_MODES);
         case 9:
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 10:
           (0, _handlers7.handleAddHole)(props, state, evt === null || evt === void 0 ? void 0 : evt.payload);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 11:
           (0, _handlers2.handleMoveAndRotatePan2D3D)(evt.type, props, evt.payload, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 12:
           (0, _handlers3.handleNewProject)(props);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 13:
           _context.next = 14;
           return (0, _handlers13.handleChangeDoorStyleEvent)(props, state, layer, evt.payload, _constants.DOORSTYLE_SCOPE_SINGLE, _constants.DOORSTYLE_SCOPE_MULTIPLE, _constants.DOORSTYLE_SCOPE_ALL, _constants.INTERNAL_EVENT_ITEMS_CATALOG, _ccdfToCDSMapper.mapFromCCDFToCDS, _ccdfMapper.ccdfMapper, _handleExternalEvent2.mergeSameElements, _handleExternalEvent2.addItemToCatalog);
         case 14:
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 15:
           (0, _handlers8.handleAddRoomShape)(props, evt.payload);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 16:
           (0, _handlers2.handleZoomIn)(props, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 17:
           (0, _handlers2.handleZoomOut)(props, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 18:
           (0, _handlers2.handleCentering2D)(props, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 19:
           (0, _handlers3.handleUndo)(props);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 20:
           (0, _handlers3.handleRedo)(props);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 21:
           _context.next = 22;
           return (0, _handlers9.handleSetMolding)(props, _handleExternalEvent2.loadMoldingSvg, evt.payload);
         case 22:
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 23:
           (0, _handlers0.handleDuplicateElement)(props, _handleExternalEvent2.getElement, evt.payload, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 24:
           (0, _handlers0.handleDeleteElement)(props, _handleExternalEvent2.getElement, evt.payload, state);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 25:
-          (0, _handlers4.handleProjectSetting)(props, evt.payload, layer);
-          return _context.abrupt("continue", 31);
+          (0, _handlers0.handleMirrorElement)(props, _handleExternalEvent2.getElement, evt.payload, state);
+          return _context.abrupt("continue", 32);
         case 26:
-          (0, _handlers14.handleUpdateSelectedElementsEvent)(props, state, evt, _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE, _handleExternalEvent2.updateAttributeOfSelectedElement, _handleExternalEvent2.updatePropertyOfSelectedElement);
-          return _context.abrupt("continue", 31);
+          (0, _handlers4.handleProjectSetting)(props, evt.payload, layer);
+          return _context.abrupt("continue", 32);
         case 27:
-          _context.next = 28;
-          return (0, _handlers1.handleReplaceCabinet)(props, _handleExternalEvent2.addItemToCatalog, evt === null || evt === void 0 ? void 0 : evt.payload, state);
+          (0, _handlers14.handleUpdateSelectedElementsEvent)(props, state, evt, _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE, _handleExternalEvent2.updateAttributeOfSelectedElement, _handleExternalEvent2.updatePropertyOfSelectedElement);
+          return _context.abrupt("continue", 32);
         case 28:
-          return _context.abrupt("continue", 31);
+          _context.next = 29;
+          return (0, _handlers1.handleReplaceCabinet)(props, _handleExternalEvent2.addItemToCatalog, evt === null || evt === void 0 ? void 0 : evt.payload, state);
         case 29:
-          (0, _handlers5.handleSetFinishing)(props, state, evt.payload);
-          return _context.abrupt("continue", 31);
+          return _context.abrupt("continue", 32);
         case 30:
+          (0, _handlers5.handleSetFinishing)(props, state, evt.payload);
+          return _context.abrupt("continue", 32);
+        case 31:
           console.log('*** catalog ***', props.catalog);
           (0, _handlers10.handleSyncScene)(props, state, layer, layerId, _molding.getMoldingDataOfScene2, _skinPanelEngine.computeSkinPanels, _constants.DEFAULT_MOLDING_PIECE_LENGTH, _constants.INTERNAL_EVENT_SYNC_SCENE);
-          return _context.abrupt("continue", 31);
-        case 31:
+          return _context.abrupt("continue", 32);
+        case 32:
         case "end":
           return _context.stop();
       }