kitchen-simulator 3.1.15 → 4.0.0-alpha.12

package/es/catalog/utils/mtl-loader.js

@@ -4,7 +4,7 @@
  * @author angelxuanchang
  */
 
-import * as THREE from 'three';
+var THREE = window.THREE || require('three');
 var MTLLoader;
 MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
@@ -354,4 +354,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-export default MTLLoader;
+module.exports = MTLLoader;

package/es/catalog/utils/obj-loader.js

@@ -1,7 +1,7 @@
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-import * as THREE from 'three';
+var THREE = window.THREE || require('three');
 var OBJLoader;
 OBJLoader = function () {
   // o object_name | g group_name
@@ -473,4 +473,4 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-export default OBJLoader;
+module.exports = OBJLoader;

package/es/class/item.js

@@ -8,12 +8,11 @@ import { convert } from "../utils/convert-units-lite";
 import { Group, Hole, Layer } from "./export";
 import { GeometryUtils, IDBroker, MoldingUtils, NameGenerator } from "../utils/export";
 import { fromJS, Map } from 'immutable';
-import { INSTALLATION_SUFFIX_TYPE, INTERNAL_EVENT_DRAW_ELEMENT, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
+import { INSTALLATION_SUFFIX_TYPE, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
 import { debugUtil } from "../utils/helper";
 import { isUndefined } from 'util';
 import { hasMoldingLayout } from "../utils/molding";
-import { getInstallationSuffix, isWarningItem } from "../components/viewer2d/utils";
-import { historyPush } from "../utils/history";
+import { getInstallationSuffix } from "../components/viewer2d/utils";
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -30,8 +29,6 @@ var Item = /*#__PURE__*/function () {
     key: "create",
     value: function create(state, layerID, type, x, y, width, height, rotation, isDuplication) {
       var molding = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : [];
-      var isInitialPos = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
-      var refItem = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : null;
       var itemID = IDBroker.acquireID();
       var item = state.catalog.factoryElement(type, {
         id: itemID,
@@ -48,28 +45,67 @@ var Item = /*#__PURE__*/function () {
         x: x,
         y: y,
         rotation: rotation,
-        isDuplication: isDuplication,
-        isInitialPos: isInitialPos ? isInitialPos : false
+        isDuplication: isDuplication
       }, null, state);
       if (item.category === 'cabinet') {
-        if (isDuplication && refItem) {
-          item = item.merge({
-            doorStyle: refItem.doorStyle
-          });
-        } else {
-          var _state$doorStyle;
-          var layer = state.getIn(['scene', 'layers', layerID]);
+        var layer = state.getIn(['scene', 'layers', layerID]);
+        if (state.doorStyle !== null && state.doorStyle !== undefined) {
+          var _state$doorStyle, _temp$doorStyles;
           var temp = layer.doorStyle || ((_state$doorStyle = state.doorStyle) === null || _state$doorStyle === void 0 ? void 0 : _state$doorStyle.toJS());
-          var cds = state.catalog.getIn(['elements', type, 'cds']);
+          var cds = temp === null || temp === void 0 || (_temp$doorStyles = temp.doorStyles) === null || _temp$doorStyles === void 0 || (_temp$doorStyles = _temp$doorStyles.cds) === null || _temp$doorStyles === void 0 ? void 0 : _temp$doorStyles.find(function (elem) {
+            return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+          });
           if (cds) {
-            var updatedDoorStyles = _objectSpread(_objectSpread({}, temp.doorStyles), {}, {
-              cds: [cds]
+            var updatedDoorStyles = _objectSpread(_objectSpread(_objectSpread({}, temp.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+              cabinet_door_style_id: cds.cabinet_door_style_id
             });
             item = item.merge({
               doorStyle: fromJS(_objectSpread(_objectSpread({}, temp), {}, {
                 doorStyles: updatedDoorStyles
               }))
             });
+          } else {
+            var _state$oStyle;
+            var styleObj = (_state$oStyle = state.oStyle) === null || _state$oStyle === void 0 || (_state$oStyle = _state$oStyle.toJS()) === null || _state$oStyle === void 0 ? void 0 : _state$oStyle.oStyle;
+            if (styleObj) {
+              for (var _x in styleObj) {
+                cds = styleObj[_x].data.doorStyles.cds.find(function (elem) {
+                  return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+                });
+                if (cds) {
+                  var tmpDS = styleObj[_x].data;
+                  tmpDS.doorStyles = _objectSpread(_objectSpread(_objectSpread({}, tmpDS.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+                    cabinet_door_style_id: cds.cabinet_door_style_id
+                  });
+                  item = item.merge({
+                    doorStyle: fromJS(tmpDS)
+                  });
+                  break;
+                }
+              }
+            }
+          }
+        } else {
+          var _state$oStyle2;
+          var _styleObj = (_state$oStyle2 = state.oStyle) === null || _state$oStyle2 === void 0 || (_state$oStyle2 = _state$oStyle2.toJS()) === null || _state$oStyle2 === void 0 ? void 0 : _state$oStyle2.oStyle;
+          if (_styleObj) {
+            for (var _x2 in _styleObj) {
+              var _styleObj$_x;
+              var _cds = (_styleObj$_x = _styleObj[_x2]) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.data) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.doorStyles) === null || _styleObj$_x === void 0 || (_styleObj$_x = _styleObj$_x.cds) === null || _styleObj$_x === void 0 ? void 0 : _styleObj$_x.find(function (elem) {
+                return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
+              });
+              if (_cds) {
+                var _styleObj$_x2;
+                var _tmpDS = (_styleObj$_x2 = _styleObj[_x2]) === null || _styleObj$_x2 === void 0 ? void 0 : _styleObj$_x2.data;
+                _tmpDS.doorStyles = _objectSpread(_objectSpread(_objectSpread({}, _tmpDS.doorStyles), _cds.data && _cds.data[0] ? _cds.data[0] : {}), {}, {
+                  cabinet_door_style_id: _cds.cabinet_door_style_id
+                });
+                item = item.merge({
+                  doorStyle: fromJS(_tmpDS)
+                });
+                break;
+              }
+            }
           }
         }
       }
@@ -80,11 +116,15 @@ var Item = /*#__PURE__*/function () {
         };
       }
       var setSizeOfItemByDoorStyle = function setSizeOfItemByDoorStyle() {
+        var _doorStyle$doorStyles, _cds$data;
         var doorStyle = item.get('doorStyle').toJS();
-        var euroCDS = state.catalog.getIn(['elements', type, 'cds']).data.filter(function (element) {
-          return element && element.is_euro_cds;
+        var cds = doorStyle === null || doorStyle === void 0 || (_doorStyle$doorStyles = doorStyle.doorStyles) === null || _doorStyle$doorStyles === void 0 || (_doorStyle$doorStyles = _doorStyle$doorStyles.cds) === null || _doorStyle$doorStyles === void 0 ? void 0 : _doorStyle$doorStyles.find(function (elem) {
+          return elem.itemID === item.itemID;
         });
-        if (doorStyle.door_style_name === 'Euro & Frameless' && euroCDS.length > 0) {
+        var euro_cds = (cds === null || cds === void 0 || (_cds$data = cds.data) === null || _cds$data === void 0 ? void 0 : _cds$data.filter(function (element) {
+          return element && element.is_euro_cds;
+        })) || [];
+        if (doorStyle.door_style_name === 'Euro & Frameless' && euro_cds.length > 0) {
           var newProperties = item.get('properties').toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
@@ -95,8 +135,8 @@ var Item = /*#__PURE__*/function () {
               });
             }
             newProperties['depth'] = new Map({
-              length: convert(euroCDS[0].euro_length).from('in').to('cm'),
-              _length: euroCDS[0].euro_length,
+              length: convert(euro_cds[0].euro_length).from('in').to('cm'),
+              _length: euro_cds[0].euro_length,
               _unit: 'in'
             });
           }
@@ -109,8 +149,8 @@ var Item = /*#__PURE__*/function () {
               });
             }
             newProperties['height'] = new Map({
-              length: convert(euroCDS[0].euro_height).from('in').to('cm'),
-              _length: euroCDS[0].euro_height,
+              length: convert(euro_cds[0].euro_height).from('in').to('cm'),
+              _length: euro_cds[0].euro_height,
               _unit: 'in'
             });
           }
@@ -123,8 +163,8 @@ var Item = /*#__PURE__*/function () {
               });
             }
             newProperties['width'] = new Map({
-              length: convert(euroCDS[0].euro_width).from('in').to('cm') - 10,
-              _length: euroCDS[0].euro_width,
+              length: convert(euro_cds[0].euro_width).from('in').to('cm') - 10,
+              _length: euro_cds[0].euro_width,
               _unit: 'in'
             });
           }
@@ -272,7 +312,6 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "duplicateSelected",
     value: function duplicateSelected(state, currentObject) {
-      var onInternalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       var layerID = state.getIn(['scene', 'selectedLayer']);
       var layer = state.getIn(['scene', 'layers', layerID]);
       var objectID = currentObject.id;
@@ -280,7 +319,6 @@ var Item = /*#__PURE__*/function () {
       var x = currentObject.x;
       var y = currentObject.y;
       var sceneComponentType, width, depth, rotRad;
-      var duplicatedElement = null;
       switch (currentObject.prototype) {
         case 'items':
           myObject = state.getIn(['scene', 'layers', layerID, 'items', objectID]);
@@ -302,10 +340,9 @@ var Item = /*#__PURE__*/function () {
           var isrectSect = GeometryUtils.validInterSect(allRect, val);
           if (isrectSect) {
             // Duplicated object has a original object's molding property
-            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+            var _this$create = this.create(state, layerID, sceneComponentType, x + width * Math.cos(rotRad), y + width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
               stateI = _this$create.updatedState,
               item = _this$create.item;
-            duplicatedElement = item;
             if (item === null) {
               alert('There are no Door Colors in this cabinet.');
               state = state.merge({
@@ -329,10 +366,9 @@ var Item = /*#__PURE__*/function () {
             _val.is_corner = allItemRect.cur.is_corner;
             var isRect = GeometryUtils.validInterSect(allRect, _val);
             if (isRect) {
-              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+              var _this$create2 = this.create(state, layerID, sceneComponentType, x - width * Math.cos(rotRad), y - width * Math.sin(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                 _stateI = _this$create2.updatedState,
                 _item = _this$create2.item;
-              duplicatedElement = _item;
               if (_item === null) {
                 alert('There are no Door Colors in this cabinet.');
                 state = state.merge({
@@ -356,10 +392,9 @@ var Item = /*#__PURE__*/function () {
               _val2.is_corner = allItemRect.cur.is_corner;
               var isRectDown = GeometryUtils.validInterSect(allRect, _val2);
               if (isRectDown) {
-                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+                var _this$create3 = this.create(state, layerID, sceneComponentType, x - depth * Math.sin(rotRad), y - depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                   _stateI2 = _this$create3.updatedState,
                   _item2 = _this$create3.item;
-                duplicatedElement = _item2;
                 if (_item2 === null) {
                   alert('There are no Door Colors in this cabinet.');
                   state = state.merge({
@@ -383,10 +418,9 @@ var Item = /*#__PURE__*/function () {
                 _val3.is_corner = allItemRect.cur.is_corner;
                 var isRectUp = GeometryUtils.validInterSect(allRect, _val3);
                 if (isRectUp) {
-                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding, false, myObject),
+                  var _this$create4 = this.create(state, layerID, sceneComponentType, x + depth * Math.sin(rotRad), y + depth * Math.cos(rotRad), 200, 100, rotRad * 180 / Math.PI, true, myObject.molding),
                     _stateI3 = _this$create4.updatedState,
                     _item3 = _this$create4.item;
-                  duplicatedElement = _item3;
                   if (_item3 === null) {
                     alert('There are no Door Colors in this cabinet.');
                     state = state.merge({
@@ -464,14 +498,6 @@ var Item = /*#__PURE__*/function () {
         default:
           break;
       }
-      if (onInternalEvent && duplicatedElement) {
-        var jsElement = duplicatedElement.toJS();
-        if (jsElement.prototype === 'items') jsElement.isWarning = isWarningItem(duplicatedElement);
-        onInternalEvent({
-          type: INTERNAL_EVENT_DRAW_ELEMENT,
-          value: jsElement
-        });
-      }
       return {
         updatedState: state
       };
@@ -480,9 +506,6 @@ var Item = /*#__PURE__*/function () {
     key: "storeDistArray",
     value: function storeDistArray(state, layerID, itemID, distArray) {
       var curDistArray = state.getIn(['scene', 'layers', layerID, 'items', itemID, 'distArray']);
-      distArray.forEach(function (dist) {
-        dist[0] < 0 ? dist[0] = 0 : dist[0];
-      });
       var isEqualDist = function isEqualDist(a, b) {
         return a == b;
       };
@@ -601,15 +624,13 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateDrawingItem",
     value: function updateDrawingItem(state, layerID, x, y) {
-      var isInitialPos = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       if (state.hasIn(['drawingSupport', 'currentID'])) {
         var mode = state.get('mode');
         if ([MODE_DRAWING_ITEM_3D].includes(mode)) {
           state = state.updateIn(['scene', 'layers', layerID, 'items', state.getIn(['drawingSupport', 'currentID'])], function (item) {
             return item && item.merge({
               x: x,
-              y: y,
-              isInitialPos: isInitialPos ? isInitialPos : false
+              y: y
             });
           });
           state = state.merge({
@@ -623,13 +644,12 @@ var Item = /*#__PURE__*/function () {
           state = state.updateIn(['scene', 'layers', layerID, 'items', state.getIn(['drawingSupport', 'currentID'])], function (item) {
             return item && item.merge({
               x: x,
-              y: y,
-              isInitialPos: isInitialPos ? isInitialPos : false
+              y: y
             });
           });
         }
       } else {
-        var _this$create5 = this.create(state, layerID, state.getIn(['drawingSupport', 'type']), x, y, 200, 100, 0, false, [], isInitialPos),
+        var _this$create5 = this.create(state, layerID, state.getIn(['drawingSupport', 'type']), x, y, 200, 100, 0, false),
           stateI = _this$create5.updatedState,
           item = _this$create5.item;
         if (item === null) {
@@ -665,8 +685,7 @@ var Item = /*#__PURE__*/function () {
       // tY = tY > 500 ? 500 : tY < 0 ? 0 : tY;
       item = item.merge({
         x: x,
-        y: y,
-        isInitialPos: false
+        y: y
       });
       state = state.merge({
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
@@ -680,8 +699,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "endDrawingItem",
     value: function endDrawingItem(state, layerID, x, y) {
-      // let catalog = state.catalog;
-      state = this.updateDrawingItem(state, layerID, x, y).updatedState;
+      var catalog = state.catalog;
+      state = this.updateDrawingItem(state, layerID, x, y, catalog).updatedState;
       state = Layer.unselectAll(state, layerID).updatedState;
       var popup = state.get('popup');
       state = state.merge({
@@ -764,8 +783,7 @@ var Item = /*#__PURE__*/function () {
       tY = tY > scene.height ? scene.height : tY < 0 ? 0 : tY;
       item = item.merge({
         x: tX,
-        y: tY,
-        isInitialPos: false
+        y: tY
       });
       state = state.merge({
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
@@ -1105,41 +1123,48 @@ var Item = /*#__PURE__*/function () {
     }
   }, {
     key: "setInitialDoorStyle",
-    value: function setInitialDoorStyle(state, doorStyle) {
-      state = state.merge({
-        doorStyle: doorStyle
-      });
-      var _state8 = state,
-        scene = _state8.scene;
-      var layerID = scene.get('selectedLayer');
-      var layers = scene.layers.get(layerID);
-      var items = layers.items;
-      layers = layers.setIn(['doorStyle'], fromJS(doorStyle));
-      state = state.merge({
-        scene: state.scene.mergeIn(['layers', layerID], layers)
-      });
-      items.forEach(function (data) {
-        {
-          var itemID = data.id;
-          var tmpDS = _objectSpread(_objectSpread({}, data.doorStyle), {}, {
-            doorStyles: _objectSpread(_objectSpread({}, data.doorStyle.doorStyles), {}, {
-              counttop: doorStyle.doorStyles.counttop
-            })
-          });
-          data = data.mergeIn(['doorStyle'], fromJS(tmpDS));
-          layers = layers.mergeIn(['items', itemID], data);
-          state = state.merge({
-            scene: scene.mergeIn(['layers', layerID], layers)
-          });
-        }
-      });
+    value: function setInitialDoorStyle(state, doorStyle, oStyle) {
+      if (doorStyle === undefined) {
+        state = state.merge({
+          oStyle: new Map({
+            oStyle: oStyle
+          })
+        });
+      } else {
+        state = state.merge({
+          doorStyle: doorStyle,
+          oStyle: new Map({
+            oStyle: oStyle
+          })
+        });
+        var _state8 = state,
+          scene = _state8.scene;
+        var layerID = scene.get('selectedLayer');
+        var layers = scene.layers.get(layerID);
+        var items = layers.items;
+        items.forEach(function (data) {
+          {
+            var itemID = data.id;
+            var tmpDS = _objectSpread(_objectSpread({}, data.doorStyle), {}, {
+              doorStyles: _objectSpread(_objectSpread({}, data.doorStyle.doorStyles), {}, {
+                counttop: doorStyle.doorStyles.counttop
+              })
+            });
+            data = data.mergeIn(['doorStyle'], fromJS(tmpDS));
+            layers = layers.mergeIn(['items', itemID], data);
+            state = state.merge({
+              scene: scene.mergeIn(['layers', layerID], layers)
+            });
+          }
+        });
+      }
       return {
         updatedState: state
       };
     }
   }, {
     key: "setDoorStyle",
-    value: function setDoorStyle(state, doorStyle, itemCDS, isAll) {
+    value: function setDoorStyle(state, doorStyle, isAll) {
       var _this2 = this;
       var keys = Object.keys(doorStyle.doorStyles);
       keys = keys.filter(function (elem) {
@@ -1149,7 +1174,6 @@ var Item = /*#__PURE__*/function () {
       for (var x in keys) {
         tmp[keys[x]] = doorStyle.doorStyles[keys[x]];
       }
-      doorStyle.cds = itemCDS;
       state = state.setIn(['scene', 'layers', state.scene.selectedLayer, 'doorStyle'], doorStyle);
       state = state.merge({
         doorStyle: doorStyle
@@ -1157,14 +1181,14 @@ var Item = /*#__PURE__*/function () {
       var layerID = state.scene.get('selectedLayer');
       var temp_layer_molding = state.scene.getIn(['layers', layerID, 'molding']);
       temp_layer_molding = temp_layer_molding.filter(function (md) {
-        return itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.some(function (ds) {
+        return doorStyle.doorStyles.cds.some(function (ds) {
           return md.itemID === ds.itemID;
         });
       });
       state = state.setIn(['scene', 'layers', layerID, 'molding'], temp_layer_molding);
       var itemIDs = state.scene.layers.getIn([layerID, 'selected', 'items']).toJS();
       var setDoorStyleOfItem = function setDoorStyleOfItem(data) {
-        var _cds$data;
+        var _cds$data2;
         if (data.category !== 'cabinet') return; //CDS should effect to cabinets
         var itemID = data.id;
         var curItem = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1172,7 +1196,7 @@ var Item = /*#__PURE__*/function () {
         var tmpMolding = _toConsumableArray(curItem.molding);
         var temp_item_molding = _toConsumableArray(curItem.molding);
         temp_item_molding = temp_item_molding.filter(function (md) {
-          return itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.some(function (ds) {
+          return doorStyle.doorStyles.cds.some(function (ds) {
             return ds.itemID === md.itemID;
           });
         });
@@ -1182,16 +1206,17 @@ var Item = /*#__PURE__*/function () {
             state = state.setIn(['scene', 'layers', layerID, 'items', it.id, 'molding'], temp_item_molding);
           });
         });
-        var cds = itemCDS === null || itemCDS === void 0 ? void 0 : itemCDS.find(function (elem) {
+        var cds = doorStyle.doorStyles.cds.find(function (elem) {
           return elem.itemID === data.itemID;
         });
-        var euro_cds = (cds === null || cds === void 0 || (_cds$data = cds.data) === null || _cds$data === void 0 ? void 0 : _cds$data.filter(function (element) {
+        var euro_cds = (cds === null || cds === void 0 || (_cds$data2 = cds.data) === null || _cds$data2 === void 0 ? void 0 : _cds$data2.filter(function (element) {
           return element && element.is_euro_cds;
         })) || [];
-        var cds_data = cds ? [cds] : [];
-        if (
-        // doorStyle.door_style_name === 'Euro & Frameless' &&
-        euro_cds.length > 0) {
+        var cds_data;
+        if (doorStyle.door_style_name === 'Euro & Frameless' && euro_cds.length > 0) {
+          cds_data = cds ? _objectSpread(_objectSpread({}, euro_cds[0]), {}, {
+            cabinet_door_style_id: cds.cabinet_door_style_id
+          }) : {};
           var newProperties = state.scene.getIn(['layers', layerID, 'items', itemID, 'properties']).toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
@@ -1237,6 +1262,9 @@ var Item = /*#__PURE__*/function () {
           }
           state = _this2.setJsProperties(state, layerID, itemID, newProperties).updatedState;
         } else {
+          cds_data = cds ? _objectSpread(_objectSpread({}, cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+            cabinet_door_style_id: cds.cabinet_door_style_id
+          }) : {};
           var properties = state.scene.getIn(['layers', layerID, 'items', itemID, 'properties']).toJS();
           if (properties.hasOwnProperty('oldDepth')) {
             properties['depth'] = new Map({
@@ -1275,9 +1303,7 @@ var Item = /*#__PURE__*/function () {
           color_sku_alias: doorStyle.color_sku_alias,
           // alias name of color_sku for the current dealer
           install: getInstallationSuffix(INSTALLATION_SUFFIX_TYPE.NAME, doorStyle),
-          doorStyles: _objectSpread(_objectSpread({}, tmp), {}, {
-            cds: cds_data
-          })
+          doorStyles: _objectSpread(_objectSpread({}, tmp), cds_data)
         };
         state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'doorStyle'], fromJS(tmpDS));
       };
@@ -1542,9 +1568,6 @@ var Item = /*#__PURE__*/function () {
           });
         }
       }
-      state = state.merge({
-        sceneHistory: historyPush(state.sceneHistory, state.scene)
-      });
       return {
         updatedState: state
       };
@@ -1667,9 +1690,6 @@ var Item = /*#__PURE__*/function () {
           updateSelectItemMolding();
         }
       }
-      state = state.merge({
-        sceneHistory: historyPush(state.sceneHistory, state.scene)
-      });
       return {
         updatedState: state
       };

package/es/class/line.js

@@ -5,9 +5,8 @@ import { fromJS, List, Map } from 'immutable';
 import { Group, Hole, Layer, Vertex } from "./export";
 import { GeometryUtils, history, IDBroker, NameGenerator, SnapSceneUtils, SnapUtils } from "../utils/export";
 import * as Three from 'three';
-import { END_DRAGGING_LINE, END_DRAGGING_VERTEX, END_DRAWING_LINE, EPSILON, INTERNAL_EVENT_START_DRAW_WALL, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_DRAGGING_LINE, MODE_DRAWING_LINE, MODE_IDLE, MODE_WAITING_DRAWING_LINE, UNIT_ANGLE } from "../constants";
+import { END_DRAGGING_LINE, END_DRAGGING_VERTEX, END_DRAWING_LINE, EPSILON, MIN_ANGLE_DISALLOW_DRAW_WALL, MODE_DRAGGING_LINE, MODE_DRAWING_LINE, MODE_IDLE, MODE_WAITING_DRAWING_LINE, UNIT_ANGLE } from "../constants";
 import { isEmpty } from "../utils/helper";
-import { convert } from "../utils/convert-units-lite";
 var timeGlobal = 0;
 var TimeRecorder = /*#__PURE__*/function () {
   function TimeRecorder(name) {
@@ -427,7 +426,7 @@ var Line = /*#__PURE__*/function () {
     }
   }, {
     key: "beginDrawingLine",
-    value: function beginDrawingLine(state, layerID, x, y, onInternalEvent) {
+    value: function beginDrawingLine(state, layerID, x, y) {
       // if end drawing by created area
       if (state.mode == MODE_IDLE) {
         return {
@@ -480,17 +479,6 @@ var Line = /*#__PURE__*/function () {
         activeSnapElement: snap ? snap.snap : null,
         drawingSupport: drawingSupport
       });
-      var layer = state.getIn(['scene', 'layers', layerID]);
-      var payload = line.toJS();
-      var v_a = layer.vertices.get(line.vertices.get(0));
-      var v_b = layer.vertices.get(line.vertices.get(1));
-      var distance = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-      var _length = convert(distance).from('cm').to(layer.unit);
-      payload.length = _length;
-      if (onInternalEvent) onInternalEvent({
-        type: INTERNAL_EVENT_START_DRAW_WALL,
-        value: payload
-      });
       return {
         updatedState: state
       };