kitchen-simulator 1.1.1-test.71 → 1.1.1-test.72

package/es/class/item.js

@@ -1,17 +1,18 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-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 { 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, 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 { hasMoldingLayout } from "../utils/molding";
-import { getInstallationSuffix } from "../components/viewer2d/utils";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _convertUnitsLite = require("../utils/convert-units-lite");
+var _export = require("./export");
+var _export2 = require("../utils/export");
+var _immutable = require("immutable");
+var _constants = require("../constants");
+var _helper = require("../utils/helper");
+var _molding = require("../utils/molding");
+var _utils = require("../components/viewer2d/utils");
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -20,19 +21,19 @@ var allLineSnap;
 var allRect;
 var time1;
 var time2;
-var Item = /*#__PURE__*/function () {
+var Item = exports["default"] = /*#__PURE__*/function () {
   function Item() {
-    _classCallCheck(this, Item);
+    (0, _classCallCheck2["default"])(this, Item);
   }
-  return _createClass(Item, null, [{
+  return (0, _createClass2["default"])(Item, null, [{
     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 itemID = IDBroker.acquireID();
+      var itemID = _export2.IDBroker.acquireID();
       var item = state.catalog.factoryElement(type, {
         id: itemID,
         itemID: state.catalog.getIn(['elements', type, 'itemID']),
-        name: NameGenerator.generateName('items', state.catalog.getIn(['elements', type, 'info', 'title'])),
+        name: _export2.NameGenerator.generateName('items', state.catalog.getIn(['elements', type, 'info', 'title'])),
         sku_number: state.catalog.getIn(['elements', type, 'obj']).toJS().sku_number,
         //style: state.catalog.getIn(['elements', type, 'info', 'door']),
         category: state.catalog.getIn(['elements', type, 'type']),
@@ -55,11 +56,11 @@ var Item = /*#__PURE__*/function () {
             return elem.itemID === state.catalog.getIn(['elements', type, 'itemID']);
           });
           if (cds) {
-            var updatedDoorStyles = _objectSpread(_objectSpread(_objectSpread({}, temp.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+            var updatedDoorStyles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, 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), {}, {
+              doorStyle: (0, _immutable.fromJS)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, temp), {}, {
                 doorStyles: updatedDoorStyles
               }))
             });
@@ -73,11 +74,11 @@ var Item = /*#__PURE__*/function () {
                 });
                 if (cds) {
                   var tmpDS = styleObj[_x].data;
-                  tmpDS.doorStyles = _objectSpread(_objectSpread(_objectSpread({}, tmpDS.doorStyles), cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+                  tmpDS.doorStyles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, 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)
+                    doorStyle: (0, _immutable.fromJS)(tmpDS)
                   });
                   break;
                 }
@@ -96,11 +97,11 @@ var Item = /*#__PURE__*/function () {
               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] : {}), {}, {
+                _tmpDS.doorStyles = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _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)
+                  doorStyle: (0, _immutable.fromJS)(_tmpDS)
                 });
                 break;
               }
@@ -127,74 +128,74 @@ var Item = /*#__PURE__*/function () {
           var newProperties = item.get('properties').toJS();
           if (newProperties.hasOwnProperty('depth')) {
             if (!newProperties.hasOwnProperty('oldDepth')) {
-              newProperties['oldDepth'] = new Map({
+              newProperties['oldDepth'] = new _immutable.Map({
                 length: newProperties.depth.length,
                 _length: newProperties.depth._length,
                 _unit: newProperties.depth._unit
               });
             }
-            newProperties['depth'] = new Map({
-              length: convert(euro_cds[0].euro_length).from('in').to('cm'),
+            newProperties['depth'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_length).from('in').to('cm'),
               _length: euro_cds[0].euro_length,
               _unit: 'in'
             });
           }
           if (newProperties.hasOwnProperty('height')) {
             if (!newProperties.hasOwnProperty('oldHeight')) {
-              newProperties['oldHeight'] = new Map({
+              newProperties['oldHeight'] = new _immutable.Map({
                 length: newProperties.height.length,
                 _length: newProperties.height._length,
                 _unit: newProperties.height._unit
               });
             }
-            newProperties['height'] = new Map({
-              length: convert(euro_cds[0].euro_height).from('in').to('cm'),
+            newProperties['height'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_height).from('in').to('cm'),
               _length: euro_cds[0].euro_height,
               _unit: 'in'
             });
           }
           if (newProperties.hasOwnProperty('width')) {
             if (!newProperties.hasOwnProperty('oldWidth')) {
-              newProperties['oldWidth'] = new Map({
+              newProperties['oldWidth'] = new _immutable.Map({
                 length: newProperties.width.length,
                 _length: newProperties.width._length,
                 _unit: newProperties.width._unit
               });
             }
-            newProperties['width'] = new Map({
-              length: convert(euro_cds[0].euro_width).from('in').to('cm') - 10,
+            newProperties['width'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_width).from('in').to('cm') - 10,
               _length: euro_cds[0].euro_width,
               _unit: 'in'
             });
           }
           item = item.merge({
-            properties: fromJS(newProperties)
+            properties: (0, _immutable.fromJS)(newProperties)
           });
         } else {
           var properties = item.get('properties').toJS();
           if (properties.hasOwnProperty('oldDepth')) {
-            properties['depth'] = new Map({
+            properties['depth'] = new _immutable.Map({
               length: properties.oldDepth.length,
               _length: properties.oldDepth._length,
               _unit: properties.oldDepth._unit
             });
           }
           if (properties.hasOwnProperty('oldHeight')) {
-            properties['height'] = new Map({
+            properties['height'] = new _immutable.Map({
               length: properties.oldHeight.length,
               _length: properties.oldHeight._length,
               _unit: properties.oldHeight._unit
             });
           }
           if (properties.hasOwnProperty('oldWidth')) {
-            properties['width'] = new Map({
+            properties['width'] = new _immutable.Map({
               length: properties.oldWidth.length,
               _length: properties.oldWidth._length,
               _unit: properties.oldWidth._unit
             });
           }
           item = item.merge({
-            properties: fromJS(properties)
+            properties: (0, _immutable.fromJS)(properties)
           });
         }
       };
@@ -204,16 +205,16 @@ var Item = /*#__PURE__*/function () {
       if (item.type.includes('Light')) {
         var ceilHeight = state.getIn(['scene', 'layers', layerID, 'ceilHeight']);
         var ceilUnit = state.getIn(['scene', 'layers', layerID, 'unit']);
-        ceilHeight = convert(ceilHeight).from(ceilUnit).to('cm');
+        ceilHeight = (0, _convertUnitsLite.convert)(ceilHeight).from(ceilUnit).to('cm');
         var newAltitude = ceilHeight - item.properties.getIn(['height', 'length']);
-        newAltitude = convert(newAltitude).from('cm').to(ceilUnit);
+        newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from('cm').to(ceilUnit);
         item = item.setIn(['properties', 'altitude', '_length'], newAltitude);
         state = state.setIn(['scene', 'layers', layerID, 'items', item.id], item);
       }
       if (item.category === 'cabinet') {
         // If create a copied object, copied object has original object's molding property.And if create a object, it has a layer's molding property.
         var layerMolding = state.getIn(['scene', 'layers', layerID, 'molding']).filter(function (md) {
-          return hasMoldingLayout(md, item.layoutpos);
+          return (0, _molding.hasMoldingLayout)(md, item.layoutpos);
         });
         state = state.setIn(['scene', 'layers', layerID, 'items', itemID, 'molding'], layerMolding.length ? layerMolding : molding);
       }
@@ -230,7 +231,7 @@ var Item = /*#__PURE__*/function () {
       var dataJSON = item.toJS();
       var itemID = dataJSON.id;
       var doorStyle = dataJSON.doorStyle;
-      var tmpDS = _objectSpread(_objectSpread({}, doorStyle), {}, {
+      var tmpDS = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, doorStyle), {}, {
         handle_gltf: doorHandle,
         metalness: 0.2,
         roughness: 0.1
@@ -244,16 +245,16 @@ var Item = /*#__PURE__*/function () {
           tmpDS['doorStyles']['drawer_door_handle_' + i + '_gltf'] = doorHandle;
         }
       }
-      item = item.mergeIn(['doorStyle'], fromJS(tmpDS));
+      item = item.mergeIn(['doorStyle'], (0, _immutable.fromJS)(tmpDS));
       return item;
     }
   }, {
     key: "select",
     value: function select(state, layerID, itemID) {
-      state = Layer.select(state, layerID).updatedState;
-      state = Layer.selectElement(state, layerID, 'items', itemID).updatedState;
+      state = _export.Layer.select(state, layerID).updatedState;
+      state = _export.Layer.selectElement(state, layerID, 'items', itemID).updatedState;
       state = state.merge({
-        replacingSupport: new Map({
+        replacingSupport: new _immutable.Map({
           layerID: layerID,
           itemID: itemID
         })
@@ -265,8 +266,8 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "selectHole",
     value: function selectHole(state, layerID, holeID) {
-      state = Layer.select(state, layerID).updatedState;
-      state = Layer.selectElement(state, layerID, 'holes', holeID).updatedState;
+      state = _export.Layer.select(state, layerID).updatedState;
+      state = _export.Layer.selectElement(state, layerID, 'holes', holeID).updatedState;
       return {
         updatedState: state
       };
@@ -282,10 +283,10 @@ var Item = /*#__PURE__*/function () {
           updatedState: state
         };
       }
-      var width = new Map({
+      var width = new _immutable.Map({
         _length: newWidth,
         _unit: 'in',
-        length: convert(newWidth).from('in').to('cm')
+        length: (0, _convertUnitsLite.convert)(newWidth).from('in').to('cm')
       });
       properties = properties.set('width', width);
       state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'properties'], properties);
@@ -299,14 +300,14 @@ var Item = /*#__PURE__*/function () {
       var layer = state.getIn(['scene', 'layers', layerID]);
       var scene = state.get('scene');
       var catalog = state.catalog.toJS();
-      allLines = GeometryUtils.getAllLines(layer);
-      allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
-      allItemRect = GeometryUtils.getAllItems(scene, catalog, allLineRects);
-      allItemSnap = GeometryUtils.getAllItemSnap(allItemRect);
-      allLineSnap = GeometryUtils.getAllLineSnap(allLineRects, allItemRect.cur);
+      allLines = _export2.GeometryUtils.getAllLines(layer);
+      allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
+      allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, allLineRects);
+      allItemSnap = _export2.GeometryUtils.getAllItemSnap(allItemRect);
+      allLineSnap = _export2.GeometryUtils.getAllLineSnap(allLineRects, allItemRect.cur);
       allRect = allItemRect.others.concat(allLineRects);
-      allItemSnap = GeometryUtils.validateSnaps(allItemSnap, allRect);
-      allLineSnap = GeometryUtils.validateSnaps(allLineSnap, allRect);
+      allItemSnap = _export2.GeometryUtils.validateSnaps(allItemSnap, allRect);
+      allLineSnap = _export2.GeometryUtils.validateSnaps(allLineSnap, allRect);
     }
   }, {
     key: "duplicateSelected",
@@ -336,7 +337,7 @@ var Item = /*#__PURE__*/function () {
           val.size = allItemRect.cur.size;
           val.layoutpos = allItemRect.cur.layoutpos;
           val.is_corner = allItemRect.cur.is_corner;
-          var isrectSect = GeometryUtils.validInterSect(allRect, val);
+          var isrectSect = _export2.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),
@@ -345,8 +346,8 @@ var Item = /*#__PURE__*/function () {
             if (item === null) {
               alert('There are no Door Colors in this cabinet.');
               state = state.merge({
-                mode: MODE_IDLE,
-                drawingSupport: new Map()
+                mode: _constants.MODE_IDLE,
+                drawingSupport: new _immutable.Map()
               });
             } else {
               state = Item.select(stateI, layerID, item.id).updatedState;
@@ -363,7 +364,7 @@ var Item = /*#__PURE__*/function () {
             _val.size = allItemRect.cur.size;
             _val.layoutpos = allItemRect.cur.layoutpos;
             _val.is_corner = allItemRect.cur.is_corner;
-            var isRect = GeometryUtils.validInterSect(allRect, _val);
+            var isRect = _export2.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),
                 _stateI = _this$create2.updatedState,
@@ -371,8 +372,8 @@ var Item = /*#__PURE__*/function () {
               if (_item === null) {
                 alert('There are no Door Colors in this cabinet.');
                 state = state.merge({
-                  mode: MODE_IDLE,
-                  drawingSupport: new Map()
+                  mode: _constants.MODE_IDLE,
+                  drawingSupport: new _immutable.Map()
                 });
               } else {
                 state = Item.select(_stateI, layerID, _item.id).updatedState;
@@ -389,7 +390,7 @@ var Item = /*#__PURE__*/function () {
               _val2.size = allItemRect.cur.size;
               _val2.layoutpos = allItemRect.cur.layoutpos;
               _val2.is_corner = allItemRect.cur.is_corner;
-              var isRectDown = GeometryUtils.validInterSect(allRect, _val2);
+              var isRectDown = _export2.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),
                   _stateI2 = _this$create3.updatedState,
@@ -397,8 +398,8 @@ var Item = /*#__PURE__*/function () {
                 if (_item2 === null) {
                   alert('There are no Door Colors in this cabinet.');
                   state = state.merge({
-                    mode: MODE_IDLE,
-                    drawingSupport: new Map()
+                    mode: _constants.MODE_IDLE,
+                    drawingSupport: new _immutable.Map()
                   });
                 } else {
                   state = Item.select(_stateI2, layerID, _item2.id).updatedState;
@@ -415,7 +416,7 @@ var Item = /*#__PURE__*/function () {
                 _val3.size = allItemRect.cur.size;
                 _val3.layoutpos = allItemRect.cur.layoutpos;
                 _val3.is_corner = allItemRect.cur.is_corner;
-                var isRectUp = GeometryUtils.validInterSect(allRect, _val3);
+                var isRectUp = _export2.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),
                     _stateI3 = _this$create4.updatedState,
@@ -423,8 +424,8 @@ var Item = /*#__PURE__*/function () {
                   if (_item3 === null) {
                     alert('There are no Door Colors in this cabinet.');
                     state = state.merge({
-                      mode: MODE_IDLE,
-                      drawingSupport: new Map()
+                      mode: _constants.MODE_IDLE,
+                      drawingSupport: new _immutable.Map()
                     });
                   } else {
                     state = Item.select(_stateI3, layerID, _item3.id).updatedState;
@@ -447,7 +448,7 @@ var Item = /*#__PURE__*/function () {
           var myOffset = myObject.offset;
           var v0 = layer.getIn(['vertices', line.vertices.get(0)]);
           var v1 = layer.getIn(['vertices', line.vertices.get(1)]);
-          var lineLength = GeometryUtils.pointsDistance(v0.x, v0.y, v1.x, v1.y);
+          var lineLength = _export2.GeometryUtils.pointsDistance(v0.x, v0.y, v1.x, v1.y);
           var delta = width / 2 / lineLength + 0.00001;
           var allHoles = state.getIn(['scene', 'layers', layerID, 'holes']);
           var rightAble = true;
@@ -542,9 +543,9 @@ var Item = /*#__PURE__*/function () {
     key: "remove",
     value: function remove(state, layerID, itemID) {
       state = this.unselect(state, layerID, itemID).updatedState;
-      state = Layer.removeElement(state, layerID, 'items', itemID).updatedState;
+      state = _export.Layer.removeElement(state, layerID, 'items', itemID).updatedState;
       state.getIn(['scene', 'groups']).forEach(function (group) {
-        return state = Group.removeElement(state, group.id, layerID, 'items', itemID).updatedState;
+        return state = _export.Group.removeElement(state, group.id, layerID, 'items', itemID).updatedState;
       });
       return {
         updatedState: state
@@ -563,7 +564,7 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "unselect",
     value: function unselect(state, layerID, itemID) {
-      state = Layer.unselect(state, layerID, 'items', itemID).updatedState;
+      state = _export.Layer.unselect(state, layerID, 'items', itemID).updatedState;
       return {
         updatedState: state
       };
@@ -572,8 +573,8 @@ var Item = /*#__PURE__*/function () {
     key: "selectToolDrawingItem",
     value: function selectToolDrawingItem(state, sceneComponentType) {
       state = state.merge({
-        mode: MODE_DRAWING_ITEM,
-        drawingSupport: new Map({
+        mode: _constants.MODE_DRAWING_ITEM,
+        drawingSupport: new _immutable.Map({
           type: sceneComponentType
         })
       });
@@ -585,8 +586,8 @@ var Item = /*#__PURE__*/function () {
     key: "selectToolDrawingItem3D",
     value: function selectToolDrawingItem3D(state, sceneComponentType) {
       state = state.merge({
-        mode: MODE_DRAWING_ITEM_3D,
-        drawingSupport: new Map({
+        mode: _constants.MODE_DRAWING_ITEM_3D,
+        drawingSupport: new _immutable.Map({
           type: sceneComponentType
         })
       });
@@ -621,7 +622,7 @@ var Item = /*#__PURE__*/function () {
     value: function updateDrawingItem(state, layerID, x, y) {
       if (state.hasIn(['drawingSupport', 'currentID'])) {
         var mode = state.get('mode');
-        if ([MODE_DRAWING_ITEM_3D].includes(mode)) {
+        if ([_constants.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,
@@ -629,12 +630,12 @@ var Item = /*#__PURE__*/function () {
             });
           });
           state = state.merge({
-            mode: MODE_IDLE_3D
+            mode: _constants.MODE_IDLE_3D
           });
         }
-        if ([MODE_DRAWING_ITEM].includes(mode)) {
+        if ([_constants.MODE_DRAWING_ITEM].includes(mode)) {
           state = state.merge({
-            mode: MODE_IDLE
+            mode: _constants.MODE_IDLE
           });
           state = state.updateIn(['scene', 'layers', layerID, 'items', state.getIn(['drawingSupport', 'currentID'])], function (item) {
             return item && item.merge({
@@ -650,8 +651,8 @@ var Item = /*#__PURE__*/function () {
         if (item === null) {
           alert('There are no Door Colors in this cabinet.');
           state = state.merge({
-            mode: MODE_IDLE,
-            drawingSupport: new Map()
+            mode: _constants.MODE_IDLE,
+            drawingSupport: new _immutable.Map()
           });
         } else {
           state = Item.select(stateI, layerID, item.id).updatedState;
@@ -685,7 +686,7 @@ var Item = /*#__PURE__*/function () {
       state = state.merge({
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
       });
-      time2 = debugUtil();
+      time2 = (0, _helper.debugUtil)();
       false && console.log('FPS:', Math.round(1000 / (time2 - time1)), ' Delta Time:', (time2 - time1) / 1000, '(s)');
       return {
         updatedState: state
@@ -696,15 +697,15 @@ var Item = /*#__PURE__*/function () {
     value: function endDrawingItem(state, layerID, x, y) {
       var catalog = state.catalog;
       state = this.updateDrawingItem(state, layerID, x, y, catalog).updatedState;
-      state = Layer.unselectAll(state, layerID).updatedState;
+      state = _export.Layer.unselectAll(state, layerID).updatedState;
       var popup = state.get('popup');
       state = state.merge({
-        drawingSupport: Map({
+        drawingSupport: (0, _immutable.Map)({
           type: state.drawingSupport.get('type')
         }),
         isOpen: !popup
       });
-      state = Layer.unselectAll(state, layerID).updatedState;
+      state = _export.Layer.unselectAll(state, layerID).updatedState;
       this.updateMolding(state);
       return {
         updatedState: state
@@ -714,11 +715,11 @@ var Item = /*#__PURE__*/function () {
     key: "beginDraggingItem",
     value: function beginDraggingItem(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
-      time1 = debugUtil();
+      time1 = (0, _helper.debugUtil)();
       if (!item) return;
       state = state.merge({
-        mode: MODE_DRAGGING_ITEM,
-        draggingSupport: Map({
+        mode: _constants.MODE_DRAGGING_ITEM,
+        draggingSupport: (0, _immutable.Map)({
           layerID: layerID,
           itemID: itemID,
           startPointX: x,
@@ -740,8 +741,8 @@ var Item = /*#__PURE__*/function () {
         updatedState: state
       };
       state = state.merge({
-        mode: MODE_DRAGGING_ITEM_3D,
-        draggingSupport: Map({
+        mode: _constants.MODE_DRAGGING_ITEM_3D,
+        draggingSupport: (0, _immutable.Map)({
           layerID: layerID,
           itemID: itemID,
           startPointX: x,
@@ -836,7 +837,7 @@ var Item = /*#__PURE__*/function () {
     value: function endDraggingItem(state, x, y) {
       state = this.updateDraggingItem(state, x, y).updatedState;
       state = state.merge({
-        mode: MODE_IDLE
+        mode: _constants.MODE_IDLE
       });
       return {
         updatedState: state
@@ -847,7 +848,7 @@ var Item = /*#__PURE__*/function () {
     value: function endDraggingItem3D(state) {
       // state = this.updateDraggingItem(state, x, y).updatedState;
       state = state.merge({
-        mode: MODE_IDLE_3D
+        mode: _constants.MODE_IDLE_3D
       });
       state = state.setIn(['scene', 'isEndDragging'], true);
       return {
@@ -860,8 +861,8 @@ var Item = /*#__PURE__*/function () {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       var originRotation = item.get('rotation');
       state = state.merge({
-        mode: MODE_ROTATING_ITEM,
-        rotatingSupport: Map({
+        mode: _constants.MODE_ROTATING_ITEM,
+        rotatingSupport: (0, _immutable.Map)({
           layerID: layerID,
           itemID: itemID,
           x: x,
@@ -879,8 +880,8 @@ var Item = /*#__PURE__*/function () {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       var originRotation = item.get('rotation');
       state = state.merge({
-        mode: MODE_ROTATING_ITEM_3D,
-        rotatingSupport: Map({
+        mode: _constants.MODE_ROTATING_ITEM_3D,
+        rotatingSupport: (0, _immutable.Map)({
           layerID: layerID,
           itemID: itemID,
           x: x,
@@ -960,7 +961,7 @@ var Item = /*#__PURE__*/function () {
     value: function endRotatingItem(state, x, y) {
       //state = this.updateRotatingItem(state, x, y).updatedState;
       state = state.merge({
-        mode: MODE_IDLE
+        mode: _constants.MODE_IDLE
       });
       return {
         updatedState: state
@@ -971,7 +972,7 @@ var Item = /*#__PURE__*/function () {
     value: function endRotatingItem3D(state, x, y) {
       state = this.updateRotatingItem(state, x, y).updatedState;
       state = state.merge({
-        mode: MODE_IDLE_3D
+        mode: _constants.MODE_IDLE_3D
       });
       return {
         updatedState: state
@@ -1032,7 +1033,7 @@ var Item = /*#__PURE__*/function () {
         scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
       });
       state = state.merge({
-        mode: MODE_IDLE_3D
+        mode: _constants.MODE_IDLE_3D
       });
       return {
         updatedState: state
@@ -1049,7 +1050,7 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setJsProperties",
     value: function setJsProperties(state, layerID, itemID, properties) {
-      return this.setProperties(state, layerID, itemID, fromJS(properties));
+      return this.setProperties(state, layerID, itemID, (0, _immutable.fromJS)(properties));
     }
   }, {
     key: "updateProperties",
@@ -1064,7 +1065,7 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "updateJsProperties",
     value: function updateJsProperties(state, layerID, itemID, properties) {
-      return this.updateProperties(state, layerID, itemID, fromJS(properties));
+      return this.updateProperties(state, layerID, itemID, (0, _immutable.fromJS)(properties));
     }
   }, {
     key: "setAttributes",
@@ -1077,7 +1078,7 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "setJsAttributes",
     value: function setJsAttributes(state, layerID, itemID, itemAttributes) {
-      itemAttributes = fromJS(itemAttributes);
+      itemAttributes = (0, _immutable.fromJS)(itemAttributes);
       return this.setAttributes(state, layerID, itemID, itemAttributes);
     }
   }, {
@@ -1099,7 +1100,7 @@ var Item = /*#__PURE__*/function () {
           scene: scene.mergeIn(['layers', layerID, 'items', itemID], item)
         });
         state = state.merge({
-          mode: MODE_IDLE_3D
+          mode: _constants.MODE_IDLE_3D
         });
       }
       return {
@@ -1110,7 +1111,7 @@ var Item = /*#__PURE__*/function () {
     key: "removeReplacingSupport",
     value: function removeReplacingSupport(state) {
       state = state.merge({
-        replacingSupport: new Map()
+        replacingSupport: new _immutable.Map()
       });
       return {
         updatedState: state
@@ -1121,14 +1122,14 @@ var Item = /*#__PURE__*/function () {
     value: function setInitialDoorStyle(state, doorStyle, oStyle) {
       if (doorStyle === undefined) {
         state = state.merge({
-          oStyle: new Map({
+          oStyle: new _immutable.Map({
             oStyle: oStyle
           })
         });
       } else {
         state = state.merge({
           doorStyle: doorStyle,
-          oStyle: new Map({
+          oStyle: new _immutable.Map({
             oStyle: oStyle
           })
         });
@@ -1140,12 +1141,12 @@ var Item = /*#__PURE__*/function () {
         items.forEach(function (data) {
           {
             var itemID = data.id;
-            var tmpDS = _objectSpread(_objectSpread({}, data.doorStyle), {}, {
-              doorStyles: _objectSpread(_objectSpread({}, data.doorStyle.doorStyles), {}, {
+            var tmpDS = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data.doorStyle), {}, {
+              doorStyles: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data.doorStyle.doorStyles), {}, {
                 counttop: doorStyle.doorStyles.counttop
               })
             });
-            data = data.mergeIn(['doorStyle'], fromJS(tmpDS));
+            data = data.mergeIn(['doorStyle'], (0, _immutable.fromJS)(tmpDS));
             layers = layers.mergeIn(['items', itemID], data);
             state = state.merge({
               scene: scene.mergeIn(['layers', layerID], layers)
@@ -1188,15 +1189,15 @@ var Item = /*#__PURE__*/function () {
         var itemID = data.id;
         var curItem = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
         var layer = state.getIn(['scene', 'layers', layerID]);
-        var tmpMolding = _toConsumableArray(curItem.molding);
-        var temp_item_molding = _toConsumableArray(curItem.molding);
+        var tmpMolding = (0, _toConsumableArray2["default"])(curItem.molding);
+        var temp_item_molding = (0, _toConsumableArray2["default"])(curItem.molding);
         temp_item_molding = temp_item_molding.filter(function (md) {
           return doorStyle.doorStyles.cds.some(function (ds) {
             return ds.itemID === md.itemID;
           });
         });
         tmpMolding.forEach(function (md) {
-          var itemGroup = MoldingUtils.getItemGroupFromMolding(layer, curItem, md);
+          var itemGroup = _export2.MoldingUtils.getItemGroupFromMolding(layer, curItem, md);
           itemGroup.forEach(function (it) {
             state = state.setIn(['scene', 'layers', layerID, 'items', it.id, 'molding'], temp_item_molding);
           });
@@ -1209,74 +1210,74 @@ var Item = /*#__PURE__*/function () {
         })) || [];
         var cds_data;
         if (doorStyle.door_style_name === 'Euro & Frameless' && euro_cds.length > 0) {
-          cds_data = cds ? _objectSpread(_objectSpread({}, euro_cds[0]), {}, {
+          cds_data = cds ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, 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')) {
-              newProperties['oldDepth'] = new Map({
+              newProperties['oldDepth'] = new _immutable.Map({
                 length: newProperties.depth.length,
                 _length: newProperties.depth._length,
                 _unit: newProperties.depth._unit
               });
             }
-            newProperties['depth'] = new Map({
-              length: convert(euro_cds[0].euro_length).from('in').to('cm'),
+            newProperties['depth'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_length).from('in').to('cm'),
               _length: euro_cds[0].euro_length,
               _unit: 'in'
             });
           }
           if (newProperties.hasOwnProperty('height')) {
             if (!newProperties.hasOwnProperty('oldHeight')) {
-              newProperties['oldHeight'] = new Map({
+              newProperties['oldHeight'] = new _immutable.Map({
                 length: newProperties.height.length,
                 _length: newProperties.height._length,
                 _unit: newProperties.height._unit
               });
             }
-            newProperties['height'] = new Map({
-              length: convert(euro_cds[0].euro_height).from('in').to('cm'),
+            newProperties['height'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_height).from('in').to('cm'),
               _length: euro_cds[0].euro_height,
               _unit: 'in'
             });
           }
           if (newProperties.hasOwnProperty('width')) {
             if (!newProperties.hasOwnProperty('oldWidth')) {
-              newProperties['oldWidth'] = new Map({
+              newProperties['oldWidth'] = new _immutable.Map({
                 length: newProperties.width.length,
                 _length: newProperties.width._length,
                 _unit: newProperties.width._unit
               });
             }
-            newProperties['width'] = new Map({
-              length: convert(euro_cds[0].euro_width).from('in').to('cm') - 10,
+            newProperties['width'] = new _immutable.Map({
+              length: (0, _convertUnitsLite.convert)(euro_cds[0].euro_width).from('in').to('cm') - 10,
               _length: euro_cds[0].euro_width,
               _unit: 'in'
             });
           }
           state = _this2.setJsProperties(state, layerID, itemID, newProperties).updatedState;
         } else {
-          cds_data = cds ? _objectSpread(_objectSpread({}, cds.data && cds.data[0] ? cds.data[0] : {}), {}, {
+          cds_data = cds ? (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, 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({
+            properties['depth'] = new _immutable.Map({
               length: properties.oldDepth.length,
               _length: properties.oldDepth._length,
               _unit: properties.oldDepth._unit
             });
           }
           if (properties.hasOwnProperty('oldHeight')) {
-            properties['height'] = new Map({
+            properties['height'] = new _immutable.Map({
               length: properties.oldHeight.length,
               _length: properties.oldHeight._length,
               _unit: properties.oldHeight._unit
             });
           }
           if (properties.hasOwnProperty('oldWidth')) {
-            properties['width'] = new Map({
+            properties['width'] = new _immutable.Map({
               length: properties.oldWidth.length,
               _length: properties.oldWidth._length,
               _unit: properties.oldWidth._unit
@@ -1297,10 +1298,10 @@ var Item = /*#__PURE__*/function () {
           sku: doorStyle.sku,
           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_data)
+          install: (0, _utils.getInstallationSuffix)(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorStyle),
+          doorStyles: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, tmp), cds_data)
         };
-        state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'doorStyle'], fromJS(tmpDS));
+        state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'doorStyle'], (0, _immutable.fromJS)(tmpDS));
       };
       if (isAll) {
         var items = state.scene.layers.get(layerID).items;
@@ -1342,7 +1343,7 @@ var Item = /*#__PURE__*/function () {
           var dataJSON = data.toJS();
           var itemID = dataJSON.id;
           var newCounter = dataJSON.counterTop;
-          newCounter = _objectSpread(_objectSpread({}, newCounter), counterTop);
+          newCounter = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, newCounter), counterTop);
           data = data.mergeIn(['counterTop'], newCounter);
           layers = layers.mergeIn(['items', itemID], data);
           state = state.merge({
@@ -1407,11 +1408,11 @@ var Item = /*#__PURE__*/function () {
         var dataJSON = data.toJS();
         var itemID = dataJSON.id;
         var doorStyle = dataJSON.doorStyle;
-        var tmpDS = _objectSpread(_objectSpread({}, doorStyle), {}, {
+        var tmpDS = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, doorStyle), {}, {
           metalness: material.metalness,
           roughness: material.roughness
         });
-        data = data.mergeIn(['doorStyle'], fromJS(tmpDS));
+        data = data.mergeIn(['doorStyle'], (0, _immutable.fromJS)(tmpDS));
         layers = layers.mergeIn(['items', itemID], data);
         state = state.merge({
           scene: scene.mergeIn(['layers', layerID], layers)
@@ -1461,13 +1462,13 @@ var Item = /*#__PURE__*/function () {
       // if backsplash is already set
       if (layer.getIn(['backsplash']).uri === backsplash.uri) {
         // unselect
-        newBack = _objectSpread(_objectSpread({}, newBack), {}, {
+        newBack = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, newBack), {}, {
           uri: ''
         });
         flag = false;
       }
       // else then, set backsplash
-      else newBack = _objectSpread(_objectSpread({}, newBack), backsplash);
+      else newBack = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, newBack), backsplash);
       layer = layer.mergeIn(['backsplash'], newBack);
       layer = layer.set('backsplashApplied', flag);
       state = state.merge({
@@ -1508,7 +1509,7 @@ var Item = /*#__PURE__*/function () {
           scene: scene.mergeIn(['layers', layerID], layer)
         });
         layer.items.toArray().forEach(function (item) {
-          if (MoldingUtils.isEnableItemForMolding(layer, item, molding)) {
+          if (_export2.MoldingUtils.isEnableItemForMolding(layer, item, molding)) {
             var tempItemMolding = item.molding;
             if (flag) {
               if (tempItemMolding.some(function (mol) {
@@ -1533,8 +1534,8 @@ var Item = /*#__PURE__*/function () {
         });
       } else {
         var selectedItem = layer.getIn(['items', layer.selected.toJS().items[0]]);
-        if (MoldingUtils.isEnableItemForMolding(layer, selectedItem, molding)) {
-          var moldingGroup = MoldingUtils.getItemGroupFromMolding(layer, selectedItem, molding);
+        if (_export2.MoldingUtils.isEnableItemForMolding(layer, selectedItem, molding)) {
+          var moldingGroup = _export2.MoldingUtils.getItemGroupFromMolding(layer, selectedItem, molding);
           var tempSelItemMolding = selectedItem.molding;
           var _flag = tempSelItemMolding.some(function (mol) {
             return mol.name === molding.name;
@@ -1580,16 +1581,16 @@ var Item = /*#__PURE__*/function () {
         var itemGroups = [];
         layer.items.toArray().forEach(function (curItem) {
           if (selectedItem.id !== curItem.id && curItem.category === 'cabinet') {
-            if (MoldingUtils.isItemSnappedItem(selectedItem, curItem)) {
+            if (_export2.MoldingUtils.isItemSnappedItem(selectedItem, curItem)) {
               snappedItemGroup.push(curItem); // add the snapped item.
               // add the snapped item that has same molding location type, layoutpos and height to itemGroups.
               if (curItem.molding.length) {
                 curItem.molding.forEach(function (md) {
                   // This code check whether the curItem can be grouped with selected Item in molding.
-                  if (MoldingUtils.tryMergeMDItem(layer, selectedItem, curItem, [selectedItem], md)) {
+                  if (_export2.MoldingUtils.tryMergeMDItem(layer, selectedItem, curItem, [selectedItem], md)) {
                     itemGroups.push({
                       base_item: curItem,
-                      group: MoldingUtils.getItemGroupFromMolding(layer, curItem, md),
+                      group: _export2.MoldingUtils.getItemGroupFromMolding(layer, curItem, md),
                       molding: md
                     });
                   }
@@ -1601,11 +1602,11 @@ var Item = /*#__PURE__*/function () {
         var updateSelectItemMolding = function updateSelectItemMolding() {
           var _loop2 = function _loop2() {
             // check whether snapped item is same as selected item in layoutpos(Wall, Tall, Base)
-            if (MoldingUtils.isSameMoldingLayoutpos(selectedItem, snappedItemGroup[i])) {
+            if (_export2.MoldingUtils.isSameMoldingLayoutpos(selectedItem, snappedItemGroup[i])) {
               // check whether snapped item is same in location(same location type and height).
               var delMoldings = [];
               for (var k = 0; k < selectedItem.molding.length; k++) {
-                if (MoldingUtils.isItemSameItemByLocation(selectedItem, snappedItemGroup[i], selectedItem.molding[k].location_type)) {
+                if (_export2.MoldingUtils.isItemSameItemByLocation(selectedItem, snappedItemGroup[i], selectedItem.molding[k].location_type)) {
                   delMoldings.push(selectedItem.molding[k].itemID);
                 }
               }
@@ -1656,13 +1657,13 @@ var Item = /*#__PURE__*/function () {
             return it.molding.location_type === location;
           }).sort(function (a, b) {
             if (a.group.length === b.group.length) {
-              return GeometryUtils.pointsDistance(a.base_item.x, a.base_item.y, selectedItem.x, selectedItem.y) - GeometryUtils.pointsDistance(b.base_item.x, b.base_item.y, selectedItem.x, selectedItem.y);
+              return _export2.GeometryUtils.pointsDistance(a.base_item.x, a.base_item.y, selectedItem.x, selectedItem.y) - _export2.GeometryUtils.pointsDistance(b.base_item.x, b.base_item.y, selectedItem.x, selectedItem.y);
             } else {
               return a.group.length - b.group.length;
             }
           });
           if (locationMolding.length) {
-            var locationMoldingItems = MoldingUtils.getItemGroupFromMolding(layer, selectedItem, locationMolding[0].molding);
+            var locationMoldingItems = _export2.MoldingUtils.getItemGroupFromMolding(layer, selectedItem, locationMolding[0].molding);
             locationMoldingItems.forEach(function (item) {
               var tempMoldings = state.getIn(['scene', 'layers', layerID, 'items', item.id, 'molding']);
               if (!tempMoldings.some(function (mol) {
@@ -1673,11 +1674,11 @@ var Item = /*#__PURE__*/function () {
           }
         };
         if (itemGroups.length && layer.items.some(function (it) {
-          return MoldingUtils.isItemSnappedItem(selectedItem, it) && it.category === 'cabinet';
+          return _export2.MoldingUtils.isItemSnappedItem(selectedItem, it) && it.category === 'cabinet';
         })) {
           emptyMoldingArray();
-          for (var i = 0; i < MOLDING_LOCATIONS.length; i++) {
-            setLocationMolding(MOLDING_LOCATIONS[i]);
+          for (var i = 0; i < _constants.MOLDING_LOCATIONS.length; i++) {
+            setLocationMolding(_constants.MOLDING_LOCATIONS[i]);
           }
         } else if (!itemGroups.length && selectedItem.molding.length) {
           // Delete the selected Item's molding property if selItem attached the group that has no molding.
@@ -1778,7 +1779,7 @@ var Item = /*#__PURE__*/function () {
         length = 0;
         _length = 0;
       }
-      state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'properties', 'altitude'], new Map({
+      state = state.mergeIn(['scene', 'layers', layerID, 'items', itemID, 'properties', 'altitude'], new _immutable.Map({
         length: length,
         _length: _length,
         _unit: _unit
@@ -1790,7 +1791,7 @@ var Item = /*#__PURE__*/function () {
   }, {
     key: "createHole",
     value: function createHole(state, layerID, type, lineID, offset, properties) {
-      var holeID = IDBroker.acquireID();
+      var holeID = _export2.IDBroker.acquireID();
       var hole = state.catalog.factoryElement(type, {
         id: holeID,
         url: state.catalog.getIn(['elements', type, 'info', 'url']),
@@ -1840,7 +1841,7 @@ var Item = /*#__PURE__*/function () {
       if (properties.hasOwnProperty('flip_horizontal')) {
         properties['flip_horizontal'] = true;
       }
-      state = Hole.setJsProperties(state, layerID, holeID, properties).updatedState;
+      state = _export.Hole.setJsProperties(state, layerID, holeID, properties).updatedState;
       return {
         updatedState: state,
         hole: hole
@@ -1870,5 +1871,4 @@ var Item = /*#__PURE__*/function () {
       };
     }
   }]);
-}();
-export { Item as default };
+}();