kitchen-simulator 2.0.56 → 2.0.60

package/es/utils/isolate-event-handler.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Map } from 'immutable';
-import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, MODE_DRAWING_LINE, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_DELETE_ELEMENT, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE, EXTERNAL_EVENT_REPLACE_CABINET } from "../constants";
+import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, MODE_DRAWING_LINE, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_DELETE_ELEMENT, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE, EXTERNAL_EVENT_REPLACE_CABINET, FINISHING_TYPE, EXTERNAL_EVENT_SET_FINISHING } from "../constants";
 import { isEmpty, updateViwer2D, centering2D } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem, render3DApplianceItem, render3DLightingItem } from "../catalog/utils/item-loader";
@@ -967,13 +967,91 @@ function _loadMoldingSvg() {
   }));
   return _loadMoldingSvg.apply(this, arguments);
 }
+function setFinishing(props, state, payload) {
+  switch (payload.category) {
+    case FINISHING_TYPE.WALL_COLOR:
+      if (state.mode !== MODE_ELEVATION_VIEW) props.itemsActions.setWallColor(payload.color);
+      break;
+    case FINISHING_TYPE.COUNTER_TOP:
+      props.itemsActions.setCounterTop({
+        uri: payload.texture
+      });
+      break;
+    case FINISHING_TYPE.FLOOR_STYLE:
+      if (state.mode !== MODE_ELEVATION_VIEW) props.areaActions.setFloorStyles({
+        uri: payload.texture
+      });
+      break;
+    case FINISHING_TYPE.BACKSPLASH:
+      if (state.mode !== MODE_ELEVATION_VIEW) props.itemsActions.setBacksplash({
+        uri: payload.texture
+      });
+      break;
+    case FINISHING_TYPE.DOOR_HANDLE:
+      props.itemsActions.setDoorHandle(payload.gltf);
+      break;
+  }
+}
+function movePan2D3D(props, payload, state) {
+  var moveType = payload.moveType,
+    moveValue = payload.moveValue;
+  var value = state.getIn(['viewer2D']).toJS();
+  if (state.mode === MODE_IDLE) {
+    switch (moveType) {
+      case TOP:
+        value.f -= moveValue;
+        break;
+      case BOTTOM:
+        value.f += moveValue;
+        break;
+      case RIGHT:
+        value.e += moveValue;
+        break;
+      case LEFT:
+        value.e -= moveValue;
+        break;
+    }
+    updateViwer2D(value, props.viewer2DActions);
+  } else if (state.mode === MODE_IDLE_3D) {
+    switch (moveType) {
+      case TOP:
+        window.interval = setTimeout(function () {
+          window.tDKeyDown({
+            keyCode: 38
+          });
+        }, 50);
+        break;
+      case BOTTOM:
+        window.interval = setTimeout(function () {
+          window.tDKeyDown({
+            keyCode: 40
+          });
+        }, 50);
+        break;
+      case RIGHT:
+        window.interval = setTimeout(function () {
+          window.tDKeyDown({
+            keyCode: 39
+          });
+        }, 50);
+        break;
+      case LEFT:
+        window.interval = setTimeout(function () {
+          window.tDKeyDown({
+            keyCode: 37
+          });
+        }, 50);
+        break;
+    }
+  }
+}
 export function handleExternalEvent(_x10) {
   return _handleExternalEvent.apply(this, arguments);
 }
 function _handleExternalEvent() {
   _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(props) {
     var _evt$payload3, _evt$payload4;
-    var evt, state, _evt$payload, cdsItems, itemKeys, _loop3, i, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, _evt$payload5, moveType, moveValue, value, defaulTitle, _evt$payload6, doorStyle, itemCDS, isAll, _evt$payload7, roomShapeType, width, height, _doorStyle, _value, _value2, _evt$payload8, moldingInfo, isGlobal, distElement, _distElement, _evt$payload9, option, _value3, layerId, layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i2, _i3, _i4, _evt$payload0, _evt$payload1, _evt$payload10, _evt$payload11, _layerID, _layer, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven2, _t5, _t6;
+    var evt, state, _evt$payload, cdsItems, itemKeys, _loop3, i, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, isAll, _evt$payload6, roomShapeType, width, height, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, layerId, layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i2, _i3, _i4, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven2, _t5;
     return _regeneratorRuntime.wrap(function (_context9) {
       while (1) switch (_context9.prev = _context9.next) {
         case 0:
@@ -981,7 +1059,7 @@ function _handleExternalEvent() {
           evt = props.externalEvent;
           state = props.state.get('KitchenConfigurator');
           _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context9.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === EXTERNAL_EVENT_ADD_HOLE ? 12 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 13 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 19 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 20 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 21 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 22 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === EXTERNAL_EVENT_CENTERING_2D ? 24 : _t5 === EXTERNAL_EVENT_UNDO ? 25 : _t5 === EXTERNAL_EVENT_REDO ? 26 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 27 : _t5 === EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 29 : _t5 === EXTERNAL_EVENT_DELETE_ELEMENT ? 30 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 31 : _t5 === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 32 : _t5 === EXTERNAL_EVENT_UPDATE_PROPERTY ? 32 : _t5 === EXTERNAL_EVENT_REPLACE_CABINET ? 33 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 35 : 36;
+          _context9.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === EXTERNAL_EVENT_ADD_HOLE ? 12 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 13 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 14 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 15 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 16 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 17 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 18 : _t5 === EXTERNAL_EVENT_CENTERING_2D ? 19 : _t5 === EXTERNAL_EVENT_UNDO ? 20 : _t5 === EXTERNAL_EVENT_REDO ? 21 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 22 : _t5 === EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 24 : _t5 === EXTERNAL_EVENT_DELETE_ELEMENT ? 25 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 26 : _t5 === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 27 : _t5 === EXTERNAL_EVENT_UPDATE_PROPERTY ? 27 : _t5 === EXTERNAL_EVENT_REPLACE_CABINET ? 28 : _t5 === EXTERNAL_EVENT_SET_FINISHING ? 30 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 31 : 32;
           break;
         case 1:
           // prepare item data request
@@ -1062,23 +1140,23 @@ function _handleExternalEvent() {
               };
             }());
           }
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 5:
           props.projectActions.setMode(MODE_IDLE_3D);
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 6:
           props.projectActions.setMode(MODE_IDLE);
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 7:
           sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
           if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 8:
           if (state.mode === MODE_IDLE || state.mode === MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
             props.projectActions.setMode(MODE_IDLE);
             props.linesActions.selectToolDrawingLine('wall');
           }
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 9:
           if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
             _context9.next = 11;
@@ -1109,115 +1187,97 @@ function _handleExternalEvent() {
           props.projectActions.pushLastSelectedCatalogElementToHistory(element);
           props.projectActions.setIsCabinetDrawing(true);
         case 11:
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 12:
           ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName);
-          return _context9.abrupt("continue", 36);
+          return _context9.abrupt("continue", 32);
         case 13:
-          _evt$payload5 = evt.payload, moveType = _evt$payload5.moveType, moveValue = _evt$payload5.moveValue;
-          value = state.getIn(['viewer2D']).toJS();
-          _t6 = moveType;
-          _context9.next = _t6 === TOP ? 14 : _t6 === BOTTOM ? 15 : _t6 === RIGHT ? 16 : _t6 === LEFT ? 17 : 18;
-          break;
+          movePan2D3D(props, evt.payload, state);
+          return _context9.abrupt("continue", 32);
         case 14:
-          value.f -= moveValue;
-          return _context9.abrupt("continue", 18);
-        case 15:
-          value.f += moveValue;
-          return _context9.abrupt("continue", 18);
-        case 16:
-          value.e += moveValue;
-          return _context9.abrupt("continue", 18);
-        case 17:
-          value.e -= moveValue;
-          return _context9.abrupt("continue", 18);
-        case 18:
-          updateViwer2D(value, props.viewer2DActions);
-          return _context9.abrupt("continue", 36);
-        case 19:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context9.abrupt("continue", 36);
-        case 20:
-          _evt$payload6 = evt.payload, doorStyle = _evt$payload6.doorStyle, itemCDS = _evt$payload6.itemCDS, isAll = _evt$payload6.isAll;
+          return _context9.abrupt("continue", 32);
+        case 15:
+          _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, isAll = _evt$payload5.isAll;
           props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context9.abrupt("continue", 36);
-        case 21:
-          _evt$payload7 = evt.payload, roomShapeType = _evt$payload7.roomShapeType, width = _evt$payload7.width, height = _evt$payload7.height, _doorStyle = _evt$payload7.doorStyle;
+          return _context9.abrupt("continue", 32);
+        case 16:
+          _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, _doorStyle = _evt$payload6.doorStyle;
           props.projectActions.createRoomWithShape(roomShapeType, width, height, _doorStyle);
-          return _context9.abrupt("continue", 36);
-        case 22:
+          return _context9.abrupt("continue", 32);
+        case 17:
+          value = state.getIn(['viewer2D']).toJS();
+          value.a += 0.1;
+          value.d += 0.1;
+          value.e -= value.SVGWidth * 0.1 / 2;
+          value.f -= value.SVGHeight * 0.1 / 2;
+          updateViwer2D(value, props.viewer2DActions);
+          return _context9.abrupt("continue", 32);
+        case 18:
           _value = state.getIn(['viewer2D']).toJS();
-          _value.a += 0.1;
-          _value.d += 0.1;
-          _value.e -= _value.SVGWidth * 0.1 / 2;
-          _value.f -= _value.SVGHeight * 0.1 / 2;
+          _value.a -= 0.1;
+          _value.d -= 0.1;
+          _value.e += _value.SVGWidth * 0.1 / 2;
+          _value.f += _value.SVGHeight * 0.1 / 2;
           updateViwer2D(_value, props.viewer2DActions);
-          return _context9.abrupt("continue", 36);
-        case 23:
-          _value2 = state.getIn(['viewer2D']).toJS();
-          _value2.a -= 0.1;
-          _value2.d -= 0.1;
-          _value2.e += _value2.SVGWidth * 0.1 / 2;
-          _value2.f += _value2.SVGHeight * 0.1 / 2;
-          updateViwer2D(_value2, props.viewer2DActions);
-          return _context9.abrupt("continue", 36);
-        case 24:
+          return _context9.abrupt("continue", 32);
+        case 19:
           centering2D(state, props.viewer2DActions);
-          return _context9.abrupt("continue", 36);
-        case 25:
+          return _context9.abrupt("continue", 32);
+        case 20:
           props.projectActions.undo();
-          return _context9.abrupt("continue", 36);
-        case 26:
+          return _context9.abrupt("continue", 32);
+        case 21:
           props.projectActions.redo();
-          return _context9.abrupt("continue", 36);
-        case 27:
-          _evt$payload8 = evt.payload, moldingInfo = _evt$payload8.moldingInfo, isGlobal = _evt$payload8.isGlobal;
-          _context9.next = 28;
+          return _context9.abrupt("continue", 32);
+        case 22:
+          _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
+          _context9.next = 23;
           return loadMoldingSvg(moldingInfo);
-        case 28:
+        case 23:
           props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context9.abrupt("continue", 36);
-        case 29:
+          return _context9.abrupt("continue", 32);
+        case 24:
           distElement = getElement(evt.payload, state);
           if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
-          return _context9.abrupt("continue", 36);
-        case 30:
+          return _context9.abrupt("continue", 32);
+        case 25:
           _distElement = getElement(evt.payload, state);
           if (_distElement) props.projectActions.remove(_distElement);
-          return _context9.abrupt("continue", 36);
-        case 31:
-          _evt$payload9 = evt.payload, option = _evt$payload9.option, _value3 = _evt$payload9.value;
+          return _context9.abrupt("continue", 32);
+        case 26:
+          _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
           if (option === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT) {
-            props.viewer2DActions.updateCeilHeight(_value3);
-            props.viewer3DActions.update3DCeilHeight(_value3);
+            props.viewer2DActions.updateCeilHeight(_value2);
+            props.viewer3DActions.update3DCeilHeight(_value2);
           } else if (option === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE) {
-            props.viewer2DActions.changeWallLengthMeasure(_value3);
+            props.viewer2DActions.changeWallLengthMeasure(_value2);
           } else if (option === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE) {
-            props.viewer2DActions.changeBaseCabinetMeasure(_value3);
+            props.viewer2DActions.changeBaseCabinetMeasure(_value2);
           } else if (option === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE) {
-            props.viewer2DActions.changeWallCabinetMeasure(_value3);
+            props.viewer2DActions.changeWallCabinetMeasure(_value2);
           } else if (option === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE) {
-            props.viewer2DActions.changeWindowDoorMeasure(_value3);
+            props.viewer2DActions.changeWindowDoorMeasure(_value2);
           }
-          return _context9.abrupt("continue", 36);
-        case 32:
+          return _context9.abrupt("continue", 32);
+        case 27:
           layerId = state.getIn(['scene', 'selectedLayer']);
           layer = state.getIn(['scene', 'layers', layerId]);
           _layer$getIn = layer.getIn(['selected']), selectedLines = _layer$getIn.lines, selectedHoles = _layer$getIn.holes, selectedItems = _layer$getIn.items;
           for (_i2 = 0; _i2 < selectedLines.size; _i2++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['lines', selectedLines.get(_i2)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['lines', selectedLines.get(_i2)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i3 = 0; _i3 < selectedHoles.size; _i3++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i3)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i3)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i4 = 0; _i4 < selectedItems.size; _i4++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['items', selectedItems.get(_i4)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['items', selectedItems.get(_i4)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          return _context9.abrupt("continue", 36);
-        case 33:
+          return _context9.abrupt("continue", 32);
+        case 28:
           _layerID = state.scene.selectedLayer;
           _layer = state.scene.getIn(['layers', _layerID]).toJS();
-          orginalItemInfo = evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.orginalItemInfo;
+          orginalItemInfo = evt === null || evt === void 0 || (_evt$payload9 = evt.payload) === null || _evt$payload9 === void 0 ? void 0 : _evt$payload9.orginalItemInfo;
           originalItem = _layer === null || _layer === void 0 ? void 0 : _layer.items[orginalItemInfo.id];
-          _context9.next = 34;
+          _context9.next = 29;
           return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
-        case 34:
+        case 29:
           originalItemPos = {
             rotation: originalItem.rotation,
             selectedItemId: originalItem.id,
@@ -1225,15 +1285,17 @@ function _handleExternalEvent() {
             y: originalItem.y
           };
           replaceItem = {
-            name: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.name,
+            name: evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 || (_evt$payload0 = _evt$payload0.replaceItemInfo) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.name,
             info: {
-              width: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.width,
-              height: evt === null || evt === void 0 || (_evt$payload11 = evt.payload) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.replaceItemInfo) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.sizeinfo) === null || _evt$payload11 === void 0 ? void 0 : _evt$payload11.height
+              width: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.sizeinfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.width,
+              height: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.height
             }
           };
           props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
-          return _context9.abrupt("continue", 36);
-        case 35:
+          return _context9.abrupt("continue", 32);
+        case 30:
+          setFinishing(props, state, evt.payload);
+        case 31:
           // send scene object from 3DTool to HostApp using internalEvent
           (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
             type: INTERNAL_EVENT_SYNC_SCENE,
@@ -1241,8 +1303,8 @@ function _handleExternalEvent() {
               scene: state.scene.toJS()
             }
           });
-          return _context9.abrupt("continue", 36);
-        case 36:
+          return _context9.abrupt("continue", 32);
+        case 32:
         case "end":
           return _context9.stop();
       }

package/lib/catalog/holes/window-clear/planner-element.js

@@ -13,12 +13,12 @@ var _constants = require("../../../constants");
 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); }
 var cached3DWindow = null;
 var _default = exports["default"] = {
-  name: 'Window',
+  name: 'Clear Window',
   prototype: 'holes',
   info: {
     title: 'Clear',
     tag: ['window'],
-    description: 'Window',
+    description: 'Clear Window',
     image: '/assets/img/svg/window/Clear.svg',
     url: '/assets/gltf/window_clear.gltf'
   },

package/lib/class/item.js

@@ -37,6 +37,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     value: function create(state, layerID, type, x, y, width, height, rotation, isDuplication) {
       var molding = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : [];
       var isInitialPos = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
+      var refItem = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : null;
       var itemID = _export2.IDBroker.acquireID();
       var item = state.catalog.factoryElement(type, {
         id: itemID,
@@ -57,19 +58,25 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         isInitialPos: isInitialPos ? isInitialPos : false
       }, null, state);
       if (item.category === 'cabinet') {
-        var _state$doorStyle;
-        var layer = state.getIn(['scene', 'layers', layerID]);
-        var temp = layer.doorStyle || ((_state$doorStyle = state.doorStyle) === null || _state$doorStyle === void 0 ? void 0 : _state$doorStyle.toJS());
-        var cds = state.catalog.getIn(['elements', type, 'cds']);
-        if (cds) {
-          var updatedDoorStyles = _objectSpread(_objectSpread({}, temp.doorStyles), {}, {
-            cds: [cds]
-          });
+        if (isDuplication && refItem) {
           item = item.merge({
-            doorStyle: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
-              doorStyles: updatedDoorStyles
-            }))
+            doorStyle: refItem.doorStyle
           });
+        } else {
+          var _state$doorStyle;
+          var layer = state.getIn(['scene', 'layers', layerID]);
+          var temp = layer.doorStyle || ((_state$doorStyle = state.doorStyle) === null || _state$doorStyle === void 0 ? void 0 : _state$doorStyle.toJS());
+          var cds = state.catalog.getIn(['elements', type, 'cds']);
+          if (cds) {
+            var updatedDoorStyles = _objectSpread(_objectSpread({}, temp.doorStyles), {}, {
+              cds: [cds]
+            });
+            item = item.merge({
+              doorStyle: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
+                doorStyles: updatedDoorStyles
+              }))
+            });
+          }
         }
       }
       if (item.get('type') === 'cabinet' && item.get('doorStyle').size === 0) {
@@ -301,7 +308,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           var isrectSect = _export2.GeometryUtils.validInterSect(allRect, val);
           if (isrectSect) {
             // Duplicated object has a original object's molding property
-            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
+            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
               stateI = _this$create.updatedState,
               item = _this$create.item;
             duplicatedElement = item;
@@ -328,7 +335,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
             _val.is_corner = allItemRect.cur.is_corner;
             var isRect = _export2.GeometryUtils.validInterSect(allRect, _val);
             if (isRect) {
-              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
+              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
                 _stateI = _this$create2.updatedState,
                 _item = _this$create2.item;
               duplicatedElement = _item;
@@ -355,7 +362,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
               _val2.is_corner = allItemRect.cur.is_corner;
               var isRectDown = _export2.GeometryUtils.validInterSect(allRect, _val2);
               if (isRectDown) {
-                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
+                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
                   _stateI2 = _this$create3.updatedState,
                   _item2 = _this$create3.item;
                 duplicatedElement = _item2;
@@ -382,7 +389,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
                 _val3.is_corner = allItemRect.cur.is_corner;
                 var isRectUp = _export2.GeometryUtils.validInterSect(allRect, _val3);
                 if (isRectUp) {
-                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
+                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
                     _stateI3 = _this$create4.updatedState,
                     _item3 = _this$create4.item;
                   duplicatedElement = _item3;

package/lib/components/viewer2d/item.js

@@ -41,7 +41,8 @@ function Item(_ref, _ref2) {
   var x = item.x,
     y = item.y,
     rotation = item.rotation,
-    id = item.id;
+    id = item.id,
+    layoutpos = item.layoutpos;
   var showBaseCabinetMeasure = scene.showBaseCabinetMeasure,
     showWallCabinetMeasure = scene.showWallCabinetMeasure;
   var vertices = layer.vertices;
@@ -52,6 +53,7 @@ function Item(_ref, _ref2) {
   var allLineRects;
   var allItemRect;
   var width, height;
+  var altitude = item.properties.getIn(['altitude', '_length']);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     clockRotateState = _useState2[0],
@@ -155,33 +157,36 @@ function Item(_ref, _ref2) {
       // }
 
       if (!item.selected) {
-        var _x = val.pos.x;
-        var _y = val.pos.y;
-        var rotRad = val.rotRad;
-        var w = val.size.width / 2;
-        var h = val.size.height / 2;
-        var mx = _x - w * Math.cos(rotRad);
-        var my = _y - w * Math.sin(rotRad);
-        var x0 = mx + h * Math.sin(rotRad);
-        var y0 = my - h * Math.cos(rotRad);
-        var x3 = mx * 2 - x0;
-        var y3 = my * 2 - y0;
-        var x1 = _x * 2 - x3;
-        var y1 = _y * 2 - y3;
-        var x2 = _x * 2 - x0;
-        var y2 = _y * 2 - y0;
-        rectarray.push({
-          rect: [point(x0, y0), point(x1, y1), point(x0, y0), point(x1, y1)]
-        });
-        rectarray.push({
-          rect: [point(x1, y1), point(x2, y2), point(x1, y1), point(x2, y2)]
-        });
-        rectarray.push({
-          rect: [point(x2, y2), point(x3, y3), point(x2, y2), point(x3, y3)]
-        });
-        rectarray.push({
-          rect: [point(x3, y3), point(x0, y0), point(x3, y3), point(x0, y0)]
-        });
+        var detectObjectsAtSameAltitudeFlag = layoutpos === 'Base' ? item.properties.getIn(['altitude', '_length']) <= altitude + tempHeight.get('_length') : item.properties.getIn(['altitude', '_length']) + item.properties.getIn(['height', '_length']) >= altitude;
+        if (detectObjectsAtSameAltitudeFlag) {
+          var _x = val.pos.x;
+          var _y = val.pos.y;
+          var rotRad = val.rotRad;
+          var w = val.size.width / 2;
+          var h = val.size.height / 2;
+          var mx = _x - w * Math.cos(rotRad);
+          var my = _y - w * Math.sin(rotRad);
+          var x0 = mx + h * Math.sin(rotRad);
+          var y0 = my - h * Math.cos(rotRad);
+          var x3 = mx * 2 - x0;
+          var y3 = my * 2 - y0;
+          var x1 = _x * 2 - x3;
+          var y1 = _y * 2 - y3;
+          var x2 = _x * 2 - x0;
+          var y2 = _y * 2 - y0;
+          rectarray.push({
+            rect: [point(x0, y0), point(x1, y1), point(x0, y0), point(x1, y1)]
+          });
+          rectarray.push({
+            rect: [point(x1, y1), point(x2, y2), point(x1, y1), point(x2, y2)]
+          });
+          rectarray.push({
+            rect: [point(x2, y2), point(x3, y3), point(x2, y2), point(x3, y3)]
+          });
+          rectarray.push({
+            rect: [point(x3, y3), point(x0, y0), point(x3, y3), point(x0, y0)]
+          });
+        }
       }
     });
 
@@ -262,7 +267,7 @@ function Item(_ref, _ref2) {
           if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
             if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
               comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
-              a = Math.max.apply(null, comparelength);
+              a = Math.min.apply(null, comparelength);
             }
           }
         }