kitchen-simulator 1.0.0-alin.5 → 1.0.0-alin.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -266,8 +266,6 @@ function LiteRenderer(props) {
266
266
  furnishing = _ref2$furnishing === void 0 ? [] : _ref2$furnishing,
267
267
  _ref2$lighting = _ref2.lighting,
268
268
  lighting = _ref2$lighting === void 0 ? [] : _ref2$lighting;
269
- var _projectElement = (0, _slicedToArray2["default"])(projectElement, 1),
270
- project_data = _projectElement[0].project_data;
271
269
  var id = configData.id,
272
270
  logoImg = configData.logoImg,
273
271
  companyUrl = configData.companyUrl;
@@ -275,10 +273,6 @@ function LiteRenderer(props) {
275
273
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
276
274
  outlineSVGData = _React$useState2[0],
277
275
  setOutlineSVGData = _React$useState2[1];
278
- var _React$useState3 = _react["default"].useState(false),
279
- _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
280
- catalogInitiated = _React$useState4[0],
281
- setCatalogInitiated = _React$useState4[1];
282
276
  (0, _react.useEffect)(function () {
283
277
  var initMyCatalog = /*#__PURE__*/function () {
284
278
  var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
@@ -327,7 +321,6 @@ function LiteRenderer(props) {
327
321
  }) && door_color_alias.push(color);
328
322
  });
329
323
  doorStyleData = categoryData.data.doorStyles.items;
330
- categoryData.data.doorStyles.items = doorStyleData.treeStruct;
331
324
  door_color_alias.forEach(function (dca) {
332
325
  doorStyleData.doorColorData.forEach(function (dc) {
333
326
  dc.door_style_id = parseInt(dc.door_style_id);
@@ -475,7 +468,6 @@ function LiteRenderer(props) {
475
468
  return _regenerator["default"].wrap(function (_context5) {
476
469
  while (1) switch (_context5.prev = _context5.next) {
477
470
  case 0:
478
- setCatalogInitiated(false);
479
471
  _context5.next = 1;
480
472
  return initMyCatalog();
481
473
  case 1:
@@ -485,8 +477,6 @@ function LiteRenderer(props) {
485
477
  _context5.next = 3;
486
478
  return loadSVGs();
487
479
  case 3:
488
- setCatalogInitiated(true);
489
- case 4:
490
480
  case "end":
491
481
  return _context5.stop();
492
482
  }
@@ -498,7 +488,7 @@ function LiteRenderer(props) {
498
488
  }();
499
489
  initCatalog();
500
490
  // eslint-disable-next-line react-hooks/exhaustive-deps
501
- }, []);
491
+ }, [categoryData, data, id, catalogs, colorAlias, subgroups]);
502
492
 
503
493
  // Register items once SVGs are loaded
504
494
  (0, _react.useEffect)(function () {
@@ -535,21 +525,6 @@ function LiteRenderer(props) {
535
525
  });
536
526
  for (var x in Item) MyCatalog.registerElement(Item[x]);
537
527
  }, [outlineSVGData, data, appliances, furnishing, lighting]);
538
- (0, _react.useEffect)(function () {
539
- if (projectElement.length === 0) return;
540
- if (!catalogInitiated) return;
541
- sessionStorage.setItem('projectTitle', projectElement[0].title);
542
- store.dispatch((0, _projectActions.rename)(projectElement[0].title));
543
- sessionStorage.setItem('projectId', projectElement[0].id);
544
- sessionStorage.setItem('email', projectElement[0].email);
545
- sessionStorage.setItem('firstName', projectElement[0].firstName);
546
- sessionStorage.setItem('lastName', projectElement[0].lastName);
547
- sessionStorage.setItem('phone', projectElement[0].phone);
548
- var jsonData;
549
- jsonData = JSON.parse(projectElement[0].project_data);
550
- jsonData.isLoadingCabinet = false;
551
- store.dispatch((0, _projectActions.loadProject)(jsonData, categoryData));
552
- }, [project_data, catalogInitiated]);
553
528
  return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
554
529
  store: store
555
530
  }, /*#__PURE__*/_react["default"].createElement(ToolErrorBoundary, {
@@ -274,11 +274,10 @@ function updateItemsAltitude(layerID, itemID, value) {
274
274
  value: value
275
275
  };
276
276
  }
277
- function setDoorStyle(doorStyle, pathes, isAll) {
277
+ function setDoorStyle(doorStyle, isAll) {
278
278
  return {
279
279
  type: _constants.SET_DOOR_STYLE,
280
280
  doorStyle: doorStyle,
281
- pathes: pathes,
282
281
  isAll: isAll
283
282
  };
284
283
  }
package/lib/class/item.js CHANGED
@@ -1171,7 +1171,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
1171
1171
  }
1172
1172
  }, {
1173
1173
  key: "setDoorStyle",
1174
- value: function setDoorStyle(state, doorStyle, pathes, isAll) {
1174
+ value: function setDoorStyle(state, doorStyle, isAll) {
1175
1175
  var _this2 = this;
1176
1176
  var keys = Object.keys(doorStyle.doorStyles);
1177
1177
  keys = keys.filter(function (elem) {
@@ -487,6 +487,10 @@ var Project = exports["default"] = /*#__PURE__*/function () {
487
487
  };
488
488
  }
489
489
  var mode;
490
+ var isLineAction = false;
491
+ if (state.mode.includes('LINE')) {
492
+ isLineAction = true;
493
+ }
490
494
  if (state.mode == _constants.MODE_DRAWING_ITEM_3D) {
491
495
  mode = _constants.MODE_IDLE_3D;
492
496
  if (state.drawingSupport.has('currentID')) state = _export2.Layer.removeElement(state, state.scene.selectedLayer, 'items', state.drawingSupport.get('currentID')).updatedState;
@@ -529,6 +533,9 @@ var Project = exports["default"] = /*#__PURE__*/function () {
529
533
  draggingSupport: new _immutable.Map(),
530
534
  rotatingSupport: new _immutable.Map()
531
535
  });
536
+ if (isLineAction) {
537
+ state = _export2.Line.applyWallChanges(state, _constants.END_DRAWING_LINE).updatedState;
538
+ }
532
539
  return {
533
540
  updatedState: state
534
541
  };
@@ -613,7 +620,7 @@ var Project = exports["default"] = /*#__PURE__*/function () {
613
620
  updatedState: state
614
621
  };
615
622
  } catch (error) {
616
- console.log('initCatalogError', error);
623
+ console.log('addElementToCatalogError', error);
617
624
  return {
618
625
  updatedState: state
619
626
  };
@@ -14,6 +14,7 @@ var _convertUnitsLite = require("../../utils/convert-units-lite");
14
14
  var _export = require("../../utils/export");
15
15
  var _constants = require("../../constants");
16
16
  var _utils = require("./utils");
17
+ var _geometry = require("../../utils/geometry");
17
18
  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" != _typeof(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 _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
18
19
  var STYLE_LINE = {
19
20
  fill: '#0096fd',
@@ -30,6 +31,7 @@ var STYLE_CIRCLE2 = {
30
31
  cursor: 'ew-resize'
31
32
  };
32
33
  function Item(_ref, _ref2) {
34
+ var _element$render2D;
33
35
  var layer = _ref.layer,
34
36
  item = _ref.item,
35
37
  scene = _ref.scene,
@@ -38,7 +40,8 @@ function Item(_ref, _ref2) {
38
40
  var itemsActions = _ref2.itemsActions;
39
41
  var x = item.x,
40
42
  y = item.y,
41
- rotation = item.rotation;
43
+ rotation = item.rotation,
44
+ id = item.id;
42
45
  var showBaseCabinetMeasure = scene.showBaseCabinetMeasure,
43
46
  showWallCabinetMeasure = scene.showWallCabinetMeasure;
44
47
  var vertices = layer.vertices;
@@ -125,12 +128,7 @@ function Item(_ref, _ref2) {
125
128
  if (layer.selected.items.size > 0) {
126
129
  selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
127
130
  var catid = selectedItem.type;
128
- var cat = catalog.elements[catid];
129
- if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
130
- if (cat === undefined || cat === null) {
131
- cat = catalog.getIn(['elements', catid]);
132
- if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
133
- }
131
+ var cat = (0, _geometry.findCatalogElement)(catalog, catid);
134
132
  currentItem = {
135
133
  selectedItem: selectedItem,
136
134
  cat: cat
@@ -145,8 +143,7 @@ function Item(_ref, _ref2) {
145
143
  rotRad: item.rotation / 180 * Math.PI
146
144
  };
147
145
  var catid = item.type;
148
- var cat = catalog.elements[catid];
149
- if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
146
+ var cat = (0, _geometry.findCatalogElement)(catalog, catid);
150
147
  var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
151
148
  var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
152
149
  // let width = cat.info.sizeinfo.width;
@@ -290,6 +287,9 @@ function Item(_ref, _ref2) {
290
287
  PointArray.forEach(function (pointElement, index) {
291
288
  if (pointElement[0] == undefined) PointArray[index][0] = 0;
292
289
  });
290
+ if (Array.isArray(PointArray)) {
291
+ itemsActions.storeDistArray(layerID, id, PointArray);
292
+ }
293
293
  var renderedRuler = [];
294
294
  var ep = 0.1;
295
295
  if (item.selected) {
@@ -319,7 +319,7 @@ function Item(_ref, _ref2) {
319
319
  }
320
320
  });
321
321
  }
322
- var renderedItem = element.render2D.call(element, item, layer, scene);
322
+ var renderedItem = element === null || element === void 0 || (_element$render2D = element.render2D) === null || _element$render2D === void 0 ? void 0 : _element$render2D.call(element, item, layer, scene);
323
323
  var isSmall = false;
324
324
  if (width < 40) isSmall = true;
325
325
  var parts = [];
@@ -144,7 +144,7 @@ function Layer(_ref) {
144
144
  unit: unit,
145
145
  catalog: catalog
146
146
  });
147
- }), lineData, itemData, itemWall, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
147
+ }), itemData, itemWall, lineData, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
148
148
  return v.selected;
149
149
  }).map(function (vertex) {
150
150
  return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
@@ -31,7 +31,7 @@ var STYLE_TEXT = {
31
31
  textAnchor: 'middle',
32
32
  fontSize: '7px',
33
33
  fontWeight: 'middle',
34
- fontFamily: "'Microsoft YaHei UI', Courier, monospace"
34
+ fontFamily: "'Courier New', Courier, monospace"
35
35
  };
36
36
  function compareVertices(v0, v1) {
37
37
  return v0.x === v1.x ? v0.y - v1.y : v0.x - v1.x;
@@ -720,22 +720,32 @@ function Line(_ref) {
720
720
  "data-layer": layer.id,
721
721
  "data-length": length
722
722
  }, showWallLengthMeasure ? renderedRuler : null), line.selected && angleVertices.map(function (vertex, index) {
723
+ var _relateLineLengthArra2;
723
724
  var lineGroup = vertex[0].lines;
724
725
  var angles = [];
725
726
  var thickness = [];
726
727
  var vectories = [];
728
+ var relateLineLengthArray = [];
729
+
727
730
  // get the vector of lines
728
731
  lineGroup.forEach(function (line) {
732
+ var _relateLineLengthArra;
729
733
  line = layer.lines.get(line);
730
734
  var vertex0 = layer.vertices.get(line.vertices.get(0));
731
735
  var vertex1 = layer.vertices.get(line.vertices.get(1));
732
736
  var vec = vertex0 === vertex[0] ? new Three.Vector2(vertex1.x - vertex0.x, vertex1.y - vertex0.y) : new Three.Vector2(vertex0.x - vertex1.x, vertex0.y - vertex1.y);
737
+ (_relateLineLengthArra = relateLineLengthArray) === null || _relateLineLengthArra === void 0 || _relateLineLengthArra.push(_export.GeometryUtils.verticesDistance(vertex0, vertex1));
733
738
  var angle = vec.angle();
734
739
  var thick = 15;
735
740
  angles.push(angle);
736
741
  thickness.push(thick);
737
742
  vectories.push(vec.normalize());
738
743
  });
744
+ relateLineLengthArray = (_relateLineLengthArra2 = relateLineLengthArray) === null || _relateLineLengthArra2 === void 0 ? void 0 : _relateLineLengthArra2.sort(function (a, b) {
745
+ return a - b;
746
+ });
747
+ var minLineLength = relateLineLengthArray[0] < _constants.MAX_ANGLE_SCALE * 2 ? relateLineLengthArray[0] / 2 // scale down to half of the smallest adjacent surface
748
+ : _constants.MAX_ANGLE_SCALE;
739
749
 
740
750
  // calculate the angle between two lines
741
751
  var center = new Three.Vector2(vertex[0].x, vertex[0].y);
@@ -754,16 +764,15 @@ function Line(_ref) {
754
764
  var rotDir = vec1.cross(vec2) > 0; // true: rotate CCW, false: rotate CW
755
765
 
756
766
  // Angle Text Position
757
-
758
767
  var angleTextO = center.clone();
759
- var textTranslation = vec1.clone().add(vec2).normalize().multiplyScalar(25);
768
+ var textTranslation = vec1.clone().add(vec2).normalize().multiplyScalar(minLineLength * 2 / 3);
760
769
  angleTextO.add(textTranslation);
761
- angleTextO.y -= 5; // half the height of text `angle`
762
-
770
+ angleTextO.y -= minLineLength / 10; // half the height of text `angle`
771
+ angleTextO.x += minLineLength / 10;
763
772
  var tx = 0;
764
773
  var ty = 0;
765
- vec = vec.multiplyScalar(35);
766
- vec1 = vec1.multiplyScalar(35);
774
+ vec = vec.multiplyScalar(minLineLength);
775
+ vec1 = vec1.multiplyScalar(minLineLength);
767
776
  var cen1 = center.clone(),
768
777
  cen2 = center.clone();
769
778
  center = center.add(vec);
@@ -776,7 +785,7 @@ function Line(_ref) {
776
785
  // Angle SVG Path
777
786
  lines.push(/*#__PURE__*/_react["default"].createElement("path", {
778
787
  style: STYLE_ANGLE,
779
- d: "\n M ".concat(vertex[0].x, ",").concat(vertex[0].y, " L ").concat(pos1.x, ",").concat(pos1.y, " A 30,30 ").concat(angle, " 0 ").concat(t > 0 ? 1 : 0, " ").concat(pos2.x, ",").concat(pos2.y, " z\n ")
788
+ d: "\n M ".concat(vertex[0].x, ",").concat(vertex[0].y, " L ").concat(pos1.x, ",").concat(pos1.y, " A ").concat(minLineLength, " ").concat(minLineLength, " ").concat(angle, " 0 ").concat(t > 0 ? 1 : 0, " ").concat(pos2.x, ",").concat(pos2.y, " z\n ")
780
789
  }));
781
790
  var length = angle;
782
791
  // draw angle and angle text
@@ -790,15 +799,9 @@ function Line(_ref) {
790
799
  "data-id": [vertex[0].id, vertex[1].id, rotDir],
791
800
  "data-length": length
792
801
  }, lines, /*#__PURE__*/_react["default"].createElement("text", {
793
- transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") scale(1.5, -1.5)"),
802
+ transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") scale(").concat(minLineLength / 20, ", ").concat(-minLineLength / 20, ")"),
794
803
  style: STYLE_TEXT
795
- }, angle), /*#__PURE__*/_react["default"].createElement("circle", {
796
- transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") translate(10, 9)"),
797
- fill: "transparent",
798
- stroke: "rgb(77, 77, 77)",
799
- strokeWidth: 1,
800
- r: 2
801
- }));
804
+ }, angle + '° '));
802
805
  }), showWindowDoorMeasure ? renderedAllRuler : null, showBaseCabinetMeasure ? baseRuler : null, showWallCabinetMeasure ? wallRuler : null, /*#__PURE__*/_react["default"].createElement("g", {
803
806
  "data-element-root": true,
804
807
  "data-prototype": line.prototype,
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports["default"] = Viewer2D;
9
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
11
  var _react = _interopRequireWildcard(require("react"));
@@ -546,48 +545,18 @@ function Viewer2D(_ref, _ref2) {
546
545
  rectCenterPoint: [[point(mx, my), 180], [point(m1x, m1y), -90], [point(m2x, m2y), 0], [point(m3x, m3y), 90]]
547
546
  };
548
547
  };
549
- var calcDistanceArray = function calcDistanceArray() {
550
- var items = layer === null || layer === void 0 ? void 0 : layer.get('items');
551
- if (!items) return;
552
- items.forEach(function (item) {
553
- if ((item === null || item === void 0 ? void 0 : item.selected) === true) {
554
- var x = item.x,
555
- y = item.y,
556
- rotation = item.rotation,
557
- id = item.id;
558
- if (x == null || y == null) return;
559
- var val = {
560
- pos: {
561
- x: x,
562
- y: y
563
- },
564
- rotRad: rotation / 180 * Math.PI
565
- };
566
- var _width = getProperties(item, 'width');
567
- var depth = getProperties(item, 'depth');
568
- val.size = {
569
- width: _width,
570
- height: depth
571
- };
572
-
573
- // collect geometry
574
- var _allLines = _export2.GeometryUtils.getAllLines(layer) || [];
575
- var _allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, _allLines) || [];
576
- var _allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
577
- others: []
578
- };
579
- var _allRect = [].concat((0, _toConsumableArray2["default"])(_allItemRect.others || []), (0, _toConsumableArray2["default"])(_allLineRects));
580
-
581
- // current item
582
- var curItemInfo = getCalcRectFromItem(val);
583
- var pointArray = getDistant(x, y, val.rotRad, curItemInfo, _allRect);
584
-
585
- // store results safely
586
- if (Array.isArray(pointArray)) {
587
- itemsActions.storeDistArray(layerID, id, pointArray);
588
- }
589
- }
590
- });
548
+ var getConnectedLines = function getConnectedLines() {
549
+ var _state$getIn;
550
+ var vertices = state.getIn(['scene', 'layers', layerID, 'vertices']).toJS();
551
+ var lines = state.getIn(['scene', 'layers', layerID, 'lines']).toJS();
552
+ var lineID = state.getIn(['scene', 'layers', layerID, 'selected', 'lines']).first();
553
+ var drawingLine = (_state$getIn = state.getIn(['scene', 'layers', layerID, 'lines', lineID])) === null || _state$getIn === void 0 ? void 0 : _state$getIn.toJS();
554
+ // get the lines that have same points with drawing line.
555
+ if (!(0, _helper.isEmpty)(drawingLine)) {
556
+ var tlines = [];
557
+ getRelatedLines(tlines, drawingLine, vertices, lines);
558
+ setRelatedLines(tlines);
559
+ }
591
560
  };
592
561
  var onMouseMove = function onMouseMove(viewerEvent) {
593
562
  //workaround that allow imageful component to work
@@ -637,7 +606,6 @@ function Viewer2D(_ref, _ref2) {
637
606
  holesActions.updateDrawingHole(layerID, x, y);
638
607
  break;
639
608
  case constants.MODE_DRAWING_ITEM:
640
- calcDistanceArray();
641
609
  var _layer = scene.layers.get(layerID);
642
610
  var flag = false;
643
611
  _layer.items.some(function (item) {
@@ -723,11 +691,11 @@ function Viewer2D(_ref, _ref2) {
723
691
  break;
724
692
  case constants.MODE_DRAGGING_VERTEX:
725
693
  var vertices = state.getIn(['scene', 'layers', layerID, 'vertices']).toJS();
694
+ getConnectedLines();
726
695
  var result = getEndPoint(vertices, x, y, 'DRAGGING_VERTEX');
727
696
  verticesActions.updateDraggingVertex(result.x, result.y, state.snapMask);
728
697
  break;
729
698
  case constants.MODE_DRAGGING_ITEM:
730
- calcDistanceArray();
731
699
  prepareSnap();
732
700
  var _GeometryUtils$calcSn2 = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
733
701
  nx = _GeometryUtils$calcSn2.nx,
@@ -899,10 +867,10 @@ function Viewer2D(_ref, _ref2) {
899
867
  projectActions.setMode(_mode);
900
868
  break;
901
869
  } else {
902
- var _tlines = [];
903
- var _drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', elementData.id]).toJS();
904
- getRelatedLines(_tlines, _drawingLine, vertices, lines);
905
- setRelatedLines(_tlines);
870
+ var tlines = [];
871
+ var drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', elementData.id]).toJS();
872
+ getRelatedLines(tlines, drawingLine, vertices, lines);
873
+ setRelatedLines(tlines);
906
874
  linesActions.selectLine(elementData.layer, elementData.id);
907
875
  break;
908
876
  }
@@ -1188,12 +1156,7 @@ function Viewer2D(_ref, _ref2) {
1188
1156
  // if (dx > dy) y = prevVertex.y
1189
1157
  // else x = prevVertex.x;
1190
1158
  setdrawStart(true);
1191
- var lineID = state.getIn(['scene', 'layers', layerID, 'selected', 'lines']).first();
1192
- var drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', lineID]).toJS();
1193
- // get the lines that have same points with drawing line.
1194
- var tlines = [];
1195
- getRelatedLines(tlines, drawingLine, vertices, lines);
1196
- setRelatedLines(tlines);
1159
+ getConnectedLines();
1197
1160
  var endInfor = getEndPoint(vertices, x, y, 'END_DRAWIN_LINE');
1198
1161
  linesActions.endDrawingLine(endInfor.x, endInfor.y, state.snapMask);
1199
1162
  linesActions.beginDrawingLine(layerID, endInfor.x, endInfor.y, state.snapMask);
@@ -1208,6 +1171,7 @@ function Viewer2D(_ref, _ref2) {
1208
1171
  linesActions.endDraggingLine(x, y, relatedLines, state.snapMask);
1209
1172
  break;
1210
1173
  case constants.MODE_DRAGGING_VERTEX:
1174
+ getConnectedLines();
1211
1175
  var result = getEndPoint(vertices, x, y, 'DRAGGING_VERTEX');
1212
1176
  verticesActions.endDraggingVertex(result.x, result.y, state.snapMask);
1213
1177
  break;
@@ -2566,7 +2566,6 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
2566
2566
  }));
2567
2567
  } else {
2568
2568
  document.getElementById('front') && (document.getElementById('front').style.display = 'none');
2569
- document.getElementById('error').style.display = 'none';
2570
2569
  this.renderer.domElement.style.display = 'none';
2571
2570
  return /*#__PURE__*/_react["default"].createElement("div", {
2572
2571
  style: {
@@ -2601,7 +2600,6 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
2601
2600
  alt: "img"
2602
2601
  }));
2603
2602
  } else {
2604
- !this.props.downloadFlag && (document.getElementById('error').style.display = 'block');
2605
2603
  this.renderer.domElement.style.pointerEvents = 'auto';
2606
2604
  this.renderer.domElement.style.opacity = '1';
2607
2605
  !this.props.downloadFlag && document.getElementById('front') && (document.getElementById('front').style.display = 'block');
package/lib/constants.js CHANGED
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ITEM = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_CABINET_LAYOUTPOS = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
7
- exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_ACTIONS = void 0;
8
- exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROLLBACK = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = void 0;
9
- exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = void 0;
6
+ exports.GO_BACK_TO_CATALOG_PAGE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SET_INITIAL_DATA = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_CABINET_LAYOUTPOS = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
7
+ exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = void 0;
8
+ exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROLLBACK = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = void 0;
9
+ exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = void 0;
10
10
  //API server
11
11
  // export const API_SERVER = 'http://localhost:3000/';
12
12
  // ACTIONS project
@@ -588,6 +588,7 @@ var ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT_OPEN_DOOR_RO
588
588
  var DIFFERENT_VALUES_PATH_LENGTH = exports.DIFFERENT_VALUES_PATH_LENGTH = 5;
589
589
  var MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = 45;
590
590
  var UNIT_ANGLE = exports.UNIT_ANGLE = 5;
591
+ var MAX_ANGLE_SCALE = exports.MAX_ANGLE_SCALE = 30;
591
592
  var HDR_URLS = exports.HDR_URLS = ['px.hdr', 'nx.hdr', 'py.hdr', 'ny.hdr', 'pz.hdr', 'nz.hdr'];
592
593
  var SUBMIT_REQUEST_ASSIST = exports.SUBMIT_REQUEST_ASSIST = 'submit';
593
594
  var SUBMIT_ADD_CART = exports.SUBMIT_ADD_CART = 'addCart';
@@ -659,4 +660,9 @@ var EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVAT
659
660
  var EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_WALL = 'EXTERNAL_EVENT_ADD_WALL';
660
661
  var EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_ITEM = 'EXTERNAL_EVENT_ADD_ITEM';
661
662
  var EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_MOVE_PAN = 'EXTERNAL_EVENT_MOVE_PAN';
662
- var EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_NEW_PROJECT = 'EXTERNAL_EVENT_NEW_PROJECT';
663
+ var EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_NEW_PROJECT = 'EXTERNAL_EVENT_NEW_PROJECT';
664
+ var EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = 'EXTERNAL_EVENT_CHANGE_DOORSTYLE';
665
+ var EXTERNAL_EVENT_SET_INITIAL_DATA = exports.EXTERNAL_EVENT_SET_INITIAL_DATA = 'EXTERNAL_EVENT_SET_INITIAL_DATA';
666
+ var EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = 'EXTERNAL_EVENT_ADD_ROOM_SHAPE';
667
+ var EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_ZOOM_IN = 'EXTERNAL_EVENT_ZOOM_IN';
668
+ var EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_OUT = 'EXTERNAL_EVENT_ZOOM_OUT';
@@ -9,6 +9,9 @@ var _mockProps = _interopRequireDefault(require("./mocks/mockProps.json"));
9
9
  var _categoryData = _interopRequireDefault(require("./mocks/categoryData.json"));
10
10
  var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle.json"));
11
11
  var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload.json"));
12
+ var _doorStylePayload = _interopRequireDefault(require("./mocks/doorStylePayload.json"));
13
+ var _oStylePayload = _interopRequireDefault(require("./mocks/oStylePayload.json"));
14
+ var _rectangleShape = _interopRequireDefault(require("./mocks/rectangleShape.json"));
12
15
  var _reactDom = _interopRequireDefault(require("react-dom"));
13
16
  var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
14
17
  var _antd = require("antd");
@@ -26,6 +29,18 @@ function WorkSpace(props) {
26
29
  externalEvent = _useState2[0],
27
30
  setExternalEvent = _useState2[1];
28
31
  var offset = 5;
32
+ (0, _react.useEffect)(function () {
33
+ var evt = {
34
+ type: _constants.EXTERNAL_EVENT_SET_INITIAL_DATA,
35
+ payload: {
36
+ doorStyle: {
37
+ doorStyle: _doorStylePayload["default"],
38
+ oStyle: _oStylePayload["default"]
39
+ }
40
+ }
41
+ };
42
+ setExternalEvent(evt);
43
+ }, []);
29
44
  return /*#__PURE__*/_react["default"].createElement("div", {
30
45
  className: "flex gap-4"
31
46
  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
@@ -111,6 +126,28 @@ function WorkSpace(props) {
111
126
  }
112
127
  }, /*#__PURE__*/_react["default"].createElement("img", {
113
128
  src: "/assets/img/svg/bottombar/arrow-right.svg"
129
+ })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
130
+ actionType: "primary",
131
+ onClick: function onClick() {
132
+ var evt = {
133
+ type: _constants.EXTERNAL_EVENT_ZOOM_IN,
134
+ payload: {}
135
+ };
136
+ setExternalEvent(evt);
137
+ }
138
+ }, /*#__PURE__*/_react["default"].createElement("img", {
139
+ src: "/assets/img/svg/bottombar/arrow-minus.svg"
140
+ })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
141
+ actionType: "primary",
142
+ onClick: function onClick() {
143
+ var evt = {
144
+ type: _constants.EXTERNAL_EVENT_ZOOM_OUT,
145
+ payload: {}
146
+ };
147
+ setExternalEvent(evt);
148
+ }
149
+ }, /*#__PURE__*/_react["default"].createElement("img", {
150
+ src: "/assets/img/svg/bottombar/arrow-plus.svg"
114
151
  })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
115
152
  actionType: "primary",
116
153
  onClick: function onClick() {
@@ -138,9 +175,30 @@ function WorkSpace(props) {
138
175
  };
139
176
  setExternalEvent(evt);
140
177
  }
141
- }, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
142
- width: 1200,
143
- height: 953,
178
+ }, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
179
+ actionType: "danger",
180
+ onClick: function onClick() {
181
+ var evt = {
182
+ type: _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE,
183
+ payload: {
184
+ doorStyle: _doorStylePayload["default"],
185
+ isAll: true
186
+ }
187
+ };
188
+ setExternalEvent(evt);
189
+ }
190
+ }, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
191
+ actionType: "danger",
192
+ onClick: function onClick() {
193
+ var evt = {
194
+ type: _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE,
195
+ payload: _rectangleShape["default"]
196
+ };
197
+ setExternalEvent(evt);
198
+ }
199
+ }, "Add Room shape(rectangle)"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
200
+ width: props.width,
201
+ height: props.height,
144
202
  projectElement: _mockProps["default"].projectElement,
145
203
  categoryData: _categoryData["default"],
146
204
  dataBundle: _dataBundle["default"],
@@ -162,4 +220,11 @@ function WorkSpace(props) {
162
220
  }
163
221
  }));
164
222
  }
165
- _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(WorkSpace, null)), document.getElementById('app'));
223
+ _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref) {
224
+ var width = _ref.width,
225
+ height = _ref.height;
226
+ return /*#__PURE__*/_react["default"].createElement(WorkSpace, {
227
+ width: width,
228
+ height: height
229
+ });
230
+ }), document.getElementById('app'));