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

package/es/components/viewer3d/scene-creator.js

@@ -1,53 +1,27 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports.addMolding = addMolding;
-exports.addWarningBox = addWarningBox;
-exports.checkCabinetOverlap = checkCabinetOverlap;
-exports.createBacksplash = createBacksplash;
-exports.createMDFromItem = createMDFromItem;
-exports.createWarningObject = createWarningObject;
-exports.deleteAllMolding = deleteAllMolding;
-exports.deleteCountertop = deleteCountertop;
-exports.deleteMGMesh = deleteMGMesh;
-exports.deleteSpecifiedMeshObjects = deleteSpecifiedMeshObjects;
-exports.fVLine = void 0;
-exports.getDistanceBetweenLineSegment = getDistanceBetweenLineSegment;
-exports.getDistances = getDistances;
-exports.getIntersectPoint = getIntersectPoint;
-exports.getMeshesFromScene = getMeshesFromScene;
-exports.getTotalDistance = getTotalDistance;
-exports.parseData = parseData;
-exports.removeItem = removeItem;
-exports.removeSelItemMesh = removeSelItemMesh;
-exports.sameSign = sameSign;
-exports.showYelloBox = showYelloBox;
-exports.threedfabs = threedfabs;
-exports.tryAdjacentMD = tryAdjacentMD;
-exports.updateDoorHandleMesh = updateDoorHandleMesh;
-exports.updateMoldingGroupArray = updateMoldingGroupArray;
-exports.updateScene = updateScene;
-exports.visibleTransformBox = visibleTransformBox;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _three = _interopRequireWildcard(require("three"));
-var Three = _three;
-var _gridCreator = _interopRequireDefault(require("./grid-creator"));
-var _threeMemoryCleaner = require("./three-memory-cleaner");
-var _constants = require("../../constants");
-var _export = require("../../utils/export");
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _geometry2 = require("../../utils/geometry");
-var GeomUtils = _interopRequireWildcard(require("../../catalog/utils/geom-utils"));
-var _itemLoader = require("../../catalog/utils/item-loader");
-var _utils = require("../viewer2d/utils");
-var _helper = require("../../utils/helper");
-var _math = require("../../utils/math");
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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 _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; }
+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 * as Three from 'three';
+import { Color, Group } from 'three';
+import createGrid from "./grid-creator";
+import { disposeObject } from "./three-memory-cleaner";
+import { ANIMATE_STEP_MAX, ANIMATE_STEP_MIN, ARRAY_3D_MODES, ARROW_TEXT_BACKCOLOR, ARROW_TEXT_FONTFACE, ARROW_TEXT_FORECOLOR, BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, DECIMAL_PLACES_2, DIFFERENT_VALUES_PATH_LENGTH, DISTANCE_EPSILON, EPSILON, MIDDLE_MOLDING_LOCATION, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, TOP_MOLDING_LOCATION, UNIT_CENTIMETER, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import { GeometryUtils, IDBroker, MoldingUtils } from "../../utils/export";
+import { convert } from "../../utils/convert-units-lite";
+import { verticesDistance } from "../../utils/geometry";
+import * as GeomUtils from "../../catalog/utils/geom-utils";
+import { loadTexture } from "../../catalog/utils/item-loader";
+import { returnReplaceableDeepSearchType } from "../viewer2d/utils";
+import { animateDoor, isElevationView, isEmpty, replaceMeshesWithLineSegments, translateDrawer } from "../../utils/helper";
+import { formatNumber } from "../../utils/math";
 var transformBox;
-var fVLine = exports.fVLine = [];
+export var fVLine = [];
 var scene_mode = null;
-function parseData(sceneData, actions, catalog, camera, renderer, mode) {
+export function parseData(sceneData, actions, catalog, camera, renderer, mode) {
   var planData = {
     catalog: catalog,
     sceneData: sceneData
@@ -69,7 +43,7 @@ function parseData(sceneData, actions, catalog, camera, renderer, mode) {
   planData.cam.name = 'cam';
 
   // Add a grid to the plan
-  planData.grid = (0, _gridCreator["default"])(sceneData);
+  planData.grid = createGrid(sceneData);
   planData.grid.name = 'grid';
   planData.boundingBox = new Three.Box3().setFromObject(planData.grid);
   planData.boundingBox.name = 'boundingBox';
@@ -85,7 +59,7 @@ function parseData(sceneData, actions, catalog, camera, renderer, mode) {
         updateBoundingBox(planData, false, mode);
 
         // if mode is elevation, build elevation scene
-        if ((0, _helper.isElevationView)(mode)) buildElevationScene(planData, mode);
+        if (isElevationView(mode)) buildElevationScene(planData, mode);
       }
       resolve('success');
     });
@@ -97,7 +71,7 @@ function parseData(sceneData, actions, catalog, camera, renderer, mode) {
 
   // return planData;
 }
-function visibleTransformBox(flag) {
+export function visibleTransformBox(flag) {
   // if (transformBox instanceof Three.Mesh)
   //   transformBox.visible = flag;
 }
@@ -122,14 +96,14 @@ var buildElevationScene = function buildElevationScene(planData, mode) {
   planData.elevationGroup = elevationGroup;
   scene.traverse(function (obj) {
     if (obj.name == 'MainObject') {
-      (0, _helper.replaceMeshesWithLineSegments)(obj);
+      replaceMeshesWithLineSegments(obj);
     }
   });
   scene.add(elevationGroup);
 };
 function createLayerObjects(layer, planData, sceneData, actions, catalog, mode, camera, renderer) {
   var promises = [];
-  var moldingGroups = _export.MoldingUtils.getAllMoldingGroups(layer);
+  var moldingGroups = MoldingUtils.getAllMoldingGroups(layer);
   planData.sceneGraph.layers[layer.id] = {
     id: layer.id,
     lines: {},
@@ -199,7 +173,7 @@ img2.src = '/assets/img/svg/3d_item_warning_edit.svg';
 img2.onload = function () {
   ctx.drawImage(img2, 8, 58, 34, 34);
 };
-function createWarningObject() {
+export function createWarningObject() {
   var warningTexture = new Three.Texture(canvas);
   warningTexture.needsUpdate = true;
   var warningObj = new Three.Sprite(new Three.SpriteMaterial({
@@ -213,7 +187,7 @@ function createWarningObject() {
   warningObj.name = 'warningObj';
   return warningObj;
 }
-function updateScene(planData, sceneData, oldSceneData, diffArray, actions, catalog) {
+export function updateScene(planData, sceneData, oldSceneData, diffArray, actions, catalog) {
   var _draggingItem$toJS, _filteredDiffs, _filteredDiffs2;
   var mode = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
   var toolObj = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
@@ -242,7 +216,7 @@ function updateScene(planData, sceneData, oldSceneData, diffArray, actions, cata
   });
   //*******************************
   //This is executed when dragging item is end and performs the updateing filteredDiffs.
-  if ((sceneData === null || sceneData === void 0 ? void 0 : sceneData.isEndDragging) === true && draggingItem && !(0, _helper.isEmpty)((_draggingItem$toJS = draggingItem.toJS) === null || _draggingItem$toJS === void 0 ? void 0 : _draggingItem$toJS.call(draggingItem)) && ((_filteredDiffs = filteredDiffs) === null || _filteredDiffs === void 0 || (_filteredDiffs = _filteredDiffs[0]) === null || _filteredDiffs === void 0 || (_filteredDiffs = _filteredDiffs.path) === null || _filteredDiffs === void 0 ? void 0 : _filteredDiffs.length) < _constants.DIFFERENT_VALUES_PATH_LENGTH && (_filteredDiffs2 = filteredDiffs) !== null && _filteredDiffs2 !== void 0 && (_filteredDiffs2 = _filteredDiffs2[0]) !== null && _filteredDiffs2 !== void 0 && (_filteredDiffs2 = _filteredDiffs2.path) !== null && _filteredDiffs2 !== void 0 && _filteredDiffs2.includes('showfg')) {
+  if ((sceneData === null || sceneData === void 0 ? void 0 : sceneData.isEndDragging) === true && draggingItem && !isEmpty((_draggingItem$toJS = draggingItem.toJS) === null || _draggingItem$toJS === void 0 ? void 0 : _draggingItem$toJS.call(draggingItem)) && ((_filteredDiffs = filteredDiffs) === null || _filteredDiffs === void 0 || (_filteredDiffs = _filteredDiffs[0]) === null || _filteredDiffs === void 0 || (_filteredDiffs = _filteredDiffs.path) === null || _filteredDiffs === void 0 ? void 0 : _filteredDiffs.length) < DIFFERENT_VALUES_PATH_LENGTH && (_filteredDiffs2 = filteredDiffs) !== null && _filteredDiffs2 !== void 0 && (_filteredDiffs2 = _filteredDiffs2[0]) !== null && _filteredDiffs2 !== void 0 && (_filteredDiffs2 = _filteredDiffs2.path) !== null && _filteredDiffs2 !== void 0 && _filteredDiffs2.includes('showfg')) {
     var _draggingItem$getIn, _draggingItem$getIn2;
     var layerID = (_draggingItem$getIn = draggingItem.getIn) === null || _draggingItem$getIn === void 0 ? void 0 : _draggingItem$getIn.call(draggingItem, ['layerID']);
     var itemID = (_draggingItem$getIn2 = draggingItem.getIn) === null || _draggingItem$getIn2 === void 0 ? void 0 : _draggingItem$getIn2.call(draggingItem, ['itemID']);
@@ -338,7 +312,7 @@ function updateScene(planData, sceneData, oldSceneData, diffArray, actions, cata
     Promise.all(result).then(function (replaceValue) {
       // if mode is elevation, build elevation scene
       // When scene is updated, replaceValue is not empty.
-      if ((0, _helper.isElevationView)(mode) && !(0, _helper.isEmpty)(replaceValue)) buildElevationScene(planData, mode);
+      if (isElevationView(mode) && !isEmpty(replaceValue)) buildElevationScene(planData, mode);
       resolve('successPromise');
     });
   });
@@ -355,22 +329,22 @@ function myAnimRotate(obj, open_doors, item, isCorner) {
   animateStep = open_doors ? animateStep + 1 : animateStep - 1;
 
   // clear interval when the opening or closing door is ended.
-  if (animateStep > _constants.ANIMATE_STEP_MAX || animateStep < _constants.ANIMATE_STEP_MIN) {
+  if (animateStep > ANIMATE_STEP_MAX || animateStep < ANIMATE_STEP_MIN) {
     clearInterval(animate_objects[obj.name].animate_intervalID);
     return;
   }
   animate_objects[obj.name].animateStep = animateStep;
-  (0, _helper.animateDoor)(animate_objects[obj.name].offset, obj, open_doors, item, isCorner, 'Opened3D');
+  animateDoor(animate_objects[obj.name].offset, obj, open_doors, item, isCorner, 'Opened3D');
 }
 function myAnimTranslate(obj, open_doors, item) {
   var animateStep = animate_objects[obj.name].animateStep;
   animateStep = open_doors ? animateStep + 1 : animateStep - 1;
-  if (animateStep > _constants.ANIMATE_STEP_MAX || animateStep < _constants.ANIMATE_STEP_MIN) {
+  if (animateStep > ANIMATE_STEP_MAX || animateStep < ANIMATE_STEP_MIN) {
     clearInterval(animate_objects[obj.name].animate_intervalID);
     return;
   }
   animate_objects[obj.name].animateStep = animateStep;
-  (0, _helper.translateDrawer)(item, obj, open_doors, 'Opened3D');
+  translateDrawer(item, obj, open_doors, 'Opened3D');
 }
 function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSceneData, catalog) {
   var mode = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
@@ -456,7 +430,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
     case 'items':
       var item = layer.getIn(['items', modifiedPath[4]]);
       deleteCountertop(planData.sceneGraph.layers[layer.id].countertops, item, planData, layer);
-      var tmpMoldings = (0, _toConsumableArray2["default"])(planData.sceneGraph.layers[layer.id].moldingGroups);
+      var tmpMoldings = _toConsumableArray(planData.sceneGraph.layers[layer.id].moldingGroups);
       if (catalog.getElement(item.type).updateRender3D) {
         promises.push(updateItem(sceneData, oldSceneData, planData, layer, modifiedPath[4], modifiedPath.slice(5), catalog, actions.itemsActions, function () {
           return removeItem(planData, layer.id, modifiedPath[4], oldSceneData.getIn(['layers', layer.id]), layer);
@@ -492,7 +466,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
           }, 50);
           removeSelItemMesh(tmpMoldings, item, planData, mode);
         } else if (modifiedPath[keyIndex] == 'selected') {
-          var itemType = !!catalog.elements[item.type] ? catalog.elements[item.type].type : catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)].type;
+          var itemType = !!catalog.elements[item.type] ? catalog.elements[item.type].type : catalog.elements[returnReplaceableDeepSearchType(item.type)].type;
           if (value == false) {
             item3D.children[0].children = item3D.children[0].children.filter(function (item3DElement) {
               return item3DElement.name !== 'TransformBox' && item3DElement.name !== 'TransformGizmo';
@@ -532,17 +506,17 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             var posVec = new Three.Vector3(object.position.x, object.position.y, object.position.z);
             var newAltitude = item.properties.get('altitude').get('_length');
             var newUnit = item.properties.get('altitude').get('_unit') || 'in';
-            newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(sceneData.unit);
+            newAltitude = convert(newAltitude).from(newUnit).to(sceneData.unit);
             var newWidth = item.properties.get('width').get('_length');
             var newWidthUnit = item.properties.get('width').get('_unit') || 'in';
-            newWidth = (0, _convertUnitsLite.convert)(newWidth).from(newWidthUnit).to('in');
+            newWidth = convert(newWidth).from(newWidthUnit).to('in');
             var newHeight = item.properties.get('height').get('_length');
             var newHeightUnit = item.properties.get('height').get('_unit') || 'in';
-            newHeight = (0, _convertUnitsLite.convert)(newHeight).from(newHeightUnit).to('in');
+            newHeight = convert(newHeight).from(newHeightUnit).to('in');
             var newDepth = item.properties.get('depth').get('_length');
             var newDepthUnit = item.properties.get('depth').get('_unit') || 'in';
-            newDepth = (0, _convertUnitsLite.convert)(newDepth).from(newDepthUnit).to('in');
-            var sizeinfo = !!catalog.elements[item.type] ? catalog.elements[item.type].info.sizeinfo : catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)].info.sizeinfo;
+            newDepth = convert(newDepth).from(newDepthUnit).to('in');
+            var sizeinfo = !!catalog.elements[item.type] ? catalog.elements[item.type].info.sizeinfo : catalog.elements[returnReplaceableDeepSearchType(item.type)].info.sizeinfo;
             object.scale.set(1 * newWidth / sizeinfo.width, 1 * newHeight / sizeinfo.height, 1 * newDepth / sizeinfo.depth);
             object.position.set(0, 0, 0);
             object.rotation.set(0, 0, 0);
@@ -599,10 +573,10 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             upObj.name = 'transUp';
             var upwardbox = new Three.BoxHelper(upObj, 0x326780);
             upwardbox.material.lineWidth = 0.01;
-            exports.fVLine = fVLine = [];
+            fVLine = [];
             // let obj = new Three.Mesh(controlGeom, new Three.MeshPhongMaterial({ color: 0xffffff, side: Three.DoubleSide, colorWrite: true }));
             // obj.name = "translateX";
-            var color = _constants.SHADE_DARK_PURPLE_COLOR;
+            var color = SHADE_DARK_PURPLE_COLOR;
             var _mBox = new Three.Mesh(moveBox, new Three.MeshBasicMaterial({
               color: 0xdd6699,
               side: Three.DoubleSide,
@@ -774,7 +748,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
           moveObjectChildrens.forEach(function (element) {
             var _animate_objects$elem, _animate_objects$elem2;
             if (((_animate_objects$elem = animate_objects[element.obj.name]) === null || _animate_objects$elem === void 0 ? void 0 : _animate_objects$elem.animateStep) === undefined) {
-              animate_objects[element.obj.name].animateStep = selectedItem.properties.open_doors ? _constants.ANIMATE_STEP_MIN : _constants.ANIMATE_STEP_MAX;
+              animate_objects[element.obj.name].animateStep = selectedItem.properties.open_doors ? ANIMATE_STEP_MIN : ANIMATE_STEP_MAX;
             }
 
             // clear origin Interval.
@@ -850,7 +824,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
       addCountertop(planData.sceneGraph.layers[layer.id].countertops, item, planData, layer);
       // Toggle selection should not update molding
       if (item.category === 'cabinet' && modifiedPath[modifiedPath.length - 1] !== 'selected') {
-        planData.sceneGraph.layers[layer.id].moldingGroups = addMolding(tmpMoldings, item, planData, layer, actions.itemsActions, mode) || (0, _toConsumableArray2["default"])(tmpMoldings);
+        planData.sceneGraph.layers[layer.id].moldingGroups = addMolding(tmpMoldings, item, planData, layer, actions.itemsActions, mode) || _toConsumableArray(tmpMoldings);
       }
       break;
     case 'visible':
@@ -886,7 +860,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
     promise: p1
   };
 }
-function getDistances(layer, isCalcWall) {
+export function getDistances(layer, isCalcWall) {
   fVLine.forEach(function (line, index) {
     getLineDistance(line, layer, isCalcWall === undefined ? false : isCalcWall, index);
   });
@@ -946,7 +920,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
         obj.geometry.attributes.position.needsUpdate = true;
         obj.geometry.computeBoundingSphere();
         obj.geometry.computeBoundingBox();
-        var dist = (0, _math.formatNumber)((0, _convertUnitsLite.convert)(intersects[i].distance).from('cm').to('in'), _constants.DECIMAL_PLACES_2);
+        var dist = formatNumber(convert(intersects[i].distance).from('cm').to('in'), DECIMAL_PLACES_2);
         if (dist > 3) {
           var _canvas = getTextCanvas(dist);
           var wid = _canvas.width / window.innerWidth * 30;
@@ -963,7 +937,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
           var textMesh = new Three.Mesh(geometry, material);
           for (; obj.children.length != 0;) {
             var temp = obj.children.pop();
-            (0, _threeMemoryCleaner.disposeObject)(temp);
+            disposeObject(temp);
           }
           textMesh.rotation.set(Math.PI / 2, Math.PI, 0);
           // obj.add(textMesh);
@@ -989,10 +963,10 @@ function getLineDistance(obj, layer, isCalcWall, index) {
             var objW = (max.x - min.x) / 100,
               objL = (max.z - min.z) / 100;
             var triangle = new Three.Mesh(geom, new Three.MeshBasicMaterial({
-              color: _constants.SHADE_DARK_PURPLE_COLOR
+              color: SHADE_DARK_PURPLE_COLOR
             }));
             var triangle1 = new Three.Mesh(geom, new Three.MeshBasicMaterial({
-              color: _constants.SHADE_DARK_PURPLE_COLOR
+              color: SHADE_DARK_PURPLE_COLOR
             }));
             triangle.position.set((index < 2 ? 0 : Math.sin((index === 2 ? 1 : -1) * Math.PI / 2)) * (obj.geometry.attributes.position.array[0] + h / 4 + (index % 2 === 0 ? 0 : objW)), newVec.y, (index < 2 ? Math.cos(index * Math.PI) : 0) * (obj.geometry.attributes.position.array[2] + h / 4 + (index % 2 === 0 ? 0 : objL)));
             triangle1.position.set(newVec.x - (index < 2 ? 0 : Math.sin((index === 2 ? 1 : -1) * Math.PI / 2)) * h / 4, newVec.y, newVec.z - (index < 2 ? Math.cos(index * Math.PI) : 0) * h / 4);
@@ -1068,7 +1042,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
       obj.geometry.attributes.position.array[4] = _newVec.y;
       obj.geometry.attributes.position.array[5] = _newVec.z;
       obj.geometry.attributes.position.needsUpdate = true;
-      var _dist = (0, _math.formatNumber)(distance, _constants.DECIMAL_PLACES_2);
+      var _dist = formatNumber(distance, DECIMAL_PLACES_2);
       if (_dist > 3) {
         var _canvas2 = getTextCanvas(_dist);
         var _wid = _canvas2.width / window.innerWidth * 30;
@@ -1084,7 +1058,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
         var _textMesh = new Three.Mesh(_geometry, _material);
         for (; obj.children.length != 0;) {
           var _temp = obj.children.pop();
-          (0, _threeMemoryCleaner.disposeObject)(_temp);
+          disposeObject(_temp);
         }
         _textMesh.rotation.set(Math.PI / 2, Math.PI, 0);
         // obj.add(textMesh);
@@ -1107,10 +1081,10 @@ function getLineDistance(obj, layer, isCalcWall, index) {
         var _objW = (_max.x - _min.x) / 100,
           _objL = (_max.z - _min.z) / 100;
         var triangle = new Three.Mesh(geom, new Three.MeshBasicMaterial({
-          color: _constants.SHADE_DARK_PURPLE_COLOR
+          color: SHADE_DARK_PURPLE_COLOR
         }));
         var triangle1 = new Three.Mesh(geom, new Three.MeshBasicMaterial({
-          color: _constants.SHADE_DARK_PURPLE_COLOR
+          color: SHADE_DARK_PURPLE_COLOR
         }));
         triangle.position.set((index < 2 ? 0 : Math.sin((index === 2 ? 1 : -1) * Math.PI / 2)) * (obj.geometry.attributes.position.array[0] + h / 4 + (index % 2 === 0 ? 0 : _objW)), _newVec.y, (index < 2 ? Math.cos(index * Math.PI) : 0) * (obj.geometry.attributes.position.array[2] + h / 4 + (index % 2 === 0 ? 0 : _objL)) - 0.02);
         triangle1.position.set(_newVec.x - (index < 2 ? 0 : Math.sin((index === 2 ? 1 : -1) * Math.PI / 2)) * h / 4, _newVec.y, _newVec.z - (index < 2 ? Math.cos(index * Math.PI) : 0) * h / 4);
@@ -1150,7 +1124,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
   obj.visible = false;
   return obj;
 }
-function getIntersectPoint(opX, opY, pX, pY) {
+export function getIntersectPoint(opX, opY, pX, pY) {
   var oA;
   if (opX[1] == opX[0]) oA = null;else oA = (opY[1] - opY[0]) / (opX[1] - opX[0]);
   var A;
@@ -1204,7 +1178,7 @@ function getTextCanvas(text) {
   var ctx = canvas.getContext('2d');
   var fontSize = 16;
   var integral = String(text) + "''";
-  parameters.fontName = parameters.fontName || _constants.ARROW_TEXT_FONTFACE;
+  parameters.fontName = parameters.fontName || ARROW_TEXT_FONTFACE;
 
   // Prepare the font to be able to measure
   ctx.font = "".concat(fontSize, "px ") + parameters.fontName;
@@ -1242,7 +1216,7 @@ function getTextCanvas(text) {
   ctx.textBaseline = parameters.baseline || 'middle';
   var r = 10;
   // Make the canvas transparent for simplicity
-  ctx.fillStyle = _constants.ARROW_TEXT_BACKCOLOR;
+  ctx.fillStyle = ARROW_TEXT_BACKCOLOR;
   // ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
   var w = ctx.canvas.width;
   var h = ctx.canvas.height;
@@ -1258,9 +1232,9 @@ function getTextCanvas(text) {
   ctx.arcTo(0, 0, r, 0, r);
   // ctx.arcTo(w+r, h+2*r, w+r, 0, r);
   ctx.fill();
-  ctx.fillStyle = parameters.fillColor || _constants.ARROW_TEXT_FORECOLOR;
+  ctx.fillStyle = parameters.fillColor || ARROW_TEXT_FORECOLOR;
   ctx.fillText(integral, (width - textMetrics.width) / 2, height / 2);
-  ctx.strokeStyle = parameters.strokeColor || _constants.ARROW_TEXT_FORECOLOR;
+  ctx.strokeStyle = parameters.strokeColor || ARROW_TEXT_FORECOLOR;
   ctx.strokeText(integral, (width - textMetrics.width) / 2, height / 2);
 
   // ctx.font = `${fontSize - 5}px ` + parameters.fontName;
@@ -1321,7 +1295,7 @@ function removeObject(modifiedPath, layer, planData, actions, sceneData, oldScen
       });
       removeLine(planData, layer.id, lineID);
       var mode = oldSceneData.mode;
-      if (_constants.ARRAY_3D_MODES.includes(mode)) mode = _constants.MODE_IDLE_3D;else mode = _constants.MODE_IDLE;
+      if (ARRAY_3D_MODES.includes(mode)) mode = MODE_IDLE_3D;else mode = MODE_IDLE;
       if (modifiedPath.length > 5) {
         // I removed an hole, so I should add the new line
         promises.push(addLine(sceneData, planData, layer, lineID, catalog, actions.linesActions));
@@ -1366,7 +1340,7 @@ function removeHole(planData, layerId, holeID) {
   var hole3D = planData.sceneGraph.layers[layerId].holes[holeID];
   if (hole3D) {
     planData.plan.remove(hole3D);
-    (0, _threeMemoryCleaner.disposeObject)(hole3D);
+    disposeObject(hole3D);
     delete planData.sceneGraph.layers[layerId].holes[holeID];
     delete planData.sceneGraph.LODs[holeID];
     hole3D = null;
@@ -1385,7 +1359,7 @@ function removeLine(planData, layerId, lineID) {
   var line3D = planData.sceneGraph.layers[layerId].lines[lineID];
   if (line3D) {
     planData.plan.remove(line3D);
-    (0, _threeMemoryCleaner.disposeObject)(line3D);
+    disposeObject(line3D);
     delete planData.sceneGraph.layers[layerId].lines[lineID];
     delete planData.sceneGraph.LODs[lineID];
     line3D = null;
@@ -1404,7 +1378,7 @@ function removeArea(planData, layerId, areaID) {
   var area3D = planData.sceneGraph.layers[layerId].areas[areaID];
   if (area3D) {
     planData.plan.remove(area3D);
-    (0, _threeMemoryCleaner.disposeObject)(area3D);
+    disposeObject(area3D);
     delete planData.sceneGraph.layers[layerId].areas[areaID];
     delete planData.sceneGraph.LODs[areaID];
     area3D = null;
@@ -1412,7 +1386,7 @@ function removeArea(planData, layerId, areaID) {
   }
   planData.sceneGraph.busyResources.layers[layerId].areas[areaID] = false;
 }
-function removeItem(planData, layerId, itemID) {
+export function removeItem(planData, layerId, itemID) {
   var oldSceneLayer = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   var newSceneLayer = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   if (planData.sceneGraph.busyResources.layers[layerId].items[itemID]) {
@@ -1431,7 +1405,7 @@ function removeItem(planData, layerId, itemID) {
   var item3D = planData.sceneGraph.layers[layerId].items[itemID];
   if (item3D) {
     planData.plan.remove(item3D);
-    (0, _threeMemoryCleaner.disposeObject)(item3D);
+    disposeObject(item3D);
     delete planData.sceneGraph.layers[layerId].items[itemID];
     delete planData.sceneGraph.LODs[itemID];
     item3D = null;
@@ -1453,7 +1427,7 @@ function removeItemWithoutItem(planData, layerId, itemID) {
   var item3D = planData.sceneGraph.layers[layerId].items[itemID];
   if (item3D) {
     planData.plan.remove(item3D);
-    (0, _threeMemoryCleaner.disposeObject)(item3D);
+    disposeObject(item3D);
     item3D = null;
     updateBoundingBox(planData);
     delete planData.sceneGraph.layers[layerId].items[itemID];
@@ -1514,7 +1488,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
       item.castShadow = true;
       var texture;
       if (name.includes('_wood')) {
-        texture = (0, _itemLoader.loadTexture)('/assets/img/texture/white1px.jpg');
+        texture = loadTexture('/assets/img/texture/white1px.jpg');
       } else if (name.includes('_glass')) {
         var material = new Three.MeshPhysicalMaterial({
           roughness: 0.5,
@@ -1526,7 +1500,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
         item.material = material;
         return item;
       } else if (name.includes('_steel')) {
-        texture = (0, _itemLoader.loadTexture)('/assets/img/texture/steel.jpg');
+        texture = loadTexture('/assets/img/texture/steel.jpg');
       } else if (name.includes('_glass')) {
         var _material2 = new Three.MeshPhysicalMaterial({
           roughness: 0.5,
@@ -1600,7 +1574,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
     }
     var pivot = new Three.Object3D();
     pivot.name = 'pivot';
-    if ((0, _helper.isElevationView)(mode)) {
+    if (isElevationView(mode)) {
       var lineID = holeData.getIn(['line']);
       if (planData.sceneGraph.layers['layer-1'].lines[lineID].visible) {
         pivot.visible = true;
@@ -1608,7 +1582,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
         pivot.visible = false;
       }
       object.traverse(function (obj) {
-        (0, _helper.replaceMeshesWithLineSegments)(obj);
+        replaceMeshesWithLineSegments(obj);
       });
     }
     pivot.add(object);
@@ -1702,11 +1676,11 @@ function addLine(sceneData, planData, layer, lineID, catalog, linesActions) {
     pivot.userData.type = 'line';
 
     // In elevation view, show(visible = true) just selected wall pivot. If not, hidden(visible = false)
-    if ((0, _helper.isElevationView)(mode)) {
+    if (isElevationView(mode)) {
       var lineVisible;
       if (line.selected) {
         pivot.traverse(function (obj) {
-          (0, _helper.replaceMeshesWithLineSegments)(obj);
+          replaceMeshesWithLineSegments(obj);
         });
         lineVisible = true;
       } else {
@@ -1800,7 +1774,7 @@ function addArea(sceneData, planData, layer, areaID, catalog, areaActions, mode)
         realVec.push(vec);
       });
       if (vertices.includes(realVec[0]) && vertices.includes(realVec[1])) {
-        height = (0, _convertUnitsLite.convert)(layer.ceilHeight).from(layer.unit).to(_constants.UNIT_CENTIMETER);
+        height = convert(layer.ceilHeight).from(layer.unit).to(UNIT_CENTIMETER);
         // height = data.properties.getIn(["height", "length"]);
         return 1; // break
       }
@@ -1808,7 +1782,7 @@ function addArea(sceneData, planData, layer, areaID, catalog, areaActions, mode)
     for (var i = 0; i < lines.length; i++) {
       if (_loop2()) break;
     }
-    ceil.translateZ((0, _convertUnitsLite.convert)(layer.ceilHeight).from(layer.unit).to(_constants.UNIT_CENTIMETER));
+    ceil.translateZ(convert(layer.ceilHeight).from(layer.unit).to(UNIT_CENTIMETER));
     pivot.name = 'pivot';
     pivot.add(area3D);
     pivot.add(area3D.userData.floorSupport);
@@ -1816,7 +1790,7 @@ function addArea(sceneData, planData, layer, areaID, catalog, areaActions, mode)
     pivot.position.y = layer.altitude;
 
     // if elevation view, show just wall - not show floor and ceil
-    if ((0, _helper.isElevationView)(mode)) pivot.visible = false;
+    if (isElevationView(mode)) pivot.visible = false;
     planData.plan.add(pivot);
     planData.sceneGraph.layers[layer.id].areas[areaID] = pivot;
     // document.getElementById('setting_dialog').style.display = 'none';
@@ -1852,11 +1826,11 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     console.log(item.name + 's doorStyle is null!');
     return;
   }
-  if (!sceneData.loadFlag && scene_mode == _constants.MODE_DRAWING_ITEM_3D) {
+  if (!sceneData.loadFlag && scene_mode == MODE_DRAWING_ITEM_3D) {
     itemsActions.toggleLoadingCabinet();
   }
   var catalogElement = catalog.getElement(item.type);
-  if (!catalogElement) catalogElement = catalog.getElement((0, _utils.returnReplaceableDeepSearchType)(item.type));
+  if (!catalogElement) catalogElement = catalog.getElement(returnReplaceableDeepSearchType(item.type));
   if (!catalogElement) return false;
   return catalogElement.render3D(item, layer, sceneData, mode).then(function (item3D) {
     if (item3D instanceof Three.LOD) {
@@ -1864,7 +1838,7 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     }
     if (rItem !== null) {
       planData.plan.remove(rItem);
-      (0, _threeMemoryCleaner.disposeObject)(rItem);
+      disposeObject(rItem);
       rItem = null;
     }
     var pivot = new Three.Object3D();
@@ -1907,7 +1881,7 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     var opacity = layer.opacity;
     if (item.selected) {
       opacity = 1;
-      exports.fVLine = fVLine = [];
+      fVLine = [];
       var TransformGizmo = item3D.children[item3D.children.length - 1];
       TransformGizmo.children.forEach(function (child) {
         if (child.type === 'Line' && child.geometry.attributes !== undefined) fVLine.push(child);
@@ -1953,11 +1927,11 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
       var r3 = itemRect.rect[3];
 
       // it doesn't need consider distance between item's line01 (frontside - it has door) and wall
-      var delta12 = _export.GeometryUtils.distancePointFromLineSegment(l0, l1, (r1.x + r2.x) / 2, (r1.y + r2.y) / 2); // distance between item's line12 and wall
-      var delta23 = _export.GeometryUtils.distancePointFromLineSegment(l0, l1, (r2.x + r3.x) / 2, (r2.y + r3.y) / 2); // distance between item's line23 and wall
-      var delta30 = _export.GeometryUtils.distancePointFromLineSegment(l0, l1, (r3.x + r0.x) / 2, (r3.y + r0.y) / 2); // distance between item's line30 and wall
+      var delta12 = GeometryUtils.distancePointFromLineSegment(l0, l1, (r1.x + r2.x) / 2, (r1.y + r2.y) / 2); // distance between item's line12 and wall
+      var delta23 = GeometryUtils.distancePointFromLineSegment(l0, l1, (r2.x + r3.x) / 2, (r2.y + r3.y) / 2); // distance between item's line23 and wall
+      var delta30 = GeometryUtils.distancePointFromLineSegment(l0, l1, (r3.x + r0.x) / 2, (r3.y + r0.y) / 2); // distance between item's line30 and wall
 
-      if (delta12 < _constants.DISTANCE_EPSILON || delta23 < _constants.DISTANCE_EPSILON || delta30 < _constants.DISTANCE_EPSILON) {
+      if (delta12 < DISTANCE_EPSILON || delta23 < DISTANCE_EPSILON || delta30 < DISTANCE_EPSILON) {
         itemVisible = true;
       }
       return itemVisible;
@@ -1971,10 +1945,10 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     };
     var catid = item.type;
     var cat = catalog.elements[catid];
-    if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
-    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to(sceneData.unit);
-    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['height', '_length'])).from('in').to(sceneData.unit);
-    var depth = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to(sceneData.unit);
+    if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
+    var width = convert(item.properties.getIn(['width', '_length'])).from('in').to(sceneData.unit);
+    var height = convert(item.properties.getIn(['height', '_length'])).from('in').to(sceneData.unit);
+    var depth = convert(item.properties.getIn(['depth', '_length'])).from('in').to(sceneData.unit);
     val.size = {
       width: width,
       height: height,
@@ -1983,24 +1957,24 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     val.layoutpos = cat.info.layoutpos;
     val.is_corner = cat.info.is_corner;
     val.item = item;
-    var calcrect = _export.GeometryUtils.getCalcRectFromItem3D(val);
+    var calcrect = GeometryUtils.getCalcRectFromItem3D(val);
 
     // In elevation view, determin if item show or not
-    if ((0, _helper.isElevationView)(mode)) pivot.visible = getItemVisible(calcrect);
+    if (isElevationView(mode)) pivot.visible = getItemVisible(calcrect);
     planData.plan.add(pivot);
     planData.sceneGraph.layers[layer.id].items[item.id] = pivot;
     //In a 3D view, merge each couterTop of equal height into a single conuterTop.
-    if (!(0, _helper.isElevationView)(mode)) {
+    if (!isElevationView(mode)) {
       addCountertop(planData.sceneGraph.layers[layer.id].countertops, item, planData, layer);
     }
-    if (bAddMolding && item.category === 'cabinet' && ((0, _helper.isElevationView)(mode) && getItemVisible(calcrect) || !(0, _helper.isElevationView)(mode))) {
+    if (bAddMolding && item.category === 'cabinet' && (isElevationView(mode) && getItemVisible(calcrect) || !isElevationView(mode))) {
       planData.sceneGraph.layers[layer.id].moldingGroups = addMolding(planData.sceneGraph.layers[layer.id].moldingGroups, item, planData, layer, itemsActions, mode) || planData.sceneGraph.layers[layer.id].moldingGroups;
     }
     if (pivot) {
       // update the tool object's position to selected object's position
       var selectedItem = planData.sceneGraph.layers[sceneData.selectedLayer].items[itemID];
       var itemPos = selectedItem.position.clone();
-      if (!(0, _helper.isEmpty)(toolObj)) {
+      if (!isEmpty(toolObj)) {
         toolObj.position.set(planData.plan.position.x + itemPos.x, selectedItem.category === 'lighting' ? -planData.plan.position.y - selectedItem.properties.get('height').get('length') : planData.plan.position.y + selectedItem.children[0].position.y, planData.plan.position.z + itemPos.z);
       }
       pivot.children[0].children.forEach(function (pivotElement) {
@@ -2028,7 +2002,7 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     setTimeout(function () {
       return getDistances(layer);
     }, 100);
-    if (!sceneData.loadFlag && scene_mode == _constants.MODE_DRAWING_ITEM_3D) {
+    if (!sceneData.loadFlag && scene_mode == MODE_DRAWING_ITEM_3D) {
       itemsActions.endLoading();
       itemsActions.toggleLoadingCabinet();
     }
@@ -2091,14 +2065,14 @@ function applyOpacity(object, opacity) {
 function updateBoundingBox(planData) {
   var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var mode = arguments.length > 2 ? arguments[2] : undefined;
-  if (scene_mode == _constants.MODE_DRAWING_ITEM_3D) return;
+  if (scene_mode == MODE_DRAWING_ITEM_3D) return;
   var newBoundingBox = new Three.Box3().setFromObject(planData.plan);
   if (isFinite(newBoundingBox.max.x) && isFinite(newBoundingBox.min.x) && isFinite(newBoundingBox.max.y) && isFinite(newBoundingBox.min.y) && isFinite(newBoundingBox.max.z) && isFinite(newBoundingBox.min.z)) {
     var newCenter = new Three.Vector3((newBoundingBox.max.x - newBoundingBox.min.x) / 2 + newBoundingBox.min.x, (newBoundingBox.max.y - newBoundingBox.min.y) / 2 + newBoundingBox.min.y, (newBoundingBox.max.z - newBoundingBox.min.z) / 2 + newBoundingBox.min.z);
     if (!flag) {
       planData.plan.position.sub(newCenter);
       planData.grid.position.sub(newCenter);
-      if ((0, _helper.isElevationView)(mode)) {
+      if (isElevationView(mode)) {
         planData.cam.position.sub(newCenter);
       }
     }
@@ -2205,7 +2179,7 @@ function createCTFromItem(item, unit, catalog) {
 function createCTFromItems(items, unit, catalog) {
   var item0 = items[0];
   var item1 = items[items.length - 1];
-  var CTId = _export.IDBroker.acquireID();
+  var CTId = IDBroker.acquireID();
   var ct3d = null;
   var catid = item0.type;
   var pos = {
@@ -2219,13 +2193,13 @@ function createCTFromItems(items, unit, catalog) {
   // let height = convert(item0.properties.getIn(['height', '_length'])).from('in').to('cm');
   var width = item0.properties.get('width').get('_length');
   var widthUnit = item0.properties.get('width').get('_unit') || 'cm';
-  width = (0, _convertUnitsLite.convert)(width).from(widthUnit).to('cm');
+  width = convert(width).from(widthUnit).to('cm');
   var depth = item0.properties.get('depth').get('_length');
   var depthUnit = item0.properties.get('depth').get('_unit') || 'cm';
-  depth = (0, _convertUnitsLite.convert)(depth).from(depthUnit).to('cm');
+  depth = convert(depth).from(depthUnit).to('cm');
   var height = item0.properties.get('height').get('_length');
   var heightUnit = item0.properties.get('height').get('_unit') || 'cm';
-  height = (0, _convertUnitsLite.convert)(height).from(heightUnit).to('cm');
+  height = convert(height).from(heightUnit).to('cm');
   var size = {
     width: width * items.length,
     depth: depth,
@@ -2241,22 +2215,22 @@ function createCTFromItems(items, unit, catalog) {
     size: size
   };
 }
-function createMDFromItem(item, lines, molding) {
-  var MDId = _export.IDBroker.acquireID();
+export function createMDFromItem(item, lines, molding) {
+  var MDId = IDBroker.acquireID();
   var z = item.properties.get('altitude').get('_length');
   var zUnit = item.properties.get('altitude').get('_unit') || 'cm';
-  z = (0, _convertUnitsLite.convert)(z).from(zUnit).to('cm');
+  z = convert(z).from(zUnit).to('cm');
   var height = item.properties.get('height').get('_length');
   var heightUnit = item.properties.get('height').get('_unit') || 'cm';
-  height = (0, _convertUnitsLite.convert)(height).from(heightUnit).to('cm');
+  height = convert(height).from(heightUnit).to('cm');
   switch (molding.location_type) {
-    case _constants.TOP_MOLDING_LOCATION:
+    case TOP_MOLDING_LOCATION:
       z += height;
       break;
-    case _constants.MIDDLE_MOLDING_LOCATION:
+    case MIDDLE_MOLDING_LOCATION:
       z += height / 2;
       break;
-    case _constants.BOTTOM_MOLDING_LOCATION:
+    case BOTTOM_MOLDING_LOCATION:
       z += 0;
       break;
     default:
@@ -2292,7 +2266,7 @@ function tryAdjacent(ct1, ct2) {
   if (ct1.rotRad != ct2.rotRad) return false;
   log('ct1', ct1.pos.x, ct1.pos.y, ct1.size.width);
   log('ct2', ct2.pos.x, ct2.pos.y, ct2.size.width);
-  var dist = _export.GeometryUtils.verticesDistance(ct1.pos, ct2.pos);
+  var dist = GeometryUtils.verticesDistance(ct1.pos, ct2.pos);
   var totalwidth = ct1.size.width + ct2.size.width;
   log('epsilon', dist, totalwidth, Math.abs(2 * dist - totalwidth));
   if (Math.abs(2 * dist - totalwidth) / totalwidth > 1e-3) return false;
@@ -2306,8 +2280,8 @@ function tryAdjacent(ct1, ct2) {
     depth: ct1.size.depth,
     height: ct1.size.height
   };
-  var CTId = _export.IDBroker.acquireID();
-  var items = _export.GeometryUtils.compareVertices(ct1.pos, ct2.pos) > 0 ? [].concat((0, _toConsumableArray2["default"])(ct1.items), (0, _toConsumableArray2["default"])(ct2.items)) : [].concat((0, _toConsumableArray2["default"])(ct2.items), (0, _toConsumableArray2["default"])(ct1.items));
+  var CTId = IDBroker.acquireID();
+  var items = GeometryUtils.compareVertices(ct1.pos, ct2.pos) > 0 ? [].concat(_toConsumableArray(ct1.items), _toConsumableArray(ct2.items)) : [].concat(_toConsumableArray(ct2.items), _toConsumableArray(ct1.items));
   var ct3d = null;
   var catid = ct1.catid;
   return {
@@ -2322,17 +2296,17 @@ function tryAdjacent(ct1, ct2) {
 }
 function isParallelLines(line1, line2) {
   var isParallel = false;
-  if (Math.abs(line1[0].y - line1[1].y) <= _constants.EPSILON && Math.abs(line2[0].y - line2[1].y) <= _constants.EPSILON) isParallel = true;
-  if (Math.abs(line1[0].x - line1[1].x) <= _constants.EPSILON && Math.abs(line2[0].x - line2[1].x) <= _constants.EPSILON) isParallel = true;
-  if (Math.abs((line1[0].x - line1[1].x) / (line1[0].y - line1[1].y) - (line2[0].x - line2[1].x) / (line2[0].y - line2[1].y)) <= _constants.EPSILON) isParallel = true;
+  if (Math.abs(line1[0].y - line1[1].y) <= EPSILON && Math.abs(line2[0].y - line2[1].y) <= EPSILON) isParallel = true;
+  if (Math.abs(line1[0].x - line1[1].x) <= EPSILON && Math.abs(line2[0].x - line2[1].x) <= EPSILON) isParallel = true;
+  if (Math.abs((line1[0].x - line1[1].x) / (line1[0].y - line1[1].y) - (line2[0].x - line2[1].x) / (line2[0].y - line2[1].y)) <= EPSILON) isParallel = true;
   if (isParallel) {
     return true;
   }
   return false;
 }
-function tryAdjacentMD(md1, md2, molding) {
+export function tryAdjacentMD(md1, md2, molding) {
   log('----tryAdjacent', md1.id, md2.id);
-  if (Math.abs(md1.pos.z - md2.pos.z) > _constants.EPSILON) return false;
+  if (Math.abs(md1.pos.z - md2.pos.z) > EPSILON) return false;
   var id1 = md1.items[0].doorStyle.hasOwnProperty('id') ? md1.items[0].doorStyle.id : md1.items[0].doorStyle.toJS().id,
     id2 = md2.items[0].doorStyle.hasOwnProperty('id') ? md2.items[0].doorStyle.id : md2.items[0].doorStyle.toJS().id;
   if (id1 !== id2) return false;
@@ -2348,30 +2322,30 @@ function tryAdjacentMD(md1, md2, molding) {
       }) === -1) return false;
       // is parallel two lines
       if (isParallelLines(line1, line2)) {
-        var disLine1 = _export.GeometryUtils.verticesDistance(line1[0], line1[1]);
-        var disLine2 = _export.GeometryUtils.verticesDistance(line2[0], line2[1]);
-        if (_export.GeometryUtils.sameMDistances(_export.GeometryUtils.verticesDistance(line2[0], line1[0]) + _export.GeometryUtils.verticesDistance(line1[1], line2[1]), Math.abs(disLine2 - disLine1))) {
+        var disLine1 = GeometryUtils.verticesDistance(line1[0], line1[1]);
+        var disLine2 = GeometryUtils.verticesDistance(line2[0], line2[1]);
+        if (GeometryUtils.sameMDistances(GeometryUtils.verticesDistance(line2[0], line1[0]) + GeometryUtils.verticesDistance(line1[1], line2[1]), Math.abs(disLine2 - disLine1))) {
           newLines = newLines.filter(function (a) {
             return !(a[2] === line1[2] || a[2] === line2[2]);
           });
-          if (!_export.GeometryUtils.sameMPoints(line1[0], line2[0])) newLines.push([line1[0], line2[0], _export.IDBroker.acquireID()]);
-          if (!_export.GeometryUtils.sameMPoints(line1[1], line2[1])) newLines.push([line1[1], line2[1], _export.IDBroker.acquireID()]);
+          if (!GeometryUtils.sameMPoints(line1[0], line2[0])) newLines.push([line1[0], line2[0], IDBroker.acquireID()]);
+          if (!GeometryUtils.sameMPoints(line1[1], line2[1])) newLines.push([line1[1], line2[1], IDBroker.acquireID()]);
           isMerge = true;
           return false;
         }
-        if (_export.GeometryUtils.sameMDistances(_export.GeometryUtils.verticesDistance(line2[0], line1[1]) + _export.GeometryUtils.verticesDistance(line1[0], line2[1]), Math.abs(disLine2 - disLine1))) {
+        if (GeometryUtils.sameMDistances(GeometryUtils.verticesDistance(line2[0], line1[1]) + GeometryUtils.verticesDistance(line1[0], line2[1]), Math.abs(disLine2 - disLine1))) {
           newLines = newLines.filter(function (a) {
             return !(a[2] === line1[2] || a[2] === line2[2]);
           });
-          if (!_export.GeometryUtils.sameMPoints(line1[1], line2[0])) newLines.push([line1[1], line2[0], _export.IDBroker.acquireID()]);
-          if (!_export.GeometryUtils.sameMPoints(line1[0], line2[1])) newLines.push([line1[0], line2[1], _export.IDBroker.acquireID()]);
+          if (!GeometryUtils.sameMPoints(line1[1], line2[0])) newLines.push([line1[1], line2[0], IDBroker.acquireID()]);
+          if (!GeometryUtils.sameMPoints(line1[0], line2[1])) newLines.push([line1[0], line2[1], IDBroker.acquireID()]);
           isMerge = true;
           return false;
         }
         var samePointNum = -1,
           i = 0;
         while (i < 4 && samePointNum === -1) {
-          if (_export.GeometryUtils.sameMPoints(line1[Math.floor(i / 2)], line2[i % 2]) && _export.GeometryUtils.sameMDistances(disLine1 + disLine2, _export.GeometryUtils.verticesDistance(line1[Math.floor((3 - i) / 2)], line2[(3 - i) % 2]))) {
+          if (GeometryUtils.sameMPoints(line1[Math.floor(i / 2)], line2[i % 2]) && GeometryUtils.sameMDistances(disLine1 + disLine2, GeometryUtils.verticesDistance(line1[Math.floor((3 - i) / 2)], line2[(3 - i) % 2]))) {
             samePointNum = 3 - i;
           } else {
             i++;
@@ -2381,14 +2355,14 @@ function tryAdjacentMD(md1, md2, molding) {
           newLines = newLines.filter(function (a) {
             return !(a[2] === line1[2] || a[2] === line2[2]);
           });
-          newLines.push([(0, _objectSpread2["default"])({}, line1[Math.floor(samePointNum / 2)]), (0, _objectSpread2["default"])({}, line2[samePointNum % 2]), _export.IDBroker.acquireID()]);
+          newLines.push([_objectSpread({}, line1[Math.floor(samePointNum / 2)]), _objectSpread({}, line2[samePointNum % 2]), IDBroker.acquireID()]);
           isMerge = true;
           return false;
         }
         var pointNum = -1,
           k = 0;
         while (k < 4 && pointNum === -1) {
-          if (_export.GeometryUtils.sameMDistances(_export.GeometryUtils.verticesDistance(line1[Math.floor(k / 2)], line2[k % 2]) + _export.GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[k % 2]), disLine1) && _export.GeometryUtils.sameMDistances(_export.GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[k % 2]) + _export.GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[1 - k % 2]), disLine2)) {
+          if (GeometryUtils.sameMDistances(GeometryUtils.verticesDistance(line1[Math.floor(k / 2)], line2[k % 2]) + GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[k % 2]), disLine1) && GeometryUtils.sameMDistances(GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[k % 2]) + GeometryUtils.verticesDistance(line1[1 - Math.floor(k / 2)], line2[1 - k % 2]), disLine2)) {
             pointNum = k;
           } else {
             k++;
@@ -2398,15 +2372,15 @@ function tryAdjacentMD(md1, md2, molding) {
       return false;
     });
   });
-  if (!newLines.length) return (0, _objectSpread2["default"])({}, md2);
+  if (!newLines.length) return _objectSpread({}, md2);
   if (!isMerge) return false;
   return {
-    id: _export.IDBroker.acquireID(),
-    items: [].concat((0, _toConsumableArray2["default"])(md2.items.filter(function (item) {
+    id: IDBroker.acquireID(),
+    items: [].concat(_toConsumableArray(md2.items.filter(function (item) {
       return md1.items.findIndex(function (it) {
         return it.id === item.id;
       }) === -1;
-    })), (0, _toConsumableArray2["default"])(md1.items)),
+    })), _toConsumableArray(md1.items)),
     meshes: [],
     pos: md1.pos,
     size: md1.size,
@@ -2422,9 +2396,9 @@ function showItemCT(item, CT, visible, planData, layer) {
       child.visible = visible;
       if (child.material.map === null) {
         var normalMap = item.counterTop.uri;
-        var interiortexture = (0, _itemLoader.loadTexture)(normalMap);
+        var interiortexture = loadTexture(normalMap);
         applyTexture(child.material, interiortexture, 100, 100);
-        child.material.color = new _three.Color(1, 1, 1);
+        child.material.color = new Color(1, 1, 1);
         return;
       }
       child.material.map.repeat.x = 1;
@@ -2457,7 +2431,7 @@ function getDoorStyleMaterial(items, planData, layer, name) {
   var door_mesh = null;
   if (!item3D) return undefined;
   item3D.traverse(function (child) {
-    if (!door_mesh && !child.name.includes('countertop') && !child.name.includes('_interior_') && !child.name.includes('handle') && child.type === _constants.OBJTYPE_MESH) {
+    if (!door_mesh && !child.name.includes('countertop') && !child.name.includes('_interior_') && !child.name.includes('handle') && child.type === OBJTYPE_MESH) {
       door_mesh = child;
     }
   });
@@ -2507,7 +2481,7 @@ function addCTMesh(countertop, planData, layer) {
       var unit_width = countertop.items.find(function (ct) {
         return !ct.type.includes('Dishwasher') && !ct.type.includes('BF');
       }).properties.get('width').get('_unit') || 'cm';
-      width = (0, _convertUnitsLite.convert)(width).from(unit_width).to('cm');
+      width = convert(width).from(unit_width).to('cm');
       pivotMat.scale(new Three.Vector3(countertop.size.width / width, 1, 1));
       var finalMat = objMat.premultiply(pivotMat);
       _ct3d.applyMatrix4(finalMat);
@@ -2536,7 +2510,7 @@ function moldingVertices(mPointGroup, mdGeo, MDV, model, svg_width, svg_height,
 
   // Point O
   var o = new Three.Vector2(0, 0);
-  if (_export.GeometryUtils.samePoints(pointGroup[0], pointGroup[length - 1])) {
+  if (GeometryUtils.samePoints(pointGroup[0], pointGroup[length - 1])) {
     pointGroup = pointGroup.slice(0, length - 1);
     length--;
     isSnap = false;
@@ -2705,7 +2679,7 @@ var assignUVsA = function assignUVsA(geometry) {
 /*
   Remove specified type of 3d object easily
 */
-function deleteSpecifiedMeshObjects(type) {
+export function deleteSpecifiedMeshObjects(type) {
   var childLen = planData.plan.children.length;
   var children = [];
   for (var i = 0; i < childLen; i++) {
@@ -2713,18 +2687,18 @@ function deleteSpecifiedMeshObjects(type) {
   }
   planData.plan.children = children;
 }
-function getMeshesFromScene() {
+export function getMeshesFromScene() {
   var childLen = planData.plan.children.length;
   var children = [];
   for (var i = 0; i < childLen; i++) {
-    if (planData.plan.children[i].type == _constants.OBJTYPE_MESH) children.push(planData.plan.children[i]);
+    if (planData.plan.children[i].type == OBJTYPE_MESH) children.push(planData.plan.children[i]);
   }
   return children;
 }
-function threedfabs(a) {
+export function threedfabs(a) {
   return a > 0 ? a : -a;
 }
-function getDistanceBetweenLineSegment(pos1, pos2, pos3, pos4) {
+export function getDistanceBetweenLineSegment(pos1, pos2, pos3, pos4) {
   if (pos1.x == pos2.x && pos3.x == pos4.x) return pos3.x - pos1.x;else if (pos1.y == pos2.y && pos3.y == pos4.y) return pos3.y - pos1.y;else return -1;
 }
 
@@ -2733,7 +2707,7 @@ function getDistanceBetweenLineSegment(pos1, pos2, pos3, pos4) {
  * @param _item
  * @returns true if it's not suitable.
  */
-function showYelloBox(_item) {
+export function showYelloBox(_item) {
   var _doorStyle;
   var doorStyle = _item === null || _item === void 0 ? void 0 : _item.doorStyle;
 
@@ -2756,7 +2730,7 @@ function isSimilar(a, b) {
   if (threedfabs(a - b) <= 0.01) return 1;
   return 0;
 }
-function sameSign(pos1, pos2, pos3) {
+export function sameSign(pos1, pos2, pos3) {
   var ch1 = 0.0;
   var ch2 = 1.0;
   if (isSimilar(pos1.x, pos2.x) && isSimilar(pos1.x, pos3.x)) {
@@ -2770,10 +2744,10 @@ function sameSign(pos1, pos2, pos3) {
   if (ch1 * ch2 >= 0) return 1;
   return 0;
 }
-function getTotalDistance(pos, rect) {
+export function getTotalDistance(pos, rect) {
   var sum = 0;
   for (var i = 0; i < rect.length; i++) {
-    sum += (0, _geometry2.verticesDistance)(pos, rect[i]);
+    sum += verticesDistance(pos, rect[i]);
   }
   return sum;
 }
@@ -2785,7 +2759,7 @@ var applyTexture = function applyTexture(material, texture, length, height) {
     material.map.wrapT = Three.RepeatWrapping;
     material.map.repeat.set(length * 0.01, height * 0.01);
     if (texture.normal) {
-      material.normalMap = (0, _itemLoader.loadTexture)(texture.normal.uri);
+      material.normalMap = loadTexture(texture.normal.uri);
       material.normalScale = new Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
       material.normalMap.wrapS = Three.RepeatWrapping;
       material.normalMap.wrapT = Three.RepeatWrapping;
@@ -2802,7 +2776,7 @@ var applyTexture = function applyTexture(material, texture, length, height) {
  * @param {{boundingBox:Box3,catalog:Catalog,grid: Object3D,plan: Object3D,sceneData: Scene,sceneGraph}} planData
  * @param {Scene} scene
  */
-function createBacksplash(item, layer, planData, scene) {
+export function createBacksplash(item, layer, planData, scene) {
   var sceneGraph = planData.sceneGraph;
   var selectedLayer = planData.sceneData.selectedLayer;
   /**
@@ -2830,7 +2804,7 @@ function createBacksplash(item, layer, planData, scene) {
 
   var i,
     wallItems = [];
-  var allWallItems = _export.GeometryUtils.getAllItemSpecified(scene, planData.catalog, _constants.WALL_CABINET_LAYOUTPOS);
+  var allWallItems = GeometryUtils.getAllItemSpecified(scene, planData.catalog, WALL_CABINET_LAYOUTPOS);
   for (i = 0; i < allWallItems.others.length; i++) wallItems.push(allWallItems.others[i]);
   if (allWallItems.cur) wallItems.push(allWallItems.cur);
 
@@ -2838,7 +2812,7 @@ function createBacksplash(item, layer, planData, scene) {
 
   var altitude = item.itemInfo.properties.get('altitude').get('_length');
   var altitudeUnit = item.itemInfo.properties.get('altitude').get('_unit') || 'cm';
-  altitude = (0, _convertUnitsLite.convert)(altitude).from(altitudeUnit).to('cm');
+  altitude = convert(altitude).from(altitudeUnit).to('cm');
   var thickness = 1,
     /** Height --- altitude */depth;
 
@@ -2853,7 +2827,7 @@ function createBacksplash(item, layer, planData, scene) {
   wallItems.map(function (wallItem) {
     var altitude = wallItem.itemInfo.properties.get('altitude').get('_length');
     var altitudeUnit = wallItem.itemInfo.properties.get('altitude').get('_unit') || 'cm';
-    altitude = (0, _convertUnitsLite.convert)(altitude).from(altitudeUnit).to('cm');
+    altitude = convert(altitude).from(altitudeUnit).to('cm');
     altItems.push({
       x: wallItem.pos.x,
       width: wallItem.size.width,
@@ -2903,7 +2877,7 @@ function createBacksplash(item, layer, planData, scene) {
   // Find mergeable other backsplashes
 
   var info, wholeWidth, /** Width factor */factor, distance, halfWidth, /** To get new center */centerFactor;
-  var _iterator = (0, _createForOfIteratorHelper2["default"])(backsplashes),
+  var _iterator = _createForOfIteratorHelper(backsplashes),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2949,7 +2923,7 @@ function createBacksplash(item, layer, planData, scene) {
     metalness: texture.metalness,
     roughness: texture.roughness
   });
-  var interiortexture = (0, _itemLoader.loadTexture)(texture.uri);
+  var interiortexture = loadTexture(texture.uri);
   applyTexture(areaMaterial, interiortexture, splashWidth * 1.5, splashHeight * 1.5);
 
   // Make geometry
@@ -2962,9 +2936,9 @@ function createBacksplash(item, layer, planData, scene) {
   backsplash.position.y = itemToSave.info.posY;
   backsplash.position.z = itemToSave.info.posZ;
   backsplash.rotation.y = itemToSave.info.rotY;
-  var allLines = _export.GeometryUtils.getAllLines(layer);
-  var allLineRects = _export.GeometryUtils.buildRectFromLines(layer, allLines);
-  if (item.is_corner && _export.GeometryUtils.isSnappedSideLine(item, allLineRects)) {
+  var allLines = GeometryUtils.getAllLines(layer);
+  var allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
+  if (item.is_corner && GeometryUtils.isSnappedSideLine(item, allLineRects)) {
     // corner cabinet item.itemInfo.getIn(["cabinet_category"]) === "Corner Base Cabinets"
     var geometry1 = new Three.BoxGeometry(splashWidth, splashHeight, splashDepth);
     // Make backsplash mesh
@@ -2974,7 +2948,7 @@ function createBacksplash(item, layer, planData, scene) {
     backsplash1.position.y = posY1;
     backsplash1.position.z = posZ1;
     backsplash1.rotation.y = rotY1;
-    var newBacksplash = new _three.Group();
+    var newBacksplash = new Group();
     newBacksplash.add(backsplash);
     newBacksplash.add(backsplash1);
     backsplash = newBacksplash;
@@ -2990,7 +2964,7 @@ function createBacksplash(item, layer, planData, scene) {
   if (index < 0) {
     backsplashes.push(itemToSave);
   } else {
-    (0, _threeMemoryCleaner.disposeObject)(backsplashes[index].backsplash);
+    disposeObject(backsplashes[index].backsplash);
     backsplashes.splice(index, 1, itemToSave);
   }
 }
@@ -3003,7 +2977,7 @@ function addMGMesh(molding, planData, layer) {
   var flag = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var point = [];
   var data = molding === null || molding === void 0 || (_molding$molding = molding.molding) === null || _molding$molding === void 0 ? void 0 : _molding$molding.data;
-  if ((0, _helper.isEmpty)(data)) return;
+  if (isEmpty(data)) return;
   var paths = data.paths,
     svg_width = data.svg_width,
     svg_height = data.svg_height;
@@ -3022,7 +2996,7 @@ function addMGMesh(molding, planData, layer) {
   _addMGMesh(molding, planData, layer, point, svg_width, svg_height, flag);
 }
 var isBaseCabinet = function isBaseCabinet(item) {
-  return item.layoutpos === _constants.BASE_CABINET_LAYOUTPOS;
+  return item.layoutpos === BASE_CABINET_LAYOUTPOS;
 };
 
 /**
@@ -3045,24 +3019,24 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
     var length = data.length; //point array
     var temp_unit = child.height_unit;
     if (temp_unit === 'inch') {
-      child.height = (0, _convertUnitsLite.convert)(child.height).from('in').to('cm');
+      child.height = convert(child.height).from('in').to('cm');
       child.height_unit = 'cm';
     }
     temp_unit = child.width_unit;
     if (temp_unit === 'inch') {
-      child.width = (0, _convertUnitsLite.convert)(child.width).from('in').to('cm');
+      child.width = convert(child.width).from('in').to('cm');
       child.width_unit = 'cm';
     }
     temp_unit = child.length_unit;
     if (temp_unit === 'inch') {
-      child.length = (0, _convertUnitsLite.convert)(child.length).from('in').to('cm');
+      child.length = convert(child.length).from('in').to('cm');
       child.length_unit = 'cm';
     }
     geometry.needsUpdate = true;
     geometry = moldingVertices(pointGroup, geometry, data, child, svg_width, svg_height, molding.pointGroups.length);
     var total = geometry.attributes.position.count;
     var len = geometry.attributes.position.count / length;
-    if (!_export.GeometryUtils.samePoints(pointGroup[0], pointGroup[pointGroup.length - 1])) {
+    if (!GeometryUtils.samePoints(pointGroup[0], pointGroup[pointGroup.length - 1])) {
       len--;
     }
     for (var i = 0; i < len; i++) {
@@ -3103,7 +3077,7 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
         x: data[_i2 + 1].x,
         y: data[_i2 + 1].y
       };
-      var posDistance = (0, _geometry2.verticesDistance)(v1, v2);
+      var posDistance = verticesDistance(v1, v2);
       sumDistance += posDistance;
       if (_i2 === data.length - 2) finalDistance = sumDistance;
       sumDistanceArray.push(sumDistance);
@@ -3115,7 +3089,7 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
     var uvs_item = [];
     for (var _i4 = 0; _i4 < uvs_element_array.length - 1; _i4++) {
       uvs_item = [0, uvs_element_array[_i4], 1, uvs_element_array[_i4], 1, uvs_element_array[_i4 + 1], 1, uvs_element_array[_i4 + 1], 0, uvs_element_array[_i4 + 1], 0, uvs_element_array[_i4]];
-      uvs.push.apply(uvs, (0, _toConsumableArray2["default"])(uvs_item));
+      uvs.push.apply(uvs, _toConsumableArray(uvs_item));
     }
     var all_uvs = [];
     for (var _i5 = 0; _i5 < pointGroup.length; _i5++) {
@@ -3142,15 +3116,15 @@ function deleteCTMesh(countertop, planData, layer) {
     var ct3d = countertop.ct3d;
     if (ct3d) {
       planData.plan.remove(ct3d);
-      (0, _threeMemoryCleaner.disposeObject)(ct3d);
+      disposeObject(ct3d);
     }
   }
 }
-function deleteMGMesh(molding, planData) {
+export function deleteMGMesh(molding, planData) {
   var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   // mode is 3D or elevation
   molding.meshes.forEach(function (mesh) {
-    if ((0, _helper.isElevationView)(mode)) {
+    if (isElevationView(mode)) {
       var _planData$plan$childr;
       // when elevation mode, remove obj same as selected global molding_name in platnData.plan
       (_planData$plan$childr = planData.plan.children) === null || _planData$plan$childr === void 0 || _planData$plan$childr.forEach(function (obj) {
@@ -3160,7 +3134,7 @@ function deleteMGMesh(molding, planData) {
     } else {
       // when 3D mode
       planData.plan.remove(mesh);
-      (0, _threeMemoryCleaner.disposeObject)(mesh);
+      disposeObject(mesh);
     }
   });
   molding.meshes = [];
@@ -3169,10 +3143,10 @@ function log() {
   // console.log(...arguments);
 }
 function addCountertop(CTArray, addItem, planData, layer) {
-  log('addCountertop', (0, _toConsumableArray2["default"])(CTArray), addItem.id);
+  log('addCountertop', _toConsumableArray(CTArray), addItem.id);
   var tmp = planData;
   tmp = tmp && tmp.catalog.getElement(addItem.type);
-  if (!tmp) tmp = planData.catalog.getElement((0, _utils.returnReplaceableDeepSearchType)(addItem.type));
+  if (!tmp) tmp = planData.catalog.getElement(returnReplaceableDeepSearchType(addItem.type));
   var long_name = tmp && tmp.long_name;
   if (long_name.includes('Sink ')) return;
   var newCT = createCTFromItem(addItem, planData.sceneGraph.unit, planData.catalog);
@@ -3195,11 +3169,11 @@ function addCountertop(CTArray, addItem, planData, layer) {
   addCTMesh(newCT, planData, layer);
   CTArray.push(newCT);
 }
-function deleteCountertop(CTArray, delItem, planData, layer) {
+export function deleteCountertop(CTArray, delItem, planData, layer) {
   if (delItem == undefined) {
     return;
   }
-  log('deleteCountertop', (0, _toConsumableArray2["default"])(CTArray), delItem.id);
+  log('deleteCountertop', _toConsumableArray(CTArray), delItem.id);
   var delCT = null;
   var delItemIndex = -1;
   var delCTIndex = CTArray.findIndex(function (el) {
@@ -3222,9 +3196,9 @@ function deleteCountertop(CTArray, delItem, planData, layer) {
     });
   }
 }
-function deleteAllMolding(MGArray, delItem, planData, oldSceneLayer, newSceneLayer) {
-  var tempMGArray = (0, _toConsumableArray2["default"])(MGArray);
-  if ((0, _helper.isEmpty)(delItem)) {
+export function deleteAllMolding(MGArray, delItem, planData, oldSceneLayer, newSceneLayer) {
+  var tempMGArray = _toConsumableArray(MGArray);
+  if (isEmpty(delItem)) {
     return tempMGArray;
   }
 
@@ -3241,7 +3215,7 @@ function deleteAllMolding(MGArray, delItem, planData, oldSceneLayer, newSceneLay
     // find the snapped items with delItem
     var snappedItems = [];
     oldSceneLayer.items.toArray().forEach(function (oItem) {
-      if (oItem.category === 'cabinet' && oItem.id !== delItem.id && _export.MoldingUtils.isItemSnappedItem(delItem, oItem)) {
+      if (oItem.category === 'cabinet' && oItem.id !== delItem.id && MoldingUtils.isItemSnappedItem(delItem, oItem)) {
         snappedItems.push(oItem);
       }
     });
@@ -3253,8 +3227,8 @@ function deleteAllMolding(MGArray, delItem, planData, oldSceneLayer, newSceneLay
   }
   return tempMGArray;
 }
-function addMolding(MGArray, addItem, planData, layer, itemActions, mode) {
-  if (addItem.selected && [_constants.MODE_DRAGGING_ITEM_3D, _constants.MODE_ROTATING_ITEM_3D].includes(mode)) return false;
+export function addMolding(MGArray, addItem, planData, layer, itemActions, mode) {
+  if (addItem.selected && [MODE_DRAGGING_ITEM_3D, MODE_ROTATING_ITEM_3D].includes(mode)) return false;
 
   // If the item is not available for current doorStyle
   if (showYelloBox(addItem))
@@ -3288,15 +3262,15 @@ function addMolding(MGArray, addItem, planData, layer, itemActions, mode) {
   var temp_MGArray = updateMoldingGroupArray(MGArray, addItem, planData, layer, itemActions, mode, 0);
   temp_MGArray.forEach(function (mg) {
     var moldingMesh = mg.meshes[0];
-    if ((0, _helper.isElevationView)(mode)) {
-      if (!(0, _helper.isEmpty)(moldingMesh)) {
-        (0, _helper.replaceMeshesWithLineSegments)(moldingMesh);
+    if (isElevationView(mode)) {
+      if (!isEmpty(moldingMesh)) {
+        replaceMeshesWithLineSegments(moldingMesh);
       }
     }
   });
   return temp_MGArray;
 }
-function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
+export function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
   var itemActions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   var mode = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
   var cnt = arguments.length > 6 ? arguments[6] : undefined;
@@ -3306,9 +3280,9 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
       console.log('updateMoldingGroupArray has limited!');
       return MGArray;
     }
-    var temp_MGArray = (0, _toConsumableArray2["default"])(MGArray);
-    if ((0, _helper.isEmpty)(selItem)) return temp_MGArray;
-    var isEnableMolding = _export.MoldingUtils.isEnableItemForMolding(layer, selItem);
+    var temp_MGArray = _toConsumableArray(MGArray);
+    if (isEmpty(selItem)) return temp_MGArray;
+    var isEnableMolding = MoldingUtils.isEnableItemForMolding(layer, selItem);
     // Make a items group with selItem to create the new MG(molding group) array of selItem
     var itemsForGroup = [selItem];
     var i = 0;
@@ -3316,7 +3290,7 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
       layer.items.toArray().forEach(function (curItem) {
         if (!itemsForGroup.some(function (it) {
           return it.id === curItem.id;
-        }) && curItem.category === 'cabinet' && _export.MoldingUtils.isSameMoldingLayoutpos(curItem, itemsForGroup[i]) && _export.MoldingUtils.isItemSnappedItem(itemsForGroup[i], curItem)) {
+        }) && curItem.category === 'cabinet' && MoldingUtils.isSameMoldingLayoutpos(curItem, itemsForGroup[i]) && MoldingUtils.isItemSnappedItem(itemsForGroup[i], curItem)) {
           itemsForGroup.push(curItem);
         }
       });
@@ -3324,7 +3298,7 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
     }
 
     // Create the new MG(molding group) array of selItem
-    var new_MGArray = _export.MoldingUtils.getAllMoldingGroups(layer, itemsForGroup);
+    var new_MGArray = MoldingUtils.getAllMoldingGroups(layer, itemsForGroup);
 
     // get molding settings of update molding from adjoined item's molding
     var changeMoldings = [];
@@ -3340,13 +3314,13 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
         });
 
         // if current item has not destination molding then set it to the current molding
-        if (!(0, _helper.isEmpty)(destMolding) && !selItem.molding.some(function (md) {
+        if (!isEmpty(destMolding) && !selItem.molding.some(function (md) {
           return md.location_type === destMolding.location_type;
         })) {
           // only update with the same height cabinet or update the bottom molding setting
           // itemActions.setMolding(destMoldings[i], false);
           changeMoldings.push(destMolding);
-        } else if ((0, _helper.isEmpty)(destMolding) && selItem.molding.some(function (md) {
+        } else if (isEmpty(destMolding) && selItem.molding.some(function (md) {
           return md.location_type === mg.location_type;
         })) {
           // if current item has more molding than adjoined then remove theses moldings
@@ -3364,7 +3338,7 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
       var filteredNewMGList = new_MGArray.filter(function (mg) {
         return mg.location_type === oldMG.location_type;
       });
-      if ((0, _helper.isEmpty)(filteredNewMGList)) {
+      if (isEmpty(filteredNewMGList)) {
         return true;
       }
       var _loop3 = function _loop3() {
@@ -3438,7 +3412,7 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
             if (mg.molding !== null && mg.molding.itemID !== molding.itemID) {
               deleteMGMesh(mg, planData, mode);
             }
-            mg = _export.MoldingUtils.createMonldingGroup(mg, layer, molding, planData.catalog);
+            mg = MoldingUtils.createMonldingGroup(mg, layer, molding, planData.catalog);
           }
           if (!mg.meshes.length) {
             addMGMesh(mg, planData, layer);
@@ -3467,7 +3441,7 @@ function updateMoldingGroupArray(MGArray, selItem, planData, layer) {
     return MGArray;
   }
 }
-function removeSelItemMesh(MGArray, selItem, planData, mode) {
+export function removeSelItemMesh(MGArray, selItem, planData, mode) {
   if (selItem) {
     if (!selItem.selected) {
       return;
@@ -3497,7 +3471,7 @@ function removeSelItemMesh(MGArray, selItem, planData, mode) {
  *
  * And one-door-cabinet is the same case with the left door of two-door-cabinet
  */
-function updateDoorHandleMesh(_, item3D, flip) {
+export function updateDoorHandleMesh(_, item3D, flip) {
   if (!item3D) {
     console.error('Item mesh is undefined.');
     return;
@@ -3578,11 +3552,11 @@ function updateDoorHandleMesh(_, item3D, flip) {
     }
   });
 }
-function addWarningBox(itemId, altitude, planData) {
+export function addWarningBox(itemId, altitude, planData) {
   deleteSpecifiedMeshObjects('WarningBox' + itemId);
   var item3D = planData.sceneGraph.layers[planData.sceneData.selectedLayer].items[itemId];
   if (item3D == undefined) return;
-  var altitudeLength = (0, _convertUnitsLite.convert)(altitude).from('in').to('cm');
+  var altitudeLength = convert(altitude).from('in').to('cm');
   var sBounding = item3D.children[0].userData;
   var width = sBounding.max.x - sBounding.min.x;
   var height = sBounding.max.y - sBounding.min.y;
@@ -3604,7 +3578,7 @@ function addWarningBox(itemId, altitude, planData) {
   warnBoxObj.name = 'WarningBox' + itemId;
   // planData.plan.add(warnBoxObj);
 }
-function checkCabinetOverlap(itemPos, itemRect, holeItems, planData) {
+export function checkCabinetOverlap(itemPos, itemRect, holeItems, planData) {
   if (holeItems.length) {
     var depth = itemRect.size.depth;
     var i;
@@ -3621,7 +3595,7 @@ function checkCabinetOverlap(itemPos, itemRect, holeItems, planData) {
     if (i != holeItems.length) {
       var altitude = itemRect.itemInfo.properties.get('altitude').get('_length');
       var altitudeUnit = itemRect.itemInfo.properties.get('altitude').get('_unit') || 'cm';
-      altitude = (0, _convertUnitsLite.convert)(altitude).from(altitudeUnit).to('cm');
+      altitude = convert(altitude).from(altitudeUnit).to('cm');
       addWarningBox(itemRect.itemInfo.id, altitude, planData);
     }
   }