kitchen-simulator 1.1.1-test.8 → 1.1.1-test.80

package/es/devLiteRenderer.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import mockProps from "./mocks/mockProps.json";
+import mockCategoryData from "./mocks/categoryData.json";
+import mockDataBundle from "./mocks/dataBundle.json";
+import ReactDOM from 'react-dom';
+import LiteKitchenConfigurator from "./LiteKitchenConfigurator";
+import LiteRenderer from "./LiteRenderer";
+
+// --- renderer props ---
+var options = {
+  unit: 'in',
+  enable3D: true
+};
+var onSave = function onSave(_ref) {
+  var payload = _ref.payload;
+  console.log('SAVE triggered:', payload.scene);
+};
+var onEvent = function onEvent(evt) {
+  console.log('EVENT:', evt.type, evt.payload);
+};
+var onExternalEvent = function onExternalEvent(evt) {
+  console.log('EXTERNAL EVENT:', evt.type, evt.payload);
+};
+var onError = function onError(err) {
+  console.error('ERROR:', err);
+};
+document.getElementById('app').style.display = 'block';
+ReactDOM.render(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  className: "flex gap-4"
+}, /*#__PURE__*/React.createElement(LiteRenderer, {
+  width: 1264,
+  height: 1164,
+  projectElement: mockProps.projectElement,
+  categoryData: mockCategoryData,
+  dataBundle: mockDataBundle,
+  configData: mockProps.configData,
+  options: options,
+  logoImg: "/assets/logo.png",
+  companyUrl: "https://example.com",
+  toolbarButtons: [],
+  onSave: onSave,
+  onEvent: onEvent,
+  onError: onError
+}))), document.getElementById('app'));

package/es/index.js

@@ -1,15 +1,14 @@
-import Catalog from "./catalog/catalog";
-import Translator from "./translator/translator";
-import * as Models from "./models";
-import reducer from "./reducers/reducer";
-import KitchenConfiguratorApp from "./KitchenConfiguratorApp";
-import Plugins from "./plugins/export";
-import * as KitchenConfiguratorConstants from "./constants";
-import * as KitchenConfiguratorSharedStyle from "./shared-style";
-import KitchenConfiguratorComponents from "./components/export";
-import KitchenConfiguratorActions from "./actions/export";
-import KitchenConfiguratorReducers from "./reducers/export";
-import KitchenConfiguratorClasses from "./class/export";
-import ElementsFactories from "./catalog/factories/export";
-import KitchenConfiguratorUtils from "./utils/export";
-export { Catalog, Translator, Models, reducer, KitchenConfiguratorApp, Plugins, KitchenConfiguratorConstants, KitchenConfiguratorSharedStyle, KitchenConfiguratorComponents, KitchenConfiguratorActions, KitchenConfiguratorReducers, KitchenConfiguratorClasses, ElementsFactories, KitchenConfiguratorUtils };
+import ReactDOM from 'react-dom';
+import React from 'react';
+import LiteRenderer from "./LiteRenderer";
+export function renderKitchenSimulator(container) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var root = ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, props), container);
+  return {
+    root: root,
+    unmount: function unmount() {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+export default renderKitchenSimulator;

package/es/models.js

@@ -1,24 +1,18 @@
-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); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 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 _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import { Record, List, Map, fromJS } from 'immutable';
+import { fromJS, List, Map, Record } from 'immutable';
 import { MODE_IDLE, UNIT_INCH } from "./constants";
 import { SNAP_MASK } from "./utils/snap";
 import { isEmpty } from "./utils/helper";
-import convert from 'convert-units';
+import { convert } from "./utils/convert-units-lite";
 var safeLoadMapList = function safeLoadMapList(mapList, Model, defaultMap) {
   return mapList ? new Map(mapList).map(function (m) {
     return new Model(m);

package/es/plugins/console-debugger.js

@@ -1,9 +1,6 @@
-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); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
 import actions from "../actions/export";
 export default function consoleDebugger() {
   return function (store, stateExtractor) {

package/es/plugins/export.js

@@ -1,9 +1,7 @@
-import Autosave from "./autosave";
 import Keyboard from "./keyboard";
 import ConsoleDebugger from "./console-debugger";
-export { Autosave, Keyboard, ConsoleDebugger };
+export { Keyboard, ConsoleDebugger };
 export default {
-  Autosave: Autosave,
   Keyboard: Keyboard,
   ConsoleDebugger: ConsoleDebugger
 };

package/es/reducers/viewer2d-reducer.js

@@ -1,5 +1,5 @@
-import { UPDATE_2D_CAMERA, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, MODE_2D_PAN, MODE_2D_ZOOM_IN, MODE_2D_ZOOM_OUT, CHANGE_WALL_LENGTH_MEASURE, CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT } from "../constants";
-import convert from 'convert-units';
+import { CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WALL_LENGTH_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, MODE_2D_PAN, MODE_2D_ZOOM_IN, MODE_2D_ZOOM_OUT, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, UPDATE_2D_CAMERA, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT } from "../constants";
+import { convert } from "../utils/convert-units-lite";
 export default function (state, action) {
   var _state = state,
     scene = _state.scene;

package/es/reducers/viewer3d-reducer.js

@@ -1,7 +1,7 @@
-import { MODE_3D_VIEW, MODE_3D_FIRST_PERSON, SELECT_TOOL_3D_VIEW, SELECT_TOOL_3D_FIRST_PERSON, UPDATE_3D_CEIL_HEIGHT, UPDATE_3D_CEIL_HEIGHT_UNIT } from "../constants";
+import { MODE_3D_FIRST_PERSON, MODE_3D_VIEW, SELECT_TOOL_3D_FIRST_PERSON, SELECT_TOOL_3D_VIEW, UPDATE_3D_CEIL_HEIGHT, UPDATE_3D_CEIL_HEIGHT_UNIT } from "../constants";
 import { Project } from "../class/export";
 import { history } from "../utils/export";
-import convert from 'convert-units';
+import { convert } from "../utils/convert-units-lite";
 export default function (state, action) {
   state = state.merge({
     sceneHistory: history.historyPush(state.sceneHistory, state.scene)

package/es/translator/translator.js

@@ -1,9 +1,5 @@
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import EN from "./en";
 import IT from "./it";
 import RU from "./ru";

package/es/utils/convert-units-lite.js

@@ -0,0 +1,29 @@
+var lengthFactors = {
+  m: 1,
+  cm: 100,
+  mm: 1000,
+  "in": 39.3701,
+  ft: 3.28084,
+  m2: 1,
+  cm2: 10000,
+  // (100^2)
+  mm2: 1000000,
+  // (1000^2)
+  in2: 1550.0031,
+  // (39.3701^2)
+  ft2: 10.7639 // (3.28084^2)
+};
+export function convert(value) {
+  return {
+    from: function from(fromUnit) {
+      return {
+        to: function to(toUnit) {
+          if (!(fromUnit in lengthFactors) || !(toUnit in lengthFactors)) {
+            throw new Error("Unsupported unit conversion: ".concat(fromUnit, " \u2192 ").concat(toUnit));
+          }
+          return value / lengthFactors[fromUnit] * lengthFactors[toUnit];
+        }
+      };
+    }
+  };
+}

package/es/utils/geometry.js

@@ -1,20 +1,11 @@
-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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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; }
-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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-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; }
 /** @description Determines the distance between two points
  *  @param {number} x0 Vertex 0 x
  *  @param {number} y0 Vertex 0 y
@@ -22,9 +13,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  *  @param {number} y1 Vertex 1 y
  *  @return {number}
  */
-import { toFixedFloat, fAbs } from "./math.js";
-import { BASE_CABINET_LAYOUTPOS, EPSILON, LINE_THICKNESS, MEPSILON, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_NONE, OVERLAP_SAME, OVERLAP_SOME, WALL_CABINET_LAYOUTPOS, UNIT_ANGLE, MIN_ANGLE_DISALLOW_DRAW_WALL } from "../constants";
-import convert from 'convert-units';
+import { fAbs, toFixedFloat } from "./math.js";
+import { BASE_CABINET_LAYOUTPOS, EPSILON, LINE_THICKNESS, MEPSILON, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_NONE, OVERLAP_SAME, OVERLAP_SOME, UNIT_ANGLE, WALL_CABINET_LAYOUTPOS } from "../constants";
+import { convert } from "./convert-units-lite";
 import * as Three from 'three';
 import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils.js";
 import { isEmpty } from "./helper.js";
@@ -393,17 +384,23 @@ export function snapAngleByUnit(lineAngle, vertices, drawingLine, x, y, dragVert
   // angle snapping as a value of UNIT_ANGLE
   var rest = absAngle % UNIT_ANGLE;
   var missAngle = UNIT_ANGLE - rest;
+  var isSingleLine = !drawingLine.vertices.some(function (vetID) {
+    return vertices[vetID].lines.some(function (lineID) {
+      return lineID !== drawingLine.id;
+    });
+  });
   // the origin point of rotation(snapping)
-  var originVerId = drawingLine.vertices.findIndex(function (vertice) {
+  var originVerIndex = drawingLine.vertices.findIndex(function (vertice) {
     return vertice !== dragVertexId;
   });
-  originVerId = originVerId < 0 ? drawingLine.vertices[0] : drawingLine.vertices[originVerId];
+  var originVerId = originVerIndex < 0 ? drawingLine.vertices[0] : drawingLine.vertices[originVerIndex];
   var ox = vertices[originVerId].x;
   var oy = vertices[originVerId].y;
   // check whether the line is snapped to before point.
   if (rest <= UNIT_ANGLE / 2) {
     // determine the direction of rotation.
     rest = lineAngle > 0 ? rest : -rest;
+    rest = isSingleLine ? -rest : rest;
     // rotate the current point to last point around the first point of drawing line.
     tx = rotatePointAroundPoint(x, y, ox, oy, rest).x;
     ty = rotatePointAroundPoint(x, y, ox, oy, rest).y;
@@ -412,6 +409,7 @@ export function snapAngleByUnit(lineAngle, vertices, drawingLine, x, y, dragVert
   else if (rest > UNIT_ANGLE / 2) {
     // determine the direction of rotation.
     missAngle = lineAngle > 0 ? -missAngle : missAngle;
+    missAngle = isSingleLine ? -missAngle : missAngle;
     // rotate the current point to last point around the first point of drawing line.
     tx = rotatePointAroundPoint(x, y, ox, oy, missAngle).x;
     ty = rotatePointAroundPoint(x, y, ox, oy, missAngle).y;
@@ -941,7 +939,15 @@ export function getAllArea(layer) {
 
 /** Get all lines of the scene */
 export function getAllLines(layer) {
-  var allAreaLines = getAllAreaLines(layer);
+  var allArea = getAllArea(layer);
+  var allAreaLines = [];
+  var allVertices = layer.get('vertices').toJS();
+  layer.lines.forEach(function (tline) {
+    var line = tline.toJS();
+    if (isPointInArea(allArea, allVertices[line.vertices[0]]) || isPointInArea(allArea, allVertices[line.vertices[1]])) {
+      allAreaLines.push(line.vertices.reverse());
+    }
+  });
   var allLines = [];
   //let allNonAreaLines = [];
   var thick = LINE_THICKNESS / 2;
@@ -1092,21 +1098,8 @@ export function getCalcRectFromLine(x0, y0, x1, y1, thick, layer) {
       rot += Math.PI;
     }
   } else {
-    var pt0 = point(x0 + ox, y0 + oy);
-    var pt1 = point(x1 + ox, y1 + oy);
-    var ptC = point((pt0.x + pt1.x) / 2, (pt0.y + pt1.y) / 2);
-    var allArea = getAllArea(layer);
-    if (isPointInArea(allArea, ptC)) {
-      // try make rect under line
-      var _pt0 = point(x0 - ox, y0 - oy);
-      var _pt1 = point(x1 - ox, y1 - oy);
-      var _ptC = point((_pt0.x + _pt1.x) / 2, (_pt0.y + _pt1.y) / 2);
-      if (!isPointInArea(allArea, _ptC)) {
-        // only under rect is not included in area, make rect under line
-        ox = -ox;
-        oy = -oy;
-      }
-    }
+    ox = -ox;
+    oy = -oy;
   }
   return {
     rectEnd: [point(x0 + ox / 2, y0 + oy / 2), point(x1 + ox / 2, y1 + oy / 2)],
@@ -1154,16 +1147,18 @@ export function validateSnaps(allSnaps, allRects) {
 }
 export function validateLineSnaps(allSnaps, allItemSnap, allLineSnap, allItemRects, allLineRects, allRects) {
   var validSnaps = [];
+  var addFlag = true;
   allSnaps.forEach(function (snap) {
     if (validSnap(snap, allRects)) {
       validSnaps.push(snap);
-    } else {
+    } else if (addFlag) {
       allItemSnap.forEach(function (snap) {
         validSnaps.push(snap);
       });
       allLineSnap.forEach(function (snap) {
         validSnaps.push(snap);
       });
+      addFlag = false;
     }
   });
   return validSnaps;
@@ -1467,10 +1462,8 @@ export function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, a
   val.is_corner = allItemRect.cur && allItemRect.cur.is_corner;
   var curitem = getCalcRectFromItem(val);
   var allCurSnap = [];
-  //if (!val.is_corner) {
   allCurSnap = getAllCurSnap(allLineRects, x, y, allItemRect.cur);
   allCurSnap = validateSnaps(allCurSnap, allRect);
-  //}
   var getSnap = false;
   var snapdist = [];
   //console.log("allItemSnap",  allItemSnap.filter(e => e.isSnappedLine))
@@ -1901,7 +1894,7 @@ export function getAllHoleRect(scene, val) {
       y: vertice1.y
     };
     var rotation = Math.atan2(point1.y - point0.y, point1.x - point0.x);
-    var rectInfo = getCalcRectFromLine(point0.x, point0.y, point1.x, point1.y, LINE_THICKNESS, layer);
+    var rectInfo = getCalcRectFromLine(point1.x, point1.y, point0.x, point0.y, LINE_THICKNESS, layer);
     var vN = point(rectInfo.rect[0].x - rectInfo.rect[3].x, rectInfo.rect[0].y - rectInfo.rect[3].y);
     var lenN = Math.sqrt(vN.x * vN.x + vN.y * vN.y);
     vN.x /= lenN;
@@ -2042,7 +2035,7 @@ export function isRightWall(v0, v1) {
  * OVERLAP_LINK: two lines are linked at the common point, so they can be merged to one line
  * OVERLAP_INCLUDED: destLine includes srcLine
  * OVERLAP_SOME: two lines are overlapped with some common range, then returns the trimmed segments of srcLine
- * 
+ *
  *  //////// test - start /////////////
     const p1 = { x1: 1413.1313131313132, y1: 1044.949494949495 };
     const p2 = { x1: 1476.2626262626263, y1: 1108.0808080808079 };
@@ -2409,12 +2402,45 @@ export function relationshipOfTwoOverlappedLines1(srcLine, destLine) {
 
 /**
  *
- * @param {Array} points //points of polygon
- * @returns {Array} [centroid.x, centroid.y]
+ * @param {Array} points points of polygon [[x0, y0], [x1, y1], ...]
+ * @returns {Array} { x, y } position of centroid
  */
 export function getCentroidOfPolygon(points) {
-  var center = points.reduce(function (x, y) {
+  var centroid = points.reduce(function (x, y) {
     return [x[0] + y[0] / points.length, x[1] + y[1] / points.length];
   }, [0, 0]);
-  return center;
+  return {
+    x: centroid[0],
+    y: centroid[1]
+  };
+}
+
+/**
+ * Return the polygon points of room
+ * @param {Object} layer
+ * @returns {Array} polygon points [x0, y0, x1, y1, ... ]
+ */
+export function getPoylgonPoints(layer) {
+  var _layer$areas;
+  var areainfo = [];
+  (_layer$areas = layer.areas) === null || _layer$areas === void 0 || _layer$areas.forEach(function (area) {
+    var _area$vertices;
+    var sz = (_area$vertices = area.vertices) === null || _area$vertices === void 0 ? void 0 : _area$vertices.size;
+    for (var i = 0; i < sz; i++) {
+      areainfo.push(area.vertices.get(i));
+    }
+  });
+  var rect = [];
+  areainfo.forEach(function (area) {
+    var _layer$vertices;
+    var vert = (_layer$vertices = layer.vertices) === null || _layer$vertices === void 0 ? void 0 : _layer$vertices.get(area);
+    rect.push(vert === null || vert === void 0 ? void 0 : vert.x, vert === null || vert === void 0 ? void 0 : vert.y);
+  });
+  return rect;
+}
+export function validRect(itemRect, rects) {
+  var updatedItemRect = getCalcRectFromItem(itemRect);
+  return rects.every(function (rect) {
+    return !intersectRect(rect.rect, updatedItemRect.rect);
+  });
 }

package/es/utils/graph.js

@@ -1,9 +1,5 @@
-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 _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 //JS porting of this code http://www.geeksforgeeks.org/biconnected-components/
 
 function create_array(length) {

package/es/utils/helper.js

@@ -1,14 +1,12 @@
-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); }
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
 import { HDRCubeTextureLoader } from 'three/examples/jsm/loaders/HDRCubeTextureLoader.js';
 import { ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT, ANIMATE_STEP_MAX, DECIMAL_PLACES_2, HDR_URLS, MODE_ELEVATION_VIEW } from "../constants";
 import * as Three from 'three';
 import { returnReplaceableDeepSearchType } from "./../components/viewer2d/utils";
-import convert from 'convert-units';
+import { convert } from "./convert-units-lite";
 import { formatNumber } from "./math";
 var AWS = require('aws-sdk');
 var s3 = new AWS.S3({

package/es/utils/id-broker.js

@@ -1,10 +1,6 @@
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
-var shortid = require('shortid');
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import { nanoid } from 'nanoid';
 export var IDBroker = /*#__PURE__*/function () {
   function IDBroker() {
     _classCallCheck(this, IDBroker);
@@ -12,7 +8,7 @@ export var IDBroker = /*#__PURE__*/function () {
   return _createClass(IDBroker, null, [{
     key: "acquireID",
     value: function acquireID() {
-      return shortid.generate();
+      return nanoid();
     }
   }]);
 }();

package/es/utils/molding.js

@@ -1,19 +1,13 @@
-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); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 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; }
 import { BASE_CABINET_LAYOUTPOS, BOTTOM_MOLDING_LOCATION, EPSILON, MIDDLE_MOLDING_LOCATION, MOLDING_LOCATIONS, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_SAME, OVERLAP_SOME, TALL_CABINET_LAYOUTPOS, TOP_MOLDING_LOCATION, WALL_CABINET_LAYOUTPOS } from "../constants";
 import * as Three from 'three';
-import convert from 'convert-units';
+import { convert } from "./convert-units-lite";
 import IDBroker from "./id-broker";
 import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
 import { GeometryUtils } from "./export";
@@ -69,16 +63,16 @@ export function isEnableItemForMolding(layer, selItem) {
   else return result && hasMoldingLayout(molding, selItem.layoutpos);
 }
 
-/**
- * Check two line segments are overlap. The direction of the two line segments must be opposite.
- * s1       c2     s2          c1
- * |--------|------|-----------|
- * Decision Formular: L(s1,c1) + L(s2, c2) = L(s1, s2) + L(c1, c2)
- * @param {*} selRectPos1
- * @param {*} selRectPos2
- * @param {*} curRectPos1
- * @param {*} curRectPos2
- * @returns L(s1,c1) + L(s2, c2) - L(s1, s2) - L(c1, c2)
+/**
+ * Check two line segments are overlap. The direction of the two line segments must be opposite.
+ * s1       c2     s2          c1
+ * |--------|------|-----------|
+ * Decision Formular: L(s1,c1) + L(s2, c2) = L(s1, s2) + L(c1, c2)
+ * @param {*} selRectPos1
+ * @param {*} selRectPos2
+ * @param {*} curRectPos1
+ * @param {*} curRectPos2
+ * @returns L(s1,c1) + L(s2, c2) - L(s1, s2) - L(c1, c2)
  */
 function getDelta(selRectPos1, selRectPos2, curRectPos1, curRectPos2) {
   return (
@@ -168,11 +162,11 @@ function tryMergeItemWithLocation(curItem, itemGroup, location) {
   });
 }
 
-/**
- * Make the molding group array with [items].
- * @param {*} layer
- * @param {*} items - Mergable snapped item group, if [items] is null then get all MG array of layer
- * @returns MG array
+/**
+ * Make the molding group array with [items].
+ * @param {*} layer
+ * @param {*} items - Mergable snapped item group, if [items] is null then get all MG array of layer
+ * @returns MG array
  */
 export function getAllMoldingGroups(layer) {
   var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -347,12 +341,12 @@ export function mergeOverlappedLines(line1, line2) {
   }
 }
 
-/**
- * Get the contour line array of moldingGroup items
- * @param {*} moldingGroup
- * @param {*} layer
- * @param {*} catalog
- * @returns contour line array of moldingGroup items
+/**
+ * Get the contour line array of moldingGroup items
+ * @param {*} moldingGroup
+ * @param {*} layer
+ * @param {*} catalog
+ * @returns contour line array of moldingGroup items
  */
 export function getLinesFromItems2(moldingGroup, layer, catalog) {
   // wall lines
@@ -507,13 +501,13 @@ export function getLinesFromItems2(moldingGroup, layer, catalog) {
   return newMGlines;
 }
 
-/**
- * Get the line that colinear linked with [line], and merge them to a new line
- * @param {*} line
- * @param {*} MGlines
- * @returns
- *  - returns merged new line
- *  - returns filtered new line group (remove linked line from [MGlines])
+/**
+ * Get the line that colinear linked with [line], and merge them to a new line
+ * @param {*} line
+ * @param {*} MGlines
+ * @returns
+ *  - returns merged new line
+ *  - returns filtered new line group (remove linked line from [MGlines])
  */
 function getMergedLine(line, MGlines, cnt) {
   try {
@@ -566,11 +560,11 @@ function getMergedLine(line, MGlines, cnt) {
   }
 }
 
-/**
- * Get the contour line segments from [lineSegs]
- * @param {*} lineSegs
- * @param {*} otherLines
- * @returns
+/**
+ * Get the contour line segments from [lineSegs]
+ * @param {*} lineSegs
+ * @param {*} otherLines
+ * @returns
  */
 function getTrimmedContourLineSegs(lineSegs, otherLines, cnt) {
   try {

package/es/utils/name-generator.js

@@ -1,9 +1,5 @@
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 var NameGenerator = /*#__PURE__*/function () {
   function NameGenerator() {
     _classCallCheck(this, NameGenerator);

package/es/utils/objects-utils.js

@@ -1,4 +1,4 @@
-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); }
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 import * as Three from 'three';
 String.prototype.isLeftPlaceholder = function () {
   return this.match(/_L$|_L_\d$/) != null;