kitchen-simulator 11.0.0-react.18 → 11.1.0

package/es/components/viewer3d/front3D.js

@@ -4,7 +4,7 @@ import Viewer3D from "./viewer3d";
 import State3D from "./ruler-utils/state3D";
 import { isEmpty } from "../viewer2d/utils";
 var k = 0;
-export default function Front3D(_ref, _ref2) {
+export default function Front3D(_ref) {
   var width = _ref.width,
     height = _ref.height,
     state = _ref.state,
@@ -12,7 +12,6 @@ export default function Front3D(_ref, _ref2) {
     replaceCabinet = _ref.replaceCabinet,
     keyDownEnable = _ref.keyDownEnable,
     catalog = _ref.catalog;
-  var viewer2DActions = _ref2.viewer2DActions;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     mode = _useState2[0],

package/es/components/viewer3d/pointer-lock-navigation.js

@@ -22,94 +22,4 @@ export function initPointerLock(camera, rendererElement) {
     pointerlockChangeEvent: pointerlockchange,
     requestPointerLockEvent: requestPointerLockEvent
   };
-}
-
-/* Funzione per il calcolo delle collisioni con gli oggetti contenuti all'interno di un array.
- * L'idea è quella di utilizzare il ray casting. Per tenere conto del fatto che ci possiamo
- * muovere nelle quattro direzioni, applico una matrice di rotazione alla direzione verso la
- * quale l'oggetto del pointer lock è orientato. */
-
-function collision(controls, collisionArray) {
-  var rotationMatrix;
-  var cameraDirection = controls.getDirection(new THREE.Vector3(0, 0, 0)).clone();
-  if (controls.moveForward()) {
-    // Nothing to do!
-  } else if (controls.moveBackward()) {
-    rotationMatrix = new THREE.Matrix4();
-    rotationMatrix.makeRotationY(180 * Math.PI / 180);
-  } else if (controls.moveLeft()) {
-    rotationMatrix = new THREE.Matrix4();
-    rotationMatrix.makeRotationY(90 * Math.PI / 180);
-  } else if (controls.moveRight()) {
-    rotationMatrix = new THREE.Matrix4();
-    rotationMatrix.makeRotationY((360 - 90) * Math.PI / 180);
-  } else return;
-  if (rotationMatrix !== undefined) {
-    cameraDirection.applyMatrix4(rotationMatrix);
-  }
-  var rayCaster = new THREE.Raycaster(controls.getObject().position, cameraDirection.normalize());
-  var intersects = rayCaster.intersectObjects(collisionArray, true);
-  if (intersects.length > 0 && intersects[0].distance < 10) {
-    return true;
-  }
-  return false;
-}
-
-/* Funzione meno raffinata per il calcolo delle collisioni.
- * In pratica viene definita una bounding geometry (in questo caso la skymap) e poi vengono fatti
- * partire una serie di raggi dall'object del controller fino ai vertici di questa geometria. Se uno di questi interseca
- * uno degli oggetti dei quali vogliamo controllare la collisione, allora la funzione restituirà il valore true */
-/*
- function collision(object, boundingGeometry, collisionArray ) {
-
- for (let vertexIndex = 0; vertexIndex < boundingGeometry.geometry.vertices.length; vertexIndex++)	{
- let localVertex = boundingGeometry.geometry.vertices[vertexIndex].clone();
- let globalVertex = localVertex.applyMatrix4( object.matrix );
- let directionVector = globalVertex.sub( object.position );
-
- let ray = new THREE.Raycaster(object.position, directionVector.clone().normalize());
- let collisionResults = ray.intersectObjects(collisionArray, true);
- if (collisionResults.length > 0 && collisionResults[0].distance < directionVector.length() - 1293) {
- console.log("collisione: ",collisionResults[0].distance," ",directionVector.length()-1293);
- return true;
- }
- }
- return false;
- }
- */
-
-/* Questa funzione si occupa di determinare se il controllo si trova su un oggetto, in caso negativo cade verso il basso
- * (vedi esempio pointer lock) */
-
-function translateY(controls, ray, objects) {
-  controls.isOnObject(false);
-  ray.ray.origin.copy(controls.getObject().position);
-  ray.ray.origin.y -= 10;
-  var intersections = ray.intersectObjects(objects, true);
-  if (intersections.length > 0) {
-    var distance = intersections[0].distance;
-    if (distance > 0 && distance < 10) {
-      controls.isOnObject(true);
-    }
-  }
-}
-
-/* Queste funzioni bloccano o sbloccano il movimento del controller (utili in caso di collisione) */
-
-function lockDirection(controls) {
-  if (controls.moveForward()) {
-    controls.lockMoveForward(true);
-  } else if (controls.moveBackward()) {
-    controls.lockMoveBackward(true);
-  } else if (controls.moveLeft()) {
-    controls.lockMoveLeft(true);
-  } else if (controls.moveRight()) {
-    controls.lockMoveRight(true);
-  }
-}
-function unlockAllDirection(controls) {
-  controls.lockMoveForward(false);
-  controls.lockMoveBackward(false);
-  controls.lockMoveLeft(false);
-  controls.lockMoveRight(false);
 }

package/es/components/viewer3d/ruler-utils/layer3D.js

@@ -94,8 +94,8 @@ export default function Layer3D(_ref) {
       depth: depth,
       altitude: altitude
     };
-    val.layoutpos = cat && cat.info.layoutpos;
-    val.is_corner = cat && cat.info.is_corner;
+    val.layoutpos = item === null || item === void 0 ? void 0 : item.layoutpos;
+    val.is_corner = item.is_corner;
     val.item = item.toJS();
     var calcrect = GeometryUtils.getCalcRectFromItem3D(val);
     if (isSnapped(calcrect.rect[3], calcrect.rect[2]) || isSnapped(calcrect.rect[2], calcrect.rect[1]) || isSnapped(calcrect.rect[0], calcrect.rect[3])) {

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

@@ -1,24 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _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 * as Three from 'three';
 import { Color, Group } from 'three';
 import createGrid from "./grid-creator";
 import { disposeObject } from "./three-memory-cleaner";
-import { ANIMATE_STEP_MAX, ANIMATE_STEP_MIN, ARRAY_3D_MODES, ARROW_TEXT_BACKCOLOR, ARROW_TEXT_FONTFACE, ARROW_TEXT_FORECOLOR, BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, DECIMAL_PLACES_2, DIFFERENT_VALUES_PATH_LENGTH, DISTANCE_EPSILON, EPSILON, MIDDLE_MOLDING_LOCATION, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, TOP_MOLDING_LOCATION, UNIT_CENTIMETER, UNIT_FOOT, UNIT_INCH, UNIT_METER, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import { ANIMATE_STEP_MAX, ANIMATE_STEP_MIN, ARRAY_3D_MODES, ARROW_TEXT_BACKCOLOR, ARROW_TEXT_FONTFACE, ARROW_TEXT_FORECOLOR, BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, DECIMAL_PLACES_2, DIFFERENT_VALUES_PATH_LENGTH, DISTANCE_EPSILON, EPSILON, ITEM_TYPE, MIDDLE_MOLDING_LOCATION, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, TOP_MOLDING_LOCATION, UNIT_CENTIMETER, UNIT_FOOT, UNIT_INCH, UNIT_METER, WALL_CABINET_LAYOUTPOS } from "../../constants";
 import { GeometryUtils, IDBroker, MoldingUtils } from "../../utils/export";
 import { convert } from "../../utils/convert-units-lite";
-import { calcDistancesFromItemToWalls, getSnappedWallLines, verticesDistance } from "../../utils/geometry";
+import { calcDistancesFromItemToWalls, getLineSnapPointsOfItem, getSnappedWallLines, isOverlappedTwoItemsOnOneLine, pointsDistance, verticesDistance } from "../../utils/geometry";
 import * as GeomUtils from "../../catalog/utils/geom-utils";
 import { loadTexture } from "../../catalog/utils/item-loader";
+import { isWarningCabinet } from "../../shared/domain/cabinet-warning";
 import { returnReplaceableDeepSearchType } from "../viewer2d/utils";
 import { animateDoor, isElevationView, isEmpty, isImmutable, replaceMeshesWithLineSegments, translateDrawer } from "../../utils/helper";
 import { formatNumber } from "../../utils/math";
-var transformBox;
+import { toJSIfNeeded } from "../../shared/objects/immutable";
 export var fVLine = [];
 var scene_mode = null;
 export function parseData(sceneData, actions, catalog, camera, renderer, mode) {
@@ -506,16 +504,14 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
               }
               var mBoxColor = 0x99c3fb;
               var _item = item.toJS();
-              if (_item.doorStyle.doorStyles !== undefined && _item.doorStyle.doorStyles.cds) {
-                if (showYelloBox(_item)) {
-                  mBoxColor = 'rgba(232,187,47,1)';
-                  var mBox = GeomUtils.makeMBoxfromObject(item3D, mBoxColor);
-                  var warningObj = createWarningObject();
-                  warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
-                  if (mBox) {
-                    mBox.add(warningObj);
-                    item3D.add(mBox);
-                  }
+              if (isWarningCabinet(_item)) {
+                mBoxColor = 'rgba(232,187,47,1)';
+                var mBox = GeomUtils.makeMBoxfromObject(item3D, mBoxColor);
+                var warningObj = createWarningObject();
+                warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
+                if (mBox) {
+                  mBox.add(warningObj);
+                  item3D.add(mBox);
                 }
               }
             }
@@ -696,16 +692,14 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             if (item3D) {
               var _mBoxColor = 0x99c3fb;
               var _item2 = item.toJS();
-              if (_item2.doorStyle.doorStyles !== undefined && _item2.doorStyle.doorStyles.cds) {
-                if (showYelloBox(_item2)) {
-                  _mBoxColor = 'rgba(232,187,47,1)';
-                  var _mBox2 = GeomUtils.makeMBoxfromObject(item3D, _mBoxColor);
-                  var _warningObj = createWarningObject();
-                  _warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
-                  if (_mBox2) {
-                    _mBox2.add(_warningObj);
-                    item3D.add(_mBox2);
-                  }
+              if (isWarningCabinet(_item2)) {
+                _mBoxColor = 'rgba(232,187,47,1)';
+                var _mBox2 = GeomUtils.makeMBoxfromObject(item3D, _mBoxColor);
+                var _warningObj = createWarningObject();
+                _warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
+                if (_mBox2) {
+                  _mBox2.add(_warningObj);
+                  item3D.add(_mBox2);
                 }
               }
             }
@@ -828,10 +822,8 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             }
             var _mBoxColor2 = 0x99c3fb;
             var _item3 = item.toJS();
-            if (_item3.doorStyle.doorStyles !== undefined && _item3.doorStyle.doorStyles.cds) {
-              if (showYelloBox(_item3)) {
-                _mBoxColor2 = 'rgba(232,187,47,1)';
-              }
+            if (isWarningCabinet(_item3)) {
+              _mBoxColor2 = 'rgba(232,187,47,1)';
             }
             rItem.children[0].children.forEach(function (rItemElement) {
               rItemElement.visible = false;
@@ -2051,27 +2043,28 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     if (pivot) {
       var mBoxColor = 0x99c3fb;
       var _item = item.toJS();
-      if (_item.doorStyle.doorStyles !== undefined && _item.doorStyle.doorStyles.cds) {
-        if (showYelloBox(_item)) {
-          mBoxColor = 'rgba(232,187,47,1)';
-        } else {
-          pivot.children[0].children.forEach(function (pivotElement) {
-            pivotElement.visible = false;
-          });
-        }
-        var mBox = GeomUtils.makeMBoxfromObject(pivot, mBoxColor);
-        var warningObj = createWarningObject();
-        warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
-        if (mBox) {
-          mBox.add(warningObj);
-          pivot.add(mBox);
-        }
+      if (isWarningCabinet(_item)) {
+        mBoxColor = 'rgba(232,187,47,1)';
+      } else {
+        pivot.children[0].children.forEach(function (pivotElement) {
+          pivotElement.visible = false;
+        });
+      }
+      var mBox = GeomUtils.makeMBoxfromObject(pivot, mBoxColor);
+      var warningObj = createWarningObject();
+      warningObj.position.set(0, item.properties.get('height').get('length') / 3, 0);
+      if (mBox) {
+        mBox.add(warningObj);
+        pivot.add(mBox);
       }
     }
-    if (item.selected) {
-      var tranformControl = item3D.children[item3D.children.length - 1];
-      transformBox = tranformControl.children[tranformControl.children.length - 1];
-    }
+
+    // if (item.selected) {
+    // let tranformControl = item3D.children[item3D.children.length - 1];
+    // transformBox =
+    //   tranformControl.children[tranformControl.children.length - 1];
+    // }
+
     pivot.rotation.y = item.rotation * Math.PI / 180 + Math.PI;
     // pivot.rotation.y = item.rotation;
     pivot.position.x = item.x;
@@ -2160,8 +2153,8 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
       height: height,
       depth: depth
     };
-    val.layoutpos = cat.info.layoutpos;
-    val.is_corner = cat.info.is_corner;
+    val.layoutpos = item === null || item === void 0 ? void 0 : item.layoutpos;
+    val.is_corner = item === null || item === void 0 ? void 0 : item.is_corner;
     val.item = item;
     var calcrect = GeometryUtils.getCalcRectFromItem3D(val);
 
@@ -2188,13 +2181,9 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
       });
       if (pivot.children.length > 1) {
         var _item4 = item.toJS();
-        if (_item4.doorStyle.doorStyles !== undefined) {
-          if (_item4.category === 'cabinet') {
-            if (_item4.doorStyle.doorStyles.cds.some(function (element) {
-              return element.itemID === item.itemID;
-            })) {
-              pivot.children.pop();
-            }
+        if (_item4.category === ITEM_TYPE.CABINET) {
+          if (!isWarningCabinet(item)) {
+            pivot.children.pop();
           } else {
             pivot.children.pop();
           }
@@ -2911,31 +2900,6 @@ export function threedfabs(a) {
 export function getDistanceBetweenLineSegment(pos1, pos2, pos3, pos4) {
   if (pos1.x == pos2.x && pos3.x == pos4.x) return pos3.x - pos1.x;else if (pos1.y == pos2.y && pos3.y == pos4.y) return pos3.y - pos1.y;else return -1;
 }
-
-/**
- * check to see if an item is suitable for the given doorStyle.
- * @param _item
- * @returns true if it's not suitable.
- */
-export function showYelloBox(_item) {
-  var _doorStyle;
-  var doorStyle = _item === null || _item === void 0 ? void 0 : _item.doorStyle;
-
-  // If doorStyle is an Immutable Map, convert to plain JS
-  if (doorStyle && typeof doorStyle.toJS === 'function') {
-    doorStyle = doorStyle.toJS();
-  }
-  var isItemCabinet = (_item === null || _item === void 0 ? void 0 : _item.category) === 'cabinet';
-  var cds = (_doorStyle = doorStyle) === null || _doorStyle === void 0 || (_doorStyle = _doorStyle.doorStyles) === null || _doorStyle === void 0 ? void 0 : _doorStyle.cds;
-
-  // hasItemCDS: item is suitable if its itemID exists in cds
-  var hasItemCDS = isItemCabinet && Array.isArray(cds) ? cds.some(function (element) {
-    return element.itemID === _item.itemID;
-  }) : false;
-
-  // return true if it's a cabinet but not suitable for the current doorStyle
-  return isItemCabinet && !hasItemCDS;
-}
 function isSimilar(a, b) {
   if (threedfabs(a - b) <= 0.01) return 1;
   return 0;
@@ -3014,11 +2978,11 @@ export function createBacksplash(item, layer, planData, scene) {
   var wLines = getSnappedWallLines(item.itemInfo, layer, planData.catalog);
   var curLine = wLines.length > 0 ? wLines[0] : null;
 
-  // Get wall items
+  // Get wall items which snapped to the curLine
 
   var i,
     wallItems = [];
-  var allWallItems = GeometryUtils.getAllItemSpecified(scene, planData.catalog, WALL_CABINET_LAYOUTPOS);
+  var allWallItems = GeometryUtils.getAllItemSpecified(scene, planData.catalog, WALL_CABINET_LAYOUTPOS, curLine === null || curLine === void 0 ? void 0 : curLine.lineRect);
   for (i = 0; i < allWallItems.others.length; i++) wallItems.push(allWallItems.others[i]);
   if (allWallItems.cur) wallItems.push(allWallItems.cur);
 
@@ -3038,13 +3002,23 @@ export function createBacksplash(item, layer, planData, scene) {
    */
   var altItems = [],
     flag = false;
+  var D0 = {},
+    D1 = {};
   wallItems.map(function (wallItem) {
     var _wallItem$itemInfo, _wallItem$itemInfo2;
     var altitude = (_wallItem$itemInfo = wallItem.itemInfo) === null || _wallItem$itemInfo === void 0 || (_wallItem$itemInfo = _wallItem$itemInfo.properties) === null || _wallItem$itemInfo === void 0 ? void 0 : _wallItem$itemInfo.get('altitude').get('_length');
     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 (!isEmpty(altitude) && !isEmpty(altitudeUnit)) {
       altitude = convert(altitude).from(altitudeUnit).to('cm');
+      var altPoints = getLineSnapPointsOfItem(layer, curLine, wallItem);
+      if (altPoints.length > 1) {
+        D0 = altPoints[0];
+        D1 = altPoints[1];
+      }
       altItems.push({
+        D0: D0,
+        // D0, D1: item's snapped points with line
+        D1: D1,
         x: wallItem.pos.x,
         width: wallItem.size.width,
         altitude: altitude
@@ -3052,10 +3026,29 @@ export function createBacksplash(item, layer, planData, scene) {
     }
   });
   layer.holes.map(function (hole) {
-    var _hole$properties, _hole$properties2;
+    var _hole$properties, _hole$properties2, _layer$lines, _layer$vertices, _line$vertices, _layer$vertices2, _line$vertices2;
     var width = (_hole$properties = hole.properties) === null || _hole$properties === void 0 ? void 0 : _hole$properties.getIn(['width', 'length']);
     var altitude = (_hole$properties2 = hole.properties) === null || _hole$properties2 === void 0 ? void 0 : _hole$properties2.getIn(['altitude', 'length']);
+    var line = (_layer$lines = layer.lines) === null || _layer$lines === void 0 ? void 0 : _layer$lines.get(curLine === null || curLine === void 0 ? void 0 : curLine.id);
+    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 (!isEmpty(v0) || !isEmpty(v1)) {
+      var lineLength = pointsDistance(v0.x, v0.y, v1.x, v1.y);
+      var disD0 = lineLength * hole.offset - width / 2;
+      var disD1 = lineLength * hole.offset + width / 2;
+      D0 = {
+        x: v0.x + disD0 * Math.cos(hole.rotRad),
+        y: v0.y + disD0 * Math.sin(hole.rotRad)
+      };
+      D1 = {
+        x: v0.x + disD1 * Math.cos(hole.rotRad),
+        y: v0.y + disD1 * Math.sin(hole.rotRad)
+      };
+    }
     if (!isEmpty(width) && !isEmpty(altitude) && hole.line === (curLine === null || curLine === void 0 ? void 0 : curLine.id)) altItems.push({
+      D0: D0,
+      // D0, D1: hole's two points
+      D1: D1,
       x: hole.x,
       width: width,
       altitude: altitude
@@ -3064,7 +3057,7 @@ export function createBacksplash(item, layer, planData, scene) {
   if (altItems.length > 0) {
     depth = altItems[0].altitude;
     altItems.map(function (altItem) {
-      if (item.pos.x + item.size.width / 2 >= altItem.x - altItem.width / 2 && item.pos.x - item.size.width / 2 <= altItem.x + altItem.width / 2) {
+      if (isOverlappedTwoItemsOnOneLine(layer, curLine, item, altItem)) {
         if (depth >= altItem.altitude) {
           depth = altItem.altitude;
           flag = true;
@@ -3095,37 +3088,37 @@ export function createBacksplash(item, layer, planData, scene) {
 
   // Find mergeable other backsplashes
 
-  var info, wholeWidth, /** Width factor */factor, distance, halfWidth, /** To get new center */centerFactor;
-  var _iterator = _createForOfIteratorHelper(backsplashes),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var back = _step.value;
-      info = back.info;
-      if (info.height === splashHeight && info.rotY === rotY) {
-        factor = Math.cos(rotY) || 1;
-        distance = Math.hypot(posX - info.posX, posZ - info.posZ) / factor;
-        halfWidth = (info.width + splashWidth) / 2;
-        if (Math.abs(distance - halfWidth) < 1e-2) {
-          // dispose `back`
-          if (info.id) {
-            deleteSpecifiedMeshObjects('backsplash' + info.id);
-          }
+  // let info,
+  //   wholeWidth,
+  //   /** Width factor */ factor,
+  //   distance,
+  //   halfWidth,
+  //   /** To get new center */ centerFactor;
+
+  // for (let back of backsplashes) {
+  //   info = back.info;
+  //   if (info.height === splashHeight && info.rotY === rotY) {
+  //     factor = Math.cos(rotY) || 1;
+  //     distance = Math.hypot(posX - info.posX, posZ - info.posZ) / factor;
+  //     halfWidth = (info.width + splashWidth) / 2;
+
+  //     if (Math.abs(distance - halfWidth) < 1e-2) {
+  //       // dispose `back`
+  //       if (info.id) {
+  //         deleteSpecifiedMeshObjects('backsplash' + info.id);
+  //       }
+
+  //       // Get center position
+  //       wholeWidth = info.width + splashWidth;
+  //       centerFactor = info.width / wholeWidth;
+  //       posX = posX + centerFactor * (info.posX - posX);
+  //       posZ = posZ + centerFactor * (info.posZ - posZ);
+
+  //       splashWidth = wholeWidth;
+  //     }
+  //   }
+  // }
 
-          // Get center position
-          wholeWidth = info.width + splashWidth;
-          centerFactor = info.width / wholeWidth;
-          posX = posX + centerFactor * (info.posX - posX);
-          posZ = posZ + centerFactor * (info.posZ - posZ);
-          splashWidth = wholeWidth;
-        }
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
   itemToSave.info.posX = posX;
   itemToSave.info.posY = posY;
   itemToSave.info.posZ = posZ;
@@ -3174,9 +3167,9 @@ export function createBacksplash(item, layer, planData, scene) {
   }
   itemToSave.info.id = item.itemInfo.id;
   deleteSpecifiedMeshObjects('backsplash' + item.itemInfo.id);
-  if (item.rotRad % (Math.PI / 2) === 0) planData.plan.add(backsplash);
+  if (Math.abs(item.rotRad % (Math.PI / 2)) < EPSILON || Math.abs(item.rotRad % (Math.PI / 2) - Math.PI / 2) < EPSILON) planData.plan.add(backsplash);
   backsplash.name = name;
-  backsplash.visible = item.itemInfo.get('backsplashVisible') && backsplashApplied && item.rotRad % (Math.PI / 2) === 0;
+  backsplash.visible = item.itemInfo.get('backsplashVisible') && backsplashApplied && Math.abs(item.rotRad % (Math.PI / 2)) < EPSILON || Math.abs(item.rotRad % (Math.PI / 2) - Math.PI / 2) < EPSILON;
 
   // Save to scene graph
 
@@ -3445,7 +3438,7 @@ export function addMolding(MGArray, addItem, planData, layer, itemActions, mode)
   if (addItem.selected && [MODE_DRAGGING_ITEM_3D, MODE_ROTATING_ITEM_3D].includes(mode)) return false;
 
   // If the item is not available for current doorStyle
-  if (showYelloBox(addItem))
+  if (isWarningCabinet(addItem))
     // Do not add molding to that item
     return MGArray;
 

package/es/components/viewer3d/three-memory-cleaner.js

@@ -2,20 +2,6 @@ import * as Three from 'three';
 function disposeGeometry(geometry) {
   geometry.dispose();
 }
-function disposeTexture(texture) {
-  if (!texture) {
-    return;
-  }
-  texture.dispose();
-}
-function disposeMultimaterial(material) {
-  if (!(material.isMaterial && !Array.isArray(material))) {
-    return;
-  }
-  material.materials.forEach(function (material) {
-    disposeMaterial(material);
-  });
-}
 function disposeMaterial(material) {
   if (!(material instanceof Three.Material)) {
     return;