kitchen-simulator 11.23.0 → 11.25.0

package/es/components/viewer2d/line.js

@@ -611,7 +611,7 @@ export default function Line(_ref) {
       return '';
     }
     var startAt = length * hole.offset;
-    var renderedHole = catalog.getElement(hole.type).render2D(hole, layer, scene);
+    var renderedHole = catalog.getElement(hole.type) ? catalog.getElement(hole.type).render2D(hole, layer, scene) : undefined;
     return /*#__PURE__*/React.createElement("g", {
       key: holeID,
       transform: "translate(".concat(startAt, ", 3.5)"),
@@ -622,7 +622,7 @@ export default function Line(_ref) {
       "data-layer": layer.id
     }, renderedHole);
   });
-  var renderedLine = catalog.getElement(line.type).render2D(line, layer, scene, state);
+  var renderedLine = catalog.getElement(line.type) ? catalog.getElement(line.type).render2D(line, layer, scene, state) : undefined;
   var holeTemp = [];
   var renderedRuler = [];
   var renderedAllRuler = [];

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

@@ -536,6 +536,7 @@ function _addItemToCatalog() {
           }
           return _context5.abrupt("return");
         case 1:
+          element.name = element.name.toLowerCase();
           elementJs = populateCCDFList(element); // if (isEmpty(catalog?.elements[element.name])) {
           _context5.next = 2;
           return loadSVGsByItem(elementJs);
@@ -624,6 +625,7 @@ function _addItemToCatalog() {
 
           // rplace new array to the elementJS
           if (!isEmpty(mergedTempPlaceholder)) elementJs.structure_json.tempPlaceholders = mergedTempPlaceholder;
+          // elementJs.name = elementJs.name.toLowerCase
           /***** join new tempPlaceholder to the old element - end *****/
 
           elementJs = exporter(elementJs);

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

@@ -31,15 +31,18 @@ function _handleLoadProjectEvent() {
               if (!ccdf_list.some(function (v) {
                 return v.scene_cabinet_id === it.id;
               })) {
-                var _it$ccdf$catalog_cabi, _it$ccdf, _it$ccdf$cabinet_id, _it$ccdf2, _it$ccdf$door_finish_, _it$ccdf3, _it$long_name;
+                var _it$sizeinfo, _it$properties4, _it$properties5, _it$properties6, _it$ccdf$catalog_cabi, _it$ccdf, _it$ccdf$cabinet_id, _it$ccdf2, _it$ccdf$door_finish_, _it$ccdf3;
                 ccdf_list.push({
                   cabinet_sku: it.type,
-                  sizeinfo: it.sizeinfo,
+                  sizeinfo: (_it$sizeinfo = it.sizeinfo) !== null && _it$sizeinfo !== void 0 ? _it$sizeinfo : {
+                    width: it === null || it === void 0 || (_it$properties4 = it.properties) === null || _it$properties4 === void 0 || (_it$properties4 = _it$properties4.width) === null || _it$properties4 === void 0 ? void 0 : _it$properties4._length,
+                    height: it === null || it === void 0 || (_it$properties5 = it.properties) === null || _it$properties5 === void 0 || (_it$properties5 = _it$properties5.height) === null || _it$properties5 === void 0 ? void 0 : _it$properties5._length,
+                    depth: it === null || it === void 0 || (_it$properties6 = it.properties) === null || _it$properties6 === void 0 || (_it$properties6 = _it$properties6.depth) === null || _it$properties6 === void 0 ? void 0 : _it$properties6._length
+                  },
                   catalog_cabinet_sku: (_it$ccdf$catalog_cabi = it === null || it === void 0 || (_it$ccdf = it.ccdf) === null || _it$ccdf === void 0 ? void 0 : _it$ccdf.catalog_cabinet_sku) !== null && _it$ccdf$catalog_cabi !== void 0 ? _it$ccdf$catalog_cabi : it.sku_number,
                   cabinet_id: (_it$ccdf$cabinet_id = it === null || it === void 0 || (_it$ccdf2 = it.ccdf) === null || _it$ccdf2 === void 0 ? void 0 : _it$ccdf2.cabinet_id) !== null && _it$ccdf$cabinet_id !== void 0 ? _it$ccdf$cabinet_id : it === null || it === void 0 ? void 0 : it.itemID,
                   ccdf: it.ccdf,
                   target_door_finish_id: (_it$ccdf$door_finish_ = it === null || it === void 0 || (_it$ccdf3 = it.ccdf) === null || _it$ccdf3 === void 0 ? void 0 : _it$ccdf3.door_finish_id) !== null && _it$ccdf$door_finish_ !== void 0 ? _it$ccdf$door_finish_ : it.doorStyle.id,
-                  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
                 });
               }

package/es/mappings/external-events/mappers/ccdfToCDSMapper.js

@@ -7,6 +7,7 @@ export function mapFromCCDFToCDS(ccdf_list) {
   var itemsArray = sceneItems ? Array.isArray(sceneItems) ? sceneItems : Object.values(sceneItems) : null;
   var itemCDSList = [];
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (asItem) {
+    var _asItem$assets3d;
     // IMPORTANT: DIY-834-43
     // `itemCDSData` must be recreated per asItem. Reusing it across iterations
     // can leak one cabinet's door/drawer mappings into another.
@@ -15,7 +16,7 @@ export function mapFromCCDFToCDS(ccdf_list) {
     if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
       cabitnetDoorStyleId = asItem.id;
     }
-    asItem === null || asItem === void 0 || asItem.assets3d.forEach(function (as) {
+    asItem === null || asItem === void 0 || (_asItem$assets3d = asItem.assets3d) === null || _asItem$assets3d === void 0 || _asItem$assets3d.forEach(function (as) {
       if (!isEmpty(as === null || as === void 0 ? void 0 : as.placeholder_name) && !isEmpty(as === null || as === void 0 ? void 0 : as.gltf)) {
         var updatedName = 'base_' + (as === null || as === void 0 ? void 0 : as.placeholder_name) + '_gltf';
         itemCDSData[updatedName] = as === null || as === void 0 ? void 0 : as.gltf;

package/es/mappings/external-events/mappers/loadProjectMapper.js

@@ -4,38 +4,48 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getDefaultInteriorTexture } from "../../../catalog/cabinet/cabinet-texture-resolver";
 import { isEmpty } from "../../../utils/helper";
 export function mapLoadProjectEvent(evt, state, defaultTextures) {
+  var _layer$layerId, _layer$layerId2;
   // preprocessing for loading project
   // this function make doorStyles using item's doorStyle
   if (isEmpty(evt)) return null;
   var layerId = evt.payload.layers['layer-1'].id;
   var layer = evt.payload.layers;
-  var itemKeys = Object.keys(layer[layerId].items);
+  var itemKeys,
+    holeKeys = [];
+  if ((_layer$layerId = layer[layerId]) !== null && _layer$layerId !== void 0 && _layer$layerId.holes) holeKeys = Object.keys(layer[layerId].holes);
+  if ((_layer$layerId2 = layer[layerId]) !== null && _layer$layerId2 !== void 0 && _layer$layerId2.items) itemKeys = Object.keys(layer[layerId].items);
   if (isEmpty(layer)) return evt;
   var handleTexture = layer[layerId].doorHandle;
   var counterToptexture = layer[layerId].counterTop;
   // make doorStyles and update the doorStyle payload
   var Max_PH = 9;
-  for (var i = 0; i < itemKeys.length; i++) {
-    var item = layer[layerId].items[itemKeys[i]];
+  for (var i = 0; i < holeKeys.length; i++) {
+    var hole = layer[layerId].holes[holeKeys[i]];
+    hole.type = hole.type.toLowerCase();
+    layer[layerId].holes[itemKeys[i]] = hole;
+  }
+  for (var _i = 0; _i < itemKeys.length; _i++) {
+    var item = layer[layerId].items[itemKeys[_i]];
+    item.type = item.type.toLowerCase();
     var doorStyle = item.doorStyle;
     var doorStyles = {
       base: doorStyle.texture,
       counttop: counterToptexture,
       interior: getDefaultInteriorTexture(defaultTextures)
     };
-    for (var _i = 1; _i <= Max_PH; _i++) {
-      doorStyles['base_door_' + _i] = doorStyle.texture;
-      doorStyles['base_fixed_drawer_door_' + _i] = doorStyle.texture;
-      doorStyles['base_drawer_' + _i] = doorStyle.texture;
-      doorStyles['base_drawer_door_' + _i] = doorStyle.texture;
-      doorStyles['door_handle_' + _i] = handleTexture;
-      doorStyles['fixed_drawer_door_handle_' + _i] = handleTexture;
-      doorStyles['drawer_door_handle_' + _i] = handleTexture;
+    for (var _i2 = 1; _i2 <= Max_PH; _i2++) {
+      doorStyles['base_door_' + _i2] = doorStyle.texture;
+      doorStyles['base_fixed_drawer_door_' + _i2] = doorStyle.texture;
+      doorStyles['base_drawer_' + _i2] = doorStyle.texture;
+      doorStyles['base_drawer_door_' + _i2] = doorStyle.texture;
+      doorStyles['door_handle_' + _i2] = handleTexture;
+      doorStyles['fixed_drawer_door_handle_' + _i2] = handleTexture;
+      doorStyles['drawer_door_handle_' + _i2] = handleTexture;
     }
     item.doorStyle = _objectSpread(_objectSpread({}, doorStyle), {}, {
       doorStyles: doorStyles
     });
-    layer[layerId].items[itemKeys[i]] = item;
+    layer[layerId].items[itemKeys[_i]] = item;
   }
   return evt;
 }
@@ -48,8 +58,8 @@ export function updateProjectWithCDSList(project, cdsList) {
   if (isEmpty(itemKeys)) return project;
   var _loop = function _loop(i) {
     cdsList.forEach(function (cds) {
-      var _layer$layerId;
-      if (((_layer$layerId = layer[layerId]) === null || _layer$layerId === void 0 || (_layer$layerId = _layer$layerId.items[itemKeys[i]]) === null || _layer$layerId === void 0 ? void 0 : _layer$layerId.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
+      var _layer$layerId3;
+      if (((_layer$layerId3 = layer[layerId]) === null || _layer$layerId3 === void 0 || (_layer$layerId3 = _layer$layerId3.items[itemKeys[i]]) === null || _layer$layerId3 === void 0 ? void 0 : _layer$layerId3.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
         layer[layerId].items[itemKeys[i]].doorStyle.cds = cds;
       }
     });

package/es/mappings/holesToCatalog.js

@@ -90,6 +90,7 @@ export var buildHoleElements = function buildHoleElements(holes) {
   holes.forEach(function (hole) {
     var _base$info6;
     if (!hole || hole.is_deleted) return;
+    hole.name = hole.name.toLowerCase();
     var base = findBaseHoleTemplate(hole, templates);
     if (!base) return;
     var element = buildHoleElementFromTemplate(hole, base);

package/es/utils/geometry.js

@@ -1547,6 +1547,23 @@ export function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, a
         }
       });
     }
+    if (getSnap === true) {
+      allItemSnap.filter(function (e) {
+        return e.isSnappedLine;
+      }).forEach(function (snap) {
+        var dist = (snap.pos.x - nx) * (snap.pos.x - nx) + (snap.pos.y - ny) * (snap.pos.y - ny);
+        //console.log("dist", snap)
+        if (isPointInArea(allArea, snap.pos) || !allArea.length) if (dist < 100) {
+          ndist = dist;
+          nx = snap.pos.x;
+          ny = snap.pos.y;
+          rotRad = snap.rotRad;
+          getSnap = true;
+
+          //console.log("SUCCESS!!!!");
+        }
+      });
+    }
     if (getSnap === false) {
       var nearRect = null;
       var minDist = Infinity;

package/lib/components/viewer2d/line.js

@@ -622,7 +622,7 @@ function Line(_ref) {
       return '';
     }
     var startAt = length * hole.offset;
-    var renderedHole = catalog.getElement(hole.type).render2D(hole, layer, scene);
+    var renderedHole = catalog.getElement(hole.type) ? catalog.getElement(hole.type).render2D(hole, layer, scene) : undefined;
     return /*#__PURE__*/_react["default"].createElement("g", {
       key: holeID,
       transform: "translate(".concat(startAt, ", 3.5)"),
@@ -633,7 +633,7 @@ function Line(_ref) {
       "data-layer": layer.id
     }, renderedHole);
   });
-  var renderedLine = catalog.getElement(line.type).render2D(line, layer, scene, state);
+  var renderedLine = catalog.getElement(line.type) ? catalog.getElement(line.type).render2D(line, layer, scene, state) : undefined;
   var holeTemp = [];
   var renderedRuler = [];
   var renderedAllRuler = [];

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

@@ -547,6 +547,7 @@ function _addItemToCatalog() {
           }
           return _context5.abrupt("return");
         case 1:
+          element.name = element.name.toLowerCase();
           elementJs = populateCCDFList(element); // if (isEmpty(catalog?.elements[element.name])) {
           _context5.next = 2;
           return loadSVGsByItem(elementJs);
@@ -635,6 +636,7 @@ function _addItemToCatalog() {
 
           // rplace new array to the elementJS
           if (!(0, _helper.isEmpty)(mergedTempPlaceholder)) elementJs.structure_json.tempPlaceholders = mergedTempPlaceholder;
+          // elementJs.name = elementJs.name.toLowerCase
           /***** join new tempPlaceholder to the old element - end *****/
 
           elementJs = (0, _exporter["default"])(elementJs);

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

@@ -38,15 +38,18 @@ function _handleLoadProjectEvent() {
               if (!ccdf_list.some(function (v) {
                 return v.scene_cabinet_id === it.id;
               })) {
-                var _it$ccdf$catalog_cabi, _it$ccdf, _it$ccdf$cabinet_id, _it$ccdf2, _it$ccdf$door_finish_, _it$ccdf3, _it$long_name;
+                var _it$sizeinfo, _it$properties4, _it$properties5, _it$properties6, _it$ccdf$catalog_cabi, _it$ccdf, _it$ccdf$cabinet_id, _it$ccdf2, _it$ccdf$door_finish_, _it$ccdf3;
                 ccdf_list.push({
                   cabinet_sku: it.type,
-                  sizeinfo: it.sizeinfo,
+                  sizeinfo: (_it$sizeinfo = it.sizeinfo) !== null && _it$sizeinfo !== void 0 ? _it$sizeinfo : {
+                    width: it === null || it === void 0 || (_it$properties4 = it.properties) === null || _it$properties4 === void 0 || (_it$properties4 = _it$properties4.width) === null || _it$properties4 === void 0 ? void 0 : _it$properties4._length,
+                    height: it === null || it === void 0 || (_it$properties5 = it.properties) === null || _it$properties5 === void 0 || (_it$properties5 = _it$properties5.height) === null || _it$properties5 === void 0 ? void 0 : _it$properties5._length,
+                    depth: it === null || it === void 0 || (_it$properties6 = it.properties) === null || _it$properties6 === void 0 || (_it$properties6 = _it$properties6.depth) === null || _it$properties6 === void 0 ? void 0 : _it$properties6._length
+                  },
                   catalog_cabinet_sku: (_it$ccdf$catalog_cabi = it === null || it === void 0 || (_it$ccdf = it.ccdf) === null || _it$ccdf === void 0 ? void 0 : _it$ccdf.catalog_cabinet_sku) !== null && _it$ccdf$catalog_cabi !== void 0 ? _it$ccdf$catalog_cabi : it.sku_number,
                   cabinet_id: (_it$ccdf$cabinet_id = it === null || it === void 0 || (_it$ccdf2 = it.ccdf) === null || _it$ccdf2 === void 0 ? void 0 : _it$ccdf2.cabinet_id) !== null && _it$ccdf$cabinet_id !== void 0 ? _it$ccdf$cabinet_id : it === null || it === void 0 ? void 0 : it.itemID,
                   ccdf: it.ccdf,
                   target_door_finish_id: (_it$ccdf$door_finish_ = it === null || it === void 0 || (_it$ccdf3 = it.ccdf) === null || _it$ccdf3 === void 0 ? void 0 : _it$ccdf3.door_finish_id) !== null && _it$ccdf$door_finish_ !== void 0 ? _it$ccdf$door_finish_ : it.doorStyle.id,
-                  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
                 });
               }

package/lib/mappings/external-events/mappers/ccdfToCDSMapper.js

@@ -13,6 +13,7 @@ function mapFromCCDFToCDS(ccdf_list) {
   var itemsArray = sceneItems ? Array.isArray(sceneItems) ? sceneItems : Object.values(sceneItems) : null;
   var itemCDSList = [];
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (asItem) {
+    var _asItem$assets3d;
     // IMPORTANT: DIY-834-43
     // `itemCDSData` must be recreated per asItem. Reusing it across iterations
     // can leak one cabinet's door/drawer mappings into another.
@@ -21,7 +22,7 @@ function mapFromCCDFToCDS(ccdf_list) {
     if (!(0, _utils.isEmpty)(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
       cabitnetDoorStyleId = asItem.id;
     }
-    asItem === null || asItem === void 0 || asItem.assets3d.forEach(function (as) {
+    asItem === null || asItem === void 0 || (_asItem$assets3d = asItem.assets3d) === null || _asItem$assets3d === void 0 || _asItem$assets3d.forEach(function (as) {
       if (!(0, _utils.isEmpty)(as === null || as === void 0 ? void 0 : as.placeholder_name) && !(0, _utils.isEmpty)(as === null || as === void 0 ? void 0 : as.gltf)) {
         var updatedName = 'base_' + (as === null || as === void 0 ? void 0 : as.placeholder_name) + '_gltf';
         itemCDSData[updatedName] = as === null || as === void 0 ? void 0 : as.gltf;

package/lib/mappings/external-events/mappers/loadProjectMapper.js

@@ -12,38 +12,48 @@ var _helper = require("../../../utils/helper");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mapLoadProjectEvent(evt, state, defaultTextures) {
+  var _layer$layerId, _layer$layerId2;
   // preprocessing for loading project
   // this function make doorStyles using item's doorStyle
   if ((0, _helper.isEmpty)(evt)) return null;
   var layerId = evt.payload.layers['layer-1'].id;
   var layer = evt.payload.layers;
-  var itemKeys = Object.keys(layer[layerId].items);
+  var itemKeys,
+    holeKeys = [];
+  if ((_layer$layerId = layer[layerId]) !== null && _layer$layerId !== void 0 && _layer$layerId.holes) holeKeys = Object.keys(layer[layerId].holes);
+  if ((_layer$layerId2 = layer[layerId]) !== null && _layer$layerId2 !== void 0 && _layer$layerId2.items) itemKeys = Object.keys(layer[layerId].items);
   if ((0, _helper.isEmpty)(layer)) return evt;
   var handleTexture = layer[layerId].doorHandle;
   var counterToptexture = layer[layerId].counterTop;
   // make doorStyles and update the doorStyle payload
   var Max_PH = 9;
-  for (var i = 0; i < itemKeys.length; i++) {
-    var item = layer[layerId].items[itemKeys[i]];
+  for (var i = 0; i < holeKeys.length; i++) {
+    var hole = layer[layerId].holes[holeKeys[i]];
+    hole.type = hole.type.toLowerCase();
+    layer[layerId].holes[itemKeys[i]] = hole;
+  }
+  for (var _i = 0; _i < itemKeys.length; _i++) {
+    var item = layer[layerId].items[itemKeys[_i]];
+    item.type = item.type.toLowerCase();
     var doorStyle = item.doorStyle;
     var doorStyles = {
       base: doorStyle.texture,
       counttop: counterToptexture,
       interior: (0, _cabinetTextureResolver.getDefaultInteriorTexture)(defaultTextures)
     };
-    for (var _i = 1; _i <= Max_PH; _i++) {
-      doorStyles['base_door_' + _i] = doorStyle.texture;
-      doorStyles['base_fixed_drawer_door_' + _i] = doorStyle.texture;
-      doorStyles['base_drawer_' + _i] = doorStyle.texture;
-      doorStyles['base_drawer_door_' + _i] = doorStyle.texture;
-      doorStyles['door_handle_' + _i] = handleTexture;
-      doorStyles['fixed_drawer_door_handle_' + _i] = handleTexture;
-      doorStyles['drawer_door_handle_' + _i] = handleTexture;
+    for (var _i2 = 1; _i2 <= Max_PH; _i2++) {
+      doorStyles['base_door_' + _i2] = doorStyle.texture;
+      doorStyles['base_fixed_drawer_door_' + _i2] = doorStyle.texture;
+      doorStyles['base_drawer_' + _i2] = doorStyle.texture;
+      doorStyles['base_drawer_door_' + _i2] = doorStyle.texture;
+      doorStyles['door_handle_' + _i2] = handleTexture;
+      doorStyles['fixed_drawer_door_handle_' + _i2] = handleTexture;
+      doorStyles['drawer_door_handle_' + _i2] = handleTexture;
     }
     item.doorStyle = _objectSpread(_objectSpread({}, doorStyle), {}, {
       doorStyles: doorStyles
     });
-    layer[layerId].items[itemKeys[i]] = item;
+    layer[layerId].items[itemKeys[_i]] = item;
   }
   return evt;
 }
@@ -56,8 +66,8 @@ function updateProjectWithCDSList(project, cdsList) {
   if ((0, _helper.isEmpty)(itemKeys)) return project;
   var _loop = function _loop(i) {
     cdsList.forEach(function (cds) {
-      var _layer$layerId;
-      if (((_layer$layerId = layer[layerId]) === null || _layer$layerId === void 0 || (_layer$layerId = _layer$layerId.items[itemKeys[i]]) === null || _layer$layerId === void 0 ? void 0 : _layer$layerId.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
+      var _layer$layerId3;
+      if (((_layer$layerId3 = layer[layerId]) === null || _layer$layerId3 === void 0 || (_layer$layerId3 = _layer$layerId3.items[itemKeys[i]]) === null || _layer$layerId3 === void 0 ? void 0 : _layer$layerId3.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
         layer[layerId].items[itemKeys[i]].doorStyle.cds = cds;
       }
     });

package/lib/mappings/holesToCatalog.js

@@ -99,6 +99,7 @@ var buildHoleElements = exports.buildHoleElements = function buildHoleElements(h
   holes.forEach(function (hole) {
     var _base$info6;
     if (!hole || hole.is_deleted) return;
+    hole.name = hole.name.toLowerCase();
     var base = findBaseHoleTemplate(hole, templates);
     if (!base) return;
     var element = buildHoleElementFromTemplate(hole, base);

package/lib/utils/geometry.js

@@ -1651,6 +1651,23 @@ function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect,
         }
       });
     }
+    if (getSnap === true) {
+      allItemSnap.filter(function (e) {
+        return e.isSnappedLine;
+      }).forEach(function (snap) {
+        var dist = (snap.pos.x - nx) * (snap.pos.x - nx) + (snap.pos.y - ny) * (snap.pos.y - ny);
+        //console.log("dist", snap)
+        if (isPointInArea(allArea, snap.pos) || !allArea.length) if (dist < 100) {
+          ndist = dist;
+          nx = snap.pos.x;
+          ny = snap.pos.y;
+          rotRad = snap.rotRad;
+          getSnap = true;
+
+          //console.log("SUCCESS!!!!");
+        }
+      });
+    }
     if (getSnap === false) {
       var nearRect = null;
       var minDist = Infinity;

package/package.json

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