kitchen-simulator 1.1.1-test.64 → 1.1.1-test.65

package/es/components/viewer3d/camera-controls-module/camera-controls.module.js

@@ -1,12 +1,19 @@
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EventDispatcher = void 0;
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 /*!
  * camera-controls
  * https://github.com/yomotsu/camera-controls
@@ -177,9 +184,9 @@ function notSupportedInOrthographicCamera(camera, message) {
   }
   return false;
 }
-var EventDispatcher = /*#__PURE__*/function () {
+var EventDispatcher = exports.EventDispatcher = /*#__PURE__*/function () {
   function EventDispatcher() {
-    _classCallCheck(this, EventDispatcher);
+    (0, _classCallCheck2["default"])(this, EventDispatcher);
     this._listeners = {};
   }
   /**
@@ -188,7 +195,7 @@ var EventDispatcher = /*#__PURE__*/function () {
    * @param listener handler function
    * @category Methods
    */
-  return _createClass(EventDispatcher, [{
+  return (0, _createClass2["default"])(EventDispatcher, [{
     key: "addEventListener",
     value: function addEventListener(type, listener) {
       var listeners = this._listeners;
@@ -284,7 +291,7 @@ var _quaternionA;
 var _quaternionB;
 var _rotationMatrix;
 var _raycaster;
-var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
+var CameraControls = exports["default"] = /*#__PURE__*/function (_EventDispatcher) {
   /**
    * Creates a `CameraControls` instance.
    *
@@ -304,7 +311,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
    */
   function CameraControls(camera, domElement) {
     var _this;
-    _classCallCheck(this, CameraControls);
+    (0, _classCallCheck2["default"])(this, CameraControls);
     _this = _callSuper(this, CameraControls);
     /**
      * Minimum vertical angle in radians.
@@ -1018,8 +1025,8 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
    * The camera to be controlled
    * @category Properties
    */
-  _inherits(CameraControls, _EventDispatcher);
-  return _createClass(CameraControls, [{
+  (0, _inherits2["default"])(CameraControls, _EventDispatcher);
+  return (0, _createClass2["default"])(CameraControls, [{
     key: "camera",
     get: function get() {
       return this._camera;
@@ -2581,5 +2588,4 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       return boundingSphere;
     }
   }]);
-}(EventDispatcher);
-export { EventDispatcher, CameraControls as default };
+}(EventDispatcher);

package/es/components/viewer3d/dcm.js

@@ -1,4 +1,10 @@
-export default [{
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = [{
   x: 5.025297014071839e-7,
   y: -0.04244140535593033,
   z: 0.02544921264052391

package/es/components/viewer3d/fbm.js

@@ -1,4 +1,10 @@
-export default [{
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = [{
   x: 6.513524830609185e-9,
   y: 0,
   z: 1.19209286886246e-9

package/es/components/viewer3d/front3D.js

@@ -1,9 +1,18 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useEffect } from 'react';
-import Viewer3D from "./viewer3d";
-import State3D from "./ruler-utils/state3D";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Front3D;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _viewer3d = _interopRequireDefault(require("./viewer3d"));
+var _state3D = _interopRequireDefault(require("./ruler-utils/state3D"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var k = 0;
-export default function Front3D(_ref, _ref2) {
+function Front3D(_ref, _ref2) {
   var width = _ref.width,
     height = _ref.height,
     state = _ref.state,
@@ -12,8 +21,8 @@ export default function Front3D(_ref, _ref2) {
     keyDownEnable = _ref.keyDownEnable,
     catalog = _ref.catalog;
   var viewer2DActions = _ref2.viewer2DActions;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     mode = _useState2[0],
     setMode = _useState2[1];
   var sceneWidth = width;
@@ -25,13 +34,13 @@ export default function Front3D(_ref, _ref2) {
   var mouseUpEvent = function mouseUpEvent(event) {
     setToolbar('');
   };
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     document.getElementById('front').addEventListener('mouseup', mouseUpEvent);
     return function () {
       document.getElementById('front').removeEventListener('mouseup', mouseUpEvent);
     };
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
     width: sceneWidth,
     height: sceneHeight,
     id: "front",
@@ -39,15 +48,15 @@ export default function Front3D(_ref, _ref2) {
       position: 'absolute',
       display: 'block'
     }
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(".concat(width / 2, ", ").concat(height / 2, ")")
-  }, /*#__PURE__*/React.createElement(State3D, {
+  }, /*#__PURE__*/_react["default"].createElement(_state3D["default"], {
     state: state,
     catalog: catalog,
     height: sceneHeight,
     width: sceneWidth,
     downloadFlag: false
-  }))), /*#__PURE__*/React.createElement(Viewer3D, {
+  }))), /*#__PURE__*/_react["default"].createElement(_viewer3d["default"], {
     id: "viewer3D",
     key: k,
     state: state,

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

@@ -1,19 +1,28 @@
-import * as Three from 'three';
-import { HELVETIKER } from "./libs/helvetiker_regular.typeface.js";
-import gridStreak from "./grids/grid-streak";
-import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js';
-export default function createGrid(scene) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createGrid;
+var Three = _interopRequireWildcard(require("three"));
+var _helvetiker_regularTypeface = require("./libs/helvetiker_regular.typeface.js");
+var _gridStreak = _interopRequireDefault(require("./grids/grid-streak"));
+var _FontLoader = require("three/examples/jsm/loaders/FontLoader.js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function createGrid(scene) {
   var gridMesh = new Three.Object3D();
   gridMesh.name = 'grid';
-  var fontLoader = new FontLoader();
-  var font = fontLoader.parse(HELVETIKER); // For measures
+  var fontLoader = new _FontLoader.FontLoader();
+  var font = fontLoader.parse(_helvetiker_regularTypeface.HELVETIKER); // For measures
   var grids = scene.grids,
     width = scene.width,
     height = scene.height;
   grids.forEach(function (grid) {
     switch (grid.type) {
       case 'horizontal-streak':
-        gridMesh.add(gridStreak(width, height, grid, font));
+        gridMesh.add((0, _gridStreak["default"])(width, height, grid, font));
         break;
       default:
         break;

package/es/components/viewer3d/grids/grid-horizontal-streak.js

@@ -1,9 +1,17 @@
-import * as Three from 'three';
-import { List } from 'immutable';
-import { COLORS } from "../../../shared-style";
-export default function (width, height, grid, font) {
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var Three = _interopRequireWildcard(require("three"));
+var _immutable = require("immutable");
+var _sharedStyle = require("../../../shared-style");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _default(width, height, grid, font) {
   var step = grid.properties.get('step');
-  var colors = grid.properties.has('color') ? new List([grid.properties.get('color')]) : grid.properties.get('colors');
+  var colors = grid.properties.has('color') ? new _immutable.List([grid.properties.get('color')]) : grid.properties.get('colors');
   var streak = new Three.Object3D();
   streak.name = 'streak';
   var counter = 0;
@@ -22,7 +30,7 @@ export default function (width, height, grid, font) {
         font: font
       });
       var wrapper = new Three.MeshBasicMaterial({
-        color: COLORS.black
+        color: _sharedStyle.COLORS.black
       });
       var words = new Three.Mesh(shape, wrapper);
       words.rotation.x -= Math.PI / 2;

package/es/components/viewer3d/grids/grid-streak.js

@@ -1,9 +1,17 @@
-import * as Three from 'three';
-import { List } from 'immutable';
-import { COLORS } from "../../../shared-style";
-export default function (width, height, grid, font) {
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var Three = _interopRequireWildcard(require("three"));
+var _immutable = require("immutable");
+var _sharedStyle = require("../../../shared-style");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _default(width, height, grid, font) {
   var step = grid.properties.get('step');
-  var colors = grid.properties.has('color') ? new List([grid.properties.get('color')]) : grid.properties.get('colors');
+  var colors = grid.properties.has('color') ? new _immutable.List([grid.properties.get('color')]) : grid.properties.get('colors');
   var streak = new Three.Object3D();
   streak.name = 'streak';
   var counter = 0;

package/es/components/viewer3d/grids/grid-vertical-streak.js

@@ -1,9 +1,17 @@
-import * as Three from 'three';
-import { List } from 'immutable';
-import { COLORS } from "../../../shared-style";
-export default function (width, height, grid, font) {
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var Three = _interopRequireWildcard(require("three"));
+var _immutable = require("immutable");
+var _sharedStyle = require("../../../shared-style");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _default(width, height, grid, font) {
   var step = grid.properties.get('step');
-  var colors = grid.properties.has('color') ? new List([grid.properties.get('color')]) : grid.properties.get('colors');
+  var colors = grid.properties.has('color') ? new _immutable.List([grid.properties.get('color')]) : grid.properties.get('colors');
   var streak = new Three.Object3D();
   streak.name = 'streak';
   var counter = 0;
@@ -22,7 +30,7 @@ export default function (width, height, grid, font) {
         font: font
       });
       var wrapper = new Three.MeshBasicMaterial({
-        color: COLORS.black
+        color: _sharedStyle.COLORS.black
       });
       var words = new Three.Mesh(shape, wrapper);
       words.rotation.x -= Math.PI / 2;

package/es/components/viewer3d/libs/first-person-controls.js

@@ -1,4 +1,11 @@
-export function firstPersonOnKeyDown(event, moveForward, moveLeft, moveBackward, moveRight, canJump, velocity) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.firstPersonOnKeyDown = firstPersonOnKeyDown;
+exports.firstPersonOnKeyUp = firstPersonOnKeyUp;
+function firstPersonOnKeyDown(event, moveForward, moveLeft, moveBackward, moveRight, canJump, velocity) {
   switch (event.keyCode) {
     case 38: // up
     case 87:
@@ -34,7 +41,7 @@ export function firstPersonOnKeyDown(event, moveForward, moveLeft, moveBackward,
     canJump: canJump
   };
 }
-export function firstPersonOnKeyUp(event, moveForward, moveLeft, moveBackward, moveRight, canJump) {
+function firstPersonOnKeyUp(event, moveForward, moveLeft, moveBackward, moveRight, canJump) {
   switch (event.keyCode) {
     case 38: // up
     case 87:

package/es/components/viewer3d/libs/helvetiker_regular.typeface.js

@@ -1,4 +1,10 @@
-export var HELVETIKER = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HELVETIKER = void 0;
+var HELVETIKER = exports.HELVETIKER = {
   glyphs: {
     ο: {
       x_min: 0,

package/es/components/viewer3d/libs/mtl-loader.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 /**
  * Loads a Wavefront .mtl file specifying materials
  *
@@ -354,4 +360,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-export default MTLLoader;
+var _default = exports["default"] = MTLLoader;

package/es/components/viewer3d/libs/obj-loader.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 /**
  * @author mrdoob / http://mrdoob.com/
  */
@@ -459,4 +465,4 @@ OBJLoader.prototype = {
     return container;
   }
 };
-export default OBJLoader;
+var _default = exports["default"] = OBJLoader;

package/es/components/viewer3d/libs/orbit-controls.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OrbitControls = OrbitControls;
+exports["default"] = void 0;
 /**
  * @author qiao / https://github.com/qiao
  * @author mrdoob / http://mrdoob.com
@@ -695,5 +702,4 @@ Object.defineProperties(OrbitControls.prototype, {
     }
   }
 });
-export default OrbitControls;
-export { OrbitControls };
+var _default = exports["default"] = OrbitControls;

package/es/components/viewer3d/libs/pointer-lock-controls.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PointerLockControls = PointerLockControls;
+exports["default"] = void 0;
 /**
  * @author mrdoob / http://mrdoob.com/
  */
@@ -42,5 +49,4 @@ function PointerLockControls(camera) {
     };
   }();
 }
-export default PointerLockControls;
-export { PointerLockControls };
+var _default = exports["default"] = PointerLockControls;

package/es/components/viewer3d/lrm.js

@@ -1,4 +1,10 @@
-export default [{
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = [{
   x: -0.0032958972733467817,
   y: -4.999999987376214e-7,
   z: 0.015050048939883709

package/es/components/viewer3d/model.js

@@ -1,4 +1,10 @@
-export var temp = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.temp = void 0;
+var temp = exports.temp = {
   dcm: [{
     x: 5.025297014071839e-7,
     y: -0.04244140535593033,

package/es/components/viewer3d/pointer-lock-navigation.js

@@ -1,5 +1,12 @@
-import PointerLockControls from "./libs/pointer-lock-controls";
-export function initPointerLock(camera, rendererElement) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initPointerLock = initPointerLock;
+var _pointerLockControls = _interopRequireDefault(require("./libs/pointer-lock-controls"));
+function initPointerLock(camera, rendererElement) {
   var havePointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;
   var pointerlockchange = function pointerlockchange(event) {
     controls.enabled = !controls.enabled;
@@ -16,7 +23,7 @@ export function initPointerLock(camera, rendererElement) {
   } else {
     console.log("Your browser doesn't seem to support Pointer Lock API");
   }
-  var controls = new PointerLockControls(camera);
+  var controls = new _pointerLockControls["default"](camera);
   return {
     controls: controls,
     pointerlockChangeEvent: pointerlockchange,

package/es/components/viewer3d/ruler-utils/itemRect.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import { MODE_BACK_ELEVATION_VIEW, MODE_FRONT_ELEVATION_VIEW, MODE_LEFT_ELEVATION_VIEW, MODE_RIGHT_ELEVATION_VIEW } from "../../../constants";
-import { convert } from "../../../utils/convert-units-lite";
-export default function ItemRect(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ItemRect;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../constants");
+var _convertUnitsLite = require("../../../utils/convert-units-lite");
+function ItemRect(_ref) {
   var scene = _ref.scene,
     layer = _ref.layer,
     calcrect = _ref.calcrect,
@@ -16,46 +23,46 @@ export default function ItemRect(_ref) {
     y0 = v0.y;
   var x1 = v1.x,
     y1 = v1.y;
-  var translateY = frontRect.height / 2 - convert(Math.abs(calcrect.itemInfo.properties.altitude._length)).from(calcrect.itemInfo.properties.altitude._unit).to(layer.unit) * scale;
+  var translateY = frontRect.height / 2 - (0, _convertUnitsLite.convert)(Math.abs(calcrect.itemInfo.properties.altitude._length)).from(calcrect.itemInfo.properties.altitude._unit).to(layer.unit) * scale;
   var translateX = -frontRect.width / 2;
-  var itemWidth = convert(calcrect.size.width).from(scene.unit).to(layer.unit) * scale;
-  var itemDepth = convert(calcrect.size.depth).from(scene.unit).to(layer.unit) * scale;
-  var itemHeight = convert(calcrect.size.height).from(scene.unit).to(layer.unit) * scale;
+  var itemWidth = (0, _convertUnitsLite.convert)(calcrect.size.width).from(scene.unit).to(layer.unit) * scale;
+  var itemDepth = (0, _convertUnitsLite.convert)(calcrect.size.depth).from(scene.unit).to(layer.unit) * scale;
+  var itemHeight = (0, _convertUnitsLite.convert)(calcrect.size.height).from(scene.unit).to(layer.unit) * scale;
   switch (mode) {
-    case MODE_FRONT_ELEVATION_VIEW:
-    case MODE_BACK_ELEVATION_VIEW:
-      translateX += convert(Math.abs(rect[3].x - x0)).from(scene.unit).to(layer.unit) * scale;
+    case _constants.MODE_FRONT_ELEVATION_VIEW:
+    case _constants.MODE_BACK_ELEVATION_VIEW:
+      translateX += (0, _convertUnitsLite.convert)(Math.abs(rect[3].x - x0)).from(scene.unit).to(layer.unit) * scale;
       break;
-    case MODE_RIGHT_ELEVATION_VIEW:
-    case MODE_LEFT_ELEVATION_VIEW:
-      translateX += convert(Math.abs(rect[3].y - y1)).from(scene.unit).to(layer.unit) * scale;
+    case _constants.MODE_RIGHT_ELEVATION_VIEW:
+    case _constants.MODE_LEFT_ELEVATION_VIEW:
+      translateX += (0, _convertUnitsLite.convert)(Math.abs(rect[3].y - y1)).from(scene.unit).to(layer.unit) * scale;
       break;
   }
   var dimension;
   switch (sideFlag) {
     case 0:
-      dimension = /*#__PURE__*/React.createElement("polygon", {
+      dimension = /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "0,0 0,-".concat(itemHeight, " ").concat(itemWidth, ",-").concat(itemHeight, " ").concat(itemWidth, ",0"),
         fill: "none",
         stroke: "black"
       });
       break;
     case 1:
-      dimension = /*#__PURE__*/React.createElement("polygon", {
+      dimension = /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "0,0 0,-".concat(itemHeight, " ").concat(itemDepth, ",-").concat(itemHeight, " ").concat(itemDepth, ",0"),
         fill: "none",
         stroke: "black"
       });
       break;
     case 2:
-      dimension = /*#__PURE__*/React.createElement("polygon", {
+      dimension = /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "0,0 0,-".concat(itemHeight, " -").concat(itemDepth, ",-").concat(itemHeight, " -").concat(itemDepth, ",0"),
         fill: "none",
         stroke: "black"
       });
       break;
   }
-  return /*#__PURE__*/React.createElement("g", {
+  return /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(".concat(translateX, ", ").concat(translateY, ")")
   }, dimension);
 }