kitchen-simulator 1.1.1-test.60 → 1.1.1-test.61

package/es/class/item.js

@@ -1,26 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/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");
 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; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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";
+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; }
 var allItemRect;
 var allItemSnap;
 var allLines;
@@ -29,19 +27,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']),
@@ -68,7 +66,7 @@ var Item = /*#__PURE__*/function () {
               cabinet_door_style_id: cds.cabinet_door_style_id
             });
             item = item.merge({
-              doorStyle: fromJS(_objectSpread(_objectSpread({}, temp), {}, {
+              doorStyle: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
                 doorStyles: updatedDoorStyles
               }))
             });
@@ -86,7 +84,7 @@ var Item = /*#__PURE__*/function () {
                     cabinet_door_style_id: cds.cabinet_door_style_id
                   });
                   item = item.merge({
-                    doorStyle: fromJS(tmpDS)
+                    doorStyle: (0, _immutable.fromJS)(tmpDS)
                   });
                   break;
                 }
@@ -109,7 +107,7 @@ var Item = /*#__PURE__*/function () {
                   cabinet_door_style_id: _cds.cabinet_door_style_id
                 });
                 item = item.merge({
-                  doorStyle: fromJS(_tmpDS)
+                  doorStyle: (0, _immutable.fromJS)(_tmpDS)
                 });
                 break;
               }
@@ -136,74 +134,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)
           });
         }
       };
@@ -213,16 +211,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);
       }
@@ -253,16 +251,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
         })
@@ -274,8 +272,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
       };
@@ -291,10 +289,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);
@@ -308,14 +306,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",
@@ -345,7 +343,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),
@@ -354,8 +352,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;
@@ -372,7 +370,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,
@@ -380,8 +378,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;
@@ -398,7 +396,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,
@@ -406,8 +404,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;
@@ -424,7 +422,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,
@@ -432,8 +430,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;
@@ -456,7 +454,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;
@@ -551,9 +549,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
@@ -572,7 +570,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
       };
@@ -581,8 +579,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
         })
       });
@@ -594,8 +592,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
         })
       });
@@ -630,7 +628,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,
@@ -638,12 +636,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({
@@ -659,8 +657,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;
@@ -694,7 +692,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
@@ -705,15 +703,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
@@ -723,11 +721,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,
@@ -749,8 +747,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,
@@ -845,7 +843,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
@@ -856,7 +854,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 {
@@ -869,8 +867,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,
@@ -888,8 +886,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,
@@ -969,7 +967,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
@@ -980,7 +978,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
@@ -1041,7 +1039,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
@@ -1058,7 +1056,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",
@@ -1073,7 +1071,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",
@@ -1086,7 +1084,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);
     }
   }, {
@@ -1108,7 +1106,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 {
@@ -1119,7 +1117,7 @@ var Item = /*#__PURE__*/function () {
     key: "removeReplacingSupport",
     value: function removeReplacingSupport(state) {
       state = state.merge({
-        replacingSupport: new Map()
+        replacingSupport: new _immutable.Map()
       });
       return {
         updatedState: state
@@ -1130,14 +1128,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
           })
         });
@@ -1154,7 +1152,7 @@ var Item = /*#__PURE__*/function () {
                 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)
@@ -1197,15 +1195,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);
           });
@@ -1224,42 +1222,42 @@ var Item = /*#__PURE__*/function () {
           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'
             });
@@ -1271,21 +1269,21 @@ var Item = /*#__PURE__*/function () {
           }) : {};
           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
@@ -1306,10 +1304,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),
+          install: (0, _utils.getInstallationSuffix)(_constants.INSTALLATION_SUFFIX_TYPE.NAME, doorStyle),
           doorStyles: _objectSpread(_objectSpread({}, 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;
@@ -1420,7 +1418,7 @@ var Item = /*#__PURE__*/function () {
           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)
@@ -1517,7 +1515,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) {
@@ -1542,8 +1540,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;
@@ -1589,16 +1587,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
                     });
                   }
@@ -1610,11 +1608,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);
                 }
               }
@@ -1665,13 +1663,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) {
@@ -1682,11 +1680,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.
@@ -1787,7 +1785,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
@@ -1799,7 +1797,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']),
@@ -1849,7 +1847,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
@@ -1879,5 +1877,4 @@ var Item = /*#__PURE__*/function () {
       };
     }
   }]);
-}();
-export { Item as default };
+}();