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

package/es/catalog/holes/door-closet/planner-element.js

@@ -1,7 +1,16 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _constants = require("../../../constants");
+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 cached3DDoor = null;
 var STYLE_HOLE_BASE = {
   stroke: 'rgb(73, 73, 73)',
@@ -60,7 +69,7 @@ var STYLE_FNT0 = {
   fontFamily: 'Proxima Nova Rg'
 };
 var EPSILON = 3;
-export default {
+var _default = exports["default"] = {
   name: 'Closet',
   prototype: 'holes',
   info: {
@@ -121,20 +130,20 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     if (flip == false) {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(-1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -142,20 +151,20 @@ export default {
         height: lineWidth
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: -holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -198,7 +207,7 @@ export default {
       // mat2.map = t;
       // mat2.envMap = textureCube;
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -214,7 +223,7 @@ export default {
     if (cached3DDoor) {
       return Promise.resolve(onLoadItem(cached3DDoor.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DDoor = object;
       return onLoadItem(cached3DDoor.clone());
     });

package/es/catalog/holes/door-double/planner-element.js

@@ -1,5 +1,14 @@
-import React from 'react';
-import * as Three from 'three';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+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 black = new Three.MeshLambertMaterial({
   color: 0x000000
 });
@@ -94,7 +103,7 @@ function makeLock() {
   lock.add(lock_p1);
   return lock;
 }
-export default {
+var _default = exports["default"] = {
   name: 'Double Door',
   prototype: 'holes',
   info: {
@@ -215,33 +224,33 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     if (flip) {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         key: "1",
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", -holeWidth / 4, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "2",
         x1: 0,
         y1: 0 - epsilon,
         x2: 0,
         y2: -holeWidth / 4 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("path", {
+      }), /*#__PURE__*/_react["default"].createElement("path", {
         key: "3",
         d: arcPath2,
         style: arcStyle,
         transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2 - holeWidth / 4, ") rotate(90)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "4",
         x1: holeWidth,
         y1: 0 - epsilon,
         x2: holeWidth,
         y2: -holeWidth / 2 - holeWidth / 4 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -249,33 +258,33 @@ export default {
         height: lineWidth
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         key: "1",
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 4, ") rotate(180)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "2",
         x1: 0,
         y1: 0 - epsilon,
         x2: 0,
         y2: holeWidth / 2 + holeWidth / 4 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("path", {
+      }), /*#__PURE__*/_react["default"].createElement("path", {
         key: "3",
         d: arcPath2,
         style: arcStyle,
         transform: "translate(".concat(0, ",", holeWidth / 2 + holeWidth / 4, ") rotate(270)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "4",
         x1: holeWidth,
         y1: 0 - epsilon,
         x2: holeWidth,
         y2: holeWidth / 4 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,

package/es/catalog/holes/door-exterior/planner-element.js

@@ -1,8 +1,17 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-import path from 'path';
-import { OBJTYPE_MESH } from "../../../constants";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _path = _interopRequireDefault(require("path"));
+var _constants = require("../../../constants");
+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 cached3DDoor = null;
 var STYLE_HOLE_BASE = {
   stroke: 'rgb(73, 73, 73)',
@@ -61,7 +70,7 @@ var STYLE_FNT0 = {
   fontFamily: 'Proxima Nova Rg'
 };
 var EPSILON = 3;
-export default {
+var _default = exports["default"] = {
   name: 'Exterior',
   prototype: 'holes',
   info: {
@@ -122,20 +131,20 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     if (flip == false) {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(-1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -143,20 +152,20 @@ export default {
         height: lineWidth
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: -holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -193,7 +202,7 @@ export default {
 
       // mat2.envMap = textureCube;
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -207,7 +216,7 @@ export default {
     if (cached3DDoor) {
       return Promise.resolve(onLoadItem(cached3DDoor.clone()));
     }
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DDoor = object;
       return onLoadItem(cached3DDoor.clone());
     });

package/es/catalog/holes/door-interior/planner-element.js

@@ -1,8 +1,17 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-import path from 'path';
-import { OBJTYPE_MESH } from "../../../constants";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+var _loadObj = require("../../utils/load-obj");
+var _path = _interopRequireDefault(require("path"));
+var _constants = require("../../../constants");
+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 cached3DDoor = null;
 var STYLE_HOLE_BASE = {
   stroke: 'rgb(73, 73, 73)',
@@ -61,7 +70,7 @@ var STYLE_FNT0 = {
   fontFamily: 'Proxima Nova Rg'
 };
 var EPSILON = 3;
-export default {
+var _default = exports["default"] = {
   name: 'Interior',
   prototype: 'holes',
   info: {
@@ -122,20 +131,20 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     if (flip == false) {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(-1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -143,20 +152,20 @@ export default {
         height: lineWidth
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-length / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         x1: 0,
         y1: -holeWidth - EPSILON,
         x2: 0,
         y2: 0 - EPSILON,
         style: holeStyle,
         transform: "scale(".concat(1, ",", 1, ")")
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -193,7 +202,7 @@ export default {
 
       // mat2.envMap = textureCube;
       for (var j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
+        if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
         }
@@ -212,7 +221,7 @@ export default {
     // let obj = require('./door.obj');
 
     // console.log(mtl, obj, img)
-    return loadGLTF(element.url).then(function (object) {
+    return (0, _loadObj.loadGLTF)(element.url).then(function (object) {
       cached3DDoor = object;
       return onLoadItem(cached3DDoor.clone());
     });

package/es/catalog/holes/door-panic/planner-element.js

@@ -1,5 +1,14 @@
-import React from 'react';
-import * as Three from 'three';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+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 black = new Three.MeshLambertMaterial({
   color: 0x000000
 });
@@ -249,7 +258,7 @@ function makeDoorStructure() {
   door.scale.x = 1.3;
   return door;
 }
-export default {
+var _default = exports["default"] = {
   name: 'Panic Door',
   prototype: 'holes',
   info: {
@@ -454,20 +463,20 @@ export default {
         dY = -1;
       }
     }
-    return /*#__PURE__*/React.createElement("g", {
+    return /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
-    }, /*#__PURE__*/React.createElement("path", {
+    }, /*#__PURE__*/_react["default"].createElement("path", {
       d: arcPath,
       style: arcStyle,
       transform: "translate(".concat(tX, ",").concat(tY, ") scale(").concat(scaleX, ",").concat(scaleY, ") rotate(").concat(rotateAngle, ")")
-    }), /*#__PURE__*/React.createElement("line", {
+    }), /*#__PURE__*/_react["default"].createElement("line", {
       x1: pX1,
       y1: pY1 - epsilon,
       x2: pX2,
       y2: pY2 - epsilon,
       style: holeStyle,
       transform: "scale(".concat(lineX, ",").concat(lineY, ")")
-    }), /*#__PURE__*/React.createElement("rect", {
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
       style: rectStyle,
       x: "0",
       y: -lineWidth / 2,

package/es/catalog/holes/door-panic-double/planner-element.js

@@ -1,5 +1,14 @@
-import React from 'react';
-import * as Three from 'three';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Three = _interopRequireWildcard(require("three"));
+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 black = new Three.MeshLambertMaterial({
   color: 0x000000
 });
@@ -246,7 +255,7 @@ function makeDoorStructure() {
   door.scale.x = 0.9;
   return door;
 }
-export default {
+var _default = exports["default"] = {
   name: 'Double Panic Door',
   prototype: 'holes',
   info: {
@@ -367,33 +376,33 @@ export default {
     var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
     var length = element.properties.get('width').get('length');
     if (flip) {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         key: "1",
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(0, ",", -holeWidth / 2, ")")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "2",
         x1: 0,
         y1: 0 - epsilon,
         x2: 0,
         y2: -holeWidth / 2 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("path", {
+      }), /*#__PURE__*/_react["default"].createElement("path", {
         key: "3",
         d: arcPath2,
         style: arcStyle,
         transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2, ") rotate(90)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "4",
         x1: holeWidth,
         y1: 0 - epsilon,
         x2: holeWidth,
         y2: -holeWidth / 2 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,
@@ -401,33 +410,33 @@ export default {
         height: lineWidth
       }));
     } else {
-      return /*#__PURE__*/React.createElement("g", {
+      return /*#__PURE__*/_react["default"].createElement("g", {
         transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
-      }, /*#__PURE__*/React.createElement("path", {
+      }, /*#__PURE__*/_react["default"].createElement("path", {
         key: "1",
         d: arcPath,
         style: arcStyle,
         transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 2, ") rotate(180)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "2",
         x1: 0,
         y1: 0 - epsilon,
         x2: 0,
         y2: holeWidth / 2 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("path", {
+      }), /*#__PURE__*/_react["default"].createElement("path", {
         key: "3",
         d: arcPath2,
         style: arcStyle,
         transform: "translate(".concat(0, ",", holeWidth / 2, ") rotate(270)")
-      }), /*#__PURE__*/React.createElement("line", {
+      }), /*#__PURE__*/_react["default"].createElement("line", {
         key: "4",
         x1: holeWidth,
         y1: 0 - epsilon,
         x2: holeWidth,
         y2: holeWidth / 2 - epsilon,
         style: holeStyle
-      }), /*#__PURE__*/React.createElement("rect", {
+      }), /*#__PURE__*/_react["default"].createElement("rect", {
         style: rectStyle,
         x: "0",
         y: -lineWidth / 2,