kitchen-simulator 1.0.0-alin.9 → 1.0.0-clark.101

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.
Files changed (85) hide show
  1. package/es/LiteKitchenConfigurator.js +17 -175
  2. package/es/LiteRenderer.js +29 -114
  3. package/es/actions/items-actions.js +11 -6
  4. package/es/actions/project-actions.js +2 -3
  5. package/es/assets/img/svg/logo.svg +11 -0
  6. package/es/assets/img/svg/logo_with_text.svg +25 -0
  7. package/es/catalog/areas/area/planner-element.js +10 -5
  8. package/es/catalog/catalog.js +1 -4
  9. package/es/catalog/factories/wall-factory.js +8 -8
  10. package/es/catalog/lines/wall/planner-element.js +18 -9
  11. package/es/catalog/utils/exporter.js +5 -1
  12. package/es/catalog/utils/item-loader.js +112 -31
  13. package/es/catalog/utils/mtl-loader.js +2 -2
  14. package/es/catalog/utils/obj-loader.js +2 -2
  15. package/es/class/item.js +111 -145
  16. package/es/class/line.js +27 -12
  17. package/es/class/project.js +9 -23
  18. package/es/components/content.js +10 -5
  19. package/es/components/viewer2d/grids/grid-streak.js +1 -1
  20. package/es/components/viewer2d/item.js +20 -81
  21. package/es/components/viewer2d/layer.js +1 -1
  22. package/es/components/viewer2d/line.js +334 -259
  23. package/es/components/viewer2d/ruler.js +15 -35
  24. package/es/components/viewer2d/rulerDist.js +18 -32
  25. package/es/components/viewer2d/viewer2d.js +123 -95
  26. package/es/components/viewer3d/libs/mtl-loader.js +2 -2
  27. package/es/components/viewer3d/libs/obj-loader.js +2 -2
  28. package/es/components/viewer3d/libs/orbit-controls.js +3 -4
  29. package/es/components/viewer3d/libs/pointer-lock-controls.js +6 -7
  30. package/es/components/viewer3d/viewer3d.js +91 -70
  31. package/es/constants.js +38 -3
  32. package/es/devLiteRenderer.js +165 -10
  33. package/es/index.js +52 -3
  34. package/es/models.js +7 -5
  35. package/es/reducers/items-reducer.js +8 -4
  36. package/es/reducers/project-reducer.js +1 -1
  37. package/es/shared-style.js +4 -4
  38. package/es/utils/get-edges-of-subgraphs.js +1 -1
  39. package/es/utils/graph-cycles.js +1 -1
  40. package/es/utils/graph.js +1 -1
  41. package/es/utils/helper.js +1 -1
  42. package/es/utils/isolate-event-handler.js +567 -46
  43. package/lib/LiteKitchenConfigurator.js +18 -176
  44. package/lib/LiteRenderer.js +29 -114
  45. package/lib/actions/items-actions.js +11 -5
  46. package/lib/actions/project-actions.js +2 -3
  47. package/lib/assets/img/svg/logo.svg +11 -0
  48. package/lib/assets/img/svg/logo_with_text.svg +25 -0
  49. package/lib/catalog/areas/area/planner-element.js +11 -5
  50. package/lib/catalog/catalog.js +1 -4
  51. package/lib/catalog/factories/wall-factory.js +8 -8
  52. package/lib/catalog/lines/wall/planner-element.js +19 -9
  53. package/lib/catalog/utils/exporter.js +5 -1
  54. package/lib/catalog/utils/item-loader.js +111 -31
  55. package/lib/catalog/utils/mtl-loader.js +9 -2
  56. package/lib/catalog/utils/obj-loader.js +10 -2
  57. package/lib/class/item.js +111 -145
  58. package/lib/class/line.js +27 -12
  59. package/lib/class/project.js +9 -23
  60. package/lib/components/content.js +10 -5
  61. package/lib/components/viewer2d/grids/grid-streak.js +1 -1
  62. package/lib/components/viewer2d/item.js +20 -81
  63. package/lib/components/viewer2d/layer.js +1 -1
  64. package/lib/components/viewer2d/line.js +334 -258
  65. package/lib/components/viewer2d/ruler.js +15 -35
  66. package/lib/components/viewer2d/rulerDist.js +18 -32
  67. package/lib/components/viewer2d/viewer2d.js +121 -93
  68. package/lib/components/viewer3d/libs/mtl-loader.js +9 -2
  69. package/lib/components/viewer3d/libs/obj-loader.js +9 -2
  70. package/lib/components/viewer3d/libs/orbit-controls.js +11 -5
  71. package/lib/components/viewer3d/libs/pointer-lock-controls.js +13 -7
  72. package/lib/components/viewer3d/viewer3d.js +90 -69
  73. package/lib/constants.js +42 -7
  74. package/lib/devLiteRenderer.js +164 -9
  75. package/lib/index.js +52 -3
  76. package/lib/models.js +7 -5
  77. package/lib/reducers/items-reducer.js +7 -3
  78. package/lib/reducers/project-reducer.js +1 -1
  79. package/lib/shared-style.js +4 -4
  80. package/lib/utils/get-edges-of-subgraphs.js +6 -1
  81. package/lib/utils/graph-cycles.js +7 -8
  82. package/lib/utils/graph.js +6 -1
  83. package/lib/utils/helper.js +2 -2
  84. package/lib/utils/isolate-event-handler.js +567 -45
  85. package/package.json +5 -9
@@ -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;
@@ -84,13 +87,6 @@ function Item(_ref, _ref2) {
84
87
  y: y
85
88
  };
86
89
  }
87
- var buttons = [{
88
- name: 'Edit',
89
- thumbnail: '/assets/img/svg/3d_item_warning_edit.svg'
90
- }, {
91
- name: 'Info',
92
- thumbnail: '/assets/img/svg/3d_item_warning_info.svg'
93
- }];
94
90
  function getCalcRectFromItem(items) {
95
91
  var x = items.pos.x;
96
92
  var y = items.pos.y;
@@ -124,16 +120,11 @@ function Item(_ref, _ref2) {
124
120
  var selectedItem;
125
121
  if (layer.selected.items.size > 0) {
126
122
  selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
127
- 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
- }
123
+ var _catid = selectedItem.type;
124
+ var _cat = (0, _geometry.findCatalogElement)(catalog, _catid);
134
125
  currentItem = {
135
126
  selectedItem: selectedItem,
136
- cat: cat
127
+ cat: _cat
137
128
  };
138
129
  }
139
130
  layer.items.forEach(function (item) {
@@ -145,8 +136,7 @@ function Item(_ref, _ref2) {
145
136
  rotRad: item.rotation / 180 * Math.PI
146
137
  };
147
138
  var catid = item.type;
148
- var cat = catalog.elements[catid];
149
- if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
139
+ var cat = (0, _geometry.findCatalogElement)(catalog, catid);
150
140
  var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
151
141
  var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
152
142
  // let width = cat.info.sizeinfo.width;
@@ -272,7 +262,7 @@ function Item(_ref, _ref2) {
272
262
  if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
273
263
  if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
274
264
  comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
275
- a = Math.min.apply(null, comparelength);
265
+ a = Math.max.apply(null, comparelength);
276
266
  }
277
267
  }
278
268
  }
@@ -287,9 +277,17 @@ function Item(_ref, _ref2) {
287
277
  var nh = height / 2;
288
278
  var _getDistant = getDistant(x, y, val.rotRad),
289
279
  PointArray = _getDistant.PointArray;
280
+ var catid = item.type;
281
+ var cat = catalog.elements[catid];
290
282
  PointArray.forEach(function (pointElement, index) {
291
283
  if (pointElement[0] == undefined) PointArray[index][0] = 0;
284
+ if (pointElement[1] === -90 && cat.info.is_corner !== 1) {
285
+ PointArray[index][0] -= 4;
286
+ }
292
287
  });
288
+ if (Array.isArray(PointArray)) {
289
+ itemsActions.storeDistArray(layerID, id, PointArray);
290
+ }
293
291
  var renderedRuler = [];
294
292
  var ep = 0.1;
295
293
  if (item.selected) {
@@ -314,75 +312,16 @@ function Item(_ref, _ref2) {
314
312
  length: itemDistanceFromLine,
315
313
  angle: rotation,
316
314
  rotation: element[1],
317
- transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? -nh : 3 * nh / 4, ") rotate(").concat(element[1], ", 0, 0)")
315
+ transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? cat.info.is_corner !== 1 ? -(nh + 4) : -nh : 0, ") rotate(").concat(element[1], ", 0, 0)")
318
316
  })));
319
317
  }
320
318
  });
321
319
  }
322
- var renderedItem = element.render2D.call(element, item, layer, scene);
320
+ 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
321
  var isSmall = false;
324
322
  if (width < 40) isSmall = true;
325
323
  var parts = [];
326
- var warning_buttons = '';
327
324
  var newWidth = item.toJS().properties.width.length;
328
- if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
329
- return cd.itemID == item.getIn(['itemID']);
330
- }).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
331
- id: "warning_info_2d",
332
- style: {
333
- transform: "translate(0px,20px)",
334
- cursor: 'pointer'
335
- },
336
- onMouseEnter: function onMouseEnter(event) {
337
- var bbox = event.target.getBoundingClientRect();
338
- if (!(0, _utils.isEmpty)(document.getElementById('warning_box_2d'))) {
339
- document.getElementById('warning_box_2d').style.display = 'flex';
340
- document.getElementById('warning_box_2d').style.top = "".concat(bbox.top - 60, "px");
341
- document.getElementById('warning_box_2d').style.left = "".concat(bbox.left, "px");
342
- }
343
- },
344
- onMouseLeave: function onMouseLeave() {
345
- if (!(0, _utils.isEmpty)(document.getElementById('warning_box_2d'))) document.getElementById('warning_box_2d').style.display = 'none';
346
- }
347
- }, /*#__PURE__*/_react["default"].createElement("circle", {
348
- cx: 0,
349
- cy: 0,
350
- r: 8,
351
- fill: "white"
352
- }), /*#__PURE__*/_react["default"].createElement("image", {
353
- width: 15,
354
- height: 15,
355
- x: -7.5,
356
- y: -7.5,
357
- style: {
358
- transform: "rotate(".concat(180 - item.rotation, "deg)")
359
- },
360
- href: buttons[1].thumbnail
361
- })), /*#__PURE__*/_react["default"].createElement("g", {
362
- style: {
363
- cursor: 'pointer'
364
- },
365
- "data-element-root": true,
366
- "data-prototype": item.prototype,
367
- "data-id": item.id,
368
- "data-selected": item.selected,
369
- "data-layer": layer.id,
370
- "data-part": "warning_edit"
371
- }, /*#__PURE__*/_react["default"].createElement("circle", {
372
- cx: 0,
373
- cy: 0,
374
- r: 8,
375
- fill: "white"
376
- }), /*#__PURE__*/_react["default"].createElement("image", {
377
- width: 15,
378
- height: 15,
379
- x: -7.5,
380
- y: -7.5,
381
- style: {
382
- transform: "rotate(".concat(90 - item.rotation, "deg)")
383
- },
384
- href: buttons[0].thumbnail
385
- })));
386
325
  if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
387
326
  key: 0,
388
327
  "data-element-root": true,
@@ -504,7 +443,7 @@ function Item(_ref, _ref2) {
504
443
  style: {
505
444
  cursor: 'initial'
506
445
  }
507
- }, measure ? renderedRuler : null, parts, warning_buttons));
446
+ }, measure ? renderedRuler : null, parts));
508
447
  }
509
448
  Item.propTypes = {
510
449
  item: _propTypes["default"].object.isRequired,
@@ -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, {