kitchen-simulator 11.35.0 → 11.37.0

package/es/class/item.js

@@ -17,6 +17,7 @@ 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";
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -126,22 +127,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), {}, {
@@ -854,8 +850,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 +943,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 +977,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 +999,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 +1082,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 +1167,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 +1270,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 +1309,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 +1519,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 +1564,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 +1589,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 +1615,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 +1642,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 +1671,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
-      var _state17 = state,
-        scene = _state17.scene;
+      var _state14 = state,
+        scene = _state14.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       if (isAll) {
@@ -1768,8 +1764,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 +1889,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 +1910,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 +1935,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 +2046,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 +2059,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));
@@ -2972,6 +2982,7 @@ var applyTexture = function applyTexture(material, texture, length, height) {
  * @param {Scene} scene
  */
 export function createBacksplash(item, layer, planData, scene) {
+  var _getSnappedWallLines;
   var sceneGraph = planData.sceneGraph;
   var selectedLayer = planData.sceneData.selectedLayer;
   /**
@@ -2996,7 +3007,9 @@ export function createBacksplash(item, layer, planData, scene) {
   }
 
   // Get current wall line that item is snapped
-  var wLines = getSnappedWallLines(item.itemInfo, layer, planData.catalog);
+  var wLines = (_getSnappedWallLines = getSnappedWallLines(item.itemInfo, layer, planData.catalog)) === null || _getSnappedWallLines === void 0 ? void 0 : _getSnappedWallLines.filter(function (sLine) {
+    return sLine.snapSide === 'front';
+  });
   var curLine = wLines.length > 0 ? wLines[0] : null;
 
   // Get wall items which snapped to the curLine
@@ -3075,6 +3088,7 @@ export function createBacksplash(item, layer, planData, scene) {
       altitude: altitude
     });
   });
+  var DEFAULT_BACKSPLASH_HEIGHT = 52 * 2.54;
   if (altItems.length > 0) {
     depth = altItems[0].altitude;
     altItems.map(function (altItem) {
@@ -3083,11 +3097,9 @@ export function createBacksplash(item, layer, planData, scene) {
           depth = altItem.altitude;
           flag = true;
         }
-      }
+      } else if (!flag || depth > DEFAULT_BACKSPLASH_HEIGHT) depth = DEFAULT_BACKSPLASH_HEIGHT;
     });
   }
-  var DEFAULT_BACKSPLASH_HEIGHT = 52 * 2.54;
-  if (!flag || depth > DEFAULT_BACKSPLASH_HEIGHT) depth = DEFAULT_BACKSPLASH_HEIGHT;
 
   // Get backsplash info
 
@@ -3248,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';
@@ -3262,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])) {
@@ -3642,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) {

package/lib/class/item.js

@@ -22,6 +22,7 @@ var _history = require("../utils/history");
 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");
 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;
@@ -133,22 +134,17 @@ var Item = exports["default"] = /*#__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 (!(0, _utils.isEmpty)(temp) && _immutable.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 = (0, _ccdfToCDSMapper.mapFromCCDFToCDS)([(0, _immutable2.toJSIfNeeded)(item.ccdf)], [(0, _immutable2.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: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
@@ -861,8 +857,8 @@ var Item = exports["default"] = /*#__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');
 
@@ -954,9 +950,9 @@ var Item = exports["default"] = /*#__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');
@@ -988,9 +984,9 @@ var Item = exports["default"] = /*#__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');
@@ -1010,9 +1006,9 @@ var Item = exports["default"] = /*#__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');
@@ -1093,9 +1089,9 @@ var Item = exports["default"] = /*#__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]);
@@ -1178,9 +1174,9 @@ var Item = exports["default"] = /*#__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 = '';
@@ -1281,9 +1277,9 @@ var Item = exports["default"] = /*#__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]);
@@ -1320,8 +1316,8 @@ var Item = exports["default"] = /*#__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;
@@ -1530,8 +1526,8 @@ var Item = exports["default"] = /*#__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);
@@ -1575,8 +1571,8 @@ var Item = exports["default"] = /*#__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);
@@ -1600,8 +1596,8 @@ var Item = exports["default"] = /*#__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;
@@ -1626,8 +1622,8 @@ var Item = exports["default"] = /*#__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({
@@ -1653,8 +1649,8 @@ var Item = exports["default"] = /*#__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();
@@ -1682,8 +1678,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
-      var _state17 = state,
-        scene = _state17.scene;
+      var _state14 = state,
+        scene = _state14.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       if (isAll) {
@@ -1775,8 +1771,8 @@ var Item = exports["default"] = /*#__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]]);
@@ -1900,8 +1896,8 @@ var Item = exports["default"] = /*#__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);
@@ -1921,8 +1917,8 @@ var Item = exports["default"] = /*#__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;
@@ -1946,8 +1942,8 @@ var Item = exports["default"] = /*#__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;
@@ -2057,8 +2053,8 @@ var Item = exports["default"] = /*#__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);
@@ -2070,8 +2066,8 @@ var Item = exports["default"] = /*#__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/lib/components/viewer3d/scene-creator.js

@@ -40,7 +40,7 @@ var _threeMemoryCleaner = require("./three-memory-cleaner");
 var _constants = require("../../constants");
 var _export = require("../../utils/export");
 var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _geometry2 = require("../../utils/geometry");
+var _geometry3 = require("../../utils/geometry");
 var GeomUtils = _interopRequireWildcard(require("../../catalog/utils/geom-utils"));
 var _itemLoader = require("../../catalog/utils/item-loader");
 var _cabinetWarning = require("../../shared/domain/cabinet-warning");
@@ -923,7 +923,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
 }
 function getDistances(layer, curItem, isCalcWall) {
   // matching fvLine distance with OP
-  var pointArray = (0, _geometry2.calcDistancesFromItemToWalls)(curItem, layer).PointArray;
+  var pointArray = (0, _geometry3.calcDistancesFromItemToWalls)(curItem, layer).PointArray;
   if ((pointArray === null || pointArray === void 0 ? void 0 : pointArray.length) > 0) {
     var _loop2 = function _loop2() {
       var direction = i === 0 ? 90 : i === 1 ? -90 : i === 2 ? 180 : 0;
@@ -2758,6 +2758,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;
@@ -2835,15 +2841,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));
@@ -2976,7 +2986,7 @@ function sameSign(pos1, pos2, pos3) {
 function getTotalDistance(pos, rect) {
   var sum = 0;
   for (var i = 0; i < rect.length; i++) {
-    sum += (0, _geometry2.verticesDistance)(pos, rect[i]);
+    sum += (0, _geometry3.verticesDistance)(pos, rect[i]);
   }
   return sum;
 }
@@ -3006,6 +3016,7 @@ var applyTexture = function applyTexture(material, texture, length, height) {
  * @param {Scene} scene
  */
 function createBacksplash(item, layer, planData, scene) {
+  var _getSnappedWallLines;
   var sceneGraph = planData.sceneGraph;
   var selectedLayer = planData.sceneData.selectedLayer;
   /**
@@ -3030,7 +3041,9 @@ function createBacksplash(item, layer, planData, scene) {
   }
 
   // Get current wall line that item is snapped
-  var wLines = (0, _geometry2.getSnappedWallLines)(item.itemInfo, layer, planData.catalog);
+  var wLines = (_getSnappedWallLines = (0, _geometry3.getSnappedWallLines)(item.itemInfo, layer, planData.catalog)) === null || _getSnappedWallLines === void 0 ? void 0 : _getSnappedWallLines.filter(function (sLine) {
+    return sLine.snapSide === 'front';
+  });
   var curLine = wLines.length > 0 ? wLines[0] : null;
 
   // Get wall items which snapped to the curLine
@@ -3065,7 +3078,7 @@ function createBacksplash(item, layer, planData, scene) {
     var altitudeUnit = ((_wallItem$itemInfo2 = wallItem.itemInfo) === null || _wallItem$itemInfo2 === void 0 || (_wallItem$itemInfo2 = _wallItem$itemInfo2.properties) === null || _wallItem$itemInfo2 === void 0 ? void 0 : _wallItem$itemInfo2.get('altitude').get('_unit')) || 'cm';
     if (!(0, _helper.isEmpty)(altitude) && !(0, _helper.isEmpty)(altitudeUnit)) {
       altitude = (0, _convertUnitsLite.convert)(altitude).from(altitudeUnit).to('cm');
-      var altPoints = (0, _geometry2.getLineSnapPointsOfItem)(layer, curLine, wallItem);
+      var altPoints = (0, _geometry3.getLineSnapPointsOfItem)(layer, curLine, wallItem);
       if (altPoints.length > 1) {
         D0 = altPoints[0];
         D1 = altPoints[1];
@@ -3088,7 +3101,7 @@ function createBacksplash(item, layer, planData, scene) {
     var v0 = (_layer$vertices = layer.vertices) === null || _layer$vertices === void 0 ? void 0 : _layer$vertices.get(line === null || line === void 0 || (_line$vertices = line.vertices) === null || _line$vertices === void 0 ? void 0 : _line$vertices.get(0));
     var v1 = (_layer$vertices2 = layer.vertices) === null || _layer$vertices2 === void 0 ? void 0 : _layer$vertices2.get(line === null || line === void 0 || (_line$vertices2 = line.vertices) === null || _line$vertices2 === void 0 ? void 0 : _line$vertices2.get(1));
     if (!(0, _helper.isEmpty)(v0) || !(0, _helper.isEmpty)(v1)) {
-      var lineLength = (0, _geometry2.pointsDistance)(v0.x, v0.y, v1.x, v1.y);
+      var lineLength = (0, _geometry3.pointsDistance)(v0.x, v0.y, v1.x, v1.y);
       var disD0 = lineLength * hole.offset - width / 2;
       var disD1 = lineLength * hole.offset + width / 2;
       D0 = {
@@ -3109,19 +3122,18 @@ function createBacksplash(item, layer, planData, scene) {
       altitude: altitude
     });
   });
+  var DEFAULT_BACKSPLASH_HEIGHT = 52 * 2.54;
   if (altItems.length > 0) {
     depth = altItems[0].altitude;
     altItems.map(function (altItem) {
-      if ((0, _geometry2.isOverlappedTwoItemsOnOneLine)(layer, curLine, item, altItem)) {
+      if ((0, _geometry3.isOverlappedTwoItemsOnOneLine)(layer, curLine, item, altItem)) {
         if (depth >= altItem.altitude) {
           depth = altItem.altitude;
           flag = true;
         }
-      }
+      } else if (!flag || depth > DEFAULT_BACKSPLASH_HEIGHT) depth = DEFAULT_BACKSPLASH_HEIGHT;
     });
   }
-  var DEFAULT_BACKSPLASH_HEIGHT = 52 * 2.54;
-  if (!flag || depth > DEFAULT_BACKSPLASH_HEIGHT) depth = DEFAULT_BACKSPLASH_HEIGHT;
 
   // Get backsplash info
 
@@ -3282,7 +3294,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';
@@ -3296,6 +3308,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 (!_export.GeometryUtils.samePoints(pointGroup[0], pointGroup[pointGroup.length - 1])) {
@@ -3339,7 +3355,7 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
         x: data[_i2 + 1].x,
         y: data[_i2 + 1].y
       };
-      var posDistance = (0, _geometry2.verticesDistance)(v1, v2);
+      var posDistance = (0, _geometry3.verticesDistance)(v1, v2);
       sumDistance += posDistance;
       if (_i2 === data.length - 2) finalDistance = sumDistance;
       sumDistanceArray.push(sumDistance);
@@ -3676,7 +3692,7 @@ 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/lib/events/external/handleExternalEvent.util.js

@@ -408,7 +408,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
               }
             });
             tempPlaceholdersData.push({
-              id: parseInt(el, 10),
+              id: el,
               placeholders: tempData,
               structure: cabinetPayload.structure_json.tempPlaceholders[k].structure
             });
@@ -1038,11 +1038,19 @@ function _loadMoldingSvg() {
             }
             var loader = new _SVGLoader.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) {

package/package.json

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