kitchen-simulator 1.1.1-test.71 → 1.1.1-test.72

package/es/catalog/catalog.js

@@ -1,13 +1,16 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly } from "./properties/export";
-import { UNIT_CENTIMETER, UNIT_INCH } from "../constants";
-import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
-var Catalog = /*#__PURE__*/function () {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _export = require("./properties/export");
+var _constants = require("../constants");
+var _utils = require("../components/viewer2d/utils");
+var Catalog = exports["default"] = /*#__PURE__*/function () {
   function Catalog() {
-    var unit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : UNIT_CENTIMETER;
-    _classCallCheck(this, Catalog);
+    var unit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants.UNIT_CENTIMETER;
+    (0, _classCallCheck2["default"])(this, Catalog);
     this.elements = {};
     this.categories = {
       root: {
@@ -19,7 +22,7 @@ var Catalog = /*#__PURE__*/function () {
     };
     this.propertyTypes = {};
     this.unit = unit;
-    this.registerMultiplePropertyType([['color', PropertyColor, PropertyColor], ['enum', PropertyEnum, PropertyEnum], ['string', PropertyString, PropertyString], ['number', PropertyNumber, PropertyNumber], ['length-measure', PropertyLengthMeasure, PropertyLengthMeasure], ['toggle', PropertyToggle, PropertyToggle], ['checkbox', PropertyCheckbox, PropertyCheckbox], ['hidden', PropertyHidden, PropertyHidden], ['read-only', PropertyReadOnly, PropertyReadOnly]]);
+    this.registerMultiplePropertyType([['color', _export.PropertyColor, _export.PropertyColor], ['enum', _export.PropertyEnum, _export.PropertyEnum], ['string', _export.PropertyString, _export.PropertyString], ['number', _export.PropertyNumber, _export.PropertyNumber], ['length-measure', _export.PropertyLengthMeasure, _export.PropertyLengthMeasure], ['toggle', _export.PropertyToggle, _export.PropertyToggle], ['checkbox', _export.PropertyCheckbox, _export.PropertyCheckbox], ['hidden', _export.PropertyHidden, _export.PropertyHidden], ['read-only', _export.PropertyReadOnly, _export.PropertyReadOnly]]);
   }
 
   /**
@@ -27,13 +30,13 @@ var Catalog = /*#__PURE__*/function () {
    * @param {string} type Element's type
    * @return {?object} Element
    */
-  return _createClass(Catalog, [{
+  return (0, _createClass2["default"])(Catalog, [{
     key: "getElement",
     value: function getElement(type) {
       if (this.hasElement(type)) {
         return this.elements[type];
       } else {
-        var deepSearchType = returnReplaceableDeepSearchType(type);
+        var deepSearchType = (0, _utils.returnReplaceableDeepSearchType)(type);
         var element = this.elements[deepSearchType];
         if (element) return element;
         if (!element) return false;
@@ -126,7 +129,7 @@ var Catalog = /*#__PURE__*/function () {
     value: function registerMultiplePropertyType(propertyTypeArray) {
       var _this2 = this;
       propertyTypeArray.forEach(function (el) {
-        return _this2.registerPropertyType.apply(_this2, _toConsumableArray(el));
+        return _this2.registerPropertyType.apply(_this2, (0, _toConsumableArray2["default"])(el));
       });
     }
 
@@ -264,5 +267,4 @@ var Catalog = /*#__PURE__*/function () {
       return this.categories.hasOwnProperty(categoryName);
     }
   }]);
-}();
-export { Catalog as default };
+}();

package/es/catalog/factories/area-factory-3d.js

@@ -1,7 +1,11 @@
-import * as Three from 'three';
-import { Box3, Mesh, MeshBasicMaterial, MeshPhysicalMaterial, RepeatWrapping, Shape, TextureLoader, Vector2 } from 'three';
-import * as SharedStyle from "../../shared-style";
-import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+exports.__esModule = true;
+exports.createArea = createArea;
+exports.updatedArea = updatedArea;
+var _three = _interopRequireWildcard(require("three"));
+var Three = _three;
+var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+var _RGBELoader = require("three/examples/jsm/loaders/RGBELoader");
 var params = {
   envMap: 'HDR',
   roughness: 0.9,
@@ -18,19 +22,19 @@ var params = {
  * @param height: The height of the face
  */
 var applyTexture = function applyTexture(material, texture, length, height) {
-  var loader = new TextureLoader();
+  var loader = new _three.TextureLoader();
   if (texture) {
     material.map = loader.load(texture.uri);
     material.map.colorSpace = Three.SRGBColorSpace;
     material.needsUpdate = true;
-    material.map.wrapS = RepeatWrapping;
-    material.map.wrapT = RepeatWrapping;
+    material.map.wrapS = _three.RepeatWrapping;
+    material.map.wrapT = _three.RepeatWrapping;
     material.map.repeat.set(length * texture.lengthRepeatScale, height * texture.heightRepeatScale);
     if (texture.normal) {
       material.normalMap = loader.load(texture.normal.uri);
-      material.normalScale = new Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
-      material.normalMap.wrapS = RepeatWrapping;
-      material.normalMap.wrapT = RepeatWrapping;
+      material.normalScale = new _three.Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
+      material.normalMap.wrapS = _three.RepeatWrapping;
+      material.normalMap.wrapT = _three.RepeatWrapping;
       material.normalMap.repeat.set(length * texture.normal.lengthRepeatScale, height * texture.normal.heightRepeatScale);
     }
   }
@@ -45,8 +49,8 @@ var assignUVs = function assignUVs(geometry) {
   var _geometry$boundingBox = geometry.boundingBox,
     min = _geometry$boundingBox.min,
     max = _geometry$boundingBox.max;
-  var offset = new Vector2(0 - min.x, 0 - min.y);
-  var range = new Vector2(max.x - min.x, max.y - min.y);
+  var offset = new _three.Vector2(0 - min.x, 0 - min.y);
+  var range = new _three.Vector2(max.x - min.x, max.y - min.y);
   var uvArray = [];
   var position = geometry.attributes.position;
   for (var i = 0; i < position.count; i += 3) {
@@ -61,7 +65,7 @@ var assignUVs = function assignUVs(geometry) {
   geometry.setAttribute('uv', new Three.BufferAttribute(new Float32Array(uvArray), 2));
   geometry.needsUpdate = true;
 };
-export function createArea(element, layer, scene, textures) {
+function createArea(element, layer, scene, textures) {
   var vertices = [];
   element.vertices.forEach(function (vertexID) {
     vertices.push(layer.vertices.get(vertexID));
@@ -78,20 +82,20 @@ export function createArea(element, layer, scene, textures) {
   if (texture.uri === undefined || texture.uri == '') {
     texture.uri = layer.floorStyle.uri;
   }
-  var shape = new Shape();
+  var shape = new _three.Shape();
   shape.moveTo(vertices[0].x, vertices[0].y);
   for (var i = 1; i < vertices.length; i++) {
     shape.lineTo(vertices[i].x, vertices[i].y);
   }
   function loadFloorENV() {
-    return new RGBELoader().load('/assets/Window.hdr', function (texture) {
+    return new _RGBELoader.RGBELoader().load('/assets/Window.hdr', function (texture) {
       texture.mapping = Three.EquirectangularReflectionMapping;
       return texture;
     });
   }
   var floorENV = loadFloorENV();
-  var loader = new TextureLoader();
-  var areaMaterial = new MeshPhysicalMaterial({
+  var loader = new _three.TextureLoader();
+  var areaMaterial = new _three.MeshPhysicalMaterial({
     side: Three.DoubleSide,
     metalness: texture.metalness,
     roughness: 0.3,
@@ -123,20 +127,20 @@ export function createArea(element, layer, scene, textures) {
   };
   var shapeGeometry = new Three.ExtrudeGeometry(shape, extrudeSettings);
   assignUVs(shapeGeometry);
-  var boundingBox = new Box3().setFromObject(new Mesh(shapeGeometry, new MeshBasicMaterial()));
+  var boundingBox = new _three.Box3().setFromObject(new _three.Mesh(shapeGeometry, new _three.MeshBasicMaterial()));
   var width = boundingBox.max.x - boundingBox.min.x;
   var height = boundingBox.max.y - boundingBox.min.y;
   var texture_unit = 70 * 2.54; // 70 inch
 
   applyTexture(areaMaterial, texture, width / texture_unit * 100, height / texture_unit * 100);
-  var area = new Mesh(shapeGeometry, areaMaterial);
+  var area = new _three.Mesh(shapeGeometry, areaMaterial);
   area.rotation.x -= Math.PI / 2;
   area.receiveShadow = true;
   area.name = 'floor';
   // This mesh is use for creating ceiling mesh
 
   var shapeGeometry2 = new Three.ShapeGeometry(shape);
-  var area2 = new Mesh(shapeGeometry2, new MeshBasicMaterial({
+  var area2 = new _three.Mesh(shapeGeometry2, new _three.MeshBasicMaterial({
     transparent: true,
     opacity: 0.0
   }));
@@ -148,7 +152,7 @@ export function createArea(element, layer, scene, textures) {
   area.userData.floorSupport = floorSupport;
   return Promise.resolve(area);
 }
-export function updatedArea(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild) {
+function updatedArea(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild) {
   var noPerf = function noPerf() {
     selfDestroy();
     return selfBuild();
@@ -172,7 +176,7 @@ export function updatedArea(element, layer, scene, textures, mesh, oldElement, d
  * @returns {Shape}
  */
 var createShape = function createShape(shapeCoords) {
-  var shape = new Shape();
+  var shape = new _three.Shape();
   shape.moveTo(shapeCoords[0][0], shapeCoords[0][1]);
   for (var i = 1; i < shapeCoords.length; i++) {
     shape.lineTo(shapeCoords[i][0], shapeCoords[i][1]);

package/es/catalog/factories/area-factory.js

@@ -1,16 +1,18 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
-import React from 'react';
-import { createArea, updatedArea } from "./area-factory-3d";
-import * as SharedStyle from "../../shared-style";
-import Translator from "../../translator/translator";
-var translator = new Translator();
-export default function AreaFactory(name, info, textures) {
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = AreaFactory;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _areaFactory3d = require("./area-factory-3d");
+var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+var _translator = _interopRequireDefault(require("../../translator/translator"));
+var translator = new _translator["default"]();
+function AreaFactory(name, info, textures) {
   var areaElement = {
     name: name,
     prototype: 'areas',
-    info: _objectSpread(_objectSpread({}, info), {}, {
+    info: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, info), {}, {
       visibility: {
         catalog: false,
         layerElementsVisible: false
@@ -48,16 +50,16 @@ export default function AreaFactory(name, info, textures) {
         });
       });
       var fill = element.selected ? SharedStyle.AREA_MESH_COLOR.selected : SharedStyle.AREA_MESH_COLOR.unselected;
-      return /*#__PURE__*/React.createElement("path", {
+      return /*#__PURE__*/_react["default"].createElement("path", {
         d: path,
         fill: fill
       });
     },
     render3D: function render3D(element, layer, scene) {
-      return createArea(element, layer, scene, textures);
+      return (0, _areaFactory3d.createArea)(element, layer, scene, textures);
     },
     updateRender3D: function updateRender3D(element, layer, scene, mesh, oldElement, differences, selfDestroy, selfBuild) {
-      return updatedArea(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
+      return (0, _areaFactory3d.updatedArea)(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
     }
   };
   if (textures && textures !== {}) {

package/es/catalog/factories/export.js

@@ -1,7 +1,11 @@
-import WallFactory from "./wall-factory";
-import AreaFactory from "./area-factory";
-export { WallFactory, AreaFactory };
-export default {
-  WallFactory: WallFactory,
-  AreaFactory: AreaFactory
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = void 0;
+var _wallFactory = _interopRequireDefault(require("./wall-factory"));
+exports.WallFactory = _wallFactory["default"];
+var _areaFactory = _interopRequireDefault(require("./area-factory"));
+exports.AreaFactory = _areaFactory["default"];
+var _default = exports["default"] = {
+  WallFactory: _wallFactory["default"],
+  AreaFactory: _areaFactory["default"]
 };

package/es/catalog/factories/wall-factory-3d.js

@@ -1,11 +1,16 @@
-import * as Three from 'three';
-import { BoxGeometry, Group, Mesh, MeshBasicMaterial, MeshStandardMaterial, RepeatWrapping, TextureLoader, Vector2 } from 'three';
-import { verticesDistance } from "../../utils/geometry";
-import { isElevationView } from "../../utils/helper";
-import * as SharedStyle from "../../shared-style";
-import { LINE_THICKNESS, UNIT_CENTIMETER } from "../../constants";
-import { convert } from "../../utils/convert-units-lite";
-import ThreeBSP from "../../utils/threeCSG.es6";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+exports.__esModule = true;
+exports.buildWall = buildWall;
+exports.updatedWall = updatedWall;
+var _three = _interopRequireWildcard(require("three"));
+var Three = _three;
+var _geometry = require("../../utils/geometry");
+var _helper = require("../../utils/helper");
+var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+var _constants = require("../../constants");
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+var _threeCSG = _interopRequireDefault(require("../../utils/threeCSG.es6"));
 var params = {
   envMap: 'HDR',
   roughness: 0.1,
@@ -23,23 +28,23 @@ var halfPI = Math.PI / 2;
  * @param height: The height of the face
  */
 var applyTexture = function applyTexture(material, texture, length, height) {
-  var loader = new TextureLoader();
+  var loader = new _three.TextureLoader();
   if (texture) {
     material.map = loader.load(texture.uri["default"]);
     material.map.colorSpace = Three.SRGBColorSpace, material.needsUpdate = true;
-    material.map.wrapS = RepeatWrapping;
-    material.map.wrapT = RepeatWrapping;
+    material.map.wrapS = _three.RepeatWrapping;
+    material.map.wrapT = _three.RepeatWrapping;
     material.map.repeat.set(length * texture.lengthRepeatScale, height * texture.heightRepeatScale);
     if (texture.normal) {
       material.normalMap = loader.load(texture.normal.uri["default"]);
-      material.normalScale = new Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
-      material.normalMap.wrapS = RepeatWrapping;
-      material.normalMap.wrapT = RepeatWrapping;
+      material.normalScale = new _three.Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
+      material.normalMap.wrapS = _three.RepeatWrapping;
+      material.normalMap.wrapT = _three.RepeatWrapping;
       material.normalMap.repeat.set(length * texture.normal.lengthRepeatScale, height * texture.normal.heightRepeatScale);
     }
   }
 };
-export function buildWall(element, layer, scene, textures, mode) {
+function buildWall(element, layer, scene, textures, mode) {
   // Get the two vertices of the wall
   var vetName0 = element.vertices.get(0);
   var vetName1 = element.vertices.get(1);
@@ -59,9 +64,9 @@ export function buildWall(element, layer, scene, textures, mode) {
   // Get height and thickness of the wall converting them into the current scene units
   // let height = element.properties.getIn(['height', 'length']);
   // let thickness = element.properties.getIn(['thickness', 'length']);
-  var height = convert(layer.ceilHeight).from(layer.unit).to(UNIT_CENTIMETER);
+  var height = (0, _convertUnitsLite.convert)(layer.ceilHeight).from(layer.unit).to(_constants.UNIT_CENTIMETER);
   var thickness = 2.0;
-  var distance = verticesDistance(vertex0, vertex1);
+  var distance = (0, _geometry.verticesDistance)(vertex0, vertex1);
   var soulMaterial = new Three.MeshPhongMaterial({
     color: new Three.Color(wallColor).convertLinearToSRGB()
   }); //element.selected ? SharedStyle.MESH_SELECTED : 0xD3D3D3
@@ -71,7 +76,7 @@ export function buildWall(element, layer, scene, textures, mode) {
   soulVertices.push(new Three.Vector2(distance / 2, -height / 2));
   soulVertices.push(new Three.Vector2(-distance / 2, -height / 2));
   var soulShape = new Three.Shape(soulVertices);
-  var soulMesh = new Mesh(new BoxGeometry(distance, height, thickness), soulMaterial);
+  var soulMesh = new _three.Mesh(new _three.BoxGeometry(distance, height, thickness), soulMaterial);
   if (element.userData.stateMode !== 'MODE_DRAWING_HOLE_3D') {
     element.holes.forEach(function (holeID) {
       var holeData = layer.holes.get(holeID);
@@ -94,14 +99,14 @@ export function buildWall(element, layer, scene, textures, mode) {
         }
         var shapeHole = new Three.Shape(holeVertices);
         soulShape.holes.push(shapeHole);
-        var holeGeometry = new BoxGeometry(holeWidth, holeHeight, thickness);
-        var holeMesh = new Mesh(holeGeometry);
+        var holeGeometry = new _three.BoxGeometry(holeWidth, holeHeight, thickness);
+        var holeMesh = new _three.Mesh(holeGeometry);
         holeMesh.position.x += holeWidth / 2;
         holeMesh.position.y += holeHeight / 2;
         holeMesh.position.x += holeDistance - distance / 2 - holeWidth / 2;
         holeMesh.position.y -= height / 2 - holeAltitude;
-        var wallBSP = new ThreeBSP(soulMesh);
-        var holeBSP = new ThreeBSP(holeMesh);
+        var wallBSP = new _threeCSG["default"](soulMesh);
+        var holeBSP = new _threeCSG["default"](holeMesh);
         var wallWithHoleBSP = wallBSP.subtract(holeBSP);
         soulMesh = wallWithHoleBSP.toMesh(soulMaterial);
       }
@@ -109,7 +114,7 @@ export function buildWall(element, layer, scene, textures, mode) {
   }
   var cAlpha = new Three.Vector2(vertex0.x - vertex1.x, vertex0.y - vertex1.y).angle();
   var soulGeometry = new Three.ShapeGeometry(soulShape);
-  var soul = new Mesh(soulGeometry, soulMaterial);
+  var soul = new _three.Mesh(soulGeometry, soulMaterial);
   soul.receiveShadow = true;
   soul.castShadow = true;
   soul.position.y += height / 2;
@@ -119,13 +124,13 @@ export function buildWall(element, layer, scene, textures, mode) {
   soulMesh.rotation.y = cAlpha + Math.PI;
   soulMesh.name = 'soul';
   soulMesh.castShadow = true;
-  var frontMaterial = new MeshStandardMaterial({
+  var frontMaterial = new _three.MeshStandardMaterial({
     color: new Three.Color(wallColor).convertLinearToSRGB(),
     metalness: 0.1,
     roughness: 0.9
     // envMap: textureCube,
   });
-  var backMaterial = new MeshStandardMaterial({
+  var backMaterial = new _three.MeshStandardMaterial({
     color: new Three.Color(wallColor).convertLinearToSRGB(),
     metalness: 0.1,
     roughness: 0.9
@@ -137,11 +142,11 @@ export function buildWall(element, layer, scene, textures, mode) {
   frontFace.material = frontMaterial;
   frontFace.name = 'frontFace';
   soulMesh.material = frontMaterial;
-  var merged = new Group();
+  var merged = new _three.Group();
   merged.add(frontFace, soulMesh);
 
   // if this wall is front of camera, show/hide
-  if (!isElevationView(mode)) {
+  if (!(0, _helper.isElevationView)(mode)) {
     frontFace.onBeforeRender = function (renderer, scene, camera, geometry, material, group) {
       var soulMesh = this.parent.getObjectByName('soul');
       if (geometry.attributes.normal === undefined) return soulMesh.visible = false;
@@ -160,7 +165,7 @@ export function buildWall(element, layer, scene, textures, mode) {
   }
   return Promise.resolve(merged);
 }
-export function updatedWall(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild) {
+function updatedWall(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild) {
   var noPerf = function noPerf() {
     selfDestroy();
     return selfBuild();
@@ -171,7 +176,7 @@ export function updatedWall(element, layer, scene, textures, mesh, oldElement, d
   if (differences[0] == 'selected') {
     if (soul !== undefined) {
       if (element.selected) {
-        soul.material = new MeshBasicMaterial({
+        soul.material = new _three.MeshBasicMaterial({
           color: new Three.Color(SharedStyle.MESH_SELECTED).convertLinearToSRGB()
         });
       } else {
@@ -181,8 +186,8 @@ export function updatedWall(element, layer, scene, textures, mesh, oldElement, d
     }
   } else if (differences[0] == 'properties') {
     if (differences[1] == 'thickness') {
-      var newThickness = LINE_THICKNESS / 2;
-      var oldThickness = LINE_THICKNESS / 2;
+      var newThickness = _constants.LINE_THICKNESS / 2;
+      var oldThickness = _constants.LINE_THICKNESS / 2;
       // let newThickness = element.getIn(['properties', 'thickness', 'length']);
       // let oldThickness = oldElement.getIn(['properties', 'thickness', 'length']);
       var halfNewThickness = newThickness / 2;

package/es/catalog/factories/wall-factory.js

@@ -1,11 +1,16 @@
-import React from 'react';
-import { buildWall, updatedWall } from "./wall-factory-3d";
-import * as SharedStyle from "../../shared-style";
-import * as Geometry from "../../utils/geometry";
-import Translator from "../../translator/translator";
-import { LINE_THICKNESS } from "../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = true;
+exports["default"] = WallFactory;
+var _react = _interopRequireDefault(require("react"));
+var _wallFactory3d = require("./wall-factory-3d");
+var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
+var Geometry = _interopRequireWildcard(require("../../utils/geometry"));
+var _translator = _interopRequireDefault(require("../../translator/translator"));
+var _constants = require("../../constants");
+var _line = _interopRequireDefault(require("../../class/line"));
 // import Line from 'src/class/line';
-import Line from "../../class/line";
+
 var epsilon = 20;
 var STYLE_TEXT = {
   textAnchor: 'middle'
@@ -45,11 +50,11 @@ var STYLE_POLYGON_SELECTED = {
   stroke: SharedStyle.LINE_MESH_COLOR.selected,
   fill: SharedStyle.LINE_MESH_COLOR.selected
 };
-var translator = new Translator();
+var translator = new _translator["default"]();
 
 /** Create Lines from State */
 var createLineGeometry = function createLineGeometry(scene, state) {
-  var wall_thickness = LINE_THICKNESS / 2;
+  var wall_thickness = _constants.LINE_THICKNESS / 2;
   var layerID = scene.selectedLayer;
   var layer = scene.getIn(['layers', layerID]);
   var lines = layer.lines;
@@ -133,13 +138,13 @@ var createLineGeometry = function createLineGeometry(scene, state) {
         });
       }
     });
-    state = Line.setRelatedLine(state, layer.id, line.id, intersection).updatedState;
+    state = _line["default"].setRelatedLine(state, layer.id, line.id, intersection).updatedState;
   });
   return {
     updatedState: state
   };
 };
-export default function WallFactory(name, info, textures) {
+function WallFactory(name, info, textures) {
   var wallElement = {
     name: name,
     prototype: 'lines',
@@ -155,7 +160,7 @@ export default function WallFactory(name, info, textures) {
       label: translator.t('thickness'),
       type: 'length-measure',
       defaultValue: {
-        length: LINE_THICKNESS / 2
+        length: _constants.LINE_THICKNESS / 2
       }
     },
     properties: {},
@@ -175,7 +180,7 @@ export default function WallFactory(name, info, textures) {
       var verticesinfo = layer.vertices.get(element.vertices.get(0));
       var length = Geometry.pointsDistance(x1, y1, x2, y2);
       var length_5 = length / 5;
-      var thickness = LINE_THICKNESS;
+      var thickness = _constants.LINE_THICKNESS;
       // let thickness = element.getIn(['properties', 'thickness', 'length']);
       var half_thickness = thickness / 2;
       var half_thickness_eps = half_thickness + epsilon;
@@ -198,35 +203,35 @@ export default function WallFactory(name, info, textures) {
       });
 
       //Fill a polygon with the pattern specified by the polygon's id.(For example:fill='url(#pat) =><pattern id="pat">)
-      var outwall = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+      var outwall = /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("pattern", {
         id: "pat",
         x: "0",
         y: "0",
         width: "5",
         height: "5",
         patternUnits: "userSpaceOnUse"
-      }, /*#__PURE__*/React.createElement("line", {
+      }, /*#__PURE__*/_react["default"].createElement("line", {
         x1: "0",
         y1: "0",
         x2: "3",
         y2: "3",
         style: STYLE_LINE
       })));
-      return !element.selected ? /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
+      return !element.selected ? /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
         fill: "url(#pat)",
         fillRule: "evenodd"
-      }), outwall, /*#__PURE__*/React.createElement("line", {
+      }), outwall, /*#__PURE__*/_react["default"].createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,
         y2: y2,
         style: STYLE_INTERIOR_LINE
-      })) : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
+      })) : /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
         fill: "url(#pat)",
         fillRule: "evenodd"
-      }), outwall, /*#__PURE__*/React.createElement("line", {
+      }), outwall, /*#__PURE__*/_react["default"].createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,
@@ -235,10 +240,10 @@ export default function WallFactory(name, info, textures) {
       }));
     },
     render3D: function render3D(element, layer, scene, mode) {
-      return buildWall(element, layer, scene, textures, mode);
+      return (0, _wallFactory3d.buildWall)(element, layer, scene, textures, mode);
     },
     updateRender3D: function updateRender3D(element, layer, scene, mesh, oldElement, differences, selfDestroy, selfBuild) {
-      return updatedWall(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
+      return (0, _wallFactory3d.updatedWall)(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
     }
   };
   if (textures && textures !== {}) {

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

@@ -1,7 +1,11 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from "../../utils/load-obj";
-import { OBJTYPE_MESH } from "../../../constants";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+exports.__esModule = 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");
 var cached3DDoor = null;
 var STYLE_HOLE_BASE = {
   stroke: 'rgb(73, 73, 73)',
@@ -60,7 +64,7 @@ var STYLE_FNT0 = {
   fontFamily: 'Proxima Nova Rg'
 };
 var EPSILON = 3;
-export default {
+var _default = exports["default"] = {
   name: 'Closet',
   prototype: 'holes',
   info: {
@@ -121,20 +125,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 +146,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 +202,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 +218,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());
     });