kitchen-simulator 4.3.5 → 4.3.7

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

@@ -6,7 +6,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, FINISHING_TYPE, EXTERNAL_EVENT_SET_FINISHING, EXTERNAL_EVENT_ROTATE_PAN } 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, EXTERNAL_EVENT_ROTATE_PAN, DOORSTYLE_SCOPE_SINGLE, DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE } from "../constants";
 import { isEmpty, updateViwer2D, centering2D } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem, render3DApplianceItem, render3DLightingItem } from "../catalog/utils/item-loader";
@@ -1211,7 +1211,7 @@ export function handleExternalEvent(_x0) {
 function _handleExternalEvent() {
   _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(props) {
     var _evt$payload3, _evt$payload4;
-    var evt, state, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _Object$keys, _evt$payload5, doorStyle, itemCDS, isAll, _layerId, _cdsItems, allItems, selectedItemId, _itemKeys, _loop7, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven3, sceneData, currentTexture, _t5, _t6;
+    var evt, state, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, applyScope, _evt$payload5$itemIds, itemIds, _layerId, allItems, targetItems, idSet, selectedItemIds, _cdsItems, _loop7, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven3, sceneData, currentTexture, _t5, _t6, _t7;
     return _regeneratorRuntime.wrap(function (_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
@@ -1227,7 +1227,7 @@ function _handleExternalEvent() {
           layerId = state.getIn(['scene', 'selectedLayer']);
           layer = state.getIn(['scene', 'layers', layerId]);
           _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context11.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 7 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 8 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 9 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 10 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 11 : _t5 === EXTERNAL_EVENT_ADD_HOLE ? 14 : _t5 === EXTERNAL_EVENT_ROTATE_PAN ? 15 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 15 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _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 ? 40 : _t5 === EXTERNAL_EVENT_UPDATE_PROPERTY ? 40 : _t5 === EXTERNAL_EVENT_REPLACE_CABINET ? 41 : _t5 === EXTERNAL_EVENT_SET_FINISHING ? 43 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 44 : 45;
+          _context11.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 7 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 8 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 9 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 10 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 11 : _t5 === EXTERNAL_EVENT_ADD_HOLE ? 14 : _t5 === EXTERNAL_EVENT_ROTATE_PAN ? 15 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 15 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 25 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 26 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 27 : _t5 === EXTERNAL_EVENT_CENTERING_2D ? 28 : _t5 === EXTERNAL_EVENT_UNDO ? 29 : _t5 === EXTERNAL_EVENT_REDO ? 30 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 31 : _t5 === EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 33 : _t5 === EXTERNAL_EVENT_DELETE_ELEMENT ? 34 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 35 : _t5 === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 44 : _t5 === EXTERNAL_EVENT_UPDATE_PROPERTY ? 44 : _t5 === EXTERNAL_EVENT_REPLACE_CABINET ? 45 : _t5 === EXTERNAL_EVENT_SET_FINISHING ? 47 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 48 : 49;
           break;
         case 2:
           if (!(evt !== null && evt !== void 0 && evt.payload)) {
@@ -1322,24 +1322,24 @@ function _handleExternalEvent() {
             }());
           } else props.projectActions.loadProject(evt.payload);
         case 6:
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 7:
           props.projectActions.unselectAll();
           props.projectActions.setMode(MODE_IDLE_3D);
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 8:
           props.projectActions.setMode(MODE_IDLE);
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 9:
           sLineCnt = layer.selected.lines.size;
           if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 10:
           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 _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 11:
           if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
             _context11.next = 13;
@@ -1370,46 +1370,71 @@ function _handleExternalEvent() {
           props.projectActions.pushLastSelectedCatalogElementToHistory(element);
           props.projectActions.setIsCabinetDrawing(true);
         case 13:
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 14:
           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 _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 15:
           moveAndRotatePan2D3D(evt.type, props, evt.payload, state);
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 16:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context11.abrupt("continue", 45);
+          return _context11.abrupt("continue", 49);
         case 17:
-          _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, isAll = _evt$payload5.isAll; // prepare item data request
+          _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, applyScope = _evt$payload5.applyScope, _evt$payload5$itemIds = _evt$payload5.itemIds, itemIds = _evt$payload5$itemIds === void 0 ? [] : _evt$payload5$itemIds;
           _layerId = state.getIn(['scene', 'selectedLayer']);
-          _cdsItems = [];
           allItems = state.getIn(['scene', 'layers', _layerId, 'items']).toJS();
-          selectedItemId = state.getIn(['scene', 'layers', _layerId]).selected.items.toJS()[0];
-          _itemKeys = isAll ? (_Object$keys = Object.keys(allItems)) !== null && _Object$keys !== void 0 ? _Object$keys : [] : [selectedItemId];
+          targetItems = []; // Prepare idSet for SINGLE or MULTIPLE
+          idSet = null;
+          if (applyScope === DOORSTYLE_SCOPE_SINGLE) {
+            selectedItemIds = state.getIn(['scene', 'layers', _layerId, 'selected', 'items']).toJS();
+            idSet = new Set(selectedItemIds);
+          }
+          if (applyScope === DOORSTYLE_SCOPE_MULTIPLE) {
+            // itemIds contains item.id (instance IDs)
+            idSet = new Set(itemIds);
+          }
+          _t6 = applyScope;
+          _context11.next = _t6 === DOORSTYLE_SCOPE_ALL ? 18 : _t6 === DOORSTYLE_SCOPE_SINGLE ? 19 : _t6 === DOORSTYLE_SCOPE_MULTIPLE ? 19 : 20;
+          break;
+        case 18:
+          targetItems = Object.values(allItems);
+          return _context11.abrupt("continue", 21);
+        case 19:
+          targetItems = Object.values(allItems).filter(function (item) {
+            var _idSet;
+            return (_idSet = idSet) === null || _idSet === void 0 ? void 0 : _idSet.has(item.id);
+          });
+          return _context11.abrupt("continue", 21);
+        case 20:
+          return _context11.abrupt("continue", 21);
+        case 21:
+          _cdsItems = [];
           _loop7 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop7() {
             var _itemCDS$find;
             var item, cdsId;
             return _regeneratorRuntime.wrap(function (_context10) {
               while (1) switch (_context10.prev = _context10.next) {
                 case 0:
-                  item = allItems[_itemKeys[_i2]];
+                  item = targetItems[_i2];
                   cdsId = (_itemCDS$find = itemCDS.find(function (itCDS) {
                     return itCDS.itemID === item.itemID;
                   })) === null || _itemCDS$find === void 0 ? void 0 : _itemCDS$find.cabinet_door_style_id;
                   if (cdsId && !_cdsItems.some(function (v) {
                     return item.itemID === v.itemID && item.name === v.name && cdsId === v.cdsId;
-                  })) _cdsItems.push({
-                    itemID: item.itemID,
-                    prototype: item.prototype,
-                    category: item.category,
-                    name: item.name,
-                    type: item.type,
-                    sku_number: item.sku_number,
-                    cdsId: cdsId
-                  });
+                  })) {
+                    _cdsItems.push({
+                      itemID: item.itemID,
+                      prototype: item.prototype,
+                      category: item.category,
+                      name: item.name,
+                      type: item.type,
+                      sku_number: item.sku_number,
+                      cdsId: cdsId
+                    });
+                  }
                 case 1:
                 case "end":
                   return _context10.stop();
@@ -1417,18 +1442,17 @@ function _handleExternalEvent() {
             }, _loop7);
           });
           _i2 = 0;
-        case 18:
-          if (!(_i2 < _itemKeys.length)) {
-            _context11.next = 20;
+        case 22:
+          if (!(_i2 < targetItems.length)) {
+            _context11.next = 24;
             break;
           }
-          return _context11.delegateYield(_loop7(), "t1", 19);
-        case 19:
+          return _context11.delegateYield(_loop7(), "t1", 23);
+        case 23:
           _i2++;
-          _context11.next = 18;
+          _context11.next = 22;
           break;
-        case 20:
-          // request item catalog data to host app
+        case 24:
           if (_cdsItems.length > 0) {
             (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
               type: INTERNAL_EVENT_ITEMS_CATALOG,
@@ -1455,7 +1479,7 @@ function _handleExternalEvent() {
                       _context1.next = 1;
                       break;
                     case 3:
-                      props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
+                      props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 4:
                     case "end":
                       return _context1.stop();
@@ -1466,99 +1490,101 @@ function _handleExternalEvent() {
                 return _ref4.apply(this, arguments);
               };
             }());
-          } else props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context11.abrupt("continue", 45);
-        case 21:
+          } else {
+            props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
+          }
+          return _context11.abrupt("continue", 49);
+        case 25:
           _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, measurementUnit = _evt$payload6.measurementUnit, _doorStyle = _evt$payload6.doorStyle;
           props.projectActions.createRoomWithShape(roomShapeType, width, height, measurementUnit, _doorStyle);
-          return _context11.abrupt("continue", 45);
-        case 22:
+          return _context11.abrupt("continue", 49);
+        case 26:
           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 _context11.abrupt("continue", 45);
-        case 23:
+          return _context11.abrupt("continue", 49);
+        case 27:
           _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 _context11.abrupt("continue", 45);
-        case 24:
+          return _context11.abrupt("continue", 49);
+        case 28:
           centering2D(state, props.viewer2DActions);
-          return _context11.abrupt("continue", 45);
-        case 25:
+          return _context11.abrupt("continue", 49);
+        case 29:
           props.projectActions.undo();
-          return _context11.abrupt("continue", 45);
-        case 26:
+          return _context11.abrupt("continue", 49);
+        case 30:
           props.projectActions.redo();
-          return _context11.abrupt("continue", 45);
-        case 27:
+          return _context11.abrupt("continue", 49);
+        case 31:
           _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
-          _context11.next = 28;
+          _context11.next = 32;
           return loadMoldingSvg(moldingInfo);
-        case 28:
+        case 32:
           props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context11.abrupt("continue", 45);
-        case 29:
+          return _context11.abrupt("continue", 49);
+        case 33:
           distElement = getElement(evt.payload, state);
           if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
-          return _context11.abrupt("continue", 45);
-        case 30:
+          return _context11.abrupt("continue", 49);
+        case 34:
           _distElement = getElement(evt.payload, state);
           if (_distElement) props.projectActions.remove(_distElement);
-          return _context11.abrupt("continue", 45);
-        case 31:
+          return _context11.abrupt("continue", 49);
+        case 35:
           _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
-          _t6 = option;
-          _context11.next = _t6 === PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 32 : _t6 === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 33 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 34 : _t6 === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 35 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 36 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 37 : 38;
+          _t7 = option;
+          _context11.next = _t7 === PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 36 : _t7 === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 37 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 38 : _t7 === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 39 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 40 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 41 : 42;
           break;
-        case 32:
+        case 36:
           props.viewer2DActions.updateCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(_value2));
           props.viewer2DActions.updateCeilHeightUnit(_value2);
           props.viewer3DActions.update3DCeilHeightUnit(_value2);
           props.viewer3DActions.update3DCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(_value2));
-          return _context11.abrupt("continue", 39);
-        case 33:
+          return _context11.abrupt("continue", 43);
+        case 37:
           props.viewer2DActions.updateCeilHeight(_value2);
           props.viewer3DActions.update3DCeilHeight(_value2);
-          return _context11.abrupt("continue", 39);
-        case 34:
+          return _context11.abrupt("continue", 43);
+        case 38:
           props.viewer2DActions.changeWallLengthMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 35:
+          return _context11.abrupt("continue", 43);
+        case 39:
           props.viewer2DActions.changeBaseCabinetMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 36:
+          return _context11.abrupt("continue", 43);
+        case 40:
           props.viewer2DActions.changeWallCabinetMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 37:
+          return _context11.abrupt("continue", 43);
+        case 41:
           props.viewer2DActions.changeWindowDoorMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 38:
-          return _context11.abrupt("continue", 39);
-        case 39:
-          return _context11.abrupt("continue", 45);
-        case 40:
+          return _context11.abrupt("continue", 43);
+        case 42:
+          return _context11.abrupt("continue", 43);
+        case 43:
+          return _context11.abrupt("continue", 49);
+        case 44:
           _layerId2 = state.getIn(['scene', 'selectedLayer']);
           _layer = state.getIn(['scene', 'layers', _layerId2]);
           _layer$getIn = _layer.getIn(['selected']), selectedLines = _layer$getIn.lines, selectedHoles = _layer$getIn.holes, selectedItems = _layer$getIn.items;
           for (_i4 = 0; _i4 < selectedLines.size; _i4++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i5 = 0; _i5 < selectedHoles.size; _i5++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i6 = 0; _i6 < selectedItems.size; _i6++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          return _context11.abrupt("continue", 45);
-        case 41:
+          return _context11.abrupt("continue", 49);
+        case 45:
           _layerID = state.scene.selectedLayer;
           _layer2 = state.scene.getIn(['layers', _layerID]).toJS();
           orginalItemInfo = evt === null || evt === void 0 || (_evt$payload9 = evt.payload) === null || _evt$payload9 === void 0 ? void 0 : _evt$payload9.orginalItemInfo;
           originalItem = _layer2 === null || _layer2 === void 0 ? void 0 : _layer2.items[orginalItemInfo.id];
-          _context11.next = 42;
+          _context11.next = 46;
           return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
-        case 42:
+        case 46:
           originalItemPos = {
             rotation: originalItem.rotation,
             selectedItemId: originalItem.id,
@@ -1573,11 +1599,11 @@ function _handleExternalEvent() {
             }
           };
           props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
-          return _context11.abrupt("continue", 45);
-        case 43:
+          return _context11.abrupt("continue", 49);
+        case 47:
           setFinishing(props, state, evt.payload);
-          return _context11.abrupt("continue", 45);
-        case 44:
+          return _context11.abrupt("continue", 49);
+        case 48:
           sceneData = state.scene.toJS(); // get molding data for "ReviewForQuote"
           currentTexture = layer.doorStyle !== null || layer.doorStyle !== undefined ? layer.doorStyle : props.state.doorStyle.toJS();
           sceneData.layers[layerId].moldingData = getMoldingDataOfScene2(layer, props.catalog, currentTexture);
@@ -1588,8 +1614,8 @@ function _handleExternalEvent() {
               scene: sceneData
             }
           });
-          return _context11.abrupt("continue", 45);
-        case 45:
+          return _context11.abrupt("continue", 49);
+        case 49:
         case "end":
           return _context11.stop();
       }

package/lib/actions/items-actions.js

@@ -278,12 +278,13 @@ function updateItemsAltitude(layerID, itemID, value) {
     value: value
   };
 }
-function setDoorStyle(doorStyle, itemCDS, isAll) {
+function setDoorStyle(doorStyle, itemCDS, applyScope, itemIds) {
   return {
     type: _constants.SET_DOOR_STYLE,
     doorStyle: doorStyle,
     itemCDS: itemCDS,
-    isAll: isAll
+    applyScope: applyScope,
+    itemIds: itemIds
   };
 }
 function setCounterTop(counterTop) {

package/lib/class/item.js

@@ -1168,8 +1168,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "setDoorStyle",
-    value: function setDoorStyle(state, doorStyle, itemCDS, isAll) {
+    value: function setDoorStyle(state, doorStyle, itemCDS, applyScope) {
       var _this2 = this;
+      var targetItemIDs = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
       if ((0, _utils.isEmpty)(doorStyle)) return {
         updatedState: state
       };
@@ -1194,10 +1195,33 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         });
       });
       state = state.setIn(['scene', 'layers', layerID, 'molding'], temp_layer_molding);
-      var itemIDs = state.scene.layers.getIn([layerID, 'selected', 'items']).toJS();
+
+      // 🔥 Determine which items to update
+      var items = state.scene.layers.get(layerID).items;
+      var itemsToProcess = [];
+      var idSet = null;
+      if (applyScope === _constants.DOORSTYLE_SCOPE_SINGLE) {
+        var selectedItemIds = state.scene.layers.getIn([layerID, 'selected', 'items']).toJS();
+        idSet = new Set(selectedItemIds);
+      }
+      if (applyScope === _constants.DOORSTYLE_SCOPE_MULTIPLE) {
+        // targetItemIds contains item.id (instance IDs)
+        idSet = new Set(targetItemIDs);
+      }
+      if (applyScope === _constants.DOORSTYLE_SCOPE_ALL) {
+        items.forEach(function (item) {
+          itemsToProcess.push(item);
+        });
+      } else if (idSet) {
+        items.forEach(function (item) {
+          if (idSet.has(item.id)) {
+            itemsToProcess.push(item);
+          }
+        });
+      }
       var setDoorStyleOfItem = function setDoorStyleOfItem(data) {
         var _cds$data;
-        if (data.category !== 'cabinet') return; //CDS should effect to cabinets
+        if (data.category !== 'cabinet') return;
         var itemID = data.id;
         var curItem = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
         var layer = state.getIn(['scene', 'layers', layerID]);
@@ -1221,9 +1245,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           return element && element.is_euro_cds;
         })) || [];
         var cds_data = cds ? [cds] : [];
-        if (
-        // doorStyle.door_style_name === 'Euro & Frameless' &&
-        euro_cds.length > 0) {
+        if (euro_cds.length > 0) {
           var newProperties = state.scene.getIn(['layers', layerID, 'items', itemID, 'properties']).toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
@@ -1305,7 +1327,6 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           type: doorStyle.type,
           sku: doorStyle.sku,
           color_sku_alias: doorStyle.color_sku_alias,
-          // alias name of color_sku for the current dealer
           install: (0, _utils.getInstallationSuffix)(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorStyle),
           doorStyles: _objectSpread(_objectSpread({}, tmp), {}, {
             cds: cds_data
@@ -1313,25 +1334,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         };
         state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'doorStyle'], (0, _immutable.fromJS)(tmpDS));
       };
-      if (isAll) {
-        var items = state.scene.layers.get(layerID).items;
-        items.forEach(setDoorStyleOfItem);
-      } else {
-        if (itemIDs.length > 0) {
-          var _loop = function _loop() {
-            var itemID = itemIDs[i];
-            var items = state.scene.layers.get(layerID).items;
-            items.forEach(function (data) {
-              if (itemID === data.id) {
-                setDoorStyleOfItem(data);
-              }
-            });
-          };
-          for (var i = 0; i < itemIDs.length; i++) {
-            _loop();
-          }
-        }
-      }
+
+      // 🔥 Apply to resolved items
+      itemsToProcess.forEach(setDoorStyleOfItem);
       return {
         updatedState: state
       };
@@ -1613,7 +1618,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           }
         });
         var updateSelectItemMolding = function updateSelectItemMolding() {
-          var _loop2 = function _loop2() {
+          var _loop = function _loop() {
             // check whether snapped item is same as selected item in layoutpos(Wall, Tall, Base)
             if (_export2.MoldingUtils.isSameMoldingLayoutpos(selectedItem, snappedItemGroup[i])) {
               // check whether snapped item is same in location(same location type and height).
@@ -1635,7 +1640,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
             }
           };
           for (var i = 0; i < snappedItemGroup.length; i++) {
-            _loop2();
+            _loop();
           }
         };
         var emptyMoldingArray = function emptyMoldingArray() {

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

@@ -48,9 +48,6 @@ var _utils = require("../viewer2d/utils");
 var _helper = require("../../utils/helper");
 var _math = require("../../utils/math");
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
 var transformBox;
@@ -3049,11 +3046,11 @@ function createBacksplash(item, layer, planData, scene) {
   var wLines = (0, _geometry2.getSnappedWallLines)(item.itemInfo, layer, planData.catalog);
   var curLine = wLines.length > 0 ? wLines[0] : null;
 
-  // Get wall items
+  // Get wall items which snapped to the curLine
 
   var i,
     wallItems = [];
-  var allWallItems = _export.GeometryUtils.getAllItemSpecified(scene, planData.catalog, _constants.WALL_CABINET_LAYOUTPOS);
+  var allWallItems = _export.GeometryUtils.getAllItemSpecified(scene, planData.catalog, _constants.WALL_CABINET_LAYOUTPOS, curLine === null || curLine === void 0 ? void 0 : curLine.lineRect);
   for (i = 0; i < allWallItems.others.length; i++) wallItems.push(allWallItems.others[i]);
   if (allWallItems.cur) wallItems.push(allWallItems.cur);
 
@@ -3130,37 +3127,37 @@ function createBacksplash(item, layer, planData, scene) {
 
   // Find mergeable other backsplashes
 
-  var info, wholeWidth, /** Width factor */factor, distance, halfWidth, /** To get new center */centerFactor;
-  var _iterator = _createForOfIteratorHelper(backsplashes),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var back = _step.value;
-      info = back.info;
-      if (info.height === splashHeight && info.rotY === rotY) {
-        factor = Math.cos(rotY) || 1;
-        distance = Math.hypot(posX - info.posX, posZ - info.posZ) / factor;
-        halfWidth = (info.width + splashWidth) / 2;
-        if (Math.abs(distance - halfWidth) < 1e-2) {
-          // dispose `back`
-          if (info.id) {
-            deleteSpecifiedMeshObjects('backsplash' + info.id);
-          }
+  // let info,
+  //   wholeWidth,
+  //   /** Width factor */ factor,
+  //   distance,
+  //   halfWidth,
+  //   /** To get new center */ centerFactor;
+
+  // for (let back of backsplashes) {
+  //   info = back.info;
+  //   if (info.height === splashHeight && info.rotY === rotY) {
+  //     factor = Math.cos(rotY) || 1;
+  //     distance = Math.hypot(posX - info.posX, posZ - info.posZ) / factor;
+  //     halfWidth = (info.width + splashWidth) / 2;
+
+  //     if (Math.abs(distance - halfWidth) < 1e-2) {
+  //       // dispose `back`
+  //       if (info.id) {
+  //         deleteSpecifiedMeshObjects('backsplash' + info.id);
+  //       }
+
+  //       // Get center position
+  //       wholeWidth = info.width + splashWidth;
+  //       centerFactor = info.width / wholeWidth;
+  //       posX = posX + centerFactor * (info.posX - posX);
+  //       posZ = posZ + centerFactor * (info.posZ - posZ);
+
+  //       splashWidth = wholeWidth;
+  //     }
+  //   }
+  // }
 
-          // Get center position
-          wholeWidth = info.width + splashWidth;
-          centerFactor = info.width / wholeWidth;
-          posX = posX + centerFactor * (info.posX - posX);
-          posZ = posZ + centerFactor * (info.posZ - posZ);
-          splashWidth = wholeWidth;
-        }
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
   itemToSave.info.posX = posX;
   itemToSave.info.posY = posY;
   itemToSave.info.posZ = posZ;
@@ -3209,9 +3206,9 @@ function createBacksplash(item, layer, planData, scene) {
   }
   itemToSave.info.id = item.itemInfo.id;
   deleteSpecifiedMeshObjects('backsplash' + item.itemInfo.id);
-  if (item.rotRad % (Math.PI / 2) === 0) planData.plan.add(backsplash);
+  if (Math.abs(item.rotRad % (Math.PI / 2)) < _constants.EPSILON) planData.plan.add(backsplash);
   backsplash.name = name;
-  backsplash.visible = item.itemInfo.get('backsplashVisible') && backsplashApplied && item.rotRad % (Math.PI / 2) === 0;
+  backsplash.visible = item.itemInfo.get('backsplashVisible') && backsplashApplied && Math.abs(item.rotRad % (Math.PI / 2)) < _constants.EPSILON;
 
   // Save to scene graph