kitchen-simulator 1.1.1-test.7 → 1.1.1-test.70

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

@@ -1,11 +1,16 @@
-import React from 'react';
-import Ruler3D from "./ruler3D";
-import convert from 'convert-units';
-import { GeometryUtils } from "../../../utils/export";
-import { returnReplaceableDeepSearchType } from "../../../components/viewer2d/utils";
-import { DELTA, DISTANCE_EPSILON, DECIMAL_PLACES_2 } from "../../../constants";
-import { formatNumber, isNonZeroText } from "../../../utils/math";
-export default function Layer3D(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = Layer3D;
+var _react = _interopRequireDefault(require("react"));
+var _ruler3D = _interopRequireDefault(require("./ruler3D"));
+var _convertUnitsLite = require("../../../utils/convert-units-lite");
+var _export = require("../../../utils/export");
+var _utils = require("../../../components/viewer2d/utils");
+var _constants = require("../../../constants");
+var _math = require("../../../utils/math");
+function Layer3D(_ref) {
   var layer = _ref.layer,
     frontRect = _ref.frontRect,
     lineLength = _ref.lineLength,
@@ -65,8 +70,8 @@ export default function Layer3D(_ref) {
   // determin if this line(vertex0, vertex1) is snapped into wall
   var isSnapped = function isSnapped(vertex0, vertex1) {
     var itemSnapped = false;
-    var delta = GeometryUtils.distancePointFromLineSegment(l0, l1, (vertex0.x + vertex1.x) / 2, (vertex0.y + vertex1.y) / 2);
-    if (delta < DISTANCE_EPSILON) {
+    var delta = _export.GeometryUtils.distancePointFromLineSegment(l0, l1, (vertex0.x + vertex1.x) / 2, (vertex0.y + vertex1.y) / 2);
+    if (delta < _constants.DISTANCE_EPSILON) {
       itemSnapped = true;
     }
     return itemSnapped;
@@ -83,11 +88,11 @@ export default function Layer3D(_ref) {
     };
     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(item.properties.getIn(['width', '_unit'])).to(scene.unit);
-    var height = convert(item.properties.getIn(['height', '_length'])).from(item.properties.getIn(['height', '_unit'])).to(scene.unit);
-    var depth = convert(item.properties.getIn(['depth', '_length'])).from(item.properties.getIn(['depth', '_unit'])).to(scene.unit);
-    var altitude = convert(item.properties.getIn(['altitude', '_length'])).from(item.properties.getIn(['altitude', '_unit'])).to(scene.unit);
+    if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
+    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from(item.properties.getIn(['width', '_unit'])).to(scene.unit);
+    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['height', '_length'])).from(item.properties.getIn(['height', '_unit'])).to(scene.unit);
+    var depth = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from(item.properties.getIn(['depth', '_unit'])).to(scene.unit);
+    var altitude = (0, _convertUnitsLite.convert)(item.properties.getIn(['altitude', '_length'])).from(item.properties.getIn(['altitude', '_unit'])).to(scene.unit);
     val.size = {
       width: width,
       height: height,
@@ -97,7 +102,7 @@ export default function Layer3D(_ref) {
     val.layoutpos = cat && cat.info.layoutpos;
     val.is_corner = cat && cat.info.is_corner;
     val.item = item.toJS();
-    var calcrect = GeometryUtils.getCalcRectFromItem3D(val);
+    var calcrect = _export.GeometryUtils.getCalcRectFromItem3D(val);
     if (isSnapped(calcrect.rect[3], calcrect.rect[2]) || isSnapped(calcrect.rect[2], calcrect.rect[1]) || isSnapped(calcrect.rect[0], calcrect.rect[3])) {
       if (calcrect.itemInfo.properties.altitude.length) {
         wallItems.push(calcrect);
@@ -121,29 +126,29 @@ export default function Layer3D(_ref) {
       var vertex0, vertex1;
       if (isSnapped(item.rect[3], item.rect[2])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       } else if (isSnapped(item.rect[2], item.rect[1])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       } else if (isSnapped(item.rect[0], item.rect[3])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: height / 2
         };
       }
@@ -170,29 +175,29 @@ export default function Layer3D(_ref) {
       var vertex0, vertex1;
       if (isSnapped(item.rect[3], item.rect[2])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       } else if (isSnapped(item.rect[2], item.rect[1])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[1], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       } else if (isSnapped(item.rect[0], item.rect[3])) {
         vertex0 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[0], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
         vertex1 = {
-          x: -frontRect.width / 2 + convert(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
+          x: -frontRect.width / 2 + (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from('cm').to(layer.unit) * scale,
           y: -height / 2
         };
       }
@@ -225,7 +230,7 @@ export default function Layer3D(_ref) {
   leftItems.forEach(function (item, idx) {
     var forwardItems = [];
     var distLine = 0;
-    var itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
+    var itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
     for (var i = 0; i < idx; i++) {
       forwardItems.push(leftItems[i]);
     }
@@ -234,12 +239,12 @@ export default function Layer3D(_ref) {
     }).length) {
       if (item.itemInfo.properties.altitude._length) {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = convert(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = convert(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
         }
-        var itemAltitude = convert(item.size.altitude).from(scene.unit).to(layer.unit);
-        if (ceilHeight - (itemAltitude + itemHeight) > convert(DELTA).from(toler_unit).to(layer.unit)) {
+        var itemAltitude = (0, _convertUnitsLite.convert)(item.size.altitude).from(scene.unit).to(layer.unit);
+        if (ceilHeight - (itemAltitude + itemHeight) > (0, _convertUnitsLite.convert)(_constants.DELTA).from(toler_unit).to(layer.unit)) {
           rulerLines.push({
             v0: {
               x: width / 2,
@@ -249,7 +254,7 @@ export default function Layer3D(_ref) {
               x: width / 2,
               y: height / 2 - (itemHeight + itemAltitude) * scale
             },
-            text: formatNumber(ceilHeight - (itemAltitude + itemHeight), DECIMAL_PLACES_2),
+            text: (0, _math.formatNumber)(ceilHeight - (itemAltitude + itemHeight), _constants.DECIMAL_PLACES_2),
             space: rulerSpace + right_count * lineSpace
           });
         }
@@ -262,7 +267,7 @@ export default function Layer3D(_ref) {
             x: width / 2 - distLine * scale,
             y: height / 2 - itemAltitude * scale
           },
-          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + right_count * lineSpace
         });
         rulerLines.push({
@@ -274,15 +279,15 @@ export default function Layer3D(_ref) {
             x: width / 2,
             y: height / 2
           },
-          text: formatNumber(itemAltitude, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(itemAltitude, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + right_count * lineSpace
         });
         right_count++;
       } else {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = convert(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = convert(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
         }
         rulerLines.push({
           v0: {
@@ -293,7 +298,7 @@ export default function Layer3D(_ref) {
             x: -width / 2 + distLine * scale,
             y: height / 2 - itemHeight * scale
           },
-          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + left_count * lineSpace
         });
         rulerLines.push({
@@ -305,7 +310,7 @@ export default function Layer3D(_ref) {
             x: -width / 2,
             y: -height / 2
           },
-          text: formatNumber(ceilHeight - itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(ceilHeight - itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + left_count * lineSpace
         });
         left_count++;
@@ -317,7 +322,7 @@ export default function Layer3D(_ref) {
   rightItems.forEach(function (item, idx) {
     var forwardItems = [];
     var distLine = 0;
-    var itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
+    var itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
     for (var i = 0; i < idx; i++) {
       forwardItems.push(rightItems[i]);
     }
@@ -326,12 +331,12 @@ export default function Layer3D(_ref) {
     }).length) {
       if (item.itemInfo.properties.altitude._length) {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = convert(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[3], v0)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = convert(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v0)).from(scene.unit).to(layer.unit);
         }
-        var _itemHeight = convert(item.size.height).from(scene.unit).to(layer.unit);
-        var itemAltitude = convert(item.size.altitude).from(scene.unit).to(layer.unit);
+        var _itemHeight = (0, _convertUnitsLite.convert)(item.size.height).from(scene.unit).to(layer.unit);
+        var itemAltitude = (0, _convertUnitsLite.convert)(item.size.altitude).from(scene.unit).to(layer.unit);
         rulerLines.push({
           v0: {
             x: -width / 2,
@@ -341,7 +346,7 @@ export default function Layer3D(_ref) {
             x: -width / 2,
             y: height / 2 - itemAltitude * scale
           },
-          text: formatNumber(itemAltitude, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(itemAltitude, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + left_count * lineSpace
         });
         rulerLines.push({
@@ -353,10 +358,10 @@ export default function Layer3D(_ref) {
             x: -width / 2 + distLine * scale,
             y: height / 2 - (itemAltitude + _itemHeight) * scale
           },
-          text: formatNumber(_itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(_itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + +distLine * scale + left_count * lineSpace
         });
-        if (ceilHeight - (itemAltitude + _itemHeight) > convert(DELTA).from(toler_unit).to(layer.unit)) {
+        if (ceilHeight - (itemAltitude + _itemHeight) > (0, _convertUnitsLite.convert)(_constants.DELTA).from(toler_unit).to(layer.unit)) {
           rulerLines.push({
             v0: {
               x: -width / 2,
@@ -366,16 +371,16 @@ export default function Layer3D(_ref) {
               x: -width / 2,
               y: -height / 2
             },
-            text: formatNumber(ceilHeight - (itemAltitude + _itemHeight), DECIMAL_PLACES_2),
+            text: (0, _math.formatNumber)(ceilHeight - (itemAltitude + _itemHeight), _constants.DECIMAL_PLACES_2),
             space: rulerSpace + left_count * lineSpace
           });
         }
         left_count++;
       } else {
         if (isSnapped(item.rect[3], item.rect[2])) {
-          distLine = convert(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[2], v1)).from(scene.unit).to(layer.unit);
         } else if (isSnapped(item.rect[2], item.rect[1])) {
-          distLine = convert(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
+          distLine = (0, _convertUnitsLite.convert)(getLength(item.rect[1], v1)).from(scene.unit).to(layer.unit);
         }
         rulerLines.push({
           v0: {
@@ -386,7 +391,7 @@ export default function Layer3D(_ref) {
             x: width / 2,
             y: height / 2 - itemHeight * scale
           },
-          text: formatNumber(ceilHeight - itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(ceilHeight - itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + right_count * lineSpace
         });
         rulerLines.push({
@@ -398,7 +403,7 @@ export default function Layer3D(_ref) {
             x: width / 2 - distLine * scale,
             y: height / 2
           },
-          text: formatNumber(itemHeight, DECIMAL_PLACES_2),
+          text: (0, _math.formatNumber)(itemHeight, _constants.DECIMAL_PLACES_2),
           space: rulerSpace + distLine * scale + right_count * lineSpace
         });
         right_count++;
@@ -440,7 +445,7 @@ export default function Layer3D(_ref) {
       x: -width / 2,
       y: height / 2
     },
-    text: formatNumber(lineLength, DECIMAL_PLACES_2),
+    text: (0, _math.formatNumber)(lineLength, _constants.DECIMAL_PLACES_2),
     space: rulerSpace + (baseItems.length ? lineSpace : 0)
   });
   rulerLines.push({
@@ -452,7 +457,7 @@ export default function Layer3D(_ref) {
       x: width / 2,
       y: -height / 2
     },
-    text: formatNumber(lineLength, DECIMAL_PLACES_2),
+    text: (0, _math.formatNumber)(lineLength, _constants.DECIMAL_PLACES_2),
     space: rulerSpace + (wallItems.length ? lineSpace : 0)
   });
 
@@ -464,7 +469,7 @@ export default function Layer3D(_ref) {
         v0: wallPosArray[i],
         v1: wallPosArray[i + 1],
         space: rulerSpace,
-        text: formatNumber(dist, DECIMAL_PLACES_2)
+        text: (0, _math.formatNumber)(dist, _constants.DECIMAL_PLACES_2)
       });
     }
   }
@@ -477,19 +482,19 @@ export default function Layer3D(_ref) {
         v0: basePosArray[j],
         v1: basePosArray[j + 1],
         space: rulerSpace,
-        text: formatNumber(_dist, DECIMAL_PLACES_2)
+        text: (0, _math.formatNumber)(_dist, _constants.DECIMAL_PLACES_2)
       });
     }
   }
   rulerLines.forEach(function (line) {
-    if (isNonZeroText(line.text)) rulerData.push(/*#__PURE__*/React.createElement(Ruler3D, {
+    if ((0, _math.isNonZeroText)(line.text)) rulerData.push(/*#__PURE__*/_react["default"].createElement(_ruler3D["default"], {
       line: line,
       layer: layer,
       viewScale: viewScale,
       downloadFlag: downloadFlag
     }));
   });
-  return /*#__PURE__*/React.createElement("g", {
+  return /*#__PURE__*/_react["default"].createElement("g", {
     opacity: layer.opacity
   }, rulerData);
 }

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

@@ -1,19 +1,21 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = Ruler3D;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../constants");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { TEXT_COLOR_NEUTRAL_0, TEXT_COLOR_NEUTRAL_6 } from "../../../constants";
-export default function Ruler3D(_ref) {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Ruler3D(_ref) {
   var layer = _ref.layer,
     line = _ref.line,
     viewScale = _ref.viewScale,
     downloadFlag = _ref.downloadFlag;
   var diagonalPointValue = 5 * viewScale;
   var STYLE = {
-    stroke: TEXT_COLOR_NEUTRAL_6,
+    stroke: _constants.TEXT_COLOR_NEUTRAL_6,
     strokeWidth: viewScale,
     opacity: '0.6'
   };
@@ -22,7 +24,7 @@ export default function Ruler3D(_ref) {
     fontSize: downloadFlag ? 32 * viewScale : 16 * viewScale,
     // fontWeight: "bold",
     pointerEvents: 'none',
-    fill: TEXT_COLOR_NEUTRAL_6,
+    fill: _constants.TEXT_COLOR_NEUTRAL_6,
     //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
     WebkitTouchCallout: 'none' /* iOS Safari */,
     WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -41,43 +43,43 @@ export default function Ruler3D(_ref) {
   var textLength = (text.length + layer.unit.length) * 18 * viewScale;
   if (v0.y === v1.y) {
     if (v0.x < v1.x) {
-      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x,
         y2: v0.y - space,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("g", {
+      }), /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(v0.x, ", ").concat(v0.y - space, ")")
-      }, /*#__PURE__*/React.createElement("line", {
+      }, /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: 0,
         x2: textLength > length ? 0 : (length - textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement("text", {
         x: length / 2,
         y: "3",
         style: STYLE_TEXT
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
         x1: length,
         y1: 0,
         x2: textLength > length ? length : (length + textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: length - diagonalPointValue,
         y1: -diagonalPointValue,
         x2: length + diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/React.createElement("line", {
+      })), /*#__PURE__*/_react["default"].createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x,
@@ -85,43 +87,43 @@ export default function Ruler3D(_ref) {
         style: STYLE
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x,
         y2: v0.y + space,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("g", {
+      }), /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(v0.x, ", ").concat(v0.y + space, ")")
-      }, /*#__PURE__*/React.createElement("line", {
+      }, /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: 0,
         x2: textLength > length ? 0 : -(length - textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement("text", {
         x: -length / 2,
         y: "3",
         style: STYLE_TEXT
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
         x1: -length,
         y1: 0,
         x2: textLength > length ? -length : -(length + textLength) / 2,
         y2: 0,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: -length - diagonalPointValue,
         y1: -diagonalPointValue,
         x2: -length + diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/React.createElement("line", {
+      })), /*#__PURE__*/_react["default"].createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x,
@@ -131,45 +133,45 @@ export default function Ruler3D(_ref) {
     }
   } else if (v0.x = v1.x) {
     if (v0.y < v1.y) {
-      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x + space,
         y2: v0.y,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("g", {
+      }), /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(v0.x + space, ", ").concat(v0.y, ")")
-      }, /*#__PURE__*/React.createElement("line", {
+      }, /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: 0,
         x2: 0,
         y2: textLength > length ? 0 : (length - textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement("text", {
         x: length / 2,
         y: 0,
         style: _objectSpread(_objectSpread({}, STYLE_TEXT), {}, {
           transform: 'rotate(90deg)'
         })
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: length,
         x2: 0,
         y2: textLength > length ? length : (length + textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: length - diagonalPointValue,
         x2: diagonalPointValue,
         y2: length + diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/React.createElement("line", {
+      })), /*#__PURE__*/_react["default"].createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x + space,
@@ -177,45 +179,45 @@ export default function Ruler3D(_ref) {
         style: STYLE
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
+      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
         x1: v0.x,
         y1: v0.y,
         x2: v0.x - space,
         y2: v0.y,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("g", {
+      }), /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(v0.x - space, ", ").concat(v0.y, ")")
-      }, /*#__PURE__*/React.createElement("line", {
+      }, /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: -diagonalPointValue,
         x2: diagonalPointValue,
         y2: diagonalPointValue,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: 0,
         x2: 0,
         y2: textLength > length ? 0 : -(length - textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("text", {
+      }), /*#__PURE__*/_react["default"].createElement("text", {
         x: -length / 2,
         y: 0,
         style: _objectSpread(_objectSpread({}, STYLE_TEXT), {}, {
           transform: 'rotate(90deg)'
         })
-      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/React.createElement("line", {
+      }, text, layer.unit === 'in' ? '"' : layer.unit), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: -length,
         x2: 0,
         y2: textLength > length ? -length : -(length + textLength) / 2,
         style: STYLE
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: -diagonalPointValue,
         y1: -length - diagonalPointValue,
         x2: diagonalPointValue,
         y2: -length + diagonalPointValue,
         style: STYLE
-      })), /*#__PURE__*/React.createElement("line", {
+      })), /*#__PURE__*/_react["default"].createElement("line", {
         x1: v1.x,
         y1: v1.y,
         x2: v1.x - space,