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

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

@@ -1,26 +1,32 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-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";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: 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/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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");
+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" != _typeof3(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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+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) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',
@@ -50,9 +56,9 @@ var paramsModel = {
 var cachedObject = {}; // cached Object for quickly load-3d
 
 // render 2d function//////
-export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     hover = _useState2[0],
     setHover = _useState2[1];
   var x = element.x,
@@ -95,24 +101,24 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
     length: tempDepth.get('_length'),
     unit: tempDepth.get('_unit')
   };
-  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 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 angle = element.rotation + 90;
   var textRotation = 0;
   if (Math.sin(angle * Math.PI / 180) < 0) {
     textRotation = 180;
   }
   var color = '#eee';
-  if (layoutpos == BASE_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.BASE_CABINET_LAYOUTPOS) {
     color = '#3f8db3';
   }
-  if (layoutpos == TALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.TALL_CABINET_LAYOUTPOS) {
     color = '#93b3be';
   }
-  if (layoutpos == WALL_CABINET_LAYOUTPOS) {
+  if (layoutpos == _constants.WALL_CABINET_LAYOUTPOS) {
     color = '#48b08dcc';
   }
   var splitStr = [];
@@ -126,7 +132,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   if (objSKU.length !== 0) {
     var dcId,
       doorStyle = element.doorStyle;
-    if (doorStyle instanceof Map) {
+    if (doorStyle instanceof _immutable.Map) {
       dcId = doorStyle.get('id');
     } else {
       dcId = doorStyle.id;
@@ -145,7 +151,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   }
   splitStr.push(type.slice(lineCount * rowCount));
   splitStr.forEach(function (el, key) {
-    txtContent.push(/*#__PURE__*/React.createElement("text", {
+    txtContent.push(/*#__PURE__*/_react["default"].createElement("text", {
       key: 'text' + key,
       x: "0",
       y: newDepth / 2 - 12,
@@ -189,12 +195,12 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       // } else {
       // }
       svg_url = shape_svg.url;
-      svg_width = convert(SHAPE_SVG_WIDTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
-      svg_depth = convert(SHAPE_SVG_DEPTH).from(UNIT_INCH).to(UNIT_CENTIMETER);
+      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);
     }
     var padding_width = padding * newWidth / svg_width;
     var padding_depth = padding * newDepth / svg_depth;
-    rendered = /*#__PURE__*/React.createElement("g", {
+    rendered = /*#__PURE__*/_react["default"].createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -202,11 +208,11 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
-    }, /*#__PURE__*/React.createElement("image", {
+    }, /*#__PURE__*/_react["default"].createElement("image", {
       preserveAspectRatio: "none",
       style: {
         pointerEvents: 'none'
@@ -217,7 +223,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       transform: "scale(1, -1)",
       x: "0",
       y: "".concat(-newDepth - 2 * padding_depth)
-    }), /*#__PURE__*/React.createElement("rect", {
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
       width: "".concat(newWidth),
@@ -230,14 +236,14 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         opacity: 0.7,
         postion: 'relative'
       },
-      fill: STATUS_WARNING_LIGHT_COLOR,
-      stroke: STATUS_WARNING_COLOR,
+      fill: _constants.STATUS_WARNING_LIGHT_COLOR,
+      stroke: _constants.STATUS_WARNING_COLOR,
       strokeWidth: "2px"
-    }), /*#__PURE__*/React.createElement("g", {
+    }), /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent))));
   } else {
-    rendered = /*#__PURE__*/React.createElement("g", {
+    rendered = /*#__PURE__*/_react["default"].createElement("g", {
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },
@@ -245,22 +251,22 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         setHover(false);
       },
       transform: "translate(".concat(x, ",").concat(y, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "rotate(".concat(rotation, ")")
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
-    }, newDepth > 15 ? [/*#__PURE__*/React.createElement("rect", {
+    }, newDepth > 15 ? [/*#__PURE__*/_react["default"].createElement("rect", {
       key: "base",
       x: "0",
       y: "12",
       width: newWidth,
       height: newDepth - 12,
       style: style
-    }), /*#__PURE__*/React.createElement("polygon", {
+    }), /*#__PURE__*/_react["default"].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.createElement("rect", {
+    })] : /*#__PURE__*/_react["default"].createElement("rect", {
       key: "base",
       x: "0",
       y: "0",
@@ -273,7 +279,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
 }
 // end of render 2d function /////////////////////////
 
-export function loadTexture(url) {
+function loadTexture(url) {
   var texture = new Three.TextureLoader().load(url);
   texture.colorSpace = Three.SRGBColorSpace;
   texture.wrapS = Three.MirroredRepeatWrapping;
@@ -318,10 +324,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
  */
-export function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner) {
+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 !== Map) {
-    element = element.set('doorStyle', fromJS(element.doorStyle));
+  if (element.doorStyle.constructor !== _immutable.Map) {
+    element = element.set('doorStyle', (0, _immutable.fromJS)(element.doorStyle));
   }
   if (element.doorStyle.toJS().handle_gltf !== '') {
     // Check element has doorHandle
@@ -343,9 +349,9 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     length: sizeinfo.height,
     unit: '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 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 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']);
@@ -363,7 +369,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     counterTop.uri = layer.toJS().counterTop.uri;
   }
   if ('name' in element.doorStyle) {
-    doorStyles = new Map(element.doorStyle.doorStyles);
+    doorStyles = new _immutable.Map(element.doorStyle.doorStyles);
     color = element.doorStyle.color;
     glossness = element.doorStyle.glossness;
     handleMaterial.metalness = element.doorStyle.metalness;
@@ -406,7 +412,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     var object1 = object;
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.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);
@@ -544,7 +550,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
         transparent: true,
         opacity: 0.4
       }));
-      var _color = new Three.Color(SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
+      var _color = new Three.Color(_constants.SHADE_DARK_PURPLE_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: _color
       }));
@@ -626,7 +632,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       SceneCreator.updateDoorHandleMesh(element, object1, true);
     }
     object1.traverse(function (obj) {
-      if (obj.type === OBJTYPE_MESH) {
+      if (obj.type === _constants.OBJTYPE_MESH) {
         var name = obj.name;
         if (name.match(/_door_.*_glass_/)) {
           var material = new Three.MeshPhysicalMaterial({
@@ -681,10 +687,10 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           if (isDoor) {
             var offsetData = object1.userData.door_animate_offset[obj.name];
             // Open Door
-            animateDoor(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
+            (0, _helper.animateDoor)(offsetData, obj, open_doors, element.toJS(), is_corner, 'Opened2D');
           } else {
             // Open Drawer
-            translateDrawer(element.toJS(), obj, open_doors, 'Opened2D');
+            (0, _helper.translateDrawer)(element.toJS(), obj, open_doors, 'Opened2D');
           }
         }
       }
@@ -756,7 +762,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
               _url = structure[temp[k - 1] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())];
             }
           }
-          if (_typeof(_url) == Array) _url = _url[0];
+          if ((0, _typeof2["default"])(_url) == Array) _url = _url[0];
           var uData = _url.split('/');
           uData = uData[uData.length - 1];
           uData = uData.slice(0, -5);
@@ -801,7 +807,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       } else {
         structure[keys[i] + '_doorStyle' + element.type + 'doorStyle' + JSON.stringify(doorStyles.toJS())] = null;
       }
-      return loadGLTF(loadUrl).then(function (object) {
+      return (0, _loadObj.loadGLTF)(loadUrl).then(function (object) {
         if (normalMap !== '') {
           var normalUrl = normalMap.split('.')[0] + '-normal.' + normalMap.split('.')[1];
           var t = loadTexture(normalMap);
@@ -814,7 +820,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           mat2.normalMap = _m;
           // mat2.envMap = textureCube;
           for (var _j3 = 0; _j3 < object.children.length; _j3++) {
-            if (object.children[_j3].type === OBJTYPE_MESH) {
+            if (object.children[_j3].type === _constants.OBJTYPE_MESH) {
               object.children[_j3].material = mat2;
               object.children[_j3].receiveShadow = true;
             }
@@ -846,12 +852,12 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           }
           // mat2.envMap = textureCube;
           for (var _j4 = 0; _j4 < object.children.length; _j4++) {
-            if (object.children[_j4].type === OBJTYPE_MESH) {
+            if (object.children[_j4].type === _constants.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 === OBJTYPE_GROUP) {
+            } else if (!object.children[_j4].name.startsWith('ph_') && object.children[_j4].type === _constants.OBJTYPE_GROUP) {
               object.children[_j4].traverse(function (prim) {
                 prim.material = _mat;
                 prim.receiveShadow = true;
@@ -865,7 +871,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           });
           // mat2.envMap = textureCube;
           for (var _j5 = 0; _j5 < object.children.length; _j5++) {
-            if (object.children[_j5].type === OBJTYPE_MESH) {
+            if (object.children[_j5].type === _constants.OBJTYPE_MESH) {
               object.children[_j5].material = _mat2;
               object.children[_j5].receiveShadow = true;
             }
@@ -889,7 +895,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
                   if (placeholder.includes('drawer_door') && placeholder.includes('_handle')) {
                     tmp.rotateZ(Math.PI / 2);
                   }
-                  if (placeholder.includes('_handle') && tmp.children[0].type === OBJTYPE_MESH) {
+                  if (placeholder.includes('_handle') && tmp.children[0].type === _constants.OBJTYPE_MESH) {
                     // NOTE: change metalness of handle
                     tmp.children[0].material.metalness = 1;
                     // handleMaterial.metalness || 0.2;
@@ -910,7 +916,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       });
     }
   };
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     object.name = 'MainObject';
     object.receiveShadow = true;
     objGroup = object;
@@ -987,7 +993,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           addEdgesToMesh(object.children[j]);
         } else if (object.children[j].name.includes('_interior_')) {
           object.children[j].material = mat4;
-        } else if (object.children[j].type === OBJTYPE_MESH) {
+        } else if (object.children[j].type === _constants.OBJTYPE_MESH) {
           object.children[j].material = mat2;
           object.children[j].receiveShadow = true;
           object.children[j].castShadow = true;
@@ -1003,7 +1009,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
 }
 
 // render 3d appliance function ////////////////////////////////
-export function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json) {
+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;
@@ -1011,16 +1017,16 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
   var onLoadItem = function onLoadItem(object) {
     var newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.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 = convert(newWidth).from(newWidthUnit).to('in');
+    newWidth = (0, _convertUnitsLite.convert)(newWidth).from(newWidthUnit).to('in');
     var newHeight = element.properties.get('height').get('_length');
     var newHeightUnit = element.properties.get('height').get('_unit') || 'in';
-    newHeight = convert(newHeight).from(newHeightUnit).to('in');
+    newHeight = (0, _convertUnitsLite.convert)(newHeight).from(newHeightUnit).to('in');
     var newDepth = element.properties.get('depth').get('_length');
     var newDepthUnit = element.properties.get('depth').get('_unit') || 'in';
-    newDepth = convert(newDepth).from(newDepthUnit).to('in');
+    newDepth = (0, _convertUnitsLite.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);
@@ -1031,7 +1037,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
     object.position.z -= center[2];
     object.position.y += newAltitude;
     object.traverse(function (obj) {
-      if (obj.type === OBJTYPE_MESH) {
+      if (obj.type === _constants.OBJTYPE_MESH) {
         var name = obj.name;
         var texture,
           textureLoader = new Three.TextureLoader();
@@ -1143,7 +1149,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1243,7 +1249,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1259,7 +1265,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
     // mat2.envMap = textureCube;
     object.material = mat2;
     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;
         object.children[j].castShadow = true; // change
@@ -1274,7 +1280,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
   });
 }
 // render 3d appliance function ////////////////////////////////
-export function render3DLightingItem(element, layer, scene, sizeinfo, structure_json) {
+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) {
@@ -1290,12 +1296,12 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
       length: sizeinfo.height,
       unit: 'in'
     };
-    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 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 newAltitude = element.properties.get('altitude').get('_length');
     var newUnit = element.properties.get('altitude').get('_unit') || 'in';
-    newAltitude = convert(newAltitude).from(newUnit).to(scene.unit);
+    newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
 
     //object.scale.set(newWidth, newHeight, newDepth);
     object.scale.set(100, 100, 100);
@@ -1375,7 +1381,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
         transparent: true,
         opacity: 0.4
       }));
-      var color = new Three.Color(ARROW_COLOR).convertLinearToSRGB();
+      var color = new Three.Color(_constants.ARROW_COLOR).convertLinearToSRGB();
       var vLine = new Three.Line(vLineGeom, new Three.LineBasicMaterial({
         color: color
       }));
@@ -1481,7 +1487,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
 
   // load base to start //
   // return loadGLTF(dirName + structure["base"])
-  return loadGLTF(structure['base']).then(function (object) {
+  return (0, _loadObj.loadGLTF)(structure['base']).then(function (object) {
     // let textureURL = `${API_SERVER_URL}/uploads/assets/default/steel.jpg`;
     // let texture = loadTexture(textureURL);
     // texture.wrapS = Three.MirroredRepeatWrapping;
@@ -1496,7 +1502,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
     // mat2.envMap = textureCube;
     object.material = mat2;
     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;
       }
@@ -1509,7 +1515,7 @@ export function render3DLightingItem(element, layer, scene, sizeinfo, structure_
     return _loadGLTFs3(0);
   });
 }
-export function addEdgesToMesh(inChild) {
+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,18 +1,26 @@
-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);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: 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);
   // mtlLoader.setPath(imgPath);
   var url = mtlFile;
   return new Promise(function (resolve, reject) {
     mtlLoader.load(url, function (materials) {
       materials.preload();
-      var objLoader = new OBJLoader();
+      var objLoader = new _OBJLoader.OBJLoader();
       objLoader.setMaterials(materials);
       objLoader.load(objFile, function (object) {
         return resolve(object);
@@ -20,12 +28,12 @@ export function loadObjWithMaterial(mtlFile, objFile, imgPath) {
     });
   });
 }
-export function loadGLTF(url) {
+function loadGLTF(url) {
   if (url == undefined) {
     return Promise.reject('No url is passed');
   }
-  var baseURL = LoaderUtils.extractUrlBase(url);
-  var manager = new LoadingManager();
+  var baseURL = _three.LoaderUtils.extractUrlBase(url);
+  var manager = new _three.LoadingManager();
 
   // Intercept and override relative URLs.
   manager.setURLModifier(function (url, path) {
@@ -42,9 +50,9 @@ export function loadGLTF(url) {
     // }
     return (path || '') + url;
   });
-  var loader = new GLTFLoader(manager);
+  var loader = new _GLTFLoader.GLTFLoader(manager);
   loader.setCrossOrigin('anonymous');
-  var dracoLoader = new DRACOLoader();
+  var dracoLoader = new _DRACOLoader.DRACOLoader();
   dracoLoader.setDecoderPath('/assets/draco/');
   loader.setDRACOLoader(dracoLoader);
   return new Promise(function (resolve, reject) {
@@ -62,15 +70,15 @@ export function loadGLTF(url) {
     });
   });
 }
-export function scaleObject(object, defaultSizeArray, scaleSizeArray) {
-  var boundingBox = new Box3().setFromObject(object);
-  var initialSizeArray = boundingBox.getSize(new Vector3()).toArray();
+function scaleObject(object, defaultSizeArray, scaleSizeArray) {
+  var boundingBox = new _three.Box3().setFromObject(object);
+  var initialSizeArray = boundingBox.getSize(new _three.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 == OBJTYPE_MESH && child.geometry instanceof BufferGeometry) {
+    if (child.type == _constants.OBJTYPE_MESH && child.geometry instanceof _three.BufferGeometry) {
       var position = child.geometry.attributes.position;
       var new_pos = position.array.map(function (v, i, a) {
         var j = i % 3;
@@ -81,7 +89,7 @@ export function scaleObject(object, defaultSizeArray, scaleSizeArray) {
         }
         return v;
       });
-      var new_geom = child.geometry.clone().setAttribute('position', new BufferAttribute(new_pos, 3));
+      var new_geom = child.geometry.clone().setAttribute('position', new _three.BufferAttribute(new_pos, 3));
       new_geom.computeBoundingBox();
       new_geom.computeBoundingSphere();
       child.geometry.dispose();

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

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

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

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