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

package/es/catalog/utils/item-loader.js

@@ -1,25 +1,19 @@
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-exports.__esModule = true;
-exports.addEdgesToMesh = addEdgesToMesh;
-exports.loadTexture = loadTexture;
-exports.render2DItem = render2DItem;
-exports.render3DApplianceItem = render3DApplianceItem;
-exports.render3DItem = render3DItem;
-exports.render3DLightingItem = render3DLightingItem;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _convertUnitsLite = require("../../utils/convert-units-lite");
-var _immutable = require("immutable");
-var _react = _interopRequireWildcard(require("react"));
-var Three = _interopRequireWildcard(require("three"));
-var SceneCreator = _interopRequireWildcard(require("../../components/viewer3d/scene-creator"));
-var _constants = require("../../constants");
-var _models = require("../../models");
-var GeomUtils = _interopRequireWildcard(require("./geom-utils"));
-var _loadObj = require("./load-obj");
-var _helper = require("../../utils/helper");
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 { convert } from "../../utils/convert-units-lite";
+import { fromJS, Map } from 'immutable';
+import React, { useState } from 'react';
+import * as Three from 'three';
+import * as SceneCreator from "../../components/viewer3d/scene-creator";
+import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE_DARK_PURPLE_COLOR, SHAPE_SVG_DEPTH, SHAPE_SVG_PADDING, SHAPE_SVG_WIDTH, STATUS_WARNING_COLOR, STATUS_WARNING_LIGHT_COLOR, TALL_CABINET_LAYOUTPOS, UNIT_CENTIMETER, UNIT_INCH, WALL_CABINET_LAYOUTPOS } from "../../constants";
+import { Item } from "../../models";
+import * as GeomUtils from "./geom-utils";
+import { loadGLTF } from "./load-obj";
+import { animateDoor, translateDrawer } from "../../utils/helper";
+
 // env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',
@@ -49,9 +43,9 @@ var paramsModel = {
 var cachedObject = {}; // cached Object for quickly load-3d
 
 // render 2d function//////
-function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     hover = _useState2[0],
     setHover = _useState2[1];
   var x = element.x,
@@ -94,24 +88,24 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
     length: tempDepth.get('_length'),
     unit: tempDepth.get('_unit')
   };
-  var originalWidth = (0, _convertUnitsLite.convert)(sizeinfo.width).from('in').to('cm');
-  var originalDepth = (0, _convertUnitsLite.convert)(sizeinfo.depth).from('in').to('cm');
-  var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('cm');
-  var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('cm');
-  var padding = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_PADDING).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
+  var originalWidth = convert(sizeinfo.width).from('in').to('cm');
+  var originalDepth = convert(sizeinfo.depth).from('in').to('cm');
+  var newWidth = convert(width.length).from(width.unit).to('cm');
+  var newDepth = convert(depth.length).from(depth.unit).to('cm');
+  var padding = convert(SHAPE_SVG_PADDING).from(UNIT_INCH).to(UNIT_CENTIMETER);
   var angle = element.rotation + 90;
   var textRotation = 0;
   if (Math.sin(angle * Math.PI / 180) < 0) {
     textRotation = 180;
   }
   var color = '#eee';
-  if (layoutpos == _constants.BASE_CABINET_LAYOUTPOS) {
+  if (layoutpos == BASE_CABINET_LAYOUTPOS) {
     color = '#3f8db3';
   }
-  if (layoutpos == _constants.TALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == TALL_CABINET_LAYOUTPOS) {
     color = '#93b3be';
   }
-  if (layoutpos == _constants.WALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == WALL_CABINET_LAYOUTPOS) {
     color = '#48b08dcc';
   }
   var splitStr = [];
@@ -125,7 +119,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
   if (objSKU.length !== 0) {
     var dcId,
       doorStyle = element.doorStyle;
-    if (doorStyle instanceof _immutable.Map) {
+    if (doorStyle instanceof Map) {
       dcId = doorStyle.get('id');
     } else {
       dcId = doorStyle.id;
@@ -144,7 +138,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
   }
   splitStr.push(type.slice(lineCount * rowCount));
   splitStr.forEach(function (el, key) {
-    txtContent.push(/*#__PURE__*/_react["default"].createElement("text", {
+    txtContent.push(/*#__PURE__*/React.createElement("text", {
       key: 'text' + key,
       x: "0",
       y: newDepth / 2 - 12,
@@ -188,12 +182,12 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       // } else {
       // }
       svg_url = shape_svg.url;
-      svg_width = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_WIDTH).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
-      svg_depth = (0, _convertUnitsLite.convert)(_constants.SHAPE_SVG_DEPTH).from(_constants.UNIT_INCH).to(_constants.UNIT_CENTIMETER);
+      svg_width = convert(SHAPE_SVG_WIDTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
+      svg_depth = convert(SHAPE_SVG_DEPTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
     }
     var padding_width = padding * newWidth / svg_width;
     var padding_depth = padding * newDepth / svg_depth;
-    rendered = /*#__PURE__*/_react["default"].createElement("g", {
+    rendered = /*#__PURE__*/React.createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -201,11 +195,11 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
-    }, /*#__PURE__*/_react["default"].createElement("image", {
+    }, /*#__PURE__*/React.createElement("image", {
       preserveAspectRatio: "none",
       style: {
         pointerEvents: 'none'
@@ -216,7 +210,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       transform: "scale(1, -1)",
       x: "0",
       y: "".concat(-newDepth - 2 * padding_depth)
-    }), /*#__PURE__*/_react["default"].createElement("rect", {
+    }), /*#__PURE__*/React.createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
       width: "".concat(newWidth),
@@ -229,14 +223,14 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         opacity: 0.7,
         postion: 'relative'
       },
-      fill: _constants.STATUS_WARNING_LIGHT_COLOR,
-      stroke: _constants.STATUS_WARNING_COLOR,
+      fill: STATUS_WARNING_LIGHT_COLOR,
+      stroke: STATUS_WARNING_COLOR,
       strokeWidth: "2px"
-    }), /*#__PURE__*/_react["default"].createElement("g", {
+    }), /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent))));
   } else {
-    rendered = /*#__PURE__*/_react["default"].createElement("g", {
+    rendered = /*#__PURE__*/React.createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -244,22 +238,22 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/_react["default"].createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
-    }, newDepth > 15 ? [/*#__PURE__*/_react["default"].createElement("rect", {
+    }, newDepth > 15 ? [/*#__PURE__*/React.createElement("rect", {
       key: "base",
       x: "0",
       y: "12",
       width: newWidth,
       height: newDepth - 12,
       style: style
-    }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    }), /*#__PURE__*/React.createElement("polygon", {
       key: "door",
       style: style,
       points: "0,9 ".concat(newWidth, ",9 ").concat(newWidth, ",6 ").concat(newWidth - 5, ",6 ").concat(newWidth - 5, ",3 ").concat(newWidth - 2, ",3 ").concat(newWidth - 2, " 0 ").concat(newWidth - 10, " 0 ").concat(newWidth - 10, ",3 ").concat(newWidth - 7, ",3 ").concat(newWidth - 7, ",6 0 6")
-    })] : /*#__PURE__*/_react["default"].createElement("rect", {
+    })] : /*#__PURE__*/React.createElement("rect", {
       key: "base",
       x: "0",
       y: "0",
@@ -272,7 +266,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
 }
 // end of render 2d function /////////////////////////
 
-function loadTexture(url) {
+export function loadTexture(url) {
   var texture = new Three.TextureLoader().load(url);
   texture.colorSpace = Three.SRGBColorSpace;
   texture.wrapS = Three.MirroredRepeatWrapping;
@@ -317,10 +311,10 @@ var assignUVs = function assignUVs(geometry) {
  * @param sizeinfo Dimesion of the item
  * @param structure_json Structure of the item such as place holders and meshes, etc
  */
-function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
+export function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
   var mode = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
-  if (element.doorStyle.constructor !== _immutable.Map) {
-    element = element.set('doorStyle', (0, _immutable.fromJS)(element.doorStyle));
+  if (element.doorStyle.constructor !== Map) {
+    element = element.set('doorStyle', fromJS(element.doorStyle));
   }
   if (element.doorStyle.toJS().handle_gltf !== '') {
     // Check element has doorHandle
@@ -342,9 +336,9 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     length: sizeinfo.height,
     unit: 'in'
   };
-  var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('in');
-  var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('in');
-  var newHeight = (0, _convertUnitsLite.convert)(height.length).from(height.unit).to('in');
+  var newWidth = convert(width.length).from(width.unit).to('in');
+  var newDepth = convert(depth.length).from(depth.unit).to('in');
+  var newHeight = convert(height.length).from(height.unit).to('in');
   var mainName = ''; // to get name structure//
   if (element.properties.get('width')) newWidth = element.getIn(['properties', 'width', '_length']);
   if (element.properties.get('depth')) newDepth = element.getIn(['properties', 'depth', '_length']);
@@ -362,7 +356,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     counterTop.uri = layer.toJS().counterTop.uri;
   }
   if ('name' in element.doorStyle) {
-    doorStyles = new _immutable.Map(element.doorStyle.doorStyles);
+    doorStyles = new Map(element.doorStyle.doorStyles);
     color = element.doorStyle.color;
     glossness = element.doorStyle.glossness;
     handleMaterial.metalness = element.doorStyle.metalness;
@@ -383,7 +377,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
   });
   if (tPlaceholders !== undefined) {
     placeholders = tPlaceholders.placeholders;
-    var tempStructure = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, tPlaceholders.structure), {}, {
+    var tempStructure = _objectSpread(_objectSpread({}, tPlaceholders.structure), {}, {
       animation: structure.animation,
       placeholders: structure.placeholders,
       tempPlaceholders: structure.tempPlaceholders,
@@ -405,7 +399,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     var object1 = object;
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
     var _element = element.toJS();
     if (!_element.doorStyle.doorStyles.is_euro_cds) {
       object1.scale.set(100 * newWidth / sizeinfo.width, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
@@ -543,7 +537,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
         transparent: true,
         opacity: 0.4
       }));
-      var _color = new Three.Color(_constants.SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
+      var _color = new Three.Color(SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: _color
       }));
@@ -625,7 +619,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       SceneCreator.updateDoorHandleMesh(element, object1, true);
     }
     object1.traverse(function (obj) {
-      if (obj.type === _constants.OBJTYPE_MESH) {
+      if (obj.type === OBJTYPE_MESH) {
         var name = obj.name;
         if (name.match(/_door_.*_glass_/)) {
           var material = new Three.MeshPhysicalMaterial({
@@ -680,10 +674,10 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           if (isDoor) {
             var offsetData = object1.userData.door_animate_offset[obj.name];
             // Open Door
-            (0, _helper.animateDoor)(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
+            animateDoor(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
           } else {
             // Open Drawer
-            (0, _helper.translateDrawer)(element.toJS(), obj, open_doors, 'Opened2D');
+            translateDrawer(element.toJS(), obj, open_doors, 'Opened2D');
           }
         }
       }
@@ -755,7 +749,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
               _url = structure[temp[k - 1] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())];
             }
           }
-          if ((0, _typeof2["default"])(_url) == Array) _url = _url[0];
+          if (_typeof(_url) == Array) _url = _url[0];
           var uData = _url.split('/');
           uData = uData[uData.length - 1];
           uData = uData.slice(0, -5);
@@ -800,7 +794,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       } else {
         structure[keys[i] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())] = null;
       }
-      return (0, _loadObj.loadGLTF)(loadUrl).then(function (object) {
+      return loadGLTF(loadUrl).then(function (object) {
         if (normalMap !== '') {
           var normalUrl = normalMap.split('.')[0] + '-normal.' + normalMap.split('.')[1];
           var t = loadTexture(normalMap);
@@ -813,7 +807,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           mat2.normalMap = _m;
           // mat2.envMap = textureCube;
           for (var _j3 = 0; _j3 < object.children.length; _j3++) {
-            if (object.children[_j3].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j3].type === OBJTYPE_MESH) {
               object.children[_j3].material = mat2;
               object.children[_j3].receiveShadow = true;
             }
@@ -845,12 +839,12 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           }
           // mat2.envMap = textureCube;
           for (var _j4 = 0; _j4 < object.children.length; _j4++) {
-            if (object.children[_j4].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j4].type === OBJTYPE_MESH) {
               object.children[_j4].material = _mat;
               object.children[_j4].receiveShadow = true;
               object.children[_j4].castShadow = true;
               !object.children[_j4].name.includes('handle') && addEdgesToMesh(object.children[_j4]);
-            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === _constants.OBJTYPE_GROUP) {
+            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === OBJTYPE_GROUP) {
               object.children[_j4].traverse(function (prim) {
                 prim.material = _mat;
                 prim.receiveShadow = true;
@@ -864,7 +858,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           });
           // mat2.envMap = textureCube;
           for (var _j5 = 0; _j5 < object.children.length; _j5++) {
-            if (object.children[_j5].type === _constants.OBJTYPE_MESH) {
+            if (object.children[_j5].type === OBJTYPE_MESH) {
               object.children[_j5].material = _mat2;
               object.children[_j5].receiveShadow = true;
             }
@@ -888,7 +882,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
                   if (placeholder.includes('drawer_door') && placeholder.includes('_handle')) {
                     tmp.rotateZ(Math.PI / 2);
                   }
-                  if (placeholder.includes('_handle') && tmp.children[0].type === _constants.OBJTYPE_MESH) {
+                  if (placeholder.includes('_handle') && tmp.children[0].type === OBJTYPE_MESH) {
                     // NOTE: change metalness of handle
                     tmp.children[0].material.metalness = 1;
                     // handleMaterial.metalness || 0.2;
@@ -909,7 +903,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       });
     }
   };
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     object.name = 'MainObject';
     object.receiveShadow = true;
     objGroup = object;
@@ -986,7 +980,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           addEdgesToMesh(object.children[j]);
         } else if (object.children[j].name.includes('_interior_')) {
           object.children[j].material = mat4;
-        } else if (object.children[j].type === _constants.OBJTYPE_MESH) {
+        } else if (object.children[j].type === OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
           object.children[j].castShadow = true;
@@ -1002,7 +996,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
 }
 
 // render 3d appliance function ////////////////////////////////
-function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
+export function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
   var mode = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
   var structure = structure_json;
   var applianceMaterial = element.applianceMaterial;
@@ -1010,16 +1004,16 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
   var onLoadItem = function onLoadItem(object) {
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
     var newWidth = element.properties.get('width').get('_length');
     var newWidthUnit = element.properties.get('width').get('_unit') || 'in';
-    newWidth = (0, _convertUnitsLite.convert)(newWidth).from(newWidthUnit).to('in');
+    newWidth = convert(newWidth).from(newWidthUnit).to('in');
     var newHeight = element.properties.get('height').get('_length');
     var newHeightUnit = element.properties.get('height').get('_unit') || 'in';
-    newHeight = (0, _convertUnitsLite.convert)(newHeight).from(newHeightUnit).to('in');
+    newHeight = convert(newHeight).from(newHeightUnit).to('in');
     var newDepth = element.properties.get('depth').get('_length');
     var newDepthUnit = element.properties.get('depth').get('_unit') || 'in';
-    newDepth = (0, _convertUnitsLite.convert)(newDepth).from(newDepthUnit).to('in');
+    newDepth = convert(newDepth).from(newDepthUnit).to('in');
     object.scale.set(100 * newWidth / sizeinfo.width, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
     // Normalize the origin of the object
     var boundingBox = new Three.Box3().setFromObject(object);
@@ -1030,7 +1024,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
     object.position.z -= center[2];
     object.position.y += newAltitude;
     object.traverse(function (obj) {
-      if (obj.type === _constants.OBJTYPE_MESH) {
+      if (obj.type === OBJTYPE_MESH) {
         var name = obj.name;
         var texture,
           textureLoader = new Three.TextureLoader();
@@ -1142,7 +1136,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1242,7 +1236,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1258,7 +1252,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === _constants.OBJTYPE_MESH) {
+      if (object.children[j].type === OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
         object.children[j].castShadow = true; // change
@@ -1273,7 +1267,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
   });
 }
 // render 3d appliance function ////////////////////////////////
-function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
+export function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
   var mode = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
   var structure = structure_json;
   var onLoadItem = function onLoadItem(object) {
@@ -1289,12 +1283,12 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
       length: sizeinfo.height,
       unit: 'in'
     };
-    var newWidth = (0, _convertUnitsLite.convert)(width.length).from(width.unit).to('cm');
-    var newDepth = (0, _convertUnitsLite.convert)(depth.length).from(depth.unit).to('cm');
-    var newHeight = (0, _convertUnitsLite.convert)(height.length).from(height.unit).to('cm');
+    var newWidth = convert(width.length).from(width.unit).to('cm');
+    var newDepth = convert(depth.length).from(depth.unit).to('cm');
+    var newHeight = convert(height.length).from(height.unit).to('cm');
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
 
     //object.scale.set(newWidth, newHeight, newDepth);
     object.scale.set(100, 100, 100);
@@ -1374,7 +1368,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1480,7 +1474,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
+  return loadGLTF(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1495,7 +1489,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
     // mat2.envMap = textureCube;
     object.material = mat2;
     for (var j = 0; j < object.children.length; j++) {
-      if (object.children[j].type === _constants.OBJTYPE_MESH) {
+      if (object.children[j].type === OBJTYPE_MESH) {
         object.children[j].material = mat2;
         object.children[j].receiveShadow = true;
       }
@@ -1508,7 +1502,7 @@ function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
     return _loadGLTFs3(0);
   });
 }
-function addEdgesToMesh(inChild) {
+export function addEdgesToMesh(inChild) {
   var boxEdge = new Three.EdgesGeometry(inChild.geometry, 10);
   var boxEdgeMaterial = new Three.LineBasicMaterial({
     color: 0x000000,

package/es/catalog/utils/load-obj.js

@@ -1,22 +1,18 @@
-exports.__esModule = true;
-exports.loadGLTF = loadGLTF;
-exports.loadObjWithMaterial = loadObjWithMaterial;
-exports.scaleObject = scaleObject;
-var _three = require("three");
-var _MTLLoader = require("three/examples/jsm/loaders/MTLLoader.js");
-var _OBJLoader = require("three/examples/jsm/loaders/OBJLoader.js");
-var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader.js");
-var _DRACOLoader = require("three/examples/jsm/loaders/DRACOLoader.js");
-var _constants = require("../../constants");
-function loadObjWithMaterial(mtlFile, objFile, imgPath) {
-  var manager = new _three.LoadingManager();
-  var mtlLoader = new _MTLLoader.MTLLoader(manager);
+import { Box3, BufferAttribute, BufferGeometry, LoaderUtils, LoadingManager, Vector3 } from 'three';
+import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader.js';
+import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
+import { OBJTYPE_MESH } from "../../constants";
+export function loadObjWithMaterial(mtlFile, objFile, imgPath) {
+  var manager = new LoadingManager();
+  var mtlLoader = new MTLLoader(manager);
   // mtlLoader.setPath(imgPath);
   var url = mtlFile;
   return new Promise(function (resolve, reject) {
     mtlLoader.load(url, function (materials) {
       materials.preload();
-      var objLoader = new _OBJLoader.OBJLoader();
+      var objLoader = new OBJLoader();
       objLoader.setMaterials(materials);
       objLoader.load(objFile, function (object) {
         return resolve(object);
@@ -24,12 +20,12 @@ function loadObjWithMaterial(mtlFile, objFile, imgPath) {
     });
   });
 }
-function loadGLTF(url) {
+export function loadGLTF(url) {
   if (url == undefined) {
     return Promise.reject('No url is passed');
   }
-  var baseURL = _three.LoaderUtils.extractUrlBase(url);
-  var manager = new _three.LoadingManager();
+  var baseURL = LoaderUtils.extractUrlBase(url);
+  var manager = new LoadingManager();
 
   // Intercept and override relative URLs.
   manager.setURLModifier(function (url, path) {
@@ -46,9 +42,9 @@ function loadGLTF(url) {
     // }
     return (path || '') + url;
   });
-  var loader = new _GLTFLoader.GLTFLoader(manager);
+  var loader = new GLTFLoader(manager);
   loader.setCrossOrigin('anonymous');
-  var dracoLoader = new _DRACOLoader.DRACOLoader();
+  var dracoLoader = new DRACOLoader();
   dracoLoader.setDecoderPath('/assets/draco/');
   loader.setDRACOLoader(dracoLoader);
   return new Promise(function (resolve, reject) {
@@ -66,15 +62,15 @@ function loadGLTF(url) {
     });
   });
 }
-function scaleObject(object, defaultSizeArray, scaleSizeArray) {
-  var boundingBox = new _three.Box3().setFromObject(object);
-  var initialSizeArray = boundingBox.getSize(new _three.Vector3()).toArray();
+export function scaleObject(object, defaultSizeArray, scaleSizeArray) {
+  var boundingBox = new Box3().setFromObject(object);
+  var initialSizeArray = boundingBox.getSize(new Vector3()).toArray();
   for (var i = 0; i < 3; i++) {
     scaleSizeArray[i] -= defaultSizeArray[i];
     defaultSizeArray[i] /= initialSizeArray[i];
   }
   object.children.forEach(function (child) {
-    if (child.type == _constants.OBJTYPE_MESH && child.geometry instanceof _three.BufferGeometry) {
+    if (child.type == OBJTYPE_MESH && child.geometry instanceof BufferGeometry) {
       var position = child.geometry.attributes.position;
       var new_pos = position.array.map(function (v, i, a) {
         var j = i % 3;
@@ -85,7 +81,7 @@ function scaleObject(object, defaultSizeArray, scaleSizeArray) {
         }
         return v;
       });
-      var new_geom = child.geometry.clone().setAttribute('position', new _three.BufferAttribute(new_pos, 3));
+      var new_geom = child.geometry.clone().setAttribute('position', new BufferAttribute(new_pos, 3));
       new_geom.computeBoundingBox();
       new_geom.computeBoundingSphere();
       child.geometry.dispose();

package/es/catalog/utils/mtl-loader.js

@@ -1,5 +1,3 @@
-exports.__esModule = true;
-exports["default"] = exports.MTLLoader = void 0;
 /**
  * Loads a Wavefront .mtl file specifying materials
  *
@@ -8,7 +6,7 @@ exports["default"] = exports.MTLLoader = void 0;
 
 var THREE = window.THREE;
 var MTLLoader;
-exports.MTLLoader = MTLLoader = function MTLLoader(manager) {
+MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
 };
 Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
@@ -356,4 +354,5 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-var _default = exports["default"] = MTLLoader;
+export default MTLLoader;
+export { MTLLoader };

package/es/catalog/utils/obj-loader.js

@@ -1,11 +1,9 @@
-exports.__esModule = true;
-exports["default"] = exports.OBJLoader = void 0;
 /**
  * @author mrdoob / http://mrdoob.com/
  */
 var THREE = window.THREE;
 var OBJLoader;
-exports.OBJLoader = OBJLoader = function () {
+OBJLoader = function () {
   // o object_name | g group_name
   var object_pattern = /^[og]\s*(.+)?/;
   // mtllib file_reference
@@ -475,4 +473,5 @@ exports.OBJLoader = OBJLoader = function () {
   };
   return OBJLoader;
 }();
-var _default = exports["default"] = OBJLoader;
+export default OBJLoader;
+export { OBJLoader };