kitchen-simulator 2.0.57 → 2.0.60

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.
@@ -256,70 +256,70 @@ function WorkSpace(props) {
256
256
  doorStyles: {
257
257
  base: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
258
258
  counttop: 'https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg',
259
- interior: 'http://127.0.0.1:4002/uploads/assets/default/maple.jpg',
259
+ interior: 'https://media.test.diydesignspace.com/uploads/assets/default/maple.jpg',
260
260
  base_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
261
261
  base_fixed_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
262
262
  base_drawer_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
263
263
  base_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
264
- door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
265
- fixed_drawer_door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
266
- drawer_door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
264
+ door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
265
+ fixed_drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
266
+ drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
267
267
  base_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
268
268
  base_fixed_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
269
269
  base_drawer_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
270
270
  base_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
271
- door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
272
- fixed_drawer_door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
273
- drawer_door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
271
+ door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
272
+ fixed_drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
273
+ drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
274
274
  base_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
275
275
  base_fixed_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
276
276
  base_drawer_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
277
277
  base_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
278
- door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
279
- fixed_drawer_door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
280
- drawer_door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
278
+ door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
279
+ fixed_drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
280
+ drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
281
281
  base_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
282
282
  base_fixed_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
283
283
  base_drawer_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
284
284
  base_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
285
- door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
286
- fixed_drawer_door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
287
- drawer_door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
285
+ door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
286
+ fixed_drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
287
+ drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
288
288
  base_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
289
289
  base_fixed_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
290
290
  base_drawer_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
291
291
  base_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
292
- door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
293
- fixed_drawer_door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
294
- drawer_door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
292
+ door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
293
+ fixed_drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
294
+ drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
295
295
  base_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
296
296
  base_fixed_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
297
297
  base_drawer_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
298
298
  base_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
299
- door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
300
- fixed_drawer_door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
301
- drawer_door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
299
+ door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
300
+ fixed_drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
301
+ drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
302
302
  base_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
303
303
  base_fixed_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
304
304
  base_drawer_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
305
305
  base_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
306
- door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
307
- fixed_drawer_door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
308
- drawer_door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
306
+ door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
307
+ fixed_drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
308
+ drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
309
309
  base_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
310
310
  base_fixed_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
311
311
  base_drawer_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
312
312
  base_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
313
- door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
314
- fixed_drawer_door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
315
- drawer_door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
313
+ door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
314
+ fixed_drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
315
+ drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
316
316
  base_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
317
317
  base_fixed_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
318
318
  base_drawer_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
319
319
  base_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
320
- door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
321
- fixed_drawer_door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
322
- drawer_door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg'
320
+ door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
321
+ fixed_drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
322
+ drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg'
323
323
  },
324
324
  installation_types: [125, 124]
325
325
  }
@@ -421,6 +421,10 @@ function WorkSpace(props) {
421
421
  payload: {
422
422
  attributeName: _constants.ATT_ITEM_ROTATION,
423
423
  value: 45
424
+ },
425
+ callback: function callback(updatedAttributeForm) {
426
+ console.log(updatedAttributeForm);
427
+ // Do something here with new attributes
424
428
  }
425
429
  };
426
430
  setExternalEvent(evt);
@@ -557,74 +561,91 @@ function WorkSpace(props) {
557
561
  actionType: "danger",
558
562
  onClick: function onClick() {
559
563
  var evt = {
560
- type: _constants.EXTERNAL_EVENT_CENTERING_2D,
561
- payload: {}
564
+ type: _constants.EXTERNAL_EVENT_SET_FINISHING,
565
+ payload: {
566
+ category: _constants.FINISHING_TYPE.COUNTER_TOP,
567
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202111302746_7/texture/Arabescato_texture.jpg'
568
+ }
562
569
  };
563
570
  setExternalEvent(evt);
564
571
  }
565
- }, "Centering Viewer2D"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
572
+ }, "Set Finishing (CounterTop)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
566
573
  actionType: "danger",
567
574
  onClick: function onClick() {
568
575
  var evt = {
569
- type: _constants.EXTERNAL_EVENT_UPDATE_PROPERTY,
576
+ type: _constants.EXTERNAL_EVENT_SET_FINISHING,
570
577
  payload: {
571
- propertyName: _constants.PROP_RESIZE_WIDTH,
572
- // this property should be Map
573
- value: new _immutable.Map({
574
- length: 68.57999780544007,
575
- // cm
576
- _length: 27,
577
- // inch
578
- _unit: 'in'
579
- })
578
+ category: _constants.FINISHING_TYPE.BACKSPLASH,
579
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202305225249_14/texture/Unique_Marquina_texture.jpg'
580
580
  }
581
581
  };
582
582
  setExternalEvent(evt);
583
583
  }
584
- }, "Change width to 27\""), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
584
+ }, "Set Finishing (Backsplash)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
585
585
  actionType: "danger",
586
586
  onClick: function onClick() {
587
587
  var evt = {
588
- type: _constants.EXTERNAL_EVENT_UPDATE_PROPERTY,
588
+ type: _constants.EXTERNAL_EVENT_SET_FINISHING,
589
589
  payload: {
590
- propertyName: _constants.PROP_RESIZE_HEIGHT,
591
- // this property should be Map
592
- value: new _immutable.Map({
593
- length: 68.57999780544007,
594
- // cm
595
- _length: 27,
596
- // inch
597
- _unit: 'in'
598
- })
590
+ category: _constants.FINISHING_TYPE.FLOOR_STYLE,
591
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202203163338_3/texture/oak-chestnut.webp'
599
592
  }
600
593
  };
601
594
  setExternalEvent(evt);
602
595
  }
603
- }, "Change height to 27\""), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
596
+ }, "Set Finishing (Floor Style)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
604
597
  actionType: "danger",
605
598
  onClick: function onClick() {
606
599
  var evt = {
607
- type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
600
+ type: _constants.EXTERNAL_EVENT_SET_FINISHING,
608
601
  payload: {
609
- attributeName: _constants.ATT_HOLE_OFFSET_A,
610
- value: 100 // unit : 'in'
602
+ category: _constants.FINISHING_TYPE.WALL_COLOR,
603
+ color: '#bab863'
611
604
  }
612
605
  };
613
606
  setExternalEvent(evt);
614
607
  }
615
- }, "Change offestA(offset-left) to 100\""), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
608
+ }, "Set Finishing (Wall Color)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
616
609
  actionType: "danger",
617
610
  onClick: function onClick() {
618
611
  var evt = {
619
- type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
612
+ type: _constants.EXTERNAL_EVENT_SET_FINISHING,
620
613
  payload: {
621
- attributeName: _constants.ATT_HOLE_OFFSET_B,
622
- value: 100 // unit : 'in'
614
+ category: _constants.FINISHING_TYPE.DOOR_HANDLE,
615
+ gltf: 'https://media.test.diydesignspace.com/uploads/DoorHandle/202107294150_29/gltf/Handle1.gltf'
623
616
  }
624
617
  };
625
618
  setExternalEvent(evt);
626
619
  }
627
- }, "Change offsetB(offset-right) to 100\""), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
620
+ }, "Set Finishing (Door handle)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
621
+ actionType: "danger",
622
+ onClick: function onClick() {
623
+ var evt = {
624
+ type: _constants.EXTERNAL_EVENT_CENTERING_2D,
625
+ payload: {}
626
+ };
627
+ setExternalEvent(evt);
628
+ }
629
+ }, "Centering Viewer2D"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
630
+ actionType: "danger",
631
+ onClick: function onClick() {
632
+ var evt = {
633
+ type: _constants.EXTERNAL_EVENT_UPDATE_PROPERTY,
634
+ payload: {
635
+ propertyName: _constants.PROP_RESIZE_WIDTH,
636
+ // this property should be Map
637
+ value: new _immutable.Map({
638
+ length: 68.57999780544007,
639
+ // cm
640
+ _length: 27,
641
+ // inch
642
+ _unit: 'in'
643
+ })
644
+ }
645
+ };
646
+ setExternalEvent(evt);
647
+ }
648
+ }, "Change width to 27\""), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
628
649
  actionType: "danger",
629
650
  onClick: function onClick() {
630
651
  var evt = {
@@ -671,4 +692,4 @@ _reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactC
671
692
  width: width,
672
693
  height: height
673
694
  });
674
- }), document.getElementById('app'));
695
+ }), document.getElementById('app') && document.getElementById('app'));
@@ -85,11 +85,13 @@ SVGLoader.prototype = Object.assign(Object.create(_three.Loader.prototype), {
85
85
  case 'use':
86
86
  style = parseStyle(node, style);
87
87
  var usedNodeId = node.href.baseVal.substring(1);
88
- var usedNode = node.viewportElement.getElementById(usedNodeId);
89
- if (usedNode) {
90
- parseNode(usedNode, style);
91
- } else {
92
- console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
88
+ if (node.viewportElement.getElementById(usedNodeId)) {
89
+ var usedNode = node.viewportElement.getElementById(usedNodeId);
90
+ if (usedNode) {
91
+ parseNode(usedNode, style);
92
+ } else {
93
+ console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
94
+ }
93
95
  }
94
96
  break;
95
97
  default:
@@ -974,13 +974,91 @@ function _loadMoldingSvg() {
974
974
  }));
975
975
  return _loadMoldingSvg.apply(this, arguments);
976
976
  }
977
+ function setFinishing(props, state, payload) {
978
+ switch (payload.category) {
979
+ case _constants.FINISHING_TYPE.WALL_COLOR:
980
+ if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.itemsActions.setWallColor(payload.color);
981
+ break;
982
+ case _constants.FINISHING_TYPE.COUNTER_TOP:
983
+ props.itemsActions.setCounterTop({
984
+ uri: payload.texture
985
+ });
986
+ break;
987
+ case _constants.FINISHING_TYPE.FLOOR_STYLE:
988
+ if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.areaActions.setFloorStyles({
989
+ uri: payload.texture
990
+ });
991
+ break;
992
+ case _constants.FINISHING_TYPE.BACKSPLASH:
993
+ if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.itemsActions.setBacksplash({
994
+ uri: payload.texture
995
+ });
996
+ break;
997
+ case _constants.FINISHING_TYPE.DOOR_HANDLE:
998
+ props.itemsActions.setDoorHandle(payload.gltf);
999
+ break;
1000
+ }
1001
+ }
1002
+ function movePan2D3D(props, payload, state) {
1003
+ var moveType = payload.moveType,
1004
+ moveValue = payload.moveValue;
1005
+ var value = state.getIn(['viewer2D']).toJS();
1006
+ if (state.mode === _constants.MODE_IDLE) {
1007
+ switch (moveType) {
1008
+ case _constants.TOP:
1009
+ value.f -= moveValue;
1010
+ break;
1011
+ case _constants.BOTTOM:
1012
+ value.f += moveValue;
1013
+ break;
1014
+ case _constants.RIGHT:
1015
+ value.e += moveValue;
1016
+ break;
1017
+ case _constants.LEFT:
1018
+ value.e -= moveValue;
1019
+ break;
1020
+ }
1021
+ (0, _helper.updateViwer2D)(value, props.viewer2DActions);
1022
+ } else if (state.mode === _constants.MODE_IDLE_3D) {
1023
+ switch (moveType) {
1024
+ case _constants.TOP:
1025
+ window.interval = setTimeout(function () {
1026
+ window.tDKeyDown({
1027
+ keyCode: 38
1028
+ });
1029
+ }, 50);
1030
+ break;
1031
+ case _constants.BOTTOM:
1032
+ window.interval = setTimeout(function () {
1033
+ window.tDKeyDown({
1034
+ keyCode: 40
1035
+ });
1036
+ }, 50);
1037
+ break;
1038
+ case _constants.RIGHT:
1039
+ window.interval = setTimeout(function () {
1040
+ window.tDKeyDown({
1041
+ keyCode: 39
1042
+ });
1043
+ }, 50);
1044
+ break;
1045
+ case _constants.LEFT:
1046
+ window.interval = setTimeout(function () {
1047
+ window.tDKeyDown({
1048
+ keyCode: 37
1049
+ });
1050
+ }, 50);
1051
+ break;
1052
+ }
1053
+ }
1054
+ }
977
1055
  function handleExternalEvent(_x10) {
978
1056
  return _handleExternalEvent.apply(this, arguments);
979
1057
  }
980
1058
  function _handleExternalEvent() {
981
1059
  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(props) {
982
1060
  var _evt$payload3, _evt$payload4;
983
- var evt, state, _evt$payload, cdsItems, itemKeys, _loop3, i, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, _evt$payload5, moveType, moveValue, value, defaulTitle, _evt$payload6, doorStyle, itemCDS, isAll, _evt$payload7, roomShapeType, width, height, _doorStyle, _value, _value2, _evt$payload8, moldingInfo, isGlobal, distElement, _distElement, _evt$payload9, option, _value3, layerId, layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i2, _i3, _i4, _evt$payload0, _evt$payload1, _evt$payload10, _evt$payload11, _layerID, _layer, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven2, _t5, _t6;
1061
+ var evt, state, _evt$payload, cdsItems, itemKeys, _loop3, i, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, isAll, _evt$payload6, roomShapeType, width, height, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, layerId, layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i2, _i3, _i4, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven2, _t5;
984
1062
  return _regenerator["default"].wrap(function (_context9) {
985
1063
  while (1) switch (_context9.prev = _context9.next) {
986
1064
  case 0:
@@ -988,7 +1066,7 @@ function _handleExternalEvent() {
988
1066
  evt = props.externalEvent;
989
1067
  state = props.state.get('KitchenConfigurator');
990
1068
  _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
991
- _context9.next = _t5 === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === _constants.EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === _constants.EXTERNAL_EVENT_ADD_HOLE ? 12 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 13 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 19 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 20 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 21 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 22 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === _constants.EXTERNAL_EVENT_CENTERING_2D ? 24 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 25 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 26 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 27 : _t5 === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 29 : _t5 === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 30 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 31 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 32 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 32 : _t5 === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 33 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 35 : 36;
1069
+ _context9.next = _t5 === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === _constants.EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === _constants.EXTERNAL_EVENT_ADD_HOLE ? 12 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 13 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 14 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 15 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 16 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 17 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 18 : _t5 === _constants.EXTERNAL_EVENT_CENTERING_2D ? 19 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 20 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 21 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 22 : _t5 === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 24 : _t5 === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 25 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 26 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 27 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 27 : _t5 === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 28 : _t5 === _constants.EXTERNAL_EVENT_SET_FINISHING ? 30 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 31 : 32;
992
1070
  break;
993
1071
  case 1:
994
1072
  // prepare item data request
@@ -1069,23 +1147,23 @@ function _handleExternalEvent() {
1069
1147
  };
1070
1148
  }());
1071
1149
  }
1072
- return _context9.abrupt("continue", 36);
1150
+ return _context9.abrupt("continue", 32);
1073
1151
  case 5:
1074
1152
  props.projectActions.setMode(_constants.MODE_IDLE_3D);
1075
- return _context9.abrupt("continue", 36);
1153
+ return _context9.abrupt("continue", 32);
1076
1154
  case 6:
1077
1155
  props.projectActions.setMode(_constants.MODE_IDLE);
1078
- return _context9.abrupt("continue", 36);
1156
+ return _context9.abrupt("continue", 32);
1079
1157
  case 7:
1080
1158
  sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
1081
1159
  if (sLineCnt > 0) props.projectActions.setMode(_constants.MODE_ELEVATION_VIEW);
1082
- return _context9.abrupt("continue", 36);
1160
+ return _context9.abrupt("continue", 32);
1083
1161
  case 8:
1084
1162
  if (state.mode === _constants.MODE_IDLE || state.mode === _constants.MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
1085
1163
  props.projectActions.setMode(_constants.MODE_IDLE);
1086
1164
  props.linesActions.selectToolDrawingLine('wall');
1087
1165
  }
1088
- return _context9.abrupt("continue", 36);
1166
+ return _context9.abrupt("continue", 32);
1089
1167
  case 9:
1090
1168
  if ((0, _helper.isEmpty)(evt === null || evt === void 0 ? void 0 : evt.payload)) {
1091
1169
  _context9.next = 11;
@@ -1116,115 +1194,97 @@ function _handleExternalEvent() {
1116
1194
  props.projectActions.pushLastSelectedCatalogElementToHistory(element);
1117
1195
  props.projectActions.setIsCabinetDrawing(true);
1118
1196
  case 11:
1119
- return _context9.abrupt("continue", 36);
1197
+ return _context9.abrupt("continue", 32);
1120
1198
  case 12:
1121
1199
  _constants.ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName);
1122
- return _context9.abrupt("continue", 36);
1200
+ return _context9.abrupt("continue", 32);
1123
1201
  case 13:
1124
- _evt$payload5 = evt.payload, moveType = _evt$payload5.moveType, moveValue = _evt$payload5.moveValue;
1125
- value = state.getIn(['viewer2D']).toJS();
1126
- _t6 = moveType;
1127
- _context9.next = _t6 === _constants.TOP ? 14 : _t6 === _constants.BOTTOM ? 15 : _t6 === _constants.RIGHT ? 16 : _t6 === _constants.LEFT ? 17 : 18;
1128
- break;
1202
+ movePan2D3D(props, evt.payload, state);
1203
+ return _context9.abrupt("continue", 32);
1129
1204
  case 14:
1130
- value.f -= moveValue;
1131
- return _context9.abrupt("continue", 18);
1132
- case 15:
1133
- value.f += moveValue;
1134
- return _context9.abrupt("continue", 18);
1135
- case 16:
1136
- value.e += moveValue;
1137
- return _context9.abrupt("continue", 18);
1138
- case 17:
1139
- value.e -= moveValue;
1140
- return _context9.abrupt("continue", 18);
1141
- case 18:
1142
- (0, _helper.updateViwer2D)(value, props.viewer2DActions);
1143
- return _context9.abrupt("continue", 36);
1144
- case 19:
1145
1205
  defaulTitle = 'Untitle';
1146
1206
  props.projectActions.newProject();
1147
1207
  props.projectActions.rename(defaulTitle);
1148
- return _context9.abrupt("continue", 36);
1149
- case 20:
1150
- _evt$payload6 = evt.payload, doorStyle = _evt$payload6.doorStyle, itemCDS = _evt$payload6.itemCDS, isAll = _evt$payload6.isAll;
1208
+ return _context9.abrupt("continue", 32);
1209
+ case 15:
1210
+ _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, isAll = _evt$payload5.isAll;
1151
1211
  props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
1152
- return _context9.abrupt("continue", 36);
1153
- case 21:
1154
- _evt$payload7 = evt.payload, roomShapeType = _evt$payload7.roomShapeType, width = _evt$payload7.width, height = _evt$payload7.height, _doorStyle = _evt$payload7.doorStyle;
1212
+ return _context9.abrupt("continue", 32);
1213
+ case 16:
1214
+ _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, _doorStyle = _evt$payload6.doorStyle;
1155
1215
  props.projectActions.createRoomWithShape(roomShapeType, width, height, _doorStyle);
1156
- return _context9.abrupt("continue", 36);
1157
- case 22:
1216
+ return _context9.abrupt("continue", 32);
1217
+ case 17:
1218
+ value = state.getIn(['viewer2D']).toJS();
1219
+ value.a += 0.1;
1220
+ value.d += 0.1;
1221
+ value.e -= value.SVGWidth * 0.1 / 2;
1222
+ value.f -= value.SVGHeight * 0.1 / 2;
1223
+ (0, _helper.updateViwer2D)(value, props.viewer2DActions);
1224
+ return _context9.abrupt("continue", 32);
1225
+ case 18:
1158
1226
  _value = state.getIn(['viewer2D']).toJS();
1159
- _value.a += 0.1;
1160
- _value.d += 0.1;
1161
- _value.e -= _value.SVGWidth * 0.1 / 2;
1162
- _value.f -= _value.SVGHeight * 0.1 / 2;
1227
+ _value.a -= 0.1;
1228
+ _value.d -= 0.1;
1229
+ _value.e += _value.SVGWidth * 0.1 / 2;
1230
+ _value.f += _value.SVGHeight * 0.1 / 2;
1163
1231
  (0, _helper.updateViwer2D)(_value, props.viewer2DActions);
1164
- return _context9.abrupt("continue", 36);
1165
- case 23:
1166
- _value2 = state.getIn(['viewer2D']).toJS();
1167
- _value2.a -= 0.1;
1168
- _value2.d -= 0.1;
1169
- _value2.e += _value2.SVGWidth * 0.1 / 2;
1170
- _value2.f += _value2.SVGHeight * 0.1 / 2;
1171
- (0, _helper.updateViwer2D)(_value2, props.viewer2DActions);
1172
- return _context9.abrupt("continue", 36);
1173
- case 24:
1232
+ return _context9.abrupt("continue", 32);
1233
+ case 19:
1174
1234
  (0, _helper.centering2D)(state, props.viewer2DActions);
1175
- return _context9.abrupt("continue", 36);
1176
- case 25:
1235
+ return _context9.abrupt("continue", 32);
1236
+ case 20:
1177
1237
  props.projectActions.undo();
1178
- return _context9.abrupt("continue", 36);
1179
- case 26:
1238
+ return _context9.abrupt("continue", 32);
1239
+ case 21:
1180
1240
  props.projectActions.redo();
1181
- return _context9.abrupt("continue", 36);
1182
- case 27:
1183
- _evt$payload8 = evt.payload, moldingInfo = _evt$payload8.moldingInfo, isGlobal = _evt$payload8.isGlobal;
1184
- _context9.next = 28;
1241
+ return _context9.abrupt("continue", 32);
1242
+ case 22:
1243
+ _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
1244
+ _context9.next = 23;
1185
1245
  return loadMoldingSvg(moldingInfo);
1186
- case 28:
1246
+ case 23:
1187
1247
  props.itemsActions.setMolding(moldingInfo, isGlobal);
1188
- return _context9.abrupt("continue", 36);
1189
- case 29:
1248
+ return _context9.abrupt("continue", 32);
1249
+ case 24:
1190
1250
  distElement = getElement(evt.payload, state);
1191
1251
  if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
1192
- return _context9.abrupt("continue", 36);
1193
- case 30:
1252
+ return _context9.abrupt("continue", 32);
1253
+ case 25:
1194
1254
  _distElement = getElement(evt.payload, state);
1195
1255
  if (_distElement) props.projectActions.remove(_distElement);
1196
- return _context9.abrupt("continue", 36);
1197
- case 31:
1198
- _evt$payload9 = evt.payload, option = _evt$payload9.option, _value3 = _evt$payload9.value;
1256
+ return _context9.abrupt("continue", 32);
1257
+ case 26:
1258
+ _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
1199
1259
  if (option === _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT) {
1200
- props.viewer2DActions.updateCeilHeight(_value3);
1201
- props.viewer3DActions.update3DCeilHeight(_value3);
1260
+ props.viewer2DActions.updateCeilHeight(_value2);
1261
+ props.viewer3DActions.update3DCeilHeight(_value2);
1202
1262
  } else if (option === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE) {
1203
- props.viewer2DActions.changeWallLengthMeasure(_value3);
1263
+ props.viewer2DActions.changeWallLengthMeasure(_value2);
1204
1264
  } else if (option === _constants.PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE) {
1205
- props.viewer2DActions.changeBaseCabinetMeasure(_value3);
1265
+ props.viewer2DActions.changeBaseCabinetMeasure(_value2);
1206
1266
  } else if (option === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE) {
1207
- props.viewer2DActions.changeWallCabinetMeasure(_value3);
1267
+ props.viewer2DActions.changeWallCabinetMeasure(_value2);
1208
1268
  } else if (option === _constants.PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE) {
1209
- props.viewer2DActions.changeWindowDoorMeasure(_value3);
1269
+ props.viewer2DActions.changeWindowDoorMeasure(_value2);
1210
1270
  }
1211
- return _context9.abrupt("continue", 36);
1212
- case 32:
1271
+ return _context9.abrupt("continue", 32);
1272
+ case 27:
1213
1273
  layerId = state.getIn(['scene', 'selectedLayer']);
1214
1274
  layer = state.getIn(['scene', 'layers', layerId]);
1215
1275
  _layer$getIn = layer.getIn(['selected']), selectedLines = _layer$getIn.lines, selectedHoles = _layer$getIn.holes, selectedItems = _layer$getIn.items;
1216
1276
  for (_i2 = 0; _i2 < selectedLines.size; _i2++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['lines', selectedLines.get(_i2)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['lines', selectedLines.get(_i2)]), evt.payload, props.catalog, props.projectActions, evt.callback);
1217
1277
  for (_i3 = 0; _i3 < selectedHoles.size; _i3++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i3)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i3)]), evt.payload, props.catalog, props.projectActions, evt.callback);
1218
1278
  for (_i4 = 0; _i4 < selectedItems.size; _i4++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['items', selectedItems.get(_i4)]), evt.payload, state, layer, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['items', selectedItems.get(_i4)]), evt.payload, props.catalog, props.projectActions, evt.callback);
1219
- return _context9.abrupt("continue", 36);
1220
- case 33:
1279
+ return _context9.abrupt("continue", 32);
1280
+ case 28:
1221
1281
  _layerID = state.scene.selectedLayer;
1222
1282
  _layer = state.scene.getIn(['layers', _layerID]).toJS();
1223
- orginalItemInfo = evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.orginalItemInfo;
1283
+ orginalItemInfo = evt === null || evt === void 0 || (_evt$payload9 = evt.payload) === null || _evt$payload9 === void 0 ? void 0 : _evt$payload9.orginalItemInfo;
1224
1284
  originalItem = _layer === null || _layer === void 0 ? void 0 : _layer.items[orginalItemInfo.id];
1225
- _context9.next = 34;
1285
+ _context9.next = 29;
1226
1286
  return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
1227
- case 34:
1287
+ case 29:
1228
1288
  originalItemPos = {
1229
1289
  rotation: originalItem.rotation,
1230
1290
  selectedItemId: originalItem.id,
@@ -1232,15 +1292,17 @@ function _handleExternalEvent() {
1232
1292
  y: originalItem.y
1233
1293
  };
1234
1294
  replaceItem = {
1235
- name: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.name,
1295
+ name: evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 || (_evt$payload0 = _evt$payload0.replaceItemInfo) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.name,
1236
1296
  info: {
1237
- width: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.width,
1238
- height: evt === null || evt === void 0 || (_evt$payload11 = evt.payload) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.replaceItemInfo) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.sizeinfo) === null || _evt$payload11 === void 0 ? void 0 : _evt$payload11.height
1297
+ width: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.sizeinfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.width,
1298
+ height: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.height
1239
1299
  }
1240
1300
  };
1241
1301
  props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
1242
- return _context9.abrupt("continue", 36);
1243
- case 35:
1302
+ return _context9.abrupt("continue", 32);
1303
+ case 30:
1304
+ setFinishing(props, state, evt.payload);
1305
+ case 31:
1244
1306
  // send scene object from 3DTool to HostApp using internalEvent
1245
1307
  (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
1246
1308
  type: _constants.INTERNAL_EVENT_SYNC_SCENE,
@@ -1248,8 +1310,8 @@ function _handleExternalEvent() {
1248
1310
  scene: state.scene.toJS()
1249
1311
  }
1250
1312
  });
1251
- return _context9.abrupt("continue", 36);
1252
- case 36:
1313
+ return _context9.abrupt("continue", 32);
1314
+ case 32:
1253
1315
  case "end":
1254
1316
  return _context9.stop();
1255
1317
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kitchen-simulator",
3
- "version": "2.0.57",
3
+ "version": "2.0.60",
4
4
  "description": "It is a kitchen simulator (self-contained micro-frontend).",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",