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

package/es/components/viewer2d/line.js

@@ -1,20 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.compareVertices = compareVertices;
-exports["default"] = Line;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _export = require("../../utils/export");
-var _ruler = _interopRequireDefault(require("./ruler"));
-var _constants = require("../../constants");
-var Three = _interopRequireWildcard(require("three"));
-var _utils = require("./utils");
-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); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { GeometryUtils } from "../../utils/export";
+import Ruler from "./ruler";
+import { BASE_CABINET_LAYOUTPOS, LINE_THICKNESS, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import * as Three from 'three';
+import { isEmpty } from "./utils";
 var STYLE = {
   stroke: 'rgb(77, 77, 77)',
   strokeWidth: '1px'
@@ -33,10 +23,10 @@ var STYLE_TEXT = {
   fontWeight: 'middle',
   fontFamily: "'Microsoft YaHei UI', Courier, monospace"
 };
-function compareVertices(v0, v1) {
+export function compareVertices(v0, v1) {
   return v0.x === v1.x ? v0.y - v1.y : v0.x - v1.x;
 }
-function Line(_ref) {
+export default function Line(_ref) {
   var _state$getIn;
   var line = _ref.line,
     allLine = _ref.allLine,
@@ -52,7 +42,7 @@ function Line(_ref) {
     showWindowDoorMeasure = scene.showWindowDoorMeasure;
   var vertex0 = layer.vertices.get(line.vertices.get(0));
   var vertex1 = layer.vertices.get(line.vertices.get(1));
-  if (vertex0.id === vertex1.id || _export.GeometryUtils.samePoints(vertex0, vertex1)) return null; //avoid 0-length lines
+  if (vertex0.id === vertex1.id || GeometryUtils.samePoints(vertex0, vertex1)) return null; //avoid 0-length lines
   var x1 = vertex0.x,
     y1 = vertex0.y;
   var x2 = vertex1.x,
@@ -70,24 +60,24 @@ function Line(_ref) {
       relatedvertice1y = relatedVertice.point.y;
     }
   });
-  var thickness = _constants.LINE_THICKNESS;
+  var thickness = LINE_THICKNESS;
   var half_thickness = thickness / 2;
   // if (compareVertices(vertex0, vertex1) >= 0 && vertex0.x !== vertex1.x) {
   //   ({ x: x1, y: y1 } = vertex1);
   //   ({ x: x2, y: y2 } = vertex0);
   // }
 
-  var length = _export.GeometryUtils.pointsDistance(x1, y1, x2, y2);
+  var length = GeometryUtils.pointsDistance(x1, y1, x2, y2);
   // let length = GeometryUtils.pointsDistance(relatedvertice0x,relatedvertice0y,relatedvertice1x,relatedvertice1y);
   var rightHoleLength, leftHoleLength, holeLength;
-  var angle = _export.GeometryUtils.angleBetweenTwoPointsAndOrigin(x1, y1, x2, y2);
+  var angle = GeometryUtils.angleBetweenTwoPointsAndOrigin(x1, y1, x2, y2);
   var baseSpace = 20;
-  var base_item = _export.GeometryUtils.getAllItemSpecified(scene, catalog, _constants.BASE_CABINET_LAYOUTPOS);
+  var base_item = GeometryUtils.getAllItemSpecified(scene, catalog, BASE_CABINET_LAYOUTPOS);
   // let relatedLines = [];
   var angleVertices = [];
   var layerID = state.getIn(['scene', 'selectedLayer']);
   var drawingLineID = (_state$getIn = state.getIn(['scene', 'layers', layerID, 'selected', 'lines'])) === null || _state$getIn === void 0 ? void 0 : _state$getIn.toJS();
-  if (!(0, _utils.isEmpty)(drawingLineID)) {
+  if (!isEmpty(drawingLineID)) {
     var drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', drawingLineID[0]]).toJS();
     var allLines = state.getIn(['scene', 'layers', layerID, 'lines']).toJS();
     var allLinesArray = state.getIn(['scene', 'layers', layerID, 'lines']).toArray();
@@ -102,14 +92,14 @@ function Line(_ref) {
     });
     if (reget) {
       relatedLines = [];
-      _export.GeometryUtils.getRelatedLines(relatedLines, drawingLine, vertices, allLines);
+      GeometryUtils.getRelatedLines(relatedLines, drawingLine, vertices, allLines);
     }
     // get the angle of two lines and check the angle.
     if (drawingLine.vertices[0] !== drawingLine.vertices[1]) {
       relatedLines.forEach(function (line) {
         // get the points of two lines(drawing line and related line)
         // the first value is overlapped point of two lines as a center of angle.
-        if (!(0, _utils.isEmpty)(line)) {
+        if (!isEmpty(line)) {
           var points = [];
           var anglePoints = [];
           line.vertices.forEach(function (vt) {
@@ -157,7 +147,7 @@ function Line(_ref) {
     var r1 = itemRect.rect[1];
     var r2 = itemRect.rect[2];
     var r3 = itemRect.rect[3];
-    var delta23 = _export.GeometryUtils.verticesDistance(l2, r3) + _export.GeometryUtils.verticesDistance(r3, r2) + _export.GeometryUtils.verticesDistance(r2, l3) - _export.GeometryUtils.verticesDistance(l3, l2);
+    var delta23 = GeometryUtils.verticesDistance(l2, r3) + GeometryUtils.verticesDistance(r3, r2) + GeometryUtils.verticesDistance(r2, l3) - GeometryUtils.verticesDistance(l3, l2);
     if (delta23 < 0.1) {
       return true;
     } else {
@@ -181,7 +171,7 @@ function Line(_ref) {
   base_posArray.push(l2);
   base_posArray.push(l3);
   var base_posAndwidth = [];
-  if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || _export.GeometryUtils.almostEqual(y1, y2)) {
+  if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || GeometryUtils.almostEqual(y1, y2)) {
     base_posArray.sort(function (a, b) {
       return a.x - b.x;
     });
@@ -213,22 +203,22 @@ function Line(_ref) {
   }
   baseRuler = base_posAndwidth.map(function (pAw) {
     if (pAw.length > 1) {
-      if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || _export.GeometryUtils.almostEqual(y1, y2)) {
+      if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || GeometryUtils.almostEqual(y1, y2)) {
         if (x1 - x2 > 0) {
-          return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x + pAw.length,
             y1: pAw.pos.y,
             x2: pAw.pos.x + pAw.length,
             y2: pAw.pos.y - thickness / 2 - baseSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: 4,
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: pAw.length,
             transform: "translate(".concat(pAw.pos.x, ", ").concat(pAw.pos.y - thickness / 2 - baseSpace, " ) rotate(").concat(angle + 180, ", 0, 0)")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x,
             y1: pAw.pos.y,
             x2: pAw.pos.x,
@@ -236,20 +226,20 @@ function Line(_ref) {
             style: STYLE
           }));
         } else {
-          return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x + pAw.length,
             y1: pAw.pos.y,
             x2: pAw.pos.x + pAw.length,
             y2: pAw.pos.y + thickness / 2 + baseSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: 4,
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: pAw.length,
             transform: "translate(".concat(pAw.pos.x, ", ").concat(pAw.pos.y + thickness / 2 + baseSpace, " ) rotate(").concat(angle, ", 0, 0)")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x,
             y1: pAw.pos.y,
             x2: pAw.pos.x,
@@ -259,21 +249,21 @@ function Line(_ref) {
         }
       } else {
         if (y1 - y2 > 0) {
-          if (x1 - x2 < 0 || _export.GeometryUtils.almostEqual(x1, x2)) {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          if (x1 - x2 < 0 || GeometryUtils.almostEqual(x1, x2)) {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
@@ -281,20 +271,20 @@ function Line(_ref) {
               style: STYLE
             }));
           } else {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0) scale(-1, -1)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
@@ -303,21 +293,21 @@ function Line(_ref) {
             }));
           }
         } else {
-          if (x1 - x2 < 0 || _export.GeometryUtils.almostEqual(x1, x2)) {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          if (x1 - x2 < 0 || GeometryUtils.almostEqual(x1, x2)) {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
@@ -325,20 +315,20 @@ function Line(_ref) {
               style: STYLE
             }));
           } else {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + baseSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0) scale(-1, -1)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + baseSpace) * Math.sin(angle / 180 * Math.PI),
@@ -358,7 +348,7 @@ function Line(_ref) {
     }
     var startAt = length * hole.offset;
     var renderedHole = catalog.getElement(hole.type).render2D(hole, layer, scene);
-    return /*#__PURE__*/_react["default"].createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       key: holeID,
       transform: "translate(".concat(startAt, ", 3.5)"),
       "data-element-root": true,
@@ -395,7 +385,7 @@ function Line(_ref) {
 
   // wall cabinet
   var wallSpace = doorSpace + 20;
-  var wall_item = _export.GeometryUtils.getAllItemSpecified(scene, catalog, _constants.WALL_CABINET_LAYOUTPOS);
+  var wall_item = GeometryUtils.getAllItemSpecified(scene, catalog, WALL_CABINET_LAYOUTPOS);
   var wallRuler = [];
   var wall_posArray = [];
   if (wall_item.cur) {
@@ -412,7 +402,7 @@ function Line(_ref) {
   wall_posArray.push(l2);
   wall_posArray.push(l3);
   var wall_posAndwidth = [];
-  if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || _export.GeometryUtils.almostEqual(y1, y2)) {
+  if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || GeometryUtils.almostEqual(y1, y2)) {
     wall_posArray.sort(function (a, b) {
       return a.x - b.x;
     });
@@ -444,22 +434,22 @@ function Line(_ref) {
   }
   wallRuler = wall_posAndwidth.map(function (pAw) {
     if (pAw.length > 1) {
-      if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || _export.GeometryUtils.almostEqual(y1, y2)) {
+      if (Math.abs(angle) === 0 || Math.abs(angle) === 180 || GeometryUtils.almostEqual(y1, y2)) {
         if (x1 - x2 > 0) {
-          return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x + pAw.length,
             y1: pAw.pos.y,
             x2: pAw.pos.x + pAw.length,
             y2: pAw.pos.y - thickness / 2 - wallSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: 4,
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: pAw.length,
             transform: "translate(".concat(pAw.pos.x, ", ").concat(pAw.pos.y - thickness / 2 - wallSpace, " ) rotate(").concat(angle + 180, ", 0, 0)")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x,
             y1: pAw.pos.y,
             x2: pAw.pos.x,
@@ -467,20 +457,20 @@ function Line(_ref) {
             style: STYLE
           }));
         } else {
-          return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x + pAw.length,
             y1: pAw.pos.y,
             x2: pAw.pos.x + pAw.length,
             y2: pAw.pos.y + thickness / 2 + wallSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: 4,
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: pAw.length,
             transform: "translate(".concat(pAw.pos.x, ", ").concat(pAw.pos.y + thickness / 2 + wallSpace, " ) rotate(").concat(angle, ", 0, 0)")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: pAw.pos.x,
             y1: pAw.pos.y,
             x2: pAw.pos.x,
@@ -490,21 +480,21 @@ function Line(_ref) {
         }
       } else {
         if (y1 - y2 > 0) {
-          if (x1 - x2 < 0 || _export.GeometryUtils.almostEqual(x1, x2)) {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          if (x1 - x2 < 0 || GeometryUtils.almostEqual(x1, x2)) {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
@@ -512,20 +502,20 @@ function Line(_ref) {
               style: STYLE
             }));
           } else {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0) scale(-1, -1)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y - pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x - pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
@@ -534,21 +524,21 @@ function Line(_ref) {
             }));
           }
         } else {
-          if (x1 - x2 < 0 || _export.GeometryUtils.almostEqual(x1, x2)) {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+          if (x1 - x2 < 0 || GeometryUtils.almostEqual(x1, x2)) {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
@@ -556,20 +546,20 @@ function Line(_ref) {
               style: STYLE
             }));
           } else {
-            return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+            return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI),
               y1: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI),
               x2: pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
               y2: pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI),
               style: STYLE
-            }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+            }), /*#__PURE__*/React.createElement(Ruler, {
               key: 5,
               layer: layer,
               unit: scene.unit,
               rulerUnit: scene.rulerUnit,
               length: pAw.length,
               transform: "translate(".concat(pAw.pos.x + pAw.length * Math.cos(angle / 180 * Math.PI) - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI), ", ").concat(pAw.pos.y + pAw.length * Math.sin(angle / 180 * Math.PI) + (thickness / 2 + wallSpace) * Math.cos(angle / 180 * Math.PI), " ) rotate(").concat(angle, ", 0, 0) scale(-1, -1)")
-            }), /*#__PURE__*/_react["default"].createElement("line", {
+            }), /*#__PURE__*/React.createElement("line", {
               x1: pAw.pos.x,
               y1: pAw.pos.y,
               x2: pAw.pos.x - (thickness / 2 + wallSpace) * Math.sin(angle / 180 * Math.PI),
@@ -587,20 +577,20 @@ function Line(_ref) {
   //the space from the dimensioning line to the bottom
   var lineSpacedimension2 = 15;
   if (compareVertices(vertex0, vertex1) >= 0 && vertex0.x !== vertex1.x) {
-    renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+    renderedRuler.push(/*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
       x1: length,
       y1: half_thickness + lineSpace + lineSpacedimension1,
       x2: length,
       y2: half_thickness + lineSpacedimension2,
       style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+    }), /*#__PURE__*/React.createElement(Ruler, {
       key: 0,
       layer: layer,
       unit: scene.unit,
       rulerUnit: scene.rulerUnit,
       length: length,
       transform: "translate(".concat(length, ", ").concat(half_thickness + lineSpace, ") scale(-1, -1)")
-    }), /*#__PURE__*/_react["default"].createElement("line", {
+    }), /*#__PURE__*/React.createElement("line", {
       x1: 0,
       y1: half_thickness + lineSpace + lineSpacedimension1,
       x2: 0,
@@ -608,20 +598,20 @@ function Line(_ref) {
       style: STYLE
     })));
   } else {
-    renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+    renderedRuler.push(/*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("line", {
       x1: 0,
       y1: half_thickness + lineSpace + lineSpacedimension1,
       x2: 0,
       y2: half_thickness + lineSpacedimension2,
       style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+    }), /*#__PURE__*/React.createElement(Ruler, {
       key: 0,
       layer: layer,
       unit: scene.unit,
       rulerUnit: scene.rulerUnit,
       length: length,
       transform: "translate(0, ".concat(half_thickness + lineSpace, ")")
-    }), /*#__PURE__*/_react["default"].createElement("line", {
+    }), /*#__PURE__*/React.createElement("line", {
       x1: length,
       y1: half_thickness + lineSpace + lineSpacedimension1,
       x2: length,
@@ -655,22 +645,22 @@ function Line(_ref) {
           dataProtoType = 'rulerHole';
         }
         if (compareVertices(vertex0, vertex1) >= 0 && vertex0.x !== vertex1.x) {
-          renderedAllRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
+          renderedAllRuler.push(/*#__PURE__*/React.createElement("g", {
             transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)")
-          }, /*#__PURE__*/_react["default"].createElement("line", {
+          }, /*#__PURE__*/React.createElement("line", {
             x1: allRuler[index],
             y1: half_thickness,
             x2: allRuler[index],
             y2: half_thickness + doorSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: "allRuler_".concat(index),
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: element,
             transform: "translate(".concat(allRuler[index] + element, ", ").concat(half_thickness + doorSpace, " ) scale(-1, -1)")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: allRuler[index] + element,
             y1: half_thickness,
             x2: allRuler[index] + element,
@@ -678,22 +668,22 @@ function Line(_ref) {
             style: STYLE
           })));
         } else {
-          renderedAllRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
+          renderedAllRuler.push(/*#__PURE__*/React.createElement("g", {
             transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)")
-          }, /*#__PURE__*/_react["default"].createElement("line", {
+          }, /*#__PURE__*/React.createElement("line", {
             x1: allRuler[index],
             y1: half_thickness,
             x2: allRuler[index],
             y2: half_thickness + doorSpace,
             style: STYLE
-          }), /*#__PURE__*/_react["default"].createElement(_ruler["default"], {
+          }), /*#__PURE__*/React.createElement(Ruler, {
             key: "allRuler_".concat(index),
             layer: layer,
             unit: scene.unit,
             rulerUnit: scene.rulerUnit,
             length: element,
             transform: "translate(".concat(allRuler[index], ", ").concat(half_thickness + doorSpace, " )")
-          }), /*#__PURE__*/_react["default"].createElement("line", {
+          }), /*#__PURE__*/React.createElement("line", {
             x1: allRuler[index] + element,
             y1: half_thickness,
             x2: allRuler[index] + element,
@@ -704,7 +694,7 @@ function Line(_ref) {
       }
     });
   }
-  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
+  return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
     transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)"),
     "data-element-root": true,
     "data-prototype": 'ruler',
@@ -767,13 +757,13 @@ function Line(_ref) {
     pos2 = pos1.clone().rotateAround(cen2, t * angle * Math.PI / 180);
 
     // Angle SVG Path
-    lines.push(/*#__PURE__*/_react["default"].createElement("path", {
+    lines.push(/*#__PURE__*/React.createElement("path", {
       style: STYLE_ANGLE,
       d: "\n          M ".concat(vertex[0].x, ",").concat(vertex[0].y, "           L ").concat(pos1.x, ",").concat(pos1.y, "           A 30,30 ").concat(angle, " 0 ").concat(t > 0 ? 1 : 0, " ").concat(pos2.x, ",").concat(pos2.y, " z\n        ")
     }));
     var length = angle;
     // draw angle and angle text
-    return /*#__PURE__*/_react["default"].createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       key: index,
       transform: "translate(".concat(tx, ", ").concat(ty, ")"),
       "data-element-root": true,
@@ -782,17 +772,17 @@ function Line(_ref) {
       "data-selected": "true",
       "data-id": [vertex[0].id, vertex[1].id, rotDir],
       "data-length": length
-    }, lines, /*#__PURE__*/_react["default"].createElement("text", {
+    }, lines, /*#__PURE__*/React.createElement("text", {
       transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") scale(1.5, -1.5)"),
       style: STYLE_TEXT
-    }, angle), /*#__PURE__*/_react["default"].createElement("circle", {
+    }, angle), /*#__PURE__*/React.createElement("circle", {
       transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") translate(10, 9)"),
       fill: "transparent",
       stroke: "rgb(77, 77, 77)",
       strokeWidth: 1,
       r: 2
     }));
-  }), showWindowDoorMeasure ? renderedAllRuler : null, showBaseCabinetMeasure ? baseRuler : null, showWallCabinetMeasure ? wallRuler : null, /*#__PURE__*/_react["default"].createElement("g", {
+  }), showWindowDoorMeasure ? renderedAllRuler : null, showBaseCabinetMeasure ? baseRuler : null, showWallCabinetMeasure ? wallRuler : null, /*#__PURE__*/React.createElement("g", {
     "data-element-root": true,
     "data-prototype": line.prototype,
     "data-id": line.id,
@@ -802,22 +792,22 @@ function Line(_ref) {
     style: line.selected ? {
       cursor: 'move'
     } : {}
-  }, renderedLine, /*#__PURE__*/_react["default"].createElement("g", {
+  }, renderedLine, /*#__PURE__*/React.createElement("g", {
     transform: "translate(".concat(x1, ", ").concat(y1, ") rotate(").concat(angle, ", 0, 0)")
-  }, renderedHoles)), line.selected && /*#__PURE__*/_react["default"].createElement("g", {
+  }, renderedHoles)), line.selected && /*#__PURE__*/React.createElement("g", {
     id: 'elevation-button',
     key: 1,
     transform: "translate(".concat(x1 + 35, ", ").concat(y1 - 15, ")"),
     style: {
       cursor: 'pointer'
     }
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
     id: "shadow"
-  }, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
+  }, /*#__PURE__*/React.createElement("feDropShadow", {
     dx: "0",
     dy: "0",
     stdDeviation: "0.6"
-  }))), /*#__PURE__*/_react["default"].createElement("rect", {
+  }))), /*#__PURE__*/React.createElement("rect", {
     rx: "4",
     ry: "4",
     y: "20",
@@ -825,7 +815,7 @@ function Line(_ref) {
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     href: "/assets/img/svg/bottombar/elevation.svg",
     x: "5",
     y: "-36",
@@ -834,20 +824,20 @@ function Line(_ref) {
     style: {
       transform: 'rotateX(180deg)'
     }
-  })), line.selected && /*#__PURE__*/_react["default"].createElement("g", {
+  })), line.selected && /*#__PURE__*/React.createElement("g", {
     id: 'remove-button',
     key: 2,
     transform: "translate(".concat(x1 + 10, ", ").concat(y1, ")"),
     style: {
       cursor: 'pointer'
     }
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
     id: "shadow"
-  }, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
+  }, /*#__PURE__*/React.createElement("feDropShadow", {
     dx: "0",
     dy: "0",
     stdDeviation: "0.6"
-  }))), /*#__PURE__*/_react["default"].createElement("rect", {
+  }))), /*#__PURE__*/React.createElement("rect", {
     rx: "4",
     ry: "4",
     y: "5",
@@ -855,7 +845,7 @@ function Line(_ref) {
     width: "22",
     fill: "white",
     filter: "url(#shadow)"
-  }), /*#__PURE__*/_react["default"].createElement("image", {
+  }), /*#__PURE__*/React.createElement("image", {
     href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-24",
@@ -864,7 +854,7 @@ function Line(_ref) {
     style: {
       transform: 'rotateX(180deg)'
     }
-  })), /*#__PURE__*/_react["default"].createElement("use", {
+  })), /*#__PURE__*/React.createElement("use", {
     id: 'use elevation button',
     xlinkHref: '#elevation-button',
     "data-element-root": true,
@@ -873,7 +863,7 @@ function Line(_ref) {
     "data-selected": line.selected,
     "data-layer": layer.id,
     "data-part": "elevation"
-  }), /*#__PURE__*/_react["default"].createElement("use", {
+  }), /*#__PURE__*/React.createElement("use", {
     id: 'use remove button',
     xlinkHref: '#remove-button',
     "data-element-root": true,
@@ -885,8 +875,8 @@ function Line(_ref) {
   }));
 }
 Line.propTypes = {
-  line: _propTypes["default"].object.isRequired,
-  layer: _propTypes["default"].object.isRequired,
-  scene: _propTypes["default"].object.isRequired,
-  catalog: _propTypes["default"].object.isRequired
+  line: PropTypes.object.isRequired,
+  layer: PropTypes.object.isRequired,
+  scene: PropTypes.object.isRequired,
+  catalog: PropTypes.object.isRequired
 };