kitchen-simulator 3.1.15 → 4.0.0-alpha.12

package/lib/class/project.js

@@ -17,7 +17,6 @@ var _export = require("../utils/export");
 var _export2 = require("../class/export");
 var viewer2DActions = _interopRequireWildcard(require("../actions/viewer2d-actions"));
 var _helper = require("../utils/helper");
-var _convertUnitsLite = require("../utils/convert-units-lite");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -44,6 +43,7 @@ var Project = exports["default"] = /*#__PURE__*/function () {
     key: "newProject",
     value: function newProject(state) {
       var doorStyle = state.toJS().doorStyle === null ? null : state.toJS().doorStyle;
+      var oStyle = state.oStyle;
       // let counterTop = state.getIn(['scene', 'layers', layerID, 'counterTop']);
       // let floorStyle = state.getIn(['scene', 'layers', layerID, 'floorStyle']);
       var _viewer2D = state.viewer2D;
@@ -57,6 +57,7 @@ var Project = exports["default"] = /*#__PURE__*/function () {
       state = new _models.State({});
       state = state.merge({
         doorStyle: doorStyle,
+        oStyle: oStyle,
         viewer2D: _viewer2D
       });
       // state = Item.setCounterTop(state, counterTop).updatedState;
@@ -67,8 +68,9 @@ var Project = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "loadProject",
-    value: function loadProject(state, sceneJSON) {
+    value: function loadProject(state, sceneJSON, categoryData) {
       var doorStyle = state.doorStyle;
+      var oStyle = state.oStyle;
       var layerID = state.scene.selectedLayer;
       var _viewer2D = state.viewer2D;
       var viewer = state.viewer2D.toJS();
@@ -100,17 +102,6 @@ var Project = exports["default"] = /*#__PURE__*/function () {
       for (var x in json_items) {
         _loop(x);
       }
-
-      //  making layer's doorStyle when changing room shape
-      // THIS LOGIC WAS MOVED TO SET INITIAL DOOR STYLE
-      // if (isEmpty(sceneJSON?.layers[layerID]?.doorStyle)) {
-      //   let newlayer = {
-      //     ...sceneJSON?.layers[layerID],
-      //     doorStyle: doorStyle.toJS()
-      //   };
-      //   sceneJSON && (sceneJSON.layers[layerID] = newlayer);
-      // }
-
       var newScene = new _models.Scene(sceneJSON);
       state = new _models.State({
         scene: newScene.toJS(),
@@ -172,17 +163,35 @@ var Project = exports["default"] = /*#__PURE__*/function () {
           f: f
         });
       }
-
-      // Matching state.doorStyle with layer.doorStyle
-      if (state.getIn(['scene', 'layers', layerID, 'doorStyle'])) {
-        doorStyle = state.getIn(['scene', 'layers', layerID, 'doorStyle']);
+      if (!doorStyle) {
+        if (state.getIn(['scene', 'layers', layerID, 'doorStyle'])) {
+          doorStyle = state.getIn(['scene', 'layers', layerID, 'doorStyle']);
+        }
       }
       state = state.merge({
         doorStyle: doorStyle,
+        oStyle: oStyle,
         viewer2D: _viewer2D
       });
       state = _export2.Item.setCounterTop(state, counterTop).updatedState;
       state = _export2.Area.setFloorStyles(state, floorStyle).updatedState;
+      if (state.getIn(['scene', 'layers', layerID, 'doorStyle']) && !state.getIn(['scene', 'layers', layerID, 'doorStyle', 'install'])) {
+        var layerDoorStyle = state.getIn(['scene', 'layers', layerID, 'doorStyle']);
+        var install = '';
+        categoryData.data.doorStyles.items.forEach(function (category) {
+          category.items.forEach(function (element) {
+            if (element.items.filter(function (it) {
+              return it.id === layerDoorStyle.id && (layerDoorStyle.install ? category.name === layerDoorStyle.install : true);
+            }).length) {
+              install = category.name;
+            }
+          });
+        });
+        layerDoorStyle = _objectSpread(_objectSpread({}, layerDoorStyle), {}, {
+          install: install
+        });
+        state = state.mergeIn(['scene', 'layers', layerID, 'doorStyle'], layerDoorStyle);
+      }
       this.updateZoomScale(state, a);
       viewer2DActions.updateCameraView(_viewer2D);
       return {
@@ -315,52 +324,29 @@ var Project = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "remove",
-    value: function remove(state, delObject) {
+    value: function remove(state) {
       var selectedLayer = state.getIn(['scene', 'selectedLayer']);
       var _state$getIn = state.getIn(['scene', 'layers', selectedLayer, 'selected']),
         selectedLines = _state$getIn.lines,
         selectedHoles = _state$getIn.holes,
         selectedItems = _state$getIn.items;
+      var allVertices = state.getIn(['scene', 'layers', selectedLayer, 'vertices']).toJS();
+      var selLines = state.getIn(['scene', 'layers', selectedLayer, 'selected', 'lines']).toJS();
+      var lineID = selLines[0];
+      var delLine = !(0, _helper.isEmpty)(lineID) && state.getIn(['scene', 'layers', selectedLayer, 'lines', lineID]).toJS();
+      var allLines = state.getIn(['scene', 'layers', selectedLayer, 'lines']).toJS();
       var relatedLines = [];
-
-      // if deleting element is line then get the related lines that to update walls
-      if (delObject && delObject.prototype === constants.ELEMENT_LINE || (0, _helper.isEmpty)(delObject) && !(0, _helper.isEmpty)(selectedLines)) {
-        var allVertices = state.getIn(['scene', 'layers', selectedLayer, 'vertices']).toJS();
-        var selLines = state.getIn(['scene', 'layers', selectedLayer, 'selected', constants.ELEMENT_LINE]).toJS();
-        var curSelLineID = (delObject === null || delObject === void 0 ? void 0 : delObject.prototype) === constants.ELEMENT_LINE ? delObject.id : selLines[0];
-        var delLine = !(0, _helper.isEmpty)(curSelLineID) && state.getIn(['scene', 'layers', selectedLayer, 'lines', curSelLineID]).toJS();
-        var allLines = state.getIn(['scene', 'layers', selectedLayer, 'lines']).toJS();
-        !(0, _helper.isEmpty)(delLine) && _export.GeometryUtils.getRelatedLines(relatedLines, delLine, allVertices, allLines);
-      }
-
-      // delete element
-      if (delObject) {
-        switch (delObject.prototype) {
-          case constants.ELEMENT_LINE:
-            state = _export2.Line.remove(state, selectedLayer, delObject.id).updatedState;
-            break;
-          case constants.ELEMENT_HOLE:
-            state = _export2.Hole.remove(state, selectedLayer, delObject.id).updatedState;
-            break;
-          case constants.ELEMENT_ITEM:
-            state = _export2.Item.remove(state, selectedLayer, delObject.id).updatedState;
-            break;
-        }
-      } else {
-        // no specified object, then remove all selected elements
-        selectedLines.forEach(function (lineID) {
-          state = _export2.Line.remove(state, selectedLayer, lineID).updatedState;
-        });
-        selectedHoles.forEach(function (holeID) {
-          state = _export2.Hole.remove(state, selectedLayer, holeID).updatedState;
-        });
-        selectedItems.forEach(function (itemID) {
-          state = _export2.Item.remove(state, selectedLayer, itemID).updatedState;
-        });
-      }
-
-      // update wall if line removed
-      if (!(0, _helper.isEmpty)(relatedLines)) {
+      !(0, _helper.isEmpty)(delLine) && _export.GeometryUtils.getRelatedLines(relatedLines, delLine, allVertices, allLines);
+      selectedLines.forEach(function (lineID) {
+        state = _export2.Line.remove(state, selectedLayer, lineID).updatedState;
+      });
+      selectedHoles.forEach(function (holeID) {
+        state = _export2.Hole.remove(state, selectedLayer, holeID).updatedState;
+      });
+      selectedItems.forEach(function (itemID) {
+        state = _export2.Item.remove(state, selectedLayer, itemID).updatedState;
+      });
+      if (!(0, _helper.isEmpty)(selectedLines) && !(0, _helper.isEmpty)(relatedLines)) {
         state = state.setIn(['mode'], _constants.MODE_DRAWING_LINE);
         relatedLines.forEach(function (relLine, index) {
           state = _export2.Line.select(state, selectedLayer, relLine.id).updatedState;
@@ -834,98 +820,6 @@ var Project = exports["default"] = /*#__PURE__*/function () {
         updatedState: state
       };
     }
-  }, {
-    key: "createRoomWithShape",
-    value: function createRoomWithShape(state, roomShapeType, width, height, doorStyle) {
-      var catalog = state.catalog;
-      state = this.newProject(state).updatedState;
-      state = state.merge({
-        catalog: catalog
-      });
-      var _viewer2D = state.viewer2D;
-      var viewer = _viewer2D.toJS();
-      width = (0, _convertUnitsLite.convert)(width).from('in').to('cm');
-      height = (0, _convertUnitsLite.convert)(height).from('in').to('cm');
-      var layerID = state.scene.selectedLayer;
-      state = _export2.Item.setInitialDoorStyle(state, doorStyle).updatedState;
-      if ((0, _helper.isEmpty)(viewer)) return {
-        updatedState: state
-      };
-      var halfWidth = width / 2;
-      var halfHeight = height / 2;
-      var viewerWidth = viewer.SVGWidth;
-      var viewerHeight = viewer.SVGHeight;
-      var centerPos = {
-        x: viewerWidth / 2,
-        y: viewerHeight / 2
-      };
-      var vtLB = {
-        x: centerPos.x - halfWidth,
-        y: centerPos.y - halfHeight
-      };
-      var vtRB = {
-        x: centerPos.x + halfWidth,
-        y: centerPos.y - halfHeight
-      };
-      var vtRT = {
-        x: centerPos.x + halfWidth,
-        y: centerPos.y + halfHeight
-      };
-      var vtLT = {
-        x: centerPos.x - halfWidth,
-        y: centerPos.y + halfHeight
-      };
-      var vertices = [];
-      switch (roomShapeType) {
-        case 'rectangle':
-          vertices = [vtLB, vtLT, vtRT, vtRB];
-          break;
-        case constants.ROOM_SHAPE_TYPE.TWO_WALLS_RIGHT_BOTTOM:
-          vertices = [vtLB, vtRB, vtRT];
-          break;
-        case constants.ROOM_SHAPE_TYPE.TWO_WALLS_RIGHT_TOP:
-          vertices = [vtRB, vtRT, vtLT];
-          break;
-        case constants.ROOM_SHAPE_TYPE.TWO_WALLS_LEFT_TOP:
-          vertices = [vtRT, vtLT, vtLB];
-          break;
-        case constants.ROOM_SHAPE_TYPE.TWO_WALLS_LEFT_BOTTOM:
-          vertices = [vtLT, vtLB, vtRB];
-          break;
-        case constants.ROOM_SHAPE_TYPE.THREE_WALLS_LEFT_TOP_RIGHT:
-          vertices = [vtRB, vtRT, vtLT, vtLB];
-          break;
-        case constants.ROOM_SHAPE_TYPE.THREE_WALLS_TOP_RIGHT_BOTTOM:
-          vertices = [vtLB, vtRB, vtRT, vtLT];
-          break;
-        case constants.ROOM_SHAPE_TYPE.THREE_WALLS_RIGHT_BOTTOM_LEFT:
-          vertices = [vtLT, vtLB, vtRB, vtRT];
-          break;
-        case constants.ROOM_SHAPE_TYPE.THREE_WALLS_BOTTOM_LEFT_TOP:
-          vertices = [vtRT, vtLT, vtLB, vtRB];
-          break;
-      }
-      for (var i = 0; i < vertices.length - 1; i++) {
-        state = _export2.Line.create(state, layerID, 'wall', vertices[i].x, vertices[i].y, vertices[i + 1].x, vertices[i + 1].y).updatedState;
-      }
-      if (roomShapeType === constants.ROOM_SHAPE_TYPE.RECTANGLE) {
-        state = _export2.Line.create(state, layerID, 'wall', vertices[vertices.length - 1].x, vertices[vertices.length - 1].y, vertices[0].x, vertices[0].y).updatedState;
-      }
-      var layer = state.getIn(['scene', 'layers', layerID]);
-      var lines = layer.getIn(['lines']).toJS();
-      var drawingInfo = {};
-      var lineKey = Object.keys(lines);
-      for (var _i = 0; _i < lineKey.length; _i++) {
-        if (!(0, _helper.isEmpty)(lineKey)) {
-          drawingInfo.drawingLine = layer.getIn(['lines', lineKey[_i]]);
-        }
-        state = _export2.Layer.detectAndUpdateAreas(state, layerID, drawingInfo).updatedState;
-      }
-      state = (0, _helper.centering2D)(state);
-      return {
-        updatedState: state
-      };
-    }
   }]);
 }();
 module.exports = exports.default;

package/lib/components/content.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Content;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _viewer2d = _interopRequireDefault(require("./viewer2d/viewer2d"));
 var _viewer3d = _interopRequireDefault(require("./viewer3d/viewer3d"));
@@ -26,18 +26,9 @@ function Content(_ref, _ref2) {
     setToolbar = _ref.setToolbar,
     replaceCabinet = _ref.replaceCabinet,
     keyDownEnable = _ref.keyDownEnable,
-    catalog = _ref.catalog,
-    onInternalEvent = _ref.onInternalEvent;
+    catalog = _ref.catalog;
   var projectActions = _ref2.projectActions;
   var mode = state.get('mode');
-
-  // Internal Event for unselect_all
-  (0, _react.useEffect)(function () {
-    if (state.getIn(['scene', 'layers', 'layer-1', 'selected', 'vertices']).size + state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size + state.getIn(['scene', 'layers', 'layer-1', 'selected', 'holes']).size + state.getIn(['scene', 'layers', 'layer-1', 'selected', 'areas']).size + state.getIn(['scene', 'layers', 'layer-1', 'selected', 'items']).size < 1) onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
-      type: constants.INTERNAL_EVENT_UNSELECT_ALL,
-      value: null
-    });
-  }, [state.getIn(['scene', 'layers', 'layer-1', 'selected'])]);
   switch (mode) {
     // this mode is when view elevation
     case constants.MODE_ELEVATION_VIEW:
@@ -59,8 +50,7 @@ function Content(_ref, _ref2) {
         setToolbar: setToolbar,
         replaceCabinet: replaceCabinet,
         keyDownEnable: keyDownEnable,
-        downloadFlag: false,
-        onInternalEvent: onInternalEvent
+        downloadFlag: false
       });
     case constants.MODE_3D_FIRST_PERSON:
       return /*#__PURE__*/_react["default"].createElement(_viewer3dFirstPerson["default"], {
@@ -98,8 +88,7 @@ function Content(_ref, _ref2) {
         width: width,
         height: height,
         setToolbar: setToolbar,
-        replaceCabinet: replaceCabinet,
-        onInternalEvent: onInternalEvent
+        replaceCabinet: replaceCabinet
       });
     case constants.MODE_ROTATING_ITEM_3D:
     case constants.MODE_DRAGGING_ITEM_3D:
@@ -115,8 +104,7 @@ function Content(_ref, _ref2) {
         setToolbar: setToolbar,
         replaceCabinet: replaceCabinet,
         keyDownEnable: keyDownEnable,
-        downloadFlag: false,
-        onInternalEvent: onInternalEvent
+        downloadFlag: false
       });
 
     // case constants.MODE_CONFIGURING_PROJECT:
@@ -141,8 +129,7 @@ Content.propTypes = {
   state: _propTypes["default"].object.isRequired,
   width: _propTypes["default"].number.isRequired,
   height: _propTypes["default"].number.isRequired,
-  replaceCabinet: _propTypes["default"].func.isRequired,
-  onInternalEvent: _propTypes["default"].func.isRequired
+  replaceCabinet: _propTypes["default"].func.isRequired
 };
 Content.contextTypes = {
   projectActions: _propTypes["default"].object.isRequired

package/lib/components/viewer2d/grids/grid-streak.js

@@ -29,7 +29,7 @@ function GridStreak(_ref) {
         key: i,
         cx: x,
         cy: y,
-        r: 2,
+        r: 1.5,
         fill: color
       }));
     }

package/lib/components/viewer2d/item.js

@@ -14,7 +14,6 @@ var _convertUnitsLite = require("../../utils/convert-units-lite");
 var _export = require("../../utils/export");
 var _constants = require("../../constants");
 var _utils = require("./utils");
-var _geometry = require("../../utils/geometry");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var STYLE_LINE = {
   fill: '#0096fd',
@@ -31,7 +30,6 @@ var STYLE_CIRCLE2 = {
   cursor: 'ew-resize'
 };
 function Item(_ref, _ref2) {
-  var _element$render2D;
   var layer = _ref.layer,
     item = _ref.item,
     scene = _ref.scene,
@@ -41,8 +39,7 @@ function Item(_ref, _ref2) {
   var x = item.x,
     y = item.y,
     rotation = item.rotation,
-    id = item.id,
-    layoutpos = item.layoutpos;
+    id = item.id;
   var showBaseCabinetMeasure = scene.showBaseCabinetMeasure,
     showWallCabinetMeasure = scene.showWallCabinetMeasure;
   var vertices = layer.vertices;
@@ -53,7 +50,6 @@ function Item(_ref, _ref2) {
   var allLineRects;
   var allItemRect;
   var width, height;
-  var altitude = item.properties.getIn(['altitude', '_length']);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     clockRotateState = _useState2[0],
@@ -122,11 +118,16 @@ function Item(_ref, _ref2) {
     var selectedItem;
     if (layer.selected.items.size > 0) {
       selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
-      var _catid = selectedItem.type;
-      var _cat = (0, _geometry.findCatalogElement)(catalog, _catid);
+      var catid = selectedItem.type;
+      var cat = catalog.elements[catid];
+      if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
+      if (cat === undefined || cat === null) {
+        cat = catalog.getIn(['elements', catid]);
+        if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
+      }
       currentItem = {
         selectedItem: selectedItem,
-        cat: _cat
+        cat: cat
       };
     }
     layer.items.forEach(function (item) {
@@ -138,7 +139,8 @@ function Item(_ref, _ref2) {
         rotRad: item.rotation / 180 * Math.PI
       };
       var catid = item.type;
-      var cat = (0, _geometry.findCatalogElement)(catalog, catid);
+      var cat = catalog.elements[catid];
+      if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
       var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
       var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
       // let width = cat.info.sizeinfo.width;
@@ -157,36 +159,33 @@ function Item(_ref, _ref2) {
       // }
 
       if (!item.selected) {
-        var detectObjectsAtSameAltitudeFlag = layoutpos === 'Base' ? item.properties.getIn(['altitude', '_length']) <= altitude + tempHeight.get('_length') : item.properties.getIn(['altitude', '_length']) + item.properties.getIn(['height', '_length']) >= altitude;
-        if (detectObjectsAtSameAltitudeFlag) {
-          var _x = val.pos.x;
-          var _y = val.pos.y;
-          var rotRad = val.rotRad;
-          var w = val.size.width / 2;
-          var h = val.size.height / 2;
-          var mx = _x - w * Math.cos(rotRad);
-          var my = _y - w * Math.sin(rotRad);
-          var x0 = mx + h * Math.sin(rotRad);
-          var y0 = my - h * Math.cos(rotRad);
-          var x3 = mx * 2 - x0;
-          var y3 = my * 2 - y0;
-          var x1 = _x * 2 - x3;
-          var y1 = _y * 2 - y3;
-          var x2 = _x * 2 - x0;
-          var y2 = _y * 2 - y0;
-          rectarray.push({
-            rect: [point(x0, y0), point(x1, y1), point(x0, y0), point(x1, y1)]
-          });
-          rectarray.push({
-            rect: [point(x1, y1), point(x2, y2), point(x1, y1), point(x2, y2)]
-          });
-          rectarray.push({
-            rect: [point(x2, y2), point(x3, y3), point(x2, y2), point(x3, y3)]
-          });
-          rectarray.push({
-            rect: [point(x3, y3), point(x0, y0), point(x3, y3), point(x0, y0)]
-          });
-        }
+        var _x = val.pos.x;
+        var _y = val.pos.y;
+        var rotRad = val.rotRad;
+        var w = val.size.width / 2;
+        var h = val.size.height / 2;
+        var mx = _x - w * Math.cos(rotRad);
+        var my = _y - w * Math.sin(rotRad);
+        var x0 = mx + h * Math.sin(rotRad);
+        var y0 = my - h * Math.cos(rotRad);
+        var x3 = mx * 2 - x0;
+        var y3 = my * 2 - y0;
+        var x1 = _x * 2 - x3;
+        var y1 = _y * 2 - y3;
+        var x2 = _x * 2 - x0;
+        var y2 = _y * 2 - y0;
+        rectarray.push({
+          rect: [point(x0, y0), point(x1, y1), point(x0, y0), point(x1, y1)]
+        });
+        rectarray.push({
+          rect: [point(x1, y1), point(x2, y2), point(x1, y1), point(x2, y2)]
+        });
+        rectarray.push({
+          rect: [point(x2, y2), point(x3, y3), point(x2, y2), point(x3, y3)]
+        });
+        rectarray.push({
+          rect: [point(x3, y3), point(x0, y0), point(x3, y3), point(x0, y0)]
+        });
       }
     });
 
@@ -247,38 +246,25 @@ function Item(_ref, _ref2) {
    */
   var getDistant = function getDistant(x, y, rotRad) {
     var center_h = 3 * height / 8;
-    var center_x = x; // middle of front line of cabinet rect
+    var center_x = x;
     var center_y = y;
-    var center_x1 = x - center_h * Math.sin(rotRad); // center point of cabinet rect
+    var center_x1 = x - center_h * Math.sin(rotRad);
     var center_y1 = y + center_h * Math.cos(rotRad);
     var PointArray = [];
-    var _loop = function _loop(i) {
-      var centerpoint = curiteminfo.rectCenterPoint[i];
-      // [rectCenterPoint] has four middle points of cabinet rect edges
-      var comparelength = []; // distance array from rectCenterPoint[i] to other lines(walls, other cabinet rect edges)
+    curiteminfo.rectCenterPoint.forEach(function (centerpoint) {
+      var comparelength = [];
       var a;
-      var RectLineFuction; // normal line of cabinet rect edge
+      var RectLineFuction;
       if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
       allRect.forEach(function (linerect) {
-        // calc distance to all other lines
         var p0 = _export.GeometryUtils.clone_point(linerect.rect[2]);
         var p1 = _export.GeometryUtils.clone_point(linerect.rect[3]);
-        var lineFunction = {}; // other line function
+        var lineFunction = {};
         if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = _export.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
-        // intersection between normal line and other line
         var coordinatePoint = _export.GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
         if (coordinatePoint !== undefined) {
-          if (
-          // intersection point is on the other line
-          _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
-            // check the intersection point is outside direction of edge
-            var isOutside = true;
-            for (var j = 0; j < curiteminfo.rectCenterPoint.length; j++) {
-              if (j === i) continue;
-              var otherCenterPoint = curiteminfo.rectCenterPoint[j];
-              if (_export.GeometryUtils.isPointOnLineSegment(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y, otherCenterPoint[0].x, otherCenterPoint[0].y)) isOutside = false;
-            }
-            if (isOutside && _export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
+          if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
+            if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
               comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
               a = Math.min.apply(null, comparelength);
             }
@@ -286,10 +272,7 @@ function Item(_ref, _ref2) {
         }
       });
       PointArray.push([a, centerpoint[1]]);
-    };
-    for (var i = 0; i < curiteminfo.rectCenterPoint.length; i++) {
-      _loop(i);
-    }
+    });
     return {
       PointArray: PointArray
     };
@@ -298,22 +281,9 @@ function Item(_ref, _ref2) {
   var nh = height / 2;
   var _getDistant = getDistant(x, y, val.rotRad),
     PointArray = _getDistant.PointArray;
-  var catid = item.type;
-  var cat = catalog.elements[catid];
   PointArray.forEach(function (pointElement, index) {
     if (pointElement[0] == undefined) PointArray[index][0] = 0;
-    // if (pointElement[1] === -90 && cat.info.is_corner !== 1) {
-    //   PointArray[index][0] -= 4;
-    // }
-  });
-  var cnt = 0;
-  PointArray.forEach(function (pointElement) {
-    if (pointElement[0] == 0) cnt++;
   });
-  if (cnt == 4 || cnt == 3) {
-    PointArray[0][0] = 100;
-    PointArray[1][0] = 100;
-  }
   if (Array.isArray(PointArray)) {
     itemsActions.storeDistArray(layerID, id, PointArray);
   }
@@ -341,12 +311,12 @@ function Item(_ref, _ref2) {
           length: itemDistanceFromLine,
           angle: rotation,
           rotation: element[1],
-          transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? cat.info.is_corner !== 1 ? -(nh + 4) : -nh : 0, ") rotate(").concat(element[1], ", 0, 0)")
+          transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? -nh : 3 * nh / 4, ") rotate(").concat(element[1], ", 0, 0)")
         })));
       }
     });
   }
-  var renderedItem = element === null || element === void 0 || (_element$render2D = element.render2D) === null || _element$render2D === void 0 ? void 0 : _element$render2D.call(element, item, layer, scene);
+  var renderedItem = element.render2D.call(element, item, layer, scene);
   var isSmall = false;
   if (width < 40) isSmall = true;
   var parts = [];
@@ -423,10 +393,7 @@ function Item(_ref, _ref2) {
     y: "-19",
     height: "16",
     width: "16",
-    style: (0, _utils.isWarningItem)(item) ? {
-      transform: 'rotateX(180deg)',
-      opacity: 0.5
-    } : {
+    style: {
       transform: 'rotateX(180deg)'
     }
   })), /*#__PURE__*/_react["default"].createElement("g", {