kitchen-simulator 4.0.7 → 4.0.8

package/es/catalog/utils/exporter.js

@@ -20,9 +20,18 @@ export default function (_ref) {
     alti = _ref.alti,
     obj_property = _ref.obj_property,
     outlineSVGData = _ref.outlineSVGData,
-    cds = _ref.cds;
+    cds = _ref.cds,
+    _ref$width_unit = _ref.width_unit,
+    width_unit = _ref$width_unit === void 0 ? 'in' : _ref$width_unit,
+    _ref$height_unit = _ref.height_unit,
+    height_unit = _ref$height_unit === void 0 ? 'in' : _ref$height_unit,
+    _ref$length_unit = _ref.length_unit,
+    length_unit = _ref$length_unit === void 0 ? 'in' : _ref$length_unit;
+  var widthUnit = width_unit === 'inch' ? 'in' : width_unit;
+  var heightUnit = height_unit === 'inch' ? 'in' : height_unit;
+  var lengthUnit = length_unit === 'inch' ? 'in' : length_unit;
   var _length = alti || 0;
-  var length = convert(_length).from('in').to('cm');
+  var length = convert(_length).from(lengthUnit).to('cm');
   // const length = _length;
 
   var additional_props = [];
@@ -33,8 +42,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: convert(sizeinfo.width).from(widthUnit).to('cm')
         }
       }
     };
@@ -46,8 +55,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: convert(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: convert(sizeinfo.width).from(widthUnit).to('cm')
         }
       },
       depth: {
@@ -55,8 +64,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.depth,
-          _unit: 'in',
-          length: convert(sizeinfo.depth).from('in').to('cm')
+          _unit: lengthUnit,
+          length: convert(sizeinfo.depth).from(lengthUnit).to('cm')
         }
       },
       height: {
@@ -64,8 +73,8 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.height,
-          _unit: 'in',
-          length: convert(sizeinfo.height).from('in').to('cm')
+          _unit: heightUnit,
+          length: convert(sizeinfo.height).from(heightUnit).to('cm')
         }
       }
     };
@@ -97,7 +106,7 @@ export default function (_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: _length,
-          _unit: 'in',
+          _unit: lengthUnit,
           length: length
         }
       },
@@ -138,6 +147,9 @@ export default function (_ref) {
     obj: obj_property,
     cds: cds,
     structure_json: structure_json,
+    width_unit: widthUnit,
+    length_unit: lengthUnit,
+    height_unit: heightUnit,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },

package/es/class/project.js

@@ -103,6 +103,8 @@ var Project = /*#__PURE__*/function () {
       //   sceneJSON && (sceneJSON.layers[layerID] = newlayer);
       // }
 
+      // check type of ceilHeight and make it to Number
+      if (typeof sceneJSON.layers[layerID].ceilHeight !== 'number') sceneJSON.layers[layerID].ceilHeight = Number(sceneJSON.layers[layerID].ceilHeight);
       var newScene = new Scene(sceneJSON);
       state = new State({
         scene: newScene.toJS(),

package/es/components/viewer2d/rulerDist.js

@@ -68,7 +68,7 @@ export default function RulerDist(_ref) {
     ay = 5;
   }
   if (ruLength > 0) {
-    if (ruLength < 28) {
+    if (convert(ruLength).from(rulerUnit).to('in') < 3) {
       return /*#__PURE__*/React.createElement("g", {
         transform: transform
       }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {

package/es/components/viewer2d/viewer2d.js

@@ -931,6 +931,7 @@ export default function Viewer2D(_ref, _ref2) {
               // handle action when click elevation about selected line
               var _mode = MODE_ELEVATION_VIEW;
               projectActions.setMode(_mode);
+              internalType = constants.INTERNAL_EVENT_TOGGLE_TO_ELEVATION;
               break;
             } else {
               var tlines = [];

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

@@ -893,7 +893,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
 }
 export function getDistances(layer, isCalcWall) {
   fVLine.forEach(function (line, index) {
-    getLineDistance(line, layer, isCalcWall === undefined ? false : isCalcWall, index);
+    getLineDistance(line, layer, isEmpty(isCalcWall) ? false : isCalcWall, index);
   });
 }
 function getLineDistance(obj, layer, isCalcWall, index) {
@@ -985,6 +985,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
           sprite1.renderOrder = 2;
           sprite1.scale.set(0.2, 0.1, 0.2);
           sprite1.layers.set(1);
+          sprite1.material.depthTest = false;
           obj.add(sprite1);
           if (obj.parent != null) {
             // is not lighting
@@ -1073,7 +1074,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 = formatNumber(distance, DECIMAL_PLACES_2);
+      var _dist = convert(formatNumber(distance, DECIMAL_PLACES_2)).from('cm').to('in');
       if (_dist > 3) {
         var _canvas2 = getDistanceCanvas(_dist, layer);
         var _wid = _canvas2.width / window.innerWidth * 30;
@@ -1876,6 +1877,7 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
   if (!catalogElement) catalogElement = catalog.getElement(returnReplaceableDeepSearchType(item.type));
   if (!catalogElement) return false;
   return catalogElement.render3D(item, layer, sceneData, mode).then(function (item3D) {
+    var _item$properties$getI, _item$properties$getI2, _item$properties$getI3;
     if (item3D instanceof Three.LOD) {
       planData.sceneGraph.LODs[itemID] = item3D;
     }
@@ -1991,9 +1993,9 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
     var catid = item.type;
     var cat = catalog.elements[catid];
     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);
+    var width = convert(item.properties.getIn(['width', '_length'])).from((_item$properties$getI = item.properties.getIn(['width', '_unit'])) !== null && _item$properties$getI !== void 0 ? _item$properties$getI : 'in').to(sceneData.unit);
+    var height = convert(item.properties.getIn(['height', '_length'])).from((_item$properties$getI2 = item.properties.getIn(['height', '_unit'])) !== null && _item$properties$getI2 !== void 0 ? _item$properties$getI2 : 'in').to(sceneData.unit);
+    var depth = convert(item.properties.getIn(['depth', '_length'])).from((_item$properties$getI3 = item.properties.getIn(['depth', '_unit'])) !== null && _item$properties$getI3 !== void 0 ? _item$properties$getI3 : 'in').to(sceneData.unit);
     val.size = {
       width: width,
       height: height,
@@ -3064,23 +3066,18 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
   // let layoutType = molding.items[0].layoutpos;
   // let visible = molding.items[0];
   molding.pointGroups.forEach(function (pointGroup) {
+    var _child$width_unit, _child$height_unit, _child$length_unit;
     var geometry = new Three.BufferGeometry();
     var length = data.length; //point array
-    var temp_unit = child.height_unit;
-    if (temp_unit === 'inch') {
-      child.height = convert(child.height).from('in').to('cm');
-      child.height_unit = 'cm';
-    }
-    temp_unit = child.width_unit;
-    if (temp_unit === 'inch') {
-      child.width = convert(child.width).from('in').to('cm');
-      child.width_unit = 'cm';
-    }
-    temp_unit = child.length_unit;
-    if (temp_unit === 'inch') {
-      child.length = convert(child.length).from('in').to('cm');
-      child.length_unit = 'cm';
-    }
+    var widthUnit = child.width_unit === 'inch' ? 'in' : (_child$width_unit = child.width_unit) !== null && _child$width_unit !== void 0 ? _child$width_unit : 'in';
+    var heightUnit = child.height_unit === 'inch' ? 'in' : (_child$height_unit = child.height_unit) !== null && _child$height_unit !== void 0 ? _child$height_unit : 'in';
+    var lengthUnit = child.length_unit === 'inch' ? 'in' : (_child$length_unit = child.length_unit) !== null && _child$length_unit !== void 0 ? _child$length_unit : 'in';
+    child.height = convert(child.height).from(heightUnit).to('cm');
+    child.height_unit = 'cm';
+    child.width = convert(child.width).from(widthUnit).to('cm');
+    child.width_unit = 'cm';
+    child.length = convert(child.length).from(lengthUnit).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;
@@ -3612,7 +3609,7 @@ 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 = convert(altitude).from('in').to('cm');
+  var altitudeLength = altitude;
   var sBounding = item3D.children[0].userData;
   var width = sBounding.max.x - sBounding.min.x;
   var height = sBounding.max.y - sBounding.min.y;

package/es/components/viewer3d/viewer3d.js

@@ -822,11 +822,12 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         }
         var source = obj.parent.parent.parent;
         if (target.userData.type == 'item') {
+          var _item$properties$getI;
           var sRot = layer.getIn(['items', source.userData.itemId]).rotation;
           var tRot = layer.getIn(['items', target.userData.itemId]) ? layer.getIn(['items', target.userData.itemId]).rotation : 0;
           var item = layer.getIn(['items', source.userData.itemId]);
           var layoutType = item.layoutpos;
-          var altitudeLength = convert(item.properties.getIn(['altitude', '_length'])).from('in').to('cm');
+          var altitudeLength = convert(item.properties.getIn(['altitude', '_length'])).from((_item$properties$getI = item.properties.getIn(['altitude', '_unit'])) !== null && _item$properties$getI !== void 0 ? _item$properties$getI : 'in').to('cm');
           var sBounding = source.children[0].userData;
           var tBounding = target.children[0].userData;
           var tPos = target.position.clone();
@@ -926,8 +927,9 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
             snapFlag = false;
             return;
           } else {
+            var _item3$properties$get;
             var _layoutType = _item3.layoutpos;
-            var _altitudeLength = convert(_item3.properties.getIn(['altitude', '_length'])).from('in').to('cm');
+            var _altitudeLength = convert(_item3.properties.getIn(['altitude', '_length'])).from((_item3$properties$get = _item3.properties.getIn(['altitude', '_unit'])) !== null && _item3$properties$get !== void 0 ? _item3$properties$get : 'in').to('cm');
             var _sBounding = source.children[0].userData;
             var _width = _sBounding.max.x - _sBounding.min.x;
             var _height = _sBounding.max.y - _sBounding.min.y;

package/es/constants.js

@@ -751,6 +751,7 @@ export var INTERNAL_EVENT_DRAW_ELEMENT = 'INTERNAL_EVENT_DRAW_ELEMENT';
 export var INTERNAL_EVENT_ROTATE_ELEMENT = 'INTERNAL_EVENT_ROTATE_ELEMENT';
 export var INTERNAL_EVENT_REPLACE_CABINET = 'INTERNAL_EVENT_REPLACE_CABINET';
 export var INTERNAL_EVENT_START_DRAW_WALL = 'INTERNAL_EVENT_START_DRAW_WALL';
+export var INTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'INTERNAL_EVENT_TOGGLE_TO_ELEVATION';
 
 // room shape type
 export var ROOM_SHAPE_TYPE = {

package/es/index.js

@@ -24,7 +24,7 @@ function nextFrame() {
 }
 
 // DIY-714 [Temp Fix] Rewrite API URLs
-var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com)/;
+var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com|127\.0\.0\.1:4002)/;
 var API_HOST_REPLACEMENT = 'https://api-old.diydesignspace.com';
 function rewriteApiUrl(url) {
   return typeof url === 'string' ? url.replace(API_HOST_REGEX, API_HOST_REPLACEMENT) : url;

package/es/models.js

@@ -358,6 +358,7 @@ export var Catalog = /*#__PURE__*/function (_Record10) {
   return _createClass(Catalog, [{
     key: "factoryElement",
     value: function factoryElement(type, options, initialProperties, state) {
+      var _element$structure_js, _element$structure_js2, _element$structure_js3, _element$structure_js4, _element$structure_js5, _element$structure_js6;
       if (!this.elements.has(type)) {
         var catList = this.elements.map(function (element) {
           return element.name;
@@ -365,6 +366,9 @@ export var Catalog = /*#__PURE__*/function (_Record10) {
         throw new Error("Element ".concat(type, " does not exist in catalog ").concat(catList));
       }
       var element = this.elements.get(type);
+      var widthUnit = (_element$structure_js = element === null || element === void 0 || (_element$structure_js2 = element.structure_json) === null || _element$structure_js2 === void 0 ? void 0 : _element$structure_js2.width_unit) !== null && _element$structure_js !== void 0 ? _element$structure_js : 'in';
+      var heightUnit = (_element$structure_js3 = element === null || element === void 0 || (_element$structure_js4 = element.structure_json) === null || _element$structure_js4 === void 0 ? void 0 : _element$structure_js4.height_unit) !== null && _element$structure_js3 !== void 0 ? _element$structure_js3 : 'in';
+      var lengthUnit = (_element$structure_js5 = element === null || element === void 0 || (_element$structure_js6 = element.structure_json) === null || _element$structure_js6 === void 0 ? void 0 : _element$structure_js6.length_unit) !== null && _element$structure_js5 !== void 0 ? _element$structure_js5 : 'in';
       var properties = element.properties.map(function (value, key) {
         return initialProperties && initialProperties.has(key) ? initialProperties.get(key) : value.get('defaultValue');
       });
@@ -391,18 +395,18 @@ export var Catalog = /*#__PURE__*/function (_Record10) {
           var _sizeinfo = {
             width: new Map({
               _length: temp.width,
-              _unit: 'in',
-              length: convert(temp.width).from('in').to('cm')
+              _unit: widthUnit,
+              length: convert(temp.width).from(widthUnit).to('cm') // unit of size in dataBundle is inch
             }),
             height: new Map({
               _length: temp.height,
-              _unit: 'in',
-              length: convert(temp.height).from('in').to('cm')
+              _unit: heightUnit,
+              length: convert(temp.height).from(heightUnit).to('cm')
             }),
             depth: new Map({
               _length: temp.depth,
-              _unit: 'in',
-              length: convert(temp.depth).from('in').to('cm')
+              _unit: lengthUnit,
+              length: convert(temp.depth).from(lengthUnit).to('cm')
             })
           };
           properties = properties.set('width', _sizeinfo.width).set('height', _sizeinfo.height).set('depth', _sizeinfo.depth);

package/es/reducers/viewer2d-reducer.js

@@ -29,8 +29,10 @@ export default function (state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - convert(height).from(heightUnit).to('in');
+            var newAltitude = convert(action.value).from(_layer.unit).to('in') - convert(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], convert(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], convert(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/es/reducers/viewer3d-reducer.js

@@ -34,8 +34,10 @@ export default function (state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - convert(height).from(heightUnit).to('in');
+            var newAltitude = convert(action.value).from(_layer.unit).to('in') - convert(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], convert(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], convert(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/es/utils/geometry.js

@@ -741,9 +741,9 @@ export function getAllItemSpecified(scene, catalog, filter) {
     var info = cat === null || cat === void 0 ? void 0 : cat.info;
     var props = item.properties;
     var getSize = function getSize(key) {
-      var _props$getIn;
+      var _props$getIn, _props$getIn2, _props$getIn3;
       var length = props === null || props === void 0 || (_props$getIn = props.getIn) === null || _props$getIn === void 0 ? void 0 : _props$getIn.call(props, [key, '_length']);
-      return length != null ? convert(length).from('in').to(scene.unit) : 0;
+      return length != null ? convert(length).from((_props$getIn2 = props === null || props === void 0 || (_props$getIn3 = props.getIn) === null || _props$getIn3 === void 0 ? void 0 : _props$getIn3.call(props, [key, '_unit'])) !== null && _props$getIn2 !== void 0 ? _props$getIn2 : 'in').to(scene.unit) : 0;
     };
     val.size = {
       width: getSize('width'),
@@ -2550,10 +2550,10 @@ export function calcDistancesFromItemToWalls(curItem, layer) {
     height: height
   };
   var curiteminfo = getCalcRectFromItem2(itemInfo);
-  var allItemRect = getAllItems2(curItem, layer);
-  var allLines = getAllLines(layer);
-  var allLineRects = buildRectFromLines(layer, allLines);
-  var allRect = allLineRects.concat(allItemRect.others);
+  var allItemRect = getAllItems2(curItem, layer); // get all item edge rects
+  var allLines = getAllLines(layer); // get all wall lines
+  var allLineRects = buildRectFromLines(layer, allLines); // make line rects from wall lines
+  var allRect = allLineRects.concat(allItemRect.others); // item edges + wall lines
   var _loop = function _loop(i) {
     // [rectCenterPoint] has four middle points of cabinet rect edges
     var centerpoint = curiteminfo.rectCenterPoint[i];

package/lib/catalog/utils/exporter.js

@@ -27,9 +27,18 @@ function _default(_ref) {
     alti = _ref.alti,
     obj_property = _ref.obj_property,
     outlineSVGData = _ref.outlineSVGData,
-    cds = _ref.cds;
+    cds = _ref.cds,
+    _ref$width_unit = _ref.width_unit,
+    width_unit = _ref$width_unit === void 0 ? 'in' : _ref$width_unit,
+    _ref$height_unit = _ref.height_unit,
+    height_unit = _ref$height_unit === void 0 ? 'in' : _ref$height_unit,
+    _ref$length_unit = _ref.length_unit,
+    length_unit = _ref$length_unit === void 0 ? 'in' : _ref$length_unit;
+  var widthUnit = width_unit === 'inch' ? 'in' : width_unit;
+  var heightUnit = height_unit === 'inch' ? 'in' : height_unit;
+  var lengthUnit = length_unit === 'inch' ? 'in' : length_unit;
   var _length = alti || 0;
-  var length = (0, _convertUnitsLite.convert)(_length).from('in').to('cm');
+  var length = (0, _convertUnitsLite.convert)(_length).from(lengthUnit).to('cm');
   // const length = _length;
 
   var additional_props = [];
@@ -40,8 +49,8 @@ function _default(_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from(widthUnit).to('cm')
         }
       }
     };
@@ -53,8 +62,8 @@ function _default(_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.width,
-          _unit: 'in',
-          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm')
+          _unit: widthUnit,
+          length: (0, _convertUnitsLite.convert)(sizeinfo.width).from(widthUnit).to('cm')
         }
       },
       depth: {
@@ -62,8 +71,8 @@ function _default(_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.depth,
-          _unit: 'in',
-          length: (0, _convertUnitsLite.convert)(sizeinfo.depth).from('in').to('cm')
+          _unit: lengthUnit,
+          length: (0, _convertUnitsLite.convert)(sizeinfo.depth).from(lengthUnit).to('cm')
         }
       },
       height: {
@@ -71,8 +80,8 @@ function _default(_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: sizeinfo.height,
-          _unit: 'in',
-          length: (0, _convertUnitsLite.convert)(sizeinfo.height).from('in').to('cm')
+          _unit: heightUnit,
+          length: (0, _convertUnitsLite.convert)(sizeinfo.height).from(heightUnit).to('cm')
         }
       }
     };
@@ -104,7 +113,7 @@ function _default(_ref) {
         type: 'length-measure',
         defaultValue: {
           _length: _length,
-          _unit: 'in',
+          _unit: lengthUnit,
           length: length
         }
       },
@@ -145,6 +154,9 @@ function _default(_ref) {
     obj: obj_property,
     cds: cds,
     structure_json: structure_json,
+    width_unit: widthUnit,
+    length_unit: lengthUnit,
+    height_unit: heightUnit,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },

package/lib/class/project.js

@@ -112,6 +112,8 @@ var Project = exports["default"] = /*#__PURE__*/function () {
       //   sceneJSON && (sceneJSON.layers[layerID] = newlayer);
       // }
 
+      // check type of ceilHeight and make it to Number
+      if (typeof sceneJSON.layers[layerID].ceilHeight !== 'number') sceneJSON.layers[layerID].ceilHeight = Number(sceneJSON.layers[layerID].ceilHeight);
       var newScene = new _models.Scene(sceneJSON);
       state = new _models.State({
         scene: newScene.toJS(),

package/lib/components/viewer2d/rulerDist.js

@@ -75,7 +75,7 @@ function RulerDist(_ref) {
     ay = 5;
   }
   if (ruLength > 0) {
-    if (ruLength < 28) {
+    if ((0, _convertUnitsLite.convert)(ruLength).from(rulerUnit).to('in') < 3) {
       return /*#__PURE__*/_react["default"].createElement("g", {
         transform: transform
       }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("text", {

package/lib/components/viewer2d/viewer2d.js

@@ -940,6 +940,7 @@ function Viewer2D(_ref, _ref2) {
               // handle action when click elevation about selected line
               var _mode = _constants.MODE_ELEVATION_VIEW;
               projectActions.setMode(_mode);
+              internalType = constants.INTERNAL_EVENT_TOGGLE_TO_ELEVATION;
               break;
             } else {
               var tlines = [];

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

@@ -928,7 +928,7 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
 }
 function getDistances(layer, isCalcWall) {
   fVLine.forEach(function (line, index) {
-    getLineDistance(line, layer, isCalcWall === undefined ? false : isCalcWall, index);
+    getLineDistance(line, layer, (0, _helper.isEmpty)(isCalcWall) ? false : isCalcWall, index);
   });
 }
 function getLineDistance(obj, layer, isCalcWall, index) {
@@ -1020,6 +1020,7 @@ function getLineDistance(obj, layer, isCalcWall, index) {
           sprite1.renderOrder = 2;
           sprite1.scale.set(0.2, 0.1, 0.2);
           sprite1.layers.set(1);
+          sprite1.material.depthTest = false;
           obj.add(sprite1);
           if (obj.parent != null) {
             // is not lighting
@@ -1108,7 +1109,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 = (0, _convertUnitsLite.convert)((0, _math.formatNumber)(distance, _constants.DECIMAL_PLACES_2)).from('cm').to('in');
       if (_dist > 3) {
         var _canvas2 = getDistanceCanvas(_dist, layer);
         var _wid = _canvas2.width / window.innerWidth * 30;
@@ -1911,6 +1912,7 @@ function addItem(sceneData, planData, layer, itemID, catalog, itemsActions) {
   if (!catalogElement) catalogElement = catalog.getElement((0, _utils.returnReplaceableDeepSearchType)(item.type));
   if (!catalogElement) return false;
   return catalogElement.render3D(item, layer, sceneData, mode).then(function (item3D) {
+    var _item$properties$getI, _item$properties$getI2, _item$properties$getI3;
     if (item3D instanceof Three.LOD) {
       planData.sceneGraph.LODs[itemID] = item3D;
     }
@@ -2026,9 +2028,9 @@ 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);
+    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from((_item$properties$getI = item.properties.getIn(['width', '_unit'])) !== null && _item$properties$getI !== void 0 ? _item$properties$getI : 'in').to(sceneData.unit);
+    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['height', '_length'])).from((_item$properties$getI2 = item.properties.getIn(['height', '_unit'])) !== null && _item$properties$getI2 !== void 0 ? _item$properties$getI2 : 'in').to(sceneData.unit);
+    var depth = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from((_item$properties$getI3 = item.properties.getIn(['depth', '_unit'])) !== null && _item$properties$getI3 !== void 0 ? _item$properties$getI3 : 'in').to(sceneData.unit);
     val.size = {
       width: width,
       height: height,
@@ -3099,23 +3101,18 @@ function _addMGMesh(molding, planData, layer, data, svg_width, svg_height, flag)
   // let layoutType = molding.items[0].layoutpos;
   // let visible = molding.items[0];
   molding.pointGroups.forEach(function (pointGroup) {
+    var _child$width_unit, _child$height_unit, _child$length_unit;
     var geometry = new Three.BufferGeometry();
     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_unit = 'cm';
-    }
-    temp_unit = child.width_unit;
-    if (temp_unit === 'inch') {
-      child.width = (0, _convertUnitsLite.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_unit = 'cm';
-    }
+    var widthUnit = child.width_unit === 'inch' ? 'in' : (_child$width_unit = child.width_unit) !== null && _child$width_unit !== void 0 ? _child$width_unit : 'in';
+    var heightUnit = child.height_unit === 'inch' ? 'in' : (_child$height_unit = child.height_unit) !== null && _child$height_unit !== void 0 ? _child$height_unit : 'in';
+    var lengthUnit = child.length_unit === 'inch' ? 'in' : (_child$length_unit = child.length_unit) !== null && _child$length_unit !== void 0 ? _child$length_unit : 'in';
+    child.height = (0, _convertUnitsLite.convert)(child.height).from(heightUnit).to('cm');
+    child.height_unit = 'cm';
+    child.width = (0, _convertUnitsLite.convert)(child.width).from(widthUnit).to('cm');
+    child.width_unit = 'cm';
+    child.length = (0, _convertUnitsLite.convert)(child.length).from(lengthUnit).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;
@@ -3647,7 +3644,7 @@ 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 = altitude;
   var sBounding = item3D.children[0].userData;
   var width = sBounding.max.x - sBounding.min.x;
   var height = sBounding.max.y - sBounding.min.y;

package/lib/components/viewer3d/viewer3d.js

@@ -829,11 +829,12 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         }
         var source = obj.parent.parent.parent;
         if (target.userData.type == 'item') {
+          var _item$properties$getI;
           var sRot = layer.getIn(['items', source.userData.itemId]).rotation;
           var tRot = layer.getIn(['items', target.userData.itemId]) ? layer.getIn(['items', target.userData.itemId]).rotation : 0;
           var item = layer.getIn(['items', source.userData.itemId]);
           var layoutType = item.layoutpos;
-          var altitudeLength = (0, _convertUnitsLite.convert)(item.properties.getIn(['altitude', '_length'])).from('in').to('cm');
+          var altitudeLength = (0, _convertUnitsLite.convert)(item.properties.getIn(['altitude', '_length'])).from((_item$properties$getI = item.properties.getIn(['altitude', '_unit'])) !== null && _item$properties$getI !== void 0 ? _item$properties$getI : 'in').to('cm');
           var sBounding = source.children[0].userData;
           var tBounding = target.children[0].userData;
           var tPos = target.position.clone();
@@ -933,8 +934,9 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
             snapFlag = false;
             return;
           } else {
+            var _item3$properties$get;
             var _layoutType = _item3.layoutpos;
-            var _altitudeLength = (0, _convertUnitsLite.convert)(_item3.properties.getIn(['altitude', '_length'])).from('in').to('cm');
+            var _altitudeLength = (0, _convertUnitsLite.convert)(_item3.properties.getIn(['altitude', '_length'])).from((_item3$properties$get = _item3.properties.getIn(['altitude', '_unit'])) !== null && _item3$properties$get !== void 0 ? _item3$properties$get : 'in').to('cm');
             var _sBounding = source.children[0].userData;
             var _width = _sBounding.max.x - _sBounding.min.x;
             var _height = _sBounding.max.y - _sBounding.min.y;

package/lib/constants.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.ELEMENT_VERTEX = exports.ELEMENT_LINE = exports.ELEMENT_ITEM = exports.ELEMENT_HOLE = exports.ELEMENT_AREA = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_MEASUREMENT_LINE_COLOR = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.DASH_LINE_COLOR = exports.CREATE_ROOM_WITH_SHAPE = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_MEASUREMENT_UNIT = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_ITEM_MEASUREMENT_LINE_COLOR = exports.BASE_CABINET_LAYOUTPOS = exports.BACK_DIST_ANG = exports.ATT_VERTEXT_TWO = exports.ATT_VERTEXT_ONE = exports.ATT_LINE_LENGTH = exports.ATT_ITEM_ROTATION = exports.ATT_ITEM_POS = exports.ATT_HOLE_OFFSET_B = exports.ATT_HOLE_OFFSET_A = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
-exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ZOOM_IN_SCALE = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT_DIST_ANG = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_UNSELECT_ALL = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_ITEMS_CATALOG = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_NAMES = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FRONT_DIST_ANG = exports.FINISHING_TYPE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UPDATE_PROPERTY = exports.EXTERNAL_EVENT_UPDATE_ATTRIBUTE = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = exports.EXTERNAL_EVENT_SET_FINISHING = exports.EXTERNAL_EVENT_ROTATE_PAN = exports.EXTERNAL_EVENT_REPLACE_CABINET = exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_DUPLICATE_ELEMENT = exports.EXTERNAL_EVENT_DELETE_ELEMENT = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CENTERING_2D = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_HOLE = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = void 0;
-exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_TYPE = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT_DIST_ANG = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROP_RESIZE_WIDTH = exports.PROP_RESIZE_HEIGHT = exports.PROP_RESIZE_DEPTH = exports.PROP_OPEN_DOORS = exports.PROP_FLIP_DOOR_HANDLE = exports.PROP_ALTITUDE = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = void 0;
-exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = void 0;
-exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = void 0;
+exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ZOOM_IN_SCALE = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT_DIST_ANG = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_UNSELECT_ALL = exports.INTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_ITEMS_CATALOG = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_NAMES = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FRONT_DIST_ANG = exports.FINISHING_TYPE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UPDATE_PROPERTY = exports.EXTERNAL_EVENT_UPDATE_ATTRIBUTE = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = exports.EXTERNAL_EVENT_SET_FINISHING = exports.EXTERNAL_EVENT_ROTATE_PAN = exports.EXTERNAL_EVENT_REPLACE_CABINET = exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_DUPLICATE_ELEMENT = exports.EXTERNAL_EVENT_DELETE_ELEMENT = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CENTERING_2D = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_HOLE = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = void 0;
+exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_TYPE = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT_DIST_ANG = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROP_RESIZE_WIDTH = exports.PROP_RESIZE_HEIGHT = exports.PROP_RESIZE_DEPTH = exports.PROP_OPEN_DOORS = exports.PROP_FLIP_DOOR_HANDLE = exports.PROP_ALTITUDE = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = void 0;
+exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = void 0;
+exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = void 0;
 //API server
 // export const API_SERVER = 'http://localhost:3000/';
 // ACTIONS project
@@ -761,6 +761,7 @@ var INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAW_ELEMENT = 'INTERNA
 var INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = 'INTERNAL_EVENT_ROTATE_ELEMENT';
 var INTERNAL_EVENT_REPLACE_CABINET = exports.INTERNAL_EVENT_REPLACE_CABINET = 'INTERNAL_EVENT_REPLACE_CABINET';
 var INTERNAL_EVENT_START_DRAW_WALL = exports.INTERNAL_EVENT_START_DRAW_WALL = 'INTERNAL_EVENT_START_DRAW_WALL';
+var INTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.INTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'INTERNAL_EVENT_TOGGLE_TO_ELEVATION';
 
 // room shape type
 var ROOM_SHAPE_TYPE = exports.ROOM_SHAPE_TYPE = {

package/lib/index.js

@@ -34,7 +34,7 @@ function nextFrame() {
 }
 
 // DIY-714 [Temp Fix] Rewrite API URLs
-var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com)/;
+var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com|127\.0\.0\.1:4002)/;
 var API_HOST_REPLACEMENT = 'https://api-old.diydesignspace.com';
 function rewriteApiUrl(url) {
   return typeof url === 'string' ? url.replace(API_HOST_REGEX, API_HOST_REPLACEMENT) : url;

package/lib/models.js

@@ -365,6 +365,7 @@ var Catalog = exports.Catalog = /*#__PURE__*/function (_Record10) {
   return (0, _createClass2["default"])(Catalog, [{
     key: "factoryElement",
     value: function factoryElement(type, options, initialProperties, state) {
+      var _element$structure_js, _element$structure_js2, _element$structure_js3, _element$structure_js4, _element$structure_js5, _element$structure_js6;
       if (!this.elements.has(type)) {
         var catList = this.elements.map(function (element) {
           return element.name;
@@ -372,6 +373,9 @@ var Catalog = exports.Catalog = /*#__PURE__*/function (_Record10) {
         throw new Error("Element ".concat(type, " does not exist in catalog ").concat(catList));
       }
       var element = this.elements.get(type);
+      var widthUnit = (_element$structure_js = element === null || element === void 0 || (_element$structure_js2 = element.structure_json) === null || _element$structure_js2 === void 0 ? void 0 : _element$structure_js2.width_unit) !== null && _element$structure_js !== void 0 ? _element$structure_js : 'in';
+      var heightUnit = (_element$structure_js3 = element === null || element === void 0 || (_element$structure_js4 = element.structure_json) === null || _element$structure_js4 === void 0 ? void 0 : _element$structure_js4.height_unit) !== null && _element$structure_js3 !== void 0 ? _element$structure_js3 : 'in';
+      var lengthUnit = (_element$structure_js5 = element === null || element === void 0 || (_element$structure_js6 = element.structure_json) === null || _element$structure_js6 === void 0 ? void 0 : _element$structure_js6.length_unit) !== null && _element$structure_js5 !== void 0 ? _element$structure_js5 : 'in';
       var properties = element.properties.map(function (value, key) {
         return initialProperties && initialProperties.has(key) ? initialProperties.get(key) : value.get('defaultValue');
       });
@@ -398,18 +402,18 @@ var Catalog = exports.Catalog = /*#__PURE__*/function (_Record10) {
           var _sizeinfo = {
             width: new _immutable.Map({
               _length: temp.width,
-              _unit: 'in',
-              length: (0, _convertUnitsLite.convert)(temp.width).from('in').to('cm')
+              _unit: widthUnit,
+              length: (0, _convertUnitsLite.convert)(temp.width).from(widthUnit).to('cm') // unit of size in dataBundle is inch
             }),
             height: new _immutable.Map({
               _length: temp.height,
-              _unit: 'in',
-              length: (0, _convertUnitsLite.convert)(temp.height).from('in').to('cm')
+              _unit: heightUnit,
+              length: (0, _convertUnitsLite.convert)(temp.height).from(heightUnit).to('cm')
             }),
             depth: new _immutable.Map({
               _length: temp.depth,
-              _unit: 'in',
-              length: (0, _convertUnitsLite.convert)(temp.depth).from('in').to('cm')
+              _unit: lengthUnit,
+              length: (0, _convertUnitsLite.convert)(temp.depth).from(lengthUnit).to('cm')
             })
           };
           properties = properties.set('width', _sizeinfo.width).set('height', _sizeinfo.height).set('depth', _sizeinfo.depth);

package/lib/reducers/viewer2d-reducer.js

@@ -35,8 +35,10 @@ function _default(state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
+            var newAltitude = (0, _convertUnitsLite.convert)(action.value).from(_layer.unit).to('in') - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/lib/reducers/viewer3d-reducer.js

@@ -40,8 +40,10 @@ function _default(state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
+            var newAltitude = (0, _convertUnitsLite.convert)(action.value).from(_layer.unit).to('in') - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/lib/utils/geometry.js

@@ -841,9 +841,9 @@ function getAllItemSpecified(scene, catalog, filter) {
     var info = cat === null || cat === void 0 ? void 0 : cat.info;
     var props = item.properties;
     var getSize = function getSize(key) {
-      var _props$getIn;
+      var _props$getIn, _props$getIn2, _props$getIn3;
       var length = props === null || props === void 0 || (_props$getIn = props.getIn) === null || _props$getIn === void 0 ? void 0 : _props$getIn.call(props, [key, '_length']);
-      return length != null ? (0, _convertUnitsLite.convert)(length).from('in').to(scene.unit) : 0;
+      return length != null ? (0, _convertUnitsLite.convert)(length).from((_props$getIn2 = props === null || props === void 0 || (_props$getIn3 = props.getIn) === null || _props$getIn3 === void 0 ? void 0 : _props$getIn3.call(props, [key, '_unit'])) !== null && _props$getIn2 !== void 0 ? _props$getIn2 : 'in').to(scene.unit) : 0;
     };
     val.size = {
       width: getSize('width'),
@@ -2650,10 +2650,10 @@ function calcDistancesFromItemToWalls(curItem, layer) {
     height: height
   };
   var curiteminfo = getCalcRectFromItem2(itemInfo);
-  var allItemRect = getAllItems2(curItem, layer);
-  var allLines = getAllLines(layer);
-  var allLineRects = buildRectFromLines(layer, allLines);
-  var allRect = allLineRects.concat(allItemRect.others);
+  var allItemRect = getAllItems2(curItem, layer); // get all item edge rects
+  var allLines = getAllLines(layer); // get all wall lines
+  var allLineRects = buildRectFromLines(layer, allLines); // make line rects from wall lines
+  var allRect = allLineRects.concat(allItemRect.others); // item edges + wall lines
   var _loop = function _loop(i) {
     // [rectCenterPoint] has four middle points of cabinet rect edges
     var centerpoint = curiteminfo.rectCenterPoint[i];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",