kitchen-simulator 1.1.1-test.75 → 1.1.1-test.77

package/es/catalog/areas/area/planner-element.js

@@ -1,43 +1,40 @@
-import ElementsFactories from "../../factories/export";
-var textureUrl = function textureUrl(file) {
-  return new URL("./textures/".concat(file), import.meta.url).href;
-};
+import { AreaFactory } from "../../factories/export";
 var info = {
   title: 'area',
   tag: ['area'],
   description: 'Generic Room',
-  image: '' // no image provided yet
+  image: ''
 };
 var textures = {
   parquet: {
     name: 'Parquet',
-    uri: textureUrl('parquet.jpg'),
+    uri: require("./textures/parquet.jpg"),
     lengthRepeatScale: 0.004,
     heightRepeatScale: 0.004
   },
   tile1: {
     name: 'Tile1',
-    uri: textureUrl('tile1.jpg'),
+    uri: require("./textures/tile1.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   },
   ceramic: {
     name: 'Ceramic Tile',
-    uri: textureUrl('ceramic-tile.jpg'),
+    uri: require("./textures/ceramic-tile.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   strand_porcelain: {
     name: 'Strand Porcelain Tile',
-    uri: textureUrl('strand-porcelain.jpg'),
+    uri: require("./textures/strand-porcelain.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   grass: {
     name: 'Grass',
-    uri: textureUrl('grass.jpg'),
+    uri: require("./textures/grass.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   }
 };
-export default ElementsFactories.AreaFactory('area', info, textures);
+export default AreaFactory('area', info, textures);

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

@@ -3,8 +3,7 @@ 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";
-// import Line from 'src/class/line';
+import { LINE_THICKNESS } from "../../constants"; // import Line from 'src/class/line';
 import Line from "../../class/line";
 var epsilon = 20;
 var STYLE_TEXT = {

package/es/catalog/lines/wall/planner-element.js

@@ -1,12 +1,9 @@
-import ElementsFactories from "../../factories/export";
-var textureUrl = function textureUrl(file) {
-  return new URL("./textures/".concat(file), import.meta.url).href;
-};
+import { WallFactory } from "../../factories/export";
 var info = {
   title: 'wall',
   tag: ['wall'],
   description: 'Wall with bricks or painted',
-  image: new URL('./wall.png', import.meta.url).href,
+  image: require("./wall.png"),
   visibility: {
     catalog: true,
     layerElementsVisible: true
@@ -15,11 +12,11 @@ var info = {
 var textures = {
   plaster: {
     name: 'Plaster',
-    uri: textureUrl('plaster.jpg'),
+    uri: require("./textures/plaster.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('plaster-normal.jpg'),
+      uri: require("./textures/plaster-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -29,11 +26,11 @@ var textures = {
   },
   bricks: {
     name: 'Bricks',
-    uri: textureUrl('bricks.jpg'),
+    uri: require("./textures/bricks.jpg"),
     lengthRepeatScale: 0.009,
     heightRepeatScale: 0.009,
     normal: {
-      uri: textureUrl('bricks-normal.jpg'),
+      uri: require("./textures/bricks-normal.jpg"),
       lengthRepeatScale: 0.009,
       heightRepeatScale: 0.009,
       normalScaleX: 0.4,
@@ -43,11 +40,11 @@ var textures = {
   },
   painted: {
     name: 'Painted',
-    uri: textureUrl('painted.jpg'),
+    uri: require("./textures/painted.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('painted-normal.jpg'),
+      uri: require("./textures/painted-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -57,11 +54,11 @@ var textures = {
   },
   morden: {
     name: 'Morden',
-    uri: textureUrl('morden.jpg'),
+    uri: require("./textures/morden.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: textureUrl('morden-normal.jpg'),
+      uri: require("./textures/morden-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -70,4 +67,4 @@ var textures = {
     }
   }
 };
-export default ElementsFactories.WallFactory('wall', info, textures);
+export default WallFactory('wall', info, textures);

package/es/catalog/molding/molding-dcm/planner-element.js

@@ -1,5 +1,3 @@
-import React from 'react';
-import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

package/es/catalog/molding/molding-fbm/planner-element.js

@@ -1,5 +1,3 @@
-import React from 'react';
-import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

package/es/catalog/molding/molding-lrm/planner-element.js

@@ -1,5 +1,3 @@
-import React from 'react';
-import * as Three from 'three';
 import { loadGLTF } from "../../utils/load-obj";
 var cached3DMolding = null;
 export default {

package/es/catalog/properties/property-checkbox.js

@@ -1,57 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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 PropTypes from 'prop-types';
+import { FormLabel } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+import styled from 'styled-components';
 import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
-var styles = {
-  flipWrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    margin: '15px 0',
-    justifyContent: 'space-between'
-  },
-  flipTitle: {
-    marginRight: 'auto',
-    color: SECONDARY_PURPLE_COLOR,
-    fontFamily: DEFAULT_FONT_FAMILY,
-    fontSize: 16,
-    fontWeight: 600,
-    lineHeight: '18px',
-    textAlign: 'left'
-  },
-  flipDescription: {
-    marginRight: 'auto',
-    color: TEXT_COLOR_NEUTRAL_0,
-    fontFamily: DEFAULT_FONT_FAMILY,
-    fontSize: 13,
-    fontWeight: 400,
-    lineHeight: '18px',
-    textAlign: 'left'
-  },
-  flipInfoWrapper: {
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  flipToggle: {
-    display: 'flex',
-    position: 'relative',
-    alignItems: 'center',
-    justifyContent: 'center',
-    fontSize: 14,
-    cursor: 'pointer',
-    userSelect: 'none'
-  },
-  flipToggleIcon: {
-    top: 0,
-    position: 'absolute'
-  },
-  flipToggleIconImg: {
-    fontSize: '1.4rem',
-    boxSizing: 'border-box',
-    borderRadius: '50%'
-  }
-};
+var FlipWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 15px 0;\n  justify-content: space-between;\n"])));
+var FlipTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY);
+var FlipDescription = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
+var FlipInfoWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var FlipToggle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+var FlipToggleIcon = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  top: 0;\n  position: absolute;\n  ", "\n  img {\n    font-size: 1.4rem;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n"])), '' /* transition-duration: .3s; */);
 export default function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -72,18 +35,10 @@ export default function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/React.createElement("div", {
-    style: styles.flipWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    style: styles.flipInfoWrapper
-  }, /*#__PURE__*/React.createElement("span", {
-    style: styles.flipTitle
-  }, configs.label), configs.description && /*#__PURE__*/React.createElement("span", {
-    style: styles.flipDescription
-  }, configs.description)), /*#__PURE__*/React.createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
+  return /*#__PURE__*/React.createElement(FlipWrapper, null, /*#__PURE__*/React.createElement(FlipInfoWrapper, null, /*#__PURE__*/React.createElement(FlipTitle, null, configs.label), configs.description && /*#__PURE__*/React.createElement(FlipDescription, null, configs.description)), /*#__PURE__*/React.createElement(FlipToggle, {
+    style: {
       color: 'black'
-    }),
+    },
     onClick: function onClick(e) {
       return update(!value);
     }
@@ -93,14 +48,14 @@ export default function PropertyCheckbox(_ref) {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
+  }), /*#__PURE__*/React.createElement(FlipToggleIcon, {
+    style: _objectSpread({}, activeStyle)
   }, /*#__PURE__*/React.createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: _objectSpread({
+    style: {
       width: '30px',
       height: '30px'
-    }, styles.flipToggleIconImg)
+    }
   }))));
 }
 PropertyCheckbox.propTypes = {

package/es/catalog/properties/property-enum.js

@@ -1,40 +1,15 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Seq } from 'immutable';
-import { FormSelect } from "../../components/style/export";
-import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
-var styles = {
-  enumWrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    marginTop: 3
-  },
-  enumTitle: function enumTitle(fontSize) {
-    return {
-      marginRight: 'auto',
-      width: 110,
-      color: TEXT_COLOR_NEUTRAL_0,
-      fontFamily: DEFAULT_FONT_FAMILY,
-      fontSize: fontSize,
-      fontWeight: 400,
-      lineHeight: '15px',
-      textAlign: 'left'
-    };
-  }
-};
-
-// Responsive font size logic
-function getFontSize() {
-  if (typeof window !== 'undefined') {
-    var w = window.innerWidth;
-    if (w <= 1024) return 11;
-    if (w <= 1366) return 13;
-    if (w <= 1440) return 16;
-    return 16;
-  }
-  return 13;
-}
+import { FormLabel, FormSelect } from "../../components/style/export";
+import PropertyStyle from "./shared-property-style";
+import styled from 'styled-components';
+import { TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY } from "../../constants";
+var EnumWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
+var EnumTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
 export default function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -50,24 +25,7 @@ export default function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  var _React$useState = React.useState(getFontSize()),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    fontSize = _React$useState2[0],
-    setFontSize = _React$useState2[1];
-  React.useEffect(function () {
-    function handleResize() {
-      setFontSize(getFontSize());
-    }
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    style: styles.enumWrapper
-  }, /*#__PURE__*/React.createElement("span", {
-    style: styles.enumTitle(fontSize)
-  }, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
+  return /*#__PURE__*/React.createElement(EnumWrapper, null, /*#__PURE__*/React.createElement(EnumTitle, null, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);

package/es/catalog/properties/property-lenght-measure.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["hook", "label"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNITS_LENGTH, UNIT_INCH } from "../../constants";
 import { convert } from "../../utils/convert-units-lite";
 import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
 import { Map } from 'immutable';

package/es/catalog/properties/property-length-measure.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["hook", "label"];
+var _templateObject, _templateObject2;
 import React from 'react';
 import PropTypes from 'prop-types';
 import { BASE_CABINET_LAYOUTPOS, DEFAULT_FONT_FAMILY, TALL_CABINET_LAYOUTPOS, TEXT_COLOR_NEUTRAL_0, UNIT_CENTIMETER, UNIT_INCH } from "../../constants";
@@ -9,37 +10,9 @@ import { convert } from "../../utils/convert-units-lite";
 import { FormNumberInput } from "../../components/style/export";
 import { Map } from 'immutable';
 import { toFixedFloat } from "../../utils/math";
-var styles = {
-  distanceFloorWrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    marginTop: 3
-  },
-  distanceFloorTitle: function distanceFloorTitle(fontSize) {
-    return {
-      marginRight: 'auto',
-      width: 110,
-      color: TEXT_COLOR_NEUTRAL_0,
-      fontFamily: DEFAULT_FONT_FAMILY,
-      fontSize: fontSize,
-      fontWeight: 400,
-      lineHeight: '15px',
-      textAlign: 'left'
-    };
-  }
-};
-
-// Responsive font size logic
-function getFontSize() {
-  if (typeof window !== 'undefined') {
-    var w = window.innerWidth;
-    if (w <= 1024) return 11;
-    if (w <= 1366) return 13;
-    if (w <= 1440) return 16;
-    return 16;
-  }
-  return 13;
-}
+import styled from 'styled-components';
+var DistanceFloorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
+var DistanceFloorTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
 export default function PropertyLengthMeasure(_ref, _ref2) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -84,24 +57,7 @@ export default function PropertyLengthMeasure(_ref, _ref2) {
     }
     return onUpdate(merged);
   };
-  var _React$useState = React.useState(getFontSize()),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    fontSize = _React$useState2[0],
-    setFontSize = _React$useState2[1];
-  React.useEffect(function () {
-    function handleResize() {
-      setFontSize(getFontSize());
-    }
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    style: styles.distanceFloorWrapper
-  }, /*#__PURE__*/React.createElement("span", {
-    style: styles.distanceFloorTitle(fontSize)
-  }, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
+  return /*#__PURE__*/React.createElement(DistanceFloorWrapper, null, /*#__PURE__*/React.createElement(DistanceFloorTitle, null, label), /*#__PURE__*/React.createElement(FormNumberInput, _extends({
     disabled: type === TALL_CABINET_LAYOUTPOS,
     value: convert(_length).from('in').to(unit),
     onChange: function onChange(event) {

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

@@ -12,8 +12,7 @@ import { ARROW_COLOR, BASE_CABINET_LAYOUTPOS, OBJTYPE_GROUP, OBJTYPE_MESH, SHADE
 import { Item } from "../../models";
 import * as GeomUtils from "./geom-utils";
 import { loadGLTF } from "./load-obj";
-import { animateDoor, translateDrawer } from "../../utils/helper";
-
+import { animateDoor, translateDrawer } from "../../utils/helper"; // env Map ///////////////
 // env Map ///////////////
 var paramsCounter = {
   envMap: 'HDR',

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

@@ -4,7 +4,7 @@
  * @author angelxuanchang
  */
 
-var THREE = window.THREE;
+var THREE = window.THREE || require('three');
 var MTLLoader;
 MTLLoader = function MTLLoader(manager) {
   this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
@@ -354,5 +354,4 @@ MTLLoader.MaterialCreator.prototype = {
     return texture;
   }
 };
-export default MTLLoader;
-export { MTLLoader };
+module.exports = MTLLoader;

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

@@ -1,7 +1,7 @@
 /**
  * @author mrdoob / http://mrdoob.com/
  */
-var THREE = window.THREE;
+var THREE = window.THREE || require('three');
 var OBJLoader;
 OBJLoader = function () {
   // o object_name | g group_name
@@ -473,5 +473,4 @@ OBJLoader = function () {
   };
   return OBJLoader;
 }();
-export default OBJLoader;
-export { OBJLoader };
+module.exports = OBJLoader;

package/es/class/area.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 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 { fromJS } from 'immutable';
-import { Group, Layer, Vertex } from "./export";
+import { Layer, Vertex, Group } from "./export";
 import { IDBroker, NameGenerator } from "../utils/export";
 var Area = /*#__PURE__*/function () {
   function Area() {

package/es/class/group.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import { Area, Hole, Item, Layer, Line, Project, Vertex } from "./export";
-import { List, Map } from 'immutable';
+import { Project, Line, Hole, Item, Area, Layer, Vertex } from "./export";
+import { Map, List } from 'immutable';
 import { Group as GroupModel } from "../models";
-import { GeometryUtils, IDBroker } from "../utils/export";
+import { IDBroker, MathUtils, GeometryUtils } from "../utils/export";
 var Group = /*#__PURE__*/function () {
   function Group() {
     _classCallCheck(this, Group);

package/es/class/hole.js

@@ -1,10 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import { fromJS, List, Map } from 'immutable';
-import { Group, Layer } from "./export";
-import { GeometryUtils, IDBroker } from "../utils/export";
-import { addLineSegmentSnap, nearestSnap } from "../utils/snap";
-import { MODE_DRAGGING_HOLE, MODE_DRAGGING_HOLE_3D, MODE_DRAWING_HOLE, MODE_DRAWING_HOLE_3D, MODE_IDLE, MODE_IDLE_3D } from "../constants";
+import { Map, List, fromJS } from 'immutable';
+import { Layer, Group } from "./export";
+import { IDBroker, NameGenerator } from "../utils/export";
+import { nearestSnap, addLineSegmentSnap } from "../utils/snap";
+import { MODE_IDLE, MODE_IDLE_3D, MODE_DRAWING_HOLE, MODE_DRAWING_HOLE_3D, MODE_DRAGGING_HOLE, MODE_DRAGGING_HOLE_3D } from "../constants";
+import { GeometryUtils } from "../utils/export";
 var Hole = /*#__PURE__*/function () {
   function Hole() {
     _classCallCheck(this, Hole);

package/es/class/item.js

@@ -10,6 +10,7 @@ import { GeometryUtils, IDBroker, MoldingUtils, NameGenerator } from "../utils/e
 import { fromJS, Map } from 'immutable';
 import { INSTALLATION_SUFFIX_TYPE, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
 import { debugUtil } from "../utils/helper";
+import { isUndefined } from 'util';
 import { hasMoldingLayout } from "../utils/molding";
 import { getInstallationSuffix } from "../components/viewer2d/utils";
 var allItemRect;
@@ -591,6 +592,10 @@ var Item = /*#__PURE__*/function () {
         })
       });
       state = state.mergeIn(['scene', 'loadFlag'], false);
+
+      // place the item at random position
+      var layerID = state.scene.get('selectedLayer');
+      state = this.updateDrawingItem(state, layerID, 0, 0).updatedState;
       return {
         updatedState: state
       };
@@ -715,7 +720,7 @@ var Item = /*#__PURE__*/function () {
     value: function beginDraggingItem(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       time1 = debugUtil();
-      if (!item) return;
+      if (isUndefined(item)) return;
       state = state.merge({
         mode: MODE_DRAGGING_ITEM,
         draggingSupport: Map({
@@ -736,7 +741,7 @@ var Item = /*#__PURE__*/function () {
     value: function beginDraggingItem3D(state, layerID, itemID, x, y) {
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
       state = state.setIn(['scene', 'isEndDragging'], false);
-      if (!item) return {
+      if (isUndefined(item)) return {
         updatedState: state
       };
       state = state.merge({
@@ -769,7 +774,7 @@ var Item = /*#__PURE__*/function () {
       var diffX = startPointX - x;
       var diffY = startPointY - y;
       var item = scene.getIn(['layers', layerID, 'items', itemID]);
-      if (!item) return {
+      if (isUndefined(item)) return {
         updatedState: state
       };
       var tX = originalX - diffX;

package/es/class/layer.js

@@ -1,8 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import { List } from 'immutable';
-import { Area, Hole, Item, Line, Project, Vertex } from "./export";
-import { GeometryUtils, GraphInnerCycles, IDBroker } from "../utils/export";
+import { Project, Area, Line, Hole, Item, Vertex } from "./export";
+import { GraphInnerCycles, GeometryUtils, IDBroker } from "../utils/export";
 import { Layer as LayerModel } from "../models";
 import { isEmpty } from "../utils/helper";
 var sameSet = function sameSet(set1, set2) {