kitchen-simulator 11.36.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";
@@ -17,6 +19,8 @@ import { historyPush } from "../utils/history";
 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;
@@ -126,22 +130,17 @@ var Item = /*#__PURE__*/function () {
           var refAlt = refItem === null || refItem === void 0 || (_refItem$properties = refItem.properties) === null || _refItem$properties === void 0 || (_refItem$properties$g = _refItem$properties.get) === null || _refItem$properties$g === void 0 ? void 0 : _refItem$properties$g.call(_refItem$properties, 'altitude');
           if (refAlt) item = item.setIn(['properties', 'altitude'], refAlt);
         } else {
-          var _layer$doorStyle, _temp, _ref, _temp$doorStyles$cds$, _temp2, _temp3, _state5;
+          var _layer$doorStyle, _temp;
           var layer = state.getIn(['scene', 'layers', layerID]);
           var temp = (_layer$doorStyle = layer === null || layer === void 0 ? void 0 : layer.doorStyle) !== null && _layer$doorStyle !== void 0 ? _layer$doorStyle : state.doorStyle;
           if (!isEmpty(temp) && Map.isMap(temp)) temp = (_temp = temp) === null || _temp === void 0 ? void 0 : _temp.toJS();
-          var cds = (_ref = (_temp$doorStyles$cds$ = (_temp2 = temp) === null || _temp2 === void 0 || (_temp2 = _temp2.doorStyles) === null || _temp2 === void 0 || (_temp2 = _temp2.cds) === null || _temp2 === void 0 ? void 0 : _temp2.find(function (elem) {
-            var _state3;
-            return elem.itemID === ((_state3 = state) === null || _state3 === void 0 || (_state3 = _state3.catalog) === null || _state3 === void 0 ? void 0 : _state3.getIn(['elements', type, 'itemID']));
-          })) !== null && _temp$doorStyles$cds$ !== void 0 ? _temp$doorStyles$cds$ : (_temp3 = temp) === null || _temp3 === void 0 || (_temp3 = _temp3.cds) === null || _temp3 === void 0 ? void 0 : _temp3.find(function (elem) {
-            var _state4;
-            return elem.itemID === ((_state4 = state) === null || _state4 === void 0 || (_state4 = _state4.catalog) === null || _state4 === void 0 ? void 0 : _state4.getIn(['elements', type, 'itemID']));
-          })) !== null && _ref !== void 0 ? _ref : (_state5 = state) === null || _state5 === void 0 || (_state5 = _state5.catalog) === null || _state5 === void 0 ? void 0 : _state5.getIn(['elements', type, 'cds']);
+          var cds = mapFromCCDFToCDS([toJSIfNeeded(item.ccdf)], [toJSIfNeeded(item)]);
+          temp.cds = cds;
           if (cds) {
-            var _temp4;
-            var updatedDoorStyles = _objectSpread(_objectSpread({}, (_temp4 = temp) === null || _temp4 === void 0 ? void 0 : _temp4.doorStyles), {}, {
-              cds: [cds],
-              cabinet_door_style_id: cds.cabinet_door_style_id
+            var _temp2;
+            var updatedDoorStyles = _objectSpread(_objectSpread({}, (_temp2 = temp) === null || _temp2 === void 0 ? void 0 : _temp2.doorStyles), {}, {
+              cds: cds,
+              cabinet_door_style_id: cds[0].cabinet_door_style_id
             });
             item = item.merge({
               doorStyle: fromJS(_objectSpread(_objectSpread({}, temp), {}, {
@@ -314,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);
       }
@@ -334,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;
@@ -854,8 +854,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItemChanged",
     value: function updateDraggingItemChanged(state, x, y, layerID, itemID) {
-      var _state6 = state,
-        scene = _state6.scene;
+      var _state3 = state,
+        scene = _state3.scene;
       // let originalX = draggingSupport.get('originalX');
       // let originalY = draggingSupport.get('originalY');
 
@@ -947,9 +947,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem",
     value: function updateDraggingItem(state, x, y) {
-      var _state7 = state,
-        draggingSupport = _state7.draggingSupport,
-        scene = _state7.scene;
+      var _state4 = state,
+        draggingSupport = _state4.draggingSupport,
+        scene = _state4.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointX = draggingSupport.get('startPointX');
@@ -981,9 +981,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem3DX",
     value: function updateDraggingItem3DX(state, x) {
-      var _state8 = state,
-        draggingSupport = _state8.draggingSupport,
-        scene = _state8.scene;
+      var _state5 = state,
+        draggingSupport = _state5.draggingSupport,
+        scene = _state5.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointX = draggingSupport.get('startPointX');
@@ -1003,9 +1003,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem3DY",
     value: function updateDraggingItem3DY(state, y) {
-      var _state9 = state,
-        draggingSupport = _state9.draggingSupport,
-        scene = _state9.scene;
+      var _state6 = state,
+        draggingSupport = _state6.draggingSupport,
+        scene = _state6.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointY = draggingSupport.get('startPointY');
@@ -1086,9 +1086,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateRotatingItem",
     value: function updateRotatingItem(state, x, y) {
-      var _state0 = state,
-        rotatingSupport = _state0.rotatingSupport,
-        scene = _state0.scene;
+      var _state7 = state,
+        rotatingSupport = _state7.rotatingSupport,
+        scene = _state7.scene;
       var layerID = rotatingSupport.get('layerID');
       var itemID = rotatingSupport.get('itemID');
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1171,9 +1171,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "replaceSubmodule",
     value: function replaceSubmodule(state, url) {
-      var _state1 = state,
-        replacingSupport = _state1.replacingSupport,
-        scene = _state1.scene;
+      var _state8 = state,
+        replacingSupport = _state8.replacingSupport,
+        scene = _state8.scene;
       url = 'catalog/texture.png';
       var urlData = url.split('/');
       var newURL = '';
@@ -1274,9 +1274,9 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "animateObject",
     value: function animateObject(state, value) {
-      var _state10 = state,
-        replacingSupport = _state10.replacingSupport,
-        scene = _state10.scene;
+      var _state9 = state,
+        replacingSupport = _state9.replacingSupport,
+        scene = _state9.scene;
       var layerID = replacingSupport.get('layerID');
       var itemID = replacingSupport.get('itemID');
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1313,8 +1313,8 @@ var Item = /*#__PURE__*/function () {
       state = state.merge({
         doorStyle: doorStyle
       });
-      var _state11 = state,
-        scene = _state11.scene;
+      var _state0 = state,
+        scene = _state0.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1523,8 +1523,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setCounterTop",
     value: function setCounterTop(state, counterTop) {
-      var _state12 = state,
-        scene = _state12.scene;
+      var _state1 = state,
+        scene = _state1.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       layers = layers.mergeIn(['counterTop'], counterTop);
@@ -1568,8 +1568,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setDoorHandle",
     value: function setDoorHandle(state, doorHandle) {
-      var _state13 = state,
-        scene = _state13.scene;
+      var _state10 = state,
+        scene = _state10.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.mergeIn(['doorHandle'], doorHandle);
@@ -1593,8 +1593,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setHandleMaterial",
     value: function setHandleMaterial(state, material) {
-      var _state14 = state,
-        scene = _state14.scene;
+      var _state11 = state,
+        scene = _state11.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1619,8 +1619,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setWallColor",
     value: function setWallColor(state, wallColor) {
-      var _state15 = state,
-        scene = _state15.scene;
+      var _state12 = state,
+        scene = _state12.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.merge({
@@ -1646,8 +1646,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setBacksplash",
     value: function setBacksplash(state, backsplash) {
-      var _state16 = state,
-        scene = _state16.scene;
+      var _state13 = state,
+        scene = _state13.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       var dataJSON = layer.toJS();
@@ -1675,8 +1675,10 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
-      var _state17 = state,
-        scene = _state17.scene;
+      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');
       var layer = scene.layers.get(layerID);
       if (isAll) {
@@ -1758,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)
       });
@@ -1768,8 +1824,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateMolding",
     value: function updateMolding(state) {
-      var _state18 = state,
-        scene = _state18.scene;
+      var _state15 = state,
+        scene = _state15.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       var selectedItem = layer.getIn(['items', layer.selected.toJS().items[0]]);
@@ -1893,8 +1949,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setBacksplashVisible",
     value: function setBacksplashVisible(state, itemID, backsplashVisible) {
-      var _state19 = state,
-        scene = _state19.scene;
+      var _state16 = state,
+        scene = _state16.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.mergeIn(['items', itemID, 'backsplashVisible'], backsplashVisible);
@@ -1914,8 +1970,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setApplianceMaterial",
     value: function setApplianceMaterial(state, material) {
-      var _state20 = state,
-        scene = _state20.scene;
+      var _state17 = state,
+        scene = _state17.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1939,8 +1995,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setModelling",
     value: function setModelling(state, molding) {
-      var _state21 = state,
-        scene = _state21.scene;
+      var _state18 = state,
+        scene = _state18.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -2050,8 +2106,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "toggleLoadingCabinet",
     value: function toggleLoadingCabinet(state) {
-      var _state22 = state,
-        scene = _state22.scene;
+      var _state19 = state,
+        scene = _state19.scene;
       console.log('scene.isLoadingCabinet: ', !scene.isLoadingCabinet);
       // scene = scene.set('isLoadingCabinet', !scene.isLoadingCabinet);
       // state = state.set('scene', scene);
@@ -2063,8 +2119,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "endLoading",
     value: function endLoading(state) {
-      var _state23 = state,
-        scene = _state23.scene;
+      var _state20 = state,
+        scene = _state20.scene;
       state = state.setIn(['scene', 'loadFlag'], true);
       return {
         updatedState: state

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

@@ -2724,6 +2724,12 @@ function isSingleQuadrilateral(groupCount, pointGroup) {
  * @param model - molding info that appear in real 3D
  */
 function moldingVertices(mPointGroup, mdGeo, MDV, model, svg_width, svg_height, groupCount) {
+  // Guard against bad SVG metadata (missing/zero dimensions) which would produce NaN/Infinity vertices.
+  if (!Number.isFinite(svg_width) || !Number.isFinite(svg_height) || svg_width <= 0 || svg_height <= 0) {
+    mdGeo.setAttribute('position', new Three.BufferAttribute(new Float32Array(), 3));
+    mdGeo.needsUpdate = true;
+    return mdGeo;
+  }
   var pointGroup = mPointGroup;
   var length = pointGroup.length;
   var isSnap = true;
@@ -2801,15 +2807,19 @@ function moldingVertices(mPointGroup, mdGeo, MDV, model, svg_width, svg_height,
     }
     vecNorm.rotateAround(o, Math.PI / 2 - alpha);
     vecNorm.normalize();
-    vecNorm.multiplyScalar(1 / Math.sin(alpha));
+    var sinAlpha = Math.sin(alpha);
+    if (Math.abs(sinAlpha) > 1e-6) {
+      vecNorm.multiplyScalar(1 / sinAlpha);
+    }
 
     // Make 3D Points
     MDV.forEach(function (p) {
       var x = cur.x - vecNorm.x * ((p.x / svg_width - 0.5) * model.length);
       var y = (0.5 - p.y / svg_height) * model.width;
       var z = -cur.y + vecNorm.y * ((p.x / svg_width - 0.5) * model.length);
-      if (mdGeo.attributes.hasOwnProperty('position')) verticesArray = mdGeo.attributes.position.array;
-      verticesArray.push(x, y, z);
+      if (Number.isFinite(x) && Number.isFinite(y) && Number.isFinite(z)) {
+        verticesArray.push(x, y, z);
+      }
     });
   });
   var mdGeo1 = mdGeo.setAttribute('position', new Three.BufferAttribute(new Float32Array(verticesArray), 3));
@@ -3250,7 +3260,7 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
   // let layoutType = molding.items[0].layoutpos;
   // let visible = molding.items[0];
   molding.pointGroups.forEach(function (pointGroup) {
-    var _child$width_unit, _child$height_unit, _child$length_unit;
+    var _child$width_unit, _child$height_unit, _child$length_unit, _geometry2;
     var geometry = new Three.BufferGeometry();
     var length = data.length; //point array
     var widthUnit = child.width_unit === 'inch' ? 'in' : (_child$width_unit = child.width_unit) !== null && _child$width_unit !== void 0 ? _child$width_unit : 'in';
@@ -3264,6 +3274,10 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
     child.length_unit = 'cm';
     geometry.needsUpdate = true;
     geometry = moldingVertices(pointGroup, geometry, data, child, svg_width, svg_height, molding.pointGroups.length);
+    // If we failed to generate positions (bad SVG/model data), skip this molding group.
+    if (!((_geometry2 = geometry) !== null && _geometry2 !== void 0 && (_geometry2 = _geometry2.attributes) !== null && _geometry2 !== void 0 && _geometry2.position) || geometry.attributes.position.count < 3) {
+      return;
+    }
     var total = geometry.attributes.position.count;
     var len = geometry.attributes.position.count / length;
     if (!GeometryUtils.samePoints(pointGroup[0], pointGroup[pointGroup.length - 1])) {
@@ -3644,7 +3658,7 @@ export function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
           }).toJS()[0] : (_mg$items$4 = mg.items[0]) === null || _mg$items$4 === void 0 || (_mg$items$4 = _mg$items$4.molding) === null || _mg$items$4 === void 0 ? void 0 : _mg$items$4.filter(function (mol) {
             return (mol === null || mol === void 0 ? void 0 : mol.location_type) === mg.location_type;
           })[0];
-          if (mg.molding === null || mg.molding.itemID !== mol.itemID || mg.lines === null || mg.points === null) {
+          if (mg.molding === null || mg.molding.itemID !== molding.itemID || mg.lines === null || mg.points === null) {
             var _mg$molding;
             if (mg.molding !== null && ((_mg$molding = mg.molding) === null || _mg$molding === void 0 ? void 0 : _mg$molding.itemID) !== molding.itemID) {
               deleteMGMesh(mg, planData, mode);

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

@@ -395,7 +395,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
               }
             });
             tempPlaceholdersData.push({
-              id: parseInt(el, 10),
+              id: el,
               placeholders: tempData,
               structure: cabinetPayload.structure_json.tempPlaceholders[k].structure
             });
@@ -1027,11 +1027,19 @@ function _loadMoldingSvg() {
             }
             var loader = new SVGLoader();
             loader.load(url, function (data) {
-              var _data$xml$viewBox$ani, _data$xml, _data$xml$viewBox$ani2, _data$xml2;
+              var _data$xml$viewBox$ani, _data$xml, _data$xml2, _data$xml$viewBox$ani2, _data$xml3, _data$xml4, _data$xml$width$animV, _data$xml5, _data$xml6, _data$xml$height$anim, _data$xml7, _data$xml8, _ref6, _ref7;
+              // Some SVGs omit a viewBox; fall back to width/height to avoid 0 dimensions.
+              // 0/invalid svg_width/svg_height later causes NaN/Infinity vertex positions in 3D molding meshes.
+              var viewBoxWidth = (_data$xml$viewBox$ani = (_data$xml = data.xml) === null || _data$xml === void 0 || (_data$xml = _data$xml.viewBox) === null || _data$xml === void 0 || (_data$xml = _data$xml.animVal) === null || _data$xml === void 0 ? void 0 : _data$xml.width) !== null && _data$xml$viewBox$ani !== void 0 ? _data$xml$viewBox$ani : (_data$xml2 = data.xml) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.viewBox) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.baseVal) === null || _data$xml2 === void 0 ? void 0 : _data$xml2.width;
+              var viewBoxHeight = (_data$xml$viewBox$ani2 = (_data$xml3 = data.xml) === null || _data$xml3 === void 0 || (_data$xml3 = _data$xml3.viewBox) === null || _data$xml3 === void 0 || (_data$xml3 = _data$xml3.animVal) === null || _data$xml3 === void 0 ? void 0 : _data$xml3.height) !== null && _data$xml$viewBox$ani2 !== void 0 ? _data$xml$viewBox$ani2 : (_data$xml4 = data.xml) === null || _data$xml4 === void 0 || (_data$xml4 = _data$xml4.viewBox) === null || _data$xml4 === void 0 || (_data$xml4 = _data$xml4.baseVal) === null || _data$xml4 === void 0 ? void 0 : _data$xml4.height;
+              var attrWidth = (_data$xml$width$animV = (_data$xml5 = data.xml) === null || _data$xml5 === void 0 || (_data$xml5 = _data$xml5.width) === null || _data$xml5 === void 0 || (_data$xml5 = _data$xml5.animVal) === null || _data$xml5 === void 0 ? void 0 : _data$xml5.value) !== null && _data$xml$width$animV !== void 0 ? _data$xml$width$animV : (_data$xml6 = data.xml) === null || _data$xml6 === void 0 || (_data$xml6 = _data$xml6.width) === null || _data$xml6 === void 0 || (_data$xml6 = _data$xml6.baseVal) === null || _data$xml6 === void 0 ? void 0 : _data$xml6.value;
+              var attrHeight = (_data$xml$height$anim = (_data$xml7 = data.xml) === null || _data$xml7 === void 0 || (_data$xml7 = _data$xml7.height) === null || _data$xml7 === void 0 || (_data$xml7 = _data$xml7.animVal) === null || _data$xml7 === void 0 ? void 0 : _data$xml7.value) !== null && _data$xml$height$anim !== void 0 ? _data$xml$height$anim : (_data$xml8 = data.xml) === null || _data$xml8 === void 0 || (_data$xml8 = _data$xml8.height) === null || _data$xml8 === void 0 || (_data$xml8 = _data$xml8.baseVal) === null || _data$xml8 === void 0 ? void 0 : _data$xml8.value;
+              var svg_width = Number((_ref6 = viewBoxWidth !== null && viewBoxWidth !== void 0 ? viewBoxWidth : attrWidth) !== null && _ref6 !== void 0 ? _ref6 : 0);
+              var svg_height = Number((_ref7 = viewBoxHeight !== null && viewBoxHeight !== void 0 ? viewBoxHeight : attrHeight) !== null && _ref7 !== void 0 ? _ref7 : 0);
               molding.data = {
                 paths: data.paths,
-                svg_width: (_data$xml$viewBox$ani = (_data$xml = data.xml) === null || _data$xml === void 0 || (_data$xml = _data$xml.viewBox) === null || _data$xml === void 0 || (_data$xml = _data$xml.animVal) === null || _data$xml === void 0 ? void 0 : _data$xml.width) !== null && _data$xml$viewBox$ani !== void 0 ? _data$xml$viewBox$ani : 0,
-                svg_height: (_data$xml$viewBox$ani2 = (_data$xml2 = data.xml) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.viewBox) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.animVal) === null || _data$xml2 === void 0 ? void 0 : _data$xml2.height) !== null && _data$xml$viewBox$ani2 !== void 0 ? _data$xml$viewBox$ani2 : 0
+                svg_width: Number.isFinite(svg_width) ? svg_width : 0,
+                svg_height: Number.isFinite(svg_height) ? svg_height : 0
               };
               resolve();
             }, null, function (error) {
@@ -1071,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();