kitchen-simulator 2.0.0 → 2.0.1-test.1

package/es/plugins/console-debugger.js

@@ -0,0 +1,34 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import actions from "../actions/export";
+export default function consoleDebugger() {
+  return function (store, stateExtractor) {
+    window.KitchenConfigurator = _objectSpread(_objectSpread({}, actions), {}, {
+      getStore: function getStore() {
+        return store;
+      },
+      getState: function getState() {
+        return stateExtractor(store.getState());
+      },
+      "do": function _do(actions) {
+        var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+        actions = actions.reverse();
+        var dispatch = store.dispatch;
+        var _dispatchAction = function dispatchAction() {
+          console.info("There are other ".concat(actions.length, " actions on stack"));
+          if (actions.length === 0) return;
+          dispatch(actions.pop());
+          if (actions.length === 0) return;
+          setTimeout(_dispatchAction, delay);
+        };
+        setTimeout(_dispatchAction, 0);
+      }
+    });
+    console.groupCollapsed('KitchenConfigurator');
+    console.info('KitchenConfigurator is ready');
+    console.info('console.log(KitchenConfigurator)');
+    console.log(window.KitchenConfigurator);
+    console.groupEnd();
+  };
+}

package/es/plugins/export.js

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

package/es/plugins/keyboard.js

@@ -0,0 +1,101 @@
+import { MODE_IDLE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_SNAPPING, KEYBOARD_BUTTON_CODE, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM_3D, MODE_DRAWING_ITEM } from "../constants";
+import { rollback, undo, redo, recreate, uncreate, remove, toggleSnap, copyProperties, pasteProperties, shift2doff, shift2don } from "../actions/project-actions";
+export default function keyboard() {
+  return function (store, stateExtractor) {
+    window.addEventListener('keydown', function (event) {
+      var state = stateExtractor(store.getState());
+      var mode = state.get('mode');
+      switch (event.keyCode) {
+        case KEYBOARD_BUTTON_CODE.BACKSPACE:
+        case KEYBOARD_BUTTON_CODE.DELETE:
+          {
+            if ([MODE_IDLE, MODE_3D_FIRST_PERSON, MODE_3D_VIEW, MODE_IDLE_3D, MODE_ROTATING_ITEM_3D, MODE_DRAGGING_ITEM_3D].includes(mode)) store.dispatch(remove());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.ESC:
+          {
+            store.dispatch(rollback());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.Z:
+          {
+            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(undo());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.Q:
+          {
+            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch(redo());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.ALT:
+          {
+            if (MODE_SNAPPING.includes(mode)) store.dispatch(toggleSnap(state.snapMask.merge({
+              SNAP_POINT: false,
+              SNAP_LINE: false,
+              SNAP_SEGMENT: false,
+              SNAP_GRID: false,
+              SNAP_GUIDE: false,
+              tempSnapConfiguartion: state.snapMask.toJS()
+            })));
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.C:
+          {
+            var selectedLayer = state.getIn(['scene', 'selectedLayer']);
+            var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
+            if ((mode === MODE_IDLE || mode === MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
+              if (selected.holes.size) {
+                var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
+                store.dispatch(copyProperties(hole.get('properties')));
+              } else if (selected.areas.size) {
+                var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
+                store.dispatch(copyProperties(area.properties));
+              } else if (selected.items.size) {
+                var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
+                store.dispatch(copyProperties(item.properties));
+              } else if (selected.lines.size) {
+                var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
+                store.dispatch(copyProperties(line.properties));
+              }
+            }
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.V:
+          {
+            store.dispatch(pasteProperties());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.SHIFT:
+          {
+            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
+              if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(recreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2doff());
+            }
+            break;
+          }
+      }
+    });
+    window.addEventListener('keyup', function (event) {
+      var state = stateExtractor(store.getState());
+      var mode = state.get('mode');
+      switch (event.keyCode) {
+        case KEYBOARD_BUTTON_CODE.ALT:
+          {
+            if (MODE_SNAPPING.includes(mode)) store.dispatch(toggleSnap(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.CTRL:
+          {
+            // store.dispatch(setAlterateState());
+            break;
+          }
+        case KEYBOARD_BUTTON_CODE.SHIFT:
+          {
+            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
+              if ([MODE_DRAWING_ITEM_3D, MODE_IDLE_3D].includes(mode)) store.dispatch(uncreate());else if ([MODE_DRAWING_ITEM, MODE_IDLE].includes(mode)) store.dispatch(shift2don());
+            }
+            break;
+          }
+      }
+    });
+  };
+}

package/es/reducers/areas-reducer.js

@@ -0,0 +1,12 @@
+import { Area } from "../class/export";
+import { SELECT_AREA, SET_FLOOR_STYLES } from "../constants";
+export default function (state, action) {
+  switch (action.type) {
+    case SELECT_AREA:
+      return Area.select(state, action.layerID, action.areaID).updatedState;
+    case SET_FLOOR_STYLES:
+      return Area.setFloorStyles(state, action.texture).updatedState;
+    default:
+      return state;
+  }
+}

package/es/reducers/export.js

@@ -0,0 +1,25 @@
+import KitchenConfiguratorAreasReducer from "./areas-reducer";
+import KitchenConfiguratorHolesReducer from "./holes-reducer";
+import KitchenConfiguratorItemsReducer from "./items-reducer";
+import KitchenConfiguratorLinesReducer from "./lines-reducer";
+import KitchenConfiguratorGroupsReducer from "./groups-reducer";
+import KitchenConfiguratorProjectReducer from "./project-reducer";
+import KitchenConfiguratorSceneReducer from "./scene-reducer";
+import KitchenConfiguratorVerticesReducer from "./vertices-reducer";
+import KitchenConfiguratorViewer2dReducer from "./viewer2d-reducer";
+import KitchenConfiguratorViewer3dReducer from "./viewer3d-reducer";
+import KitchenConfiguratorUserReducer from "./user-reducer";
+export { KitchenConfiguratorAreasReducer, KitchenConfiguratorHolesReducer, KitchenConfiguratorItemsReducer, KitchenConfiguratorLinesReducer, KitchenConfiguratorGroupsReducer, KitchenConfiguratorProjectReducer, KitchenConfiguratorSceneReducer, KitchenConfiguratorVerticesReducer, KitchenConfiguratorViewer2dReducer, KitchenConfiguratorViewer3dReducer, KitchenConfiguratorUserReducer };
+export default {
+  KitchenConfiguratorAreasReducer: KitchenConfiguratorAreasReducer,
+  KitchenConfiguratorHolesReducer: KitchenConfiguratorHolesReducer,
+  KitchenConfiguratorItemsReducer: KitchenConfiguratorItemsReducer,
+  KitchenConfiguratorLinesReducer: KitchenConfiguratorLinesReducer,
+  KitchenConfiguratorGroupsReducer: KitchenConfiguratorGroupsReducer,
+  KitchenConfiguratorProjectReducer: KitchenConfiguratorProjectReducer,
+  KitchenConfiguratorSceneReducer: KitchenConfiguratorSceneReducer,
+  KitchenConfiguratorVerticesReducer: KitchenConfiguratorVerticesReducer,
+  KitchenConfiguratorViewer2dReducer: KitchenConfiguratorViewer2dReducer,
+  KitchenConfiguratorViewer3dReducer: KitchenConfiguratorViewer3dReducer,
+  KitchenConfiguratorUserReducer: KitchenConfiguratorUserReducer
+};

package/es/reducers/groups-reducer.js

@@ -0,0 +1,38 @@
+import { GROUP_ACTIONS } from "../constants";
+import { Group } from "../class/export";
+import { history } from "../utils/export";
+export default function (state, action) {
+  state = state.merge({
+    sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+  });
+  switch (action.type) {
+    case GROUP_ACTIONS.ADD_GROUP:
+      return Group.create(state).updatedState;
+    case GROUP_ACTIONS.ADD_GROUP_FROM_SELECTED:
+      return Group.createFromSelectedElements(state).updatedState;
+    case GROUP_ACTIONS.SELECT_GROUP:
+      return Group.select(state, action.groupID).updatedState;
+    case GROUP_ACTIONS.UNSELECT_GROUP:
+      return Group.unselect(state, action.groupID).updatedState;
+    case GROUP_ACTIONS.ADD_TO_GROUP:
+      return Group.addElement(state, action.groupID, action.layerID, action.elementPrototype, action.elementID).updatedState;
+    case GROUP_ACTIONS.REMOVE_FROM_GROUP:
+      return Group.removeElement(state, action.groupID, action.layerID, action.elementPrototype, action.elementID).updatedState;
+    case GROUP_ACTIONS.SET_GROUP_ATTRIBUTES:
+      return Group.setAttributes(state, action.groupID, action.attributes).updatedState;
+    case GROUP_ACTIONS.SET_GROUP_PROPERTIES:
+      return Group.setProperties(state, action.groupID, action.properties).updatedState;
+    case GROUP_ACTIONS.SET_GROUP_BARYCENTER:
+      return Group.setBarycenter(state, action.groupID, action.barycenter.get('x'), action.barycenter.get('y')).updatedState;
+    case GROUP_ACTIONS.REMOVE_GROUP:
+      return Group.remove(state, action.groupID).updatedState;
+    case GROUP_ACTIONS.REMOVE_GROUP_AND_DELETE_ELEMENTS:
+      return Group.removeAndDeleteElements(state, action.groupID).updatedState;
+    case GROUP_ACTIONS.GROUP_TRANSLATE:
+      return Group.translate(state, action.groupID, action.x, action.y).updatedState;
+    case GROUP_ACTIONS.GROUP_ROTATE:
+      return Group.rotate(state, action.groupID, action.rotation).updatedState;
+    default:
+      return state;
+  }
+}

package/es/reducers/holes-reducer.js

@@ -0,0 +1,62 @@
+import { Hole } from "../class/export";
+import { history } from "../utils/export";
+import { SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, END_DRAWING_HOLE, END_DRAWING_HOLE_3D, BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, UPDATE_DRAGGING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, SELECT_HOLE, END_CREATING_HOLE, UPDATE_POPUP_OPEN, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED } from "../constants";
+export default function (state, action) {
+  switch (action.type) {
+    case UPDATE_DRAGGING_HOLE_RULER_CHANGED:
+      return Hole.updateDraggingHoleRulerChanged(state, action.width, action.layerID, action.holeID).updatedState;
+    case UPDATE_DRAGGING_HOLE_CHANGED:
+      return Hole.updateDraggingHoleChanged(state, action.x, action.y, action.layerID, action.holeID).updatedState;
+    case END_CREATING_HOLE:
+      return Hole.endCreatingHole(state).updatedState;
+    case UPDATE_POPUP_OPEN:
+      return Hole.updatePopupOpen(state, action.value).updatedState;
+    case SELECT_TOOL_DRAWING_HOLE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.selectToolDrawingHole(state, action.sceneComponentType).updatedState;
+    case SELECT_TOOL_DRAWING_HOLE_3D:
+      return Hole.selectToolDrawingHole3D(state, action.sceneComponentType).updatedState;
+    case UPDATE_DRAWING_HOLE:
+      return Hole.updateDrawingHole(state, action.layerID, action.x, action.y).updatedState;
+    case UPDATE_DRAWING_HOLE_3D:
+      return Hole.updateDrawingHole3D(state, action.layerID, action.x, action.y).updatedState;
+    case END_DRAWING_HOLE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.endDrawingHole(state, action.layerID, action.x, action.y).updatedState;
+    case END_DRAWING_HOLE_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.endDrawingHole3D(state, action.layerID, action.x, action.y).updatedState;
+    case BEGIN_DRAGGING_HOLE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.beginDraggingHole(state, action.layerID, action.holeID, action.x, action.y).updatedState;
+    case BEGIN_DRAGGING_HOLE_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.beginDraggingHole3D(state, action.layerID, action.holeID, action.x, action.y).updatedState;
+    case UPDATE_DRAGGING_HOLE:
+      return Hole.updateDraggingHole(state, action.x, action.y).updatedState;
+    case END_DRAGGING_HOLE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.endDraggingHole(state, action.x, action.y).updatedState;
+    case END_DRAGGING_HOLE_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Hole.endDraggingHole3D(state, action.x, action.y).updatedState;
+    case SELECT_HOLE:
+      return Hole.select(state, action.layerID, action.holeID).updatedState;
+    default:
+      return state;
+  }
+}

package/es/reducers/items-reducer.js

@@ -0,0 +1,147 @@
+import { Item, Area } from "../class/export";
+import { history } from "../utils/export";
+import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, CHANGE_DISTANCE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM
+// SET_MOVE_STATUS,
+// SET_ROTATE_STATUS
+} from "../constants";
+export default function (state, action) {
+  switch (action.type) {
+    case STORE_DIST_ARRAY:
+      return Item.storeDistArray(state, action.layerID, action.itemID, action.distArray).updatedState;
+    case VALIDATE_ITEM_POSTIONS:
+      return Item.validateItemPositions(state, action.layerID).updatedState;
+    case END_LOADING:
+      return Item.endLoading(state).updatedState;
+    case TOGGLE_LOADING_CABINET:
+      return Item.toggleLoadingCabinet(state).updatedState;
+    case EDIT_WIDTH:
+      return Item.editWidth(state, action.newWidth, action.layerID, action.itemID).updatedState;
+    case DUPLICATE_SELECTED:
+      return Item.duplicateSelected(state, action.currentObject).updatedState;
+    case END_CREATING_CABINET:
+      return Item.endCreatingCabinet(state).updatedState;
+    case UPDATE_POPUP_OPEN:
+      return Item.updatePopupOpen(state, action.value).updatedState;
+    case SELECT_ITEM:
+      return Item.select(state, action.layerID, action.itemID).updatedState;
+    case SELECT_TOOL_DRAWING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.selectToolDrawingItem(state, action.sceneComponentType).updatedState;
+    case REPLACE_ITEM:
+      return Item.replaceItem(state, action.selectedPos, action.currentObject, action.selectedObject).updatedState;
+    case UPDATE_DRAWING_ITEM:
+      return Item.updateDrawingItem(state, action.layerID, action.x, action.y).updatedState;
+    case END_DRAWING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.endDrawingItem(state, action.layerID, action.x, action.y).updatedState;
+    case BEGIN_DRAGGING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.beginDraggingItem(state, action.layerID, action.itemID, action.x, action.y).updatedState;
+    case BEGIN_DRAGGING_ITEM_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.beginDraggingItem3D(state, action.layerID, action.itemID, action.x, action.y).updatedState;
+    case UPDATE_DRAGGING_ITEM:
+      return Item.updateDraggingItem(state, action.x, action.y).updatedState;
+    case UPDATE_DRAGGING_ITEM_CHANGED:
+      return Item.updateDraggingItemChanged(state, action.x, action.y, action.layerID, action.itemID).updatedState;
+    case UPDATE_DRAGGING_ITEM_3DX:
+      return Item.updateDraggingItem3DX(state, action.x).updatedState;
+    case UPDATE_DRAGGING_ITEM_3DY:
+      return Item.updateDraggingItem3DY(state, action.y).updatedState;
+    case END_DRAGGING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.endDraggingItem(state, action.x, action.y).updatedState;
+    case END_DRAGGING_ITEM_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.endDraggingItem3D(state).updatedState;
+    case BEGIN_ROTATING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.beginRotatingItem(state, action.layerID, action.itemID, action.x, action.y).updatedState;
+    case BEGIN_ROTATING_ITEM_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.beginRotatingItem3D(state, action.layerID, action.itemID, action.x, action.y, action.centerX, action.centerY).updatedState;
+    case UPDATE_ROTATING_ITEM:
+      return Item.updateRotatingItem(state, action.x, action.y).updatedState;
+    case UPDATE_ROTATING_ITEM_CHANGED:
+      return Item.updateRotatingItemChanged(state, action.rotation, action.layerID, action.itemID).updatedState;
+    case END_ROTATING_ITEM:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.endRotatingItem(state, action.x, action.y).updatedState;
+    case END_ROTATING_ITEM_3D:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.endRotatingItem3D(state, action.x, action.y).updatedState;
+    case REPLACE_SUBMODULE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.replaceSubmodule(state, action.url).updatedState;
+    case ANIMATE_OBJECT:
+      // state = state.merge({ sceneHistory: history.historyPush(state.sceneHistory, state.scene) });
+      return Item.animateObject(state, action.value).updatedState;
+    case REMOVE_REPLACE_SUBMODULE:
+      return Item.removeReplacingSupport(state).updatedState;
+    case ITEM_MOVE_UP:
+      return Item.updateItemsAltitude(state, action.layerID, action.itemID, action.value).updatedState;
+    case SELECT_TOOL_DRAWING_ITEM_3D:
+      return Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
+    case SET_DOOR_STYLE:
+      return Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
+    case CHANGE_DISTANCE:
+      {
+        return Item.changeDistance(state, action.distancePayload).updatedState;
+      }
+    case SET_HANDLE_MATERIAL:
+      return Item.setHandleMaterial(state, action.material).updatedState;
+    case SET_DOOR_HANDLE:
+      return Item.setDoorHandle(state, action.doorHandle).updatedState;
+    case SET_COUNTER_TOP:
+      return Item.setCounterTop(state, action.counterTop).updatedState;
+    case SET_MOLDING:
+      return Item.setMolding(state, action.molding, action.isAll).updatedState;
+    case UPDATE_MOLDING:
+      return Item.updateMolding(state).updatedState;
+    case SET_WALL_COLOR:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      }); // save history when this actino performed,so undo enable
+      return Item.setWallColor(state, action.wallColor).updatedState;
+    case SET_MODELLING:
+      return Item.setModelling(state, action.model).updatedState;
+    case SET_BACKSPLASH:
+      return Item.setBacksplash(state, action.backsplash).updatedState;
+    case SET_BACKSPLASH_VISIBLE:
+      return Item.setBacksplashVisible(state, action.itemID, action.backsplashVisible).updatedState;
+    case SET_APPLIANCE_MATERIAL:
+      return Item.setApplianceMaterial(state, action.material).updatedState;
+    case SET_INITIAL_DOOR_STYLE:
+      return Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
+    case UPDATE_ITEM_POSITION:
+      return Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
+    // case SET_MOVE_STATUS:
+    //   return state.merge({ moveStatus: action.status });
+    // case SET_ROTATE_STATUS:
+    //   return state.merge({ rotateStatus: action.status });
+    default:
+      return state;
+  }
+}

package/es/reducers/lines-reducer.js

@@ -0,0 +1,45 @@
+import { Line } from "../class/export";
+import { history } from "../utils/export";
+import { SELECT_TOOL_DRAWING_LINE, BEGIN_DRAWING_LINE, UPDATE_DRAWING_LINE, END_DRAWING_LINE, BEGIN_DRAGGING_LINE, UPDATE_DRAGGING_LINE, END_DRAGGING_LINE, SELECT_LINE, STOP_DRAWING_LINE, SET_RELATED_LINE } from "../constants";
+export default function (state, action) {
+  switch (action.type) {
+    case SELECT_TOOL_DRAWING_LINE:
+      sessionStorage.setItem('hintTextShow', true);
+      setTimeout(function () {
+        sessionStorage.setItem('hintTextShow', false);
+      }, 500);
+      return Line.selectToolDrawingLine(state, action.sceneComponentType).updatedState;
+    case BEGIN_DRAWING_LINE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Line.beginDrawingLine(state, action.layerID, action.x, action.y).updatedState;
+    case UPDATE_DRAWING_LINE:
+      return Line.updateDrawingLine(state, action.x, action.y, action.relatedLines).updatedState;
+    case STOP_DRAWING_LINE:
+      return Line.stopDrawingLine(state).updatedState;
+    case END_DRAWING_LINE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Line.endDrawingLine(state, action.x, action.y).updatedState;
+    case BEGIN_DRAGGING_LINE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Line.beginDraggingLine(state, action.layerID, action.lineID, action.x, action.y).updatedState;
+    case UPDATE_DRAGGING_LINE:
+      return Line.updateDraggingLine(state, action.x, action.y, action.relatedLines).updatedState;
+    case END_DRAGGING_LINE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Line.endDraggingLine(state, action.x, action.y, action.relatedLines).updatedState;
+    case SELECT_LINE:
+      return Line.select(state, action.layerID, action.lineID).updatedState;
+    case SET_RELATED_LINE:
+      return Line.setRelatedLine(state, action.layerID, action.lineID, action.intersection).updatedState;
+    default:
+      return state;
+  }
+}

package/es/reducers/project-reducer.js

@@ -0,0 +1,131 @@
+import { history } from "../utils/export";
+import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG } from "../constants";
+import { Project } from "../class/export";
+export default function (state, action) {
+  switch (action.type) {
+    case NEW_PROJECT:
+      return Project.newProject(state).updatedState;
+    case LOAD_PROJECT:
+      return Project.loadProject(state, action.sceneJSON).updatedState;
+    case OPEN_CATALOG:
+      return Project.openCatalog(state).updatedState;
+    case CHANGE_CATALOG_PAGE:
+      return Project.changeCatalogPage(state, action.oldPage, action.newPage).updatedState;
+    case GO_BACK_TO_CATALOG_PAGE:
+      return Project.goBackToCatalogPage(state, action.newPage).updatedState;
+    case SELECT_TOOL_EDIT:
+      return Project.setMode(state, MODE_IDLE).updatedState;
+    case UNSELECT_ALL:
+      return Project.unselectAll(state).updatedState;
+    case SELECT_ALL:
+      return Project.selectAll(state, action.value).updatedState;
+    case SET_PROPERTIES:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setProperties(state, state.getIn(['scene', 'selectedLayer']), action.properties).updatedState;
+    case SET_ITEMS_ATTRIBUTES:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setItemsAttributes(state, action.itemsAttributes).updatedState;
+    case SET_LINES_ATTRIBUTES:
+      if (state.mode != MODE_DRAWING_LINE) state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setLinesAttributes(state, action.linesAttributes, action.isDirect, action.directData).updatedState;
+    case SET_HOLES_ATTRIBUTES:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setHolesAttributes(state, action.holesAttributes).updatedState;
+    case REMOVE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.remove(state).updatedState;
+    case UNDO:
+      return Project.undo(state).updatedState;
+    case REDO:
+      return Project.redo(state).updatedState;
+    case UNCREATE:
+      return Project.uncreate(state).updatedState;
+    case PROJECT_RE_NAME:
+      return Project.rename(state, action.name).updatedState;
+    case RECREATE:
+      return Project.recreate(state).updatedState;
+    case SHIFT2DOFF:
+      return Project.shift2doff(state).updatedState;
+    case SHIFT2DON:
+      return Project.shift2don(state).updatedState;
+    case ROLLBACK:
+      return Project.rollback(state).updatedState;
+    case SET_PROJECT_PROPERTIES:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setProjectProperties(state, action.properties).updatedState;
+    case SET_PROJECT_ID:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.setProjectId(state, action.id).updatedState;
+    case OPEN_PROJECT_CONFIGURATOR:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.openProjectConfigurator(state).updatedState;
+    case INIT_CATALOG:
+      return Project.initCatalog(state, action.catalog).updatedState;
+    case ADD_ELEMENT_TO_CATALOG:
+      return Project.addElementToCatalog(state, action.element).updatedState;
+    case UPDATE_MOUSE_COORDS:
+      return Project.updateMouseCoord(state, action.coords).updatedState;
+    case UPDATE_ZOOM_SCALE:
+      return Project.updateZoomScale(state, action.scale).updatedState;
+    case TOGGLE_SNAP:
+      return Project.toggleSnap(state, action.mask).updatedState;
+    case THROW_ERROR:
+      return Project.throwError(state, action.error).updatedState;
+    case THROW_WARNING:
+      return Project.throwWarning(state, action.warning).updatedState;
+    case COPY_PROPERTIES:
+      return Project.copyProperties(state, action.properties).updatedState;
+    case PASTE_PROPERTIES:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.pasteProperties(state).updatedState;
+    case PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY:
+      return Project.pushLastSelectedCatalogElementToHistory(state, action.element).updatedState;
+    case ALTERATE_STATE:
+      return Project.setAlterate(state).updatedState;
+    case SET_MODE:
+      return Project.setMode(state, action.mode).updatedState;
+    case ADD_HORIZONTAL_GUIDE:
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Project.addHorizontalGuide(state, action.coordinate).updatedState;
+    case ADD_VERTICAL_GUIDE:
+      return Project.addVerticalGuide(state, action.coordinate).updatedState;
+    case ADD_CIRCULAR_GUIDE:
+      return Project.addCircularGuide(state, action.x, action.y, action.radius).updatedState;
+    case REMOVE_HORIZONTAL_GUIDE:
+      return Project.removeHorizontalGuide(state, action.guideID).updatedState;
+    case REMOVE_VERTICAL_GUIDE:
+      return Project.removeVerticalGuide(state, action.guideID).updatedState;
+    case REMOVE_CIRCULAR_GUIDE:
+      return Project.removeCircularGuide(state, action.guideID).updatedState;
+    case REMOVE_DRAWING_SUPPORT:
+      return Project.removeDrawingSupport(state).updatedState;
+    case SET_STATE_PROPERTIES:
+      return Project.setStateProperties(state, action.properties).updatedState;
+    case SET_IS_HELP:
+      return Project.setIsHelp(state, action.isHelp).updatedState;
+    case SET_IS_CABINET_DRAWING:
+      return Project.setIsCabinetDrawing(state, action.isCabinetDrawing).updatedState;
+    default:
+      return state;
+  }
+}

package/es/reducers/reducer.js

@@ -0,0 +1,19 @@
+import { PROJECT_ACTIONS, VIEWER2D_ACTIONS, VIEWER3D_ACTIONS, GROUP_ACTIONS, ITEMS_ACTIONS, HOLE_ACTIONS, LINE_ACTIONS, AREA_ACTIONS, SCENE_ACTIONS, VERTEX_ACTIONS, USER_ACTIONS } from "../constants";
+import { KitchenConfiguratorAreasReducer, KitchenConfiguratorHolesReducer, KitchenConfiguratorItemsReducer, KitchenConfiguratorLinesReducer, KitchenConfiguratorGroupsReducer, KitchenConfiguratorProjectReducer, KitchenConfiguratorSceneReducer, KitchenConfiguratorVerticesReducer, KitchenConfiguratorViewer2dReducer, KitchenConfiguratorViewer3dReducer, KitchenConfiguratorUserReducer } from "./export";
+import { State } from "../models";
+export var initialState = new State();
+export default function appReducer(state, action) {
+  // /////////
+  if (PROJECT_ACTIONS[action.type]) return KitchenConfiguratorProjectReducer.apply(void 0, arguments);
+  if (VIEWER2D_ACTIONS[action.type]) return KitchenConfiguratorViewer2dReducer.apply(void 0, arguments);
+  if (VIEWER3D_ACTIONS[action.type]) return KitchenConfiguratorViewer3dReducer.apply(void 0, arguments);
+  if (ITEMS_ACTIONS[action.type]) return KitchenConfiguratorItemsReducer.apply(void 0, arguments);
+  if (HOLE_ACTIONS[action.type]) return KitchenConfiguratorHolesReducer.apply(void 0, arguments);
+  if (LINE_ACTIONS[action.type]) return KitchenConfiguratorLinesReducer.apply(void 0, arguments);
+  if (AREA_ACTIONS[action.type]) return KitchenConfiguratorAreasReducer.apply(void 0, arguments);
+  if (GROUP_ACTIONS[action.type]) return KitchenConfiguratorGroupsReducer.apply(void 0, arguments);
+  if (SCENE_ACTIONS[action.type]) return KitchenConfiguratorSceneReducer.apply(void 0, arguments);
+  if (VERTEX_ACTIONS[action.type]) return KitchenConfiguratorVerticesReducer.apply(void 0, arguments);
+  if (USER_ACTIONS[action.type]) return KitchenConfiguratorUserReducer.apply(void 0, arguments);
+  return state || initialState;
+}

package/es/reducers/scene-reducer.js

@@ -0,0 +1,28 @@
+import { Layer } from "../class/export";
+import { history } from "../utils/export";
+import { ADD_LAYER, SELECT_LAYER, SET_LAYER_PROPERTIES, REMOVE_LAYER, UPDATE_MOVING_STATE } from "../constants";
+export default function (state, action) {
+  var saveHistory = function saveHistory() {
+    return state = state.merge({
+      sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+    });
+  };
+  switch (action.type) {
+    case ADD_LAYER:
+      saveHistory();
+      return Layer.create(state, action.name, action.altitude).updatedState;
+    case SELECT_LAYER:
+      saveHistory();
+      return Layer.select(state, action.layerID).updatedState;
+    case SET_LAYER_PROPERTIES:
+      saveHistory();
+      return Layer.setProperties(state, action.layerID, action.properties).updatedState;
+    case REMOVE_LAYER:
+      saveHistory();
+      return Layer.remove(state, action.layerID).updatedState;
+    case UPDATE_MOVING_STATE:
+      return Layer.updateMovingState(state, action.showflag).updatedState;
+    default:
+      return state;
+  }
+}