kitchen-simulator 11.37.0 → 11.38.0

package/es/actions/items-actions.js

@@ -273,10 +273,12 @@ export function setWallColor(texture) {
   };
 }
 export function setMolding(texture, isAll) {
+  var onInternalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return {
     type: SET_MOLDING,
     molding: texture,
-    isAll: isAll
+    isAll: isAll,
+    onInternalEvent: onInternalEvent
   };
 }
 export function updateMolding() {

package/es/class/item.js

@@ -1,14 +1,16 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _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 { convert } from "../utils/convert-units-lite";
 import { Group, Hole, Layer } from "./export";
 import { GeometryUtils, IDBroker, MoldingUtils, NameGenerator } from "../utils/export";
 import { fromJS, Map } from 'immutable';
-import { DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_SINGLE, INSTALLATION_SUFFIX_TYPE, INTERNAL_EVENT_DRAW_ELEMENT, INTERNAL_EVENT_MIRROR_ELEMENT, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
+import { DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_SINGLE, INSTALLATION_SUFFIX_TYPE, INTERNAL_EVENT_DRAW_ELEMENT, INTERNAL_EVENT_ITEMS_CATALOG, INTERNAL_EVENT_MIRROR_ELEMENT, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
 import { debugUtil, updatePayloadOfInternalEvent } from "../utils/helper";
 import { isUndefined } from 'util';
 import { hasMoldingLayout } from "../utils/molding";
@@ -18,6 +20,7 @@ import { toJSIfNeeded } from "../shared/objects/immutable";
 import { canMirrorCabinet } from "../shared/domain/cabinet-mirror";
 import { isWarningCabinet } from "../shared/domain/cabinet-warning";
 import { mapFromCCDFToCDS } from "../mappings/external-events/mappers/ccdfToCDSMapper";
+import { prepareMoldingCCDFList } from "../events/external/handleExternalEvent.util";
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -310,7 +313,7 @@ var Item = /*#__PURE__*/function () {
         updatedState: state
       };
       var idSet = null;
-      if (applyScope === DOORSTYLE_SCOPE_SINGLE) {
+      if (applyScope === DOORSTYLE_SCOPE_SINGLE || applyScope === false) {
         var selectedItemIds = state.getIn(['scene', 'layers', layerID, 'selected', 'items']).toJS();
         idSet = new Set(selectedItemIds);
       }
@@ -330,14 +333,15 @@ var Item = /*#__PURE__*/function () {
       layer.items.forEach(function (it) {
         var _idSet2;
         // if (isEmpty(it?.molding)) return;
-        var should = applyScope === DOORSTYLE_SCOPE_ALL ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
+        var should = applyScope === DOORSTYLE_SCOPE_ALL || applyScope === true ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
         if (!should) return;
         var itemMoldings = it.molding;
+        var itemDoorFinish = it.doorStyle;
         var updatedItemMoldings = [];
         itemMoldings === null || itemMoldings === void 0 || itemMoldings.forEach(function (md) {
           var itemMoldingID = md.itemID;
           var picked = ccdf_list.find(function (c) {
-            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && c.cabinet_id === itemMoldingID;
+            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && (c === null || c === void 0 ? void 0 : c.door_finish_id) && c.cabinet_id === itemMoldingID && c.door_finish_id === (itemDoorFinish === null || itemDoorFinish === void 0 ? void 0 : itemDoorFinish.id);
           });
           if (!picked) return;
           md.ccdf = picked;
@@ -1671,6 +1675,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
+      var _this4 = this;
+      var onInternalEvent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var _state14 = state,
         scene = _state14.scene;
       var layerID = scene.get('selectedLayer');
@@ -1754,6 +1760,60 @@ var Item = /*#__PURE__*/function () {
           });
         }
       }
+      var layerId = state.getIn(['scene', 'selectedLayer']);
+      var allItems = state.getIn(['scene', 'layers', layerId, 'items']).toJS();
+      var targetItems = [],
+        molding_ccdf_list = [];
+      switch (isAll) {
+        case true:
+          targetItems = Object.values(allItems);
+          break;
+        case false:
+          targetItems = Object.values(allItems.filter(function (item) {
+            var _item$molding;
+            return !isEmpty(item === null || item === void 0 || (_item$molding = item.molding) === null || _item$molding === void 0 ? void 0 : _item$molding.find(function (md) {
+              return md.itemID === molding.itemID;
+            }));
+          }));
+        default:
+          break;
+      }
+      for (var i = 0; i < targetItems.length; i++) {
+        var _item$molding2;
+        var item = targetItems[i];
+        molding_ccdf_list.push.apply(molding_ccdf_list, _toConsumableArray(prepareMoldingCCDFList(item === null || item === void 0 ? void 0 : item.doorStyle, item === null || item === void 0 || (_item$molding2 = item.molding) === null || _item$molding2 === void 0 ? void 0 : _item$molding2.filter(function (md) {
+          return md.itemID === molding.itemID;
+        }))));
+      }
+      if (molding_ccdf_list.length > 0) {
+        onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
+          type: INTERNAL_EVENT_ITEMS_CATALOG,
+          value: {
+            event_type: 'change_door_style',
+            ccdf_list: [],
+            molding_ccdf_list: molding_ccdf_list
+          }
+        },
+        /*#__PURE__*/
+        // result is ccdf_list
+        function () {
+          var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+            var _this4$setMoldingsCCD, _result$molding_ccdf_;
+            return _regeneratorRuntime.wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  state = (_this4$setMoldingsCCD = _this4.setMoldingsCCDF(state, (_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], isAll)) === null || _this4$setMoldingsCCD === void 0 ? void 0 : _this4$setMoldingsCCD.updatedState;
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref.apply(this, arguments);
+          };
+        }());
+      }
       state = state.merge({
         sceneHistory: historyPush(state.sceneHistory, state.scene)
       });

package/es/events/external/handleExternalEvent.util.js

@@ -1079,4 +1079,21 @@ export function mergeSameElements(projectItemsCatalog) {
     _loop(i);
   }
   return result;
+}
+export function prepareMoldingCCDFList(doorStyle, moldingData) {
+  var moldingCCDFs = [];
+  for (var i = 0; i < moldingData.length; i++) {
+    var _molding$ccdf$catalog, _molding$ccdf, _molding$ccdf$cabinet, _molding$ccdf2, _doorStyle$id, _molding$long_name;
+    var molding = moldingData[i];
+    moldingCCDFs.push({
+      sizeinfo: molding.sizeinfo,
+      catalog_cabinet_sku: (_molding$ccdf$catalog = molding === null || molding === void 0 || (_molding$ccdf = molding.ccdf) === null || _molding$ccdf === void 0 ? void 0 : _molding$ccdf.catalog_cabinet_sku) !== null && _molding$ccdf$catalog !== void 0 ? _molding$ccdf$catalog : molding.sku_number,
+      cabinet_id: (_molding$ccdf$cabinet = molding === null || molding === void 0 || (_molding$ccdf2 = molding.ccdf) === null || _molding$ccdf2 === void 0 ? void 0 : _molding$ccdf2.cabinet_id) !== null && _molding$ccdf$cabinet !== void 0 ? _molding$ccdf$cabinet : molding.itemID,
+      ccdf: molding.ccdf,
+      target_door_finish_id: (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null,
+      long_name: (_molding$long_name = molding === null || molding === void 0 ? void 0 : molding.long_name) !== null && _molding$long_name !== void 0 ? _molding$long_name : null,
+      id: molding.itemID
+    });
+  }
+  return moldingCCDFs;
 }

package/es/events/external/handlers.changeDoorStyle.js

@@ -1,23 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { asyncPool } from "../../shared/concurrency/async-pool";
-function prepareMoldingCCDFList(doorStyle, moldingData) {
-  var moldingCCDFs = [];
-  for (var i = 0; i < moldingData.length; i++) {
-    var _molding$ccdf$catalog, _molding$ccdf, _molding$ccdf$cabinet, _molding$ccdf2, _doorStyle$id, _molding$long_name;
-    var molding = moldingData[i];
-    moldingCCDFs.push({
-      sizeinfo: molding.sizeinfo,
-      catalog_cabinet_sku: (_molding$ccdf$catalog = molding === null || molding === void 0 || (_molding$ccdf = molding.ccdf) === null || _molding$ccdf === void 0 ? void 0 : _molding$ccdf.catalog_cabinet_sku) !== null && _molding$ccdf$catalog !== void 0 ? _molding$ccdf$catalog : molding.sku_number,
-      cabinet_id: (_molding$ccdf$cabinet = molding === null || molding === void 0 || (_molding$ccdf2 = molding.ccdf) === null || _molding$ccdf2 === void 0 ? void 0 : _molding$ccdf2.cabinet_id) !== null && _molding$ccdf$cabinet !== void 0 ? _molding$ccdf$cabinet : molding.itemID,
-      ccdf: molding.ccdf,
-      target_door_finish_id: (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null,
-      long_name: (_molding$long_name = molding === null || molding === void 0 ? void 0 : molding.long_name) !== null && _molding$long_name !== void 0 ? _molding$long_name : null,
-      id: molding.itemID
-    });
-  }
-  return moldingCCDFs;
-}
+import { prepareMoldingCCDFList } from "./handleExternalEvent.util";
 export function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
   return _handleChangeDoorStyleEvent.apply(this, arguments);
 }
@@ -59,7 +43,7 @@ function _handleChangeDoorStyleEvent() {
         case 4:
           ccdf_list = [];
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id3, _item$long_name;
+            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id2, _item$long_name;
             return _regeneratorRuntime.wrap(function (_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
@@ -73,7 +57,7 @@ function _handleChangeDoorStyleEvent() {
                       catalog_cabinet_sku: (_item$ccdf$catalog_ca = item === null || item === void 0 || (_item$ccdf = item.ccdf) === null || _item$ccdf === void 0 ? void 0 : _item$ccdf.catalog_cabinet_sku) !== null && _item$ccdf$catalog_ca !== void 0 ? _item$ccdf$catalog_ca : item.sku_number,
                       cabinet_id: (_item$ccdf$cabinet_id = item === null || item === void 0 || (_item$ccdf2 = item.ccdf) === null || _item$ccdf2 === void 0 ? void 0 : _item$ccdf2.cabinet_id) !== null && _item$ccdf$cabinet_id !== void 0 ? _item$ccdf$cabinet_id : null,
                       ccdf: item.ccdf,
-                      target_door_finish_id: (_doorStyle$id3 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id3 !== void 0 ? _doorStyle$id3 : null,
+                      target_door_finish_id: (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null,
                       long_name: (_item$long_name = item === null || item === void 0 ? void 0 : item.long_name) !== null && _item$long_name !== void 0 ? _item$long_name : null,
                       scene_cabinet_id: item.id
                     });
@@ -110,7 +94,7 @@ function _handleChangeDoorStyleEvent() {
             // result is ccdf_list
             function () {
               var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
-                var _result$ccdf_list, _doorStyle$id2, _result$molding_ccdf_;
+                var _result$ccdf_list, _doorStyle$id, _result$molding_ccdf_;
                 var mappedCabinetDefinitionList, rt;
                 return _regeneratorRuntime.wrap(function (_context) {
                   while (1) switch (_context.prev = _context.next) {
@@ -128,7 +112,7 @@ function _handleChangeDoorStyleEvent() {
                       // Persist ccdf on affected instances so SYNC includes the latest ccdf.id for each item.
                       // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
                       // Use request door_finish_id (doorStyle.id) as the source of truth for door_finish_id.
-                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null);
+                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null);
                       props.itemsActions.setMoldingsCCDF((_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], applyScope);
                       props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 2:

package/es/events/external/handlers.loadProject.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
@@ -7,19 +8,21 @@ import { convert } from "../../utils/convert-units-lite";
 import { INTERNAL_EVENT_ITEMS_CATALOG } from "../../constants";
 import { Scene, State } from "../../models";
 import { asyncPool } from "../../shared/concurrency/async-pool";
+import { prepareMoldingCCDFList } from "./handleExternalEvent.util";
+import { isEmpty } from "../../components/viewer2d/utils";
 export function handleLoadProjectEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
   return _handleLoadProjectEvent.apply(this, arguments);
 }
 function _handleLoadProjectEvent() {
   _handleLoadProjectEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props, state, evt, mapFromCCDFToCDS, updateProjectWithCDSList, ccdfMapper, mergeSameElements, addItemToCatalog) {
-    var layerName, _evt$payload$layers$l, _evt$payload, _state$catalog, ccdf_list, items, newScene, tempState, _props$onInternalEven;
+    var layerName, _evt$payload$layers$l, _evt$payload, _state$catalog, ccdf_list, molding_ccdf_list, items, newScene, tempState, _props$onInternalEven;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           layerName = 'layer-1';
           if (evt !== null && evt !== void 0 && evt.payload) {
             // prepare item data request
-            ccdf_list = [];
+            ccdf_list = [], molding_ccdf_list = [];
             items = (_evt$payload$layers$l = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.layers[layerName]) === null || _evt$payload === void 0 ? void 0 : _evt$payload.items) !== null && _evt$payload$layers$l !== void 0 ? _evt$payload$layers$l : {};
             Object.keys(items).forEach(function (k) {
               var _it$properties, _it$properties2, _it$properties3;
@@ -43,6 +46,7 @@ function _handleLoadProjectEvent() {
                   long_name: (_it$long_name = it === null || it === void 0 ? void 0 : it.long_name) !== null && _it$long_name !== void 0 ? _it$long_name : null,
                   scene_cabinet_id: it.id
                 });
+                if (!isEmpty(it.doorStyle) && !isEmpty(it.molding)) molding_ccdf_list.push.apply(molding_ccdf_list, _toConsumableArray(prepareMoldingCCDFList(it.doorStyle, it.molding)));
               }
             });
             newScene = new Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
@@ -55,7 +59,8 @@ function _handleLoadProjectEvent() {
                 type: INTERNAL_EVENT_ITEMS_CATALOG,
                 value: {
                   event_type: 'load_project',
-                  ccdf_list: ccdf_list
+                  ccdf_list: ccdf_list,
+                  molding_ccdf_list: molding_ccdf_list
                 }
               }, /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
@@ -99,6 +104,7 @@ function _handleLoadProjectEvent() {
                         });
                       case 1:
                         props.projectActions.loadProject(evt.payload);
+                        props.itemsActions.setMoldingsCCDF(result === null || result === void 0 ? void 0 : result.molding_ccdf_list, 'all');
                       case 2:
                       case "end":
                         return _context.stop();

package/es/events/external/handlers.molding.js

@@ -13,7 +13,7 @@ function _handleSetMolding() {
           _context.next = 1;
           return loadMoldingSvg(moldingInfo);
         case 1:
-          props.itemsActions.setMolding(moldingInfo, isGlobal);
+          props.itemsActions.setMolding(moldingInfo, isGlobal, props.onInternalEvent);
         case 2:
         case "end":
           return _context.stop();

package/es/reducers/items-reducer.js

@@ -109,7 +109,7 @@ export default function (state, action) {
       state = stateHistoryPush(state).updatedState;
       return Item.setCounterTop(state, action.counterTop).updatedState;
     case SET_MOLDING:
-      return Item.setMolding(state, action.molding, action.isAll).updatedState;
+      return Item.setMolding(state, action.molding, action.isAll, action.onInternalEvent).updatedState;
     case UPDATE_MOLDING:
       return Item.updateMolding(state).updatedState;
     case SET_WALL_COLOR:

package/es/utils/molding.js

@@ -699,97 +699,6 @@ function getTrimmedContourLineSegs(lineSegs, otherLines, cnt) {
     return [];
   }
 }
-export function getLinesFromItems(moldingGroup, layer, catalog) {
-  var allLineRects = GeometryUtils.buildRectFromLines(layer, GeometryUtils.getAllLines(layer));
-  var items = _toConsumableArray(moldingGroup.items);
-  var MGlines = getLinesOfItem(items[0], allLineRects, catalog);
-  items = sortItemsByDistance(items, items[0]);
-  var _loop7 = function _loop7() {
-    var itemLines = getLinesOfItem(items[i], allLineRects, catalog);
-    var temp_MGLines = [];
-    MGlines.forEach(function (line) {
-      var idx = itemLines.findIndex(function (itemLine) {
-        return isLinesOverlapped(line, itemLine);
-      });
-      var curItemLine = itemLines[idx];
-      if (idx > -1) {
-        if (!(GeometryUtils.samePoints(line[0], curItemLine[0]) && GeometryUtils.samePoints(line[1], curItemLine[1]) || GeometryUtils.samePoints(line[0], curItemLine[1]) && GeometryUtils.samePoints(line[1], curItemLine[0]))) {
-          var MGLine = mergeOverlappedLines(line, curItemLine);
-          temp_MGLines.push(MGLine);
-        }
-        itemLines.splice(idx, 1);
-      } else {
-        temp_MGLines.push(line);
-      }
-    });
-    itemLines.forEach(function (itemLine) {
-      return temp_MGLines.push(itemLine);
-    });
-    MGlines = [].concat(temp_MGLines);
-  };
-  for (var i = 1; i < items.length; i++) {
-    _loop7();
-  }
-  // return MGlines;
-  var snapped_other_items = layer.items.toArray().filter(function (item) {
-    if (items.some(function (it) {
-      return item.id === it.id;
-    })) return false;
-    return isItemSnappedGroup(item, items);
-  });
-  snapped_other_items.forEach(function (item) {
-    var itemAltitude = item.properties.get('altitude').get('_length');
-    var itemAltitudeUnit = item.properties.get('altitude').get('_unit');
-    itemAltitude = convert(itemAltitude).from(itemAltitudeUnit).to('cm');
-    var itemHeight = item.properties.get('height').get('_length');
-    var itemHeightUnit = item.properties.get('height').get('_unit');
-    itemHeight = convert(itemHeight).from(itemHeightUnit).to('cm');
-    var mgroupAltitude = items[0].properties.get('altitude').get('_length');
-    var mgroupAltitudeUnit = items[0].properties.get('altitude').get('_unit');
-    mgroupAltitude = convert(mgroupAltitude).from(mgroupAltitudeUnit).to('cm');
-    var mgroupHeight = items[0].properties.get('height').get('_length');
-    var mgroupHeightUnit = items[0].properties.get('height').get('_unit');
-    mgroupHeight = convert(mgroupHeight).from(mgroupHeightUnit).to('cm');
-    var flag = false;
-    switch (moldingGroup.location_type) {
-      case TOP_MOLDING_LOCATION:
-        flag = itemAltitude + itemHeight > mgroupAltitude + mgroupHeight;
-        break;
-      case MIDDLE_MOLDING_LOCATION:
-        flag = true;
-        break;
-      case BOTTOM_MOLDING_LOCATION:
-        flag = itemAltitude < mgroupAltitude;
-        break;
-    }
-    if (item.category !== 'cabinet' || ![BASE_CABINET_LAYOUTPOS, WALL_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS].includes(item.layoutpos)) flag = true;
-    if (flag) {
-      var itemLines = getLinesOfItem(item, allLineRects, catalog);
-      var temp_MGLines = [];
-      MGlines.forEach(function (mgl) {
-        var idx = itemLines.findIndex(function (itl) {
-          return isLinesOverlapped(mgl, itl);
-        });
-        var curITL = itemLines[idx];
-        if (idx > -1) {
-          if (getDelta(mgl[0], mgl[1], curITL[1], curITL[0]) < EPSILON || getDelta(mgl[0], mgl[1], curITL[0], curITL[1]) < EPSILON) {
-            if (GeometryUtils.verticesDistance(mgl[0], mgl[1]) > GeometryUtils.verticesDistance(curITL[0], curITL[1])) {
-              var MGLine = mergeOverlappedLines(mgl, curITL);
-              temp_MGLines.push(MGLine);
-            }
-            itemLines.splice(idx, 1);
-          } else {
-            temp_MGLines.push(mgl);
-          }
-        } else {
-          temp_MGLines.push(mgl);
-        }
-      });
-      MGlines = [].concat(temp_MGLines);
-    }
-  });
-  return MGlines;
-}
 function getMDPoints(newMD) {
   if (newMD.lines.length < 1) return _objectSpread(_objectSpread({}, newMD), {}, {
     pointGroups: []
@@ -839,7 +748,7 @@ function getMDPoints(newMD) {
   var pointGroups = [[]];
   var flag = 1;
   var i = 0;
-  var _loop8 = function _loop8() {
+  var _loop7 = function _loop7() {
     if (pointGroups[i].length === 0) {
       pointGroups[i].push(new Three.Vector2(MDlines[0][0].x - cPos.x, MDlines[0][0].y - cPos.y), new Three.Vector2(MDlines[0][1].x - cPos.x, MDlines[0][1].y - cPos.y));
       MDlines.splice(0, 1);
@@ -904,7 +813,7 @@ function getMDPoints(newMD) {
     }
   };
   while (MDlines.length !== 0) {
-    _loop8();
+    _loop7();
   }
   var z = newMD.items[0].properties.get('altitude').get('_length');
   var zUnit = newMD.items[0].properties.get('altitude').get('_unit') || 'cm';
@@ -1014,14 +923,14 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
   // filter the real molding line segments
   var removeLineIds = []; // remove the line that fully overlapped to other line
   var newLines = []; // new countour line segment that except the overlapped part
-  var _loop9 = function _loop9(i) {
+  var _loop8 = function _loop8(i) {
     var srcLine = {
       x1: moldingLines[i].line[0].x,
       y1: moldingLines[i].line[0].y,
       x2: moldingLines[i].line[1].x,
       y2: moldingLines[i].line[1].y
     };
-    var _loop1 = function _loop1(_j) {
+    var _loop0 = function _loop0(_j) {
         if (i === _j) return 0; // continue
         if (Math.abs(moldingLines[i].z - moldingLines[_j].z) > EPSILON) return 0; // continue
         var destLine = {
@@ -1056,13 +965,13 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
       },
       _ret4;
     for (var _j = 0; _j < moldingLines.length; _j++) {
-      _ret4 = _loop1(_j);
+      _ret4 = _loop0(_j);
       if (_ret4 === 0) continue;
       if (_ret4 === 1) break;
     }
   };
   for (var i = 0; i < moldingLines.length; i++) {
-    _loop9(i);
+    _loop8(i);
   }
   moldingLines = moldingLines.filter(function (line, idx) {
     return !removeLineIds.some(function (id) {
@@ -1093,7 +1002,7 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
   // console.log('moldingLines: ', moldingLines);
 
   // make molding data with grouping molding & doorStyle
-  var _loop0 = function _loop0() {
+  var _loop9 = function _loop9() {
     var ml = moldingLines[k];
     var mlLength = ml.molding.name === TOE_KICK_MOLDING ? ml.inchWidth : convert(GeometryUtils.verticesDistance(ml.line[0], ml.line[1])).from('cm').to('in');
     var idx = moldingData.findIndex(function (v) {
@@ -1110,7 +1019,7 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
     }
   };
   for (var k = 0; k < moldingLines.length; k++) {
-    _loop0();
+    _loop9();
   }
   // console.log('moldingData: ', moldingData);
 

package/lib/actions/items-actions.js

@@ -326,10 +326,12 @@ function setWallColor(texture) {
   };
 }
 function setMolding(texture, isAll) {
+  var onInternalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return {
     type: _constants.SET_MOLDING,
     molding: texture,
-    isAll: isAll
+    isAll: isAll,
+    onInternalEvent: onInternalEvent
   };
 }
 function updateMolding() {

package/lib/class/item.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -23,6 +25,7 @@ var _immutable2 = require("../shared/objects/immutable");
 var _cabinetMirror = require("../shared/domain/cabinet-mirror");
 var _cabinetWarning = require("../shared/domain/cabinet-warning");
 var _ccdfToCDSMapper = require("../mappings/external-events/mappers/ccdfToCDSMapper");
+var _handleExternalEvent = require("../events/external/handleExternalEvent.util");
 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 allItemRect;
@@ -317,7 +320,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         updatedState: state
       };
       var idSet = null;
-      if (applyScope === _constants.DOORSTYLE_SCOPE_SINGLE) {
+      if (applyScope === _constants.DOORSTYLE_SCOPE_SINGLE || applyScope === false) {
         var selectedItemIds = state.getIn(['scene', 'layers', layerID, 'selected', 'items']).toJS();
         idSet = new Set(selectedItemIds);
       }
@@ -337,14 +340,15 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       layer.items.forEach(function (it) {
         var _idSet2;
         // if (isEmpty(it?.molding)) return;
-        var should = applyScope === _constants.DOORSTYLE_SCOPE_ALL ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
+        var should = applyScope === _constants.DOORSTYLE_SCOPE_ALL || applyScope === true ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
         if (!should) return;
         var itemMoldings = it.molding;
+        var itemDoorFinish = it.doorStyle;
         var updatedItemMoldings = [];
         itemMoldings === null || itemMoldings === void 0 || itemMoldings.forEach(function (md) {
           var itemMoldingID = md.itemID;
           var picked = ccdf_list.find(function (c) {
-            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && c.cabinet_id === itemMoldingID;
+            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && (c === null || c === void 0 ? void 0 : c.door_finish_id) && c.cabinet_id === itemMoldingID && c.door_finish_id === (itemDoorFinish === null || itemDoorFinish === void 0 ? void 0 : itemDoorFinish.id);
           });
           if (!picked) return;
           md.ccdf = picked;
@@ -1678,6 +1682,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
+      var _this4 = this;
+      var onInternalEvent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var _state14 = state,
         scene = _state14.scene;
       var layerID = scene.get('selectedLayer');
@@ -1761,6 +1767,60 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           });
         }
       }
+      var layerId = state.getIn(['scene', 'selectedLayer']);
+      var allItems = state.getIn(['scene', 'layers', layerId, 'items']).toJS();
+      var targetItems = [],
+        molding_ccdf_list = [];
+      switch (isAll) {
+        case true:
+          targetItems = Object.values(allItems);
+          break;
+        case false:
+          targetItems = Object.values(allItems.filter(function (item) {
+            var _item$molding;
+            return !(0, _utils.isEmpty)(item === null || item === void 0 || (_item$molding = item.molding) === null || _item$molding === void 0 ? void 0 : _item$molding.find(function (md) {
+              return md.itemID === molding.itemID;
+            }));
+          }));
+        default:
+          break;
+      }
+      for (var i = 0; i < targetItems.length; i++) {
+        var _item$molding2;
+        var item = targetItems[i];
+        molding_ccdf_list.push.apply(molding_ccdf_list, (0, _toConsumableArray2["default"])((0, _handleExternalEvent.prepareMoldingCCDFList)(item === null || item === void 0 ? void 0 : item.doorStyle, item === null || item === void 0 || (_item$molding2 = item.molding) === null || _item$molding2 === void 0 ? void 0 : _item$molding2.filter(function (md) {
+          return md.itemID === molding.itemID;
+        }))));
+      }
+      if (molding_ccdf_list.length > 0) {
+        onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
+          type: _constants.INTERNAL_EVENT_ITEMS_CATALOG,
+          value: {
+            event_type: 'change_door_style',
+            ccdf_list: [],
+            molding_ccdf_list: molding_ccdf_list
+          }
+        },
+        /*#__PURE__*/
+        // result is ccdf_list
+        function () {
+          var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+            var _this4$setMoldingsCCD, _result$molding_ccdf_;
+            return _regenerator["default"].wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  state = (_this4$setMoldingsCCD = _this4.setMoldingsCCDF(state, (_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], isAll)) === null || _this4$setMoldingsCCD === void 0 ? void 0 : _this4$setMoldingsCCD.updatedState;
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref.apply(this, arguments);
+          };
+        }());
+      }
       state = state.merge({
         sceneHistory: (0, _history.historyPush)(state.sceneHistory, state.scene)
       });

package/lib/events/external/handleExternalEvent.util.js

@@ -9,6 +9,7 @@ exports.getElement = getElement;
 exports.getPlannerStateFromProps = getPlannerStateFromProps;
 exports.loadMoldingSvg = loadMoldingSvg;
 exports.mergeSameElements = mergeSameElements;
+exports.prepareMoldingCCDFList = prepareMoldingCCDFList;
 exports.updateAttributeOfSelectedElement = updateAttributeOfSelectedElement;
 exports.updatePropertyOfSelectedElement = updatePropertyOfSelectedElement;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -1090,4 +1091,21 @@ function mergeSameElements(projectItemsCatalog) {
     _loop(i);
   }
   return result;
+}
+function prepareMoldingCCDFList(doorStyle, moldingData) {
+  var moldingCCDFs = [];
+  for (var i = 0; i < moldingData.length; i++) {
+    var _molding$ccdf$catalog, _molding$ccdf, _molding$ccdf$cabinet, _molding$ccdf2, _doorStyle$id, _molding$long_name;
+    var molding = moldingData[i];
+    moldingCCDFs.push({
+      sizeinfo: molding.sizeinfo,
+      catalog_cabinet_sku: (_molding$ccdf$catalog = molding === null || molding === void 0 || (_molding$ccdf = molding.ccdf) === null || _molding$ccdf === void 0 ? void 0 : _molding$ccdf.catalog_cabinet_sku) !== null && _molding$ccdf$catalog !== void 0 ? _molding$ccdf$catalog : molding.sku_number,
+      cabinet_id: (_molding$ccdf$cabinet = molding === null || molding === void 0 || (_molding$ccdf2 = molding.ccdf) === null || _molding$ccdf2 === void 0 ? void 0 : _molding$ccdf2.cabinet_id) !== null && _molding$ccdf$cabinet !== void 0 ? _molding$ccdf$cabinet : molding.itemID,
+      ccdf: molding.ccdf,
+      target_door_finish_id: (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null,
+      long_name: (_molding$long_name = molding === null || molding === void 0 ? void 0 : molding.long_name) !== null && _molding$long_name !== void 0 ? _molding$long_name : null,
+      id: molding.itemID
+    });
+  }
+  return moldingCCDFs;
 }

package/lib/events/external/handlers.changeDoorStyle.js

@@ -8,23 +8,7 @@ exports.handleChangeDoorStyleEvent = handleChangeDoorStyleEvent;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _asyncPool = require("../../shared/concurrency/async-pool");
-function prepareMoldingCCDFList(doorStyle, moldingData) {
-  var moldingCCDFs = [];
-  for (var i = 0; i < moldingData.length; i++) {
-    var _molding$ccdf$catalog, _molding$ccdf, _molding$ccdf$cabinet, _molding$ccdf2, _doorStyle$id, _molding$long_name;
-    var molding = moldingData[i];
-    moldingCCDFs.push({
-      sizeinfo: molding.sizeinfo,
-      catalog_cabinet_sku: (_molding$ccdf$catalog = molding === null || molding === void 0 || (_molding$ccdf = molding.ccdf) === null || _molding$ccdf === void 0 ? void 0 : _molding$ccdf.catalog_cabinet_sku) !== null && _molding$ccdf$catalog !== void 0 ? _molding$ccdf$catalog : molding.sku_number,
-      cabinet_id: (_molding$ccdf$cabinet = molding === null || molding === void 0 || (_molding$ccdf2 = molding.ccdf) === null || _molding$ccdf2 === void 0 ? void 0 : _molding$ccdf2.cabinet_id) !== null && _molding$ccdf$cabinet !== void 0 ? _molding$ccdf$cabinet : molding.itemID,
-      ccdf: molding.ccdf,
-      target_door_finish_id: (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null,
-      long_name: (_molding$long_name = molding === null || molding === void 0 ? void 0 : molding.long_name) !== null && _molding$long_name !== void 0 ? _molding$long_name : null,
-      id: molding.itemID
-    });
-  }
-  return moldingCCDFs;
-}
+var _handleExternalEvent = require("./handleExternalEvent.util");
 function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
   return _handleChangeDoorStyleEvent.apply(this, arguments);
 }
@@ -66,7 +50,7 @@ function _handleChangeDoorStyleEvent() {
         case 4:
           ccdf_list = [];
           _loop = /*#__PURE__*/_regenerator["default"].mark(function _loop() {
-            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id3, _item$long_name;
+            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id2, _item$long_name;
             return _regenerator["default"].wrap(function (_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
@@ -80,7 +64,7 @@ function _handleChangeDoorStyleEvent() {
                       catalog_cabinet_sku: (_item$ccdf$catalog_ca = item === null || item === void 0 || (_item$ccdf = item.ccdf) === null || _item$ccdf === void 0 ? void 0 : _item$ccdf.catalog_cabinet_sku) !== null && _item$ccdf$catalog_ca !== void 0 ? _item$ccdf$catalog_ca : item.sku_number,
                       cabinet_id: (_item$ccdf$cabinet_id = item === null || item === void 0 || (_item$ccdf2 = item.ccdf) === null || _item$ccdf2 === void 0 ? void 0 : _item$ccdf2.cabinet_id) !== null && _item$ccdf$cabinet_id !== void 0 ? _item$ccdf$cabinet_id : null,
                       ccdf: item.ccdf,
-                      target_door_finish_id: (_doorStyle$id3 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id3 !== void 0 ? _doorStyle$id3 : null,
+                      target_door_finish_id: (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null,
                       long_name: (_item$long_name = item === null || item === void 0 ? void 0 : item.long_name) !== null && _item$long_name !== void 0 ? _item$long_name : null,
                       scene_cabinet_id: item.id
                     });
@@ -103,7 +87,7 @@ function _handleChangeDoorStyleEvent() {
           _context3.next = 5;
           break;
         case 7:
-          moldingCCDFList = prepareMoldingCCDFList(doorStyle, moldingData);
+          moldingCCDFList = (0, _handleExternalEvent.prepareMoldingCCDFList)(doorStyle, moldingData);
           if (ccdf_list.length > 0) {
             (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
               type: INTERNAL_EVENT_ITEMS_CATALOG,
@@ -117,7 +101,7 @@ function _handleChangeDoorStyleEvent() {
             // result is ccdf_list
             function () {
               var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
-                var _result$ccdf_list, _doorStyle$id2, _result$molding_ccdf_;
+                var _result$ccdf_list, _doorStyle$id, _result$molding_ccdf_;
                 var mappedCabinetDefinitionList, rt;
                 return _regenerator["default"].wrap(function (_context) {
                   while (1) switch (_context.prev = _context.next) {
@@ -135,7 +119,7 @@ function _handleChangeDoorStyleEvent() {
                       // Persist ccdf on affected instances so SYNC includes the latest ccdf.id for each item.
                       // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
                       // Use request door_finish_id (doorStyle.id) as the source of truth for door_finish_id.
-                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null);
+                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null);
                       props.itemsActions.setMoldingsCCDF((_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], applyScope);
                       props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 2:

package/lib/events/external/handlers.loadProject.js

@@ -7,11 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleLoadProjectEvent = handleLoadProjectEvent;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _convertUnitsLite = require("../../utils/convert-units-lite");
 var _constants = require("../../constants");
 var _models = require("../../models");
 var _asyncPool = require("../../shared/concurrency/async-pool");
+var _handleExternalEvent = require("./handleExternalEvent.util");
+var _utils = require("../../components/viewer2d/utils");
 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 handleLoadProjectEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
@@ -19,14 +22,14 @@ function handleLoadProjectEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
 }
 function _handleLoadProjectEvent() {
   _handleLoadProjectEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(props, state, evt, mapFromCCDFToCDS, updateProjectWithCDSList, ccdfMapper, mergeSameElements, addItemToCatalog) {
-    var layerName, _evt$payload$layers$l, _evt$payload, _state$catalog, ccdf_list, items, newScene, tempState, _props$onInternalEven;
+    var layerName, _evt$payload$layers$l, _evt$payload, _state$catalog, ccdf_list, molding_ccdf_list, items, newScene, tempState, _props$onInternalEven;
     return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           layerName = 'layer-1';
           if (evt !== null && evt !== void 0 && evt.payload) {
             // prepare item data request
-            ccdf_list = [];
+            ccdf_list = [], molding_ccdf_list = [];
             items = (_evt$payload$layers$l = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.layers[layerName]) === null || _evt$payload === void 0 ? void 0 : _evt$payload.items) !== null && _evt$payload$layers$l !== void 0 ? _evt$payload$layers$l : {};
             Object.keys(items).forEach(function (k) {
               var _it$properties, _it$properties2, _it$properties3;
@@ -50,6 +53,7 @@ function _handleLoadProjectEvent() {
                   long_name: (_it$long_name = it === null || it === void 0 ? void 0 : it.long_name) !== null && _it$long_name !== void 0 ? _it$long_name : null,
                   scene_cabinet_id: it.id
                 });
+                if (!(0, _utils.isEmpty)(it.doorStyle) && !(0, _utils.isEmpty)(it.molding)) molding_ccdf_list.push.apply(molding_ccdf_list, (0, _toConsumableArray2["default"])((0, _handleExternalEvent.prepareMoldingCCDFList)(it.doorStyle, it.molding)));
               }
             });
             newScene = new _models.Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
@@ -62,7 +66,8 @@ function _handleLoadProjectEvent() {
                 type: _constants.INTERNAL_EVENT_ITEMS_CATALOG,
                 value: {
                   event_type: 'load_project',
-                  ccdf_list: ccdf_list
+                  ccdf_list: ccdf_list,
+                  molding_ccdf_list: molding_ccdf_list
                 }
               }, /*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
@@ -106,6 +111,7 @@ function _handleLoadProjectEvent() {
                         });
                       case 1:
                         props.projectActions.loadProject(evt.payload);
+                        props.itemsActions.setMoldingsCCDF(result === null || result === void 0 ? void 0 : result.molding_ccdf_list, 'all');
                       case 2:
                       case "end":
                         return _context.stop();

package/lib/events/external/handlers.molding.js

@@ -20,7 +20,7 @@ function _handleSetMolding() {
           _context.next = 1;
           return loadMoldingSvg(moldingInfo);
         case 1:
-          props.itemsActions.setMolding(moldingInfo, isGlobal);
+          props.itemsActions.setMolding(moldingInfo, isGlobal, props.onInternalEvent);
         case 2:
         case "end":
           return _context.stop();

package/lib/reducers/items-reducer.js

@@ -112,7 +112,7 @@ function _default(state, action) {
       state = stateHistoryPush(state).updatedState;
       return _export.Item.setCounterTop(state, action.counterTop).updatedState;
     case _constants.SET_MOLDING:
-      return _export.Item.setMolding(state, action.molding, action.isAll).updatedState;
+      return _export.Item.setMolding(state, action.molding, action.isAll, action.onInternalEvent).updatedState;
     case _constants.UPDATE_MOLDING:
       return _export.Item.updateMolding(state).updatedState;
     case _constants.SET_WALL_COLOR:

package/lib/utils/molding.js

@@ -9,7 +9,6 @@ exports.createMonldingGroup = createMonldingGroup;
 exports.getAllMoldingGroups = getAllMoldingGroups;
 exports.getItemGroupFromMolding = getItemGroupFromMolding;
 exports.getItemRect = getItemRect;
-exports.getLinesFromItems = getLinesFromItems;
 exports.getLinesFromItems2 = getLinesFromItems2;
 exports.getLinesOfItem = getLinesOfItem;
 exports.getLinesOfItem2 = getLinesOfItem2;
@@ -727,97 +726,6 @@ function getTrimmedContourLineSegs(lineSegs, otherLines, cnt) {
     return [];
   }
 }
-function getLinesFromItems(moldingGroup, layer, catalog) {
-  var allLineRects = _export.GeometryUtils.buildRectFromLines(layer, _export.GeometryUtils.getAllLines(layer));
-  var items = (0, _toConsumableArray2["default"])(moldingGroup.items);
-  var MGlines = getLinesOfItem(items[0], allLineRects, catalog);
-  items = sortItemsByDistance(items, items[0]);
-  var _loop7 = function _loop7() {
-    var itemLines = getLinesOfItem(items[i], allLineRects, catalog);
-    var temp_MGLines = [];
-    MGlines.forEach(function (line) {
-      var idx = itemLines.findIndex(function (itemLine) {
-        return isLinesOverlapped(line, itemLine);
-      });
-      var curItemLine = itemLines[idx];
-      if (idx > -1) {
-        if (!(_export.GeometryUtils.samePoints(line[0], curItemLine[0]) && _export.GeometryUtils.samePoints(line[1], curItemLine[1]) || _export.GeometryUtils.samePoints(line[0], curItemLine[1]) && _export.GeometryUtils.samePoints(line[1], curItemLine[0]))) {
-          var MGLine = mergeOverlappedLines(line, curItemLine);
-          temp_MGLines.push(MGLine);
-        }
-        itemLines.splice(idx, 1);
-      } else {
-        temp_MGLines.push(line);
-      }
-    });
-    itemLines.forEach(function (itemLine) {
-      return temp_MGLines.push(itemLine);
-    });
-    MGlines = [].concat(temp_MGLines);
-  };
-  for (var i = 1; i < items.length; i++) {
-    _loop7();
-  }
-  // return MGlines;
-  var snapped_other_items = layer.items.toArray().filter(function (item) {
-    if (items.some(function (it) {
-      return item.id === it.id;
-    })) return false;
-    return isItemSnappedGroup(item, items);
-  });
-  snapped_other_items.forEach(function (item) {
-    var itemAltitude = item.properties.get('altitude').get('_length');
-    var itemAltitudeUnit = item.properties.get('altitude').get('_unit');
-    itemAltitude = (0, _convertUnitsLite.convert)(itemAltitude).from(itemAltitudeUnit).to('cm');
-    var itemHeight = item.properties.get('height').get('_length');
-    var itemHeightUnit = item.properties.get('height').get('_unit');
-    itemHeight = (0, _convertUnitsLite.convert)(itemHeight).from(itemHeightUnit).to('cm');
-    var mgroupAltitude = items[0].properties.get('altitude').get('_length');
-    var mgroupAltitudeUnit = items[0].properties.get('altitude').get('_unit');
-    mgroupAltitude = (0, _convertUnitsLite.convert)(mgroupAltitude).from(mgroupAltitudeUnit).to('cm');
-    var mgroupHeight = items[0].properties.get('height').get('_length');
-    var mgroupHeightUnit = items[0].properties.get('height').get('_unit');
-    mgroupHeight = (0, _convertUnitsLite.convert)(mgroupHeight).from(mgroupHeightUnit).to('cm');
-    var flag = false;
-    switch (moldingGroup.location_type) {
-      case _constants.TOP_MOLDING_LOCATION:
-        flag = itemAltitude + itemHeight > mgroupAltitude + mgroupHeight;
-        break;
-      case _constants.MIDDLE_MOLDING_LOCATION:
-        flag = true;
-        break;
-      case _constants.BOTTOM_MOLDING_LOCATION:
-        flag = itemAltitude < mgroupAltitude;
-        break;
-    }
-    if (item.category !== 'cabinet' || ![_constants.BASE_CABINET_LAYOUTPOS, _constants.WALL_CABINET_LAYOUTPOS, _constants.TALL_CABINET_LAYOUTPOS].includes(item.layoutpos)) flag = true;
-    if (flag) {
-      var itemLines = getLinesOfItem(item, allLineRects, catalog);
-      var temp_MGLines = [];
-      MGlines.forEach(function (mgl) {
-        var idx = itemLines.findIndex(function (itl) {
-          return isLinesOverlapped(mgl, itl);
-        });
-        var curITL = itemLines[idx];
-        if (idx > -1) {
-          if (getDelta(mgl[0], mgl[1], curITL[1], curITL[0]) < _constants.EPSILON || getDelta(mgl[0], mgl[1], curITL[0], curITL[1]) < _constants.EPSILON) {
-            if (_export.GeometryUtils.verticesDistance(mgl[0], mgl[1]) > _export.GeometryUtils.verticesDistance(curITL[0], curITL[1])) {
-              var MGLine = mergeOverlappedLines(mgl, curITL);
-              temp_MGLines.push(MGLine);
-            }
-            itemLines.splice(idx, 1);
-          } else {
-            temp_MGLines.push(mgl);
-          }
-        } else {
-          temp_MGLines.push(mgl);
-        }
-      });
-      MGlines = [].concat(temp_MGLines);
-    }
-  });
-  return MGlines;
-}
 function getMDPoints(newMD) {
   if (newMD.lines.length < 1) return _objectSpread(_objectSpread({}, newMD), {}, {
     pointGroups: []
@@ -867,7 +775,7 @@ function getMDPoints(newMD) {
   var pointGroups = [[]];
   var flag = 1;
   var i = 0;
-  var _loop8 = function _loop8() {
+  var _loop7 = function _loop7() {
     if (pointGroups[i].length === 0) {
       pointGroups[i].push(new Three.Vector2(MDlines[0][0].x - cPos.x, MDlines[0][0].y - cPos.y), new Three.Vector2(MDlines[0][1].x - cPos.x, MDlines[0][1].y - cPos.y));
       MDlines.splice(0, 1);
@@ -932,7 +840,7 @@ function getMDPoints(newMD) {
     }
   };
   while (MDlines.length !== 0) {
-    _loop8();
+    _loop7();
   }
   var z = newMD.items[0].properties.get('altitude').get('_length');
   var zUnit = newMD.items[0].properties.get('altitude').get('_unit') || 'cm';
@@ -1042,14 +950,14 @@ function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLength) {
   // filter the real molding line segments
   var removeLineIds = []; // remove the line that fully overlapped to other line
   var newLines = []; // new countour line segment that except the overlapped part
-  var _loop9 = function _loop9(i) {
+  var _loop8 = function _loop8(i) {
     var srcLine = {
       x1: moldingLines[i].line[0].x,
       y1: moldingLines[i].line[0].y,
       x2: moldingLines[i].line[1].x,
       y2: moldingLines[i].line[1].y
     };
-    var _loop1 = function _loop1(_j) {
+    var _loop0 = function _loop0(_j) {
         if (i === _j) return 0; // continue
         if (Math.abs(moldingLines[i].z - moldingLines[_j].z) > _constants.EPSILON) return 0; // continue
         var destLine = {
@@ -1084,13 +992,13 @@ function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLength) {
       },
       _ret4;
     for (var _j = 0; _j < moldingLines.length; _j++) {
-      _ret4 = _loop1(_j);
+      _ret4 = _loop0(_j);
       if (_ret4 === 0) continue;
       if (_ret4 === 1) break;
     }
   };
   for (var i = 0; i < moldingLines.length; i++) {
-    _loop9(i);
+    _loop8(i);
   }
   moldingLines = moldingLines.filter(function (line, idx) {
     return !removeLineIds.some(function (id) {
@@ -1121,7 +1029,7 @@ function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLength) {
   // console.log('moldingLines: ', moldingLines);
 
   // make molding data with grouping molding & doorStyle
-  var _loop0 = function _loop0() {
+  var _loop9 = function _loop9() {
     var ml = moldingLines[k];
     var mlLength = ml.molding.name === _constants.TOE_KICK_MOLDING ? ml.inchWidth : (0, _convertUnitsLite.convert)(_export.GeometryUtils.verticesDistance(ml.line[0], ml.line[1])).from('cm').to('in');
     var idx = moldingData.findIndex(function (v) {
@@ -1138,7 +1046,7 @@ function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLength) {
     }
   };
   for (var k = 0; k < moldingLines.length; k++) {
-    _loop0();
+    _loop9();
   }
   // console.log('moldingData: ', moldingData);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "11.37.0",
+  "version": "11.38.0",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",